/* CSS Document */

body{
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#58719f;
  background:#201e24;
}
a{color:#3e75d4;}
a:hover{color:#2a9798;}
h1{
  font-size:16px;
  margin-bottom:10px;
  margin-top:10px;
}
h2{
  font-size:16px;
  margin-bottom:5px;
  margin-top:5px;
  color:#3e75d4;
}
h2.groen{
  font-size:16px;
  margin-bottom:5px;
  margin-top:5px;
  color:#2d8180;
}
table, td, div, select{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#58719f;
}
input, textarea{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#6c6c6c;
}

form{margin:0px;}

.spacer{clear:both;}
.error{color:#FF0000;}
.small{font-size:9px;}

.bold12px{
  font-size:12px;
  font-weight:bold;
}

.small10px{font-size:10px;}

.blue{color:#3e75d4;}

.stiphor{
  height:6px;
  background:url(../htmimages/stiphor.gif) top left repeat-x;
}



/* ALGEMENE LAYOUT ----------------------------------*/

#logocontainer{
  position:absolute;
  width:925px;
  height:104px;
  margin-left:50%;
  left:-462px;
  top:30px;
  z-index:98;
}

#menucontainer{
  position:absolute;
  width:925px;
  height:88px;
  margin-left:50%;
  left:-467px;
  top:130px;
  z-index:100;
}

#topcontainer{
  height:31px;
  width:100%;
  background:#201e24;
}

#topmenu{
  width:925px;
  padding-top:6px;
  height:25px;
  margin-left:auto;
  margin-right:auto;
  text-align:right;
  background:#201e24;
  color:#dfdfdf;
}

#topmenu a{color:#6fa2fa;}
#topmenu a:hover{color:#d3e3fd;}
#topmenu a.selected{color:#d3e3fd;}


#banner1_left{
  height:187px;
  background:url(../htmimages/banner1-left.jpg) right center repeat-x;
}

#banner1_middle{
  width:1024px;
  height:187px;
  background:url(../htmimages/banner1-bg.jpg) top left no-repeat;
}

#banner2{
  width:100%;
  height:187px;
  background:url(../htmimages/banner2.jpg) top center repeat-x;
}
#banner3{
  width:100%;
  height:187px;
  background:url(../htmimages/banner3.jpg) top right repeat-x;
}

#middenband{
  background:#ffffff;
}

#contentcontainer{
  margin-left:auto;
  margin-right:auto;
  width:885px;
  background:#ededed;
  padding:20px;
}

#contentcontainer-onlybottompadding{
  margin-left:auto;
  margin-right:auto;
  width:925px;
  background:#ededed;
  padding-bottom:20px;
}

#footer{
  width:925px;
  height:42px;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  color:#545454;
  font-size:10px;
}
#footer a{color:#6fa2fa;}
#footer a:hover{color:#d3e3fd;}

.link-top{
  display:block;
  width:32px;
  height:14px;
  background-color:#3e75d4;
  font-size:9px;
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  padding-top:2px;
}
.link-top:hover{color:#bad2fc;}




/* MENU ---------------------------------------------------------*/

#menuoverons{
	position:absolute;
	top:221px;
	left:238px;
	width:100px;
	height:250px;
	background:#FFFF00;
	z-index:10;
}


/* HOME ---------------------------------------------------------*/
#home-kolom-links{
  width:391px;
  float:left;
  margin-right:10px;
}

#home-kolom-rechts{
  width:484px;
  float:left;
}

#home-onsbedrijf{
  width:361px;
  min-height:235px;
  height:auto !important;
  height:235px;
  background:#e2e2e2;
  color:#58719f;
  padding:14px;
  border:1px solid #d7d7d7;
}

#home-nieuws{
  width:310px;
}
a.home-nieuwslink{color:#58719f; text-decoration:none;}
a.home-nieuwslink:hover{color:#58719f; text-decoration:underline;}

#homefoto{
  width:464px;
  background:#e2e2e2;
  min-height:245px;
  height:auto !important;
  height:245px;
  padding:9px;
  border:1px solid #d7d7d7;
  margin-top:34px;
}

#home-sterkepunten{
  width:454px;
  background:#e2e2e2;
  padding:14px;
  border:1px solid #d7d7d7;
  margin-top:10px;
}



/* NIEUWS ---------------------------------------------------------*/
#nieuws-kolom-links{
  width:278px;
  margin-right:10px;
  float:left;
}

#nieuws-overzicht{
  width:240px;
  background:#e2e2e2;
  padding:19px;
  border:1px solid #d7d7d7;
  min-height:380px;
  height:auto !important;
  height:380px;
}

#nieuws-overzicht a{color:#58719f; text-decoration:none;}
#nieuws-overzicht a:hover{color:#58719f; text-decoration:underline;}
#nieuws-overzicht a.selected{color:#58719f; font-style:italic;}


#nieuws-kolom-rechts{
  width:587px;
  float:left;
}

#nieuws-fiche{
  width:549px;
  background:#e2e2e2;
  padding:19px;
  border:1px solid #d7d7d7;
}

.nieuws_extraimg_container{
  width:177px;
  height:191px;
  float:left;
  background:url(../htmimages/nieuws-extrafotos-bg.jpg) top left no-repeat;
}
.nieuws_extraimg_foto{
  margin-top:25px;
  margin-left:27px;
  width:127px;
  text-align:center;
}
.nieuws_extraimg_zoom{
  margin-top:5px;
  margin-left:27px;
  width:127px;
  text-align:center;
}





/* LINKS ---------------------------------------------------------*/
#links-foto{
  width:199px;
  background:#e2e2e2;
  padding:9px;
  border:1px solid #d7d7d7;
  height:403px;
  float:left;
  margin-right:10px;
}

#links-tekst{
  width:612px;
  background:#e2e2e2;
  padding:19px;
  border:1px solid #d7d7d7;
  min-height:383px;
  height:auto !important;
  height:383px;
  float:left;
}


/* OVER ONS ---------------------------------------------------------*/
#overons1{
  width:161px;
  height:402px;
  float:left;
  margin-right:30px;
  background:url(../htmimages/bg-gradient1.gif) repeat-x top left;
  text-align:right;
  padding-right:35px;
}
#overons1 a.selected{color:#2a9798;}
#overons2{
  width:697px;
  float:left;
  margin-top:30px;
}


#table-sterkepunten{
  width:592px;
}
#table-sterkepunten td{
  width:120px;
  height:176px;
  background:url(../htmimages/sterkepunten-item-bg.jpg) top left no-repeat;
  font-size:11px;
  color:#124680;
  text-align:center;
  padding-left:13px;
  padding-right:15px;
}





/* WAT DOEN WE -----------------------------------------------*/
#watdoenwe-tekstvak{
  width:558px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  margin-bottom:5px;
}


/* VOOR WIE -----------------------------------------------*/


#voorwie-kolom-links{
  width:279px;
  margin-right:10px;
  float:left;
}

#voorwie-submenu{
  width:241px;
  min-height:373px;
  height:auto !important;
  height:373px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  float:left;
}

#voorwie-submenu a{text-decoration:none;color:#58719f;}
#voorwie-submenu a:hover{text-decoration:underline;color:#58719f;}
#voorwie-submenu a.selected{font-style:italic;color:#58719f;}

#voorwie-kolom-rechts{
  width:596px;
  float:left;
}

#voorwie-tekstvak{
  width:558px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
}



/* VIRTUELE RONDLEIDING -----------------------------------------------*/
#vr{
  width:514px;
  height:364px;
  background:url(../htmimages/virtuelerondleiding-bg.jpg) top left no-repeat;
  padding-left:31px;
  padding-top:40px;
}



/* VACATURES --------------------------------------------------------*/
#vacature-kolom-titel{
  width:258px;
  background:url(../htmimages/bg-gradient1.gif) repeat-x top left;
  padding:20px;
  min-height:392px;
  height:auto !important;
  height:392px;
  float:left;
  margin-right:30px;
}

#vacature-kolom-tekst{
  float:left;
  width:569px;
  margin-top:20px;
}

.vacature-item-container{
  width:479px;
  min-height:202px;
  height:auto !important;
  height:202px;
  background:url(../htmimages/vacature-item-bg.gif) top left no-repeat;
  padding-left:45px;
  padding-right:45px;
}



/* MILIEU---------------------------------------------------------*/
#milieu-titel{
  width:156px;
  height:392px;
  float:left;
  margin-right:30px;
  background:url(../htmimages/bg-gradient1.gif) repeat-x top left;
  padding:20px;
}

#milieu-tekst{
  width:697px;
  float:left;
  margin-top:20px;
}

#milieu1{
  width:477px;
  float:left;
}
#milieu2{
  width:200px;
  float:left;
  margin-top:85px;
}
#table-milieu{
  width:477px;
}
#table-milieu td{
  width:137px;
  height:177px;
  background:url(../htmimages/milieu-item-bg.jpg) top left no-repeat;
  font-size:11px;
  color:#124680;
  text-align:center;
  padding-left:10px;
  padding-right:12px;
}




/* KWALITEIT---------------------------------------------------------*/
#kwaliteit-titel{
  width:156px;
  height:392px;
  float:left;
  margin-right:30px;
  background:url(../htmimages/bg-gradient1.gif) repeat-x top left;
  padding:20px;
}

#kwaliteit-tekst{
  width:697px;
  float:left;
  margin-top:20px;
}




/* SITEMAP---------------------------------------------------------*/
#sitemap-tekst{
  width:537px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  float:left;
  margin-right:10px;
}

#sitemap-pviewer{
  width:278px;
  min-height:411px;
  height:auto !important;
  height:411px;
  background:#e2e2e2;
  color:#58719f;
  padding:9px;
  border:1px solid #d7d7d7;
  float:left;
}



/* CONTACTPERSONEN ---------------------------------------------*/
#contactpersonen-kolom-links{
  width:279px;
  margin-right:10px;
  float:left;
}

#contactpersonen-submenu{
  width:241px;
  min-height:373px;
  height:auto !important;
  height:373px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  float:left;
}

#contactpersonen-submenu a{text-decoration:none;color:#58719f;}
#contactpersonen-submenu a:hover{text-decoration:underline;color:#58719f;}
#contactpersonen-submenu a.selected{font-style:italic;color:#58719f;}

#contactpersonen-kolom-rechts{
  width:596px;
  float:left;
}

#contactpersonen-onzelocatie{
  width:558px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  margin-bottom:10px;
}

#contactpersonen-mensen{
  width:558px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  margin-bottom:10px;
}

.contactpersonen-kolom-mensen{float:left; margin-right:10px; width:267px;}


/* ADRES ROUTE ---------------------------------------------*/
#adresroute-kolom-links{
  width:274px;
  float:left;
  margin-right:10px;
}

#adresroute-submenu{
  width:236px;
  min-height:400px;
  height:auto !important;
  height:400px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
}
#adresroute-submenu a{text-decoration:none;color:#58719f;}
#adresroute-submenu a:hover{text-decoration:underline;color:#58719f;}
#adresroute-submenu a.selected{font-style:italic;color:#58719f;}

#adresroute-kolom-rechts{
  width:596px;
  float:left;
}

#adresroute-comines{
  width:253px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  float:left;
  margin-right:10px;
}

#adresroute-zonnebeke{
  width:253px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  float:left;
}

.adresroute-horstip{
  width:250px;
  height:10px;
  background:url(../htmimages/stiphor.gif) center left repeat-x;
  overflow:hidden;
}



/* CONTACTFORMULIER ---------------------------------------------*/
#contactformulier-kolom-links{
  width:273px;
  float:left;
  margin-right:10px;
}

#contactformulier-submenu{
  width:235px;
  min-height:450px;
  height:auto !important;
  height:450px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
}
#contactformulier-submenu a{text-decoration:none;color:#58719f;}
#contactformulier-submenu a:hover{text-decoration:underline;color:#58719f;}
#contactformulier-submenu a.selected{font-style:italic;color:#58719f;}

#contactformulier-kolom-rechts{
  width:600px;
  float:left;
}

#contactformulier-form{
  float:left;
  margin-right:10px;
  width:308px;
  min-height:450px;
  height:auto !important;
  height:450px;
  background:#e2e2e2;
  color:#58719f;
  padding:19px;
  border:1px solid #d7d7d7;
  float:left;
}

#contactformulier-foto{
  width:222px;
  float:left;
  padding:9px;
  height:271px;
  background:#e2e2e2;
  color:#58719f;
  border:1px solid #d7d7d7;
}

.formfield{
  width:292px;
  height:19px;
  padding:6px;
  margin-bottom:5px;
  margin-top:0px;
  background:#FFFFFF;
  border:#c1c1c1 solid 1px;
}

.formfieldmsg{
  width:292px;
  height:93px;
  padding:6px;
  margin-top:0px;
  margin-bottom:5px;
  background:#FFFFFF;
  border:#c1c1c1 solid 1px;
}

.formfieldcaptcha{
  width:172px;
  height:17px;
  padding:6px;
  background:#FFFFFF;
  border:#c1c1c1 solid 1px;
  margin-bottom:5px;
}

.formfieldcaptcha_wrong{
  width:172px;
  height:17px;
  padding:6px;
  border:#aaa27f solid 1px;
  color:#FFFFFF;
  background:#FF0000;
  margin-bottom:5px;
}

.formcaptchatd{
  padding-left:5px;
}

.formbtnsend{
  margin-top:5px;
  background:#3e75d4;
  color:#FFFFFF;
  width:115px;
  height:38px;
  font-size:12px;
  text-transform:uppercase;
  border:none;
}


#contactformline{
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  width:304px;
  height:1px;
  background-color:#c1c1c1;
  overflow:hidden;
}