html,body{
margin:0px;
padding:0px;
height:100%; 
background-color: #006b64;
}

* {
margin:0px;
padding:0px;
} 

p{margin:0}

body{
font: 76% Helvetica, Arial, sans-serif;
text-align:center; 
}

div#maincontainer {
background-color: #FFFFFF;
border-bottom: solid 7px #FFFF00;
}

div#container{
width:918px;
margin:0 auto;
text-align:left;
background-color: #fff
}

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{
position: absolute;
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: 13px;
color:#006b64;
font-weight: bold;
padding-bottom: 5px
}

h2.projplaats {
font-size: 12px;
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#ListView1_projwrapper a, div#content_projects a{
color: #9c9c9e; 
text-decoration:underline;
font-weight: bold
}

div#content a:hover, div#contentmap a:hover, div#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#ListView1_projwrapper{
width: 680px; 
float: left; 

}

.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#ListView1_projwrapper .item1
        {
            clear: both;
            width: 340px;
            float: left;
        
           
        }
        
div#ListView1_projwrapper .item2
        {
            clear: both;
            width: 340px;
             float: left;

        }
div#ListView1_projwrapper .group
        {
         
            width: 340px;
            float: left;
          
        }
        
div#ListView1_projwrapper .projinfo1{
float: left;
width: 330px;
height: 100px;
margin-top: 20px;
border-bottom: solid 1px #CCD9E3;
margin-right: 10px;
display: inline;

}

div#ListView1_projwrapper .projinfo2{
float: left;
width: 330px;
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#ListView1_projwrapper .projinfo1 .text{
float: right;
width: 192px;
height: 120px;
}

div#ListView1_projwrapper .projinfo1 .image {
	float: right;
	position: relative;
	padding-right: 3px;
	border: 0;
}

div#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#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 .right2{
width: 180px;
}

div#contentcarriere .right .job{
margin-bottom: 5px;
border-bottom: 1px solid #CCD9E3
}

div#contentcarriere .right .site{
width: 147px; 
margin-top: 43px; 
margin-left: 45px
}

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: 90px;
margin-top: 10px;
margin-bottom: 26px;
}

div#carreerbottom .testimonial{
float: left;
width: 290px;
height: 90px;
margin-right: 16px;
}

div#carreerbottom .testimonial .text{
float: right;
width: 192px;
height: 90px;
}



.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 45px 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
}

.articleshort left {
float: left; 
width:398px
}

a.pdflink {
font-weight: normal;
text-decoration: none;
color: #006b64
}

div#newsarchive a, div#divpubs table.pubs a{
font-weight: normal;
color: #006B64;
text-decoration: none
}

div#newsarchive a:hover, div#divpubs table.pubs a:hover{
font-weight: normal;
text-decoration: underline
}
 
.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:115px; 
border: solid 1px #CACACA; 
margin-top: 10px;
margin-left: 15px;
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;
height: 450px;
}

.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
    }        
    
/*Main navigation*/

#main_nav ul {
float: left;
list-style: none;
padding-left: 60px
}

#main_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 38px; } 

#bedrijf { background: url(/img/navigation/main/bedrijf.gif); width: 96px; }
#bedrijf:hover { background: url(/img/navigation/main/bedrijf.gif) -96px 0; }
#bedrijf.active { background: url(/img/navigation/main/bedrijf.gif) -192px 0; }

#themas { background: url(/img/navigation/main/themas.gif); width: 78px; }
#themas:hover { background: url(/img/navigation/main/themas.gif) -78px 0; }
#themas.active { background: url(/img/navigation/main/themas.gif) -156px 0; }

#projecten { background: url(/img/navigation/main/projecten.png); width: 88px; }
#projecten:hover { background: url(/img/navigation/main/projecten.png) -88px 0; }
#projecten.active { background: url(/img/navigation/main/projecten.png) -176px 0; }

#nieuws { background: url(/img/navigation/main/nieuws.gif); width: 70px; }
#nieuws:hover { background: url(/img/navigation/main/nieuws.gif) -70px 0; }
#nieuws.active { background: url(/img/navigation/main/nieuws.gif) -140px 0; }

#werkenbij { background: url(/img/navigation/main/werkenbij.gif); width: 92px; }
#werkenbij:hover { background: url(/img/navigation/main/werkenbij.gif) -92px 0; }
#werkenbij.active { background: url(/img/navigation/main/werkenbij.gif) -184px 0; }

#mvo { background: url(/img/navigation/main/mvo_duurzaamheid.gif); width: 167px; }
#mvo:hover { background: url(/img/navigation/main/mvo_duurzaamheid.gif) -167px 0; }
#mvo.active { background: url(/img/navigation/main/mvo_duurzaamheid.gif) -334px 0; }

#contact { background: url(/img/navigation/main/contact.gif); width: 75px; }
#contact:hover { background: url(/img/navigation/main/contact.gif) -75px 0; }
#contact.active { background: url(/img/navigation/main/contact.gif) -150px 0; }

#contact_nav ul {
float: left;
list-style: none;
margin-top: 10px;
}

#contact_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#contact_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 31px; } 

#tabmap { background: url(/img/contact/tab_map.png); width: 117px; }
#tabmap:hover { background: url(/img/contact/tab_map.png) -117px 0; }
#tabmap.active { background: url(/img/contact/tab_map.png) -117px 0; }

#tablijst{ background: url(/img/contact/tab_lijst.png); width: 117px; }
#tablijst:hover { background: url(/img/contact/tab_lijst.png) -117px 0; }
#tablijst.active { background: url(/img/contact/tab_lijst.png) -117px 0; }    

/*TREEVIEW*/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/img/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #b2b2b2; cursor: pointer; text-decoration: underline }

.treeview li { background: url(/img/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/img/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(/img/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/img/treeview/treeview-red.gif); } 

.treeview-black li { background-image: url(/img/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/img/treeview/treeview-black.gif); }  

.treeview-gray li { background-image: url(/img/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/img/treeview/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/img/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/img/treeview/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(/img/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/img/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/img/treeview/file.gif) 0 0 no-repeat; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/img/lb/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/img/lb/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/img/lb/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 83px;
	height: 22px;
	background: transparent url(/img/lb/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*Home elements*/

div#homecontainer {
width: 100%;
padding-bottom:30px;
}

div#homeflash {
height: 361px;
}

div#homenews{
float:left; 
width:277px;
background-image:url(/img/home/hdr_news.gif);
background-repeat:no-repeat;
padding-top: 33px;
padding-left:13px;
}

div#homeadresses{
float:left; 
width:105px;
margin-left: 36px;
margin-right: 98px;
background-image:url(/img/home/hdr_adresses.gif);
background-repeat:no-repeat;
padding-top: 46px;
}

div#homecarreer{
float:left; 
width:175px;
background-image:url(/img/home/hdr_carreer.gif);
background-repeat:no-repeat;
padding-top: 46px;
margin-right:30px
}

div#homequick{
float:left; 
width:183px;
background-image:url(/img/home/hdr_quicklinks.png);
background-repeat:no-repeat;
padding-top: 46px;
}

div#woningzoeker{
float:left; 
width: 184px;
height: 135px;
margin-top: 15px;
background-image: url(/img/home/bg_woningzoeker.png);
background-repeat:no-repeat;
}

div#radio{
float:left; 
width: 184px;
height: 135px;
margin-top: 15px;
}

div#rightbottombanner{
float:left; 
width: 184px;
height: 135px;
margin-top: 15px;
}


div#woningzoeker a.wz_rollover {
margin-top: 80px;
margin-left: 100px;
display: block;
width: 75px;
height: 29px;
background: url("/img/home/wz_verder.png") 0 0 no-repeat;
text-decoration: none;
}
   
div#woningzoeker a:hover.wz_rollover {
background-position: -75px 0;
}



.homenewsitem {
width:100%;
float:left;
padding:  7px 0;
border-bottom: solid 1px #E5E5E5;
display: inline;
}

.homeitem {
display: inline;
width:100%;
float:left;
padding:  3px 0;
border-bottom: solid 1px #E5E5E5;
}

.homenewsitem p, .homenewsitem p span, .homeitem p, .homeitem p span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666
}

.homenewsitem p a, .homeitem p a{
display:inline;
color: #006B64;
text-decoration: none
}

.homenewsitem p a:hover, .homeitem p a:hover{
text-decoration: underline
}

.imghomenewsitem {
float: left;
overflow:hidden;
padding-right: 3px;
}

.homenewsitem .image {
	float: left;
	position: relative;
	padding-right: 6px;
	border: 0;
}
.homenewsitem .image .corner{
	position: absolute;
	left: 0;
	top: 0px;
	width: 7px;
	height: 7px;
    background: url(/img/nws_rounding7.png) left top no-repeat;
}


.imgnoborder {
border: 0
}


.ddl_redirect{
width: 184px;
border: solid 1px #e2e2e2;
color: #006B64
}

/*Home elements*/


div#themecontent{
float: left;
width: 693px;
height: 360px;
margin-left: 11px;
}
div#themewrapper {
padding-top: 20px
}


.themebox {
width: 284px;
padding: 20px 10px 10px 10px;
height: 120px;
float: left;
}

.imgtheme{
overflow:hidden;
padding-right: 3px;
border: 0px
}

.themebox p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333
}


.themebox p a{
display:inline;
color: #333;
text-decoration: none
}

.themebox p a:hover{
color: #55A0FF;
}

.imgnoborder {
border: 0
}
.menu_top{
width: 214px;
height: 8px;
background-image:url(/img/navigation/thema/menu_top.gif);
padding:0;
margin:0
}

.menu_top_wonen{
width: 214px;
height: 22px;
background-image:url(/img/navigation/thema/menu_top_wonen.gif)
}

.menu_top_werken{
width: 214px;
height: 22px;
background-image:url(/img/navigation/thema/menu_top_werken.gif);
overflow:hidden
}

.menu_top_vrijetijd{
width: 214px;
height: 22px;
background-image:url(/img/navigation/thema/menu_top_vrijetijd.gif);
overflow:hidden
}

.menu_top_mobiliteit{
width: 214px;
height: 22px;
background-image:url(/img/navigation/thema/menu_top_mobiliteit.gif);
overflow:hidden
}

.menu_bottom {
width: 214px;
height: 8px;
background-image:url(/img/navigation/thema/menu_bottom.gif);
overflow:hidden
}

.menu_middle {
width: 214px;
background-image:url(/img/navigation/thema/menu_middle.gif);
background-repeat:repeat-x;
margin-bottom: 3px;
}

/*Main navigation*/


#main_nav ul {
float: left;
list-style: none;
padding-left: 60px
}

#main_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 38px; } 

#bedrijf { background: url(http://www.dura-vermeer.nl/img/navigation/main/bedrijf.gif); width: 96px; }
#bedrijf:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/bedrijf.gif) -96px 0; }
#bedrijf.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/bedrijf.gif) -192px 0; }

#themas { background: url(http://www.dura-vermeer.nl/img/navigation/main/themas.gif); width: 78px; }
#themas:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/themas.gif) -78px 0; }
#themas.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/themas.gif) -156px 0; }

#projecten { background: url(http://www.dura-vermeer.nl/img/navigation/main/projecten.png); width: 88px; }
#projecten:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/projecten.png) -88px 0; }
#projecten.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/projecten.png) -176px 0; }

#nieuws { background: url(http://www.dura-vermeer.nl/img/navigation/main/nieuws.gif); width: 70px; }
#nieuws:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/nieuws.gif) -70px 0; }
#nieuws.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/nieuws.gif) -140px 0; }

#werkenbij { background: url(http://www.dura-vermeer.nl/img/navigation/main/werkenbij.gif); width: 92px; }
#werkenbij:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/werkenbij.gif) -92px 0; }
#werkenbij.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/werkenbij.gif) -184px 0; }

#mvo { background: url(http://www.dura-vermeer.nl/img/navigation/main/mvo_duurzaamheid.gif); width: 167px; }
#mvo:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/mvo_duurzaamheid.gif) -167px 0; }
#mvo.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/mvo_duurzaamheid.gif) -334px 0; }

#contact { background: url(http://www.dura-vermeer.nl/img/navigation/main/contact.gif); width: 75px; }
#contact:hover { background: url(http://www.dura-vermeer.nl/img/navigation/main/contact.gif) -75px 0; }
#contact.active { background: url(http://www.dura-vermeer.nl/img/navigation/main/contact.gif) -150px 0; }

#contact_nav ul {
float: left;
list-style: none;
margin-top: 10px;
}

#contact_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#contact_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 31px; } 

#tabmap { background: url(/img/contact/tab_map.png); width: 117px; }
#tabmap:hover { background: url(/img/contact/tab_map.png) -117px 0; }
#tabmap.active { background: url(/img/contact/tab_map.png) -117px 0; }

#tablijst{ background: url(/img/contact/tab_lijst.png); width: 117px; }
#tablijst:hover { background: url(/img/contact/tab_lijst.png) -117px 0; }
#tablijst.active { background: url(/img/contact/tab_lijst.png) -117px 0; }


/*Sub navigation*/
/*ALGEMEEN*/

#sub_nav ul {
list-style: none;
}

#sub_nav li { float: left; list-style:none; margin: 0; padding: 0 }
#sub_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 22px; } 



#zoeken{ background: url(/img/navigation/common/zoeken.gif); width: 214px; }
#zoeken:hover { background: url(/img/navigation/common/zoeken.gif) -214px 0; }
#zoeken.active { background: url(/img/navigation/common/zoeken.gif) -428px 0; }

#sitemap { background: url(/img/navigation/common/sitemap.gif); width: 214px; }
#sitemap:hover { background: url(/img/navigation/common/sitemap.gif) -214px 0; }
#sitemap.active { background: url(/img/navigation/common/sitemap.gif) -428px 0; }

#disclaimer { background: url(/img/navigation/common/disclaimer.gif); width: 214px; }
#disclaimer:hover { background: url(/img/navigation/common/disclaimer.gif) -214px 0; }
#disclaimer.active { background: url(/img/navigation/common/disclaimer.gif) -428px 0; }

/*BEDRIJF*/

#algemeen { background: url(http://www.dura-vermeer.nl/img/navigation/company/algemeen.gif); width: 214px; }
#algemeen:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/algemeen.gif) -214px 0; }
#algemeen.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/algemeen.gif) -428px 0; }

#missie { background: url(http://www.dura-vermeer.nl/img/navigation/company/missie.gif); width: 214px; }
#missie:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/missie.gif) -214px 0; }
#missie.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/missie.gif) -428px 0; }

#visie { background: url(http://www.dura-vermeer.nl/img/navigation/company/visie.gif); width: 214px; }
#visie:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/visie.gif) -214px 0; }
#visie.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/visie.gif) -428px 0; }

#historie { background: url(http://www.dura-vermeer.nl/img/navigation/company/historie.gif); width: 214px; }
#historie:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/historie.gif) -214px 0; }
#historie.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/historie.gif) -428px 0; }

#financien { background: url(http://www.dura-vermeer.nl/img/navigation/company/financien.gif); width: 214px; }
#financien:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/financien.gif) -214px 0; }
#financien.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/financien.gif) -428px 0; }

#doelstelling { background: url(http://www.dura-vermeer.nl/img/navigation/company/doelstellingen.gif); width: 214px; }
#doelstelling:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/doelstellingen.gif) -214px 0; }
#doelstelling.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/doelstellingen.gif) -428px 0; }

#bestuur { background: url(http://www.dura-vermeer.nl/img/navigation/company/bestuur.gif); width: 214px; }
#bestuur:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/bestuur.gif) -214px 0; }
#bestuur.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/bestuur.gif) -428px 0; }

#organogram { background: url(http://www.dura-vermeer.nl/img/navigation/company/organogram.gif); width: 214px; }
#organogram:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/organogram.gif) -214px 0; }
#organogram.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/organogram.gif) -428px 0; }

#publicaties { background: url(http://www.dura-vermeer.nl/img/navigation/company/publicaties.gif); width: 214px; }
#publicaties:hover { background: url(http://www.dura-vermeer.nl/img/navigation/company/publicaties.gif) -214px 0; }
#publicaties.active { background: url(http://www.dura-vermeer.nl/img/navigation/company/publicaties.gif) -428px 0; }

/*CONTACT*/

#adres { background: url(/img/navigation/contact/adres_hoofdkantoor.gif); width: 214px; }
#adres:hover { background: url(/img/navigation/contact/adres_hoofdkantoor.gif) -214px 0; }
#adres.active { background: url(/img/navigation/contact/adres_hoofdkantoor.gif) -428px 0; }

#adres_vestiging { background: url(/img/navigation/contact/adressen_vestigingen.gif); width: 214px; }
#adres_vestiging:hover { background: url(/img/navigation/contact/adressen_vestigingen.gif) -214px 0; }
#adres_vestiging.active { background: url(/img/navigation/contact/adressen_vestigingen.gif) -428px 0; }

#reactieformulier { background: url(/img/navigation/contact/reactieformulier.gif); width: 214px; }
#reactieformulier:hover { background: url(/img/navigation/contact/reactieformulier.gif) -214px 0; }
#reactieformulier.active { background: url(/img/navigation/contact/reactieformulier.gif) -428px 0; }

/*MVO*/

#mvo_algemeen { background: url(/img/navigation/mvo/algemeen.gif); width: 214px; }
#mvo_algemeen:hover { background: url(/img/navigation/mvo/algemeen.gif) -214px 0; }
#mvo_algemeen.active { background: url(/img/navigation/mvo/algemeen.gif) -428px 0; }

#integriteitsbeleid { background: url(/img/navigation/mvo/integriteitsbeleid.gif); width: 214px; }
#integriteitsbeleid:hover { background: url(/img/navigation/mvo/integriteitsbeleid.gif) -214px 0; }
#integriteitsbeleid.active { background: url(/img/navigation/mvo/integriteitsbeleid.gif) -428px 0; }

#dvg_people { background: url(/img/navigation/mvo/dvg_people.gif); width: 214px; }
#dvg_people:hover { background: url(/img/navigation/mvo/dvg_people.gif) -214px 0; }
#dvg_people.active { background: url(/img/navigation/mvo/dvg_people.gif) -428px 0; }

#dvg_planet { background: url(/img/navigation/mvo/dvg_planet.gif); width: 214px; }
#dvg_planet:hover { background: url(/img/navigation/mvo/dvg_planet.gif) -214px 0; }
#dvg_planet.active { background: url(/img/navigation/mvo/dvg_planet.gif) -428px 0; }

#dvg_prosperity { background: url(/img/navigation/mvo/dvg_prosperity.gif); width: 214px; }
#dvg_prosperity:hover { background: url(/img/navigation/mvo/dvg_prosperity.gif) -214px 0; }
#dvg_prosperity.active { background: url(/img/navigation/mvo/dvg_prosperity.gif) -428px 0; }

/*NIEUWS*/

#nieuws2 { background: url(/img/navigation/nieuws/nieuws.png); width: 214px; }
#nieuws2:hover { background: url(/img/navigation/nieuws/nieuws.png) -214px 0; }
#nieuws2.active { background: url(/img/navigation/nieuws/nieuws.png) -428px 0; }

#nieuwsarchief { background: url(/img/navigation/nieuws/nieuwsarchief.png); width: 214px; }
#nieuwsarchief:hover { background: url(/img/navigation/nieuws/nieuwsarchief.png) -214px 0; }
#nieuwsarchief.active { background: url(/img/navigation/nieuws/nieuwsarchief.png) -428px 0; }

#persvoorlichting { background: url(/img/navigation/nieuws/persvoorlichting.png); width: 214px; }
#persvoorlichting:hover { background: url(/img/navigation/nieuws/persvoorlichting.png) -214px 0; }
#persvoorlichting.active { background: url(/img/navigation/nieuws/persvoorlichting.png) -428px 0; }

#beeldbank{ background: url(/img/navigation/nieuws/beeldbank.gif); width: 214px; }
#beeldbank:hover { background: url(/img/navigation/nieuws/beeldbank.gif) -214px 0; }
#beeldbank.active { background: url(/img/navigation/nieuws/beeldbank.gif) -428px 0; }

/*THEMA*/

#wonen { background: url(/img/navigation/thema/wonen.gif); width: 214px; }
#wonen:hover { background: url(/img/navigation/thema/wonen.gif) -214px 0; }
#wonen.active { background: url(/img/navigation/thema/wonen.gif) -428px 0; }

#werken { background: url(/img/navigation/thema/werken.gif); width: 214px; }
#werken:hover { background: url(/img/navigation/thema/werken.gif) -214px 0; }
#werken.active { background: url(/img/navigation/thema/werken.gif) -428px 0; }

#vrijetijd { background: url(/img/navigation/thema/vrije_tijd.gif); width: 214px; }
#vrijetijd:hover { background: url(/img/navigation/thema/vrije_tijd.gif) -214px 0; }
#vrijetijd.active { background: url(/img/navigation/thema/vrije_tijd.gif) -428px 0; }

#mobiliteit { background: url(/img/navigation/thema/mobiliteit.gif); width: 214px; }
#mobiliteit:hover { background: url(/img/navigation/thema/mobiliteit.gif) -214px 0; }
#mobiliteit.active { background: url(/img/navigation/thema/mobiliteit.gif) -428px 0; }

#navigation {
	height: 350px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#dbeae9;
	width:212px;
	border-right: 1px solid #87b9b6;
	border-left: 1px solid #87b9b6
}

#navigation a.head {
	vertical-align: text-bottom;
	height: 34px;
	cursor:pointer;
	background-image:url(/img/thema/menu2.gif);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	color:#006B64;
	display:block;
	font-weight:bold;
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-indent:56px;
	text-decoration: none;
	line-height:30px;
	padding-top: 3px;
}


#navigation a.head:hover {
	background-color: #FFF
}
#navigation a.selected {
background-color:#84B8B4
	/*background-image: url(expanded.gif);*/
}
#navigation a.current {
	/*background-color:#FFFF99;*/
	color: #000;
	font-weight: bold
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#navigation li {
	list-style:none outside none; display:inline;
	
}
#navigation li li a {
	height: 16px;
	margin-top: 4px;
	color:#006B64;
	display:block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: solid 1px #B7CED7
}
#navigation li li a:hover {
	/*background-color:#FFFF99;*/
	color:#006B64;
	text-decoration: underline
}

.basic  {
	width: 466px;
	font-family: helvetica, arial;
	border: 1px solid #DAEAE9;
}
.basic div {
	background-color: #FFF;
}

.basic p {
	border: none;
	text-decoration: none;
	font-size: 12px;
	padding-left: 20px;

}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #006B64;
	background-color: #F1F1F4;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("/img/mvo/AccordionTab2.gif");
}

.basic a:hover {
	background-color: #DAEAE9;
	background-image: url("/img/mvo/AccordionTab0.gif");
}

div#list1b a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	font-weight: bold;
	font-size: 12px;
	color: #006B64;
	background-color: #F1F1F4;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("/img/mvo/AccordionTab2.gif");
	text-decoration: none;
}

div#list1b a:hover {
	display:block;
	background-color: #DAEAE9;
	background-image: url("/img/mvo/AccordionTab0.gif");
}

div#list1b p {
padding: 10px;
}


.basic a.selected {
	color: #006B64;
	background-color: #DAEAE9;
	background-image: url("/img/mvo/AccordionTab0.gif");
}

div#list1b a.selected {
	color: #006B64;
	background-color: #DAEAE9;
	background-image: url("/img/mvo/AccordionTab0.gif");
}

div#list1b a.link 
{
font-weight: normal;
display: inline;
padding: 0; margin: 0;
text-decoration:underline;
background-color: White;
background-image: none;
border: 0
}

div#list1b a.link:hover
{
display: inline;
padding: 0; margin: 0;
text-decoration:none;
background-color: White;
background-image: none;
border: 0
}

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/
.sIFR-active h1.sifr {
  visibility: hidden;
  font-size: 14px;
}

.sIFR-active h2.sifr {
  visibility: hidden;
  line-height: 1em;
  font-size: 24px;
   /*margin-left: -1px;*/
  padding: 0;
 
}

.sIFR-active h2.int {
  visibility: hidden;
  line-height: 1em;
  font-size: 22px;
  padding: 0;
 
}



.sIFR-active h2.hel {
	visibility: hidden;
	font-size:12px; 
	line-height: 1em;
}

.sIFR-active h2.helgroen {
	visibility: hidden;
	font-size:12px; 
	line-height: 1em;
	padding: 0;
}

.sIFR-active h2.helgroen15 {
	visibility: hidden;
	font-size:14px; 
	line-height: 1em;
	padding: 0;
}

.sIFR-active h4.hel {
	visibility: hidden;
	font-size:12px; 
}
.sIFR-active h3.hel {
	visibility: hidden;
	font-size:22px; 
	font-weight: normal;
	line-height: 1em;
}

.sIFR-active h3.hel15 {
	visibility: hidden;
	font-size:15px; 
	font-weight: normal;
	line-height: 1em;
	padding: 0;
}

.sIFR-active h3.hel13 {
	visibility: hidden;
	font-size:12px; 
	font-weight: normal;
}

.sIFR-active h5.hel14 {
	visibility: hidden;
	font-size:12px; 
}


.sIFR-active h3.sifr, h5.sifr {
  visibility: hidden;
  line-height: 1em;
  font-size: 12px;
  padding: 0;
  margin: 0
}

.sIFR-active h4.sifr {
  visibility: hidden;
  line-height: 1em;
  font-size: 15px;
  padding: 0;
  margin: 0
}


.route li {
    padding: 0px 0px 0px 15px;
	background: url(/img/contact/list-pijl.gif) 0px 5px no-repeat;
    }

.reactiebalk {
background-color: #f2f2f5;
padding: 3px;
border: solid 1px #eee
}