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

* {
padding:0;
margin:0;
outline:none;
}

body {
background:#f1f1f1;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}

 a:link, a:visited{
color:#000;
text-decoration:none;}

a:hover, a:active {
color:#7ac142	
}


#container{
width:1008px;
margin-left: auto;
margin-right: auto;	
background:#ffffff;
}
#wrapper {
width:940px;
margin-left:34px;
background:#ffffff;
overflow:hidden;
height:auto;

}

#header {
height:90px;
float:left;
width:940px;	
background:#fff;
}

.logo {	
float:left;
margin-top:20px;	
width:324px;}

.menu {
width:614px;
float:left;	
padding-bottom:15px;
height:76px;	
border-bottom:1px solid #d0d0d0;
}
.menu ul.navhoofd {
list-style:none;
float:left;
margin-top:60px;
font-size:11px;
margin-left:140px;	
width:260px;
}
.menu ul.navhoofd li {
display:inline;
float:left;	
padding-left:15px;
}
.menu ul.navhoofd li a{
color:#000;
text-decoration:none;}

.menu ul.navhoofd li a:hover, .menu ul.navhoofd li a:active, .menu ul.navhoofd li.selected  {
color:#7ac142	
}

.header_right {
float:left;
width:200px;	
padding:0px;
margin:0px;
height:86px;
}
.header_right ul.flags{
list-style:none;	
margin-top:25px;
height:35px;
padding:0;
margin-left:90px;

}
.header_right ul.flags li{display:none;
overflow:hidden; text-indent:-9999px;  float:left;padding-left:15px;}
.header_right ul.flags li a{background:url('../images/flags.png') no-repeat; width:100%; height:35px; display:block;}
.header_right ul.flags li.nl {
width:21px;
height:15px;	
}
.header_right ul.flags li.nl a {
background-position:0 0;}
.header_right ul.flags li.nl {
width:21px;
height:15px;	
}
.header_right ul.flags li.eng a {
background-position:-21px 0;}
.header_right ul.flags li.eng {
width:21px;
height:15px;	
}
.header_right ul.flags li.du a {
background-position:-42px 0;}
.header_right ul.flags li.du {
width:21px;
height:15px;	
}
.header_right .zoekform{
list-style:none;
float:left;	
padding:0px;
margin-left:15px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;}
.header_right .zoekform li {
display:inline;
float:left;	
padding:0px;
margin:0px;
}
.zoekform .input {
border:1px solid #d0d0d0;	
float:left;
padding:2px;
color:#9b9b9b;}
.zoekform .submit {
border:1px solid #d0d0d0;	
float:left;
padding:2px;
background:#d0d0d0;
height:20px;
margin-top:0px;
}

.input2 {
	border:1px solid #d0d0d0;	
padding:2px;
color:#9b9b9b;
}
.submit2 {
display:inline;	
border:1px solid #d0d0d0;	
padding:2px;
background:#d0d0d0;
height:22px;
}
#main {
margin-top:30px;
width:940px;
float:left;	
background:#fff;
}

#left {
width:186px;
float:left;
background:#fff;
min-height:450px;
height:auto;}

.left_top{
width:186px;
height:275px;
}
.left_bottom{
width:186px;
margin-top:22px;	
}
.left_bottom h1 {
color:#7ac142;
font-size:13px;		
}
.menuleft2 {
margin-top:36px;
list-style:none;
width:186px;
padding:0;}

.menuleft2 li{overflow:hidden;margin-bottom:5px;}
.menuleft2 li a{background:url('../images/menu_left.png') no-repeat; width:100%; height:30px; display:block;}

		/* Home Button */
			.menuleft2 li.club{width:186px; height:30px;}
		 	.menuleft2 li.club a{background-position:0px -209px;}
		 	.menuleft2 li.club a:hover{background-position:-186px -209px;}
		    .menuleft2 li.club a:active{background-position:-186px -209px;}
			.menuleft2 li.club a.selected{background-position:-186px -209px;}
					/* Home Button */
			.menuleft2 li.login{width:186px; height:30px;}
		 	.menuleft2 li.login a{background-position:0px -241px;}
		 	.menuleft2 li.login a:hover{background-position:-186px -241px;}
		    .menuleft2 li.login a:active{background-position:-186px -241px;}
			.menuleft2 li.login a.selected{background-position:-186px -241px;}
	

li.home{width:186px; height:30px; background:url('../images/menu_left.png') no-repeat; background-position:0px 0px;}
li.overons{width:186px; height:30px; background:url('../images/menu_left.png') no-repeat; background-position:0px -32px;}
li.producten{width:186px; height:30px; background:url('../images/menu_left.png') no-repeat; background-position:0px -64px;}
li.projecten{width:186px; height:30px; background:url('../images/menu_left.png') no-repeat; background-position:0px -96px;}
li.scholing{width:186px; height:30px; background:url('../images/menu_left.png') no-repeat; background-position:0px -128px;}
					
ul.dropdown li.projecten:hover{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -96px;}

ul.dropdown li.scholing:hover{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -128px;}

ul.dropdown li.home:hover{
background:url('../images/menu_left.png') no-repeat; background-position:-186px 0px;}

ul.dropdown li.overons:hover{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -32px;}

ul.dropdown li.producten:hover{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -64px;}


ul.dropdown li.projectenselected{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -96px;}

ul.dropdown li.scholingselected{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -128px;}

ul.dropdown li.homeselected{
background:url('../images/menu_left.png') no-repeat; background-position:-186px 0px;}

ul.dropdown li.overonsselected{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -32px;}

ul.dropdown li.productenselected{
background:url('../images/menu_left.png') no-repeat; background-position:-186px -64px;}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 11;
 width: 100%;
 background:#fff;
}
ul.dropdown ul li {
 float: none;
 background:#d0d0d0;
 color:#fff;
  width:183px;
 text-indent:0px;
 font-size:12px;
 cursor:pointer;
 border-left:3px solid #fff;

}

ul.dropdown ul li a{
 color:#fff;
 display:block;
 height:30px;
 font-weight:bold;
 margin-left:6px;
 padding-top:6px;
}

ul.dropdown ul li:hover{
background:#74bd3a;
 color:#fff;
 display:block;
 font-weight:bold;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;

}

ul.dropdown ul ul li {
border-left:3px solid #fff;
width:180px;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
width: 186px;
}
ul.dropdown-vertical ul {
 top: 0px;
 left:99%;
}
ul.dropdown-vertical li {
 float: none;
}
	
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown-vertical li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 width:100%; height:30px; display:block;margin-bottom:5px;text-indent:-9999px;}


ul.dropdown li:hover {
 position: relative;
 z-index: 10;
 cursor: default;
}


.1, .2, .3 {
cursor:pointer;	
}
.menuonder {
padding-top:14px;	
font-size:12px;
}
.menuonderselected {
font-weight:bold;
color:#75bd3a;	
}
.submenu {
list-style:inside;
margin-left:10px;
list-style-type:square;	
color:#000;
}
.sub2, .sub1, .sub3 {
color:#000;	
}
#right {
width:740px;
float:left;	
margin-left:12px;
positioN:relative;
z-index:0;}

.righttop {
width:740px;
float:left; height:269px;}

.middleheader {
float:left;
width:486px;
height:269px;
border:1px solid #7ac142;
position:relative;
z-index:2;	
}

.news_block {
float:left;
background:url(../images/nieuws_vak.png);
width:241px;
height:271px;
margin-left:0px;
position:relative;
left:11px;
}
.news_block img {
float:left;
margin-left:15px;	
margin-top:15px;
}
.archief {
margin-top:15px;
padding-left:45px;	
float:left;
}
.archief a{
font-size:12px;
color:#fff;
font-weight:bold;
}

.rightmiddle {
margin-top:15px;
float:left;
width:740px;
background:url(../images/main_bg.png);
min-height:350px;
height:auto;
overflow:hidden;
}
.contentvak {
float:left;
width:488px;	
}

.content p {
margin-top:12px;
margin-bottom:12px;	
}

.content {
width:488px;
float:left;	
margin-top:13px;
font-size:12px;
overflow:hidden;
height:auto;
min-height:360px;
}
.content h1{
color:#7ac142;
font-size:13px;	
}
.content h2{
color:#7ac142;
font-size:12px;	
margin-bottom:0px;
}
.fotoalbum {
margin-top:10px;
width:488px;
float:left;
min-height:80px;
overflow:hidden;	
}
.fotos {
list-style:none;
width:488px;	
}

.foto {
float:left;
width:107px;
height:70px;
margin-right:10px;
margin-bottom:10px;	
}

.foto img {
border:1px solid #7ac142;	
}

.projectlist {
list-style:none;
width:488px;
float:left;
min-height:260px;
height:auto;
overflow:hidden;	
}

.projectlist li {
float:left;
width:125px;
height:125px;
margin-right:10px;
margin-bottom:10px;	
}

.projectlist li img {
border:1px solid #7ac142;	
}
.archiefoverzicht {
padding-bottom:20px;
border-bottom:1px solid #7ac142;	
list-style:none;
padding-top:12px;
width:475px;
height:125px;
}
.archiefoverzicht li.leftul {
float:left;
margin-right:12px;
width:150px;
height:100px;
}
.archiefoverzicht li.rightul {
float:left;
width:300px;
height:100px;
}
.archiefoverzicht a {
float:right;	
}
.searchresults {
margin-top:12px;	
}
.searchresults h2{
color:#7ac142;
font-size:12px;	
}
.searchresults hr {
margin-top:12px;
margin-bottom:12px;
color: #7ac142;
background-color: #7ac142;
      height: 1px;
	  border:0px;
	
}

hr {
margin-top:12px;
margin-bottom:12px;
color: #7ac142;
background-color: #7ac142;
      height: 1px;
	  border:0px;
}
.content_footer{
float:left;
background:url(../images/content_footer.png);	
width:488px;
height:106px;
margin-top:2px;}

#other_block {
margin-left:12px;
margin-top:12px;
float:left;
width:240px;
height:auto;
overflow:hidden;}

.title {
margin-left:11px;
}

.movieblock{
margin-top:5px;
width:207px;
height:155px;
margin-left:15px;
padding-bottom:10px;
border-bottom:1px solid #aaaaaa;	
}
.title2{
border-top:1px solid #e2e2e2;
margin-left:15px;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #aaaaaa;	
}

.title3{
border-top:1px solid #e2e2e2;
margin-left:15px;
padding-top:15px;
}

#footer {
float:left;
margin-left:0px;
margin-top:15px;
border-top:1px solid #d0d0d0;
float:left;
width:740px;
font-size:11px;	
margin-bottom:10px;
}

.footerleft {
float:left;
width:300px;	
}

.footerright {
margin-top:10px;
float:right;
}
.navleft {
float:left;
height:106px;
width:22px;	
}
.navleft img{
margin-top:50px;
margin-left:5px;
cursor:pointer;	
}
.navright  img{
margin-top:50px;
margin-left:5px;
cursor:pointer;	
}
.navmidden {
float:left;
width:444px;
height:106px;
}
.navmidden h1 {
color:#fff;
padding-top:2px;
font-size:12px;}

.navmidden a {
color:#fff;

}
.project {
width:444px;
margin-top:0px;
float:left;	
}
.project ul {
list-style:none;	
}
.project ul li {
float:left;
margin-left:20px;
margin-right:20px;
margin-top:10px;	
}
.project img {
border:1px solid #7ec248;	
}
.navright {
float:right;
height:106px;
width:22px;	}

.news {
width:200px;
font-size:12px;
float:left;
margin-left:20px;
margin-top:20px;	
}
.news h1 {
font-size:12px;
font-weight:bold;
margin-bottom:15px;	
}

.news p {
height:120px;
overflow:hidden;	
}

.news a {
color:#000;	
}

.newsletterblock {
margin-top:15px;
margin-left:15px;
font-size:12px;	
width:200px;
}

.newsletterform {
list-style:none;	
margin-top:20px;	

}
.newsletterform .input {
border:1px solid #fff;
padding:2px;
margin-top:5px;
float:left;
width:200px;
}
.newsletterform .submit {
border:1px solid #d0d0d0;
background:#d0d0d0;	
float:right;
font-weight:bold;	
}

#contact-form{
margin-top:10px;
width:450px;
text-align:left;
font-size:12px;
list-style:none;
}

#contact-form li {
list-style:none;
}
#contact-form label{
float:left;	
width:130px;
margin-right:30px;
}
#contact-form input[type="text"]   { width:200px;border:1px solid #7ec248;padding:5px;-moz-border-radius:4px; margin-bottom:10px; background:#fff;margin-right:5px;}

#contact-form textarea{
width:200px;border:1px solid #7ec248;padding:5px;-moz-border-radius:4px;  padding:5px; background:#fff; }


#contact-form em {
color:#7ec248;	
}
.button {
border:1px solid #fff;
background:#fff;	
font-weight:bold;
cursor:pointer;	
}
.message2 {
margin-bottom:10px;
}
#contact-form li.special {display:none;}
#nieuwsbriefform li.special {display:none;}

.success2 {
font-size:12px;
color:red;	
}

.sitemap {
width:120px;
margin-right:15px;
float:left;
list-style:none;	
margin-bottom:20px;
}
.sitemap {
display:block;	
}

.landkaart {
background:url(../images/landkaart.png);
width:353px;
height:423px;
float:left;
margin-bottom:20px;	
}
.groningen{position:relative;top:33px;left:305px; border:0px}
.friesland{position:relative;top:55px;left:125px;border:0px}
.drenthe{position:relative;left:140px;top:90px;border:0px}
.flevoland{position:relative;left:-25px;top:150px;border:0px}
.overijssel{position:relative;left:10px;top:160px;border:0px}
.gelderland{position:relative;left:235px;top:185px;border:0px}
.utrecht{position:relative;top:170px;left:80px;border:0px}
.noord-holland{position:relative;top:100px;left:-100px;border:0px}
.zuid-holland{position:relative;top:200px;left:-200px;border:0px}
.noord-brabant{position:relative;top:200px;left:130px;border:0px}
.zeeland{position:relative;top:270px;left:-50px;border:0px}
.limburg{position:relative;top:265px;left:80px;border:0px}


.vraag {
float:left;
min-height:300px;
margin-bottom:20px;
}
.vraag h2 {	
margin-top:20px;
cursor:pointer;
color:#000;
}
#vraag {

overflow:hidden;}