/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}

/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	color: #000;
	font: normal 0.7em/155% Tahoma, Arial, Verdana;
	text-align: center;
}

body.homepage {
	background: #fff url("../images/bg_home_repeater.gif") repeat-x scroll 0 0;
}
body.subpage {
	background: #fff url(../images/bg_subpages_repeater.gif) repeat-x scroll 0 0;
}

div.container {
	width:					984px;
	margin:					0 auto;
	border:					0;
	text-align:				left;
}

img.png, div.png { behavior: url(css/iepngfix.htc); }

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#82a200;}
a:active {color:#82a200;}


/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:100%;}

/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#9fba00; font-family: arial; font-weight: bold;}
h1 {
	font-size: 2em;
	font-family: Tahoma;
	color: #93b500;
}

h2 {
	font-size: 1.25em;
	background: #fff url("../images/icon_slash.gif") no-repeat scroll 0 2px;
	padding: 0 0 0 12px;
}

h3 {font-size: 1.15em;}
h4, h5, h6 {font-size: 1em;}

p {
	/*margin: 12px 0 12px 0;*/
	margin: 0;
	padding: 10px 0 12px 0;
}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea {
	font: normal 100% Trebuchet MS, Arial, Verdana, Tahoma;
	color: #000;
}

input.textfield, textarea.textfield {
	border: solid 1px #aec840;
	padding: 2px 2px 1px 3px;
	background: #fff url("../images/bg_textfield.gif") repeat-x scroll 0 0;
	width: 193px;
}

input.textfield {
	height: 18px;
}
input.textarea {
	height: 73px;
}

input.file {
	border: solid 1px #aec840;
	padding: 2px 2px 1px 3px;
	height: 22px;
	width: 268px;
}


/* ---------------------------------------------------------------------------------------------------- */
/* -- Home aanpassingen 17 november 2008 -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

input.header-search-textfield {
	border:					1px solid #d9d9d9;
	height:					15px;	/*25px*/
	width:					159px; /*176px*/
	padding:					5px;
}

input.header-search-btn {
	width:					57px;
	height:					27px;
	background:				none;
	border:					none;
}

div.header-search {
	float: 					right;
	margin:					0 0 0 0;
	padding: 				45px 0 0 0;
}

div.header-image {
	float: 					left;
	height: 					107px;
	width: 					472px;
}

div.header-green {
	width:					984px;
	height:					29px;
	background-color:		#93b500;
}

div.header {
	width:					944px;
	height: 					107px;/*107*/
}

div.header ul.nav {
	height: 					45px;
	width: 					984px;
}

div.logo {
	float: 					left;
	width: 					195px;
	margin: 					0 30px 0 9px;
	height: 					73px;
	padding-top:			15px;
}

div.flash-object-home	{
	width:					944px;
	height:					357px;
	margin:					1px 0 0 0;
}

div.introbox-home {
	width:					196px; /*236*/
	float:					left;
	margin-top:				10px;	
	padding:					0 20px 0 20px;
}
div.introbox-home li {
	padding: 0 0 0 20px;
	list-style-type: none;
	background: #ffffff url(../images/icon_bullet.gif) no-repeat 7px left;
	line-height: 1.7em;
}

div.introbox-home ul {
	padding: 0 0 0 0px;
	margin:					0px 0px 0px 0px;
}

div.nieuwsitems {
	background:				url(../images/bg_nieuwsitems.gif) repeat-y scroll 0 0;
	margin:					20px 0 0 0;
}


/* -- home ------------------------------------------------------- */
/*aangepast 19juni2008*/

div.header a {text-decoration: none;}
div.header div.logo img {margin: 0 0 0 20px;}

div.header div.imageandsearch {
	float: left;
	position: relative;
	width: 785px;
	height: 130px;
}
div.header div.imageandsearch img {
	position: absolute;
}

div.header div.imageandsearch div.search {
	position: absolute;
	right: 0;
	top: 100px;
	width: 260px;
	height: 25px; /*30*/
	padding: 5px 0 0 0;
}
div.header div.imageandsearch div.search input.textfield {
	width: 115px;
	border: none;
}
a.search {
	font-weight: bold;
	margin-left: 15px;
}
/*einde aangepast 19juni2008*/

div.clickpath {
	height: 28px;
	padding: 6px 0 0 36px;
	color: #7f7f7f;
}
div.clickpath img {
	vertical-align: middle;
	padding: 0 4px 0 4px;
}
div.clickpath a, div.clickpath a:visited {
	text-decoration: underline;
	color: #7f7f7f;
}
div.clickpath a:hover, div.clickpath a:active, div.clickpath a:focus {
	color: #82a200;
}

/*main nav*/
ul.nav {
	width: 100%;
	overflow: hidden;
	height: 45px;
	margin: 0;
	padding: 0;
	list-style:none;
	background-color: #000000;
	font-size: 13px;
}
ul.nav li {
	float: left; 
	padding: 0 22px 0 5px;
	height: 45px;
	line-height: 45px;
	margin: 0;
}
ul.nav li.first {
	padding: 0 22px 0 13px;
}
ul.nav li.true {
	background: #ffffff url(../images/tab_right_true.gif) no-repeat center right;
}
/*deze style vormt de linkerkant van het actieve item*/
ul.nav li.trueside {
	background: #000000 url(../images/tab_left_true.gif) no-repeat center right;
}
ul.nav li a, ul.nav li a:visited {
	float: left;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	height: 45px;
	line-height: 45px;
}
ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active {
	color: #82a200;
}
ul.nav li.true a, ul.nav li.true a:visited {
	color: #82a200;
}

/*columns*/
div.contenthome div.col1 {
	width: 630px;
	float: left;
	padding: 0 0 0 20px;
}

/*col2 exists on every page*/
div.col2 {
	width: 255px; 
	padding: 8px 20px 0 0;
	float: right;
}

/*sideitems*/
div.sideitem {
	border-bottom: 1px solid #d4e199;
	padding: 0px 20px 0 0;
	margin: 0 0 13px 0;
}
div.sideitemlast {
	border-bottom: none;
}

/*3 tabs with content*/
/*tabcontent subnav*/
div.tabcontent div.tabs {
	width: 100%;
	height: 32px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
}
div.tabcontent div.tabs div.false {
	float: left; 
	width: 210px;
	margin: 0;
	height: 32px;
	line-height: 32px;
	background: #ffffff url(../images/subtab_false.gif) no-repeat 0 0;
}
div.tabcontent div.tabs div.true {
	background: #ffffff url(../images/subtab_true.gif) no-repeat 0 0;
	float: left; 
	width: 210px;
	margin: 0;
	height: 32px;
	line-height: 32px;
}
div.tabcontent div.tabs a, div.tabcontent div.tabs a:visited {
	display: block;
	text-align: center;
	width: 100%;
	height: 32px;
	line-height: 32px;
	float: left;
	color: #93b500;
	font-weight: bold;
	text-decoration: none;
}
div.tabcontent div.tabs a:hover, div.tabcontent div.tabs a:focus, div.tabcontent div.tabs a:active {
	color: #82a200;
}
div.tabcontent div.tabs div.true a, div.tabcontent div.tabs div.true a:visited {
	color: #82a200;
}

/*----tabcontent----*/
/*nieuws*/
div.nieuws div.newsitem {
	padding: 0 0 25px 0;
}
div.nieuws div.newsitem img {
	float: left;
	padding: 0 20px 0 0;
}
div.nieuws div.newsitem div.text {
	float: left;
	/*padding: 0 0px 0 20px;*/
	width: 410px;
}
div.nieuws div.newsitem h4 {
	color:  #000000;
	font-size: 1em;
}
/*
div.nieuws div.newsitem h4 a{
	text-decoration: none;
}
*/
div.nieuws div.newsitem p {
	padding-top: 2px;
	margin: 0;
	text-align: justify;
}
div.nieuws a.bottomlink {
	padding-right: 20px;
}

/*innovaties en groene daken*/
div.tabcontent div.innovaties ul.subnav, div.tabcontent div.groenedaken ul.subnav {
	float: left;
	width: 250px;
}
div.tabcontent div.innovaties div.item, div.tabcontent div.groenedaken div.item {
	float: right;
	width: 350px;
}
div.tabcontent div.innovaties p, div.tabcontent div.groenedaken p {
	margin-top: 6px;
}

div.tabcontent ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.tabcontent ul.subnav li {
	border-bottom: 1px solid #d4e199;
}
div.tabcontent ul.subnav li a {
	text-decoration: none;
	display: block;
	height: 23px;
	padding: 5px 0 0 15px;
}
div.tabcontent ul.subnav li.true a {
	color: #82a200;
}
div.tabcontent ul.subnav li a:hover, div.tabcontent ul.subnav li a:focus, div.tabcontent ul.subnav li a:active {
	background-color: #f4f7e5;
}

/*photoscroller*/
div.photoscroller {
	margin-top: 10px;
	height: 160px;
	width: 984px;
	background: #fff url("../images/bg_photoscroller_wide.gif") no-repeat scroll 0 0;
	text-align: center;
}
div.photoscroller h2 {
	margin: 0px auto 17px auto;
	padding-top: 5px;
	width: 200px;
	text-align: left;
	background: #fff url("../images/icon_slash.gif") no-repeat scroll 0 7px;
}

/*footer*/
div.footer {
	color: #7f7f7f;
	padding: 15px 0 20px 0;
	text-align: center;
	margin: 0px 0 0 0;
}
div.footer a {
	color: #7f7f7f;
	text-decoration: none;
}
div.footer a:hover, div.footer a:focus, div.footer a:active {
	color: #000000;
}
div.footer img {
	vertical-align: middle;
	padding: 0 4px 0 4px;
}

/* -- subpages general ------------------------------------------------------- */
div.contentsubpage div.col1 {
	width: 664px;
	float: left;
	padding: 0 0 0 20px;
}
div.contentsubpage div.col1 div.background {
	background: #fff url("../images/bg_subpagecol1.gif") no-repeat scroll 0 0;
	border-bottom: 1px solid #d4e199;
	padding-bottom: 7px;
}
div.contentsubpage div.col1 div.subcol1 {
	width: 206px;
	float: left;
	padding: 6px 0 0 0;
	border: none;
}
div.contentsubpage div.col1 div.subcol2 {
	width: 407px; /*458*/
	float: left;
	padding: 13px 27px 0 24px;
	padding-right: 15px;
}

div.contentsubpage div.col1 div.subcol2 div.titlewithbuttons h2 {
	width: 395px;
	float: left;
	padding: 0 0 15px 12px;
}
div.contentsubpage div.col1 div.subcol2 div.titlewithbuttons div.buttons {
	float: right;
	padding-left: 20px;
}
div.titlewithbuttons a {
	color: #7f7f7f;
}
div.titlewithbuttons a:hover, div.titlewithbuttons a:focus, div.titlewithbuttons a:active {
	color: #000000;
}
div.titlewithbuttons div.buttons img {
	vertical-align: middle;
	padding: 0 4px 0 4px;
}

div.contentsubpage h1 {
	padding: 0 0 0 14px;
	height: 55px;
	line-height: 26px; 
}

div.contentsubpage div.sideitem input.textfield {
	margin: 0 0 5px 0;
}
div.contentsubpage div.sideitem input.textarea {
	margin: 0 0 5px 0;
}
div.contentsubpage div.sideitem label {
	display: block;
}
div.contentsubpage div.sideitem span.required {
	color: #ff0000;
}

/*subnav en subsubnav-base-styles*/
div.contentsubpage ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.contentsubpage ul.subnav li {
	border-bottom: 1px solid #d4e199;
	list-style-type: none;
	padding-left: 1px;
}
div.contentsubpage ul.subnav li a {
	text-decoration: none;
	display: block;
	/*height: 23px;*/
	/*padding: 5px 0 0 14px;*/
	min-height: 17px; /*oplossing voor ie6 whitespace bug maar dan aan de onderkant ipv bovenkant, de echte style voor ie6 staat in lt_ie7.css*/
	padding: 5px 0 6px 14px;
	line-height: 17px;
}
div.contentsubpage ul.subnav li.true a {
	color: #82a200;
}
div.contentsubpage ul.subnav li a:hover, div.contentsubpage ul.subnav li a:focus, div.contentsubpage ul.subnav li a:active {
	background-color:#F4F7E5;
}
/*subsubnav inside subnav*/
div.contentsubpage ul.subnav li.subsubnav {
	height: auto;
}
div.contentsubpage ul.subnav ul.subsubnav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; /*fix voor list-whitespace-bug, deze oplossing werkt tevens in safari werkt*/
	/*display: inline-block !important;*/ /*fix voor list-whitespace-bug (in li.subsubnav) in IE, werkt niet helemaal in safari*/
	/*zoom: 1;*/ /*fix alternatief*/
}
div.contentsubpage ul.subnav ul.subsubnav li {
	/*margin-left: 30px;*/
}
div.contentsubpage ul.subnav ul.subsubnav li.last {
	border-bottom: none;
}
div.contentsubpage ul.subnav ul.subsubnav li a {
	padding: 5px 0 6px 30px;
	/*background: transparent url("../images/icon_arrowright.gif") no-repeat scroll 15px center;*/
}


/*sideitems*/
div.contentsubpage div.sideitemadvies a.versturen {
	font-weight: bold;
	display: block;
	margin: 5px 0 13px 0;
	padding: 0 0 0 143px;
}

div.contentsubpage div.sideitemcontact {
	padding-bottom: 2px;
}
div.contentsubpage div.sideitemcontact p {
	margin-top: 0;
	padding-top: 0;
}
div.contentsubpage div.sideitemcontact h4 {
	color: #000000;
}
div.contentsubpage div.sideitemcontact a.expandbutton {
	display: block;
	margin-top: 12px;
	padding: 0 0 0 0px;
	font-weight: bold;
	background: transparent url("../images/icon_arrowup.gif") no-repeat scroll 103px 6px;
}

/*sideitems on subpages*/
div.contentsubpage div.sideitem a.document {
	padding: 0 0 0 32px;
	background: transparent url("../images/icon_pdf_32.gif") no-repeat scroll 0px 0px;
	display: block;
	height: 3em;
	margin: 0;
}
div.contentsubpage div.sideitem a.help {
	display: block;
	padding: 0 0 15px 0;
}

div.contentsubpage div.faq ul, div.contentsubpage div.sideitem ul {
	padding: 6px 0 6px 0;
	margin: 0;
	list-style: none;
}
div.contentsubpage div.faq li, div.contentsubpage div.sideitem li {
	padding: 5px 0 5px 0;
	list-style-type: none;
	margin: 0;
}

/* -- subpage projecten  ------------------------------------------------------- */
div.contentsubpage div.smallitem {
	padding: 0 0 12px 0;
}
div.contentsubpage div.smallitem div.image {
	float: left;
	position: relative;
}
div.contentsubpage div.smallitem div.image img.overlay {
	position: absolute;
	left: 135px;
}
div.contentsubpage div.smallitem div.image a img {
	padding-top: 14px;
}
div.contentsubpage div.smallitem div.text {
	float: left;
	padding: 14px 0px 0 20px;
	width: 200px;
}
div.contentsubpage div.smallitem h3 {
	font-size: 1em;
}
div.contentsubpage div.smallitem p {
	padding-top: 2px;
	margin: 0;
}

/* -- subpage producten  ------------------------------------------------------- */
div.contentsubpage div.flashphotoblock {
	margin-top: 30px;
	padding: 0 0 8px 0;
}

div.contentsubpage2 h1 {
	font-size: 1.8em;
	height: 55px;
	line-height: 22px;
}

div.contentsubpage div.producttable {
	background: transparent url("../images/bg_producttable.gif") repeat-y scroll 0 0;
	border: 1px solid #d4e199;
	width: 405px;
	margin-bottom: 12px;
}
div.contentsubpage div.producttable div.wrapper {
	border-top: 1px solid #d4e199;
	width: 405px;
}
div.contentsubpage div.producttable div.wrapperfirst {
	border-top: none;
}
div.contentsubpage div.producttable p.rowheader {
	float: left;
	display: block;
	width: 77px; /*100*/
	margin: 0;
	padding: 10px 10px 10px 13px
}
div.contentsubpage div.producttable div.rowcontent {
	float: left;
	display: block;
	width: 279px;
	padding: 10px 10px 10px 13px
}
div.contentsubpage div.producttable div.rowcontent a.bullet {
	padding: 0 0 0 13px;
	background: transparent url("../images/icon_arrowright.gif") no-repeat scroll 0px 4px;
}

/* -- subpage opdrachtgevers  ------------------------------------------------------- */
div.smallimageitem {
	float: left;
	width: 202px; /*202*/
	padding: 7px 0px 10px 0;
}
div.smallimageitem a img {
	display: block;
	float: left;
	border: solid 1px #d4e199; 
}
div.smallimageitem div.text {
	float: left;
	padding: 0px 16px 0 9px;
	width: 114px; /*139*/
	/*height: 61px;*/
	overflow: hidden;
}
div.smallimageitem h3 {
	font-size: 1em;
}
div.smallimageitem h4 a {
	color: #9fba00 !important;
}
div.smallimageitem p {
	padding-top: 2px;
	padding: 2px 0 0px 0;
	margin: 0;
}
div.smallimageitem a {
	text-decoration: none;
}

/* -- subpage nieuwsitems  ------------------------------------------------------- */
div.contentsubpage-news {
}

div.contentsubpage div.nieuws {
	padding: 10px 0 5px 0;
}
div.contentsubpage div.nieuws div.newsitem {
	/*width: 403px;*/
	padding: 0 0 25px 0;
}
div.contentsubpage div.nieuws div.newsitem div.text {
	width: 255px; /*minder breed dan op home*/
	/*padding: 0 0 0 20px;*/
}
div.contentsubpage div.nieuws a.bottomlink {
	padding-right: 20px;
}
div.contentsubpage div.nieuws div.newsitem h3 span {
	font-weight: normal;
}

/* -- subpage diensten & producten  ------------------------------------------------------- */
div.contentsubpage div.mediumitem {
	width: 185px;
	float: left;
	padding: 0 16px 22px 0;
}
div.contentsubpage div.mediumitem div.image {
	position: relative;
	top: -8px;
}
div.contentsubpage div.mediumitem div.image img.overlay {
	position: absolute;
	left: 135px;
}
div.contentsubpage div.mediumitem div.image a img {
	padding-top: 14px; 
}
div.contentsubpage div.mediumitem div.text {

}
div.contentsubpage div.mediumitem h3 {
	font-size: 1em;
	padding: 0px 0 0 0;
	height: 17px; /*ivm het floaten vd mediumitem in een rijtje na elkaar, mag de height vd mediumitem blokjes niet onderling verschillen. anders verspringen ze cq staan niet meer goed onder elkaar*/
	overflow: hidden;
}
div.contentsubpage div.mediumitem a.leesmeer {
	position: absolute;
	top: 127px;
	left: 0px;
}

/*div.spacer {
	width: 30px;
	float: left;
	background-color: aqua;
}*/

div.contentsubpage ul.simplelist {
	padding: 0 0 12px 0;
	margin: 0 0 0 0px;
	list-style: none;
}
div.contentsubpage ul.simplelist li {
	padding: 0 0 0 20px;
	list-style-type: none;
	background: #ffffff url(../images/icon_bullet.gif) no-repeat 0 center;
	line-height: 1.7em;
}

div.subcol2 ul {
	padding: 0 0 12px 0;
	margin: 0 0 0 0px;
	list-style: none;
}
div.subcol2 li {
	padding: 0 0 0 20px;
	list-style-type: none;
	background: #ffffff url(../images/icon_bullet.gif) no-repeat 7px left;
	line-height: 1.7em;
}


div.contentsubpage div.textarticle h4 {
	font-size: 1em;
	padding-top: 8px;
}
div.contentsubpage div.textarticle p {
	padding: 2px 0 10px 0;
}

/* -- subpage form  ---------------------------------------------------------------------- */
div.contentsubpage div.form {
	padding-bottom: 20px;
	width: 405px;
}
div.contentsubpage div.form a.versturen {
	font-weight: bold;
	display: block;
	margin: 5px 11px 13px 0;
	/*padding: 0 0 0 250px;*/
	float:right;
}
div.contentsubpage div.form textarea.textfield {
	height: 100px;
	/*width: 300px;*/
	width: 210px;
}
div.contentsubpage div.form input.textfield {
	margin: 0 0 10px 0;

}
div.contentsubpage div.form label.block {
	display: block;
}
table.form td, table.form th {
	padding: 4px 0;
}

div.divider {
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	line-height: 0;
	border-bottom: solid 1px #e1dfec;
}
table.form td {
	width:220px;
	vertical-align:top;
	white-space:nowrap;
	padding-right: 5px;
}
table.form td.colspan {
	width:220px;
}
table.form td.colspan3 {
	width:250px;
}
table.form td.stap3 {
	width:250px;
	text-align: center;
}
table.form p.noprint {
	padding: 10px 0 15px 20px;
}
table.form p.noprint a {
	font-weight: normal;
}
table.form td.notes {
	width:114px;/*128*/
	padding: 7px;
	background-color: #f6f5fa;
	font-size: 90%;
	line-height: 110%;
	color: #494992;
}
table.form td.notes3 {
	width:170px;/*128*/
	padding: 7px;
	background-color: #f6f5fa;
	font-size: 90%;
	line-height: 110%;
	color: #494992;
}
table.form td.notes a, table.form td.notes3 a {
	font-weight: normal;
}
table.form input.textfield, table.form select.textfield {
	width:190px;
}
.vcenter * {vertical-align: middle;}
.nb {font-size:85%;line-height: 110%;}

select.day {width:52px; margin-bottom: 3px;}
select.month {width:84px; margin-bottom: 3px;}
select.year {width:57px; margin-bottom: 3px;}

div.zoekres-pagenav {
	margin: 					15px 0; 
	font-weight: 			bold;
	font-size: 				0.95em;
}

a.btn-wrapper {
	margin: 					5px 0;
	line-height:			16px;
	padding: 				0 14px;
}

span.zoekres-pagenav-true {
	color:					#9fba00;
	padding:					0 11px;
}

span.btn-wrapper {
	color:					#b4b4b5;
	padding:					0 11px 0 0;
}