/* Style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End style reset */

.clear {clear: both; line-height: 0px;}
strong {font-weight: bold;}
em {font-style: italic;}
.hidden {display: none;}
.error {color: red;}
html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;  
}

/* Errors */
body.js div#alertlayer {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
div#alert_container {
	background-color: red;
}
div#alert {
	padding: 20px;
}
div#closealert {
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 10px;
	left: 168px;
	background-image: url(../images/klikweg_up.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	display: none;
}
body.js div#alert_container {
	width: 435px;
	height: 435px;
	background-color: transparent;
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -47px;
	z-index: 11;
}
body.js div#alert_container img.background {
	position: absolute;
	top: 50%;
	left: 50%;
}
body.js div#alert {
	width: 200px;
	height: 200px;
	overflow: auto;
	padding: 0 20px 0 0;
	position: absolute;
	top: 118px;
	left: 108px;
}
div#alert p 	  {color: #ffffff; margin-bottom: 10px;}
div#alert h1 	  {color: #ffffff; margin-bottom: 10px; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
/* Errors */
ul#list {
	list-style-type: disc;
}

ul#list li		  {
	color: #999999;
	display: inline;
	margin-left: 5px;
}

p		 		  {color: #999999; margin-bottom: 10px;}
span 		 	  {font-size: 14px; color: #999999; margin-bottom: 10px;}
p.orange 		  {line-height: 14px; color: #ff4d00; margin-bottom: 10px;}
strong.small      {color: #ff4d00; font-size: 14px; font-family: "Arial narrow", Arial, Helvetica, sans-serif; font-weight: normal;}
strong.medium     {color: #ff4d00; font-size: 18px; font-family: "Arial narrow", Arial, Helvetica, sans-serif; font-weight: normal;}
strong.large      {color: #ff4d00; font-size: 22px; font-family: "Arial narrow", Arial, Helvetica, sans-serif; font-weight: normal;}
strong.extralarge {color: #ff4d00; font-size: 26px; font-family: "Arial narrow", Arial, Helvetica, sans-serif; font-weight: normal;}

div#textbox a 	  	{color: #ff4d00; text-decoration: none;}
div#textbox a:hover {text-decoration: underline;}

div#container {
	width: 775px;
	height: 555px;
	margin: 0 auto;
	padding: 20px;
}
div#header {
	height: 150px;
	position: relative;
}
img#logo {
	position: absolute;
	top: 0;
	left: 162px;
}
div#textbox {
	width: 300px;
	text-align: right;
	float: left;
}
img.step {
	margin-top: 10px;
	margin-left: 3px;
	margin-bottom: 10px;
}
div#circle {
	width: 435px;
	height: 435px;
	margin-left: 40px;
	background-image: url(../images/circle_back.gif);
	background-repeat: no-repeat;
	float: left;
	position: relative;
}
div.circle_open {
	background-image: url(../images/circle_back_1.gif) !important;
}
div#circle div#progressbar {
	position: absolute;
	left: 50%;
	top: 110px;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	color: #ff4d00;
	font-size: 12px;
	display: none;
}
form {
	position: absolute;
	top: 200px;
	left: 67px;
	height: 155px;
}
form#contact {
	position: absolute;
	top: 120px;
	left: 80px;
	height: 250px;
}
label {
	color: #666666;
	margin-right: 5px;
}
label.column {
	line-height: 20px;
	color: #666666;
	width: 60px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
}
input.textfield {
	width: 150px;
	height: 12px;
	color: #666666;
	margin-bottom: 2px;
}
input#text {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-right: 5px;
	margin-bottom: 5px;
}
input#button {
	width: 100px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
input#bereken {
	height:71px;
	width:206px;
	position:absolute;
	bottom:0;
	left:70px;
}
input#verstuur {
	height:71px;
	width:169px;
	position:absolute;
	bottom:0;
	right:18px;
}
textarea {
	width: 154px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-right: 5px;
	margin-bottom: 5px;
}
a#prijsindicatie {
	position: absolute;
	bottom: 80px;
	right: 80px;
}
a#prijsindicatie {
	width: 261px; 
	height: 71px;
	text-indent: -220px;
	overflow: hidden;
	background-image: url(../images/prijsindicatie_nl.gif); 
	background-position: 0 -71px;
	display: block;
}
a#prijsindicatie:hover {background-position: 0 0;}
body.de a#prijsindicatie {background-image: url(../images/prijsindicatie_de.gif);}

div#vraagaan {
	position: absolute;
	bottom: 60px;
	right: 150px;
}
div#vraagaan a       {
	width: 206px; 
	height: 71px;
	text-indent: -220px;
	overflow: hidden;
	background-image: url(../images/vraagaan_nl.png); 
	background-position: 0 -71px;
	display: block;
}
div#vraagaan a:hover {background-position: 0 0;}
body.de div#vraagaan a {background-image: url(../images/vraagaan_de.png);}
div#dankwrapper {
	position: absolute;
	bottom: 20px;
	left: 200px;
}
div#backhome a       {
	width: 71px; 
	height: 71px;
	text-indent: -220px;
	overflow: hidden;
	background-image: url(../images/home.gif); 
	background-position: 0 -71px;
	display: block;
	float: right;
}
div#backhome a:hover {background-image: url(../images/home.gif); background-position: 0 0;}
div#terug {
	position: absolute;
	top: 30px;
	right: -20px;
}
div#terug a       {
	width: 150px; 
	height: 71px;
	text-indent: -220px;
	overflow: hidden;
	background-image: url(../images/terug_nl.png); 
	background-position: 0 -71px;
	display: block;
}
div#terug a:hover {background-position: 0 0;}
body.de div#terug a {background-image: url(../images/terug_de.png);}
div#result {
	position: absolute;
	top: 210px;
	left: 172px;
}
div#result p {
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #ff4d00;
}
span.asterisk {
	font-size:24px;
	position:absolute;
	bottom:27px;
}