/****************/
	/** RESET CSS **/
	/**************/

/*--------------------- pngfix -----------------------------*/
img, div, a, input {
	/*behavior: url(css/iepngfix.htc);*/
}
body {
	behavior:url(css/csshover.htc);
}
/*---------------------end pngfix --------------------------*/

/*--------------------- clearfix ---------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------------- end clearfix -----------------------*/

/*------------------- reset CSS --------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size: 100%;
	outline-style: none;
	outline-width: 0;
	text-decoration: none;
	vertical-align: baseline;
	list-style: none;
}
body {
	line-height: 1.5;
}

input {
	margin:1px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Remove annoying border on linked images. */
a img {
	border: none;
}
/* Soms worden background images niet getoond in listitems, IE6 (20 april 2009 door Gunther Souvereyns */
ul, li, dl, dt, dd {
	position: relative;
}
/*----------------- end reset CSS ---------------------------*/


	/********************/
	/** DRIESMANS CSS **/
	/******************/
	
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-size: 0.76em;
	color: #5e5e5e;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/bg.jpg) repeat-x top left;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
p {
	margin: 0px 0px 8px 0px;
}
a {
	color: #2e748b;
}

#horizon {
	margin-top: 10px;
	/*text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;*/
}
#container {
	background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	position: absolute;
	width: 100%;
	left: 0;
}
#balk {
	margin-top: 10px;
	background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
}
#header {
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	height: 337px;
	width: 950px;
	margin: 0px auto 0px auto;
	position: relative;
}
#flash {
	position: absolute;
	top: 36px;
	left: 48px;
	z-index: 1;
}

#header ul#menu {
	position: absolute;
	top: 68px;
	left: 650px;
}
#header ul#menu li {
	float: left;
	text-align: left;
	color: #d5d5d5;
	margin-left: 4px;
}
#header ul#menu a:link, #header ul#menu a:visited {
	color: #5e5e5e;
	margin-right: 4px;
}
#header ul#menu a:hover {
	color: #a3a3a3;
}
#logo {
	position: absolute;
	top: 165px;
	right: 0px;
}


/* MENU OP HOME */

ul#producten {
	width: 899px;/*877+(2x11)*/
	margin: 21px auto 0px auto;
	text-align: left;
}
ul#producten li {
	float: left;
}
ul#producten li a, ul#products li a {
	text-transform: uppercase;
	letter-spacing: 0.17em;
	line-height: 1.30em;
	color: #ffffff;
}
ul#producten li#sanitair a:link, ul#producten li#sanitair a:visited {
	background-image: url(../images/menu/bg_sanitair.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 185px;/*208*/
	height: 24px; /*121*/
	display: block;
	padding: 97px 0px 0px 23px;
	margin-left: 22px;
}
ul#producten li#keukens a:link, ul#producten li#keukens a:visited {
	background-image: url(../images/menu/bg_keukens.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 200px;/*223*/
	height: 24px; /*121*/
	display: block;
	padding: 97px 0px 0px 23px;
}
ul#producten li#totaal a:link, ul#producten li#totaal a:visited {
	background-image: url(../images/menu/bg_totaal.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 201px;/*225*/
	height: 24px; /*121*/
	display: block;
	padding: 97px 0px 0px 24px;
}
ul#producten li#doehetzelf a:link, ul#producten li#doehetzelf a:visited {
	background-image: url(../images/menu/bg_doehetzelf.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 196px;/*221*/
	height: 39px; /*136*/
	display: block;
	padding: 97px 0px 0px 25px;
}
ul#producten li a:hover {
	background-position: bottom !important;
}


#content {
	width: 875px; /*895*/
	padding: 0px 0px 0px 20px;
	margin: 0px auto 0px auto;
}


/* MENU IN CONTENT */

ul#products li {
	float: left;
	text-align: left;
}
ul#products li#sanitair a:link, ul#products li#sanitair a:visited {
	background-image: url(../images/products/blauw.png);
	padding: 10px 11px 10px 11px;
	display: block;
	top: -18px;
	left: 10px;
	z-index: 300;
	position: absolute;
	height: 14px;/*34*/
	width: 66px;/*88*/
}
ul#products li#sanitair a:hover {
	background-color: #5f869d;
}
ul#products li#keukens a:link, ul#products li#keukens a:visited {
	background-image: url(../images/products/rood.png);
	padding: 10px 11px 10px 11px;
	display: block;
	top: -18px;
	left: 103px;
	z-index: 300;
	position: absolute;
	height: 14px;/*34*/
	width: 63px;/*85*/
}
ul#products li#keukens a:hover {
	background-color: #590724;
}
ul#products li#totaal a:link, ul#products li#totaal a:visited {
	background-image: url(../images/products/bruin.png);
	padding: 10px 11px 10px 11px;
	display: block;
	top: -18px;
	left: 193px;
	z-index: 300;
	position: absolute;
	height: 14px;/*34*/
	width: 155px;/*177*/
}
ul#products li#totaal a:hover {
	background-color: #7e613b;
}
ul#products li#doehetzelf a:link, ul#products li#doehetzelf a:visited {
	background-image: url(../images/products/zwart.png);
	padding: 10px 11px 10px 11px;
	display: block;
	top: -18px;
	left: 375px;
	z-index: 300;
	position: absolute;
	height: 14px;/*34*/
	width: 127px;/*148*/
}
ul#products li#doehetzelf a:hover {
	background-color: #000000;
}


/* CONTENT */

#left {
	float: left;
	width: 594px;
	text-align: left;
	margin-top: 40px;
	font-size: 1.08em;
}
#right {
	float: right;
	width: 223px;
	text-align: left;
}

.nieuwsitem{
	margin:2px 0px 10px 0px;
}

.nieuwsitem h2{
	background-color:#DBDBDB;
	display: inline-block;
	text-transform:uppercase;
	height: 32px;
	line-height: 32px;
	letter-spacing: 0.17em;
	padding: 0px 11px;
}

.contentTitle{
	background-image: url(../images/products/zwart.png);
	padding: 0px 11px 0px 11px;
	display: inline-block;
	color:#FFFFFF;
	letter-spacing:0.17em;
	text-transform:uppercase;
	height: 32px;
	line-height: 32px;
	margin: 0px 0px 12px;
	font-weight: normal;
}

	.contentTitlebg {
		background: url(../images/contenttitle_repeat.gif) repeat-x top left;
		margin-top: 18px;
	}
		.contentTitlebg h2 {
			background-image: url(../images/products/zwart.png);
	padding: 0px 11px 0px 11px;
	display: inline-block;
	color:#FFFFFF;
	letter-spacing:0.17em;
	text-transform:uppercase;
	height: 32px;
	line-height: 32px;
	margin: 0px 0px 12px 11px;
	font-weight: normal;
		}

.contentblock{
	padding:5px;
	margin-bottom:20px;
}
	.contentblock ul {
		margin: 10px 0px 10px 10px;
	}
	.contentblock li {
		margin-left: 0px 0px 0px 5px;
		padding: 0px 0px 0px 12px;
		background: url(../images/blackli.gif) no-repeat 0px 8px;
	}

.nieuwsitem h2 span{
	float:right;
	position:relative;
	top:-18px;
	font-size:11px;
}

ul#referenties {
	margin: -40px -7px 0px 0px;
	width: 223px;
	float: right;
}
ul#aanbiedingen {
	margin: 20px -7px 0px 0px;
	width: 223px;
	float: right;
}

ul#aanbiedingen li#aanbiedingimage{
	background-image: url(../images/menu/bg_aanbiedingen.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 185px;/*208*/
	height: 24px; /*121*/
	display: block;
	padding: 117px 0px 0px 38px;
	margin-left: 0px;
	margin-top:0px;
	text-align:left;
	color:#4a585d;
}

ul#aanbiedingen li#aanbiedingimage:hover{
	background-position: 0px -141px;
	cursor:pointer;
}

li.foto {
	text-align: right;
}
li.titel {
	margin-top: -25px;
	height: 17px; /*37*/
	background-image: url(../images/grijs89.png);
	text-transform: uppercase;
	padding: 10px 10px 10px 19px;
	letter-spacing: 0.17em;
	width: 194px; /*223*/
}
li.eerste a:link, li.eerste a:visited, li.tweede a:link, li.tweede a:visited, li.link a:link, li.link a:visited {
	color: #2e748b;
	padding: 5px 10px 5px 19px;
	display: block;
	width: 194px; /*223*/
}
li.eerste a:link, li.eerste a:visited {
	background-color: #e4e4e4;
}
li.tweede a:link, li.tweede a:visited {
	background-color: #ececec;
}
li.link a:link, li.link a:visited {
	background-image: url(../images/pijltje.jpg);
	background-repeat: no-repeat;
	background-position: 200px 10px;
	background-color: #f6f6f6;
}

li.eerste a:hover, li.tweede a:hover, li.link a:hover {
	color: #323838;
	padding-left: 24px;
	width: 189px; /*223*/
}

ul.blauw, ul.rood, ul.bruin, ul.zwart, ul.zwarttitel {
	background: url(../images/trap.jpg) no-repeat top left;
	width: 583px; /*594*/
	margin: 36px 0px 0px 0px;
	padding-left: 11px;
}
ul.blauw h3, ul.rood h3, ul.bruin h3, ul.zwart h3, ul.zwarttitel h3 {
	padding: 7px 10px 8px 12px;
	display: inline-block;
	position: absolute;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	line-height: 1.30em;
	color: #ffffff;
	font-weight: normal;
	top: -18px;
}
ul.zwarttitel li h2 {
	background: #f6f6f6 url(../images/blackli.gif) no-repeat 4px 14px;
	padding: 7px 10px 8px 12px;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	line-height: 1.30em;
	position: relative;
}
	ul.zwarttitel li h2 span {
		position: absolute;
		top: 10px;
		right: 20px;
		color: #D2D2D2;
	}
	ul.zwarttitel li .content {
		padding: 15px;
		margin: 0px 0px 30px 0px;
		border-bottom: 1px solid #ececec;
	}
ul.blauw h3 {
	background-color: #5f869d;
}
ul.rood h3 {
	background-color: #78364d;
}
ul.bruin h3 {
	background-color: #967f60;
}
ul.zwart h3, ul.zwarttitel h3 {
	background-color: #595d5d;
}

li.merk {
	height: 32px;
	width: 100%;
	background: none;
	padding: 0px;
}

li.submerk {
	height: 26px;
	width: 100%;
	margin:5px 0px 0px 20px;
	top:12px;
}

ul.blauw li, ul.rood li, ul.bruin li, ul.zwart li {
	float: left;
}
ul.blauw li a:link, ul.blauw li a:visited, ul.rood li a:link, ul.rood li a:visited, ul.bruin li a:link, ul.bruin li a:visited, ul.zwart li a:link, ul.zwart li a:visited, .testimageborder {
	background-color:#ECECEC;
	display:block;
	height:122px;
	margin-bottom:6px;
	margin-right:6px;
	overflow:hidden;
	padding:9px;
	width:168px;
}
.imageborder {
	padding: 9px;
	background-color: #ececec;
	margin-right: 6px;
	margin-bottom: 6px;
}
ul.blauw li a:hover, ul.rood li a:hover, ul.bruin li a:hover, ul.zwart li a:hover {
	background-color: #dedede;
}

li.merk h3{
	float:left;
}

li.submerk h3{
	float:left;
	padding:4px 8px 4px 8px;
	background-color:#595d5d;
}

li.merk h4{
	float:right;
	margin:4px 5px 0px 0px;
	font-size:11px;
}

li.merk h4 a:link,li.merk h4 a:visited{
	color: #939393;
	line-height: 1.30em;
	padding: 0px;
	background-color: #ececec;
	margin-right: 3px;
	margin-bottom: 3px;
	display: block;
	height:15px;
}

li.merk h4 a:hover{
	color: #d2d2d2;
}

li.submerk h4{
	float:right;
	margin:-10px 15px 0px 0px;
	font-size:11px;
}

li.submerk h4 a:link,li.submerk h4 a:visited{
	color: #939393;
	line-height: 1.30em;
	padding: 0px;
	margin-right: 13px;
	margin-bottom: 0px;
	display: block;
	background-color:transparent;
	height:15px;
}

* html li.submerk h4 a:link,* html li.submerk h4 a:visited{
	margin-top:10px;
}

li.submerk h4 a:hover{
	color: #d2d2d2;
}

li.descr{
	width: 95%;
	padding:2px 10px 2px 10px;
}

li.descr p{
	padding:0px;
	margin:0px;
}

#footer {
	text-align: center;
	margin: 20px 0px 30px 0px;
	color: #a5a5a5;
	font-size: 0.82em;
}

#footer a:link, #footer a:visited{
	color: #a5a5a5;
}

#footer a:hover{
	text-decoration:underline;
}

#indexfooter {
	width:880px;
	margin: 0px auto 30px auto;
}

ul#nieuws{
	float:left;
	text-align:left;
	padding: 10px 11px 10px 11px;
	display: block;
	top: 10px;
	left: 5px;
	position: relative;
	height: 14px;/*34*/
	width: 107px;/*148*/
}

/*ul#nieuws li.title{
	background-image: url(../images/products/zwart.png);
	position:relative;
	left:7px;
	height:24px;
	padding:8px 8px 0px 8px;
	color:#FFFFFF;
	text-indent:3px;
	letter-spacing:0.17em;
	line-height:1.3em;
	text-transform:uppercase;
}*/
ul#nieuws li.title h2 {
	background: #595D5D;
	color: #ffffff;
	line-height: 32px;
	height: 32px;
	text-transform: uppercase;
	letter-spacing:0.17em;
	text-indent: 3px;
	/*padding: 0px 8px;
	display: block;
	width: 85px;*/
	position: relative;
	margin: 0px 0px 15px 0px;
	text-align: center;
}

	ul#nieuws li.title h2 span {
		display: block;
		position: absolute;
		top: -15px;
		right: -45px;
		width: 41px;
		height: 39px;
		background: url(../images/blokjes.gif) no-repeat top right;
	}

ul#nieuws li.item{
	position:relative;
	height:24px;
	padding:8px 8px 0px 8px;
	width:600px;
	margin-bottom:-5px;
	font-size: 105%;
}

ul#nieuws li.item a:link, ul#nieuws li.item a:visited{
	color:#2e748b;
	text-decoration:underline;
}

.clickable:hover{
	cursor:pointer;
}


div#shim {
    background-color: black;
	min-height: 1000px;
	z-index:400;
}

* html div#shim {
	height: 1000px;
}

div.window {
    min-height: 30px;
	z-index:400;
}

* html div.window {
    min-height: 30px;
}

div.window {
    background-color: white;
    width: 620px;
	height:470px;
}

div.innerwindow {
    padding: 10px;
}

#tablecontactformulier {
	width: 80%;
	margin: 0px auto;
}
	#tablecontactformulier td {
		padding: 3px 5px;
		text-align: right;
	}
	#tablecontactformulier label {
		color: #2E748B;
	}
	#tablecontactformulier input {
		width: 150px;
		border: 1px solid #dadada;
	}
	#tablecontactformulier textarea {
		width: 390px;
		border: 1px solid #dadada;
	}
	#tablecontactformulier .submit {
		background: url(../images/products/zwart.png);
		color: #ffffff;
		cursor: pointer;
	}