/* CSS Automatisering */

/* BODY HTML */

.html{
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
}


	body {
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
	background-image:url(images/BG_Main.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color:#ffffff;
	margin: 0;
	text-align: center;
	
}

/* HEADERS */

	h2 {
	color: #333;
	padding-top:0px;
	font-family:"Verdana";
	font-size:13px;
	margin:0px;
 
	
	}
	
	h5 {
	color: #999999;
	padding-top:0px;
	font-family:"Verdana";
	font-size:12px;
	margin-bottom:5px;
	margin-left:25px;
	
	}


	p {
	margin-top:0px;
	padding:0px;
	}
	



/* LINKS STYLES */

	a {
	font-family:"Tahoma";
	color:#666666;
	text-decoration:none;
	border:none;
	}
	
	a:active {
	font-family:"Tahoma";
	color:#666666;
	font-weight:bold;
	}

	a:hover {
	font-family:"Tahoma";
	color:#000;
	text-decoration:underline;
	}

	a.footer {
	font-family:"Tahoma";
	color:#CC9933;
	text-decoration:none;
	}

/* CONTAINER */

	#container {
 	width: 1000px;	
	margin-left:auto;
	margin-right:auto;
 
	}
	
		.left_column{
	 float: left; width: 250px; margin-right: 20px; background:none; text-align:justify;
	}
	
	.right_column { float: left; width: 250px; margin-right: 20px; text-align:justify;
	}

/* CONTENT */

	#content {
	width:1000px;
	text-align:left;
	font-weight:normal;
 
	float:left;
 
	
	}
	
		#content_varia{
	text-align:left;
	font-weight:normal;
 
 
 padding:0px 0px 50px 0px;
	float:left;
	background:#EFEFEF;
	
	}
	
	.content {
	width: 555px;
	max-width: 555px;
	margin:25px 0px 35px 0px;
	text-align:left;
	line-height:175%;
	font-family:"Verdana";
	font-size:11px;
	float:left;
	color:#000000;
	z-index:-99;
 
	
	}
	
	.content a {
	font-family:"Verdana";
	font-size:11px;
	color:#000000;
	text-decoration:none;
	}
	
		.content_varia {
	width: 750px;
	margin:0px 0px 0px 25px;
	text-align:left;
	line-height:175%;
	font-family:"Verdana";
	font-size:11px;
	float:left;
	color:#000000;
	z-index:-99;
	
	}
 
	#quote {
	width: 233px;
	height:auto;
	float:right;
	margin:65px 2px 0px 0px;
 
	}
	
	.quote {
	 
	margin:25px 25px 25px 25px;
	text-align:left;
	line-height:150%;
	font-family:"Tahoma";
	 	
	}
	
	
	.nieuwsbrief {
	width: 233px;
	height:85px;
	float:right;
	margin:25px 2px 0px 0px;
 
	}
	
	.presentatie {
	margin:75px 0px 0px 0px;
	float:right;
	
	}
	
		#tekstheader {
	width: 300px;
	height:20px;
	margin:25px 0px 0px 25px;
	padding:0px 15px 15px 15px;
	background:#FFFFFF;
	text-align:left;
	z-index:999;
	clear:both;
	float:left;
 
	
	}
 
	
	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
	#main_content {
	width: 450px;
	height:300px;
	padding:15px 10px 30px 20px;
	margin-right:50px;
	font-family:"Tahoma";
	color:#666666;
	font-size:11px;
	text-align:left;
	line-height:125%;
	float:left;
	z-index:10;
	}
	
	#main_content_projecten {
	width: 700px;
	padding:15px 10px 30px 20px;
	margin-right:50px;
	font-family:"Tahoma";
	color:#666666;
	font-size:11px;
	text-align:left;
	line-height:125%;
	float:left;
	z-index:10;
	}
	
		#main_content_vacatures {
	width: 680px;
	height:300px;
	padding:15px 10px 30px 20px;
	margin-right:50px;
	font-family:"Tahoma";
	color:#666666;
	font-size:11px;
	text-align:left;
	line-height:125%;
	float:right;
	z-index:10;
	}
	
		.content_vacatures {
	width: 680px;
	margin-top:0px;
	
	}
	
	
	
	
	.content_projecten {
	width: 700px;
	margin-top:0px;
	
	}
	
	.content_vak {
	width: 700px;
	margin:25px 0px 25px 0px;
	padding:25px;
	border:solid 1px;
	border-color:#999999;
	background-color:#E0E0E0;
	clear:both;
	
	}
	
	.plaatje {
	margin:0px 25px 0px 0px;
	float:left;
clear:both;
	
	}
	
	
	#referenties {
	width: 200px;
	height:300px;
	padding:43px 10px 30px 20px;
	font-family:"Tahoma";
	color:#666666;
	font-size:12px;
	text-align:left;
	text-align:justify;
	line-height:150%;
	float:left;
	
	}
	.referenties  {
	width:139px;
	padding:0px 0px 10px 0px;
	}
	
	.referenties a:hover {
	width: 139px;
	border-bottom:dashed 5px;
	border-color:#A9CF36;
	
	}


	#referentie_projecten {
	width: 225px;
	height:300px;
	padding:55px 10px 30px 20px;
	font-family:"Tahoma";
	color:#666666;
	font-size:12px;
	text-align:left;
	text-align:justify;
	line-height:150%;
	float:left;
	z-index:1;
	
	}

	.content_contact {
	background-image:url(images/bg_container.jpg);
	padding:30px;
	margin-right:15px;
	font-family:"Tahoma";
	color:#666666;
	font-size:12px;
	text-align:left;
	height:auto;/* voor moderne browsers */
	min-height:100%; /* voor IE */
	}

	.content_ref {
	background-image:url(images/bg_container_ref.jpg);
	padding:20px;
	margin-right:0px;
	font-family:"Tahoma";
	color:#666666;
	font-size:12px;
	text-align:left;
	}

	.content_rechts {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:25px;
	font-family:"Tahoma";
	color:#666666;
	font-size:12px;
	text-align:left;
	}
	
	.content_ref2 {
	padding-left:10px;
	padding-right:10px;
	font-family:"Tahoma";
	color:#666666;
	font-size:12px;
	text-align:right;
	
	}	
	

	/* ROTATOR */

	#rotator {
	background: url(images/rotator/rotator.php) no-repeat top center;
	width: 235px;
	height: 150px;
	display:block;
 
	 
	}
	
/* RECENTE PROJECTEN */
#projecten {
width:700px;
height:100%;
}


.projecten {
width: 200px;
border: 1px solid #A8CF36;
margin-right: 15px;
margin-bottom: 15px;
float:left
 
 
}

.projecten img{
border:none;

}

.titel {
padding:5px 5px 5px 5px;

}

.entry {
	padding:0px 0px 0px 0px ;
	text-align:justify;
	line-height:1.75em;
	background:url(images/bg_entry.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:50px;
	font-size:12px;
	

	}
	

.entry-title {
	font-size:15pt;
	font-weight:normal;
	letter-spacing:-1px;
	}
.plaats {
	font-size:11px;
	color:#666666;
	cursor:default;
	letter-spacing:1px;
	margin:15px 0px 15px 0px;
	}
.website {
	margin-top:-1em;
	}
.website a {
	color:#FF9900;
	padding-left:20px;
	padding-right:2px;
	}
.website a:hover {
	color:#333333;
	}
.foto_hotel {
background:url(images/bg_hotels.jpg);
width:138px;
height:138px;
float:right;
clear:both;
margin-left:10px;

}

.foto_include {
padding:4px;

}


#groendaken {
width:550px;
height:150px;
border:1px;
border-color:#c5d493;
border-style:solid;
margin:20px 0px 0px 0px;
}

.groendaken {
width:520px;
height:120px;
float:left;
clear:both;
font-size:11px;
text-align:left top;
margin:15px 15px 15px 15px;
}

.groendaken p {
width:260px;

}

	.groendaken a {
	font-family:"Tahoma";
	color:#000000;
	text-decoration:none;
	border:none;
	}
	
	.groendaken a:active {
	font-family:"Tahoma";
	color:#666666;
	font-weight:bold;
	}

	.groendaken a:hover {
	font-family:"Tahoma";
	color:#000;
	text-decoration:underline;
	}

.groendak_heading {
width:275px;
float:left;
 
}

.groendak_foto {
width:240px;
height:120px;
float:right;
 
}

	
/* HEADER */

		
	#preheader {
	background:none;
	width: 1000px;
	height:145px;
 
	}
	
		#preheader_tekst  { 
		margin:10px 400px 10px 10px;
		}
	
	#preheader_tekst a {
	float:right;
	text-align:right;
	font-family:"Tahoma";
	font-size:12px;
	color:#000000;
margin:10px;
	text-decoration:none;
 
	}
	
	#preheader_tekst a:hover{
	float:right;
	text-align:right;
  
	text-decoration:underline;
 
	}

	#header {

	width:1000px;
	height:225px;
	clear:both;
	}
	
		#logos {

	width:235px;
	height:225px;
 
	float:right;
	}
	
	#foto_index {
	background-image:  ;
	display:block;
 	width:745px;
	height:225px;
 
	float:left;
	padding:0px 0px 0px 0px;
	}
	
	#foto_ontwerp {
	background-image:url(images/foto_ontwerp2.jpg);
 	width:850px;
	height:350px;
	clear:both;
 	padding:0px 0px 0px 0px;
	}
	
	#foto_aanleg {
	background-image:url(images/foto_aanleg3.jpg);
 	width:850px;
	height:350px;
	clear:both;
 	padding:0px 0px 0px 0px;
	}
	
	#foto_onderhoud {
	background-image:url(images/foto_onderhoud_2.jpg);
 	width:850px;
	height:350px;
	clear:both;
 	padding:0px 0px 0px 0px;
	}
	
		#foto_contact {
	background-image:url(images/foto_contact.jpg);
 	width:850px;
	height:350px;
	clear:both;
 
	padding:0px 0px 0px 0px;
	}
	
	#foto_tuinvaria {
	background-image:url(images/foto_tuinvaria.jpg);
 	width:850px;
	height:350px;
	clear:both;
 
	padding:0px 0px 0px 0px;
	}
	
		#foto_tuinvaria_2 {
	background-image:url(images/foto_tuinvaria_2.jpg);
 	width:850px;
	height:250px;
	clear:both;
 
	padding:0px 0px 0px 0px;
	}
	
 	#foto_tuinvanhetjaar {
	background-image:url(images/foto_tuinvanhetjaar.jpg);
 	width:850px;
	height:350px;
	clear:both;
 
	padding:0px 0px 0px 0px;
	}
 
 
	
	#menu_container {
 
	background-color:#fff;
	height:35px;
	float:left;

	}
 

	
	
	#impressie {
	background-repeat:no-repeat;
	width:950px;
	height:325px;
	padding:0px 1px 1px 1px;
	}
	
	#keuze {
	width:950px;
	height:168px;
	clear:both;
	}
	
	.keuze_links a {
	background:url(images/keuze_util.jpg);
	background-position: 0 px;
	width:474px;
	height:165px;
	padding:0px 0px 1px 1px;
	float:left;
	}
	
	.keuze_links a:hover {
	background-image:url(images/keuze_util.jpg);
	background-position: 0 -165px;
	width:474px;
	height:165px;
	padding:0px 0px 1px 1px;
		float:left;
	}
	
	.keuze_rechts a {
	background:url(images/keuze_auto.jpg);
	background-position: 0 px;
	width:474px;
	height:165px;
	padding:0px 1px 1px 0px;
	float:right;
	}
	
	.keuze_rechts a:hover {
	background-image:url(images/keuze_auto.jpg);
	background-position: 0 -165px;
	width:474px;
	height:165px;
	padding:0px 1px 1px 0px;
	float:right;
	}
	
	
/* NAVIGATIE */




	.navigatie_automatisering {
	float:left;
	width:450px;
	padding:0px 0px 10px 0px; 
 

	}

	.navigatie_automatisering a {
	font-family:"Tahoma";
	color:#666666;
	text-decoration:none;
	width:450px;

	}
	
	.navigatie_automatisering a:hover {
	font-family:"Tahoma";
	color:#A9CF36;
	text-decoration:none;
	width:450px;
	
	}
	
	
	
	
	

/* TALENKEUZE */



/* REFERENTIES */
	#referenties_ref {
	width: 175px;
	float:right;
	text-align:left;
		}

	#referenties_ref_rechts {
	width: 350px;
	float:left;
	clear:both;
	text-align:left;
		}			
		

	
	.referenties_links {
	width: 400px;
	float:left;
	vertical-align:top;
	}
		
	.referenties_rechts {
	width: 400px;
	float:right;
	vertical-align:top;
	}
	
	.referenties_right{
	width: 175px;
	height:175px;
	float:right;
	}	
		
	.referenties_foto{
	width: 175px;
	height:200px;
	float:left;
	vertical-align:top;
	}

	.referenties_foto_rechts{
	width: 175px;
	height:200px;
	vertical-align:top;
	float:left;
	}

	.referenties_2{
	width: 220px;
	height:200px;
	float:right;
	line-height:135%;
	}
	
	.ref_header {
	background:url(images/header_bg.jpg);
	width: 860px;
	height:55px;
	clear:both;
	}	

	.ref_header1 {
	width: 860px;
	height:55px;
	clear:both;
	}
	
/* FOOTER Bleu rivage */
	

	.footer_bleu {
		bottom: 0px; /* heel belangrijk */
	width:954px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center
	}
	
	.footer_samenwerking {
	font-family:"Verdana";
	font-size:9px;
	text-align: center;
	color:#000;
	height:25px;
	margin:0px 10px 0px 0px;
	}
	
	.footer_bleu a {
	font-family:"Verdana";
	font-size:9px;
	text-align:left;
	color:#999999;
	text-decoration:none;
	}
	
	.footer_bleu a:hover {
	font-family:"Verdana";
	font-size:9px;
	text-align:left;
	color:#333333;
	}


/* FOOTER */
	
	#footer {
	width:1000px;
	height:25px;
	margin: 50px 0px 0px 0px;
	background:url(images/Footer.jpg);
	background-repeat:no-repeat;
	clear:both;
 

	}
	
	.switch a {
	background:url(../algemeen/switch_util.jpg);
	background-position: 0 0px;
	width:150px;
	height:30px;
	float:right;
	}
	
	.switch a:hover {
	background:url(../algemeen/switch_util.jpg);
	background-position: 0 -30px;
	width:150px;
	height:30px;
	float:right;
	}
	
	.taal_nl a {
	background:url(../algemeen/switch_NL.jpg);
	background-position: 0 0px;
	width:50px;
	height:30px;
	float:left;
	}
	
	.taal_nl a:hover {
	background:url(../algemeen/switch_NL.jpg);
	background-position: 0 -30px;
	width:50px;
	height:30px;
	float:left;
	}	
	
	.taal_eng a {
	background:url(../algemeen/switch_ENG.jpg);
	background-position: 0 0px;
	width:50px;
	height:30px;
	float:left;
	}
	
	.taal_eng a:hover {
	background:url(../algemeen/switch_ENG.jpg);
	background-position: 0 -30px;
	width:50px;
	height:30px;
	float:left;
	}
	
	.links  {
	font-family:"Verdana";
	width:500px;
	height:20px;
	padding:7px 0px 0px 70px;
	float:left;
	font-size:11px;
	text-align:left;
	color:#CCCCCC;
	}
	
		.links a {
	font-family:"Verdana";
	float:left;
	font-size:11px;
	text-align:left;
	padding-right:15px;
	color:#CCCCCC;
	}
	
		.links a:hover {
	font-family:"Verdana";
text-decoration:none;
	float:left;
	font-size:11px;
	text-align:left;
	color:#FFFFFF;
	}
	
	
/* CERTIFICERING */
	
	#certificering {
	background:none;
	width:948px;
	height:50px;
	clear:both;
	padding:0px 1px 2px 1px;

	}
	
	.metaalunie a {
	background:url(../algemeen/metaalunie.gif);
	background-position: 0 0px;
	width:81px;
	height:25px;
	float:right;
	}
	
	.metaalunie a:hover {
	background:url(../algemeen/metaalunie.gif);
	background-position: 0 -25px;
	width:81px;
	height:25px;
	float:right;
	}
	
/* MENU */

	
	
	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
 

/* POST_IT */
	.postit {
	background:url(images/postit_hosting.jpg);
	z-index:2;
	width:180px;
	height:200px;
	float:right;
	margin-right:5px;
	}

/* SITEMAP */

	.sitemap a {
	font-family:"Tahoma";
	font-size:10px;
	color:#999999;
	float:left;
	margin:15px 5px 15px 0px;
	text-decoration:none;
	text-transform:uppercase;
	}
	

/* HOEKJE BOVEN */

	.2007 {
	z-index:1;
	position:absolute;
	width:250px;
	height:250px;
	float:left;
	left: 748px;
	top: 28px;
	}
	
/* HOEKJE BOVEN */

	.volgende {
	background: transparent url(images/volgende.jpg);
	width:60px;
	height:72px;
	float:right;
	display:block;
	}
	
	.volgende:hover{
	background: transparent url(images/volgende_over.jpg);
	width:60px;
	height:72px;
	float:right;
	display:block;
	}

/* FORMULIEREN */

.text {
font-size:11px;
color:#000000;
text-align:left;

}

input.verstuurknop {
width: 98px;
height: 37px;
background: transparent url(images/submit.jpg) no-repeat;
outline: none;
border: none;
cursor : pointer;
}
input.verstuurknop:hover {
background: transparent url(images/submit.jpg) no-repeat 0 -37px;
}

input.text {
border: 1px;
color:#666666;
font-family:"Tahoma";
border-color:#999999;
border-style:dotted;

}
textarea {
border: 1px;
color:#666666;
font-family:"Tahoma";
border-color:#999999;
border-style:dotted;

}

select {
border: 1px;
color:#333333;
font-family:"Tahoma";
border-color:#999999;
border-style:dotted;

}

.lijn {
background-image: url(images/contact_bg.jpg);
background-repeat:repeat-y;
}
	
/* HOSTING TABEL */

	.hosting_tabel {
	background:url(images/bg_hosting.jpg);
	font-size:12px;
	color:#333333;
	}
	
	.hosting_tabel td {
	border-bottom:dashed;
	border-color:#CCCCCC;
	border:1px;
	padding:3px;
	}
	
	.hosting_tabel_bestel {
	background:url(images/bg_hosting_bestel.jpg);
	font-size:12px;
	color:#333333;
	}
	
	.hosting_tabel_bestel td {
	border-bottom:solid;
	border-color:#F3F3F3;
	border:1px;
	padding:3px;
	}

/* werkzaamheden */

.diensten {
 
	clear:right;
	margin:70px 25px 0px 0px;
	float:left;
	width:165px;
	}
 

div.diensten ul {
 width:170px;
 letter-spacing:1px;
	
	
	}
	
div.diensten li {
	 
 	text-align:left;
 	display:block;
	}

div.diensten li a {
 
	color:#666666;
	padding:5px 0px 5px 20px;
	text-decoration:none;
	border-bottom:1px;
	border-color:#666666;
	height:15px;
	font-size:12px;
	text-align:left;
}
div.diensten a#current {
	background: #666; color: #FFF;
}
div.diensten li a:hover {
	background-image:url(images/BG_Menu.jpg);
	color:#000000;
  	text-align:left;
 
}

div.diensten .current a {
	 
	color: #333333;
	text-decoration:none;
	font-weight:bold;
}

 
.fontsize {
border:0;
width:170px;
float:right;
text-align:right;
padding:10px 10px 0px 20px;
clear:both;
}

//* LIGHTBOX */

.lightbox  {
padding:5px;
background:#FFFFFF;
border:none;
margin:3px;
z-index:100;

}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 500px;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#TJK_ToggleON,#TJK_ToggleOFF {display:none}



/* MENU */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 



#gallery {position:relative; width:900px; padding: 0px 20px 20px 20px;  }
#thumbs {width:130px; float:left; padding:55px 0px 0px 0px;}
#thumbs a {display:block; float:left; margin:0 5px 5px 0px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd; background:url(referenties/BG_Ref.jpg);}
#thumbs a:hover img {position:absolute; width:auto; height:auto; left:165px; top:0; border:1px solid #333;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#lists {
width:950px;
padding: 0px 0px 0px 0px;
list-style:none; 
position:relative; 
float:left; 
background:#A9CF36;
z-index:0;
text-transform:uppercase;
color:#000000;


} 



#lists li {
display:inline; 
float:left;
height:25px; 
font-family: "Tahoma";
font-size:10px;

}

/* Hoofdmenu bovendste balk */
#lists li a.tl {
display:block;
width:130px; 
height:20px; 
padding: 5px 0px 0px 0px;
text-decoration:none; 
border-right:solid 1px #FFFFFF;
color:#000; 
font-size:10px;
}

#lists div {
display:none;
padding-bottom:5px;

}

#lists li a:hover {
text-decoration:none;
white-space:normal; 
background:#94B62C;
color:#FFFFFF;
}

#lists li:hover > a {
text-decoration:underline; 
 }

/* uitvalscherm */
#lists :hover div {
display:block; 
background:#faebd7; 
position:absolute; 
top:25px;
border:solid 1px #FFFFFF;

}

#lists :hover div.pos2 {
background:#f0f5ee;


}

#lists .two:hover {
position:relative;


}

#lists .single:hover {
position:relative;

}

#lists .two:hover div.pos3 {
background:#A9CF36; 
width:261px;
color:#fff;

}

#lists .single:hover div.pos4 {
background:#A9CF36; 
width:130px;
color:#fff;
}


#lists :hover div dl {
display:inline; 
margin:0px 0px 0px 0px;
padding:0px; 
float:left; 
width:130px;
text-decoration:none;

}

/* Sub headings zoals Gatemaster en Brandwerend */
#lists .two:hover div dl dt {
width:120px; 
background:#0099CC; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px ;
text-decoration:none;
height:20px;
line-height:20px;
text-align:left;
}

#lists .single:hover div dl dt {
width:120px;
background:#0099CC; 
margin:0px 0px 0px 0px;
padding: 0px 0px  0px  10px ;
text-decoration:none;
height:20px;
line-height:20px;
text-align:left;

}

#lists .single:hover div {
left:-1px;

}


#lists .two:hover div {
left:-1px;

}

#lists .two:hover div dl {
width:130px; 

}

#lists .two:hover div dl dt {
width:120px;
margin: 5px 0px 0px 5px;

}

#lists .single:hover div dl {
width:120px;
}

#lists .single:hover div dl dt {
width:120px;
}

#lists :hover div dl dd {
padding:0px; 
margin:0px;
}

#lists :hover div dt a {
text-decoration:none; 
cursor:default; 
font-weight:normal; 
color:#fff;


}

/* sub links */
#lists .two:hover div dd a {
display:block; 
text-decoration:none;
text-align:left;
font-size:10px;
margin: 5px 0px  0px  5px ;
padding: 4px 0px  0px  5px ;
color:#333333;
height:16px;
width:120px;

}

#lists .single:hover div dd a {
display:block; 
text-decoration:none;
text-align:left;
font-size:10px;
margin: 5px 0px  0px  0px ;
padding: 4px 0px  0px  10px ;
color:#333333;
height:16px;
width:120px;
}

#lists :hover div dd a:hover {
text-decoration:none;
}

#lists .clear {
clear:both;
}

/* Nieuws */

.nieuws {
	padding:0px 0px 10px 0px ;
	text-align:justify;
	background:url(images/BG_Nieuws.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px 0px 20px 0px;
	font-size:12px;
	color:#999999;
	}
	

.nieuws-title {
	font-size: 17px;
	font-weight:normal;
	letter-spacing:0px;
	color:#999999;
	padding: 0px 0px 20px 0px;
	}
	
.date {
padding: 25px 0px 0px 0px;
	font-size:10px;
	color:#999999;
	letter-spacing:1px;
	}
.comments {
	margin:-1em 0px 5px 95px;
	

	}
.comments a {
	color:#FFFFFF;
	
	}
.comments a:hover {
	color:#FFFF33;
	}

.bron {
	margin:opx 0px 5px 0px;
	color:#999999;
	width:80px

	}
	
.foto {
background:url(images/BG_Foto.jpg);
background-repeat:no-repeat;
width:143px;
height:58px;
float:left;
margin:5px 10px 0px 0px;

}

.foto_include {
padding:4px 4px 4px 4px;

}

/* Mootools */

#accordion {
	margin:20px 0px 0px 0px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;

	 
	line-height:120%;
}

 
  


div.element p, div.element h4 {
	margin:0px 0px 20px 0px;
	padding:0px;


	
}

blockquote {
	padding:5px 20px;
}

.toggler {

margin:0px 0px 0px 0px;
}
 
 

 .ul h3 {
	font-family: "Verdana";
	font-size:12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;

}
 
 

 

 
 

h5 {
	font-size: 20px;
}

 

#main {
	margin: .5em 20px 0 20px;
	border-top: 1px solid #000;
	text-align: left;
	padding: 20px 0 20px 0;
}

#left {
	float: left;
	width: 140px;
	margin: 0 20px 14px 0;
	background-color: #DCDCDC;
	border: 3px double #FFF;
	font-size: 10px;
	line-height: 1.4em;
}

.gutter {
	margin: 10px;
}

#right {
	float: right;
	width: 120px;
	margin: 0 0 14px 20px;
}

#center {

}

#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}

/* MENU */
 
	
	.menu {
	background-color:#EFEFEF;
	padding:0px 25px 0px 0px ;
	float:right;
	text-align:right;
 	}


.menu a {
 
text-transform:uppercase;
 
}

.menu a:hover {
color:#FFFFFF;
text-decoration:none;
 
}

.menu_item  {
	float: right;
 	width:100px;
	text-align:right;
	margin:5px 0px 0px 0px;
 

}
.menu_item a:hover  {
	float: left;
	clear:right;
	text-align:center;
 
	background-image:url(images/hover.gif);

}

.menu_item_last {
	float: left;
	clear:right;
	text-align:center;
 
	}
	
	.menu_item_last a:hover {
		float: left;
	clear:right;
	text-align:center;}
	
	.lijn {
	height:200px;
	width:2px;
	background-color:#CCCCCC;
	float:left;
	margin:50px 73px 0px 0px;
}

#background_home {width:850px; height:250px; background:url(images/foto_tuinvaria_2.jpg); background-repeat:no-repeat; }
#background_tuinkunst {width:850px; height:250px; background:url(images/foto_tuinvaria_tuinkunst.jpg); background-repeat:no-repeat; }
#background_tuinmeubilair {width:850px; height:250px; background:url(images/foto_tuinvaria_tuinmeubilair.jpg); background-repeat:no-repeat; }
#background_vogelsindetuin {width:850px; height:275px; background:url(images/foto_vogelsindetuin.jpg); background-repeat:no-repeat; }
#background_vlindersindetuin {width:850px; height:275px; background:url(images/foto_vlindersindetuin.jpg); background-repeat:no-repeat; }
#background_ongedierte {width:850px; height:275px; background:url(images/foto_ongedierte.jpg); background-repeat:no-repeat; }
#background_vlindersindetuin {width:850px; height:275px; background:url(images/foto_vlindersindetuin.jpg); background-repeat:no-repeat; }
#background_vlindersindetuin {width:850px; height:275px; background:url(images/foto_vlindersindetuin.jpg); background-repeat:no-repeat; }

#background_dagopvang {width:850px; height:275px; background:url(images/headers/Header_dagopvang_index.jpg); background-repeat:no-repeat; }
#background_dagopvang_babygroep {width:850px; height:275px; background:url(images/headers/Header_dagopvang_babygroep.jpg); background-repeat:no-repeat; }
#background_dagopvang_0_4jaar {width:850px; height:275px; background:url(images/headers/Header_dagopvang_0_4jaar.jpg); background-repeat:no-repeat; }
#background_dagopvang_dreumesgroep {width:850px; height:275px; background:url(images/headers/Header_dagopvang_dreumesgroep.jpg); background-repeat:no-repeat; }
#background_dagopvang_peutergroep {width:850px; height:275px; background:url(images/headers/Header_dagopvang_peutergroep.jpg); background-repeat:no-repeat; }
#background_dagopvang_3_groep {width:850px; height:275px; background:url(images/headers/Header_dagopvang_3_groep.jpg); background-repeat:no-repeat; }

#background_bso_index {width:850px; height:275px; background:url(images/headers/Header_bso_index.jpg); background-repeat:no-repeat; }
#background_bso_4_7 {width:850px; height:275px; background:url(images/headers/Header_bso_4_7.jpg); background-repeat:no-repeat; }
#background_bso_8 {width:850px; height:275px; background:url(images/headers/Header_bso_8.jpg); background-repeat:no-repeat; }
#background_bso_4_13 {width:850px; height:275px; background:url(images/headers/Header_bso_4_13.jpg); background-repeat:no-repeat; }

#background_inschrijving_plaatsing {width:850px; height:275px; background:url(images/headers/Header_inschrijving_plaatsing.jpg); background-repeat:no-repeat; }
#background_kosten {width:850px; height:275px; background:url(images/headers/Header_kosten.jpg); background-repeat:no-repeat; }
#background_inschrijfformulieren {width:850px; height:275px; background:url(images/headers/Header_inschrijfformulieren.jpg); background-repeat:no-repeat; }
#background_contact_informatie {width:850px; height:275px; background:url(images/headers/Header_contactinformatie.jpg); background-repeat:no-repeat; }

#background_nieuws {width:850px; height:275px; background:url(images/headers/Header_nieuws.jpg); background-repeat:no-repeat; }

#background_locaties {width:850px; height:275px; background:url(images/headers/Header_locaties.jpg); background-repeat:no-repeat; }
#background_vacatures {width:850px; height:275px; background:url(images/headers/Header_vacatures.jpg); background-repeat:no-repeat; }
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop11.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(tab.png.gif);}
.preload2 {background: url(tabb_on.png.gif);}

.menu_container {width:850px;}

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;   }
.menu2 li.top {display:block; float:left; padding:12px 0px 0px 0px;  height:40px; font-size:14px; font-weight:bold; text-align:left; color:#333;}

.menu2 li.top a {display:block; float:left; padding:0px 45px 0px 0px; height:40px; color:#333; text-decoration:none; font-size:14px; text-align:left; font-family:arial, verdana, sans-serif; }

.menu2 li.top a:hover {display:block; float:left; padding:0px 45x 0px 0px; height:40px; color:#333; text-decoration:none; font-size:14px; text-align:left; font-family:arial, verdana, sans-serif; }




.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */





.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:-10px; top:40px; white-space:nowrap; width:170px; height:auto; z-index:300; }
.menu2 :hover ul.sub li {display:block; height:40px; float:left; width:170px; font-weight:normal;  background: url(images/BG_Menu_blauw.png);}
.menu2 :hover ul.sub li.fly {background: url(images/BG_Menu_blauw.png); }

.menu2 :hover ul.sub li a {display:block; position:relative; height:20px; width:135px; line-height:35px; text-indent:10px; color:#FFFFFF; text-decoration:none; font-size:11px; text-transform:uppercase; }
.menu2 :hover ul.sub li a:hover {color:#FFFFFF; font-weight:bold;}

.menu2 :hover ul.sub :hover > a {color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:135px; top:0; white-space:nowrap; width:135px; z-index:400; height:auto; }

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(images/BG_Menu_blauw.png); }

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(images/BG_Menu_blauw.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; margin-left:20px; background:url(images/BG_Menu_blauw.png)}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(images/BG_Menu_blauw.png);}