/* CSS Document */
body{
color: #4D4D4D;
background: #C3C1C1;
/*background: #222424;*/
}
a{
color: #555555;
font-weight:bold;
}
a:hover{
color: #000000;
font-weight:bold;
}
strong{
color: #555555;
font-weight:bold;
}
em{
color: #555555;
font-style: italic;
}
#container{
background:  url("../bg_images/bg_container.jpg") repeat-y;
/*background: url(../bg_images/bg_container_black.jpg) repeat-y;*/
margin: auto;
width: 1034px;
height: auto;
border: 0px solid red;
}
#header{
width: 1024px;
height: 214px;
border: 0px solid red;
background: #E6E6E6;
margin: 0 0 0 5px;
}
#logo{
height: 212px;
width: 159px;
border: 0px solid blue;
float: left;
}
#banner{
height: 214px;
width: 706px;
border: 0px solid red;
float: left;
background: #ffffff;
}
#banner_content {
width: 690px;
height: 200px;
margin: 7px 0 0 8px;
}
#visual{
height: 214px;
width: 159px;
border: 0px solid blue;
float: left;
}
/*---------------------------------------------------------------------------------------- MAIN NAV ---------------------*/
#main_nav{
background:  url("../../bg_images/bg_nav.jpg") repeat-x;
width: 1024px;
height: 45px;
margin: 0 0 0 5px;
}
#main_nav ul{
border: 0px solid red;
height: 45px;
overflow: hidden;
}
#main_nav ul li{
height: 45px;
background:  url("../bg_images/bg_nav_ul_li.jpg") no-repeat top right;
color: #E6E6E6;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
border: 0px solid blue;
}
#main_nav ul li a{
display: block;
width: auto;
height: 45px;
font-size: 13px;
font-weight: bold;
color: #E6E6E6;
text-decoration: none;
margin: 0px 1px 0 0px;
padding: 10px 20px 10px 20px;
border: 0px solid red;
}
#main_nav ul li a:hover{
color: #FFFFFF;
background:  url("../bg_images/roll_over_main.jpg");
}
#main_nav ul li a.curent{
color: #239B23;
}
#main_nav ul li a.curent:hover{
color: #239B23;
}
#colums{
width: 1024px;
height: auto;
border: 0px dotted red;
/*background: url(../bg_images/bg_colums.jpg) repeat-y;*/
/*background: url(../bg_images/test.png);*/
margin: 0 0 0px 5px;
padding: 0 0 20px 0;
overflow: hidden;
}
/*---------------------------------------------------------------------------------------- SUBNAV ---------------------*/
#subnav{
float: left;
margin: 0;
padding: 0;
width: 159px;
border: 0px solid red;
}
#subnav h1{
font-size: 14px;
margin: 15px;
font-weight: bold;
color: green;
}
#subnav ul{
width: 130px;
margin: 15px;
padding: 0;
border: 0px solid red;
}
#subnav ul li{
margin: 1px 0 1px 0;
background:  url("../bg_images/bg_subnav_line.jpg") no-repeat bottom left;
border: 0px solid red;
padding: 0 0 1px 0;
}
#subnav ul li a.arrow1{
background:  url("../bg_images/arrow1.jpg") no-repeat top right;
}
#subnav ul li.curent{
background:  url("../bg_images/arrow3.jpg") no-repeat top right;
}
#subnav ul li.curent a{
color: #006600;
font-weight: bold;
background:  url("../bg_images/bg_subnav_hover.jpg") repeat-x;
}
#subnav ul li.curent a:hover{
color: #006600;
font-weight: bold;
}
#subnav ul li a{
display: block;
width: 125px;
height: 25px;
font-size: 13px;
color: #858585;
text-decoration: none;
padding: 5px 0 0px 5px;
}
#subnav ul li a:hover {
color: #333333;
display: block;
width: 125px;
height: 25px;
background: #DBDBDA;
background:  url("../bg_images/bg_subnav_hover.jpg") repeat-x;
}
#subnav ul li.curent ul {
margin: 4px 0 0px 16px;
padding: 0;
width: 114px;
background-color: ;
}
#subnav ul li.curent ul li{
width: 113px;
margin: 1px 0 1px 0;
background: url(../bg_images/none.jpg) no-repeat bottom left;
border: 0px solid red;
padding: 0 0 1px 0;
}
.last_li{
border: 0px solid red;
background: none;
}
#subnav ul li.curent ul li a{
font-weight: normal;
width: 113px;
color: #333333;
margin: 1px 0 1px 0;
background:  url("../bg_images/bg_subnav_line.jpg") no-repeat bottom left;
border: 0px solid red;
padding: 0 0 1px 0;
}
#subnav ul li.curent ul li a:hover{
font-weight: normal;
text-decoration: underline;
}
#subnav ul li.curent ul li a.last_li{
border: 0px solid red;
background: none;
padding: 0 0 0px 0;
}
#subnav ul li.curent ul li ul {
width: 96px;
}
#subnav ul li.curent ul li ul li{
width: 96px;
}
#subnav ul li.curent ul li ul li a{
font-size: 12px;
width: 96px;
}
#subnav ul li.curent ul li a.curentdeep{
color: #006600;
width: 113px;
font-weight:bold;
/*background: url(../bg_images/arrow3.jpg) no-repeat top right;*/
}
#subnav ul li.curent ul li ul li a.curentdeper{
color: #006600;
}
/*---------------------------------------------------------------------------------------- EXTRA NAV ---------------------*/
#extra_nav {
float: left;
}
#extra_nav ul{
width: 130px;
height: 30px;
padding: 0;
margin: 0 0 0 9px;
}
#extra_nav ul li {
float: left;
display: block;
width: 30px;
height: 30px;
padding: 0;
margin: 0 0 0 13px;
}
#extra_nav ul li.extra_nav_contact a{
display: block;
background:  url("../bg_images/button_contact.jpg") 30px 0px;
width: 30px;
height: 30px;
border: 0px solid red;
padding: 0;
margin: 0;
}
#extra_nav ul li.extra_nav_contact a:hover{
display: block;
background:  url("../bg_images/button_contact.jpg") 0px 0px;
width: 30px;
height: 30px;
padding: 0;
margin: 0;
}
#extra_nav ul li.extra_nav_shop a{
display: block;
background:  url("../bg_images/button_kataloog.jpg") 30px 0px;
width: 30px;
height: 30px;
border: 0px solid red;
padding: 0;
margin: 0;
}
#extra_nav ul li.extra_nav_shop a:hover{
display: block;
background:  url("../bg_images/button_kataloog.jpg") 0px 0px;
width: 30px;
height: 30px;
padding: 0;
margin: 0;
}
#extra_nav ul li.extra_nav_home a{
display: block;
background:  url("../bg_images/button_home.jpg") 30px 0px;
width: 30px;
height: 30px;
border: 0px solid red;
padding: 0;
margin: 0;
}
#extra_nav ul li.extra_nav_home a:hover{
display: block;
background:  url("../bg_images/button_home.jpg") 0px 0px;
width: 30px;
height: 30px;
padding: 0;
margin: 0;
}
#extra_nav ul li a strong {
display: none;
}
/*---------------------------------------------------------------------------------------- CONTENT ---------------------*/
#kruimelpad {
font-size: 10px;
padding: 0 0 0px 0;
margin: 10px 0 -10px 38px;
}
#kruimelpad a{
text-decoration: none;
}
#kruimelpad a:hover{
text-decoration: underline;
}
#kruimelpad em{
border-bottom: 1px dotted grey;
}
#content_box {
width: 429px;
height: auto;
background:  url("../bg_images/contentbox_footer.jpg") no-repeat bottom;
padding: 0 0 43px 0;
margin: 18px 0 0 38px;
float: left;
}
#content_box h1{
color: #ffffff;
font-size: 18px;
font-weight: bold;
background:  url("../bg_images/contentbox_header.jpg") no-repeat;
width: 414px;
height: 33px;
padding: 10px 0 0 15px;
}
#content_box h2{
color: #ffffff;
font-size: 18px;
font-weight: bold;
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
width: 414px;
height: 33px;
padding: 10px 0 0 15px;
}
#content_box ul{
color: #666666;
font-size: 12px;
font-weight:  normal;
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
width: 414px;
padding: 10px 0 0 15px;
}
#content_box ul li{
padding: 10px;
}
#content_box h1 strong{
color: #666666;
font-size:16px;
font-weight: normal;
}
#content_box p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
width: 399px;
height: auto;
padding: 5px 15px 5px 15px;
text-align: left;
line-height: 18px;
}
#content_box p.line_p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
overflow: hidden;
width: 399px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: left;
border-bottom: 1px solid #BDBDBD;
border-top: 1px solid #EDEDED;
}
#content_box p.first_p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
overflow: hidden;
width: 399px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: justify;
border-bottom: 1px solid #BDBDBD;
border-top: 0px solid #EDEDED;
}
#content_box p.last_p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
overflow: hidden;
width: 399px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: justify;
border-bottom: 0px solid #BDBDBD;
border-top: 1px solid #EDEDED;
}
#content_box p a{
font-weight: bold;
color: #555555;
}
#content_box p img{
float:left;
margin: 0 10px 0 0;
}
#content_box p a:hover{
font-weight: bold;
color: #000000;
}
#content_box ul#fotolist{
display: block;
overflow: hidden;
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
border: 0px solid red;
}
#content_box #fotolist{
border: 0px solid red;
}
#content_box #fotolist li{
list-style: none;
background: transparent;
border: 3px solid #ffffff;
float: left;
margin: 13px;
padding: 0;
}
#content_box #fotolist li a{
display: block;
width: 100px;
height: 70px;
margin: 0;
padding: 0;
border: 0px solid red;
}
#content_box\ #fotolist li a img{
margin: 0;
padding: 0;
border: 0px solid red;
}



#content_box_wide p a{
color: #555555;
}
#content_box_wide p a:hover{
color: #000000;
}
#content_box_wide p{
background:  url("../bg_images/contentbox_background_wide.jpg") repeat-y;
overflow: hidden;
width: 603px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: left;
line-height: 18px;
}
#content_box_wide p.first_p{
width: 399px;
height: auto;
border-top: 0px;
}
#content_box_wide p.last_p{
width: 399px;
height: auto;
border-bottom: 0px;
}
#content_box_wide {
width: 633px;
height: auto;
background:  url("../bg_images/contentbox_footer_wide.jpg") no-repeat bottom;
padding: 0 0 43px 0;
margin: 18px 0 20px 38px;
float: left;
clear: right;
}
#content_box_wide h1{
color: #ffffff;
font-size: 18px;
font-weight: bold;
background:  url("../bg_images/contentbox_header_wide.jpg") no-repeat;
width: 633px;
height: 33px;
padding: 10px 0 0 15px;
}
#content_box_wide h1 strong{
color: #666666;
font-size:16px;
font-weight: normal;
}
#content_box_wide p strong{
color: #249720;
font-weight:bold;
font-size:14px;
display: block;
margin: 0 0 10px 0;
}
#content_box_wide p.line_p{
background:  url("../bg_images/contentbox_background_wide.jpg") repeat-y;
overflow: hidden;
width: 603px;
height: auto;
padding: 10px 15px 10px 15px;
border-bottom: 1px solid #BDBDBD;
border-top: 1px solid #EDEDED;
}
#content_box_wide p.first_p{
border-top: 0px;
}
#content_box_wide p.last_p{
border-bottom: 0px;
}
#content_box_wide p img.left {
float: left;
margin: 0 10px 3px 0;
}
#content_box_wide p img.right {
float: right;
margin: 0 0px 3px 10px;
}
#content_box_wide ul{
background:  url("../bg_images/contentbox_background_wide.jpg") repeat-y;
overflow: hidden;
width: 603px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: left;
}
#content_box_wide ul li{
background:  url("../bg_images/bullet.jpg") no-repeat center left;
font-size: 12px;
color: #333333;
border-bottom: 0px dotted #666666;
padding: 0 0 0 20px;
margin: 0 0 0 10px;
}
#content_box_wide #fotolist{
border: 0px solid red;
}
#content_box_wide #fotolist li{
list-style: none;
background: transparent;
border: 3px solid #ffffff;
float: left;
margin: 7px;
padding: 0;
}
#content_box_wide #fotolist li a{
display: block;
width: 100px;
height: 70px;
margin: 0;
padding: 0;
border: 0px solid red;
}
#content_box_wide #fotolist li a img{
margin: 0;
padding: 0;
border: 0px solid red;
}
#content_box_illustration {
margin: 18px 0 0 38px;
width: 162px;
float: left;
}
#content_box_illustration p{
text-align: justify;
font-size: 10px;
font-style: italic;
margin: 3px 0 0 0;
}
#content_box_illustration p a{
text-decoration: none;
}
#content_box_illustration p a:hover{
color: #333333;
}
#back {
display: block;
position: relative;
left: 430px;
top: 75px;
}
#content {
float: left;
width: 706px;
height: auto;
_width: 705px;/* IE6 fix */
border: 0px solid red;
padding: 0 0 25px 0;
}
#content_nobox{
margin: 25px 0 0 38px;
height: auto;
}
#content_nobox p{
padding: 0 0 10px 0;
height: auto;
}
/*---------------------------------------------------------------------------------------- EXTRA ---------------------*/
#extra {
float: left;
padding:0px;
margin: 0px;
width: 157px;
border: 0px solid green;
}
#extra_illustration {
float: center;
text-align: center;
padding: 15px;
margin: 0px;
width: 126px;
border: 0px solid red;
}
/*---------------------------------------------------------------------------------------- FOOTER ---------------------*/

#footer {
background:  url("../bg_images/bg_footer.jpg") repeat-x;
width: 1024px;
height: 48px;
border: 0px solid red;
margin: 0 0 0 5px;
}
#footer_content {
text-align: center;
width: 710px;
height: 48px;
border: 0px solid red;
margin: auto;
background:  url("../bg_images/bg_footer_content.gif") no-repeat;
padding: 10px 0 0 0;
}
#footer_content p{
font-size: 11px;
color: #999999;
text-align: center;
margin: 0 0 5px 0;
}
#footer_content p a:hover{
color: #999999;
}