@import url("reset.css");
@import url("opzet_met_sponsor.css");
/* HIERBOVEN NIETS VERWIJDEREN! */

/* HIERONDER DE OPMAAK PLAATSEN! */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.76em;
line-height:1.2em;
}

/* HEADER */
#head{background-image:url(images/static/header_r1_c2.gif); background-repeat:repeat-x;}
#topleft{background-image:url(images/static/header_r1_c1.gif); background-repeat:no-repeat;}
#topleft .logo{}

#topmiddle { text-align:center;}
#topmiddle h1{}

#topright {background-image:url(images/static/header_r1_c4.gif); background-repeat:no-repeat; padding-left:3px; margin-right:-2px;}

#topright img{
/* beschikbare ontwerp ruimte: hoogte = 100px, hoogte foto = 70  100-70=30px! */
/* voorbeeld: */
border:0px;
margin-top:13px;
margin-left:2px;
}

/* MENU */
#left{overflow:hidden; background-image:url(images/static/page-layout_r3_c1.gif); background-repeat:repeat-y;}
#left .imgtop{width:155px; height:374px; position:absolute;top:0px; left:0px; background-image:url(images/static/page-layout_r2_c1.gif);}
#left .imgbottom{width:155px; height:9px; position:absolute; bottom:0; left:0; background-image:url(images/static/page-layout_r4_c1.gif);}

#left li{}
#left a{}
#left a:hover, #left a:hover{}

#left .button1, #left .button2, #left .button3, #left .button4, #left .button5, #left .button6, #left .button7, #left .button8, #left .button9
{position:absolute;width:121px; height:31px; text-align:center; font-size:1em; font-family:"Arial Black";}
#left .button1{left:35px;top:20px;}
#left .button2{left:20px;top:50px;}
#left .button3{left:10px;top:80px;}
#left .button4{left:4px;top:110px;}
#left .button5{left:4px;top:140px;}
#left .button6{left:4px;top:170px;}
#left .button7{left:8px;top:200px;}
#left .button8{left:20px;top:230px;}
#left .button9{left:34px;top:260px;}


/*CONTENT*/
#content{}
#content a, #content a:visited{}
#content a:hover, #content a:active{}
#content img{}
#content h1{ font-size:2em; line-height:1.5em;}
#content h2{font-size:1.2em; font-weight:bold;}
#content h1.midden {text-align:center;}
#content p, #content ul{}
#content ul{list-style:disc;padding-left:15px;}
#content ul a, #content ul a:visited, #content ul a:active{}
#content input{}
#content textarea{}
#content table {text-align:center; margin-left:auto; margin-right:auto;}
#content th{font-weight:bold;}
#content table .overzichtstabel {font-size:1.2em; font-weight:bold;}
#content .sponsortabel td{font-size:1.5em; font-weight:bold; vertical-align:middle; width:300px; height:150px;}

/* ACTIVITEITEN */
#activiteitlinks {position:absolute; top:0px; height:80px; width:100%;}

#activiteitlinks a{ padding-left:10px;font-size:1.2em; font-weight:bolder; line-height:1.5em; border:thin; text-decoration:none; color:#FF3C3C}
#activiteitlinks a:hover{color:#3399FF}

#activiteitlinks .tekst{position:absolute;top:0;text-align:center; height:80px; width:100%; padding-top:15px;}
* html activiteitlinks .tekst{width:100%; border-left:10px solid #fff; border-right:10px solid #fff;} 

#activiteitlinks .imgleft{background-image:url(images/static/bottom_sponsors_back_r1_c1.gif); position:absolute; top:0; width:10px; height:100%; left:0;}
#activiteitlinks .imgcenter{background-image:url(images/static/bottom_sponsors_back_r1_c2.gif); position:absolute; top:0; background-repeat:repeat-x; left:10px; right:10px; height:100%;}
#activiteitlinks .imgright{background-image:url(images/static/bottom_sponsors_back_r1_c3.gif); position:absolute; top:0; width:10px; height:100%; right:0;}
* html activiteitlinks .imgleft{}
* html activiteitlinks .imgcenter{ width:100%; border-left:10px solid #fff; border-right:10px solid #fff;}
* html activiteitlinks .imgright{}

#activiteitframe {position:absolute; top:80px; width:100%; bottom:0px; overflow:auto;}
* html #activiteitframe{width:100%; height:100%; border-top:80px solid #fff; top:0; left:0;}

#activiteit {
	position:absolute;
	top:-1px;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:1;
}
#activiteit h1{font-size:2em; line-height:1.5em;}
#activiteit h2{font-size:1.2em; font-weight:bold;}
#activiteit .midden {text-align:center;}
#activiteit ul{list-style:disc;padding-left:15px;}
#activiteit table{margin-left:auto; margin-right:auto;}
#activiteit td{text-align:justify; vertical-align:middle; width:300px; padding:5px;}
#activiteit strong{font-weight:bold;}

/* SPONSOREN */
#right{}
#right h2{}
#right p{}

/* FOOTER */
#footer{ background-image:url(images/static/page-layout_r3_c1.gif); background-repeat:repeat-y; text-align:center; font-size:0.85em}
#footer a{}
#footer a:hover{}

#bottom_sponsors .imgleft{background-image:url(images/static/bottom_sponsors_back_r1_c1.gif); position:absolute; width:10px; height:100%; left:0;}
#bottom_sponsors .imgcenter{background-image:url(images/static/bottom_sponsors_back_r1_c2.gif); position:absolute; background-repeat:repeat-x; left:10px; right:10px; height:100%;}
#bottom_sponsors .imgright{background-image:url(images/static/bottom_sponsors_back_r1_c3.gif); position:absolute; width:10px; height:100%; right:0;}

* html #bottom_sponsors .imgcenter{border-left:10px; border-right:10px; width:100%;}