@charset "utf-8";
body {
	padding: 0px;
	text-align: center;
	margin:0;
	background-image:url(../layout_images/body_background.png);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:fixed;
}
html {overflow: -moz-scrollbars-vertical !important;}
#container {
	width: 900px;
	text-align: left;
	margin: 0px auto;
	height: auto;
	background-image: url(../layout_images/container_bc.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#fff;
}
#topWrap {
	width:900px;
	height:180px;
	margin:0px;
	padding:0px;
	border-bottom-width: 13px;
	border-bottom-style: solid;
	border-bottom-color: #C0887E;
	float: left;
}
#logo {
	width:360px;
	height:135px;
	margin:0px;
	padding:0px;
	float:left;
}
#topMenu {
	width:540px;
	height:180px;
	margin:0px;
	padding:0px;
	float:left;
	background-color:#666;
}
#topMenu a {
	display:block;
	float:left;
	height:120px;
	width:134px;
	background-color:#484848;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	letter-spacing: -1px;
	word-spacing: 6px;
	padding-top: 60px;
	line-height: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
}
#topMenu a:hover, #topMenu a:active {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#C0887E;
	background-color:#C0887E;
}
#topMenu a.current {
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#C0887E;
	background-color:#C0887E;
}
#topMenu a#threeLines {
	padding-top: 45px;
	height:135px;
	width:74px;
	padding-right: 30px;
	padding-left: 30px;
}
#leftMenu {
	width:360px;
	height:36px;
	margin:0px;
	float:left;
	text-align: center;
	padding: 9px 0px 0px 0px;
}
#leftMenu { padding-top /*\**/: 7px\9 } /*IE8 specific hack*/
#leftMenu { height /*\**/: 38\9 }       /*IE8 specific hack*/
#leftMenu a {font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin-left:6px; margin-right:6px; color:#999; text-decoration:none; }
#leftMenu a:hover { color:#000;}

h1, h2 {
	color:#555;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:30px;
}

/*left column*/ 
#leftColumn {
	width:360px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.identity {
	width:347px;
	height:auto;
	padding:0;
	margin-right:13px;
	margin-bottom:8px;
	float: left;
	margin-top: 0;
	margin-left: 0;
}
.leftBlock, .leftCmnBlock {
	width:307px;
	height:auto;
	margin-right:13px;
	*margin-right:13px;
	_margin-right:5px;
	margin-bottom:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ccc;
	float: left;
	margin-top: 0;
	margin-left: 0;
	background-color: #666;
	padding:20px;
}

.leftCmnBlock h1{ font-size:18px; color:#ccc; padding-top:15px; }
.leftCmnBlock p { margin:0px;}
.leftCmnBlock form#form3 {
	margin:0px;
	padding: 0px;
	height: auto;
}
.leftCmnBlock p input { width:200px;}
.leftCmnBlock p input.btnTelefoon, .aanvraagBlock p input.btnTelefoon{
	width:40px;
	height:30px;
	border:none;
	background-color:#666;
	background-image:url(../layout_images/call_me.png);
	background-repeat:no-repeat;
	cursor:pointer;
	background-position:5px;
	}
.leftCmnBlock p input:hover.btnTelefoon, .aanvraagBlock p input:hover.btnTelefoon{
	background-image:url(../layout_images/call_me_hover.png);
	background-repeat:no-repeat;
	}

.leftBlock p {
	margin-bottom:0px;}
.leftBlock p a {
	margin-bottom:10px;}
.leftBlock h3{
	color:#eee;
	font-size:18px;
	font-weight:bold;
	border-bottom:#ccc dotted 1px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom:10px;
}
.leftBlock a {
	color:#fff;
	font-size:14px;
	margin-top:10px;
	text-decoration:none;
}
.leftBlock a:hover {text-decoration:underline;}
.leftBlock ul, .leftBlock ol { margin-left:-40px; *margin-left:0px; _margin-left:0px; }
.leftBlock ul li { list-style:none; line-height:20px;}
.leftBlock ol { list-style:url(../layout_images/star.png); margin-left:-20px; *margin-left:20px; _margin-left:20px;}
.leftBlock ol li { margin-left:0px; color:#eee;}

/*mid column*/
#midColumn {
	width:315px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.midBlock {
	width:284px;
	height:auto;
	background-color:#F2E7E1;
	margin-right: 13px;
	margin-bottom: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535254;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.midBlock p { line-height:20px;}
.midBlock form p { margin:0px;}
.midBlock a {
	color:#333;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-decoration:none;
	border-bottom:#ccc solid 1px;
	display: block;
	padding-bottom: 10px;
}
.midBlock a:link {}
.midBlock a:visited {color:#333;}
.midBlock a:hover {color:#777;}
.midBlock a:active {color:#777;}

/*right column	*/
#rightColumn {
	width:225px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#rightColumn p {line-height:20px;}
.rightBlock, .pollBlock {
	width:209px;
	height:auto;
	background-color:#E2E2E2;
	margin-bottom: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535254;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.aanvraagBlock {
	width:209px;
	height:auto;
	background-color:#666;
	margin-bottom: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EEE;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.aanvraagBlock p { margin:0px;}
.aanvraagBlock p.smallFont { font-size:10px;}
.aanvraagBlock ul li{ list-style:none; margin-left:-40px; margin-top:5px;}
.aanvraagBlock img {
	margin-left:15px;
}
.pollBlock {
	border-bottom-width: 13px;
	border-bottom-style: solid;
	border-bottom-color: #cf67fe;
}
.pollBlock ul li {
	list-style:none;
	margin-left:-40px;
}
.rightBlock h1, .pollBlock h1, .aanvraagBlock h1{
	color:#333;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
}
.aanvraagBlock h1{ color:#EEE;}
.rightBlock a {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-decoration:none;
}
.rightBlock a:link {}
.rightBlock a:visited {color:#FFF;}
.rightBlock a:hover {color:#cf67fe;}
.rightBlock a:active {color:#cf67fe;}

/*faq block styles*/
#twoThirdColumn {	
	width:520px;
	*width:520px;
	_width:480px;
	height:auto;
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color:#FDF5EE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#666;
}
#twoThirdColumn  h2{
	color:#555;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#twoThirdColumn h2.siteM{ text-indent:40px;}
#twoThirdColumn  p{
	color:#333;
	margin-right:15px;
	line-height:20px;
}
#twoThirdColumn ul li {list-style:url(../layout_images/star.png);}
#twoThirdColumn a { padding:5px; border:dotted 1px #FDF5EE; color:#B7766A; line-height:30px; text-decoration:none; font-weight:normal; }
#twoThirdColumn a:hover { background:none; border:dotted 1px #B7766A; }
#twoThirdColumn ul.sitemap { margin-top:3px; margin-bottom:3px; margin-left:-6px; *margin-left:34px; _margin-left:34px;}
#twoThirdColumn ul.sitemap li { list-style:none;}
#twoThirdColumn ul.sitemap li a{ padding:5px; border:dotted 1px #FDF5EE; color:#B7766A; line-height:30px; text-decoration:none; font-weight:normal;}
#twoThirdColumn ul.sitemap li a:hover{ background:none; border:dotted 1px #B7766A; }

#twoThirdColumn.twoThirdGrey {
	background-image:url(../layout_images/twoThirdGrey_bc.png);
	background-repeat:repeat-x;
	background-position:top;
}
#twoThirdColumn.twoThirdGrey p, #twoThirdColumn.twoThirdGrey h1, #twoThirdColumn.twoThirdGrey h2{ padding-left:10px;}
#twoThirdColumn.twoThirdGrey h1 { color:#000; font-size:20px;}

/*Bottom divs hieronder*/
#footer {
	width:900px;
	position:relative;
	z-index: 1;
	height: 180px;
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	padding: 13px 0px;
}
#copyright {
	height:40px;
	padding-top:20px;
	padding-left:17px;
	width:310px;
	position:absolute;
	background-color:#C0887E;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:50;
	float: left;
	bottom: 60px;
	color:#000;
}
#leftbottom {
	height:40px;
	padding-top:20px;
	padding-left:17px;
	width:883px;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#CCC;
	z-index:20;
	float: left;
}
#leftbottom a { color:#888; text-decoration:none;}
#leftbottom a:hover { color:#888; text-decoration:underline;}
#bot_menu {
	height:40px;
	width:280px;
	position:absolute;
	left:200px;
	bottom:0px;
	background-color:#484848;
	z-index:20;
	float: left;
	padding-top: 100px;
	text-align: center;
	word-spacing: 3em;
}
#bot_menu a { color:#CCC; text-decoration:none;}
#bot_menu a:hover { color:#FFF; text-decoration:underline;}
#bot_logo {
	height:150px;
	width:300px;
	position:absolute;
	background-color:#484848;
	z-index:1000;
	bottom: 36px;
	left: 600px;
	float: left;
	background-image: url(../images/bottomlogo.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#rightbottom {
	height:120px;
	width:420px;
	position:absolute;
	left:480px;
	bottom:0px;
	background-color:#C0887E;
	z-index:30;
	float: left;
}
img {border: none;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

/*buttons hier*/
.Button {
	border:none;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	background-color: #E2E2E2;
	cursor:pointer;
	margin-left:2px;
	padding:0px;
}
.Button:hover{
	color:#00B3BE; 
}
.aanvraagButton {
	border:none;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	background-color:#000; 
	cursor:pointer;
	padding:3px;
	margin:0px;
	margin-top:10px;
	margin-bottom:15px;
}
.aanvraagButton:hover{
	color:#333; background-color:#fff;
}
.aanvraagButtonContact {
	border:none;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	background-color:#666;
	width:120px;
	cursor:pointer;
	padding:0px;
	margin:0px;
}
.aanvraagButtonContact:hover{
	color:#FFF;
}

/*aanvraagformulieren Styles*/
ul.MainForms li {
	padding-bottom:5px;
	font-size: 10px;
	color: #666;
}
#twoThirdColumn ul.MainForms li {
	list-style:none;
	color: #000;
	font-size: 12px;
}
#twoThirdColumn ul.MainForms li input, #twoThirdColumn ul.MainForms li select {
	font-size: 12px;
}
#twoThirdColumn p.error, p.error  {color:#F00;}

p { line-height:14px; padding-top:5px; padding-bottom:5px;}

/*tabellen styles*/
table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:500px;
}
table.offerte {
	width: 530px; /*all browsers */
	*width:530px; /*ie6 and IE7 */
	_width:510px; /* ie6 only */
}
table tr {}
table tr th {
	color:#555;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:30px;
	text-align:left;
}
table tr td {
	text-align:right;
	vertical-align:middle;
	padding-right: 20px;
    width:212px;
	border-bottom:solid 1px #ccc;
}
table.offerte tr td {
	width:auto;
	border-bottom:none;
	padding-bottom: 2px;
	text-align: left;
	padding-right: 10px;
	padding-top: 5px;
	vertical-align:middle;
}
table.offerte tr td select.selector{	
	/*the hack*/	
width:269px !important; /* Style for FF */
/*/* FF ignores next line. Don't remove this comment! */*/
width:275px !important; /* Style for IE7 */
width:255px; /* Style for IE6 */ 
}
table.offerte tr td textarea.textarea#textStyle{
/*	width:263px;*/
	
	/*the hack*/	
width:263px !important; /* Style for FF */
/*/* FF ignores next line. Don't remove this comment! */*/
width:269px !important; /* Style for IE7 */
width:249px; /* Style for IE6 */
}
table tr td.checker, table tr th.checker {
	width:8px;
	padding-left:18px;
/*	border:none;*/
	text-align:center;
}
table tr td.checker:hover { background-color:#999;}


#twoThirdColumn h2.foutmelding, .foutmelding { color:#F06;}
span.foutmelding { line-height:24px;}
#twoThirdColumn p.melding { color:#C0887E; font-size:14px; font-weight:bold;}

