body {margin:10px 0 0 0; padding:0; background:#000; behavior:url(csshover.htc); text-align:center; font-family:arial,sans-serif; font-size:0.70em; line-height:1.60; color:#808080;}
#wrapper {margin:0px auto; padding:0; width:790px; text-align:left; background:url(../__images/wrapper_back.gif) repeat-y #000;}

body#index #wrapper, body#sub_index #wrapper {background:url(../__images/wrapper_index_back.gif) repeat-y #000;}

h1 {margin:0; padding:0; height:103px; background:url(../__images/h1_back.gif) no-repeat;}
h1 b {display:none;}
h2 {margin:0; padding:0; height:66px; line-height:1px; background:url(../__images/h2_test.gif) no-repeat;}
h2 b {display:none;}

h2#h2_welkom {background:url(../__images/h2_welkom.gif) no-repeat;}
h2#h2_over {background:url(../__images/h2_over.gif) no-repeat;}
h2#h2_producten {background:url(../__images/h2_producten.gif) no-repeat;}
h2#h2_huishoudelijk {background:url(../__images/h2_huishoudelijk.gif) no-repeat;}
h2#h2_textiel {background:url(../__images/h2_textiel.gif) no-repeat;}
h2#h2_wonen {background:url(../__images/h2_wonen.gif) no-repeat;}v
h2#h2_productnaam {background:url(../__images/h2_productnaam.gif) no-repeat;}
h2#h2_investeren {background:url(../__images/h2_investeren.gif) no-repeat;}
h2#h2_contact {background:url(../__images/h2_contact.gif) no-repeat;}

/* ---||||| PRODUCT TITLES |||||--- */
h2#h2_drywater {background:url(../__images/h2_drywater.gif) no-repeat;}
h2#h2_hotel {background:url(../__images/h2_hotel.gif) no-repeat;}
h2#h2_licht {background:url(../__images/h2_licht.gif) no-repeat;}
h2#h2_polstas {background:url(../__images/h2_polstas.gif) no-repeat;}
h2#h2_strandsok {background:url(../__images/h2_strandsok.gif) no-repeat;}
h2#h2_nachtbeker {background:url(../__images/h2_nachtbeker.gif) no-repeat;}
h2#h2_annex {background:url(../__images/h2_annex.gif) no-repeat;}
h2#h2_dugin {background:url(../__images/h2_dugin.gif) no-repeat;}
h2#h2_altaar {background:url(../__images/h2_altaar.gif) no-repeat;}
h2#h2_bedtender {background:url(../__images/h2_bedtender.gif) no-repeat;}
h2#h2_schilderij {background:url(../__images/h2_schilderij.gif) no-repeat;}
h2#h2_kartonsnijder {background:url(../__images/h2_kartonsnijder.gif) no-repeat;}
h2#h2_bijdehand {background:url(../__images/h2_bijdehand.gif) no-repeat;}
h2#h2_kerstboom {background:url(../__images/h2_kerstboom.gif) no-repeat;}
h2#h2_zeildingie {background:url(../__images/h2_zeildingie.gif) no-repeat;}
h2#h2_varivaas {background:url(../__images/h2_varivaas.gif) no-repeat;}

h3 {margin:0; padding:0 23px; color:#fff; font-size:1em;}

#visual {border-bottom:1px solid #000; margin:0; padding:0;}
#content {margin:0 190px; padding:0 0 30px 0;}

#index #content, #sub_index #content {margin:0 0 0 190px; padding:0 0 30px 0;}

* html body #content {height:350px;}
html>body #content {min-height:350px;}

/* ---||||| STANDAARD |||||--- */
p {margin:0; padding:0 23px 1.6em 23px; text-align:justify;}
p.visual {margin:0; padding:0; height:201px;}
p.underline {margin:0 23px; padding:0 0 18px 0; border-bottom:1px solid #262626;}
ul {margin:0; padding:0 0 1.6em 0; list-style:none;}
ul.no_top {margin:-18px 0 0 0; padding:0 0 1.6em 0; list-style:none;}
ul li {padding:0 23px; background:url(../__images/bullet.gif) 15px 9px no-repeat;}

a {color:#09c; text-decoration:none;}
a:hover {color:#09c; text-decoration:underline;}
a.free {color:#09c; text-decoration:none; padding:0 0 0 10px; background:url(../__images/pijltje_blauw.gif) 0px 5px no-repeat;}
a.free:hover {text-decoration:underline;}

/* ---||||| MENU |||||--- */
#menu {margin:15px 0 0 0; padding:0; list-style:none; width:190px; position:absolute;}
#menu li {margin:0; padding:0; float:left; width:190px; height:35px;}
#menu li a {display:inline-block; width:100%; height:100%;} /* display:inline-block; is nodig om het te laten werken in IE 5.5, pruts browser; float:left is hier nodig om Layout te geven */
#menu b {display:none;}

html>body #menu li a {display:block;} /* dit is weer nodig om display:inline-block; te omzeilen en dan werkt het weer in FF */

#menu li#home {background:url(../__images/menu.gif) 0px 0px no-repeat;}
#menu li#home:hover {background:url(../__images/menu.gif) -190px 0px no-repeat;}
#menu li#over {background:url(../__images/menu.gif) 0px -35px no-repeat;}
#menu li#over:hover {background:url(../__images/menu.gif) -190px -35px no-repeat;}
#menu li#producten {background:url(../__images/menu.gif) 0px -70px no-repeat;}
#menu li#producten:hover {background:url(../__images/menu.gif) -190px -70px no-repeat;}
#menu li#investeren {background:url(../__images/menu.gif) 0px -105px no-repeat;}
#menu li#investeren:hover {background:url(../__images/menu.gif) -190px -105px no-repeat;}
#menu li#contact {background:url(../__images/menu.gif) 0px -140px no-repeat;}
#menu li#contact:hover {background:url(../__images/menu.gif) -190px -140px no-repeat;}

#menu li ul {margin:0; padding:0; position:absolute; width:176px; left:190px; list-style:none;}
#menu li ul li {margin:0; padding:0; width:190px; float:left; background:#1a1a1a; height:auto;}
#menu li ul li a {margin:0; padding:6px 20px 9px 20px; float:left; width:150px; background:url(../__images/pijltje_menu_grijs.gif) 7px 10px no-repeat; font-family:arial,sans-serif; font-size:1.25em; line-height:1.1em; text-decoration:none; color:#808080;}
#menu li ul li a:hover {text-decoration:none; color:#09c; background:url(../__images/pijltje_menu_blauw.gif) 7px 10px no-repeat #313131;}

#menu ul.level1, #menu ul.level2 {display:none; margin:-35px 0 0 0;}
#menu li:hover ul.level1, #menu ul.level1 li:hover ul.level2 {display:block;}


/* ---||||| SUB_INDEX |||||--- */
dl {padding:0; margin:0 23px; zoom:1; overflow:hidden; border-bottom:1px solid #262626;}
dt, dd {padding:0; margin:0; float:right; width:370px;}
dt {font-weight:bold; color:#fff; font-size:1.1em; padding:10px 0 0 0;}
.product_image {float:left; width:175px; padding:15px 0 20px 0; line-height:0px; font-size:0px;}
.product_image img {border:1px solid #808080;}
.txt {padding-bottom:20px;}

/* ---||||| EILANDEN INDEX |||||--- */
#over_eiland, #producten_eiland, #investeren_eiland {width:170px; float:left; margin:23px 0 50px 22px}
#over_eiland {margin:23px 0 50px 23px;}
#over_eiland img, #producten_eiland img, #investeren_eiland img {border:1px solid #808080; margin-bottom:12px;}
#over_eiland h3, #producten_eiland h3, #investeren_eiland h3 {margin:0; padding:0; height:18px}
#over_eiland h3 {background:url(../__images/h3_index_over.gif) no-repeat;}
#producten_eiland h3 {background:url(../__images/h3_index_producten.gif) no-repeat;}
#investeren_eiland h3 {background:url(../__images/h3_index_investeren.gif) no-repeat;}

#over_eiland h3:hover {background:url(../__images/h3_index_over_over.gif) no-repeat;}
#producten_eiland h3:hover {background:url(../__images/h3_index_producten_over.gif) no-repeat;}
#investeren_eiland h3:hover {background:url(../__images/h3_index_investeren_over.gif) no-repeat;}

#over_eiland h3 a, #producten_eiland h3 a, #investeren_eiland h3 a {width:170px; height:18px; background:none; margin:0; padding:0; line-height:0px}
#over_eiland h3 a:hover, #producten_eiland h3 a:hover, #investeren_eiland h3 a:hover {background:none;}
#over_eiland h3 b, #producten_eiland h3 b, #investeren_eiland h3 b {display:none}
#over_eiland p, #producten_eiland p, #investeren_eiland p {margin:0; padding:6px 0 0 0; text-align:left;}
#over_eiland a, #producten_eiland a, #investeren_eiland a {margin:5px 0 0 0; padding:0 13px 0 0; font-size:1.25em; float:right; color:#fff; background:url(../__images/pijltje_menu_wit.gif) no-repeat right 9px;}
#over_eiland a:hover, #producten_eiland a:hover, #investeren_eiland a:hover {color:#09c; background:url(../__images/pijltje_menu_blauw.gif) no-repeat right 9px;}

/* ---||||| FORMULIER |||||--- */
form {margin:0; padding:0; clear:both;}
form label {width:123px; float:left; text-align:left; clear:left;}
form input.error {border:1px solid #f00;}
form span.error {display:block; margin-left:123px; margin-bottom:10px; color:#f00;}
form input {margin:2px 0; width:230px; float:left; border:1px solid #808080; background:#1a1a1a; color:#fff; padding:1px 4px 2px 4px;}
form input.button {float:left; background:#1a1a1a; color:#808080; padding:0; margin-top:20px; margin-bottom:20px; display:inline; text-align:center;}
form input.button:hover {background:#09c; color:#fff; border:1px solid #fff;}
form #submit {width:80px; margin-left:123px; margin-right:10px; padding:1px 4px 2px 4px;}
form input.hidden {display:none;}
form textarea {margin:2px 0; width:230px; font-family:arial,sans-serif; float:left; border:1px solid #808080; background:#1a1a1a; color:#fff; height:100px; margin-bottom:7px; padding-left:4px; padding-right:4px; overflow:auto;}
form textarea.error {border:1px solid #f00;}
form br {clear:left;}
form .radio {width:20px; clear:none; background:none; border:none; display:inline;}
form .dhr {margin-left:123px;}
form .ding {margin-right:15px;}

/* ---||||| IMAGES IN CONTENT |||||--- */
.image_holder img {border:1px solid #808080;}
.image_holder img:hover {filter:Alpha(Opacity=50); opacity:0.5;}
.image_holder .right {margin:0 0 0 13px}

/* ---||||| RECHTER KOLOM |||||--- */
#rechts {margin:66px 0 0 410px; padding:0; list-style:none; width:190px; position:absolute; top:314px;}
#rechts li {margin:0; padding:0; float:left; background:none;}
#rechts li a {padding: 0 20px; color:#808080; display:block; background:url(../__images/pijltje_grijs.gif) 10px 7px no-repeat; text-decoration:underline;}
#rechts li a:hover {padding: 0 20px; color:#09c; display:block; background:url(../__images/pijltje_blauw.gif) 10px 7px no-repeat; text-decoration:underline;}

/* ---||||| FOOTER |||||--- */
#footer {margin:0; padding:0 10px; list-style:none; background:#1a1a1a; height:30px; border:1px solid #262626; clear:both;}
#footer li {float:left; color:#484848; margin:6px 0 0 0; padding:0 12px 0 13px; border-left:1px solid #484848; background:none;}
#footer li.first {padding:0 12px 0 0; border-left:none;}
#footer li a {color:#484848;}
#footer li a:hover {color:#09c;}