body, html{
background: url(img/spc-01wit.jpg) fixed repeat 0 0;
margin: 0 auto;
height: 100%;
text-align: center;
}

#main_container{
width: 930px;
margin: 20px auto -30px auto;
border: 1px solid #036;
background-color: white;
}

#header_container{position:relative;
margin: 0 auto;
width: auto;
height: 67px;
padding: 30px 0 5px 0;
background: url(case/blue.jpg) repeat-x top left;
/*color: #900;*/
text-align: center;
font-size:36pt;font-family:Edwardian Script ITC, arial, sans-serif;
font-weight:bold;
}
/*images in header*/
#img1{position:absolute;top:0px;left:0;width:234px;height:100px;
margin:0px;border:1px solid #000;}
#img2{position:absolute;top:0px;right:0px;height:100px;width:100px;
margin: 0;border: 0;}
#img3{position:absolute;top:10px;left:250px;}

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

#links_container{
float: left;
width: 150px;text-align:left;
}
#gif{float:left;margin:3px;} /*images in left*/
#men{float:left;margin:10px 0 0 15px;}


#rechts_container{
float: right;
width: 250px;
}

#content_container{
background-color: #fff;
margin: 10px 250px 0 150px;
padding:10px;
text-align:left;
}
/*image in right column*/
.imgri{width:236px;margin:8px 0;border: 1px solid black;padding:5px 0;}

#footer_container{
clear: both;
width: 930px;
height: 25px;
margin: 0 auto;
padding: 5px 0 0 0;
font-size:12px;
text-align: center;
border:1px solid #036;
}
#footer_container a{color:#fff;text-decoration:none;}

a, a:visited{color:#900;} a:hover {color:#933;}
p, span{font-family: arial, sans-serif;font-size:10pt;font-weight:normal;color:black;}
h1, h2, h3 {font-weight:bold;margin:5px 0;}
h1{font-size:16pt;color:#960;font-style:italic;}
h2{font-size:13pt;color:#630;}
h3{font-size:12pt;color:#930;}
.p1{font-weight:normal;}

#menutop a, #footer_container, #footer_container a, .p1{color:#fff;}
#header_container, a, a:visited, h2{color:#036;}
#menutop, #footer_container{background:#036;}
#menutop a:hover, p{color:#000;}

table{width:440px;border-collapse:collapse;}
td{font-size:9pt;padding:2px;text-align:left;border: 1px solid #000;
vertical-align:middle;}
tbody td{background:#ffe;}

@media print{#header_container,#content_container p,
#links_container,#rechts_container,#footer_container,
#content_container img,
#menutop_container, #menutop, #men, #nav, #gif, #img3
{display:none;}
#main_container
{border:0;height:100%;margin:0;}
}

/*boxes, not used*/
.imgbxl{float:left;width:330px;height:auto;}
.imgbxr{float:right;width:330px;height:auto;}
.bxleft{float:left;width:200px;height:auto;}
.bxright{float:right;width:200px;height:auto;}

/*deze wel*/
.bx{border: 1px solid #080;width:400px;margin-bottom:10px;padding:5px;}
.boxclear{clear:both;}

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

/*advertisements boxes*/
.advleft{background-color:#eff;float:left;width:140px;height:auto;margin:5px 0 5px 2px;
text-align:center;}

.advadm{float:left;width:140px;height:auto;margin:5px 0 5px 2px;
background-color:#ccf;}

.advrite{float:right;width:230px;height:auto;
margin:5px 2px 5px 0;}

.advleft, .advrite, .advadm{font-family: arial, sans-serif;font-size:10pt;
font-weight:normal;text-align:center;border: 1px solid blue;
padding:5px;}

.rite{float:right;width:230px;height:auto;
margin:5px 2px 5px 0;font-family: arial, sans-serif;font-size:10pt;
font-weight:normal;text-align:left;border: 1px solid blue;padding:5px;}

.advhh{background: url(case/beige103.jpg);float:left;width:140px;height:auto;margin:5px 0 5px 2px;
text-align:center;font-family: arial, sans-serif;font-size:12pt;
font-weight:bold;text-align:center;border: 1px solid black;padding:5px;}

.advani{float:left;width:150px;height:102px;margin:5px 0 5px 2px;
border: 1px solid black;text-decoration:none;}

.advmaria{float:left;width:150px;height:123px;margin:5px 0 5px 2px;
border: 1px solid black;text-decoration:none;}

.advmike{float:left;width:150px;height:110px;margin:5px 0 5px 2px;
border: 1px solid black;text-decoration:none;}

.advmarjan{float:left;width:150px;height:120px;margin:5px 0 5px 2px;
border: 1px solid black;text-decoration:none;}

/*marathon table*/
table.martable{font-family: arial, sans-serif;font-size:10pt;
font-weight:normal;text-align:center;border-collapse:collapse;
font-size:10pt;width:400px;margin:10px 0;}
caption{color:green;font-weight:bold;text-align:left;}

table.adv{font-family: arial, sans-serif;font-size:12pt;
font-weight:normal;text-align:center;border-collapse:collapse;
width:400px;margin:10px 0;background-color:white;}

/* boxes right */

.box100{height:100px;background-color:#ccf;}
.box150{height:150px;background-color:#ccc;}
.box200{height:200px;background-color:#cc9;}
.box250{height:250px;background-color:#cc6;}

.box100, .box150, .box200, .box250{float:right;width:230px;
font-family: arial, sans-serif;font-size:10pt;
font-weight:normal;text-align:center;border: 1px solid blue;
padding:5px;margin:5px 2px 5px 0;}

/* boxes middle */

.contact{width:405px;height:auto;border:1px solid #960;
padding:10px 2px;margin:15px 0;}
.contactimg{float:right;}
.construction{float:right;background: url(case/boekje2.jpg);text-align:center;
font-family: arial, sans-serif;font-size:14pt;width:220px;height:151px;
font-weight:normal;text-align:center;border: 1px solid black;
padding:5px;}

.guestbook{float:left;width:150px;height:82px;border: 1px solid black;
margin:5px 0 5px 2px;text-decoration:none;}
/*text-align:center;
font-family: arial, sans-serif;font-size:14pt;
font-weight:bold;text-align:center;background: url(case/MagyarT.jpg);
*/
 

.val1{float:left;width:150px;height:103px;}
.val2{float:right;width:150px;height:103px;}