﻿html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background:#FFF;
	/*background:#0F0;*/
	}
	
body.home 
{
    background:none;
}
	
form {
	margin:0px;
	}
input {
	display:inline;
	}

a.btnSearch img {
    position:relative;
    top:3px;
    }
.btnSearch {
    width:65px;
    height:20px;
    border:0px solid #FFFFFF;
    background:transparent url(../gfx/zoeken.gif) top left no-repeat;
    position:relative;
    top:3px;
    outline:none;
    cursor:pointer;
    }
	
span.cornerLT,
span.cornerRT,
span.cornerLB,
span.cornerRB,
img,
div {_behavior:url(/css/iepngfix.htc);}

img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
a:focus {outline:none;}
a:hover {}
/*h1 {
	font-size:13px;
	display:inline;
	font-weight:normal;
	color:#FFFFFF;
	}*/
h1.subKop {
	font-size:14px;
	color:#000000;
	margin:20px 0 10px 0;
	}
h1.subKop span {
	font-weight:normal;
	}
h1 {
	font-size:16px;
	color:#000000;
	margin:10px 0 10px 0;
	}
h2,h3,h4,h5 {
    font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:12px;
	font-weight: bold;
}
h6 {
    font-size:14px;
    color:#FFFFFF;
    font-weight:normal;
    letter-spacing:-1px;
    
    display:block;
    height:50px;
    }
    h6 span {font-weight:bold;}

p {
	display:block;
	margin:0 0 0 0;
	padding:0 0 16px 0;
	}
	
ol {}
/*
.mainContent ul {
    display:block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    list-style:none;
    }
    .mainContent ul ul 
    {
        margin:0 0 0 20px;
    }
.mainContent li {
    display:block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
*/

label {
	
	}
th,	
td {
	text-align:left;
	vertical-align:top;
}

.contentShadow {
	position:absolute;
	top:0px;
	left:0px;
	z-index:550;
	width:942px;
	height:16px;
	}

a.logo {
    display:block;
    position:relative;
    top:26px;
	left:3px;
    float:left;
    overflow:hidden;
    }
    a.logo img {
        float:left;
        }
    a.logo .slogan {
        position:relative;
        top:33px;
        margin-left:25px;
        }

/* ============================================================	*/ 
/* ========	HOME BLOCKEN  		===============================	*/
/* ============================================================	*/ 
	
.home-dGroen {float:left;width: 189px;background:#43757E url(../gfx/home-dgroen.gif) left bottom no-repeat;}
.home-paars {float:left;width: 189px;background:#2A0075 url(../gfx/home-paars.gif) left bottom no-repeat;}
.home-blauw {float:left;width: 189px;background:#00427B url(../gfx/home-blauw.gif) left bottom no-repeat;}
.home-groen {float:left;width: 189px;background:#586600 url(../gfx/home-groen.gif) left bottom no-repeat;}
.home-rood {float:left;width: 189px;background:#770E17 url(../gfx/home-rood.gif) left bottom repeat-x;}

.dGroen h1 {color:#000000;}
.paars h1 {color:#000000;}
.blauw h1 {color:#000000;}
.groen h1 {color:#000000;}
.rood h1 {color:#000000;}
.ecotoilet h1, .ecotoilet h3 {color:#000000;}
.bouwplaatsinrichting h1, .bouwplaatsinrichting h3 {color:#000000;}
.bouwsystemen h1, .bouwsystemen h3 {color:#000000;}
.verhuur h1, .verhuur h3 {color:#000000;}
.transport h1, .transport h3 {color:#000000;}
.unilux h1, .unilux h3 {color:#000000;}
.infrasupport h1, .infrasupport h3 {color:#000000;}

.dGroen div.rightSidebar .blockLink { background-color:#43757E; color:White; }
.paars div.rightSidebar .blockLink { background-color:#5300E9; color:White; }
.blauw div.rightSidebar .blockLink { background-color:#0083F6; color:White; }
.groen div.rightSidebar .blockLink { background-color:#AFCC00; color:White; }
.rood div.rightSidebar .blockLink { background-color:#C20003; color:White; }

.dGroen div#carrouselHeader { color:#43757E; }
.paars div#carrouselHeader { color:#5300E9; }
.blauw div#carrouselHeader { color:#0083F6; }
.groen div#carrouselHeader { color:#AFCC00; }
.rood div#carrouselHeader  { color:#C20003; }

.adviesModuleLink {float:left; text-transform:uppercase; color:#FFFFFF;	position:relative;
	overflow:hidden; background:#00427B url(../gfx/home-blauw.gif) left bottom no-repeat;}
    
body.dgroen .adviesModuleLink {background:#43757E none left bottom no-repeat;}
body.blauw .adviesModuleLink {background:#3588FF none left bottom no-repeat;}
body.groen .adviesModuleLink {background:#00427B none left bottom no-repeat;}
body.paars .adviesModuleLink {background:#5300E9 none left bottom no-repeat;}
body.rood .adviesModuleLink {background:#C20003 none left bottom no-repeat;}
/*3-3-9*/body.orange .adviesModuleLink {background:#C20003 none left bottom no-repeat;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:945px;
	text-align:left;
	padding:0 0 20px 0;
	z-index:999;
	}
	
#container.home {
	position:relative;
	margin:0 auto 0 auto;
	width:945px;
	text-align:left;
	padding:0 0 24px 0;
	z-index:999;
	background:none;
	}
	
.whiteBorder, .whiteBorderHome {
	margin:0 0 0 0;
	overflow:hidden;
	background-color:#FFFFFF;
	position:relative;
	z-index:500;
	clear:both;
	}
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	color:#535355;
	height:130px;
	}
	div.header a {
		color:#737578;
		font-size:10px;
		text-decoration:none;
		}
		
.breadcrumb div.arrow {
	display:block;
	font-size:1px;
	text-decoration:none;
	width:6px;
	height:10px;
	position:absolute;
	top:10px;
	left:10px;
	background:transparent url(../gfx/pijl-zwart.gif) top left no-repeat;
	}

.path {
	color:#000000;
	font-size:11px;
	width:600px;
	height:28px;
	overflow:hidden;
	}
.path a {
	font-size:11px;
	color:#939597;
	text-decoration:none;
	}
.path a:hover {
	text-decoration:underline;
	}

.breadcrumb {
	line-height:30px;
	height:30px;
	background: #e7e7e8;
	color:#939597;
	padding:0 0 0 22px;
	position:relative;
	_width:945px;
	}
	
.breadcrumb .bellen {
	display:block;
	float:right;
	position:relative;
	color:#939597;
    padding-right: 10px;
	}
.contacttext {
    color: #000000;
}
.tel-icon, .mail-icon, .linkedin-icon, .twitter-icon {
    display: inline-block;
    background: url('../gfx/socialmedia.png') no-repeat left center;
    text-decoration: none;
    width: 16px;
    line-height: 16px;
}
.tel-icon {color: #000000;background-position: -52px 0px;width: 12px;}
.mail-icon {background-position: -32px 0px;}
.linkedin-icon {background-position: -0px 0px;}
.twitter-icon {background-position: -16px 0px;}
.tel-icon:hover {background-position: -52px -16px;}
.mail-icon:hover {background-position: -32px -16px;}
.linkedin-icon:hover {background-position: -0px -16px;}
.twitter-icon:hover {background-position: -16px -16px;}

.winkelwagen {
	position:absolute;
	top:23px;
	right:0px;
	}
.winkelwagen input.typeText {
	background-color:#E7E8E9;
	color:#8F9093;
	border-top:1px solid #000000;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-left:1px solid #000000;
	font-size:9px;
	line-height:18px;
	height:18px;
	padding:0 0 0 5px;
	width: 115px;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	/**/position:relative;
	margin:0 auto 0 auto;
	width:974px;
	clear:both;
	color:#666666;
	/*background:transparent url(../gfx/contentblock-footer.gif) 0 -2px no-repeat;*/
	background:#FFF;
	height:24px;
	padding-top:10px;
	}
	
div#footer.home {
	/**/position:relative;
	bottom:0;
	left:0;
	width:968px;
	clear:both;
	color:#666666;
	background:transparent url(../gfx/contentblock-footer.gif) 0 -2px no-repeat;
	height:24px;
	margin:0;
	padding:0;
	}
div#footer .footerText {
	padding:5px 15px 0 15px;
	text-align:left;
	}
div#footer a {
	color:#666666;
	text-decoration:none;
	position:relative;
	z-index:999;
	}
div#footer .sitemap {
	padding:5px 15px 0 15px;
	float:right;
	}
div#footer img {
	position:absolute;
	right:0px;
	bottom:0px;
	width:948px;
	height:425px;
	}
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
    margin-top: 14px;
	width:942px;
	overflow:hidden;
	position:relative;
	padding:0 0 0 0;
	color:#535355;
	background:#ffffff;
	/*min-height:510px;*/
}

div#buttons a {
    display: block;
    float: left;
    width: 178px;
    height: 53px;
    border-bottom: 1px solid #cfcfd1;
    border-left: 1px solid #cfcfd1;
    background: url('../gfx/li-arrow.gif') no-repeat right bottom;
    text-decoration: none;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 20px;
}
div#buttons a.lastbutton {
    width: 177px;
    border-right: 1px solid #cfcfd1;
}
div#buttons a.current {
    background: url('../gfx/li-arrow-sel.gif') no-repeat right bottom;
}
div#buttons .accent {
    display: block;
    margin-top: 2px;
    color: #ec1b2d;
}

div.mainContent {
	margin:0 0px 0px 24px;
	position:relative;
	padding:0px 0 20px 0;
	float:left;
	width:526px;
	font-size: 12px;
}
div.mainContent h2, div.mainContent table, div.mainContent th, div.mainContent td, div.mainContent p, div.mainContent input, div.mainContent textarea, div.mainContent select {
    font-size: 12px;
}

div.mainContent a {
	color:#535355;
	text-decoration:underline;
	}
div.mainContent a:hover {
	text-decoration:none;
	}
div.mainContent th,
div.mainContent td strong {
	color:#000000;
	}
div.mainContent h1.subKop {
font-size:14px;
text-transform:uppercase;
margin:10px 0 10px 0;
padding:0 0 24px 0;
border-bottom:1px solid #cdced0;
}
	
div.mainContent .logo_small {
	position:absolute;
	right:0px;
	top:0px;
	height:45px;
}
	
		
		
span.ProductTitle{
	display:block;width:550px;
	margin-bottom:4px;
}
img.ProductImage{
	
	margin-bottom:4px;
}


/* ============================================================	*/ 
/* ========	SUBMENU				===============================	*/
/* ============================================================	*/

div.leftSidebar {
	float:left;
	width:189px;
	position:relative;
	z-index:999;
	padding:0 0 70px 0;
	overflow:hidden;
    border-top: 1px solid #cfd0d2;
}
div.leftSidebar ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 5px 0;
    border-left: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
	}
div.leftSidebar ul,
div.leftSidebar li {
	width:187px;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
div.leftSidebar ul li.selected {
    border-bottom: 1px solid #cfd0d2;
	}
div.leftSidebar ul li ul {
    padding: 6px 0px;
}
div.leftSidebar ul li ul,
div.leftSidebar ul li ul li.selected {
    border: none;
	}
div.leftSidebar ul li a {
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    padding:0 0 0 7px;
    line-height: 33px;
    border-bottom: 1px solid #cfd0d2;
    background: url('../gfx/li-arrow.gif') no-repeat right 18px;
	}
div.leftSidebar ul li a:hover, div.leftSidebar ul li.selected a {
    color: #ec1b2d;
    background: url('../gfx/li-arrow-sel.gif') no-repeat right 18px;
	}
div.leftSidebar li li a, div.leftSidebar li.selected li a {
    text-transform: none;
    font-weight: normal;
    color: #4c4c4e;
    line-height: 17px;
    padding:0 0 0 19px;
    background: url('../gfx/li-closed.gif') no-repeat 8px 3px;
    border: none;
}
div.leftSidebar li li a:hover, div.leftSidebar li.selected li a:hover {
	cursor:hand;
	color: #ec1b2d;
}
div.leftSidebar li li li a, div.leftSidebar li.selected li li a {
    padding:0 0 0 31px;
    background: url('../gfx/li-closed.gif') no-repeat 20px 3px;
}
div.leftSidebar li li li li a, div.leftSidebar li.selected li li li a {
    padding:0 0 0 44px;
    background: url('../gfx/li-closed.gif') no-repeat 33px 3px;
}
div.leftSidebar li li.selected a {
    color: #000000;
    background: url('../gfx/li-open.gif') no-repeat 8px 3px;
}
div.leftSidebar li li li.selected a {
    color: #000000;
    background: url('../gfx/li-open.gif') no-repeat 20px 3px;
}
div.leftSidebar li li li li.selected a {
    color: #000000;
    background: url('../gfx/li-open.gif') no-repeat 33px 3px;
}
div.leftSidebar li li.unselected a {
    color: #4c4c4e;
    background: url('../gfx/li-closed.gif') no-repeat 8px 3px;
}
div.leftSidebar li li li.unselected a {
    color: #4c4c4e;
    background: url('../gfx/li-closed.gif') no-repeat 20px 3px;
}
div.leftSidebar li li li li.unselected a {
    color: #4c4c4e;
    background: url('../gfx/li-closed.gif') no-repeat 33px 3px;
}
div.leftSidebar li li.current a {
    color: #ec1b2d;
    background: url('../gfx/li-current.gif') no-repeat 8px 3px;
}
div.leftSidebar li li li.current a {
    color: #ec1b2d;
    background: url('../gfx/li-current.gif') no-repeat 20px 3px;
}
div.leftSidebar li li li li.current a {
    color: #ec1b2d;
    background: url('../gfx/li-current.gif') no-repeat 33px 3px;
}
div.leftSidebar a {
	text-decoration:none;
	display:block;
	_display:inherit;
}
div.leftSidebar a:hover {
	cursor:hand;
	color: #ec1b2d;
	}



/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/

input.typeText,
textarea {
	background-color:#D6D7D8;
	border-top:1px solid #b0b0b0;
	border-right:0px solid #b0b0b0;
	border-bottom:0px solid #b0b0b0;
	border-left:1px solid #b0b0b0;
	text-align:left;
	resize:none;
	}
	
input.typeRadio {
	}
	
table.form {
margin-top:10px;
	border-top:1px solid #CDCED0;
	width:100%;
	_width:515px;
	}
	table.form th {
		white-space:nowrap;
		}
	table.form td,
	table.form th {
		line-height:13px;
		padding:6px 10px 6px 0;
		}
	table.form tr.topline td,
	table.form tr.topline th,
	table.form td.submitRow,
	div.submitRow,
	.topline{
		border-top:1px solid #CDCED0;
		}

div.refbox {
		position:relative;
		float:left;
		width:536px;
		height:auto;
		padding:10px 0 5px 0;
		/*border-top:1px solid #CDCED0;*/
		border-bottom:1px solid #CDCED0;
		}
		
 a.moreref{height:20px;padding:10px 0;display:block;
 position:relative;
 float:left;
}		
		
	.bottomline,
	.bottomline td {
		border-bottom:1px solid #CDCED0;
		}
	.leftline {
		border-top:1px solid #CDCED0;
		}
		
	td.submitRow div,
	div.submitRow {
		position:relative;
		line-height:normal;
		}
	input.typeSubmit,
	input.typeButton {
		position:absolute;
		top:0px;
		right:0px;
		border:0px solid #FFFFFF;
		background:#FFFFFF url(../gfx/btn-submit.gif) top left no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		width:150px;
		height:30px;
		cursor:pointer;
		}
		.typegray{
	background:#FFFFFF url(../gfx/btn-submit-gray.gif) top left no-repeat!important;
	}
		

	.berekenroute{
		position:relative;
		float:right;
		border:0px solid #FFFFFF;
		background:#FFFFFF url(../gfx/btn-submit.gif) top left no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		width:150px;
		height:30px;
		cursor:pointer;
		}
	 #postalNumbers, #postalChars{
		background-color:#D6D7D8;
		border-top:1px solid #b0b0b0;
		border-right:0px solid #b0b0b0;
		border-bottom:0px solid #b0b0b0;
		border-left:1px solid #b0b0b0;
		text-align:left;
		margin-left:3px;
}	
		
		
	table.form input.typeSubmit,
	table.form input.typeButton {
		top:-6px;
		right:-10px;
		cursor:pointer;
		}
	div.submitRow input.typeSubmit,
	div.submitRow input.typeButton {
	    top:0px;
	    right:0px;
	    }
	table.form input.typeButton {
		right:150px;
		}
	table.form td.melding {
		padding:8px 0 8px 0;
		line-height:normal;
		}
	table.form td.melding img {float:left;}
	table.form td.melding span {
		margin:0 0 0 50px;
		display:block;
		position:relative;
		}
		table.form span.rood,
		td.melding,
		td.melding *,
		span.rood{
			color:#C20003;
			}
		table.form span.groen {
			color:#62992C;
			}
		div.melding {padding:8px 0 8px 0; line-height:normal; overflow:hidden; position:relative;}
		div.melding img {float:left;}
		div.melding span {margin:0 0 0 50px; display:block; position:relative;}
					
table.form .verwijder,
table.form .specificaties {
	text-align:right;
	vertical-align:bottom;
	}
/* ============================================================	*/
/* ========	DIVERSEN THEMA'S  	===============================	*/
/* ============================================================	*/

body.ecotoilet {
	
}

.ref-container {
    margin-top:16px;
}

.referentie {
	float:left;
	/*width:267px;*/
	margin-top:13px;
	margin-right:13px;
	}

.referentie span{
	padding:9px;
	display:block;
	width:249px;_width:267px;
	background:#dcdcdc url('../gfx/referentie_bottom-.gif') no-repeat left bottom;
	color:#515151!important;
	border-top:3px solid #FFFFFF!important;
}

a.referentie:hover{
	text-decoration:none!important;
}

a.even {
    margin-right:0px;
}



/* ============================================================	*/ 
/* ========	VERSCHILLEN PER PAGINA	===========================	*/
/* ============================================================	*/ 

/* ---------- vacatures ---------- */

div.vacature {
	position:relative;
	border-top:1px solid #cdced0;
	height:22px;
	}
	div.vacature span {
		display:block;
		float:left;
		padding:5px 5px 5px 5px;
		border-right:1px solid #cdced0;
		font-weight:bold;
		}
	div.vacature span.zwart {color:#000000;/*width:200px;*/width:300px;}
	div.vacature span.rood {color:#c20003;width:100px;}
	div.vacature span.grijs {color:#8f9093; border:0px solid #FFFFFF;width:50px;}
	div.vacature li .typeSubmit {
		position:absolute;
		top:0px;
		right:0px;
		}
div.hoverBlocksVacatures div.vacature {
	position:absolute;
	border:0px solid #FFFFFF;
	background-color:#FFFFFF;
	top:0px;
	left:-5px;
	}
	
	
	a.directsolliciteren{
		position:absolute;
		top:0px;
		right:0px;
		background:#FFFFFF url(../gfx/btn-submit.gif) top left no-repeat;
		color:#FFFFFF!important;
		font-weight:bold;
		width:150px;
		height:30px;
		line-height:28px;
		text-indent:7px;
		cursor:pointer;
		}
	a.directsolliciteren:hover{
	text-decoration:none!important;
		}
	
/* ---------- hover-block's ---------- */

div.hoverBlocksVacatures {
	border-top:1px solid #DEDEDE;
	}
div.hoverBlocksVacatures div.vacature {
	_left:-20px;
	}
div.hoverBlocksVacatures div.block{
	border-right:5px solid #FFFFFF;
	background:#FF0000;
	padding:10px 100px 10px 15px;
	display:block;
	border-bottom:1px solid #DEDEDE;
	text-decoration:none;
	position:relative;
	background:transparent url(../gfx/pijl-rood.gif) 0px 27px no-repeat;
	}
div.hoverBlocksVacatures div.block:hover {
	/*background-color:#DEDEDE;*/
	/* border-right:5px solid #C20003; */
	text-decoration:none;
	}
div.hoverBlocksVacatures strong a {
	color:#000000;
	}
div.hoverBlocksVacatures span {
	font-weight:bold;
	color:#C20003;
	}
	div.hoverBlocksVacatures ul.vacature {
		border-top:0px;
		margin:0 0 0 0;
		height:22px;
		position:relative;
		top:-10px;
		left:-5px;
		background-color:#FFFFFF;
		}
		
/* ---------- hover-block's nieuws---------- */

div.hoverBlocksNieuws {
	border-top:1px solid #DEDEDE;
	width:515px;
	overflow:hidden;
	}
div.hoverBlocksNieuws a {
    color:#000000;
    }

div.hoverBlocksNieuws div.block{
	border-right:5px solid #FFFFFF;
	background-color:#FFFFFF;
	padding:10px 0 10px 0px;
	width:515px;
	overflow:hidden;
	display:block;
	border-bottom:1px solid #DEDEDE;
	text-decoration:none;
	position:relative;
	clear:both;
	overflow:hidden;
	}
div.hoverBlocksNieuws img {
	float:left;
	}
div.hoverBlocksNieuws span.margin {
	margin:0 0 0 178px;
	display:block;
	color:#535355;
	font-weight:normal;
	}
	
	
	
div.hoverBlocksNieuws a:hover {
	/*background-color:#DEDEDE;*/
	/*text-decoration:none;*/
	}
div.hoverBlocksNieuws a strong {
	color:#000000;
	}
div.hoverBlocksNieuws a strong.kop {
	display:block;
	padding:0 0 0 13px;
	position:relative;
	left:-13px;
	}
div.hoverBlocksNieuws a span {
	font-weight:bold;
	}
	div.hoverBlocksNieuws ul.vacature {
		border-top:0px;
		margin:0 0 0 0;
		height:22px;
		position:relative;
		top:-10px;
		left:-5px;
		background-color:#FFFFFF;
		}
		
div.hoverBlocksNieuws a.rood {background:transparent url(../gfx/pijl-rood.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.rood:hover, .btnRood {border-right:5px solid #C20003; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.dgroen {background:transparent url(../gfx/pijl-dgroen.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.dgroen:hover {border-right:5px solid #43757E; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.groen {background:transparent url(../gfx/pijl-groen.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.groen:hover {border-right:5px solid #AFCC00; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.paars {background:transparent url(../gfx/pijl-paars.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.paars:hover {border-right:5px solid #5300E9; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.blauw {background:transparent url(../gfx/pijl-blauw.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.blauw:hover {border-right:5px solid #0083F6; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.ecotoilet {background:transparent url(../gfx/pijl-ecotoilet.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.ecotoilet:hover {border-right:5px solid #018CA3; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.bouwplaatsinrichting {background:transparent url(../gfx/pijl-bouwplaatsinrichting.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.bouwplaatsinrichting:hover {border-right:5px solid #2E4A85; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.bouwsystemen {background:transparent url(../gfx/pijl-bouwsystemen.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.bouwsystemen:hover {border-right:5px solid #7A1878; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.verhuur {background:transparent url(../gfx/pijl-verhuur.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.verhuur:hover {border-right:5px solid #FF6B00; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.transport {background:transparent url(../gfx/pijl-transport.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.transport:hover {border-right:5px solid #790000; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.unilux {background:transparent url(../gfx/pijl-unilux.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.unilux:hover {border-right:5px solid #135796; background-color:#DEDEDE;}


div.hoverBlocksNieuws a.infrasupport {background:transparent url(../gfx/pijl-infrasupport.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.infrasupport:hover {border-right:5px solid #007E42; background-color:#DEDEDE;}

div.hoverBlocksNieuws a.materieeldienst {background:transparent url(../gfx/pijl-materieeldienst.gif) 165px 12px no-repeat;}
div.hoverBlocksNieuws a.materieeldienst:hover {border-right:5px solid #5E5E5F; background-color:#DEDEDE;}

/* ---------- hover-block's vestigingen---------- */

div.hoverBlocksVestigingen {
	border-top:1px solid #DEDEDE;
	width:515px;
	}

div.hoverBlocksVestigingen div.block {
	border-right:5px solid #FFFFFF;
	background:#FFFFFF;
	padding:10px 25px 10px 0px;
	display:block;
	border-bottom:1px solid #DEDEDE;
	text-decoration:none;
	position:relative;
	clear:both;
	overflow:hidden;
	color:#535355;
	}
div.hoverBlocksVestigingen img {
	float:left;
	}
div.hoverBlocksVestigingen span {
    color:#ec1b2d;
    display:block;
}
div.hoverBlocksVestigingen span.margin {
	margin:0 0 0 178px;
	display:block;
	}
/*div.hoverBlocksVestigingen div.block:hover {
	background:#DEDEDE;
	border-right:5px solid #C20003;
	text-decoration:none;
	}*/
div.hoverBlocksVestigingen strong a {
	color:#000000;
	}
div.hoverBlocksVestigingen strong.kop a {
	display:block;
	padding:0 0 0 13px;
	position:relative;
	left:-13px;
	}
div.hoverBlocksVestigingen span a {
	font-weight:bold;
	color:#C20003;
	}
	div.hoverBlocksVestigingen ul.vacature {
		border-top:0px;
		margin:0 0 0 0;
		height:22px;
		position:relative;
		top:-10px;
		left:-5px;
		background-color:#FFFFFF;
		}

/* ---------- right sidebar ---------- */

div.rightSidebar {
	float:right;
	width:189px;
	position:relative;
	right:0px;
	margin-bottom: 12px;
	}
div.rightSidebar .noBorder {
	border:0px solid #FFFFFF;
	}
	
div.rightSidebar a,
div.rightSidebar div {
	display:block;
	}

/* bel mij */
/* contact per mail */
div.rightSidebar .belmij, div.rightSidebar .offerte, div.rightSidebar .bestellen, div.rightSidebar .contact, div.rightSidebar .download, div.rightSidebar .jobapplication {display: block;width: 165px;height: 12px;color: #000000;font-size: 14px;font-weight: bold;text-decoration: none;background: url('../gfx/li-arrow.gif') no-repeat right 19px;padding: 11px;}
div.rightSidebar .belmij, div.rightSidebar .offerte {
    border-top: 1px solid #cfd0d2;
    border-left: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
}
div.rightSidebar .download, div.rightSidebar .jobapplication {
    border-left: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
}
div.rightSidebar .contact, div.rightSidebar .bestellen {
    border: 1px solid #cfd0d2;
}
div.rightSidebar .belmij:hover, div.rightSidebar .contact:hover, div.rightSidebar .offerte:hover, div.rightSidebar .bestellen:hover, div.rightSidebar .download:hover, div.rightSidebar .jobapplication:hover {color: #ec1b2d;background: url('../gfx/li-arrow-sel.gif') no-repeat right 19px;}
div.rightSidebar .border-top {
    border-top: 1px solid #cfd0d2;
}
div.rightSidebar .specialistImage, div.rightSidebar .regions {
    color: #000000;
    border-left: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
    text-decoration: none;
    padding: 11px 11px 0 11px;
    text-align: center;
    position: relative;
}
div.rightSidebar .regions {
    padding: 11px 11px 0 37px;
    text-align: right;
}
div.rightSidebar .regions .regiontitle {
    position: absolute;
    width: 90px;
    height: 40px;
    top: 11px;
    left: 11px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
div.rightSidebar .specialist, div.rightSidebar .specialist2 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border-left: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    text-decoration: none;
    padding: 11px 11px 0 11px;
}
div.rightSidebar .specialist2 {
    font-size: 11px;
    font-weight: normal;
    color: #535355;
    border-bottom: 1px solid #cfd0d2;
    padding: 0 11px 11px 11px;
}
div.rightSidebar .specialist2 .telefoon {
    display: none;
}
div.rightSidebar .specialist2 .telefoonimage {
    display: inline-block;
    width: 25px;
    height: 18px;
    padding-top: 7px;
}
div.rightSidebar .specialist2 .telefoonnummer {
    display: inline-block;
    height: 25px;
    font-size: 14px;
    color: #000000;
}


div.rightSidebar img {
	display:block;
	float:inherit;
	
	}
div.rightSidebar .regions img {
    float: none;
}

.rightSidebar strong {
	color:#000000;
	font-size: 14px;
	display:block;
	}
.rightSidebar strong.center {
	text-align:left;
	}
	
div.productLeft {
    width:204px;
    float:left;
    }
div.productRight {
	float:left;
	width:312px;
    margin-left:10px;
    }
div.productRight table {
	width:312px;
    }
    
    
div.productdetailbox {
	position:relative;
    margin-top:15px;
    float:left;
    width:350px;
     }

    
div.productdetail {
    float:left;
    clear:both;
    margin-bottom:15px;
    }
div.productdetail span{
	font-size:14px;
	display:block;
	margin-bottom:5px;
    }
   
div.productdetail a{
display:block;}

	body.blauw .productdetail a {color:#0083F6;}
	body.dgroen .mail-icon {color:#43757E;}
	body.groen .mail-icon {color:#AFCC00;}
	body.paars .mail-icon {color:#5300E9;}
	body.rood .mail-icon {color:#535355;}

a.ProductImage_title{
	display:block;
	width:204px;
	height:31px;
	background:url('../gfx/ProductImage_title.gif');
	color:#515151!important;
	line-height:30px;
	text-indent:8px;
	overflow:hidden;
	border-top:3px solid #FFFFFF!important;
}

a.ProductImage_title:hover{
text-decoration:none!important;
}

/* ---------- thumbs ---------- */

.smallThumb,
.mediumThumb,
.largeThumb {
	float:left;
	position:relative;
	overflow:hidden;
	}

.smallThumb{width:166px;height:126px;margin:5px 13px 5px 0;}
.mediumThumb{width:180px;height:118px;margin:5px 3px 5px 0;}
.largeThumb{width:270px;height:208px;margin:5px 5px 5px 0;}
	
.smallThumb:hover, .smallThumb:hover * {text-decoration:none !important;}
.mediumThumb:hover, .mediumThumb:hover * {text-decoration:none !important;}
.largeThumb:hover, .largeThumb:hover * {text-decoration:none !important;}

body.dgroen .smallThumb a.transparency {background-color:#000;}
body.paars .smallThumb a.transparency {background-color:#000;}
body.blauw .smallThumb a.transparency {background-color:#000;}
body.groen .smallThumb a.transparency {background-color:#000;}
body.rood .smallThumb a.transparency {background-color:#000;}

body.dgroen .mediumThumb a.transparency {background-color:#000;}
body.paars .mediumThumb a.transparency {background-color:#000;}
body.blauw .mediumThumb a.transparency {background-color:#000;}
body.groen .mediumThumb a.transparency {background-color:#000;}
body.rood .mediumThumb a.transparency {background-color:#000;}

body.orange .smallThumb a.transparency {background-color:#000;}
body.verhuur .smallThumb a.transparency {background-color:#000;}
body.bouwplaatsinrichting .smallThumb a.transparency {background-color:#000;}
body.ecotoilet .smallThumb a.transparency {background-color:#000;}
body.infrasupport .smallThumb a.transparency {background-color:#000;}

body.dgroen .mediumThumb a.transparency:hover,
body.dgroen .mediumThumb:hover a.transparency {background-color:#43757E;}
body.paars .mediumThumb a.transparency:hover,
body.paars .mediumThumb:hover a.transparency {background-color:#5300E9;}
body.blauw .mediumThumb a.transparency:hover,
body.blauw .mediumThumb:hover a.transparency {background-color:#0083F6;}
body.groen .mediumThumb a.transparency:hover,
body.groen .mediumThumb:hover a.transparency {background-color:#AFCC00;}
body.rood .mediumThumb a.transparency:hover,
body.rood .mediumThumb:hover a.transparency {background-color:#C20003;}
/*3-3-9*/body.orange .mediumThumb a.transparency:hover,
body.orange .mediumThumb:hover a.transparency {background-color:#FF6B00;}
/*3-3-9*/body.verhuur .mediumThumb a.transparency:hover
body.verhuur .mediumThumb:hover a.transparency {background-color:#FF6B00;}
/*3-3-9*/body.bouwplaatsinrichting .mediumThumb a.transparency:hover,
body.bouwplaatsinrichting .mediumThumb:hover a.transparency {background-color:#2E4A85;}
/*3-3-9*/body.ecotoilet .mediumThumb a.transparency:hover,
body.ecotoilet .mediumThumb:hover a.transparency {background-color:#018CA3;}
/*3-3-9*/body.infrasupport .mediumThumb a.transparency:hover,
body.infrasupport .mediumThumb:hover a.transparency {background-color:#007E42;}


body.dgroen .largeThumb a.transparency:hover,
body.dgroen .largeThumb:hover a.transparency {background-color:#43757E;}
body.paars .largeThumb a.transparency:hover,
body.paars .largeThumb:hover a.transparency {background-color:#5300E9;}
body.blauw .largeThumb a.transparency:hover,
body.blauw .largeThumb:hover a.transparency {background-color:#0083F6;}
body.groen .largeThumb a.transparency:hover,
body.groen .largeThumb:hover a.transparency {background-color:#AFCC00;}
body.rood .largeThumb a.transparency:hover,
body.rood .largeThumb:hover a.transparency {background-color:#C20003;}
/*3-3-9*/body.orange .largeThumb a.transparency:hover,
body.orange .largeThumb:hover a.transparency {background-color:#FF6B00;}
/*3-3-9*/body.verhuur .largeThumb a.transparency:hover,
body.verhuur .largeThumb:hover a.transparency {background-color:#FF6B00;}
/*3-3-9*/body.bouwplaatsinrichting .largeThumb a.transparency:hover,
body.bouwplaatsinrichting .largeThumb:hover a.transparency {background-color:#2E4A85;}
/*3-3-9*/body.ecotoilet .largeThumb a.transparency:hover,
body.ecotoilet .largeThumb:hover a.transparency {background-color:#018CA3;}
/*3-3-9*/body.infrasupport .largeThumb a.transparency:hover,
body.infrasupport .largeThumb:hover a.transparency {background-color:#007E42;}


.smallThumb a.transparency, .mediumThumb a.transparency, .largeThumb a.transparency{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:20px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	text-transform:uppercase;
	line-height:20px;
	}
	
.smallThumb a.transparency {width:166px}
.mediumThumb a.transparency {width:180px;}
.largeThum a.transparency {width:270px;}
	
.smallThumb a.transparency, .mediumThumb a.transparency, .largeThumb a.transparency {
		color:#ffffff !important;
		/*filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;*/
		width:100%;
		}

.smallThumbBottom {
	float:left;
	width:166px;
	position:relative;
	border-top:9px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	}
.smallThumbBottom span {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:166px;
	height:20px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	}
	.smallThumbBottom span.transparency {
		background-color:#ffffff;
		/*filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;*/
		}

.category-block {
	float:left;
	position:relative;
	overflow:hidden;
	}
.category-block {display:block;width:248px;height:82px;margin:6px 12px 6px 0;border: 1px solid #eaeaea;vertical-align: middle;}
	
.category-block a {display: block;float: left;width: 94px;height: 82px;vertical-align: middle;}
.category-block a img {width: 94px; height: 82px;}

	
.category-block a.title {display: block;float: left;width:130px;height: 50px;background: url('../gfx/li-arrow.gif') no-repeat right 67px;font-size: 11px;font-weight: bold;color: #4c4c4e !important;text-decoration: none;text-transform: uppercase;padding: 26px 12px 6px 12px;word-wrap: break-word;}
.category-block a.title:hover, .category-block a.highlight {background: url('../gfx/li-arrow-sel.gif') no-repeat right 67px;color: #ec1b2d !important;text-decoration: none;}

.ref-block {
    width:524px;
    height:118px;
}

.ref-block a img {
    width:auto;
    height:auto;
}

.ref-block a {
    width:180px;
    height:118px;
}

.ref-block a.title {
    width:320px;
    height:106px;
}

.ref-block a.title, .ref-block a.title:hover, .ref-block a.hightlight {
    background-position: right 103px;
}
.ref-block a.title .intro {
    display: block;
    font-weight: normal;
    text-transform: none;
}


.ref-block-container {
    margin-top:14px;
}

/* ---------- footertekst ---------- */

.contact-footer {
	background:#DFE0E1;
	margin-top: 12px;
	clear:both;
	padding:15px 10px 15px 10px;
	overflow: hidden;
	_height:100px;
	}
.contact-footer .column,
.contact-footer .links {
	position:relative;
	float:left;
	width:240px;
	font-size:10px;
	height: 70px;
	_height:70px;
	}
.contact-footer .links {
	width:195px;
	}
.contact-footer .column .margin,
.contact-footer .links .margin {
	margin:0 20px 0 10px;
	}
.contact-footer .column {
	border-right:1px solid #FFFFFF;
	color:#9E9EA0;
	}
.contact-footer .column a {
	/*position:absolute;*/
	/*display:block;*/
	background-color:#DFE0E1;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	/*bottom:0px;
	right:10px;*/
	/*text-decoration:none;*/
	color:#9E9EA0;
	}
.contact-footer .column a:hover {
	text-decoration:underline;
	}
.contact-footer .column strong {	
	color:#535355;
	}

.contact-footer .links .left {
	float:left;
	position:relative;
	left:10px;		
	margin-right:10px;
	}
.contact-footer .links .right {
	margin-left:20px;float:left;
	position:relative;
    }
.contact-footer .links .socialmedia {
	margin-left:20px;float:right;
	position:relative;
    }
.contact-footer .links a {
	display:block;
	text-decoration:none;
	color:#9E9EA0;
	letter-spacing:-1px;
	text-transform:uppercase;
	}
.contact-footer .links .socialmedia a {
	display: inline;
    }
.contact-footer .links a:hover,
.contact-footer .links a.selected {
	color:#535355;
	}
	
/* ---------- zoekresultaten ---------- */

div.resultatenNav {
	text-align:right;
	padding:0 5px 0 0;
	}
	div.resultatenNav a {
		color:#8f9093;
		}
	div.resultatenNav a.selected {
		color:#000000;
		}

/* ---------- ul.noMargin ---------- */

.noMargin {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-position:inside;
	}
	.noMargin li {
		display:block;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}

/* ---------- .noBorder ---------- */

.noBorder {
	border-top:0px solid #FFFFFF !important;
	border-right:0px solid #FFFFFF !important;
	border-bottom:0px solid #FFFFFF !important;
	border-left:0px solid #FFFFFF !important;
	}
		
/* ---------- witte hoekjes ---------- */

span.cornerLT,
span.cornerRT,
span.cornerLB,
span.cornerRB {
	display:none;
	position:absolute;
	width:12px;
	height:12px;
	text-decoration:none;
	}
span.arrow,
span.backarrow {
	display:block;
	font-size:1px;
	text-decoration:none;
	width:6px;
	height:12px;
	background:transparent url(../gfx/arrow.gif) top left no-repeat;
		
	position:absolute;
	bottom:8px;
	right:10px;
	}
span.backarrow {
	background:transparent url(../gfx/backarrow.gif) top left no-repeat;
	right:auto; left:10px;
	}
span.cornerLT {left:0px; top:0px; background:transparent url(../gfx/wCorner-lt.png) left top no-repeat;}
span.cornerRT {right:0px; _right:-1px; top:0px; background:transparent url(../gfx/wCorner-rt.png) right top no-repeat;}
span.cornerLB {left:0px; bottom:0px; _bottom:-2px; background:transparent url(../gfx/wCorner-lb.png) left bottom no-repeat;}
span.cornerRB {right:0px; _right:-1px; bottom:0px; _bottom:-2px; background:transparent url(../gfx/wCorner-rb.png) right bottom no-repeat;}
	
	
div.productOverzicht {
	width:545px;
	overflow:hidden;
	}
	
/* Sanitaire voorzieningen */

div.sanitaireVoorzieningen {
	border-top:1px solid #CDCED0;
	width:526px;
	overflow:hidden;
	margin-top:10px;
	}
div.sanitaireVoorzieningen a.product,
div.sanitaireVoorzieningen span.product{
	display:block;
	overflow:hidden;
	width:526px;
	clear:both;
	position:relative;
	color:#535353;
	text-decoration:none;
	border-bottom:1px solid #CDCED0;
	background:#FFFFFF url(../gfx/white-back.gif) -265px 0 repeat-y;
	}
div.sanitaireVoorzieningen a.product:hover,
div.sanitaireVoorzieningen span.product:hover {background: url(../gfx/grey-back.gif) -265px 0 repeat-y;text-decoration:none;}

/*3-3-9*/
	body.dgroen .sanitaireVoorzieningen a.product:hover,
	body.dgroen .sanitaireVoorzieningen span.product:hover {background-color:#43757E;}
	body.paars .sanitaireVoorzieningen a.product:hover,
	body.paars .sanitaireVoorzieningen span.product:hover {background-color:#5300E9;}
	body.blauw .sanitaireVoorzieningen a.product:hover,
	body.blauw .sanitaireVoorzieningen span.product:hover {background-color:#0083F6;}
	body.groen .sanitaireVoorzieningen a.product:hover,
	body.groen .sanitaireVoorzieningen span.product:hover {background-color:#AFCC00;}
	body.rood .sanitaireVoorzieningen a.product:hover,
	body.rood .sanitaireVoorzieningen span.product:hover {background-color:#C20003;}
	
	body.orange .sanitaireVoorzieningen a.product:hover,
	body.orange .sanitaireVoorzieningen span.product:hover {background-color:#FF6B00;}
	body.verhuur .sanitaireVoorzieningen a.product:hover,
	body.verhuur .sanitaireVoorzieningen span.product:hover {background-color:#FF6B00;}
	body.bouwplaatsinrichting .sanitaireVoorzieningen a.product:hover,
	body.bouwplaatsinrichting .sanitaireVoorzieningen span.product:hover {background-color:#2E4A85;}
	body.ecotoilet .sanitaireVoorzieningen a.product:hover,
	body.ecotoilet .sanitaireVoorzieningen span.product:hover {background-color:#018CA3;}
	body.infrasupport .sanitaireVoorzieningen a.product:hover,
	body.infrasupport .sanitaireVoorzieningen span.product:hover {background-color:#007E42;}


	

div.sanitaireVoorzieningen span.visual {
	padding:8px 0 8px 0;
	display:block;
	float:left;
	}
div.sanitaireVoorzieningen span.product strong * {
	color:#000000;
	font-size:14px;
	}
div.sanitaireVoorzieningen span.product:hover strong * {color:#000000;}
/*3-3-9*/
	body.dgroen .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	body.paars .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	body.blauw .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	body.groen .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	body.rood .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	
	body.orange .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	body.verhuur .sanitaireVoorzieningen span.product:hover strong  {color:#000000;}
	body.bouwplaatsinrichting .sanitaireVoorzieningen span.product:hover strong {color:#000000;}
	body.ecotoilet .sanitaireVoorzieningen span.product:hover strong {color:#000000;}
	body.infrasupport .sanitaireVoorzieningen span.product:hover strong {color:#000000;}	

div.sanitaireVoorzieningen span.text {margin:0 30px 0 215px;display:block;background:transparent url(../gfx/arrow-blauw.gif) 0px 21px no-repeat;padding:19px 0px 25px 12px;}
/*3-3-9*/	
	body.dgroen .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.paars .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.blauw .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.groen .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.rood .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}

	body.orange .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.verhuur .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.bouwplaatsinrichting .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.ecotoilet .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}
	body.infrasupport .sanitaireVoorzieningen span.text {background:transparent url(../gfx/pijl-zwart.gif) 0px 21px no-repeat;}

div.sanitaireVoorzieningen a.link {
	position:absolute;
	bottom:0px;
	right:15px;
	line-height:25px;
	color:#535353;
	cursor:pointer;
	}

/* opslag */

div.productOverzicht a.product {
	display:block;
	overflow:hidden;
	_width:540px;
	clear:both;
	background:transparent url(../gfx/arrow-dgroen.gif) 216px 21px no-repeat;
	position:relative;
	color:#535353;
	text-decoration:none;
	border-right:10px solid #FFFFFF;
	}
div.productOverzicht a.product:hover {
	background-color:#EBEBEB;
	border-right:10px solid #43757E;
	text-decoration:none;
	}
div.productOverzicht span.visual {
	display:block;
	float:left;
	}
div.productOverzicht strong {
	color:#43757E;
	font-size:14px;
	}
div.productOverzicht span.text {
	margin:0 0 0 230px;
	display:block;
	padding:19px 0 25px 0;
	}
div.productOverzicht span.link {
	position:absolute;
	bottom:0px;
	right:10px;
	line-height:25px;
	}
	

.alignLeft {text-align:left !important; display:block;}
.alignRight {text-align:right !important; display:block;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}

.tableLeft {padding:20px 20px 20px 0; vertical-align: bottom !important;}
.tableRight {padding:20px 0 20px 20px; vertical-align: bottom !important;}
.tableRight .adviesButton {float:right}

.themeButton {position:relative; padding:7px 20px 7px 20px; color:#FFFFFF !important; font-weight:bold;}
.normalButton {position:relative; padding:7px 20px 7px 20px; color:#FFFFFF !important; font-weight:bold; background-color:#999999;}
.themeButton:hover, .themeButton:hover *, .normalButton:hover, .normalButton:hover * {text-decoration:none !important;}
/* ---------- hover-block's opslag transport---------- */

div.hoverBlocksOpslag {
	border-top:1px solid #DEDEDE;
	width:515px;
	overflow:hidden;
	}

div.hoverBlocksOpslag a{
	border-right:5px solid #FFFFFF;
	background:transparent url(../gfx/pijl-dgroen.gif) 217px 12px no-repeat;
	padding:10px 0 10px 0px;
	width:515px;
	overflow:hidden;
	display:block;
	border-bottom:1px solid #DEDEDE;
	text-decoration:none;
	position:relative;
	clear:both;
	overflow:hidden;
	}
div.hoverBlocksOpslag img {
	float:left;
	}
div.hoverBlocksOpslag span.margin {
	margin:0 0 0 230px;
	display:block;
	color:#535355;
	font-weight:normal;
	}
div.hoverBlocksOpslag a:hover {
	background-color:#DEDEDE;
	border-right:5px solid #43757E;
	text-decoration:none;
	}
div.hoverBlocksOpslag a strong {
	color:#000000;
	}
div.hoverBlocksOpslag a strong.kop {
	display:block;
	padding:0 0 0 13px;
	position:relative;
	left:-13px;
	}
div.hoverBlocksOpslag a span {
	font-weight:bold;
	}
	div.hoverBlocksOpslag ul.vacature {
		border-top:0px;
		margin:0 0 0 0;
		height:22px;
		position:relative;
		top:-10px;
		left:-5px;
		background-color:#FFFFFF;
		}

div.publishDate {
    font-weight:bold;
    padding:0 0 10px 0;
}

/*----------*/
/*-########-*/
/*----------*/

.landingButtons {
	margin:0 0 0 210px;
	padding:0 0 20px 0;
	overflow:hidden;
	_width:740px;
	}
	.landingButtons a {
		display:block;
		float:left;
		position:relative;
		margin:0 10px 0 0;
		color:#FFFFFF;
		text-decoration:none;
		}
	.landingButtons a:hover {
		text-decoration:underline;
		}
		.landingButtons a span {
			display:block;
			position:absolute;
			bottom:0px;
			left:0px;
			width:100%;
			text-align:center;
			line-height:30px;
			height:30px;
			text-transform:uppercase;
			font-weight:bold;
			}
		body.ecotoilet .landingButtons a span {
			background-color:#018CA3;
			}
			

/*#################### SOLLICITEREN PAGINA'S ####################*/

body.solliciteren {background:#520002 url(../gfx/solliciteren_background.gif) top left repeat-x;}
body.solliciteren div.contentBlock {background:#FFFFFF url(../gfx/solliciteren-strook.gif) top left repeat-y;}
body.solliciteren .contentShadow {width:624px; height:291px;}
body.solliciteren .mainContent {
	margin:0 337px 0 207px;
	min-height:420px;
	position:relative;
	z-index:999;
	}
body.solliciteren .mainContent .form {width:390px;}
body.solliciteren .rightBlock {
	width:285px;
	float:right;
	position:relative;
	right:15px;
	padding:20px 0 20px 0;
	_height:460px;
	}
	body.solliciteren .rightBlock div.topline {
		padding-top:6px;
		}
body.solliciteren input.typeText,
body.solliciteren textarea {
	width:200px;
	}
	
.solliciterenVisual {
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:0px;
	}
	
.voorwaarden {
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	background-color:#F1F1F1;
 	height:100px;
 	overflow-y:scroll;
 	padding:10px;
	}

.ContextMenuPanel {
	border: 1px solid #868686;
	z-index: 1000;
	background: url(/gfx/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	font-size: 11px;
	width:200px;
	}

.ContextMenuBreak{
	margin:1px 1px 1px 20px;
	padding:0;
	height:1px;
	border-top: 1px solid #C5C5C5;	
	}

a.ContextMenuItem{
	margin: 1px 0 1px 0;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	margin-right:5px;
	white-space: nowrap;
	}
a.ContextMenuItem-Selected {font-weight: bold;}

a.ContextMenuItem:hover{
	background-color: #FFE6A0;
	color: #003399;
	margin-right:5px;
	}


/* thickbox / lightbox */
#overlay, #lightbox, #TB_overlay, .TB_overlayBG, #TB_overlayBG, #TB_window, #TB_load {z-index:999 !important;}
        
.adviesKader {border-top:1px solid #DEDEDE;position:relative;_float:left;}
.adviesKader .vraag {position:relative;_float:left;padding:15px 0 15px 15px; text-transform:uppercase; border-bottom:1px solid #DEDEDE; overflow:hidden;}
.adviesKader .vraag:hover, .adviesKader .selected {color:#FFFFFF;}

.adviesKader .antwoord {margin:0 0 0 0; float:right; line-height:19px; padding:0 15px 0 0; width:150px;}
.adviesKader .vraagzin {float:left; font-size:10px; text-transform:uppercase; line-height:19px;}
.adviesKader .advies {color:#FFFFFF;  padding:10px 0 10px 0;position:relative;}
.adviesKader .adviesTekst {width:295px; overflow:hidden; position:relative; left:25px;}
.adviesKader .adviesReferenties {float:right; position:relative; right:10px; border-left:1px solid #FFFFFF; padding:0 0 0 10px;}
.adviesKader .adviesButton, .adviesKader .vorigAdviesButton {position:relative; display:block; width:150px; padding:10px 10px 10px 10px; border:0px solid #FFFFFF;}
.adviesKader .adviesButton strong, .adviesKader .vorigAdviesButton strong {color:#FFFFFF;}
.adviesKader .beantwoord * {color:#999999;}
.adviesKader .beantwoord:hover {background-color:transparent !important;}
.adviesKader a:hover,
.adviesKader a:hover * {text-decoration:none !important;}
.adviesKader label{color:#FFFFFF;}
.adviesKader h1{color:#FFFFFF;}
.adviesKader .adviesTekst span{display:block;clear:both;margin-top:10px;color:#ffffff;}
/*thema kleuren*/
body.dgroen .adviesKader .vraag:hover, body.dgroen  .adviesKader .selected, body.dgroen .adviesKader .advies, body.dgroen .adviesKader .adviesButton, body.dgroen .themeButton {background-color:#43757E;}
body.paars .adviesKader .vraag:hover, body.paars .adviesKader .selected, body.paars .adviesKader .advies, body.paars .adviesKader .adviesButton, body.paars .themeButton {background-color:#5300E9;}
body.blauw .adviesKader .vraag:hover, body.blauw .adviesKader .selected, body.blauw .adviesKader .advies, body.blauw .adviesKader .adviesButton, body.blauw .themeButton {background-color:#0083F6;}
body.groen .adviesKader .vraag:hover, body.groen .adviesKader .selected, body.groen .adviesKader .advies, body.groen .adviesKader .adviesButton, body.groen .themeButton {background-color:#AFCC00;}
body.rood .adviesKader .vraag:hover, body.rood .adviesKader .selected, body.rood .adviesKader .advies, body.rood .adviesKader .adviesButton, body.rood .themeButton {background-color:#C20003;}

.buSelector {
    display:block;
    margin:10px 0 0px 0;
}

/* Homepage */
/*body.home {background:#656665 url(../gfx/home-back.gif) top left repeat-x;}*/
body.home .whiteBorderHome {
	width:945px;
	text-align:center;
	border:0px solid #FFFFFF;
	}
body.home .whiteBorderHome .contentBlock {
	text-align:left;
	position:relative;
	margin:0 auto 0 auto;
	width:945px;
	padding-bottom:3px;
	overflow:hidden;
	}
body.home .whiteBorderHome .breadcrumb {
	text-align:left;
	position:relative;
	margin:0 auto 0 auto;
	width:945px;
	padding:0;
	}
body.home .whiteBorderHome .breadcrumb .path {
	padding:0 0 0 38px;
	}
body.home div#footer {
	width:945px;
	/*background-image:url(../gfx/home-footer.gif);*/
	background-image:none;
	}
body.home div#footer * {
	color:#656565;
	}
		
.columnRow, .columnRowVervolg {
	width:943px;
	text-align:left;
	margin:30px auto 0 auto;
	overflow:hidden;
	border-top: 1px solid #e5e5e7;
	border-bottom: 1px solid #e5e5e7;
	border-left: 1px solid #cfd0d2;
	border-right: 1px solid #cfd0d2;
	}
.columnRowVervolg 
{
	float:left;
	/*clear:left;*/
	width:750px;
	text-align:left;
	/*margin:0 0 0 178px;*/
	position:relative;
	/*left:10px;*/
	/* padding:20px 0 15px 0; */
	overflow:hidden;
	}
	.columnRow .margin,
	.columnRowVervolg .margin {
		margin:0 0 0 0;
		padding: 20px 15px 15px 15px;
		}
	.columnRow span.title,
	.columnRowVervolg span.title {
		display:block;
		color:#c20003;
		text-transform:uppercase;
		font-size:12px;
		padding-bottom:6px;
		}
	.columnRowVervolg span.title {
		font-size:11px;
		}
	.columnRow .column, .columnRowVervolg .column {
		width:187px;
		float:left;
		overflow:hidden;
		border-right: 1px solid #cfd0d2;
		}
	.columnRow :last-child, .columnRow .last-child, .columnRowVervolg :last-child, .columnRowVervolg .last-child  {
		border-right: 1px solid #FFFFFF;
	}
	.columnRowVervolg .column {
		width:183px;
	}
	.columnRow .column a,
	.columnRowVervolg .column a {
		display:block;
		text-decoration:none;
		}
	.columnRow .column a:HOVER,
	.columnRowVervolg .column a:HOVER {
		color:#000000;
		text-decoration:underline;
		}
	.columnRow .column img,
	.columnRowVervolg .column img {
	    margin-top:3px;
	    position:relative;
	    left:-2px;
	    }
	.columnRow .column * {
	    font-size:12px;
		color:#656565;
	    }
	.columnRowVervolg .column * {
	    font-size:12px;
		color:#656565;
	    }
	.columnRow .column input,
	.columnRowVervolg .column input {	    	    
	    height:25px;
	    margin:0;
	    padding:0;
	    border:0px solid #FFFFFF;
	    }
	.columnRow .column input[type="text"] {
		width:160px;
		background:#FFFFFF url(../gfx/input-back160.gif) top left no-repeat;
	}
	.columnRow .column input[type="image"], .columnRowVervolg .column input[type="image"] {
        margin: 6px 0px;
    }
	.columnRowVervolg .column input[type="text"]
	{
		width:136px;
		background:#FFFFFF url(../gfx/input-back140.gif) top left no-repeat;
	}	
	.columnRow ul,
	.columnRowVervolg ul {
	    display:block;
	    margin:0;
	    padding:0;
	    }
	.columnRow ul li,
	.columnRowVervolg ul li {
	    display:block;
	    margin:0;
	    padding:0;
        list-style-type:none;
        _height: 14px;
	    }
	.columnRow ul.laatste-nieuws li,
	.columnRowVervolg ul.laatste-nieuws li {
        padding: 0 0 0 13px;
        background: transparent url(../gfx/li.gif) 0px 7px no-repeat;
	 }
/*  homepage */

a.home-headgroup-banner 
{
    position:absolute;
    z-index:9999;
    display:block;
    top:0;
    left:0;
}

div.hotlinks a 
{
    display:block;
    text-transform:uppercase;
    height:15px;
}
