@charset "utf-8";
body {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
html
{overflow: -moz-scrollbars-vertical !important;}
#container {
	width: 900px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	background-image: url(../layout_images/container_bc.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#topWrap {
	width:900px;
	height:180px;
	margin:0px;
	padding:0px;
	border-bottom-width: 13px;
	border-bottom-style: solid;
	border-bottom-color: #74ccff;
	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:74px;
	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;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #646464;
}
#topMenu a:hover, #topMenu a:active {
	background-image:url(../layout_images/topMenu_active.png);
	background-repeat:repeat-x;
	background-position:top left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#74ccff;
}
#topMenu a.current {
	background-image:url(../layout_images/topMenu_active.png);
	background-repeat:repeat-x;
	background-position:top left;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#74ccff;
}
#topMenu a#threeLines {
	padding-top: 45px;
	height:135px;
}
#leftMenu {
	width:360px;
	height:38px;
	margin:0px;
	float:left;
	text-align: center;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#leftMenu a {font-family: "Trebuchet MS"; font-size: 12px;}
#leftMenu a:link { color:#333; text-decoration:none; margin-left:5px; margin-right:5px;}
#leftMenu a:visited { color:#333; text-decoration:none; margin-left:5px; margin-right:5px;}
#leftMenu a:hover { color:#000; text-decoration:underline; margin-left:5px; margin-right:5px;}
#leftMenu a:active { color:#000; text-decoration:underline; margin-left:5px; margin-right:5px;}
/*left column*/ 
#leftColumn {
	width:360px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.identity {
	width:347px;
	height:247px;
	padding:0;
	margin-right:13px;
	margin-bottom:13px;
	float: left;
	margin-top: 0;
	margin-left: 0;
}
.leftBlock, .leftCmnBlock {
	width:317px;
	height:auto;
/*	margin-right:13px;*/
	
margin-right:13px !important; /* Style for FF */
/*/* FF ignores next line. Don't remove this comment! */*/
margin-right:13px !important; /* Style for IE7 */
margin-right:5px; /* Style for IE6 */

	margin-bottom:13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
	float: left;
	margin-top: 0;
	margin-left: 0;
	background-color: #666;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
}

.leftCmnBlock h1{ font-size:18px; color:#EEE; 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;
	}
.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 h2{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:#999 solid 1px;
	display: block;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.leftBlock h3{
	color:#FFF;
	font-size:1px;
	font-weight:bold;
	border-bottom:#ccc solid 1px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
}
.leftBlock h3.h1{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	border-bottom:none;
}
.leftBlock a {
	color:#ccc;
	font-size:13px;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-decoration:none;
}
.leftBlock a:link {}
.leftBlock a:visited {color:#ccc;}
.leftBlock a:hover {color:#fff; text-decoration:underline;}
.leftBlock a:active {color:#fff; text-decoration:underline;}
.leftBlock ul li { list-style:none;}

.leftBlock ol li { margin-left:0px; color:#FFF;}
/*mid column*/
#midColumn {
	width:315px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.midBlock {
	width:284px;
	height:auto;
	background-color:#F2F9FF;
	margin-right: 13px;
	margin-bottom: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535254;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.midBlock h1{
	color:#333;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
}
.midBlock form p { margin:0px;}
.midBlock a, #twoThirdColumn a.niceBt {
	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.niceBt, #twoThirdColumn a.niceBt { border-bottom:none;}
.midBlock a:link {}
.midBlock a:visited {color:#333;}
.midBlock a:hover {color:#777;}
.midBlock a:active {color:#777;}

.midBlock a.niceBt{ width:264px; height:80px; color:fff; padding:5px; padding-left:15px; line-height:80px; text-align:left; background-image:url(../layout_images/btbc.png); background-position:center; background-repeat:no-repeat; font-size:14px;}
.midBlock a:hover.niceBt { color:#fff; background-image:url(../layout_images/btbc-hover.png); background-position:center; background-repeat:no-repeat; }

/*right column	*/
#rightColumn {
	width:225px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.rightBlock, .pollBlock {
	width:209px;
	height:auto;
	background-color:#74ccff;
	margin-bottom: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EEE;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.aanvraagBlock p { margin:0px;}
.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 h3, .pollBlock h3, .aanvraagBlock h3{
	color:#444;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
}
.aanvraagBlock h3{ 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;}
input#telefoonnummer{ width:130px; _width:120px;}
input.btnTelefoon{
	width:28px;
	height:30px;
	border:none;
	background-color:#666;
	background-image:url(../layout_images/call_me.png);
	background-repeat:no-repeat;
	cursor:pointer;
	}
input:hover.btnTelefoon{
	width:28px;
	height:30px;
	border:none;
	background-color:#666;
	background-image:url(../layout_images/call_me_hover.png);
	background-repeat:no-repeat;
	}

table.putZero {border:none; width:180px; text-align:left;} 
table.putZero tr{border:none; width:auto;} 
table.putZero tr td{border:none; width:auto;} 



/*faq block styles*/
#twoThirdColumn {
/*	width:540px;*/
	
width:520px !important; /* Style for FF */
/*/* FF ignores next line. Don't remove this comment! */*/
width:520px !important; /* Style for IE7 */
width:500px; /* Style for IE6 */

	height:auto;
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color:#F2F9FF;	
}
#twoThirdColumn  h1{
	color:#555;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:30px;
}
#twoThirdColumn  h2{
	color:#444;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
/*#twoThirdColumn h2.siteM{ text-indent:10px;}*/
#twoThirdColumn  p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	margin-right:15px;
}
#twoThirdColumn ul li {
list-style:decimal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
}
#twoThirdColumn a { color:#444; text-decoration:underline; font-weight:bold; padding-left:3px; padding-right:3px;}
#twoThirdColumn a:active { color:#fff; text-decoration:none;background-color:#333; }
#twoThirdColumn a:hover { color:#fff; text-decoration:none;background-color:#333; }
#twoThirdColumn ul.sitemap { 
margin-top:3px; 
margin-bottom:3px;
margin-left:-40px;
*margin-left:0px;
_margin-left:0px;
}
#twoThirdColumn ul.sitemap li { list-style:none;}
#twoThirdColumn ul.sitemap li a{ padding:5px; background-color:#bbb; color:#FFF; line-height:30px; text-decoration:none;}
#twoThirdColumn ul.sitemap li a:hover{ background-color:#666;}

/*#twoThirdColumn a.niceBt{ color:#FFF; padding:5px; padding-top:10px; padding-bottom:10px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; display:block;}
#twoThirdColumn a:hover.niceBt { background-color:#000;}*/
/*#twoThirdColumn p img { border:none;*/


#twoThirdColumn a.niceBt{ width:264px; height:80px; color:fff; padding:5px; padding-left:15px; line-height:80px; text-align:left; background-image:url(../layout_images/btbc.png); background-position:center; background-repeat:no-repeat; font-size:14px;}
#twoThirdColumn a:hover.niceBt { color:#fff; background-image:url(../layout_images/btbc-hover.png); background-position:center; background-repeat:no-repeat; background-color:#F2F9FF;}


/*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-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#copyright {
	height:40px;
	padding-top:20px;
	padding-left:17px;
	width:310px;
	position:absolute;
	background-color:#74ccff;
	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;
}
#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:link{ color:#CCC; text-decoration:none;}
#bot_menu a:visited{ color:#CCC; text-decoration:none;}
#bot_menu a:hover{ color:#FFF; text-decoration:underline;}
#bot_menu a:active{ 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:#74ccff;
	z-index:30;
	float: left;
}
img {border: none;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*buttons hier*/
.Button {
	border:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	background-color: #74ccff;
	cursor:pointer;
	margin-left:2px;
	padding:0px;
}
.Button:hover{
	color:#000; 
}
.aanvraagButton {
	border:none;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	background-color:#000; 
	cursor:pointer;
	padding:3px;
	margin:0px;
	margin-top:10px;
	margin-bottom:15px;
}
.aanvraagButton:hover{
	color:#000; background-color:#74ccff;
}
.aanvraagButton#formulierOpvragen{
	font-size:13px;
	padding-right: 0px;
	padding-left: 0px;
}
.aanvraagButtonContact {
	border:none;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	background-color:#666;
	cursor:pointer;
	padding:0px 5px;
	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: 14px;
}
#twoThirdColumn ul.MainForms li input, #twoThirdColumn ul.MainForms li select {
	font-size: 14px;
}
#twoThirdColumn p.error, p.error  {color:#F00;}

p { line-height:14px; padding-top:5px; padding-bottom:5px;}

/*tabellen styles*/
table {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	
	width:500px; /*all browsers */
	*width:500px; /*ie6 and IE7 */
	_width:480px; /* ie6 only */
}
table.offerte{
	width:530px; /*all browsers */
	*width:530px; /*ie6 and IE7 */
	_width:500px; /* ie6 only */
	margin-left: 10px;
}

table tr {}
table tr th {
	font-size:14px;
	color:#333;
	padding:10px;
	text-align: left;
}
table tr td {
	text-align:right;
	padding-right: 20px;
    width:212px;
	border-bottom:solid 1px #ccc;
}
table.results tr td {
	width:90px;
	border-bottom:none;
}
table.offerte tr td {
	width:auto;
	border-bottom:none;
	padding-bottom: 2px;
	text-align: left;
	padding-right: 10px;
}
table.offerte tr td span.TableTextGrey{
	color:#888;
}
table.offerte tr td select.selector{
/*	width:269px;*/
	
	/*the hack*/	
width:269px !important; /* Style for FF */
/*/* FF ignores next line. Don't remove this comment! */*/
width:275px !important; /* Style for IE7 */
width:275px; /* 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:269px; /* 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;}


/*---------------------------*/

table.results {
	width:500px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #F2F9FF;
}
table.results tr th {
	vertical-align:top;
	padding-left: 10px;
	width: 75px;
	font-size:14px;
	background-color: #31B4FF;
	color: #FFF;
	text-align: left;
}
table.results tr.goedkoopste {
	background-color:#99ff66;
}
table.results tr.beste { background-color:#F9C;}
table.results tr.besteGoedkoopste { background-color:#ffff66;}
table.results tr td {
	width:75px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right: 0px;
	padding-left:5px;
	text-align:left;
}
table.results tr td p, table.results tr td h3 {
	width:500px;
	text-align: left;

}
tbody {
	width:500px;}
p { line-height:20px;}


#twoThirdColumn .chat a { 
	position:relative;
	display:block;
	float:right;
	width:150px; 
	height:94px; 
	z-index:999;
	top:-20px;
	*top:0px;
	margin-right:-10px;
	padding:0;
}
#twoThirdColumn .chat a:hover {background-color:#F2F9FF; padding:0;}