@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: #00e1ef;
	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:#00e1ef;
}
#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:#00e1ef;
}
#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 {
	width:331px;
	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: 12px;
	color: #CCC;
	float: left;
	margin-top: 0;
	margin-left: 0;
	background-color: #666;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.leftBlock p {
	margin-bottom:0px;}
.leftBlock p a {
	margin-bottom:10px;}


.leftBlock h1{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
}
.leftBlock h2{
	color:#FFF;
	font-size:12px;
	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:#FFF solid 1px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
}
.leftBlock a {
	color:#ccc;
	font-size:12px;
	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:#D8EDF5;
	margin-right: 13px;
	margin-bottom: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	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 {
	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;}

.midBlock a.niceBt{ background-color:#666; color:#FFF; padding:5px; padding-top:15px; padding-bottom:15px; text-align:center; }
.midBlock a:hover.niceBt { background-color:#000;}

/*right column	*/
#rightColumn {
	width:225px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.rightBlock, .pollBlock {
	width:209px;
	height:auto;
	background-color:#00e1ef;
	margin-bottom: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	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: 12px;
	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 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 {
padding:5px; background-color:#000; color:#FFF; line-height:30px; text-decoration:none; text-align:center; font-size:14px; font-weight:bold;
}

.rightBlock a:hover {background-color:#fff; color:#333;}

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:480px; /* Style for IE6 */

	height:auto;
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color:#D8EDF5;
}
#twoThirdColumn  h1{
	color:#555;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:15px;
}
#twoThirdColumn  h2{
	color:#555;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#twoThirdColumn h2.siteM{ text-indent:40px;}
#twoThirdColumn  p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
}
#twoThirdColumn ul li {
list-style:decimal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}
#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;}
#twoThirdColumn ul.sitemap li { list-style:none;}
#twoThirdColumn ul.sitemap li a{ padding:5px; background-color:#999; color:#FFF; line-height:30px; text-decoration:none;}
#twoThirdColumn ul.sitemap li a:hover{ background-color:#777;}


#twoThirdColumn a.niceBt{ background-color:#666; 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;}

/*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:#00e1ef;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:50;
	float: left;
	bottom: 60px;
}
#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:#00e1ef;
	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: #00e1ef;
	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:bold;
	font-size:14px;
	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;
}


p { line-height:14px; padding-top:5px; padding-bottom:5px;}
#twoThirdColumn p.error, p.error  {
	color:#F00;
	margin: 0px;
}

#twoThirdColumn h2 a.offerteCall {
	background-color:#666;
	color:#ccc;
	text-decoration:none;
	font-size:14px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
}
#twoThirdColumn h2 a:hover.offerteCall {
	background-color:#666;
	color:#FFF;
	text-decoration:none;
}

/*tabellen styles*/
/*tabellen styles*/
table {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	width:500px;
}
table.offerte {
	width:520px;
	_width:480px;
	margin-left: 10px;
	margin-top: 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-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4FFA6;
}
table.offerte tr td {
	width:auto;
	border-bottom:none;
	padding-bottom: 2px;
	text-align: left;
	padding-right: 10px;
}
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;}


#twoThirdColumn table.indicatievePremie {
	width:440px;
}
#twoThirdColumn table.indicatievePremie tr td {
	width:200px;
	background-color:#F3FFD9;
}
#twoThirdColumn table.indicatievePremie tr td.euro {
	border:none;
	width:20px;
	background-color:#F0FFCE;

}
#twoThirdColumn table.indicatievePremie tr td ul li { list-style:none;}

form.quickCheck table{
	width:210px;
}
form.quickCheck table tr td{
	width:205px;
	padding-right: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}
form.quickCheck table tr td select{
	width:205px;
}
form.offer select {/* width:209px;*/


	/*the hack*/	
width:209px !important; /* Style for FF */
/*/* FF ignores next line. Don't remove this comment! */*/
width:215px !important; /* Style for IE7 */
width:215px; /* Style for IE6 */
}
table tr td input.offerRadio { text-align:left;}
p { line-height:18px;}