/* 
-=STANDARDS=-
*/
html{overflow-y:scroll;}
* {margin:0; padding:0}
h2{background:#000 url(/images/title_bg.jpg) left top repeat-x; color:#fff; font-size:13px; padding:2px 2px 2px 4px; font-weight:bold}
h3{font-size:14px; border-bottom:solid 1px #ccc; margin:15px 0}
body{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#526e7b; background:#1c2b56 url(../images/bg.jpg) repeat-x; height:100%}
a:hover{color:#526e7b;text-decoration:none;outline: none;}
a{color:#526e7b;text-decoration:underline;outline: none;}
.linkknop{text-decoration:underline;}
.italic{font-style:italic}
/* 
-=STANDARDS=-
*/

/* 
-=PAGE POSITION=-
*/
/* Zorgt ervoor dat alles van de pagina in het midden staat */
#page_wrapper{margin:0 auto; width:844px; margin-top:100px; background:#fff; min-height:300px; padding-bottom:1px; height:auto; padding:3px}
/* 
-=PAGE POSITION=-
*/


/* 
-=MENU=-
*/
/* zet het menu */
#menu {list-style-type:none; overflow:hidden; position:absolute; top:-30px; left:25px}
#menu li {float:left}
/*#menu .home{margin-right:300px}*/
#menu a {display:block; font-weight:bold; color:#fff; text-decoration:none; background:#414c6a; margin:0 4px; padding:5px 10px; font-size:11px}
#menu a:hover{background-color:#87B2DD}

/* 
-=MENU=-
*/

/* 
-=HEADER=-
*/
#header_wrapper{position:relative}
#header_image{position:relative; height:179px}
#header_image img{display:block}
/* 
-=HEADER=-
*/

#content_wrapper{background:transparent url(/images/content_bg.gif) left top repeat-y; overflow:hidden}

/* 
-=CONTENT LEFT=-
*/
#content_left{width:200px; min-height:200px; float:left}
#posts dd, #agenda dd{padding:4px; border-bottom:solid 1px #aaa}
#posts dt, #agenda dt{display:block; font-weight:bold; border-bottom:dotted 1px #ccc; font-style:italic; text-align:right; padding:2px 4px}
#content_left p{margin:5px}
#content_left dl .last{border:none}
#posts, #agenda{margin-bottom:10px}
#imgs{height:200px}
#sponsors{height:125px; width:125px; position:absolute; right:25px; top:25px; background:transparent url(/images/sponsor_bg.png) left top repeat}
/* 
-=CONTENT=-
*/
/* zet de recente zaken */
#content_right{float:left; padding:0 0 10px 3px; width:641px}
#content_right p{margin:10px; line-height:18px}
#content{padding:10px}

/* 
-=AGENDA=-
*/
.table_wrapper{margin:10px}
.table_wrapper table{width:100%}
thead{background-color:#414c6a; font-weight:bold; color:#fff}
tr.even td{background-color:#eee}
td{padding:2px 4px}
/* 
-=LEDEN=-
*/
#leden{overflow:hidden; list-style-type:none}
#leden li{width:288px; float:left; margin:5px; border:solid 1px #ccc; padding:5px; height:95px}
#leden span{display:block}
#leden img{float:left; margin-right:15px}
#leden .name{font-weight:bold; margin:0 0 10px 0}
#leden .odd{background-color:#f6f6f6}
/* 
-=FOTOS=-
*/
.fotocategories{margin-top:0px;width:500px;}
.fotocategories p{padding-left:5px;padding-top:5px;}
.categorie_foto img{border:0px;}
.categorie{width:150px;height:170px;background:#fff;vertical-align:bottom;border: 1px solid #ccc;margin-left:35px;text-align:center;float:left;margin-top:20px;}
.categorie_foto{height:125px;padding-top:5px;padding-bottom:5px;border:0px;}
.categorie_titel{height:35px;border-top:1px solid #e9f3d1;}
.categorie_hr{height: 0; border: 0; border-top: 1px solid #526e7b;}
.foto{width:125px;height:125px;background:#fff;vertical-align:bottom;border: 1px solid #e9f3d1;margin-left:21px;text-align:center;float:left; margin-top:10px;}
.foto_foto{height:125px;padding-top:5px;padding-bottom:5px;border:0px;}
.foto_foto img{border:0px;}

/* 
-=CONTACT=-
*/
#contact{padding:0px 4px 4px 4px;}
#contactform{padding:0px 4px 4px 4px;}
#contactlinks{float:left;width:150px;border: 1px solid #526e7b;padding:0px 4px 4px 4px;text-align:right;line-height:30px;}
#contactrechts{float:left;width:150px;border: 1px solid #526e7b;}
input{width:200px;background:#f5f5f5;border: 1px solid #526e7b;color:#526e7b;padding-left:3px;}
textarea{width:200px;background:#f5f5f5;height:60px;border: 1px solid #526e7b;color:#526e7b;padding-left:3px;}
.button{border: 1px solid #526e7b;width:75px;margin-right:60px;margin-top:10px;padding-right:4px;}
.lijn{ height: 0px; border: 0px; border-top: 1px solid #526e7b;margin-top:5px;}
.error{background-color:#fcc; border:solid 1px #900; padding:5px 15px; width:480px; color:#c3261e;margin-left:auto;margin-right:auto;}
.success{background-color:#e9f3d1; border:solid 1px #148617; padding:5px 15px; width:480px; color:#148617;margin-left:auto;margin-right:auto;}
.red{color:#c3261e}

/* 
-=MSGS=-
*/
#msgs{list-style-type:none; margin:0; padding:0}
#msgs li{margin:5px; border:solid 1px #ccc; padding:5px}
#msgs .even{background:#f6f6f6}
#msgs .info{font-weight:bold}

.page_nav{margin:10px 10px 0 0; overflow:hidden; padding:5px}
.page_nav a, .page_nav span{display:block; float:left; height:18px; background-color:#f6f6f6; text-align:center; line-height:18px; margin:2px; border:solid 1px #eee; padding:0 4px; font-size:x-small}
.page_nav span{background-color:#414c6a; color:#fff; border:solid 1px #3b8a9e}
.page_nav span.lbl{background:none; border:none; color:#666}
.page_nav a:hover{background-color:#fff; border:solid 1px #414c6a}
.page_nav .total{background:none; color:#333; border:none; margin-left:15px}

label{display:block}
form{margin:10px}
input.button{display:block}

.action{position:relative}
.action .error{position:absolute; right:25px; top:25px; width:250px}

/* 
-=FOOTER=-
*/
#footer{color:#ccc;margin-top:5px; margin-right:auto; margin-left:auto; text-align:right; width:850px; padding-right:5px}
#footer a{color:#ccc;}
#footer a:hover{color:#fff}


img.right{float:right; margin:10px 0 10px 10px}

/* 
Problem fixes
*/
* html .clearfix {height: 1%}	
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
	 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */