@charset "UTF-8";
/* CSS Document */

body, html{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#e3e3e3;
	overflow-x:hidden;
	font-family:arial;
}

li{
	float:left;
	list-style:none;
}

img{
	border:none;
}

#wrapper{
	width:980px;
	position:absolute;
	left:50%;
	margin-left:-485px;
	margin-top:15px;
}

h1{
	font-size:30px;
	color:#f37624;
}

h2{
	float:left;
	font-size:22px;
	color:#898989;
	margin-left:13px;
	margin-top:30px;
}

h3{
	margin:0px;
	padding:0px;
	float:left;
	font-size:20px;
	color:#fff;
}

.header_kop{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:5px;
	font-size:12px;
	font-weight:normal;
	height:12px;
	overflow:hidden;
}

#top_content{
	float:left;
	background-color:#FFF;
	width:966px;
	height:457px;
	padding-top:10px;
	padding-left:11px;
	background-image:url(images/top_conten.jpg);
	background-repeat:no-repeat;
}

#logo{
	float:left;
	width:180px;
	height:74px;
	padding-left:7px;
	padding-right:20px;
}

#header{
	float:left;
	width:943px;
	background-color:#fff;
	padding:10px;
	margin-left:7px;
}

#header_news{
	position:absolute;
	width:943px;
	height:340px;
	background-color:#eee;
	overflow:hidden;
	top:84px;
	left:17px;
}

#header_news img{
	border:none;
}

#header_slide{
	float:left;
	width:943px;
	height:340px;
	background-color:#eee;
	overflow:hidden;
}

#header_overlay{
	position:absolute;
	width:943px;
	height:340px;
	background-image:url(images/header.png);
	z-index:99999;
	top:84px;
}

.button{
	float: left;
	width: 735px;
	height:74px;
	background: #f0f0f0;
}
.button ul {
	margin: 0; padding: 0;
	list-style: none;
}
.button ul li a{
	text-decoration:none;
	color:#848484;
	background-image:url(images/nieuws.jpg);
	border-right:1px solid #d8d9d9;
	border-top:1px solid #d8d9d9;
	padding-left:10px;
	padding-top:15px;
	width:136px;
	height:69px;
	float: left;
	font-weight:bold;
}
.button ul li a:hover{
	color:#ffffff;
	cursor: pointer;
	background:none;
	background-image:url(images/nieuws_hover.jpg);
}
.button ul li .block {
	float: left; 
	padding: 0;
	width:135px;
	height:74px;
}
	
.datum{
	font-size:10px;
	font-weight:normal;
	padding-top:3px;
	padding-bottom:3px;
}
.button ul li p{display: none;}


#kolom1{
	float:left;
	width:980px;
}

#kolom2{
	float:left;
	width:980px;
}

#tekstvak{
	float:left;
	width:655px;
}

#tekstvak1{
	float:left;
	width:655px;
	margin-left:6px;
	padding-bottom:25px;
	min-height:289px;
	background-image:url(images/tekstvak_middle.png);
}

#tekstvak2{
	float:left;
	width:655px;
	margin-left:6px;
	padding-bottom:40px;
	background-image:url(images/tekstvak_middle.png);
}

#tekstvak_top{
	float:left;
	width:655px;
	height:9px;
	margin-left:6px;
	margin-top:25px;
	background-image:url(images/tekstvak_top.png);
	background-repeat:no-repeat;
}

#tekstvak_bottom{
	float:left;
	width:655px;
	height:9px;
	margin-left:6px;
	background-image:url(images/tekstvak_bottom.png);
	background-repeat:no-repeat;
}

#tekstvak_tekst{
	float:left;
	font-family:Arial;
	width:567px;
	font-size:12px;
	color:#888888;
	line-height:18px;
	padding-left:58px;
	margin-top:-25px;
}

#tekstvak_tekst span{
	color:#f37624;
	font-size:14px;
}

#tekstvak_tekst a{
	color:#f37624;
	text-decoration:none;
}

#tekstvak_tekst a:hover{
	text-decoration:underline;
}

.leesmeer{
	float:right;
	width:90px;
	height:20px;
	background-image:url(images/leesmeer_button.jpg);
	background-repeat:no-repeat;
	margin-right:39px;
	margin-top:15px;
	font-family:Arial;
	font-size:11px;
	color:#fff;
}

.leesmeer:hover{
	background-image:url(images/leesmeer_button_hover.jpg);
}

.leesmeer a{
	float:left;
	padding-top:4px;
	padding-left:10px;
	padding-right:7px;
	padding-bottom:2px;
	color:#fff;
	text-decoration:none;
}

.leesmeer2{
	float:right;
	width:125px;
	height:20px;
	background-image:url(images/leesmeer_button2.jpg);
	background-repeat:no-repeat;
	margin-right:39px;
	margin-top:15px;
	font-family:Arial;
	font-size:11px;
	color:#fff;
}

.leesmeer2:hover{
	background-image:url(images/leesmeer_button_hover2.jpg);
}

.leesmeer2 a{
	float:left;
	padding-top:4px;
	padding-left:10px;
	padding-right:7px;
	padding-bottom:2px;
	color:#fff;
	text-decoration:none;
}

#tekstvak_logo{
	float:left;
	margin-left:-13px;
	margin-top:-18px;
	background-image:url(images/tekstvak_logo.png);
	background-repeat:no-repeat;
	width:50px;
	height:62px;
}

#agenda{
	float:left;
	height:332px;
	width:287px;
	margin-top:25px;
	margin-left:38px;
	background-image:url(images/agenda_vak.jpg);
	background-repeat:no-repeat;
}

#agenda_logo{
	float:left;
	margin-left:-21px;
	margin-top:-15px;
	background-image:url(images/agenda_logo.jpg);
	background-repeat:no-repeat;
	width:51px;
	height:60px;
}

#project_top{
	float:left;
	width:287px;
	height:9px;
	background-image:url(images/project_top.jpg);
	background-repeat:no-repeat;
}

#project_bottom{
	float:left;
	width:287px;
	height:9px;
	background-image:url(images/project_bottom.jpg);
	background-repeat:no-repeat;
	margin-top:24px;
}

#project{
	float:left;
	width:287px;
	margin-top:25px;
	margin-left:38px;
	background-image:url(images/project_middle.png);
}

#project_logo{
	float:left;
	background-image:url(images/project_logo.png);
	background-repeat:no-repeat;
	width:81px;
	height:67px;
	margin-left:-22px;
	margin-top:-33px;
}

.sub_tekst{
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#9b9b9b;
	margin-left:45px;
	margin-top:-15px;
}

#agenda_container{
	float:left; 
	margin-top:22px; 
	margin-left:11px;
}

#agenda_container span a{
	color:#9b9b9b;
}

#agenda_container span{
	float:right;
	font-family:Arial;
	font-size:12px;
	margin-right:22px;
	margin-top:8px;
}

.agenda_vak{
	float:left;
	height:51px;
	width:254px;
	margin-top:-1px;
}

.agenda_datum{
	float:left;
	width:55px;
	height:49px;
	background-image:url(images/datum.jpg);
	border-top:1px dotted black;
	border-bottom:1px dotted black;
	overflow:hidden;
}

.agenda_tekst a{
	float:left;
	width:186px;
	margin-left:1px;
	height:30px;
	background-image:url(images/titel.jpg);
	border-top:1px dotted black;
	border-bottom:1px dotted black;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding-left:12px;
	color:#2f2f2f;
	overflow:hidden;
	text-decoration:none;
	padding-top:19px;
}

.agenda_tekst a:hover{
	background-image:url(images/datum.jpg);
	color:#fff;
}
.nummer{
	float:left;
	font-size:22px;
	color:#fff;
	text-align:center;
	width:55px;
	padding-top:7px;
}

.maand{
	float:left;
	font-size:11px;
	color:#ffe1cd;
	text-align:center;
	width:55px;
}

#twitter{
	float:left;
	height:323px;
	width:281px;
	margin-left:6px;
	background-image:url(images/twitter_vak.jpg);
	background-repeat:no-repeat;
	margin-top:35px;
}

#twitter_logo{
	float:left;
	margin-left:-15px;
	margin-top:-22px;
	background-image:url(images/twitter_logo.jpg);
	background-repeat:no-repeat;
	width:68px;
	height:79px;
}

#twitter_container{
	float:left; 
	margin-top:10px; 
	margin-left:11px;
	height:187px;
	width:254px;
}

#twitter_container ul{
	margin:0px;
	padding:0px;
	width:254px;
}

#twitter_container li{
	float:left;
	width:254px;
	border-bottom:1px dotted black;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#313131;
	padding-top:6px;
	padding-bottom:6px;
	list-style:none;
	max-height:50px;
	overflow:hidden;
}

#twitter_container a{
	color:#0096d7;
	font-weight:bold;
	text-decoration:none;
}

#twitter_container a:hover{
	text-decoration:underline;
}

#twitter_lijn{
	float:left;
	width:254px;
	border-bottom:1px dotted black;
}



#footer_repeat{
	float:left;
	margin-top:60px;
	height:300px;
	width:3400px;
	margin-left:-1100px;
	background-color:#006995;
}

#footer{
	float:left;
	margin-top:-300px;
	width:980px;
	height:300px;
	background-image:url(images/footer_achtergrond.jpg);
	background-repeat:no-repeat;
}

.footer_blok ul{
	margin:0px;
	padding:0px;
}

.footer_blok li a{
	text-decoration:none;
}

.footer_blok li{
	float:left;
	width:135px;
	height:104px;
	padding:15px 0px 5px 20px;
	margin:43px 0px 0px 5px;
	list-style:none;
	font-family:Arial;
	line-height:16px;
	background-image:url(images/footer_blok.png);
	background-repeat:no-repeat;
}

.footer_blok li ul li{
	float:left;
	padding:0px;
	margin:0px;
	width:120px;
	height:16px;
	list-style:none;
	font-family:Arial;
	font-size:10px;
	line-height:16px;
	background:none;
}

.footer_blok li ul li a:hover{
	text-decoration:underline;
}

.footer_blok a{
	color:#fff;
}

.footer_blok2{
	float:left;
	margin-top:20px;
	margin-left:77px;
	width:795px;
	height:57px;
	background-image:url(images/footer_blok2.png);
	background-repeat:no-repeat;
	text-align:center;
	font-family:Arial;
	font-size:10px;
	line-height:16px;
	color:#fff;
	padding-top:17px;
}

.footer_blok2 a{
	color:#fff;
}
.nieuws_button:hover{
	float:left;
	background-image:url(images/nieuws_button.jpg);
	background-repeat:no-repeat;
	padding-top:20px;
	height:68px;
	width:153px;
	text-align:center;
	color:#6f6f6f;
	font-size:16px;
	line-height:18px;	
}


/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	right:30px;
	top:285px;
	bottom:0px;
	color:#fff;
	background:#000;
	opacity:0.8; /* Overridden by captionOpacity setting */
	z-index:89;
	height:27px;
	padding:3px 15px 0px 15px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:-50px;
	margin-top:130px;
	background-image:url(images/prev.png);
	background-repeat:no-repeat;
	width:32px;
	height:53px;
}
.nivo-nextNav {
	right:-50px;
	margin-top:130px;
	background-image:url(images/next.png);
	background-repeat:no-repeat;
	width:32px;
	height:53px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*tabs*/
.tab_container {
	overflow: hidden;
	clear: both;
	float: left; width: 482px;
	background: #fff;
}
.tab_content {
	float:left;
	width:482;
	height:295;
}

#youtube{
	float:left;
	height:314px;
	width:652px;
	margin-left:30px;
	background-image:url(images/youtube_vak.jpg);
	background-repeat:no-repeat;
	margin-top:35px;
	padding-top:9px;
	padding-left:9px;
}

#youtube_lijn{
	float:left;
	width:157px;
	border-bottom:1px dotted black;
}

#youtube ul{
	margin:0px;
	padding:0px;
}

#youtube li{
	float:left;
	width:157px;
	border-bottom:1px dotted black;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#313131;
	padding-top:6px;
	padding-bottom:8px;
	list-style:none
}

#youtube li:hover{
	background-color:#ededed;
	cursor:pointer;
}

#youtube li span{
	color:#000;
	font-weight:normal;
}

#youtube li a{
	text-decoration:none;
	color:#0096d7;
	font-weight:bold;
}

.youtube{
	float:left;
	width:482;
	height:295;
}

label{
	float:left;
	width:60px;
	width:220px;
}

.naam input{
	float:left;
	width:200px;
}

.email input{
	float:left;
	width:200px;
}

.bericht textarea{
	float:left;
	width:335px;
	height:60px;
	font-family:arial;
	font-size:11px;
}

#verstuur{
	float:right;
	margin-top:10px;
	margin-right:5px;
	background-image:url(images/leesmeer_button.jpg);
	background-repeat:no-repeat;
	width:94px;
	height:20px;
	border:none;
	color:#fff;
}

#verstuur:hover{
	background-image:url(images/leesmeer_button_hover.jpg);
	cursor:pointer;
}

div#menu{float:left;width:941px;height:57px;margin-left:5px;margin-top:25px;padding-left:35px;background-image:url(images/menubalk.jpg);background-repeat:no-repeat;}
div#menu ul{margin:0px;padding:0px;}
div#menu ul li{ width:auto;position:relative;float:left;list-style:none;margin:0px;padding:0px;}
div#menu ul li a{float:left;margin-top:1px;color:#686868;text-decoration:none;font-size:16px;padding:19px 31px 13px 25px;border-right:1px solid white;}
div#menu ul li a:hover{color:#f37624;cursor:pointer;}

div#menu ul li ul{position:absolute; top:49px; left:0; display:none; color:#686868;}
div#menu ul.drop ul{width:180px; list-style:none; display:block; color:#686868;}
div#menu ul ul.drop li{width:180px; border-bottom:1px solid #fff; background-color:#f6f6f6;font-size:11px; background-image:none!important;  float:left; color:#686868; }
div#menu ul ul.drop li a{text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif !important; background-image:none!important; font-weight:normal;  color:#686868; width:115px; border:none; display:block; cursor:pointer}
div#menu ul ul.drop li a span{color:#686868; font-size:13px;  font-family:"Trebuchet MS"!important;  font-weight:normal; padding:0!important; cursor:pointer;}
div#menu ul ul.drop li a:hover{text-decoration:none; background-image:none!important;background-color:#f6f6f6; display:block;  }
div#menu ul ul.drop li a:hover span{color:#f37624!important;padding:0!important;background-image:none!important; font-family:"Trebuchet MS"!important;}
div#menu li:hover ul, div#menu li.over ul{display:block; color:#686868;} 
div#menu li:hover {position:relative; z-index:200; }
div#menu li:hover a{color:#686868; background:url(images/hover_bg.gif) repeat-x 0 0;}

div#menu ul li.active a{text-decoration:none; font-size:16px; line-height:20px; font-weight:normal; float:left;repeat-x 0 0; color:#686868; cursor:text;}
div#menu ul li.active a:hover{cursor:pointer; color:#f37624;}