/* nieuwe site Alles Klein */

body, html{
margin: 0 auto;
height: 100%;
text-align: center;
background: url(Images/okerwit.jpg) fixed repeat-x top left;
}

#main_container{
width: 930px;

/*min-height: 100%;_height: 100%;*/
/*margin: -30px auto 0 auto; */

margin:20px auto -30px auto;
border: 1px solid #000;
background-color: #fff;
}

#header_container{position:relative;
margin: 0 auto;
width: auto;
height: 60px;
padding: 35px 0 5px 140px;
background: url(Images/oker1.gif) repeat-x top left;
color: #630;
font-family: arial, sans-serif;
font-size:20pt;font-style:italic;font-weight:bold;
}
#img1{position:absolute;top:0px;left:0;width:199px;height:100px;
margin:0;border-right: 1px solid #630;}
#img2{position:absolute;top:0px;right:0;height:100px;
width:100px;margin: 0;border-left: 1px solid #630;}

#menutop_container{float:left;width:930px;}
#menutop{margin:0;height:16px;font-size:12px;font-family: arial, sans-serif;
border: 1px solid #000;list-style:none;background:#630;}
#menutop li{display:inline;margin:0;padding:0;}
#menutop a{padding:0px 14px;text-decoration:none;}
#menutop a:hover {background: #EFCF40;}

#links_container{
float: left;
width: 150px;text-align:left;
}
#gif{float:left;padding:5px;}

/*navigatie links */

#men{float:left;margin: 5px;
border: 1px solid #630;width:130px;
font-weight:bold;}

#nav, #nav ul, #nav ul ul{
list-style: none;text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0; padding: 5px;
}

#nav a:link, #nav a:visited{
color: #630;text-decoration: none;}
#nav a:hover, #nav a:active{
color: #C90;text-decoration: none;}

/*einde navigatie */

#img3{float:left;margin:15px 0 0 5px;}
#img4{float:left;margin:25px 0 0 5px;}
#img5{float:left;margin:15px 0 0 5px;}

#rechts_container{
float: right;
width: 250px;
text-align:center;padding:5px;
}

#content_container{ 
background-color: #fff;
margin: 10px 255px 0 155px;
padding:2px;
text-align:left;font-family: arial, sans-serif;
font-size:12px;
}

.imgri{margin:15px 0;}

#footer_container{
clear: both;
width: 930px;
height: 25px;
margin: 0 auto;
padding: 5px 0 0 0;
background: #630;
font-size:12px;
text-align: center;
border:1px solid #630;
}
#footer_container a{color:#fff;text-decoration:none;}
a, a:visited{color:#080;} a:hover {color:#C90;}
p, span{font-family: arial, sans-serif;font-size:12px;font-weight:normal;}
h1, h2, h3 {font-weight:bold;margin:.5em 0 .5em 0;}
h1{font-size:16pt;color:#993;font-style:italic;}
h2{font-size:13pt;color:#930;}
h3{font-size:11pt;color:#880;}
h3 a:hover{color:#080;}
.p2{font-weight:normal;color:#630;}
h4{font-size:11pt;color:#080;}
#menutop a, #footer_container, #footer_container a, .p1{color:#fff;}
#header_container, a, a:visited,{color:#630;}

#menutop a:hover, p{color:#000;}

/*boxes*/

.box2{float:left;border:1px solid #630; width:120px;margin:5px;padding:5px;}
.bx{border: 1px solid #630;width:503px;height:auto;padding:2px;margin:2px;}
#bx1{border:1px solid #630;width:330px;padding:5px;}
.imgbx{float:left;padding:5px;border:0;}
.bx2{float:left;border:1px solid #630;width:150px;height:180px;padding:7px;margin:2px;}
.imgbx2{width:150px;}

.bxlB{float:left;width:235px;height:auto;margin: 2px;border:1px solid #630;padding-left:5px;} 
.bxrB{float:right;width:235px;height:auto;margin: 2px;border:1px solid #630;padding-left:5px;}

.bxwebw{width:500px;padding:4px;margin:2px;}
.bxwebkl{float:left;border:1px solid #630;width:154px;padding:4px;margin:2px;}
.bxlweb{float:left;width:240px;height:auto;margin: 2px;}
.bxrweb{float:right;width:240px;height:auto;margin: 2px;}
.bxweb{border:1px solid #630;width:233px;padding:4px;}
.bx2web{border:1px solid #630;width:230px;padding:5px;margin:5px 2px;}
.bxlQ{float:left;width:240px;margin: 2px;}
.bxrQ{float:right;width:240px;margin: 2px;}
.bx2no{border:1px solid #630;width:150px;padding:2px;margin:3px;}
.bxclear{clear:both;}
.bxlclear{clear:left;float:right;}

/*tables*/
table{width:485px;border-collapse:collapse;}
td{font-size:9pt;padding:1px;text-align:left;
vertical-align:middle;}
tbody td{backgrond-color:white;}

/*popup plaatjes*/
.thum{position: relative;z-index: 0;}
.thum:hover{background-color: transparent;z-index: 50;}
/*CSS for enlarged image*/
.thum span{ position: absolute;background-color: black;padding: 5px;
left: -1000px;border: 1px solid black;visibility: hidden;color: white;
text-decoration: none;}
/*CSS for enlarged image*/
.thum span img{ border-width: 0;padding: 2px;}
/*CSS for enlarged image on hover*/
.thum:hover span{ visibility: visible;top: 25px;
/*position where enlarged image should offset horizontally */
left: 40px; }