/* CSS Document */
*{ 
padding: 0px;
margin: 0px;
}

Body
{
   font-family: Verdana, Helvetica, sans-serif;
   color: #000000; 
   padding: 0px;
   margin: 0px;
   background-image: url(../images/bkg_test.gif);
   background-repeat: repeat-y;
   font-size: 100%;
   }

/* posities hoofdmenu items */

.butorganisatie { left: 170px; top: 52px; position: absolute; z-index: 50;}
.butdiensten { left: 308px; top: 52px; position: absolute;  z-index: 51;}
.butwerken { left: 418px; top: 52px; position: absolute; z-index: 52;}
.butclienten { left: 581px; top: 52px; position: absolute; z-index: 54;}
.butmedewerkers { left: 656px; top: 52px; position: absolute; z-index: 55;}
.butblack { left: 630px; top: 52px; height: 24px; width: 143px; position: absolute; z-index: 54; background-image: url(../images/but_afsluit.gif); background-repeat: no-repeat; padding-left: 10px; padding-top: 5px;}
.homeblockfotosearch { left: 179px; top: 83px; position: absolute; width: 589px; z-index: 55; border: 1px solid #000000;}

.fothome {
	float 	 : left ;
	width    : 400px ;
	height   : 200px ;
	position : relative ;
	left     : 177px ;
	top      : 87px ;
}

.fotoruimte
{
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bluerule { background-color: #CEDBE7; height: 5px;   left: 199px; top: 78px; position: absolute;  width: 393px;}

.top
{
   height: 52px;
   width: 775px;
   top: 0px;
   left: 18px;
   padding: 0px;
   position: absolute;
   z-index: 1;
}  
/* sitewide */
.sitewide
{
   background-image: url(../images/bkg_blok_menu.gif);
   background-repeat: repeat;
   height: 26px;
   top: 52px;
   left: 10px;
   padding: 9px 0px 0px 72px;
   position: absolute;
   width: 90%;
   z-index: 10;
} 

/* positie submenu */
.submenu
{
	top: 94px;
	left: 10px;
	position:absolute;
	padding-left: 1px;
	width: 159px;
	z-index: 20;
}

.submenuhome
{
	top: 92px;
	left: 11px;
	position:absolute;
	padding-left: 1px;
	width: 159px;
	z-index: 20;
}

/* posities submenu-items */
.subitem, .subitemuitklap
{
   text-align: right; 
   padding-right: 0px; 
   padding-top: 5px; 
   background: url(../images/bkg_submenu.gif);
   background-repeat: no-repeat; 
   height:25px;
   font-weight: bold;
}

.subitemuitklap{
   background: none;
   height:100%;
   border-bottom: 1px solid #d0d0cf; 
   font-weight: normal;
   padding-top: 5px;
   padding-bottom: 5px;
}

.marge-menuitem-uitklap{
   padding-top: 4px;
   padding-bottom: 1px;
}

.subitemactive
{
   text-align: right; 
   padding-right: 0px; 
   padding-top: 5px; 
   height:25px;
   background: url(../images/bkg_submenu_on.gif);
   background-repeat: no-repeat;
   font-weight: bold;
}

.subitem2
{
   text-align: right; 
   padding-right: 0px; 
   padding-top: 1px; 
   background: url(../images/bkg_submenu2.gif); 
   background-repeat: no-repeat; 
   height:35px;
   font-weight: bold;
}

.subitemactive2
{
   text-align: right; 
   padding-right: 0px; 
   padding-top: 1px; 
   background: url(../images/bkg_submenu2_on.gif); 
   background-repeat: no-repeat; 
   height:35px;
   font-weight: bold;
}

#menuitemactive
{
   font-size: 70%; 
   color: #FF3300; 
   font-weight: bold;
   text-decoration: none; 
}

.spacerleft_col
{
	padding:5px 0px 5px 0px;
}

.readspeaker
{
   text-align: left;
   position: relative;
   float: left;
   top: 14px; 
   left: 8px; 
}

.lettersvergroten
{
   text-align: right;
   position: relative;
   float: left;
   top: 28px; 
   left: 42px; 
}

.lettersvergroten img
{   
   margin-left: 5px; 
}

.nieuwslink
{
   font-size: 70%; 
   padding-right: 10px; 
}

a:link, a:visited,a:active { color: #042D56; text-decoration:underline; }
a:hover {color: #FF3300; text-decoration:underline;}

a.menuitem,a.menuitem:active,a.menuitem:visited { font-size: 70%; color: #042D56; text-decoration: none; }
a.menuitem:hover { font-size: 70%; color: #FF3108; text-decoration: none; }

a.menuitemactive,a.menuitemactive:active,a.menuitemactive:visited,a.menuitemactive:hover { font-size: 70%; color: #FF3108; font-weight: bold; text-decoration: none; }

a.menuitemuitklap,a.menuitemuitklap:active,a.menuitemuitklap:visited { font-size: 70%; color: #042D56; text-decoration: none;}
a.menuitemuitklap:hover { font-size: 70%; color: #FF3108; text-decoration: none; }

a.menuitemuitklapactive,a.menuitemuitklapactive:active,a.menuitemuitklapactive:visited { font-size: 70%; color: #FF3108; text-decoration: none; margin-top: 10px;}
a.menuitemuitklapacitve:hover { font-size: 70%; color: #FF3108; text-decoration: none; }


h1
{
   font-size: 140%;
   color: #FF3108;
   position:relative;
   margin: 0px;
   left:0px;
   top:4px;
   margin-bottom: 10px;
   padding-bottom: 5px;
   border-bottom: 1px solid #D0D0CF;
   z-index: 50;
}
hr{
	height:1px;
	border: 0px;
	background-color: #d0d0cf;	
}

.TTTitelH1Alternatief
{
   font-size: 90%;
   color: #FF3108;
   left: 199px;
   top: 94px;
   position: absolute;
   width: 350px;
   z-index: 50;
   font-weight: bold;
}

h2
{
   font-size: 120%;
   color: #042D56;
   line-height: 130%;
   padding-right: 20px;
   }


P
{   color: #000000;
padding-bottom: 12px;  }


ul {padding-left: 20px;}
.content
{
   font-size: 70%;
   position: relative;
   top: 85px;
   left: 190px;
   padding-bottom: 10px;
   width: 370px;
   z-index: 20;

}
.contentsitemap
{
   font-size: 70%;
   line-height: 180%;
   position: relative;
   top: 85px;
   left: 30px;
   padding-bottom: 10px;
   width: 520px;
   z-index: 20;

}

.contenthome
{
   font-size: 70%;
   position: relative;
   top: 335px;
   left: -223px;
   padding-bottom: 10px;
   width: 370px;
   z-index: 20;
   float:left;
}

.contenthomenieuws
{
   font-size: 70%;
   left: 11px;
   top: 200px;
   padding-bottom: 10px;
   position: absolute;
   width: 148px;
}

.searchengineblok {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 60px 0px 0px 0px;
	display: block;
	position: relative;
	float: left;
}

.zoekblok {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	position: relative;
	float: left;
}

.adressen  {
   font-size: 100%;
   color: #000000;
}

.tableborder {
   border-bottom:1px solid #c0c0c0;
   border-left:1px solid #c0c0c0;
}

.tableborder td {
   border-top:1px solid #c0c0c0; 
   border-right:1px solid #c0c0c0;;
   padding: 3px;
}

.bluefont
{
   font-size: 100%;
   color: #042D56;
}

.locatieinzet .bluefont 
{
   font-size: 70%;
   color: #042D56;
}

.redfont
{
   font-size: 100%;
   color: #ff0000;
}

.bluesmallfont
{
   font-size: 70%;
   color: #042D56;
}

.smallfont
{
   font-size: 100%;
}

.zoekcriteriabox
{
   border-top: 1px solid #D0D0CF;
   border-bottom: 1px solid #D0D0CF;
   background-image: url(../images/bkg_zoekcriteriabox.gif);
   background-repeat: no-repeat; 
}

.zoekcriteriahead
{
   border-bottom: 70%;
   font-size: 70%;
   padding: 8px;
}

.zoekcriteria
{
   background-color: #EFF3F6;
   font-size: 100%;
   padding: 8px;
}

.resultaatcontainer
{
   border-bottom: 1px solid #D0D0CF;
   font-size: 100%;
}
.resultaatcontent
{
   font-size: 100%;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 8px;
}

.resultaathead
{
   padding-left: 24px;
   margin-top: 4px;
   margin-bottom: 4px;
   background-image: url(../images/bkg_resultaathead.gif);
   background-repeat: no-repeat;
   border-top: 1px solid #D0D0CF;
   line-height: 20px;
}

.resultaatitem1 
{
   width: 75px;
   float: left;
   margin-bottom: 4px;
   position: relative;
   
}


.resultaatitem2
{
   width: 275px;
   color: #042D56;
   margin-bottom: 4px;
   float: left;
   position: relative;
   
}

.koplocatieinzet
{
   padding-right: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-image: url(../images/bkg_locatiehead.gif);
   background-repeat: no-repeat;
   font-size: 90%;
   font-weight: bold;
   color: #042D56;
}

.locatieinzet
{
   padding-left: 6px;
   padding-top: 2px;
   padding-bottom: 4px;
   background-color: #EFF3F6;
   border-top: 1px solid #D0D0CF;
   border-left: 1px solid #D0D0CF;  
   border-bottom: 1px solid #D0D0CF;
}

.locatiehead
{
   padding-left: 10px;
   padding-top: 2px;
   padding-bottom: 2px;
   border-top: 1px solid #D0D0CF;
   border-bottom: 1px solid #D0D0CF;   
}

.locatieacrobatico {
   float: left;
   margin-bottom: 40px;
   margin-right: 3px;
   }

a.leesmeer,a.leesmeer:active,a.leesmeer:visited { font-size: 100%;color: #FF3300; text-decoration: underline;}
a.leesmeer:hover {   font-size: 100%; color: #042D56; text-decoration: underline;}

a.nieuwslink,a.nieuwslink:active,a.nieuwslink:visited { font-size: 65%;color: #FF3300; text-decoration: underline;}
a.nieuwslink:hover {   font-size: 65%; color: #042D56; text-decoration: underline;}

a.resultaatlink,a.resultaatlink:active,a.resultaatlink:visited { font-size: 100%;color: #FF3300; font-weight: bold; text-decoration: underline;}
a.resultaatlink:hover { font-size: 100%; color: #042D56; font-weight: bold;   text-decoration: underline;}

.sitemaplink { font-size: 110%;color: #FF3300; font-weight: normal; text-decoration: underline; } 
.sitemaplinksmall { font-size: 100%;color: #FF3300; font-weight: normal; text-decoration: underline; margin-left: 20px;} 


a.bouwnieuws_link,a.bouwnieuws_link:active,a.bouwnieuws_link:visited { font-size: 60%;color: #042D56; text-decoration: underline; font-weight:bold;}
a.bouwnieuws_link:hover {   font-size: 60%; color: #FFFFFF; text-decoration: underline; font-weight:bold;}

a.bouwnieuws_link_wit,a.bouwnieuws_link_wit:active,a.bouwnieuws_link_wit:visited { font-size: 100%;color: #FFFFFF; text-decoration: underline; font-weight:normal;}
a.bouwnieuws_link_wit:hover {   font-size: 100%; color: #FFFFFF; text-decoration: underline; font-weight:normal;}


.contacthometekst        {  color: #003768;	font-size:70%;	line-height:10px; height: 100px;}
.contacthometekst .telico    {	width: 30px;float: left; height:30px }
.contacthometekst .telnum    {	width: 110px;float: left; height:30px}
.contacthometekst_orange {	font-size:70%;	color: #FF3300;	line-height:10px;}

.searchform
{
   margin-top: 7px;
   font-size: 100%;
   width: 160px;
   background-color : #ffffff;
   color : #000000;    
}

.searchform_input
{
   margin-top: 0px;
   height:14px;
   padding:2px 0px 0px 2px;
   font-size: 100%;
   width: 133px;
   background-color : #ffffff;
   color : #000000;    
}

.searchform_link:link{text-decoration:underline;color:#c2dcf7;}
.searchform_link:visited{text-decoration:underline;color:#c2dcf7;}
.searchform_link:hover{text-decoration:underline;color:#FFFFFF;}


.searchformcheckbox
{
   background-color: #F2BA2D;
   border : 0px ;
}

.form {
font-size: 100%;
width: 360px;
}

.solformcheckbox
{
   background-color: #ffffff;
   border : 0px ;
}

select,input,textarea
{
   border : 1px solid #042D56;
   font-family: Verdana, Helvetica, sans-serif;
   color : #042D56;
   font-size: 100%;
   background-color : #EFF3F6;
   cursor: pointer;   
}

.submitnieuwsbrief { 
   background-image: url(../images/bkg-submit-klantenkaart.jpg);
   background-position: 0px 2px;
   background-repeat: no-repeat;
   color: #244076; 
   background-color: #ffffff;
   font-weight: bold;
   height: 22px;
   width: 120px;
   
   border: 0px;
   }

.columnright
{
   background-image: url(../images/bkg_columnright.gif);
   background-repeat: no-repeat;
   position: absolute;
   left: 581px;
   padding: 0px;
   margin: 0px;
   top: 0px;
   width: 180px;
   z-index: 20;
}


.bloksearch
{
   background-color: none;
   float:left;
   margin: 0px;
   font-size: 70%;
   color: #ffffff;
   width: 160px;
   padding-left: 10px;
   padding-right: 10px;
}


.inzetrechts_zoek
{
   margin-top: 10px;
}

.inzetrechts, .inzetrechtsstaand, .inzetrechtsvierkant, .inzetrechts-nosearch, .inzetrechts-nosearch-staand, .inzetrechts_banner
{
   float:left;
   width: 180px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-repeat: no-repeat;
   margin-top: 5px;
   margin-bottom: 40px;
}
.inzetrechts-nosearch-bouwnieuws{
   float:left;
   width: 180px;
   min-height:130px;
   padding: 0px 0px 5px 0px;
   background:url(../images/bkg_bouwnieuws_blauw.gif) #7bc6fb no-repeat bottom center;
   margin: 5px 0px 40px 0px;
}

.inzetrechts-nosearch-bouwnieuws-bordertop{
	width:180px;
	height:5px;
	background:url(../images/bkg_bouwnieuws_blauwtop.gif) no-repeat top center;
	
	/*font:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;*/
}

.inzetrechts-nosearch-bouwnieuws-link{
	padding: 7px 0px 5px 6px;
	float:left;
}
.inzetrechts-nosearch-bouwnieuws-icon{
	padding: 7px 0px 5px 6px;
	float:left;
}
.inzetrechts-nosearch-bouwnieuws-text{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:normal;
	color:#FFFFFF;
	width:170px;
	padding:0px 5px 10px 5px;
}
 
 .inzetrechts_banner
{  margin-top: 12px;
   margin-bottom: 20px;
  }


 .con_brochure
{  margin-top: 12px;
   margin-bottom: 12px;
   height: 143px;
   padding: 5px 5px 5px 0px;
   width: 360px;
   border-top: 1px solid #d0d0cf;
   border-bottom: 1px solid #d0d0cf;
}

.con_brochure img {margin-right: 10px; float: left}
.con_brochure .bluefont {height: 120px}

.inzetrechts, .inzetrechts-nosearch {background-image: url(../images/bkg_inzetrechts.gif);}
.inzetrechtsstaand, .inzetrechts-nosearch-staand{background-image: url(../images/bkg_inzetrechtsstaand.gif);}
.inzetrechtsvierkant{background-image: url(../images/bkg_inzetrechtsvierkant.gif);}
.inzetrechtsruler{
	float:left;
	width: 180px;
	margin:5px 0px 0px 0px;
	background: url(../images/bkg_inzet_ruler.gif) no-repeat;
	height:10px;
}
.inzetrechts-nosearch, .inzetrechts-nosearch-staand{margin-top: 35px;}
  
.print
{
   border: 1px solid #D0D0CF;
   float:right;
   z-index: 100;
}

.fot
{
   border: 1px solid #042D56;
}

.imgnoborder {
   border: 0px ;
}

a.butReinaerdeLink:active,a.butReinaerdeLink:link,a.butReinaerdeLink:visited { text-decoration: none; font-weight:normal;}


.butreinaerdeweb {
	font-weight:normal;
	font-size:70%;
	position:absolute;
	left:468px;
	top:15px;
	text-decoration: none;
	font-style: italic; 
}

.HorizontaleLijnButUp {
	height : 1px ;
	width  : 100% ;
	line-height : 1px ;
	font-size   : 1px ;
	background-color : #ed452a ;
	margin-bottom:-1px;
}

.ButUp {
	width:100%;
}

.ButUp01 {
	margin-left:-3px;
} 


.slideshow  {
   width: 368px;
   height: 32px;
   margin-top: 4px;
   margin-bottom: 4px;
   background-image: url(../images/bkg_slideshow.gif);
   background-repeat: no-repeat;
} 

.but-slideshowleft {
     width: 45px;
     left: 6px;
     top: 6px;
     float: left;
     position: relative;
  } 


.but-slideshowright {
     width: 45px;
     top: 6px;
     left: 270px;
     position: relative;
     float: left;     
} 

.field { padding:10px; border-bottom:1px solid #d0d0cf; background-color:#fff; display:none; margin-bottom: 10px;}


/* ----------------------------- */
.clearfix:after {
   content      : "." ;
   display      : block ;
   height       : 0 ;
   font-size    : 0 ;
   clear        : both ;
   visibility   : hidden ;
}
.clearfix {
	display : inline-block ;
}
/* Hides from IE5/Mac \*/
* html .clearfix {
	height : 1px ; 
}
.clearfix {
	display : block ;
}
/* End hide from IE5/Mac */
/* ---- End Algemene Classes  ---- */