body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0;
	margin:0;
	text-align: center;

	background: #FFFFFF;
}

a {	cursor: pointer; }
:focus { outline: none; }
td { font-size: 11px; vertical-align: top; }
ul { margin-top: 5px; }
li { line-height: 1.3em; }
form { display: inline; }

img { 
	behavior: url('css/pngbehavior.htc');
	border: 0;
}

/* GENERAL */

div.centered {
	position: relative;
	margin: 0 auto 0 auto;
	width: 890px;

	text-align: left;
}

div.header {
	position: relative;
	min-height: 70px;
	margin-bottom: 10px;
}

div.header a.button {
	display: block;
	width: 96px;
	height: 21px;

	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;

	padding: 5px 15px 0px 0px;

	background-image: url(../images/button.png);
}

div.header a.button:hover, div.header a.active {
	color: #000000;
	background-image: url(../images/button_up.png);
}

div.header a.home {
	position: absolute;
	left: 443px;
	top: 44px;
}

div.header a.about {
	position: absolute;
	left: 555px;
	top: 44px;
}

div.header a.news {
	position: absolute;
	left: 667px;
	top: 44px;
}

div.header a.contact {
	position: absolute;
	left: 779px;
	top: 44px;
}

div.header img.top {
	position: absolute;
	left: -32px;
	top: 0px;
}

div.header img.logo {
	position: absolute;
	left: 0px;
	top: 15px;
}

div.content {
	position: relative;
}

div.content div.menu {
	position: absolute;
	left: 0px;
	top: 42px;
	width: 225px;
	height: 288px;

	background-image: url(../images/menu_bg.png);
	background-repeat: repeat-y;
	z-index: 9;
}

div.content div.menu a.button {
	display: block;
	height: 22px;

	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 8px 0px 0px 10px;
}

div.content div.menu a:hover, div.content div.menu a.active {
	background-image: url(../images/button_bg.png);
}

div.content div.menu div.seperator {
	position: relative;
	height: 1px;

	background-image: url(../images/seperator.png);
}

#sub_vrijstaand, #sub_tweeondereenkap {
	position: absolute;
	left: 225px;
	top: 42px;	
	width: 130px;

	padding: 5px 10px 10px 10px;

	background: url(../images/semitrans.png);
	visibility: hidden;
	z-index: 9;
}

#sub_tweeondereenkap {
	top: 73px;
}

#sub_vrijstaand a, #sub_tweeondereenkap a {
	display: block;
	color: #000000;
	margin: 5px 0px 0px 0px;

	text-decoration: none;
}

#sub_vrijstaand a:hover, #sub_vrijstaand a.active, #sub_tweeondereenkap a:hover, #sub_tweeondereenkap a.active {
	color: #008FD0;
}

div.content div.flash {
	position: absolute;
	left: 225px;
	top: 0px;
	width: 307px;
	height: 330px;
}

img.bouwvakker {
	position: absolute;
	left: 145px;
	top: 165px;
	z-index: 9;
}

div.content div.text_home {
	position: absolute;
	left: 532px;
	top: 0px;
	width: 338px;
	height: 192px;

	line-height: 18px;
	padding: 16px 10px 0px 10px;
}

div.content div.flash img.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
}

div.content div.slide {
	position: absolute;
	left: 532px;
	top: 208px;
	width: 358px;
	height: 122px;
}

div.content div.kantoor {
	position: absolute;
	left: 0px;
	top: 330px;
	width: 215px;
	height: 58px;

	color: white;
	text-align: right;
	text-decoration: none;
	padding: 97px 10px 0px 0px;

	background-image: url(../images/kantoor.png);
	z-index: 10;
}

div.content div.droomhuis {
	position: absolute;
	left: 225px;
	top: 330px;
	width: 143px;
	height: 148px;

	color: white;
	text-align: right;
	text-decoration: none;
	padding: 7px 10px 0px 0px;

	background-image: url(../images/droomhuis.png);
}

div.content div.verbouwing {
	position: absolute;
	left: 378px;
	top: 330px;
	width: 144px;
	height: 70px;

	color: white;
	text-align: right;
	text-decoration: none;
	padding: 85px 10px 0px 0px;

	background-image: url(../images/verbouwing.png);
}

div.content div.aanbouw_homepage {
	position: absolute;
	left: 532px;
	top: 330px;
	width: 348px;
	height: 148px;

	color: white;
	text-align: right;
	text-decoration: none;
	padding: 7px 10px 0px 0px;

	background-image: url(../images/aanbouw_homepage.png);
}

div.content div.aanbouw_text {
	position: absolute;
	left: 0px;
	top: 581px;
	width: 189px;
	height: 68px;

	color: white;
	text-align: right;
	text-decoration: none;
	padding: 140px 30px 0px 0px;

	background-image: url(../images/aanbouw_text.png);
}

div.content div.aanbouw_homepage img, div.content div.aanbouw_text img {
	position: absolute;
	left: 0px;
	top: 0px;
}

div.content div.nieuwsbrief {
	position: absolute;
	left: 0px;
	top: 495px;
	width: 189px;
	height: 19px;

	color: white;
	text-decoration: none;
	padding: 57px 0px 0px 31px;

	background-image: url(../images/nieuwsbrief.png);
	z-index: 10;	
}

div.content div.leerbedrijf {
	position: absolute;
	left: 225px;
	top: 495px;
	width: 297px;
	height: 69px;

	color: white;
	text-decoration: none;
	padding: 7px 0px 0px 10px;

	background-image: url(../images/leerbedrijf.png);
}

div.content div.hr {
	position: absolute;
	left: 0px;
	top: 581px;
	width: 532px;
	height: 125px;

	background-image: url(../images/hr.png);
}

div.content div.text {
	position: relative;
	width: 338px;

	line-height: 18px;
	padding: 16px 10px 0px 10px;
	margin-left: 532px;
}

div.content div.text a {
	color: #000000;
	text-decoration: underline;
}

div.content div.text ul {
	padding: 0px 0px 0px 14px;
}

div.content div.text ul li {
	line-height: 18px;
}

div.content div.text span.pdf {
	display: block;
	background: url(../images/downloads_pdf.png) 0px 2px no-repeat;
	margin: 5px 0px 0px 0px;
	padding-left: 20px;
}

div.content div.text span.pdf a {
	text-decoration: none;
}

div.content div.news_homepage {
	position: absolute;
	left: 532px;
	top: 495px;
	width: 358px;
	height: 211px;
}

div.content div.news_text {
	position: absolute;
	left: 225px;
	top: 581px;
	width: 307px;
	height: 211px;
}

div.content div.news_homepage div.newsheader, div.content div.news_text div.newsheader {
	height: 36px;
	background-image: url(../images/nieuws_home.png);
	margin: 0px 0px 10px 0px;
}

div.content div.news_homepage span.date, div.content div.news_text span.date {
	display: block;
	font-style: italic;
	padding: 0px 10px 0px 10px;
}

div.content div.news_homepage span.title, div.content div.news_text span.title {
	display: block;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}

div.content div.news_homepage span.text, div.content div.news_text span.text {
	display: block;
	padding: 0px 10px 0px 10px;
}

div.content div.news_homepage span.link, div.content div.news_text span.link {
	display: block;
	padding: 0px 10px 0px 10px;
}

div.content div.news_homepage span.link a, div.content div.news_text span.link a {
	color: #008FD0;
	text-decoration: none;
}

div.content div.news_homepage div.seperator, div.content div.news_text div.seperator {
	height: 1px;
	background-image: url(../images/seperator_news.png);
	margin: 10px 10px 10px 10px;
}

div.footer {
	position: relative;
	min-height: 85px;

	color: #808080;
	padding: 15px 0px 0px 20px;
	margin-top: 10px;
	
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
}

div.footer span.powered {
	position: absolute;
	left: 20px;
	top: 50px;

	color: #808080;
}

div.footer span.powered a {
	color: #808080;
	text-decoration: none;
}

div.footer img.klantgerichtbouwen {
	position: absolute;
	left: 692px;
	top: 10px;
}

div.footer img.bouwbedrijfregeling {
	position: absolute;
	right: 0px;
	top: 47px;
	
	width: 140px;
}

/* TEXT */

div.content div.text_home h1, div.content div.text_product h1, div.content div.text h1 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #008FD0;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
}

div.content div.text_images {
	position: relative;
	width: 358px;
	min-height: 100px;
	margin-left: 532px;
}

div.content div.text_images div.image {
	position: relative;
	float: left;
	width: 106px;
	height: 117px;
	margin: 10px 0px 0px 10px;
}

/* NEWS */

div.content div.text span.date {
	display: block;
	font-style: italic;
}

div.content div.text span.title {
	display: block;
	font-weight: bold;
}

div.content div.text span.text {
	display: block;
}

span.text a{
	color: black;
	text-decoration: underline;
}

div.content div.text span.link {
	display: block;
}

div.content div.text span.link a {
	color: #008FD0;
	text-decoration: none;
}

div.content div.text div.seperator {
	height: 1px;
	background-image: url(../images/seperator_news.png);
	margin: 5px 0px 5px 0px;
}

/* PRODUCTS */

div.content div.text_product {
	position: absolute;
	left: 532px;
	top: 0px;
	width: 338px;
	height: 192px;

	line-height: 18px;
	padding: 16px 10px 0px 10px;
}

div.products {
	position: relative;
	width: 665px;

	padding: 330px 0px 0px 225px;
}

div.products div.row {
	position: relative;
	width: 665px;
	min-height: 140px;

	padding: 10px 0px 0px 0px;
}

div.products div.row div.product {
	position: relative;
	float: left;
	width: 207px;
	min-height: 150px;

	padding-left: 11px;

	cursor: pointer;
}

div.products div.row div.product span.title {
	position: absolute;
	top: 0px;
	right: 0px;

	background: url(../images/semitrans.png);
	padding: 2px 5px 2px 5px;
}

#overlay_bg {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 100%;
	height: 100%;

	background: black;
	z-index: 999998;

	opacity: 0.6;
	filter: alpha(opacity = 60);
}

#overlay {
	position: fixed;
	left: 50%;
	top: 50%;

	width: 721px;
	min-height: 455px;

	margin: -265px 0px 0px -360px;
	z-index: 999999;
}

#overlay div.thumbs {
	position: absolute;
	left: 0px;

	width: 105px;

	padding: 10px 10px 0px 10px;
	background: white;
}

#overlay div.thumbs img {
	width: 105px;
	height: 70px;
	
	margin-bottom: 8px;
	
	cursor:  pointer;
}

#overlay div.image {
	position: absolute;
	right: 0px;

	width: 585px;
	
	padding: 10px 10px 8px 10px;

	text-align: left;
	background: white;
}

#overlay div.image img {
	width: 585px;
	height: 390px;
}

#overlay div.image img.close {
	position: absolute;
	right: 0px;
	top: 0px;
	
	width: 50px;
	height: 50px;

	cursor: pointer;
}

#overlay div.image span.title {
	display: block;
	font-size: 12px;
	color: #008FD0;
	padding: 10px 0px 0px 0px;
}

#overlay div.image span.attachments {
	display: block;
	padding: 10px 0px 0px 0px;
}

#overlay div.image span.attachments a {
	color: #000000;
}

/* CONTACT */

div.content div.formulier {
	position: relative;
	width: 338px;

	line-height: 18px;
	padding: 16px 10px 0px 10px;
	margin-left: 532px;
}

div.content div.formulier span.label {
	display: block;
}

div.content div.formulier input, div.content div.formulier select, div.content div.formulier textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	width: 275px;
}

div.content div.formulier input.anders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	width: 275px;
	margin-top: 2px;
}

div.content div.formulier select {
	width: 279px;
	padding: 1px;
	height: 19px;
}

div.content div.formulier textarea {
	height: 100px;
	overflow: auto;
}

div.content div.formulier input.checkbox {
	position: relative;
	top: 3px;
	
	width: 16px;
}

div.content div.formulier input.submit {
	width: 75px;
	margin-top: 10px;

	color: white;
	background: #008FD0;
	border: 1px solid #111111;
}

div.content div.formulier span.error { color: red; }