/* CSS Document */

body{

margin: 5px;
text-align: left;

}

div#main_container{
margin: 0 auto 0 auto;
width: 1000px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px ;
background-color:#CCCCCC;


}

div#box1{
width: 1000px;
height: 170px;
background-image:url(IMG/kroonkop.jpg);

}

div#box2{
/*background-image:url(IMG/box2-bg.gif);*/
background-color:#CCCCCC;
float: left;
width: 179px;
min-height: 550px;
border-right: 1px solid #999999;

}


/*menu*/

#nav, #nav ul, #nav ul ul{
padding: 5px 0 0 0;
margin: 20px 0 0 0 ;
list-style: none;
/*background: url(none.gif) repeat 0 0;*/
/*font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;*/
}



#nav{
width: 179px;
border-bottom: 1px solid #E2E2CD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px ;
}

#nav li{
width: 179px;
}

#nav ul{
position: absolute;
width: 100px;
left: -1000px;
margin: -40px 0 0 183px;
/*font-size: 100%;*/
}

* html #nav ul{
margin: -15px 0 0 95px;
}

#nav li li{
width: 225px;
margin: -3px
}

#nav ul ul{
width: 140px;
margin: -22px 0 0 100px;
font-size: 100%;
}

* html #nav ul ul{
margin: -23px 0 0 100px;
}

#nav li li li{
width: 140px;
}

#nav li:hover ul, #nav li.ie_does_hover ul{
left: auto;
}

#nav li:hover ul ul, #nav li.ie_does_hover ul ul{
left: -1000px;
}

#nav ul li:hover ul, #nav ul li.ie_does_hover ul{

}

#nav a {
display: block;
text-decoration: none;
padding: 9px 9px 9px 15px;
margin: 0;
border-bottom: 1 px solid #E2E2CD;
border-top: 1px solid #E2E2CD;
font-weight: normal;
}

#nav a:link, #nav a:visited{
/*background-color:#CCCCCC;*/
color: black;
}

#nav a:hover, #nav a:active{
background-color:#999999;
/*border: 1px solid #cccccc;*/
color: black;
} 

div#box3{
background-color:#FFFFFF;
float: left ;
width: 546px;
height: 526px;

padding-left: 1.5em;
padding-top:  1.5em;
overflow:auto ;

}

div#box3pg{
background-color:#FFFFFF;
width: 796px;
min-height: 526px;
position:relative;
padding-left: 1.5em;
padding-top:  1.5em;
overflow:auto ;

}

img.voorbeeld{
float: right ;
padding-right: 2.0em;
margin: 15px;
}

img.voorbeeld1{
float: right;
margin: 10px;
background: #999;

}

img.voorbeeld2{
float: left;
margin: 12px 0 12px 17px;
background: #999;
}

div#box4{
background-color:#CCCCCC;
float: left;
width: 250px ;
height: 550px;
border-left: 1px solid #999999;
text-align:left;
overflow:auto ;
} 


img.aanbieding1{
background-image:url(IMG/opruimingslijst.gif);
float: center;
background: #999;
}

img.aanbieding2{
float: center;
background: #999;

}

img.aanbieding3{
/*background-image:url(IMG/opruimingslijst.gif);*/
float: center;
background: #999;


}



div#box5{
background-color:red;
float: left;
width: 100%;
Height: 23px;
text-align:center;
font-size:14px;
color:#ffffff;
background-image:url(IMG/footer.gif);
}

div#boxenglish{
background-color:red;
float: left;
width: 100%;
Height: 23px;
text-align:center;
font-size:14px;
color:#ffffff;
background-image:url(IMG/footereng.gif);
}

/*a:visited { font-weight: bold; color: #000000; text-decoration: none; }
a:hover { color: #B4DCC5; background-color: #000000; text-decoration: none; }
a:active { color: #B4DCC5; background-color: #000000; text-decoration: none; }
*/


