@charset "utf-8";
/* CSS Document */
/***************FORM***************/
input.disabled {	border: 1px solid #F2F2F2;	background-color: #F2F2F2;}

input.required, textarea.required {	border: 1px solid #feb85d;}
input.validate-alpha{	border: 1px solid #feb85d;}
input.validate-email{	border: 1px solid #feb85d;}

label{ float:left; width:80px; margin-bottom:10px;}
input{ margin-bottom:10px; background:url(images/form.gif) repeat-x #FFF;}
textarea{ background:url(images/form.gif) repeat-x #FFF; background-position:bottom;}
input [type=submit]{background:url(images/form.gif) repeat-x #FFF; border:1px solid #feb85d;}

input.validation-failed, textarea.validation-failed {	border: 1px solid #FF3300;	color : #FF3300;}
input.validation-passed, textarea.validation-passed {	border: 1px solid #00CC00;	color : #000;}



.validation-advice {	margin: 5px 0;	padding: 5px;	background-color: #FF3300;	color : #FFF;	font-weight: bold;}

.custom-advice {	margin: 5px 0;	padding: 5px;	background-color: #C8AA00;	color : #FFF;	font-weight: bold;}

fieldset {	padding: 11px;	margin-bottom: 10px; border:#e4e4e3 1px solid;}

label {	font-weight: bold;}

.form-row {	clear: both;	padding: 5px;}

.field-label { margin-bottom:5px;}

.field-widget { margin-bottom:10px;}





/*************** BODY ***************/
body{  font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background:#666; margin:0; padding:0; }


/*************** STYLES ***************/
*{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;}

h3{ margin-bottom:20px;}
h2{ margin-bottom:15px;}

p{margin-bottom:15px;}

hr{ height:1px; color:#e4e4e3; width:300px; margin:25px 0 25px 0; margin-left:auto; margin-right:auto;}

strike{ color:#CCC;}



/*************** CLASSES ***************/
a.link{ color:#CCC; font-weight:bold;}
a.link:hover{ color:#666;}

img.nieuwtjes{ margin-bottom:15px;}

a.ouder{ float:right; color:#757272; font-weight:bold;}
a.ouder:hover{ color:#CCC;}

a.nieuwer{ color:#F90; font-weight:bold;}
a.nieuwer:hover{ color:#FC6;}

a.begin{ color:#FC0; font-weight:bold; margin-left:20px;}
a.begin:hover{ color:#FF9;}

a.sub{ color:#757272;}
a.sub:hover{ font-weight:bold;}

span.agenda{ background:#eeeded;  padding:5px; color:#757272; cursor:pointer;}
span.agenda:hover{ background:#e6e5e5;}

span.onderwerp{ padding:5px; background:#eeeded; color:#757272;}

h3.left{float:left;}

span.rood{color:#F00;}
/*************** DIVS ***************/
#container{ width:1024px; height:auto; margin-left:auto; margin-right:auto; background:#f8f8f8;}

#header{ height:189px; background:url(images/header_1.jpg);}

#nav_1{ height:26px; float:right; width:441px; margin-top:148px; padding:12px 0 0 0; }
#nav_1 a{ float:left; color:#FFF; margin-left:13px; font-size:13px;}
#nav_1 a:hover{ color:#666;}
#nav_1 a.active{ font-weight:bolder; border-bottom:#666 1px solid; color:#666;}

#nav_2{ background-color:#ffc477; height:20px; padding-top:2px; padding-left:400px;}
#nav_2 li{ display:inline;}
#nav_2 a{ color:#fff; font-size:13px; margin-right:20px;}
#nav_2 a:hover{ color:#666;}
#nav_2 a.active{ font-weight:bolder; border-bottom:#666 1px solid; color:#666;}


#plaatje_links{  float:left; height:560px; width:203px; background:url(images/header_2.gif); }

#content{ color:#757272;}
#content_tekst{ color:#757272; width:600px; margin:50px 0 30px 250px; padding: 20px 25px 20px 25px; border-top:#e4e4e3 1px solid; border-left:#e4e4e3 1px solid;}


#nieuws{ width:255px; height:auto; float:left; margin:50px 0 20px 100px;}
#kopje_nieuws{ height:110px; background:url(images/kopje_nieuws.gif); margin-bottom:20px;}

#bt_nieuws{ width:104px; height:28px;}
#bt_nieuws a{ display:block; width:104px; height:28px; position:relative; left:150px; top:20px;}
#bt_nieuws li a{ background:url(images/buttons/btn_nieuws.gif);}
#bt_nieuws li a:hover{ background:url(images/buttons/btn_nieuws_hover.gif);}

#scheidingslijn{ height:468px; width:24px; background:url(images/scheidingslijn.gif); float:left; margin: 20px 0 0 70px;}

#agenda{ width:250px; height:auto; float:left; margin:50px 0 20px 70px;}
#kopje_agenda{ height:110px; background:url(images/kopje_agenda.gif); margin-bottom:20px;}

#bt_agenda{ width:104px; height:28px;}
#bt_agenda a{ display:block; width:104px; height:28px; position:relative; left:150px; top:20px;}
#bt_agenda li a{ background:url(images/buttons/btn_agenda.gif);}
#bt_agenda li a:hover{ background:url(images/buttons/btn_agenda_hover.gif);}

#examens{ width:150px; height:auto; margin-left:10px; margin-right:50px; float:left;}
#wedstrijden{ width:150px; height:auto; margin-right:50px; float:left; }
#activiteiten{ width:170px; height:auto; float:left; margin-bottom:20px; }

#agenda1{ background:#f8f8f8;}



#footer{ clear:both; color:#FFF; text-align:center; font-size:11px; background-color:#fb9d23; border-top:#e5e3e3 solid 2px;}



ul{border:0; margin:0; padding:0;}

#pagination li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; margin-right:2px;}
#pagination a{ border:solid 1px #fec882; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off { border:solid 1px #d1d1d1; color:#d1d1d1; display:block; float:left; font-weight:bold;  margin-right:2px; padding:3px 4px;}
#pagination .next a,
#pagination .previous a { font-weight:bold; } 
#pagination .active{ background:#f49924; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination a:link,#pagination a:visited { color:#757272; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination a:hover{ border:solid 1px #f49924; }






/** SLIDESHOW!!!!!!!!!!!!!!!!!!
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/). **/

#show1{ margin-left:50px; margin-right:125px; margin-top:50px; border:#e5e3e3 solid 2px;}
#show2{ margin-top:50px; border:#e5e3e3 solid 2px;}

.slideshow {display: block;	float:left;	height: 150px;	width: 200px;}