html,body{
margin:0px;
padding:0px;
height:100%; 
background-color: #006b64;

}

* {
margin:0px;
padding:0px;
} 
body{font: 76% Helvetica, Arial, sans-serif;}

p{margin:0}

div#maincontainer {
background-color: #FFFFFF;
border-bottom: solid 7px #FFFF00;
}

div#container{
width:918px;
margin:0 auto;
text-align:left;
background-color: #fff
}
table#ctl00_ctl00_MasterPlaceHolder_MainContent_FormView1 ul{
margin-left: 25px}

div#rightbottombanner{
float:left; 
width: 184px;
height: 135px;
margin-top: 15px;
}


div#header{
position:relative; 
height: 88px;
background-image: url(/img/bg_header.png);
background-repeat: no-repeat;
background-color:#FFFFFF;
padding-bottom: 13px
}

a.logo{
float:right;
margin-top: 15px;
z-index: 99;
height: 32px;
width:190px;
display: block;
}


div#navigate_main {
float:left;
position:absolute;
top: 50px;
height: 38px;
width: 918px;
}

div#wrapper{
float:left;
width:100%; 
}

div#content{
float: left;
width: 468px;
padding-top: 0;
padding-bottom: 30px; 
padding-left: 24px;
padding-right: 29px;
min-height: 350px;
}

div#content_projects{
width: 680px; 
float: left; 
padding-left: 24px;
}

div#contentmap{
width: 680px;
float: left;
padding-bottom: 10px; 
padding-left: 24px
}

.adres{
float: left;
width: 320px;
height: 150px;
padding-top: 23px;
margin: 0 10px;
border-bottom: solid 1px #CCD9E3;
display: inline
}

.adres h2, h2.projtitel{
font-size: 12px;
color:#006b64;
font-weight: bold;
padding-bottom: 5px
}

h2.projplaats {
font-size: 11px;
color:#666666;
font-weight: bold;
padding-bottom: 5px
}

div#content p.first{
font-family:Helvetica, Arial, sans-serif;
line-height:1.4; 
padding: 0;
color: #333
}

div#content p, div#content_projects p{
font-family:Helvetica, Arial, sans-serif;
line-height:1.4; 
padding: 5px 0;
color: #333
}

div#content a, div#contentmap a, div#ctl00_MasterPlaceHolder_ListView1_projwrapper a, div#content_projects a{
color: #9c9c9e; 
text-decoration:underline;
font-weight: bold
}

div#content a:hover, div#contentmap a:hover, div#ctl00_MasterPlaceHolder_ListView1_projwrapper a:hover{
color: #006B64; 
text-decoration:none
}

div#content p.breadcrumb, div#contentmap p.breadcrumb, div#content_projects p.breadcrumb {
padding: 0;
color: #B2B2B2
}

div#content p.breadcrumb a, div#contentmap p.breadcrumb a, div#content_projects p.breadcrumb a{
display:inline;
padding:0;
color: #B2B2B2; 
font-weight: normal;
text-decoration: none
}

div#content p.breadcrumb a:hover, div#contentmap p.breadcrumb a:hover, div#content_projects p.breadcrumb a:hover{
text-decoration:none;
font-weight: normal;
}

div#ctl00_MasterPlaceHolder_ListView1_projwrapper{
width: 656px; 
float: left; 
margin-left: 5px
}

.pager {
font-family: Helvetica, Arial;
color: #006B64;
font-weight: bold;
font-size: 13px;
padding:0 2px;
margin-bottom: 4px;
}


a.pager {
font-family: Helvetica, Arial;
color: #666;
font-weight: bold;
font-size: 13px;
text-decoration: underline;
padding:0 2px;
margin-bottom: 4px
}

a.pager:hover {
font-family: Helvetica, Arial;
color:#000;
font-weight: bold;
font-size: 13px;
text-decoration:none;
padding:0 2px;
margin-bottom: 4px
}

div#ctl00_MasterPlaceHolder_ListView1_projwrapper .item1
        {
            clear: both;
            width: 325px;
            float: left;
        
           
        }
        
div#ctl00_MasterPlaceHolder_ListView1_projwrapper .item2
        {
            clear: both;
            width: 325px;
             float: left;

        }
div#ctl00_MasterPlaceHolder_ListView1_projwrapper .group
        {
         
            width: 325px;
            float: left;
          
        }
        
div#ctl00_MasterPlaceHolder_ListView1_projwrapper .projinfo1{
float: left;
width: 318px;
height: 100px;
margin-top: 20px;
border-bottom: solid 1px #CCD9E3;
margin-right: 10px;
/*display: inline;*/

}

div#ctl00_MasterPlaceHolder_ListView1_projwrapper .projinfo2{
float: left;
width: 318px;
height: 100px;
margin-top: 20px;
border-bottom: solid 1px #CCD9E3;
margin-left: 10px;
/*display: inline;*/

}

.newscorner {
position: absolute;
left: 0;
top: 0px;
width: 7px;	
height: 7px;
background: url(/img/nws_rounding7.png) left top no-repeat;
}

div#ctl00_MasterPlaceHolder_ListView1_projwrapper .projinfo1 .text{
float: right;
width: 192px;
height: 120px;
}

div#ctl00_MasterPlaceHolder_ListView1_projwrapper .projinfo1 .image {
	float: right;
	position: relative;
	padding-right: 3px;
	border: 0;
}

div#ctl00_MasterPlaceHolder_ListView1_projwrapper .projinfo1 .projinfo1 .image .corner{
	position: absolute;
	left: 0;
	top: 0px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}

div#ctl01_articles .article .image .corner{
	position: absolute;
	left: 0;
	top: 0px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}

div#ctl01_articles .article .newsimage .corner{
	position: absolute;
	left: 0;
	top: 0px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}
div#navigate_left{
float:left; 
width:214px; 
}

div#navigate_left_thema{
float:left; 
width:214px; 
}

div#contentcarriere{
width: 918px;
height:350px;
background-image: url(/img/werkenbij/bg_home.png);
}

div#contentcarriere .left{
margin-left: 16px;
margin-top: 16px;
float: left;
height:318px;
width: 673px;
background-image:url(/img/werkenbij/home_carreer.png)
}

div#contentcarriere .right{
margin-right: 16px;
margin-top: 16px;
float:right;
width: 180px;
padding-right: 16px;
}

div#contentcarriere .right .job{
margin-bottom: 5px;
border-bottom: 1px solid #CCD9E3
}


a.sitemap {
padding-left: 3px;
color: #9c9c9e; 
text-decoration:none;
font-weight: normal
}

a.sitemap:hover {
color: #006B64; 
text-decoration:none
}


.carreershadow {
width: 918px;
height:11px;
background-image:url(/img/werkenbij/home_carreer_shadow.png);
clear:both;
}

.contactshadow {
width: 680px;
height:25px;
background-image:url(/img/contact/shadow_adressen.png);
clear:both;
}

.contacttop 
{
margin-top: -1px;
width: 680px;
height:10px;
background-image:url(/img/contact/rounding_adressen.png);
clear:both;
}

.contacttoplist 
{
margin-top: -1px;
width: 680px;
height:10px;
background-image:url(/img/contact/rounding_adressen_lijst.png);
clear:both;
}

div#carreerbottom {
width: 918px;
height: 120px;
margin-top: 10px;
margin-bottom: 26px;
}

div#carreerbottom .testimonial{
float: left;
width: 290px;
height: 120px;
margin-right: 16px;
}

div#carreerbottom .testimonial .text{
float: right;
width: 192px;
height: 120px;
}

.shadow {
padding-top: 40px;
clear:both;
background-image:url(/img/subnav_shadow.png);
background-position:bottom;
background-repeat:no-repeat;
height: 12px;
width:214px;
}

.largeshadow {
clear:both;
background-image:url(/img/large_shadow.png);
background-position:bottom;
background-repeat:no-repeat;
height: 16px;
width:468px;
}

div#navigate_right{
padding-top: 57px;
float:right; 
width:183px; 
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold
}

#navigate_right ul {
list-style: none;
padding: 0 0 0 0;
margin: -3px 0 0 0
}

#navigate_right li {margin: 0; border-bottom: 1px solid #CCD9E3; width:167px; vertical-align:middle; background-image: url(/img/navigation/subsub/arrow.gif); background-repeat:no-repeat;}
#navigate_right li a {color:#9C9C9E; text-decoration: none; padding: 3px 0 3px 10px; display: block; height: 14px; }
#navigate_right li a:hover { color: #006B64; text-decoration: none; display: block;  }

div#textnav {
padding-top: 12px;
float:right;
}

div#textnav p{
font-family:Helvetica, Arial, sans-serif;
line-height:1.4; 
color: #7FB5B1
}

/*Styling*/
div#textnav a {
padding: 0 5px;
color: #7FB5B1;
text-decoration:none
}

div#textnav a:hover {
color: #3F908A;
text-decoration: underline
}

div#zoekbox {
width: 468px;
color: #666666;
font-size:12px;
font-weight: bold;
}

div#adresbalk{
width: 680px;
height: 31px;
float: left
}

/*Footer elements*/

div#footer {
width:918px;
margin:0 auto;
clear: both;
height: 50px;
}

div#footer_menu {
width:918px;
margin:0 auto;
color: #FFFFFF;
}

div#footer_menu p{
padding-top: 3px;
float: right; 
margin:0
}

div#footer_menu a{
display:inline;
padding:0;
color: #79afad; 
text-decoration:none
}

div#footer_menu a:hover{
color: #fff; 
text-decoration:none
}

.clear { clear: both; }

.fl_left {
float: left
}

.fl_right {
float:right
}
/*Image classes*/

.breadcrumb {
padding: 0 5px
}

.contentvisual {
padding: 0 0 10px 0
}

.article, .articleshort {
width: 468px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: solid 1px #CCD9E3;
float: left;
}

.article .newsimage{
padding-top: 7px;
position: relative;
float: right;
border: 0
}

.article .newsimage .decorner{
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}

.homenewsitem .newsimage .decorner{
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}

.corner{
	position: absolute;
	left: 0;
	top: 0px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}
.articleinfo {
color: #666;
font-family: Arial, Helvetica, sans-serif
}

.articleintro {
color: #000;
}

/*Form elements classes*/

input.zoek {
width:75px; 
border: solid 1px #CACACA; 
margin-top: 10px;
margin-left: 35px;
float:left
}

input.zoeknieuws {
border: solid 1px #CACACA;
width: 210px;
height:18px;
margin: 10px 0
}

.nieuwsimg
{
border: none;
padding: 5px
}

.news_thumb {
width: 110px;
padding-bottom: 5px;
}

.news_thumb .top {
background: url(/img/nws_top.png) left top no-repeat;
height: 8px;
}


.news_thumb .mid{
background: url(/img/nws_mid.png) left repeat-y;
width: 110px;
}

.news_thumb .bottom{
background: url(/img/nws_bottom.png) left top no-repeat;
height: 8px;
}

.news_thumb .thumb{
width: 76px;
float: left;
}

.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0px;
}
/*projecten */
div#searchbox {
float: left;
padding-top: 5px;
}

div#searchbox p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999
}

div#searchbox .titel, div#searchbox .plaats{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
font-weight: bold;
width: 165px;
height: 17px;
border: solid 1px #CACACA;
padding-left: 3px;
padding-top: 2px;
margin-bottom: 8px;
}

div#searchbox .provincie, div#searchbox .divisie{ 
width: 170px;
border: solid 1px #CACACA;
padding-left: 3px;
padding-top: 2px;
margin-bottom: 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
}

div#searchbox .tkth{ 
margin-right: 5px}

div#searchbox .sbutton{ 
float: right;
margin-top: 3px}

.table .financieel {

width: 468px
}

.table .financieel .td .rechts{
float: right;
}

.table{

width: 468px;
border: 0;
padding: 0;
margin: 0;
}

td.divider {
border-bottom: 1px solid #CCD9E3;
height: 1px;
margin-top: 10px
}

td.text {
font-size: 12px;
color: #999
}

.reactieform{
width: 468px;
padding: 0;
margin: 0;
}

.reactieform td{
padding-bottom: 5px;
padding-right: 15px;
vertical-align:top;
font-size: 11px;
font-weight: bold
}

.reactieform td .divider{
border-bottom: 1px solid #CCD9E3
}
.textbox_reactie {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #999999;
height: 18px;
padding-left: 3px;
padding-top: 2px;
width: 147px;
border: solid 1px #CACACA
}

.radio_geslacht label {  margin-left:5px; font-weight: normal}  

.newspager {
float:right
}

div#flashContent_tm {
margin-left: -10px
}

.searchresult 
{
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px #CCD9E3;
    color: #666666;
    font-size: 12px
    }

div#searchwrapper   
{
    width:468px
    } 
div#searchwrapper a
{
    color:#006B64;
    text-decoration: none
    }    
    
div#searchwrapper a:hover
{
      text-decoration: underline
    }        
    
    
.werkmij_txt {
padding-top: 13px;
}    

.projectpanel {
padding-bottom: 10px
}

a.light {
color: #006B64;
text-decoration: none
}
a.light:hover {
text-decoration: underline
}

div#projectpanels{
margin-top: 2px;
width: 218px;
padding: 3px 0 3px 0}

a.projlink {
font-size: 11px
}

div#ctl00_ctl00_MasterPlaceHolder_LeftContent_GoogleMap2 {
overflow: hidden}