/********************************/
/*			CSS & Design		*/
/*	by Alfabyte Productions		*/
/********************************/


/* HTML Design*/
body{ 	padding:0; 	margin:0; background-color:#d4f6fa;	color:#006782; font-family:Georgia, "Times New Roman", Times, serif}
hr{ margin:0 50px; color:#006782;}
h2{color:#87961e; font-weight:bolder;}
		
/* HomePage Design */
.box{ padding:10px 0;	width:800px; background-color:#FFFFFF;	margin:auto; border-left:1px #006782 solid; border-right:1px #006782 solid;}
.container{display:inline-block;}
.top02{ float:left; height:34px;	width:587px; border-bottom:5px #006782 solid;}		
.menu { float:right;	width:213px; display:inline-block;}
.switch{width:537px; margin:55px 25px 25px;}
.sponsors{text-align:center; clear:right;}

/* MENU */
.inner-btn, .cont-btn, .sel-btn{width:187px; height:21px; padding:6px 0 7px 25px;}
.inner-btn{ background:#dde89a;}
.cont-btn{ background:#c3d82b;}
.inner-btn:hover{background:#92cda7;}
.button{border-left:1px solid #0099c1; }
.button a:link, .button a:visited{text-decoration:none; color:#0099c1; font-weight:bold; cursor:hand; cursor:pointer;}
.button a:hover{color:#ffffff;}
.sel-btn{background:#c6e9d3;}

/* TEXT, LINKS, LI ... lots of HTML parts */
.bold{ font-weight:bolder;}
a, a:link, a:hover, a:visited{color:#1a538b;}
a img{border:none; vertical-align:middle;}
ul li, ol li {margin:1em 0;}

/*lists oefeningen*/
.pdf li, .mp3 li {list-style-position:outside; list-style-type:none; margin-left:15px;}
.pdf li {list-style-image:url(../Images/pdf_ico.gif); }
.mp3 li{list-style-image:url(../Images/podcast.gif);}

/* table locations */
.zebra a{ height:2em; background-color:#006782; color:#c3d82b; font-size:large;}
.zebra a {margin-right:2em;}
.oneven{height:1.5em; background:#dde89a;}

.regelement li{ font-size:large; font-weight:bolder;}
.normal li{ font-size:medium; font-weight:normal; }
th{background-color:#006782; color:#c3d82b; height:1.5em;}
.colleft, .colright{ float:left; }
.colleft{ width:260px}
.colright{ clear:right; margin-left:15px; width:260px;}
.colleft table, .colright table{ border:1px solid #006782}