/* BEGIN GENERAL */
html, body { height:100%; }

*
{
	padding:0;
	margin:0;
}

body
{
    padding:0;
    margin:0;  
    font-size:11px;
    color:#333333;  
    font-family:Tahoma, Geneva, Verdana, Sans-Serif;
}

form 
{ 

}

img {
    border: none;
}
input, select, textarea
{

}

textarea 
{ 
	
}

/* END GENERAL */

/* BEGIN FOOTER  */
div#footer
{
    height: 44px;
    text-align: center;
    color: #999999;
}

div#innerfooter
{

}

div#footer a:link,div#footer a:visited
{
    color: #999999;
    text-decoration: none;
}

div#footer a:hover
{
    
}

div#footer a:active
{

}
/* END FOOTER */

/* BEGIN HEADERS */
h1 {font-size:20px;color:#97bf0d;font-weight:bold;font-style:normal;padding:0;margin:0 0 16px 0; }
h2 {font-size:18px;color:#333333;font-weight:bold;font-style:normal;padding:0;margin:12px 0 12px 0; }
h3 {font-size:18px;color:#97bf0d;font-weight:bold;font-style:normal;padding:0;margin:8px 0 8px 0; }
h4 {font-size:16px;color:#333333;font-weight:bold;font-style:normal;padding:0;margin:6px 0 6px 0; }
h5 {font-size:16px;color:#97bf0d;font-weight:bold;font-style:normal;padding:0;margin:4px 0 4px 0; }
/* END HEADERS */

/* BEGIN TEKST */
p
{
	margin-top:0px;
    margin-bottom:15px;
    line-height:15px;
}

td p
{
	margin-top:0px;
    margin-bottom:15px;
    line-height:15px;
}

a:link, a:visited
{
	color:#009ee0;
}

a:hover
{
	text-decoration:none;
}

a:active
{
	
}
/* END TEKST */

#searchBar {
    background-repeat: repeat-x;
    height:36px;
    width: 540px;
    margin: 0 auto;
    background: url(../images/project/searchbar.png) right top no-repeat;
    padding-left: 445px;

}
#searchbarContainer {    
    background-image: url(../images/project/searchcontainer.gif);
    background-repeat: repeat-x;
}

.searchField {
    width: 125px;
    height: 22px;
    background: none;
    background-image: url(../images/project/searchbox.png);
    border: none;
    padding-top: 3px;
    padding-left: 3px;    
}
#languageBar {
    width: 80px;
}
#languageBar, #telephoneBar, #search {
    float: left;
    padding-top: 8px;
}
#languageBar, #telephoneBar {
    padding-right: 10px;   
}

#telephoneBar {
    padding-top: 5px;
}
#search {
    padding-top: 4px;
    width: 165px;
    padding-left: 10px;
}
.container985 {width: 985px; margin: 0 auto;}
#searchButton img {
    border: none;
    padding-top: 1px;
}

/*menu*/
/*mainmenu*/
* {
        margin: 0;
        padding: 0;
}
#menu ul {
        list-style-type: none;
        height:24px;
    padding-top: 2px;
}
#menu li{
        float:left;
        height:100%;
}

#menu{
    background-image:url(../images/project/menuBG.png);
    background-repeat: no-repeat;
    height: 26px;
    width: 985px;
}

#menu > div > ul > li:hover,#menu > div > ul > li.Selected{
        background-image:url("../images/project/menuHover.png");
        background-repeat: repeat-x;
}

#menu > div > ul > li > a:link,  #menu > div > ul > li > a:visited{
        font-family:Verdana;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;        
        height: 18px;
        padding: 5px;
        display:block;
        text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #ffffff;
}

/*submenu*/
#menu ul li ul {display:none;height:auto; position:absolute; width:184px; background-color: #fff; padding:0;margin-top: 0px;margin-left: 2px;z-index: 100;padding-top: 9px;}
#menu ul li:hover ul { display: block;background-image: url("../images/project/submenu.png"); opacity:0.8;
    filter:alpha(opacity=80);margin-top: -4px;}
#menu div ul li.Selected > a{color: #f4f45f;}
#menu ul li ul li > a{color:#0d2c80;font-weight:bold;padding-left:15px;text-decoration:none;}
#menu ul li ul li 
{
    padding-bottom: 9px;
        display: block;
        float: left;    
        background-repeat: repeat-y;
        width:170px;
        font-family: Myriad Pro, Arial;
        color: #0d2c80;
        font-weight: bold;
        font-size: 14.5px;
}
#menu ul li ul li a:hover{background:url("arrowsmall.png");background-repeat:no-repeat;padding-left:15px;color:#000000}

#menu a:link{color:#173462;font-family:Verdana;font-weight:bold;font-size:13px;text-decoration:none;}
#menu a:visited{color:#173462;font-family:Verdana;font-weight:bold;font-size:13px;text-decoration:none;}
#menu a:hover{color:#3d83f6;font-family:Verdana;font-weight:bold;font-size:13px;text-decoration:none;}

/*#logo{ height: 95px;background-image: url(../images/project/logo.png);background-repeat: no-repeat;}*/
#logo {
    height: 95px;
}
#middleTop 
{
    width: 985px;
    /*height:341px;*/
}
#middleBottom {
    /*height: 285px;*/
}
#bottomContainer {
    background-image: url("../images/project/bottomcontent.png");
    background-repeat: repeat-x;
    min-height: 377px;
    padding-top: 10px;
}
.bottomBlock {
    background-color: #ececdc;
    border: 1px solid #e5e5d4;    
    width:454px;
    /*min-height even geplaatst om te testen, mag weg eenmaal content erin staat*/
    min-height:89px;
}
#bottomblockLeft {
    float: left;
}

#bottomblockRight {
    float: right;
}
.blok {
    background-image: url("../images/project/frontsquare.png");
    width: 289px;
    height: 270px;
    float: left;
    padding: 8px;
}

.blok2 {
    background-image: url("../images/project/frontsquare.png");
    width: 293px;
    height: 272px;
    float: left;
    padding: 6px;
}

.blokHeader {
    background-image: url("../images/project/blokHeader.png");
    background-repeat: no-repeat;
    width:275px;
    height: 25px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 15px;
    color:#FFFFFF;
}

.blokHeaderHome {
    background-image: url("../images/project/blokHeader.png");
    background-repeat: no-repeat;
    width:275px;
    height: 25px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 15px;
    color:#FFFFFF;
}

.blokHeaderHome a {
    font-size: 12px;
    text-decoration: underline;
    color: #0d2c80;
}

.blokHeader2
{
    width: 274px;
}

.blokHeader a {
    font-size: 12px;
    text-decoration: underline;
    color: #0d2c80;
}
.blokHeaderTitle {
    float: left;
}
.blokHeaderLink {
    float: right;
}

* { margin:0; } /* alle elementen resetten, best de Yahoo! reset gebruiken of iets vergelijkbaars */

body, html, form{ height:100%; } /* De body en html 100% hoogte geven */

div#wrapper{ min-height:100%; height:auto !important; height:100%; margin:0 auto -60px; } /* negatieve margin is gelijk aan hoogte van de footer */

div#push, div#footer{ height:40px;padding-top:20px} /* De footer en de push div een gelijke hoogte geven */
.squareSpacer{ width: 33px;float: left;height: 1px;}
.textBetween{ min-height: 22px;width: 985px; margin: 0 auto;padding-left: 10px;}

#middleTopLeft {
    /*background-image: url("../images/project/middletopleft.png");*/
    background-repeat: no-repeat;
    /*min-width: 744px;*/
    /*height:335px;*/
    float: left;
    margin-left: 5px;
}
#middleTopRight
{
    padding-left: 10px;    
    float: left;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.homeblocks td, tr{
    padding: 5px;
}

.homeblocks img {
    border: none;
}

.homeblocks a:hover > img{
    opacity:0.6;
    filter:alpha(opacity=60);
}

.menuDivider {
    background: url("../images/project/menubetween.png") right bottom no-repeat;
}
.menuDivider a{ padding: 100px;}

.lineSpacer{padding-bottom: 20px;border-top: 1px solid #e4e4d2;width: 985px; margin: 0 auto;margin-top: 10px}
.spaceBetween {
    display: inline-block;
    width: 146px;
}

#middleTopContent {
    margin-bottom: 7px;   
    background-image: url("../images/project/middle.png");
    background-repeat: repeat-y;
    min-height: 100px;
}
#middleTopBottom {
    background: url("../images/project/bottom.png") left bottom no-repeat;
    padding: 0px 0px 1px 0px; /*top right bottom left*/
    min-height: 108px;
}

#searchLeft {
    float: left;
}
#searchRight {
    float: left;
    padding-left: 5px;
}
#facebook
{
    float: left;
    width: 725px;
}
#qualitylabels {
    float: left;
    width: 260px;
    text-align: right;
    padding-top: 10px;
}

#bottomContainer ul li{
    font-family:Verdana;
    font-size:10px;
    color:#666666;
    font-weight: bold;
    background-image: url(../images/project/bullet.png);
    background-position:0px 4px;
    background-repeat:no-repeat;   
    list-style-type: none;
    padding-left: 13px;
    line-height: 15px;
    }
#bottomContainer ul ul li{
    font-family:Verdana;
    font-size:10px;
    color:#666666;
    font-weight: normal;
    list-style-type: none;
    background: none;
    }
#bottomContainer ul li ul {
    border-left: 1px solid #858585;
    padding-left: 10px;
}
#bottomLinks {
    padding-top: 25px;
}
#bottomLinksB1 a{
    color: #999999;
}
#bottomLinksB2 a{
    color: #999999;
}
#bottomLinksB3 a{
    color: #999999;
}
#bottomLinksB4 a{
    color: #999999;
}
.leftFloat {
    float: left;
}

#bottomLinksB1{
    width: 260px;
}
#bottomLinksB2 {
    width: 200px;
}
#bottomLinksB3, #bottomLinksB4{
    width: 220px;
}

.bottomLinksTitel {
    padding-bottom: 15px;
    color: #97bf0d;
    font-size: 16px;
}
.bottomLinksTitel a 
{
    color: #97bf0d;
    font-size: 16px;
    text-decoration:underline;
}
#bottomBlock1 {
    width: 460px;
    border-right: 1px solid #e3e4d1;
}
#bottomBlock2 
{
    margin-left: 80px;
    width: 440px;      
}

#bottomBlock1,#bottomBlock2,#bottomBlock3
{
    height: 130px;
}

#middleTopLeft .textblock {
    width: 478px;
}
#middleTopLeft .docsblock {
    width: 478px;
}

.menuNaarVorige > a
{
    display: inline-block;
    /*width:84px;*/    
    height:15px;    
    background: #f5f5f2 url("../images/project/vorigevolgende-links.png") 9px 2px no-repeat;
    text-align: center;
    padding-left: 20px;
    padding-right: 14px;
}

.menuNaarVorige a {
    font-family: Verdana;
    font-size: 9px;
    color: #666666;
    text-decoration: none;
}

.menuNaarOverzicht > a
{
    display: inline-block;
    /*width:84px;*/
    padding-left: 2px;
    padding-right: 2px;
    height:15px;
    text-align: center;
    background-color: #f5f5f2;
}

.menuNaarOverzicht a {
    font-family: Verdana;
    font-size: 9px;
    color: #666666;
    text-decoration: none;
}

.menuNaarVolgende > a
{
    display: inline-block;
    height:15px;
    background: #f5f5f2 url("../images/project/vorigevolgende-rechts.png") 64px 2px no-repeat;
    text-align: center;
    padding-right: 20px;
    padding-left: 14px;
}

.menuNaarVolgende a {
    font-family: Verdana;
    font-size: 9px;
    color: #666666;
    text-decoration: none;
}
.menuNaar img {
    margin-bottom: -2px;
}
#breadcrumbs 
{
    background-image: url(../images/project/middle.png);    
    padding-left: 15px;
    padding-top: 5px;
    font-size: 10px;
    font-family: Verdana;
    color: #333333;
    text-decoration: none;
}

#breadcrumbs a {
    font-size: 10px;
    font-family: Verdana;
    color: #333333;
    text-decoration: none;
}
.hruler {
    background: url(../images/project/hruler.png) 5px bottom no-repeat;
    height: 1px;
    width: 957px;
    padding-top: 5px;
    margin-left: -5px;
}
.hrulerNormal {
    background: url(../images/project/hruler.png) 5px center no-repeat;
    height: 1px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: -5px;
}
.hrulerRight {
    background: url(../images/project/hruler.png) 5px center no-repeat;
    height: 1px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: -5px;
    width: 265px;
}
.pipe {
    color: #a9cd51;
}
#divGebruiksvoorwaarden {
    margin-left: 205px;
}
#divContactContainer {
    width: 483px;
    margin-left: 205px;
    padding-top: 10px;
}
#divOveronsContainerLeft {
    width: 206px;
    float: left;
}
#divVacatureContainerLeft {
    width: 201px;
    float: left;
}
#divEnergieoplossingenContainerLeft {
    width: 206px;
    float: left;
}
#divRealisatieDetailsContainerLeft {
    width: 201px;
    float: left;
    padding-left: 5px;
}
#divRealisatiesContainerLeft {
    width: 201px;
    float: left;
    padding-left: 5px;
}
#divRealisatiesContainerRight {
    width: 762px;
    float: left;
    padding-top: 10px;
}
#divOveronsContainerRight {
    width: 487px;
    float: left;
    padding-top: 10px;
}
#divVacatureContainerRight {
    width: 487px;
    float: left;
}
#divRealisatieDetailsContainerRight {
    width: 487px;
    float: left;
}
#divEnergieoplossingenContainerRight {
    width: 487px;
    float: left;
    padding-top: 10px;
}
#divInfosessieContainer {
    padding-top: 10px;
    margin-left: 206px;
    width: 488px;
}
.blokHuisje {    
    background-image: url("../images/project/boxwide.png");
    background-repeat: no-repeat;
    width: 487px;
    height: 77px;
    margin-bottom: 5px;
}
.blokWiderContent {
    width:330px;
    height:74px;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
}
.blokHuisjeFoto {
    width:90px;
    height:57px;
    padding-top: 5px;
    float: left;
    padding-left: 55px;
    padding-top: 15px;
    
}
/*brede afbeelding*/
.blokWideFoto {
    width:140px;
    height:72px;
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}
/*brede afbeelding*/
.blokWideFotoWithPadding {
    width:100px;
    height:72px;
    padding-top: 5px;    
    float: left;
    padding-left: 45px;
}
.blokwide {
    background-image: url("../images/project/boxwide.png");
    background-repeat: no-repeat;
    width: 487px;
    height: 77px;
    margin-bottom: 5px;
}
.blokWideContent {
    width:330px;
    height:74px;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
}
.blokWideFoto img{
    /*width:132px;
    /height: 65px;*/
    border: 2px #efefe3 solid;
}
/*smalle afbeelding*/
.blokwideVast {
    background-image: url("../images/project/boxwide.png");
    background-repeat: no-repeat;
    width: 487px;
    height: 77px;
    margin-bottom: 5px;    
}
/*.blokwideVast .blokWideFoto {
    width:80px;    
    height:72px;
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}
.blokwideVast .blokWideContent {
    width:391px;
    height:67px;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
}
.blokwideVast .blokWideFoto img{
    border: none;
}*/

#subMenuBlock {
    background-color: #fbfbf8;
    width: 180px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 18px;
}
.blokWideContentTitel, .blokWideContentTitel a{
    color: #0d2c80;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 3px;
    text-decoration: none;
}
.blokWideContentOmschrijving{
    color: #333333;
    font-family: Tahoma,Geneva,Verdana,Sans-Serif;
    font-size: 11px;
    font-weight: normal;    
}
#subMenuBlock a{
    color: #0d2c80;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.subMenuBlockSelected {    
    display: inline-block;
    width: 165px;    
    background: #efefe2 url(../images/project/arrow-green.png) 5px center no-repeat;    
    padding-left: 15px;
    color: #97BF0D;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid white;
}
.subMenuBlock {    
    display: inline-block;
    width: 165px;    
    background: #efefe2 url(../images/project/arrow-blue.png) 5px center no-repeat;    
    padding-left: 15px;
    color: #0d2c80;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid white;
}
.subMenuBlockSelectedNiv1 {    
    display: inline-block;
    width: 155px;    
    background: #f7f7f0 url(../images/project/arrow-green.png) 15px center no-repeat;    
    padding-left: 25px;
    color: #97bf0d;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid white;
}
#subMenuBlock .subMenuBlockSelectedNiv1 {
    color: #97bf0d;    
}

.subMenuBlockNiv1 {    
    display: inline-block;
    width: 155px;    
    background: #f7f7f0 url(../images/project/arrow-blue.png) 15px center no-repeat;    
    padding-left: 25px;
    color: #0d2c80;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid white;
}
#socialMedia {
    background: url(../images/project/addThis_bg.png) 5px center no-repeat;
    width: 85px;
    float: right;
    padding-top: 12px;
}
#socialMedia span{
    width: 85px;
    display: inline-block;
}
.breadcrumbPipe {
    margin-bottom: -2px;
}
#tblError 
{
    width: 100%;
}
#divGebruiksvoorwaarden {
    padding: 10px;
}
#subMenuBlock ul {
    list-style-type: none;
    list-style: none;
}
#subMenuBlock .paragraaf1
{
    background: #f7f7f0 url(../images/project/arrow-lightgrey.png) 30px center no-repeat;
    padding-left: 40px;
}

#subMenuBlock .paragraafSelected1 {
    background: #f7f7f0 url(../images/project/arrow-green.png) 30px center no-repeat;
    color: #97bf0d;
    padding-left: 40px;
}

#divEnergiezuinigbouwenContainerLeft 
{
    width: 206px;
    float: left;    
}

#divEnergiezuinigbouwenContainerRight 
{
    width: 487px;
    float: left;
    padding-top: 10px;
}
#divEnergiezuinigbouwenContainerLeft .paragraaf1
{
    display: inline-block;
    width: 165px;    
    background: #efefe2 url(../images/project/arrow-blue.png) 5px center no-repeat;    
    padding-left: 15px;
    color: #0d2c80;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid white;
}

#languageBar a{
    color: #000000;
    text-decoration: underline;
}
#languageBar .Taal .TaalSelected {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}
li {
    margin: 0;
    padding: 0;
}

#subMenuBlock .subMenuBlockSelected 
{
    color: #97bf0d;
}
span.realisatieDetailTitelHome {    
    color: #97bf0d;
    font-weight: bold;
}
.blokMeer
{
    /*width:470px;*/
    text-align:right;
    padding-right: 10px;
    padding-bottom: 5px;    
}

.blokMeer a:link,.blokMeer a:visited
{
    color: #0d2c80;
    padding: 2px;
}
#divNieuwsContainer, #divInfosessieContainer, #divEventContainer {
    padding-top: 10px;
}
.divTerug a{
    color: #0d2c80;
}
