* {padding: 0; margin: 0; border: 0; font-family: Tahoma, Arial, "Trebuchet MS", serif; font-size: 11px; color: #525252; text-decoration: none; outline: none;}
html, body {height: 100%;}
body {background: #fff url(bg.gif) repeat-x;}
#lay {margin: 0 auto; width: 978px; height: 100%; background: url(lay.gif) no-repeat;}
#a1, #a2, #a3, #a4, #a5 {width: 950px; margin: 0 14px;}
table {border-collapse: collapse;}

#a1 {height: 100px; background: url(head.jpg) 0 100% no-repeat; position: relative;}
  /* hoofdmenu */
  #a1_1 {width: 280px; height: 31px; background: url(m.gif); position: absolute; bottom: 0; left: 11px;}
  #m1 a, #m2 a, #m3 a, #m4 a, #m5 a, #m1on a, #m2on a, #m3on a, #m4on a, #m5on a {float: left; height: 31px; margin-right: 2px;}
  #m1 a, #m1on a {width: 43px;}
  #m2 a, #m2on a {width: 71px;}  
  #m3 a, #m3on a {width: 63px;}
  #m4 a, #m4on a {width: 35px;}  
  #m5 a, #m5on a {width: 60px; margin: 0;}    
  #m1 a:hover {background: url(m.gif) 0 -31px;}
  #m2 a:hover {background: url(m.gif) -45px -31px;}  
  #m3 a:hover {background: url(m.gif) -118px -31px;}
  #m4 a:hover {background: url(m.gif) -183px -31px;}  
  #m5 a:hover {background: url(m.gif) -220px -31px;}
  #m1on a {background: url(m.gif) 0 -62px;}
  #m2on a {background: url(m.gif) -45px -62px;}
  #m3on a {background: url(m.gif) -118px -62px;}
  #m4on a {background: url(m.gif) -183px -62px;}
  #m5on a {background: url(m.gif) -220px -62px;}
  #a1_2 {width: 162px; height: 9px; background: url(topm.gif); position: absolute; bottom: 11px; right: 11px;}

  /* topmenu rechts */
  #tm1 a, #tm2 a {float: left; height: 9px;}
  #tm1 a {width: 69px; margin-right: 21px;}
  #tm1 a:hover {background: url(topm.gif) 0 -9px;}
  #tm2 a {width: 72px;}
  #tm2 a:hover {background: url(topm.gif) -90px -9px;}

#a2 {height: 27px; line-height: 25px; text-indent: 9px; font-family: Arial, serif; color: #b2b2b2;}
  #a2 a {color: #b2b2b2; padding: 0 6px;}
  #a2 a:hover {color: #ff7314;}

#a3 {}
  #a3_1 {height: 37px; background: url(cat.png);}
  #a3_2 {height: 37px; background: url(cat2.png);}

#a4 {}
  #a4_1, #a4_3, #a4_3_4, #subm_foot {width: 170px; float: left;}  
  #a4_1, #a4_2, #a4_3 {float: left; min-height: 300px; height: auto !important; height: 300px;}
  
  /* linkerkolom */
  .subm, .subm2, .subm a, .subm2 a {font-family: "Trebuchet MS", serif; height: 20px; line-height: 19px;}
  .subm {background: url(subm.gif); padding-left: 8px;}
  .subm2 {background: url(subm.gif) 0 -20px; padding-left: 9px;}
  .subm a, .subm2 a {width: 170px; padding-left: 7px;}
  .subm2, .subm a {color: #ff7314;}
  .subm, .subm2 a {color: #b2b2b2;}
  #subm_foot {background: url(subm_foot.gif) 0 100% no-repeat; height: 148px;}

  /* inhoud */
  #a4_2 {width: 610px; background: url(cont_right.gif) 100% 0 no-repeat; float: left;}
  #a4_2_1 {padding: 0 8px; position: relative;}
  h1 {overflow: hidden; font-size: 19px; color: #1b4451; padding: 21px 0 0 6px;}
  #a4_2_1 span {line-height: 16px; background: url(dot.gif) 6px 50% no-repeat; padding-left: 22px; font-family: Arial, serif; color: #b2b2b2;}
  #a4_2_1 p.normal {padding: 0 254px 0 5px; text-align: justify;}
  #a4_2_1 p.full {padding: 0 5px; text-align: justify;}
  img.index {float: right; display: block; padding: 0 0 10px 15px;}
  .productimg {position: absolute; float: right; top: 0; right: 0; width: 250px; height: 250px; text-align: center; line-height: 250px;}
  .productimg img {margin-top: expression((250 - this.height) / 2); vertical-align: middle;}

  /* inhoud - aanbieding */
  #aanb {width: 594px; height: 165px; background: url(aanbied.png); margin-top: 13px;}
  #aanb1, #aanb2 {position: relative; width: 297px; float: left;}
  .info a {position: absolute; top: 132px; left: 9px; width: 115px; height: 24px; background: url(info.gif); display: block;}
  .info a:hover {background: url(info.gif) 0 -24px;}
  h3 {overflow: hidden; font-size: 17px; color: #fff; padding: 33px 0 0 23px;}
  h4 {overflow: hidden; font-size: 9px; color: #fff; padding: 0 0 0 23px;}
  .prijs h3 {overflow: hidden; font-size: 17px; color: #fff; padding: 11px 0 0 186px;}
  
  /* inhoud - tabel */
  #table {width: 594px; padding-top: 20px;}
  .productimgs {width: inherit; height: 122px; background: url(cont_table.gif) repeat-x; text-indent: 6px;}
  .productimgs2 {width: inherit; height: 1px; background: url(cont_table2.gif) repeat-x; text-indent: 6px;}
  .productimgs img {height: 90px; width: 90px; padding: 17px 7px 0 7px;}
  #table table {width: 594px;}
  #table table tr td {height: 25px; line-height: 24px; background: url(table.gif) 100% 100% no-repeat; text-indent: 12px;}
  #table table thead tr td {color: #fc7114; background-color:#F7F7F7; font-weight:bold;}
  #table .td1 {width: 160px;}
  #table .td2 {background-position: 0 100%;}
  #table .td3 {background: none;}
  #table .td4 {width: 300px;}
  #table .td5 {width: 100px;}
  #table .td6 {width: 200px;}
  #table tfoot tr td {background-position: 100% 0;}
  
  #tableh table {width: 594px;}
  #tableh table tr td {height: 25px; line-height: 24px; background: url(table.gif) 100% 100% no-repeat; text-indent: 12px; cursor: pointer;}
  #tableh table tr:hover {background: #F7F7F7;}
  #tableh table thead tr td {color: #fc7114; background-color:#F7F7F7; font-weight:bold;}
  #tableh .td1 {width: 160px;}
  #tableh .td2 {background-position: 0 100%;}
  #tableh .td3 {background: none;}
  #tableh .td4 {width: 300px;}
  #tableh .td5 {width: 100px;}
  #tableh tfoot tr td {background-position: 100% 0;}

  /* rechterkolom */
  #a4_3_1 {background: #eee url(price_right.gif) 100% 0 no-repeat; height: 79px; border-bottom: 0px solid #fff; position: relative; text-align: center;}
  #a4_3_1 div {padding-top: 26px;}
  #a4_3_1 div h2 {background: url(euro.gif) 1px 6px no-repeat; text-indent: 17px; margin: 0 auto; font-size: 20px; color: #fd7214; width: 95px;}
  #a4_3_1 p {color: #b2b2b2; font-size: 9px; position: absolute; bottom: 0; right: 0; padding: 0 9px 8px 0}
  #a4_3_1 span {text-align: justify; display: block; padding: 7px 10px;}  
  #a4_3_2 {background: #eee; border-bottom: 1px solid #fff; padding-top: 21px;}
  #aant {height: 29px; width: 147px; background: url(aantal.gif) 35px 6px no-repeat; position: relative;}
  #aant select {position: absolute; right: 0;}
  span.select {position: absolute; right: 0; text-align: center; width: 24px; height: 19px; padding: 3px 18px 0 0; font-size: 10px; background: url(select.gif) no-repeat; overflow: hidden;}
  #iww a {width: 139px; height: 29px; background: url(inwink.gif); display: block; margin: 0 0 16px 16px;}
  #iww a:hover {background: url(inwink.gif) 0 -29px;}  
  #iww_wit a {width: 139px; height: 29px; background: url(inwink_wit.gif); display: block; margin: 0 0 16px 16px;}
  #iww_wit a:hover {background: url(inwink_wit.gif) 0 -29px;}  
  #inloggen a {width: 139px; height: 29px; background: url(inloggen.gif); display: block; margin: 0 0 16px 16px;}
  #inloggen a:hover {background: url(inloggen.gif) 0 -29px;}  
  #registreren a {width: 139px; height: 29px; background: url(registreren.gif); display: block; margin: 0 0 16px 16px;}
  #registreren a:hover {background: url(registreren.gif) 0 -29px;}  
  #nubestellen a {width: 139px; height: 29px; background: url(nubestellen.gif); display: block; margin: 0 0 16px 16px;}
  #nubestellen a:hover {background: url(nubestellen.gif) 0 -29px;}  
  #gaverder a {width: 139px; height: 29px; background: url(gaverder.gif); display: block; margin: 0 0 16px 16px;}
  #gaverder a:hover {background: url(gaverder.gif) 0 -29px;}  
  #zoek_laptop a {width: 139px; height: 29px; background: url(zoek_laptop.gif); display: block; margin: 0 0 16px 16px;}
  #zoek_laptop a:hover {background: url(zoek_laptop.gif) 0 -29px;}  
  #plaats_bestelling a {width: 139px; height: 29px; background: url(plaats_bestelling.gif); display: block; margin: 0 0 16px 16px;}
  #plaats_bestelling a:hover {background: url(plaats_bestelling.gif) 0 -29px;}  
  #a4_3_3 {background: #eee url(price_wink.gif) 80px 19px no-repeat; min-height: 70px; height: auto !important; height: 70px; padding: 40px 17px 0 0;}
  #a4_3_3 p, #a4_3_5 p {text-align: right; padding-right: 22px; background: url(dot2.gif) 100% 65% no-repeat; line-height: 15px; font-family: Arial, serif; color: #b2b2b2;}  
  #a4_3_4 {background: url(price_foot.gif) 0 -50px; height: 100px;}
  #a4_3_5 {background: #eee url(snellelinks.gif) 83px 19px no-repeat; padding: 40px 17px 13px 0; border-bottom: 1px solid #fff;}
  #a4_3_6 {background: url(price_foot.gif) 0 -20px no-repeat; min-height: 130px; height: auto !important; height: 130px;}
  #a4_3_6 div {background: url(contact.gif) 106px 19px no-repeat; height: 28px;}
  #a4_3_6 p, #a4_3_6 p i {padding: 13px 17px 13px 0; text-align: right; line-height: 15px; font-family: Arial, serif; color: #b2b2b2;}
  #a4_3_6 p i {padding: 0;}
  
#a5 {clear: both; height: 78px; background: url(foot.gif) 0 30px repeat-x; padding-top: 30px;}
  #a5_1, #a5_2, #a5_2 a, #a5_3 {font-family: "Trebuchet MS", serif; font-size: 10px; padding-top: 14px;}   
  #a5_1 {float: left; width: 170px; background: url(foot_lc.gif); text-indent: 109px; color: #ccc;}
  #a5_2 {float: left; text-transform: uppercase; color: #d7d7d7; text-indent: 9px}
  #a5_2 a {color: #bebebe; padding: 0 9px;}
  #a5_2 a:hover {color: #525252;}
  #a5_3 { text-transform: uppercase; color: #d7d7d7; text-indent: 9px; text-align: }
  #a5_3 a {color: #bebebe; padding: 0 9px;}
  #a5_3 a:hover {color: #525252;}

#niet_verplicht { color: red; text-decoration: none;}

.link { color: #fc7114; text-decoration: none; }
#link a { color: #fc7114; text-decoration: none; }
#link a:hover { text-decoration: underline; }
input[type=text], input[type=password], textarea, select { border-color: #999999; border-width: 1px; border-style: solid; font-size: 12px; padding: 2px 2px 2px 2px; width: 150px;}
.submit_button_eigen{ font: 12px "Trebuchet MS"; color: #333333; border: 1px solid #c0c0c0; padding: 3px; margin-bottom: 5px;}
.partsselect { width: 100px; }