@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin:0;
	line-height: 1.6em;
	color: #323232;
}
a:link {color:#d90359;text-decoration: underline;}
a:visited {color:#d90359;text-decoration: underline;}
a:active {color:#d90359;text-decoration: underline;}
a:hover {color:#d90359;text-decoration: none;}

H1 {}
H2 {margin:0;}
H3 {color:#d90359;margin:0;}


INPUT {border: 1px solid #CCC;height: 20px;width: 180px;color: #787878;}
FIELDSET {border: none;}

#container {

width: 960px;
margin:0 auto;
}

#header {
	height: 129px;
	}
	#logo {
	width: 226px;
	padding-top: 55px;
	float:left;	
	}
	
	#headerrechts {
	float: right;
	width: 680px;

	background:url(../images/back_stippelboven2.gif) no-repeat;
	position:relative;
	}
		#zoek {width:680px; height: 43px;text-align:right;padding-top: 10px;}
		
		
				
				
		 #mainmenu {width: 736px; margin: 0 0 0 -56px;height: 32px;font-size: 110%;  background: url("../images/back-navigatie-kl.png") no-repeat;}
 	 #mainmenu ul {
        list-style: none;
        padding: 0;
		margin:0;
        margin-left: 116px;	
        } 
		
		#mainmenu li {
    float: left;
    
    } 
	#mainmenu li a {
    background: url("../images/back-navigatie-kl2.jpg") 0 0 #FFFFFF;
  	color: #000;
    height: 32px;
    line-height: 30px;
    float: left;
    width: 123px;
    display: block;   
    text-decoration: none;
    text-align: center;
} 
	
	#mainmenu li a:visited {
    background: url("../images/back-navigatie-kl2.jpg") 0 0 #FFFFFF;
  	color: #000;
    height: 32px;
    line-height: 30px;
    float: left;
    width: 123px;
    display: block;   
    text-decoration: none;
    text-align: center;
}

	
	#mainmenu li a:active {
		background-position: 0 -32px;
		color: #d90359;
	}
	
	#mainmenu li a:hover {
		background-position: 0 -32px;
		color: #d90359;
	}		
				
				
				
				
				
		#subnavlist {
    margin:10px 0 0 -42px;
    list-style:none;
}
#subnavlist a {
    display:block;
    width:195px;
    color:#000;
    text-decoration:none;
    background:url("../images/subnav_back.jpg") no-repeat;
    padding:7px 10px 6px 10px;
	border-top: 1px dotted #cbcbcb;
}
#subnavlist li ul {display:none;}
#subnavlist a:hover { 
    background-position:0 -29px;
    color: #d90359;
}
#subnavlist a:active {
    background-position:0 -30px;
    color:#d90359;
}
		
	#subnavlist li.active a {font-weight: bold;background-position:0 -30px;}
	#subnavlist li.active a:before {content: >;}
	#subnavlist li.active ul {display:block;}	
		
		
		
		
		
		.subnavigatie {width:215px;border: 1px solid #cbcbcb; padding: 5px 0 0 5px; margin-bottom: 30px;}

		/*.subnavigatie UL {list-style:none; margin:10px 0 0 -42px;}
		.subnavigatie LI { width: 211px; height: 20px;padding: 10px 0 0 0;border-top: 1px dotted #cbcbcb; }
		.subnavigatie LI a:link{color: #787878;text-decoration:none;display:block; background:url(../images/case_home_footer.jpg) 0 -11px; width: 215px; }
		.subnavigatie LI a:active{color: #787878;text-decoration:none;display:block; background:url(../images/case_home_footer.jpg) 0 -11px; width: 215px; height: 33px;}
		.subnavigatie LI a:visited{color: #787878;text-decoration:none;display:block; background:url(../images/case_home_footer.jpg) 0 -11px; width: 215px; }
		.subnavigatie LI a:hover{color: #787878;text-decoration:underline;width: 215px;}*/
			
			
			#child-subnavlist {margin-left: -20px;list-style-type:none;}
				#child-subnavlist li a:link{border-top:none;background:none;font-weight:normal;}
				#child-subnavlist li a:active {border-top:none;background:none;font-weight:normal;}
				#child-subnavlist li a:visited {border-top:none;background:none;font-weight:normal;}
				#child-subnavlist li a:hover {border-top:none;background:none;font-weight:normal;}


		
		#kruimelpad {height: 18px;  padding: 15px 0 0 13px;font-size: 90%;}
			#kruimelpad a:link {color: #787878; text-decoration: none;}
			#kruimelpad a:visited {color: #787878; text-decoration: none;}
			#kruimelpad a:active {color: #787878; text-decoration: none;}
			#kruimelpad a:hover {color: #787878; text-decoration: underline;}
			
			.B_currentCrumb {color: #d90359;}
	

#contentcontainer {
	min-height: 362px;
	/* border-bottom: 2px dotted #cbcbcb;*/
	display: block;
	}
	
	#content {
	min-height: 330px;
	
	 }
	
	 	
		.ct_home {margin-top: 25px;}
		.ct_hoofdproduct {border: 1px solid #cbcbcb;}
		#contentcontainer.ct_algemeen {border-bottom: none;position:absolute;float:left;height: auto;}
		
		

/******************** LINKERBALK ******************************************/
#links {
		float:left;
		height: 331px;
	}
	
	
/* homepage */	
		.lks_home {width: 282px;margin-top: -31px; border-right:none; }
		
		#home_links_topkader {
		width: 248px; border: 2px dotted #cbcbcb; padding:15px;
		}
		#home_case_kader {
		width: 280px; border: 1px solid #cbcbcb;
		margin-top: 20px;height: 155px;
		}
			.case_tekst {margin: 15px; height:93px; }
			.case_tekst H3 {font-size: 100%;}
			.case_footer {padding: 5px 0 0 15px;width: 265px;height: 25px;background:url(../images/case_home_footer.jpg) no-repeat;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #FFFFFF;}
				.case_footer a:link,
				.case_footer a:active,
				.case_footer a:visited {color: #787878;text-decoration:none;}
				.case_footer a:hover {color: #787878;text-decoration:underline;}
			
			.case_footer_leesverderbtn {margin-top: -22px;height:22px;}
			.case_footer_leesverderbtn a:link {background:url(../images/btn_vierkant_pijltjerechts.jpg); float:right;width:31px; height:29px;}
				.case_footer_leesverderbtn a:active {background:url(../images/btn_vierkant_pijltjerechts.jpg); float:right;width:31px; height:29px;}
				.case_footer_leesverderbtn a:visited {background:url(../images/btn_vierkant_pijltjerechts.jpg); float:right;width:31px; height:29px;}
						.case_footer_leesverderbtn a:hover {background:url(../images/btn_vierkant_pijltjerechts_over.jpg); float:right;width:31px; height:29px;}
	
	
/* Vervolg hoofdproductpagina */
	.lks_hoofdproduct {width: 466px;border-right: 2px dotted #cbcbcb;}
	
			#linksimg {margin: 13px;}
			#linksimg IMG {border:0;}
			#linksnav {
				height: 24px; 
				background:#FFFFFF;
				border-top: 1px solid #cbcbcb;
				padding: 10px 0 0 0;
			}
					
					
/************************ EINDE LINKER BALK ********************************/					


/********************** CONTENT GEDEELTE **********************************/

		
		#tekstcontainer {
		float:left;
		overflow-y: auto;
		overflow-x: hidden;
		
		}
			#tekst {
			margin: 13px;
			}
			
							
		/* Homepage */
		#tekstcontainer_home {
		float:left;
			height: 380px;
			width: 620px;
			margin: -32px 0 0 56px;
		}
		#tekst.home_tekst {
		margin: 0;
		height: 227px;
		border: 1px solid #cbcbcb;
		
		}
		
			.recentlinks {
				width:288px;
				height: 175px;
				float:left;
				border-right: 2px dotted #cbcbcb;
				padding: 10px;
			}
			
			
			.recentrechts {
				width: 290px;
				height: 175px;
				float: right;
				padding-top: 10px;
				padding-right: 10px;				
			}
			.footerrecent {
				width: 607px;
				height: 25px;
				background:url(../images/case_home_recent-footer.jpg) repeat-x;
				display:block;
				float:left;
				border-top: 1px solid #CBCBCB;
				padding: 5px 0 0 11px;
			}
			.footerrecent a:link {color: #787878;text-decoration:none;}
			.footerrecent a:visited {color: #787878;text-decoration:none;}
			.footerrecent a:active {color: #787878;text-decoration:none;}
			.footerrecent a:hover {color: #787878;text-decoration:underline;}
				.recentmeer_links{float: left; width: 297px; height: 25px;margin-top: -5px;padding-top: 5px;border-right: 2px dotted #CBCBCB;}
				.recentmeer_rechts{float: left; width: 297px; height: 25px;margin: -5px 0 0 10px;padding-top: 5px;}
				
		
		#opdrachtgeverbalk {height: 75px; margin-top: 20px;
		
		}
		#opdrachtgeverbalk A IMG {
		border:none;
		
		}
		#opdrachtgeverbalk A:hover IMG {
			
		}
		
		
		/* Vervolg hoofdproductpagina */
		.txt_hoofdproduct {
			border-bottom: 2px dotted #cbcbcb; 
			height: 245px;
			width: 489px;
			}			
				
			#contactpersoon {float: left; width: 236px; border-right: 2px dotted #cbcbcb; height:76px;padding: 8px 0 0 13px;}
			#contactpersoon A:link,
			#contactpersoon A:active,
			#contactpersoon A:visited,
			#contactpersoon A:hover {color: #787878;text-decoration: none;}
			#contactpersoon P {margin:0;}
			#opdrachtgever {height: 45px;text-align:center;float:left; width: 236px;}
			
			
/* ALGEMEEN */

#tekst.algemeen_tekst {width: 680px; margin:0 0 50px 0;display:block;}

	.beeldalgemeen {border: 1px solid #cbcbcb;padding: 10px;margin-bottom: 20px;}
.lks_algemeen {width:225px;margin: 0 55px 0 0;}
.algemeen_links_kader {width:210px;border: 1px dotted #999999; padding: 5px;}

#tekst.algemeen_tekst STRONG {color: #000000;}

/* ################################### */

/* PORTFOLIO VERZAMELPAGINA */
#rechts_portfolio {float:right;width:235px; border: 2px dotted #CBCBCB; padding-top: 10px;}
	#rechts_portfolio a:link {color:#787878; text-decoration:none;}
	#rechts_portfolio a:active {color:#787878; text-decoration:none;}
	#rechts_portfolio a:visited {color:#787878; text-decoration:none;}
	#rechts_portfolio a:hover {color:#787878; text-decoration:underline;}
	
		#rechts_portfolio H3 {color: #787878;margin-left: 5px;font-size: 100%;}
		#rechts_portfolio UL {
			border-bottom: 2px dotted #CBCBCB;
			padding-bottom: 10px;
			list-style:none;
			margin-top: 2px;
			
			}
			#rechts_portfolio UL LI {
				border-left: 1px solid #CBCBCB;
				list-style:;
				padding-left: 12px;
				margin-left: -30px;
				background:url(../images/bulletportfolio.gif) no-repeat 0 9px;
				}
				#rechts_portfolio UL LI.last {padding-bottom: -10px;}

#tekstcontainer_portfolio {
	float:left;
			height: 520px;
			width: 720px;
			margin: 0;
		}
#tekst.portfolio_tekst {margin-top: 0;}
.recent {
	width: 310px;
				height: 226px;
				float: left;
				border: 1px solid #CBCBCB;
				margin-right: 30px;
	}
	.recent IMG {margin: 10px;}
	
	.recentmeer {
	float: left; width: 300px; height: 25px;padding: 5px 0 0 10px;background:url(../images/case_home_recent-footer.jpg) repeat-x;border-top:1px solid #CBCBCB;
	}
	.recentmeer a:link {color: #787878;text-decoration:none;}
			.recentmeer a:visited {color: #787878;text-decoration:none;}
			.recentmeer a:active {color: #787878;text-decoration:none;}
			.recentmeer a:hover {color: #787878;text-decoration:underline;}



/***************** KLANTENLIJST *************************** /
/* maakt gebruik van de algemeen pagina classses, heeft alleen lijst styling nodig */
.algemeen_tekst.klantenlijst H1 {font-size: 100%;}
	.algemeen_tekst.klantenlijst a:link {color: #787878; text-decoration:none;}
	.algemeen_tekst.klantenlijst a:active {color: #787878; text-decoration:none;}
	.algemeen_tekst.klantenlijst a:visited {color: #787878; text-decoration:none;}
	.algemeen_tekst.klantenlijst a:hover {color: #787878; text-decoration:underline;}
	
	
.algemeen_tekst.klantenlijst UL {
			padding-bottom: 10px;
			list-style:none;
			margin-top: 2px;
			
			}
			.algemeen_tekst.klantenlijst UL LI {
				border-left: 1px solid #CBCBCB;
				padding-left: 12px;
				margin-left: -30px;
				background:url(../images/bulletportfolio.gif) no-repeat 0 9px;
				}
				.algemeen_tekst.klantenlijst UL LI.last {padding-bottom: -10px;}





/* Cloudtag resultspagina */
.cloudresult {
display: block;
height: 120px;
width: 100%;
clear:both;
margin: 20px 0 0 0;
border-bottom: 1px dotted #cbcbcb;}
.cloudresult a:link,
.cloudresult a:active,
.cloudresult a:visited {text-decoration:none;}
.cloudresult IMG {float:left;margin-top: 5px;margin-right: 5px;border:1px solid #cbcbcb;}

				
/********************** EINDE CONTENT GEDEELTE **********************************/		


#meerweten {
height: 110px;
margin: 30px 0;
width: 50%;float:left;
}
#meerweten IMG {border: none;}
	#meerweten H3 {margin-bottom: 5px;font-size:100%; }
	#meerweten2 H3 {margin-bottom: 5px; font-size:100%;}
	#meerweten2 {width: 50%;float:left;margin: 30px 0 0 0 ;}
	#meerweten2 IMG {border: none;}
	
	/*#mw-links {float:left; width: 130px; height: 100px;color: #d90359;}*/
	/* #mw-rechts {float: right; width: 733px; height: 75px;border: 1px solid #CBCBCB;} */
	#mw-rechts A IMG {
		border:1px solid #CCCCCC;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		}
		#mw-rechts A:hover IMG {
		border:1px solid #CCCCCC;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
		}
		
		.tagcloud {width: 960px;line-height:20px;padding-bottom: 10px;}
		.tagcloud a:link,
		.tagcloud a:active,
		.tagcloud a:visited {color: #999999;text-decoration:none;}
		.tagcloud a:hover {color:#dc0059;text-decoration:none;}
		.s1{font-size: 100%;}
		.s2{font-size: 120%;}
		.s3{font-size: 200%;}
		.s4{font-size:240%;}
		.s5{font-size: 280%;}
		
		
		

#footer {
height: 73px;
display: block;
clear:both;
border-top: 2px dotted #cbcbcb;

}
			#footer A:link,
			#footer A:visited,
			#footer A:active				
			 {color: #737576;text-decoration: none;}
			#footer A:hover {text-decoration: underline;} 
			
			
	#lid-van {float: left; margin-top: 10px; width: 160px;}
		#lid-van IMG {margin-right: 20px;}
		
	#footernav {float:left; width: 550px; text-align: right;}
		#footernav UL {list-style:none; margin: 0;}
		#footernav UL LI {display: inline; margin-right: 40px;}
		

	#feed {float: left; width: 250px;text-align: right; }
	

	

/* TOOLTIP STYLES */
#tooltip {
	position: absolute;
	z-index: 3000;
	color: #fff;
	background-color: #dc0059;
	padding: 5px;
	opacity: 0.85;
	}
#tooltip h3, #tooltip div {color:#FFFFFF; margin: 0;font-size: 100%; }

/* GALLERIJ STYLES */
.galleria{list-style:none; margin:0 0 0 -25px;}
.galleria li{display:inline;width:19px;height:19px;overflow:hidden;float:left;margin: 0 10px 0 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */



/* AJAX SEARCH */
#ajaxSearch_form {
           color: #444;
          border:none;
float:right;
z-index:999;
		   
       }
       #ajaxSearch_input {
	   float: right;
           width: auto;
           display: inline;
          
         width:200px;
           margin: 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 2px dotted #444;
           padding: 10px;
		   top: 63px;
		   right: 0;
		   width: 400px;
           background: #EBEBEB;
           display: block;
           height: auto;
           vertical-align: top;
			float:right;
			z-index:999;
			position:absolute;
			text-align: left;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }