/*
 * general stylesheet
 * 
*/


/* hitSpecs
 *  CLEARFIX, http://www.positioniseverything.net/easyclearing.html ----------------------
 */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {clear: both;height: 0;overflow: hidden;}
.float_left{float: left;}
.float_right{float: right;}


 
* { margin: 0; padding: 0; }
img { border: none; outline: none; }
html,body { height: 100%; }
.dotted{ border: 1px dotted #ff2200;}

input{outline: none;}

body {
	font-family: "Georgia", Times New Roman, Palatino Linotype, Sylfaen, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
	background: #005392 url(../img/bg_general.gif) repeat-x left top;
}
#load {  
    display: none;  
    position: absolute;  
    left: 10px;  
    top: 10px;  
    background: url(../img/ajax-loader.gif);  
    width: 32px;  
    height: 32px;  
    text-indent: -9999em;  
}  

a{outline: none;}
a:link { color: #024f8c; }
a:visited { color: #024f8c; }
a:hover { color: #024f8c; }
a:active { color: #024f8c; }

#wrapper {
	margin: 0 auto;
	padding:0;
	width: 960px;
	
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 14px;
}
/* 
 * header styles
 * 
*/
#header{margin:0 0 26px 0;padding:0;width:960px;}
#header_logo{float:left;margin:30px 0 0 0; padding:0; width:292px; height:160px;}
#header_slogan{float:right; margin:57px 132px 0px 0px; padding:0; width:365px; height:77px;}

/* 
 * navigatie styles
 * 
*/
#navigatie{margin:0; padding:0;width:960px;height:110px;position:relative;}
#menu{list-style: none;padding: 0;margin: 0;}
#menu li {float:left; margin:0;}
#menu span {display: none;cursor:pointer;}
#menu a {display: block; text-indent: -900%; cursor:pointer; position: absolute;outline: none;}	
#menu a:hover {background-position: left bottom;}
#menu a:hover span {display: block;position: absolute; cursor:pointer;}

#menu .home {
  width: 92px;
  height: 53px;
  background: url(../img/nav_home_n.gif) no-repeat;
  left: 0px;
  top: 0px;
}

#menu a.home.active {
display: block;
  width: 92px;
  height: 53px;
  background: url(../img/nav_home_o.gif) no-repeat;
  left: 0px;
  top: 0px;
  position: absolute;
}


#menu .home span {
  width: 92px;
  height: 53px;
  background: url(../img/nav_home_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}


#menu .nieuws {
  width: 106px;
  height: 53px;
  background: url(../img/nav_nieuws_n.gif) no-repeat;
  left: 100px;
  top: 0px;
}

#menu a.nieuws.active {
  width: 106px;
  height: 53px;
  background: url(../img/nav_nieuws_o.gif) no-repeat;
  left: 100px;
  top: 0px;
}

#menu .nieuws span {
  width: 106px;
  height: 53px;
  background: url(../img/nav_nieuws_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}




#menu .organisatie {
  width: 147px;
  height: 53px;
  background: url(../img/nav_organisatie_n.gif) no-repeat;
  left: 220px;
  top: 0px;
}


#menu a.organisatie.active {
  width: 147px;
  height: 53px;
  background: url(../img/nav_organisatie_o.gif) no-repeat;
  left: 220px;
  top: 0px;
}

#menu .organisatie span {
  width: 147px;
  height: 53px;
  background: url(../img/nav_organisatie_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}



#menu .activiteiten {
  width: 156px;
  height: 53px;
  background: url(../img/nav_activiteiten_n.gif) no-repeat;
  left: 380px;
  top: 0px;
}
#menu a.activiteiten.active {
  width: 156px;
  height: 53px;
  background: url(../img/nav_activiteiten_o.gif) no-repeat;
  left: 380px;
  top: 0px;
}

#menu .activiteiten span {
  width: 156px;
  height: 53px;
  background: url(../img/nav_activiteiten_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .inschrijvingen {
  width: 181px;
  height: 53px;
  background: url(../img/nav_inschrijvingen_n.gif) no-repeat;
  left: 550px;
  top: 0px;
}
#menu a.inschrijvingen.active {
  width: 181px;
  height: 53px;
  background: url(../img/nav_inschrijvingen_o.gif) no-repeat;
  left: 550px;
  top: 0px;
}
#menu .inschrijvingen span {
  width: 181px;
  height: 53px;
  background: url(../img/nav_inschrijvingen_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}


#menu .contact {
  width: 119px;
  height: 53px;
  background: url(../img/nav_contact_n.gif) no-repeat;
  left: 740px;
  top: 0px;
}
#menu a.contact.active {
  width: 119px;
  height: 53px;
  background: url(../img/nav_contact_o.gif) no-repeat;
  left: 740px;
  top: 0px;
}
#menu .contact span {
  width: 119px;
  height: 53px;
  background: url(../img/nav_contact_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}



/* 
 * submenu styles
 * 
*/




#subNav{margin:0; padding:0; position:relative; top:52px; left:100px; width: 500px;}
#submenu{list-style: none;padding: 0;margin: 0;position:relative; }
#submenu li {float:left; margin:0;}
#submenu span {display: none; position: absolute;}
#submenu a {display: block; text-indent: -900%; position: absolute;outline: none;}	
#submenu a:hover {background-position: left bottom;}
#submenu a:active {background-position: left bottom;}
#submenu a:hover span {display: block;}
#submenu .visie {
  width: 77px;
  height: 37px;
  background: url(../img/subnav_visie_n.gif) no-repeat;
  left: 0;
  top: 0;
}
#submenu a.visie.subactive {
  width: 77px;
  height: 37px;
  background: url(../img/subnav_visie_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#submenu .visie span {
  width: 77px;
  height: 37px;
  background: url(../img/subnav_visie_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}


#submenu .aanbod {
  width: 97px;
  height: 37px;
  background: url(../img/subnav_aanbod_n.gif) no-repeat;
  left: 80px;
  top: 0px;
}
#submenu a.aanbod.subactive {
  width: 97px;
  height: 37px;
  background: url(../img/subnav_aanbod_o.gif) no-repeat;
  left: 80px;
  top: 0px;
}

#submenu .aanbod span {
  width: 97px;
  height: 37px;
  background: url(../img/subnav_aanbod_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}



#submenu .bereikbaarheid {
  width: 170px;
  height: 37px;
  background: url(../img/subnav_bereik_n.gif) no-repeat;
  left: 185px;
  top: 0px;
}
#submenu a.bereikbaarheid.subactive{
  width: 170px;
  height: 37px;
  background: url(../img/subnav_bereik_o.gif) no-repeat;
  left: 185px;
  top: 0px;
}

#submenu .bereikbaarheid span {
  width: 170px;
  height: 37px;
  background: url(../img/subnav_bereik_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}




#submenu .varia {
  width: 80px;
  height: 37px;
  background: url(../img/subnav_varia_n.gif) no-repeat;
  left: 360px;
  top: 0px;
}
#submenu a.varia.subactive {
  width: 80px;
  height: 37px;
  background: url(../img/subnav_varia_o.gif) no-repeat;
  left: 360px;
  top: 0px;
}

#submenu .varia span {
  width: 80px;
  height: 37px;
  background: url(../img/subnav_varia_o.gif) no-repeat;
  left: 0px;
  top: 0px;
}




/* 
 * content wrapper styles
 * 
*/

#content_wrap{
	
	margin: 0;
	padding:0;
	width: 956px;
	position:relative;
	
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 14px;
	background: transparent url('../img/img_content_bg.gif') no-repeat top left;
	
}
#fake_wrapper{
	width: 632px;

}

#leftcol{
	margin:0;
	padding:0;
	width: 632px;
	float: left;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 13px;
}


#leftcol .left_content{
	margin:0 0 30px 0;
	padding:0;
	width: 632px;
	float: left;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 13px;
	
}

#leftcol .round_top{
	margin:0;
	padding:0;
	width: 632px;
	height: 18px;
	background: transparent url('../img/img_round_top.gif') no-repeat top left;
}

#leftcol .round_content{
	margin:0 auto;
	padding:10px 30px;
	width: 570px;
	background-color: #c2e3ff;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 13px;
	
}

#leftcol .round_content h1{
	margin:0;
	padding:0px;
	font-family: "Georgia", Times, serif;
	color: #329df3;
	text-decoration: none;
	word-spacing: normal;
	font-style: italic;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 28px;
	font-size: 20px;
	font-weight: normal;
}

#leftcol .round_content h1.aanbod{
	background: transparent url(../img/img_bullit.gif) no-repeat 0 50%;
	padding-left: 25px;
}


div.hr {
	
  height: 1px;
  background: #80c5fc url('../img/hr1.gif') no-repeat scroll top left;
}
div.hr hr {
  display: none;
}


table.tabel_aanbod {
	width: 570px;
	padding: 0;
	margin: 20px 0;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 26px;
	font-size: 14px;
}
.tabel_aanbod  caption {
	padding: 0 0 8px 0;
	width: 570px;	 
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}
.tabel_aanbod thead{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	background-color: #77befb;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}


.tabel_aanbod thead tr th{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	background-color: #77befb;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding: 6px;
}
.tabel_aanbod tfoot{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	background-color: #80c5fc;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.tabel_aanbod tfoot tr th{
	padding: 8px;
}

.tabel_aanbod  tbody tr td{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding: 8px;
}


.odd{
	color: #033467;
	background-color: #add6fa;
	
}
.even{
	color: #329df3;
}


table.tabel_aanbod_font {
	width: 570px;
	padding: 0;
	margin: 20px 0;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 26px;
	font-size: 12px;
}
.tabel_aanbod_font caption {
	padding: 0 0 8px 0;
	width: 570px;	 
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}
.tabel_aanbod_font thead{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	background-color: #77befb;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	
}

.tabel_aanbod_font thead tr th{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	background-color: #77befb;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}
.tabel_aanbod_font thead tr th sup {font-size: 70%; vertical-align: super;}

.tabel_aanbod_font tfoot{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	background-color: #80c5fc;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.tabel_aanbod_font tfoot tr th{
	padding: 8px;
}

.tabel_aanbod_font tbody tr td{
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

.tabel_aanbod_font tbody tr td br{
	margin: 0;
	padding: 0;
	line-height: -5px;
	font-size: 1px;
}

.tabel_aanbod_font tbody tr td span.noBold{
	font-weight: normal;
}






#leftcol .round_content p sup {font-size: 70%; vertical-align: super;}
#leftcol .round_content p{
	padding:10px 0px;
	margin: 0;
	background-color: #c2e3ff;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
}
#leftcol .round_content p em{
	padding:0;
	margin: 0;
	background-color: #c2e3ff;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 16px;
	font-size: 12px;
	font-style: italic;
}
#leftcol .round_content p.nieuws{
margin-top: 5px;
}
#leftcol .round_content p img{
	border: 6px  solid #80c5fc;
	margin: 5px 18px 0 0;
}
#leftcol .round_content img{
	border: 6px  solid #80c5fc;
	margin: 5px 18px 0 0;
}
#leftcol .round_content p img.img_left{
	float: left;
	border: 6px  solid #80c5fc;
	margin: 5px 18px 0 0;
}

#leftcol .round_content p img.img_right{
	float: right;
	border: 6px  solid #80c5fc;
	margin: 5px 0 0 18px;
}

/*
 *
 * FORM STYLES
 *
*/

#contactPane{
	background-color: #c2e3ff;
}

#leftcol .round_content form {
  	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	margin: 0;
	width: 570px;
  
}
#leftcol .round_content form label {
  display: block; 
  width: 180px;
  margin-right:0.5em;
  padding:0.2em;
  text-align:left;
  font-weight:bold;
  
}
#leftcol .round_content form input, #leftcol .round_content form textarea,#leftcol .round_content form select {
	width:100%;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:2px 0 0 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
 	padding:0.2em;
    text-align:left;
    font-weight:bold;
    background-color: #fff ;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #80c5fc;

}
#leftcol .round_content form textarea { overflow: auto; }
#leftcol .round_content form input[type="text"]{
	height: 19px;
}
#leftcol .round_content form input[type="text"]:hover,#leftcol .round_content form textarea:hover;{
	border: 1px solid #599dd4;
}
#leftcol .round_content form .required{
font-weight:bold; 
} /* uses class instead of div, more efficient */

#leftcol .round_content form p {
	padding-bottom: 4px;
}

#leftcol .round_content form .error{
font-family: "Georgia", Times, serif;
font-style: italic;
color: #FF2200;
font-weight:bold;
font-size: 11px;
width: 100%;
}


#errorAjax{
font: bold 14px/1.25 "Georgia", Times, serif;
color: #FF2200;
background-color: #FFFFCC;
width: 72%;
padding: 10px;
}



ul#left_recentNews{
	margin:0;
	padding:0;
	list-style-type: none;
	font-family: "Georgia", Times, serif;
	color: #6890af;
	text-decoration: none;
	word-spacing: normal;
	font-style: italic;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
}
ul#left_recentNews li{
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: transparent url(../img/img_arrow_grey.gif) no-repeat 0 10%;
	border-bottom: 1px dashed #329df3;
	padding-left: 30px;
}

#leftcol .round_bottom{
	margin:0;
	padding:0;
	width: 632px;
	height: 18px;
	background: transparent url('../img/img_round_bottom.gif') no-repeat bottom left;
}


#rightcol{
	margin:0;
	padding:0;
	width: 282px;
	float: right;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 18px;
	font-size: 13px;
}

#rightcol .btn_smartscool{
	padding:0;
	margin: 0 0 72px 0;
	width:282px;
}
#rightcol #wrap_mededelingen{
	padding:0;
	margin: 30px 0 30px 0;
	width:282px;
}

#wrap_mededelingen #med_top{
	padding:0;
	margin: 0;
	width:282px;
	height:58px;
	background: transparent url('../img/img_med_top.gif') no-repeat top left;
}

#wrap_mededelingen #med_content{
	padding:10px 24px;
	margin: 0;
	width:234px;
	background-color: #c2e3ff;
	font-family: "Georgia", Times, serif;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
}
#med_content h1{
	padding:10px 0px 0px 0px;
	margin: 0;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 16px;
	text-transform: capitalize;
}
#med_content h2{
	padding:10px 0px 0px 0px;
	margin: 0;
	color: #479bde;
	text-decoration: none;
	word-spacing: normal;
	font-style: italic;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;

}
#med_content p{
	padding:0px 0px 20px 0px;
	margin: 0;
	color: #024f8c;
	text-decoration: none;
	word-spacing: normal;
	font-style: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;

}
#wrap_mededelingen #med_bottom{
	padding:0;
	margin: 0;
	width:282px;
	height:26px;
	background: transparent url('../img/img_med_bottom.gif') no-repeat top left;
}









#footer{
	margin: 30px 0;
	padding: 0;
	height: 135px;
	font-family: "Georgia", Times, serif;
	color: #ffffff;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 20px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}





/* BUTTONS */

button{
    display:block;
    float:left;
    margin:0 7px 0 190px;
    font-family: "Georgia", Times, serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    border: none;
	outline: none;
    background-color: transparent;
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
   
}
/* STANDARD */

button:hover, button a:hover{
      color:#336699;
}
button a:active{
    color:#fff;
}

.submitBtnBlue {
	border:none;
	outline: none;
	background: transparent url('../img/btn_verstuur.gif') no-repeat scroll top left;
	width: 138px;
	height: 34px;
}