/* Henssen - CSS Document */
/* ----- */

body {font-family:Arial, Helvetica, sans-serif; font-size:0.75em;}

a {	text-decoration:none; color: #5aaa47;}
a:hover { color: #1e419b }

img {border:0;}

img.left {float:left; padding:0 20px 20px 0; margin:0px;}
img.right {float:right; padding:0 0 20px 20px; margin:0px;}

h1 {padding:0; margin:0; font-size:2.0em;}
h2 {padding:0; margin:0; font-size:1.58em;}
h3 {padding:0; margin:0; font-size:1.50em;}

h4 {color: #ffffff; padding:0; margin:0; font-size:1.50em; font-weight:bold;}
h5 {color: #1e419b; padding:0; margin:0; font-size:0.92em;}

h6 {color: #5aaa47; padding:0; margin:0; font-size:2.0em; font-style:italic;}

.fotocontainer {position:relative; float:left; width:100px; height:75px; padding:3px; margin:0 5px 5px 0; background:none; border:1px solid #d0d0d0; }
		
.henssen ul.menu {color: #1e419b;}
.groenvoorziening ul.menu {color: #5aaa47;}
.grondwerken ul.menu {color: #754532;}
.maaiwerken ul.menu {color: #0764ad;}
.verhardingen ul.menu {color: #9a2215;}
.tuinen ul.menu {color: #e8931f;}

.henssen ul.menu li a {background:#1e419b url(/img/menu_empty_link_blauw.gif) left bottom repeat-x;}
.groenvoorziening ul.menu li a {background:#5aaa47 url(/img/menu_empty_link_groen.gif) left bottom repeat-x;}
.grondwerken ul.menu li a {background:#754532 url(/img/menu_empty_link_bruin.gif) left bottom repeat-x;}
.maaiwerken ul.menu li a {background:#0764ad url(/img/menu_empty_link_lichtblauw.gif) left bottom repeat-x;}
.verhardingen ul.menu li a {background:#9a2215 url(/img/menu_empty_link_rood.gif) left bottom repeat-x;}
.tuinen ul.menu li a {background:#e8931f url(/img/menu_empty_link_geel.gif) left bottom repeat-x;}

.henssen ul.menu li a:hover,
.henssen ul.menu li a.active {color: #95aded;}
.groenvoorziening ul.menu li a:hover,
.groenvoorziening ul.menu li a.active {color: #a9ea9a;}
.grondwerken ul.menu li a:hover,
.grondwerken ul.menu li a.active {color: #ae745d;}
.maaiwerken ul.menu li a:hover,
.maaiwerken ul.menu li a.active {color: #73bdf8;}
.verhardingen ul.menu li a:hover,
.verhardingen ul.menu li a.active {color: #da7368;}
.tuinen ul.menu li a:hover,
.tuinen ul.menu li a.active {color: #ffcd89;}

.henssen div.menu h4 {background:url(/img/menu_titel_blauw.gif) no-repeat;}
.groenvoorziening div.menu h4 {background:url(/img/menu_titel_groen.gif) no-repeat;}
.grondwerken div.menu h4 {background:url(/img/menu_titel_bruin.gif) no-repeat;}
.maaiwerken div.menu h4 {background:url(/img/menu_titel_lichtblauw.gif) no-repeat;}
.verhardingen div.menu h4 {background:url(/img/menu_titel_rood.gif) no-repeat;}
.tuinen div.menu h4 {background:url(/img/menu_titel_geel.gif) no-repeat;}

.maintext ul, .maintext li, #main div.rightmenu h3, ul.menu, #main div.breadprint, #main div.mainrightmenu, #main ul#contact, #main ul#contact li {margin:0; padding:0;}


#container {position:relative; margin:0 auto 0 auto; width:970px; }

/* TOP IMAGE */
#topimage {position:relative; width:970px; height:241px;padding:0; margin:0;}
#topimageplaatje {position: relative; width: 970px; height: 241px; margin: 0;overflow:hidden;}
#topimage img.topimage { position:absolute; width: 970px; height: 241px; top:0; left:0;}

/* TOP IMAGE - Talen Selectie */
#topimage a {position: absolute; display:block; font-size:0.92em; background: center left no-repeat; line-height: 15px; height:15px; padding-left: 18px; z-index:1; top:18px; width:14px;}

#topimage a.active:hover {text-decoration:none;}
#topimage a.nonactive:hover {text-decoration:underline;}
#topimage a.active {color:#d6d5d5;}
#topimage a.nonactive {color:#000;}

#topimage a.sitenl {background-image:url(/img/topimage_nl.gif); left:5px;}
#topimage a.sitebe {background-image:url(/img/topimage_be.gif); left:51px;}

/* TOP IMAGE - Logo */
#topimage a.logo {background-image:url(/img/topimage_logo.gif); left:756px; top:31px; margin:0px; width:166px; height:66px;}

/* TOP IMAGE - HOME */
.topimagehome {height:301px;}
#topimage.topimagehome {height:301px;}
#topimage img.topimagehome {height:301px;}
#home_actiebanner {width:970px; height:301px; position:absolute; top:0; left:0;}

/* TOP MENU */
#topmenu {position:absolute ;width:970px; height:52px; margin:0px; padding:0px; left:0; top:232px; z-index:5; height:69px;}

#topmenu li {list-style:none; position:absolute; float:left; margin:0px; padding:0px; text-align:center; height:69px;}
#topmenu li a{top:8px; position:relative; display:block; width:100%; height:32px; padding-top:20px; border:1px solid #d0d0d0; background:#fff;}
#topmenu li a:hover, #topmenu li a.active{display:block; width:100%; height:39px; padding-top:28px; top:0;}


#topmenu li.maaiwerken, #topmenu li.verhardingen, #topmenu li.henssen  {width: 138px;}
#topmenu li.tuinen,  #topmenu li.grondwerken, #topmenu li.groenvoorziening, #topmenu li.gravityremove {width: 137px;}

#topmenu li.groenvoorziening {left:0}
#topmenu li.maaiwerken {left:138px}
#topmenu li.grondwerken {left:277px}
#topmenu li.verhardingen {left:415px}
#topmenu li.tuinen {left:554px}
#topmenu li.henssen {left:692px}
#topmenu li.gravityremove {left:831px}

/* TOP MENU - HOME*/
#topmenu.topmenuhome {top:292px;}

/* MAIN */
div.main {position:relative;width: 906px;margin: 0px;background:url(/img/main_backgroundfade.gif) left 50px no-repeat;padding:52px 32px 0 32px;}

#main p {margin:0px; padding: 0 0 20px 0; clear:both;}

#main div.breadprint {text-align:left; position:relative; height:15px; padding:13px 0 15px 2px; top:0px; width:904px;}
#main div.breadcrumb {float:left; text-align:left; margin:0px 15px 0px 0px; padding:0px; width:620px; left:20px; top:0px; color:#787878;}
#main div.breadcrumb a {color:#787878}
#main div.breadcrumb a:hover {text-decoration:underline;}

#main a.printpage {background: url(/img/main_printpage.gif) left no-repeat; text-align:right; float:right; line-height:14px; display:block; width:82px; right:0px; top:0px; margin:2px 0px 0px 15px; padding:0px; color:#787878;}
#main a.printpage:hover {color:#787878; text-decoration:underline;}

#main img.printpage {width:81px; height:12px;}
#main div.mainrightmenu {text-align:left; position:relative; margin:5px 0px; top:0px; width:906px;}

.maintext ul {list-style:none; padding-bottom:15px;}
.maintext li,
.adresgegevens li {padding-left:25px; padding-bottom:1px; background:url(/img/main_listimage.gif) no-repeat left center;}

/* MAIN - HOME */
div.mainhome {background:url(/img/main_home_backgroundfade.gif) left 50px no-repeat; width: 961px; margin: 0px; padding:52px 0px 0px 9px;}

div.searchwindow {position:absolute; left:464px; top:336px; background:url(/img/mainhome_searchwindow.png) no-repeat; margin:0px; padding:0px; width:290px; height:234px; z-index:10;}
div.searchblok {padding: 10px 16px 10px 14px;margin:0px; border:0px; background-color:#fff; width:158px; height:108px; float:left; z-index:6;}
ul.searchblok {left:470px; top:391px; margin:0px; padding:0px; position:absolute; z-index:15;}
ul.searchblok li {display:inline;}

form.searchform {padding:0px; margin:0px;}
form.searchform input.searchbox{padding:4px 0 0 6px; margin:0px; width:153px; height:18px; border-style:solid; border-width:1px; border-color:#d9d9d9; font-size:0.92em; color: #7f7f7f;}
form.searchform input.searchbutton{padding:0px; margin:12px 0 0 0px; width:161px; height:24px;}

ul.homeblokken {list-style-type:none; margin:0px; padding:17px 0 0 0px;}
ul.homeblokken li {display:inline;}

div.homeblok1 {margin-left:0px; padding:12px 14px; background-color:#fff; border:1px solid #dcdcdc; width:186px; height:147px; float:left;}
div.homeblok2 {margin-left:12px; padding:12px 14px; background-color:#fff; border:1px solid #dcdcdc; width:186px; height:147px; float:left;}
div.homeblokvragen {margin-left:303px; padding:12px 14px; background-color:#fff; border:1px solid #dcdcdc; width:178px; height:147px; float:left;}

ul.blok {margin:0px; padding:27px 0 0 0;}
ul.blok li {margin:0px; padding:0 0 0 25px; line-height:17px; display:list-item; list-style:none;}
ul li.blok {margin:0px; padding:0 0 0 25px; line-height:17px; display:list-item; list-style:none;}

ul.blok1 {position:absolute; top: 210px; left: 25px; width:180px; margin:0px; padding:0px 0 0 0;}
ul.blok2 {position:absolute; top: 193px; left: 251px; width:180px; margin:0px; padding:0px 0 0 0;}

div.homeblok1 p {margin:0px; padding:0px; height:76px; overflow:hidden;}
div.homeblok2 p {margin:0px; padding:0px; height:58px; overflow:hidden;}

/* MAIN - HOME - ZOEKENBLOK */
div.morgen {background:url(/img/zoeken_goedemorgen.gif) left top no-repeat; width: 90px; height:15px; margin: 0px; padding:0 0 4px 0px;}
div.middag {background:url(/img/zoeken_goedemiddag.gif) left top no-repeat; width: 90px; height:15px; margin: 0px; padding:0 0 4px 0px;}
div.avond {background:url(/img/zoeken_goedenavond.gif) left top no-repeat; width: 90px; height:15px; margin: 0px; padding:0 0 4px 0px;}
div.nacht {background:url(/img/zoeken_goedenacht.gif) left top no-repeat; width: 78px; height:15px; margin: 0px; padding:0 0 4px 0px;}
div.waarmeehelpen {background:url(/img/zoeken_waarmeehelpen.gif) left top no-repeat; width: 159px; height:15px; margin: 0px; padding:0 0 11px 0px;}

/* MAIN - HOME - TOPIMAGE/OVERLAY */
div.topimageoverlay {position:absolute; background:url(/img/home_topimage_overlay.png); padding:22px 0px 0px 27px; margin:0px; width:277px; height:188px; top:72px; left:28px; z-index:30;}


/* MAIN - MAINTEXT */
#main div.maintext {font-size:1.08em;float:left;text-align:left;margin:0px;padding:0px;width:620px;left:20px;top:0px;}
#main div.maintext.wide {width:670px;}

#main div.maintext ul {padding-bottom: 30px;}

#main div.rightmenu {
	float: right;
	width: 200px;
	right: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
}
#main div.rightmenu h3 {
	padding:4px 0; 
	font-size:1.50em;
}

#main div.menu {
	width: 200px;
	padding: 0px;
	margin: 0px;
}

#main div.menu h4 {
	width: 168px;
	display:block;
	height: 26px;
	margin: 0px;
	padding: 10px 0 0 32px;
}

ul.menu{ list-style:none;}

ul.menu li { 
	font-weight: bold;
	display:block;
	color:#fff
}

ul.menu li a{
	line-height:12px;
	display:block;
	color:#fff;
	padding:10px 0 10px 35px;
	margin:0px;
}

ul.menu li a:hover{
	color: #1e419b;
}

#main div.vragen,
#main div.adresgegevens {
	margin:30px 0 0 0;
	border-style: solid;
	border-color: #DEDEDE;
	border-width: 1px;
	text-align: left;
	padding: 8px 0 20px 15px;
	background:#fff;
}
#main div.vragen { font-size:1.18em; }
#main ul#contact, #main ul#contact li {list-style:none; display:block;}
#main ul#contact li.number {padding-left:25px;background: url(/img/icon_telefoon.gif) no-repeat left center;}
#main ul#contact li.adress {margin-top:10px;padding-left:25px;background:url(/img/icon_mail.gif) no-repeat left center;}

#main div.projectinbeeld {
	margin-top:30px;
	border-style: solid;
	border-color: #DEDEDE;
	border-width: 1px;
	text-align: left;
	padding: 4px 0 8px;
}

#main div.rightmenu h3.pibtekst {
	padding: 5px 0 5px 15px; display:block
}

#main div.pibimage {
	margin: 0px;
	padding: 0 0 0 0px;
	border: none;
}

#main img.pibimage {
	width: 198px;
	height: 121px;
}

#main div.pibnavigatie {
	padding: 10px 10px 0px;
	border: none;
	text-align: center;
	font-size: 1.33em;
}

a.arrow_pre,
a.arrow_next { height:19px; width:19px; display:block;}
a.arrow_pre { background:url(/img/nav_left.gif) 0 0 no-repeat; float: left; }
a.arrow_pre:hover { background:url(/img/nav_left.gif) 0 -19px no-repeat; }
a.arrow_next { background:url(/img/nav_right.gif) 0 0 no-repeat; float: right;}
a.arrow_next:hover { background:url(/img/nav_right.gif) 0 -19px no-repeat; }


a.contactopnemen { 
	background:url(/img/button_contact_opnemen.gif) 0 top no-repeat;
	display:block;	
	width: 167px;
	height: 24px;
	border: 0px;
}
a.contactopnemen span { display:none; }
a.contactopnemen:hover { background-position:0 bottom;}


/* classes */
.clear {clear:both}


/* FOOTER */
#footer {position: relative; border-width:1px 0px; border-style:solid none; border-color:#E2E2E2; margin: 25px 0px 15px 0px; margin: 25px 0px 15px 0px; clear:both;	height:24px;}

#footer a {position: absolute; display:block; font-weight:bold; font-size:0.92em; color:#999; background: center left no-repeat; line-height: 24px; height:24px;}
#footer a:hover {text-decoration:underline;}

#footer a.logo {background-image:url(/img/footer_logo.gif); left:10px; width:55px;}
#footer h5 {position:absolute; left:85px; width:250px; top:5px;}

#footer a.cert1 {background-image:url(/img/footer_cert1.gif); left:282px; width:26px;}
#footer a.cert2 {background-image:url(/img/footer_cert2.gif); left:317px; width:21px;}
#footer a.cert3 {background-image:url(/img/footer_cert3.gif); left:352px; width:21px;}
#footer a.cert4 {background-image:url(/img/footer_cert4.gif); left:388px; width:21px;}
#footer a.cert5 {background-image:url(/img/footer_cert5.gif); left:483px; width:50px;}
#footer a.cert6 {background-image:url(/img/footer_cert6.gif); left:419px; width:50px;}

#footer a.sitemap {background-image:url(/img/footer_sitemap.gif); padding: 0 0 0 16px; left:803px; width: 65px;}
#footer a.disclaimer {background-image:url(/img/footer_disclaimer.gif); padding: 0 0 0 16px; left:890px; width: 65px;}

/* FOOTER - HOME */
#footer.footerhome {margin-top: 24px;}



/******************************   TOEVOEGINGEN RIK   ****************************/
#main ol 	{ margin:0; padding:0; list-style-position:inside; }
#main ol li { background:none; padding:0; }

.henssen h1,
.henssen h2,
.henssen h3 					{ color:#1e419b; }

.henssen .menu a 				{ background:url(/img/menu_empty_link_blauw.gif) left bottom repeat-x #1e419b; }
.henssen .menu a:hover 		{ color:#95aded; }
.henssen #main div.menu h4 	{ background:url(/img/menu_titel_henssen.gif) no-repeat; }

#contactpersonen 			{ width:438px; }
#contactpersonen ul 		{ height:auto; padding-bottom:0; }
#contactpersonen .index 	{ font-weight:bold; padding:0 10px; line-height:2; }
#contactpersonen li {
	position:relative;
	margin:0;
	padding:0;
	background:none;
	
	margin-bottom:5px;
	width:418px;
	clear: both;
}

#contactpersonen img { border:0px; behavior: url(/css-js/pngbehavior.htc); }
#contactpersonen .contact_top { width:437px; height:7px; display:block; padding:0; margin:0; border:0; }
#contactpersonen .contact_bottom {  width:437px; height:7px; display:block; padding:0; margin:0; border:0; }
#contactpersonen .contact_inhoud { width:417px; display:block; padding:0px 10px; margin:0; border:0; background:url(../img/contactpersoon_bg_middle.png) 0 0 repeat-y;}




#contactpersonen li a { 
	right:5px;
	float: right;
	top:5px;
	height: 87px;
	position: relative;
}
#contactpersonen .naam {
	font-size:16px;
	font-weight:bold;
}
#contactpersonen div {
	float: left;
	position: relative;
	width:300px;
	
}
#contactpersonen_menu {
	position:absolute;
	right:245px;
	top:0;
	background:#fff;
	border:1px solid #dcdcdc;
	width:165px;
	padding:15px;
	padding-bottom:0;
	line-height:1.3;
}
#contactpersonen_menu h3 	{ margin-bottom:10px; }
#contactpersonen_menu div 	{ padding-bottom:10px; }
#contactpersonen_menu strong {
	padding:0;
	margin:0;
}
#contactpersonen_menu a {
	background:none;
	padding:0;
	display:block;
}

#referentie_lijst li {
	position:relative;
	padding:2px;
	background:none;
	border:1px solid #dfdfdf;
	width:155px;
	margin:10px 0;
	margin-right:6px;
	float:left;
	display:inline;
	height:226px;
	font-size:17px;
}
#referentie_lijst li p 		{ padding:15px; }
#referentie_lijst li span 	{ color:#999; position:absolute; bottom:10px; left:15px; }
#referentie_lijst li a,
#referentie_lijst li span 	{
	display:block;
	font-size:12px;
	line-height:1.7;
}

.foto_album_img {
	width:155px;
	height:150px;
	display:block;
	text-align:center;
	background:#eee;
}

#pagination 	{ font-size:12px; line-height:24px; clear:both; }
#pagination a 	{
	border:1px solid #ccc;
	padding:1px 3px;
}
pagination a.active {
	border:0;
	padding:2px 4px;
	color:#000;
}
#pagination .button {
	float:right;
	padding:0;
	border:0;
	margin-right:8px;
}

#contactformulier td { vertical-align:top; padding-right:15px; }

#fotoalbum #foto 			{ float:right; line-height:19px; width:484px;}
#fotoalbum #nav 			{ text-align:center; padding-top:5px; }
#fotoalbum #nav #vorige 	{ float:left; padding-left:30px; margin-left:10px; height:19px; background:url(/img/nav_left.gif) 0% 0% no-repeat; }
#fotoalbum #nav #volgende 	{ float:right; padding-right:30px; margin-right:10px; height:19px; background:url(/img/nav_right.gif) 100% 0% no-repeat; }
#fotoalbum #nav #spanvorige 	{ float:left; padding-left:30px; margin-left:10px; height:19px; width:40px }
#fotoalbum #nav #spanvolgende 	{ float:right; padding-right:30px; margin-right:10px; height:19px; width:59px }

#fotoalbum #nav a:hover#vorige { background-position:left bottom; }
#fotoalbum #nav a:hover#volgende { background-position:right bottom; }


#fotoalbum #foto a 			{ font-weight:bold; }
#fotoalbum #foto_menu 		{ position:relative; }
#fotoalbum #foto_menu ul	{ position:absolute; left:-15px; }
#fotoalbum #foto_menu li	{ padding:0; margin:0; background:none; }
#fotoalbum #foto_menu a		{ height:42px; line-height:42px; width:146px; display:block; padding:0 15px; }
#fotoalbum #foto_menu img	{ vertical-align:middle; margin-top:17px; }
#fotoalbum #foto_menu a.active,
#fotoalbum #foto_menu a:hover { background:url(/img/machinepark_over.png) 0% 0% no-repeat; }

#pluspunten {
	border:1px solid #dcdcdc;
	padding:15px;
	margin-bottom:15px;
	width:350px;
}
#pluspunten li { line-height:2; }
#pluspunten img { float:right; }

#buttons		{ text-align:right; float:right; margin-right:10px; }

a.small_button 	{ 
	margin-left:5px;
	background:url(/img/button_contact.gif) 0% 0% no-repeat;
	line-height:24px;
	height:24px;
	width:51px;
	float:left;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
a:hover.small_button 	{ background-position:0% 50%; }
a.small_button.active 	{ background-position:0% 100%; }

a.button {
	display:block;
	background:url(/img/button.gif) 0% 0% no-repeat;
	width:167px;
	height:24px;
	border:0;
	padding:0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}
a:hover.button { background:url(/img/button.gif) 0% 100% no-repeat; }

input.text,
textarea.text { border:1px solid #d9d9d9; width:206px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

.error input { color:#f00; border:1px solid #f00; }

label 		{ display:block; line-height:2; }
div.inline label { display:inline; line-height:1; }

.small 		{ font-size:10px; }
.strong		{ font-weight:bold; }

#main .rightmenu .adresgegevens { border:0; }
.adresgegevens ul {
	padding:0;
	margin:0;
	margin-top:10px;
}
.adresgegevens li {
	list-style:none;
	margin:0;
}

/******************************   TOEVOEGINGEN RIK   ****************************/


/* SIFR */
.sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4, .sIFR-active h5
{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	margin:0; padding:0;
}

.sIFR-active h1 {
	padding-bottom: 0;
	margin-bottom:0;
	font-size:30px;
}
.sIFR-active h2 {
	padding-bottom: 0;
	margin-bottom:0;
	font-size:20px;
}
.sIFR-active h3 {
	padding-bottom: 0;
	margin-bottom:0;
	font-size:18px;
}
.sIFR-active h4 {
	padding-bottom: 0;
	margin-bottom:0;
	font-size:14px;
	color:#ffffff;
}
.sIFR-active h5 {
	padding-bottom: 0;
	margin-bottom:0;
	font-size:11px;
}