@charset "utf-8";
/* CSS Document */

.kostenkalkulator {
	background:url(../kalkulator/button.gif) bottom center #000 no-repeat;	
	border-bottom:90px;
	color:#fff;
	float:left;
	padding:28px;
	padding-bottom:80px;
	width:883px;
	position:relative;
}

.kostenkalkulator form {
	background:url(../kalkulator/hg_kalkulator.png) #1a5c7f no-repeat;
	display:block;
	float:left;
}
.kostenkalkulator input {
	background:none;
	border:none;
	float:left;
	width:13px;
}
	* html .kostenkalkulator input {
		width:16px;
		margin-top:-1px;
	}
.kostenkalkulator input[type="checkbox"] {	
	display:block;
	margin:2px 5px 0 0;
	margin /*\**/:-2px 8px 0 0\9;
}

/* Funktioniert nicht im IE 6 
.kostenkalkulator input[disabled="true"] + label {	
	color:#ccc;
}
*/
.kostenkalkulator label {
	display:block;	
}
.kostenkalkulator span, .kostenkalkulator a {
	background:url(../kalkulator/hg_blue.jpg) center center;
	color:#fff;
	display:block;	
	padding:6px;
	text-decoration:none;
	width:auto;
}
		* html .kostenkalkulator .s-eins .headline span {width:138px;}
		* html .kostenkalkulator .s-zwei .headline span {width:213px;}
		* html .kostenkalkulator .s-drei .headline span {width:268px;}
		* html .kostenkalkulator .s-vier .headline span {width:212px;}

.kostenkalkulator a.active, .kostenkalkulator a.active:hover {
	background:url(../kalkulator/hg_black.jpg) center center;
}
.kostenkalkulator a.semi-active {
	background:url(../kalkulator/hg_grey.jpg) center center;
}
.kostenkalkulator a:hover,
.kostenkalkulator .s-zwei span:hover {
	background:url(../kalkulator/hg_darkblue.jpg) center center;
}
.s-eins, .s-zwei, .s-drei, .s-vier {float:left;	}
.s-eins {width:150px;margin-right:1px;}
.s-zwei {width:225px;margin-right:1px;}
.s-drei {padding:6px 9px; width:264px; padding-top:40px;}
.s-vier {width:224px;}

/*	Alle Spalten	*/
.headline span, .s-zwei .headline span:hover {
	background:url(../kalkulator/hg_black.jpg) center center;
}
	* html .s-vier span {
		margin-bottom:-2px;
	}
.s-drei .headline {
	position:absolute;
	margin:-40px 0 0 -9px;
	width:280px;
}

/*	Zweite Spalte	*/
span.mainitem {padding-left:8px; background:transparent url(../kalkulator/hg_darkblue.jpg) repeat scroll center center;}
span.subitem {padding-left:25px;}
span.subitem {background:transparent url(../kalkulator/hg_light_blue.jpg) repeat scroll center center;}
/*	/ Zweite Spalte	*/

/*	Dritte Spalte	*/
div#flash_content a {border:1px solid #000;padding:0;}
div#flash_content embed, div.flash_content a img {margin-bottom:-4px;}
/*	/ Dritte Spalte	*/

/*	Vierte Spalte	*/

.s-vier span label {
	float:left;
	width:135px;
}
	* html .s-vier span label {
		width:130px;
	}
/*CLEARFIX FÜR DEN SPAN*/
.s-vier span:after, .headline span:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.s-vier span, .headline span {
	display: inline-block;
} 
html[xmlns] .s-vier span, html[xmlns] .headline span {
	display: block;
} 
* html .s-vier span, * html .headline span {
	height: 1%;
}
/* /CLEARFIX FÜR DEN SPAN*/


.s-vier .gesamtkosten span {
	background:url(../kalkulator/hg_black.jpg) center center;
}
	* html .s-vier span {
		margin-bottom:-2px;
	}

.s-vier span span {
	background:none;
	float:right;
	padding:0px;
}
	* html .s-vier .gesamtkosten span span {
		background:none;
		float:right;
		margin:-15px 0 0 0;
	}

.s-vier div + div + div span,
.s-vier div + div + div + div + div span,
.s-vier div + div + div + div + div + div + div span,
.s-vier div.odd span {
	background:url(../kalkulator/hg_darkblue.jpg) center center;
}
.s-vier div + div span,
.s-vier div + div + div + div span,
.s-vier div + div + div + div + div + div span,
.s-vier div.even span {
	background:url(../kalkulator/hg_blue.jpg) center center;
}

a.clear {
	background:url(../kalkulator/clear.gif) no-repeat;
	width:10px;
	height:10px;
	display:block;
	margin:5px 4px 0 0;
	float:right;
	padding:0;
}
a.clear:hover {
	background:url(../kalkulator/clear.gif) no-repeat;
}
/*Formular absenden*/
.s-vier div.senden span {
	background:url(../kalkulator/hg_black.jpg) 0px -30px repeat-x #000;
}
.s-vier div.senden input {
	background:#333;
	border:1px solid #111;
	color:#fff;
	margin:0;
	width:200px;
	padding:5px 6px;
}
	* html .s-vier div.senden input {
		width:198px;
	}
	* html .s-vier div.senden span {
		width:200px;
	}
	* html .s-vier div.senden input.submit {
		width:212px;
	}
.s-vier div.senden input.submit {
	background:none;
	border:none;
	color:#fff;
	text-align:left;
	margin:0;
	width:200px;
	padding:5px 6px;
}
.s-vier div.senden .senden_info {
	padding:5px 14px;
}
	* html .s-vier div.senden .senden_info {
		padding:5px 12px;
	}


.s-vier div.senden .alarm {
	color:#f00;	
	padding:5px 14px;
}


/*	/ Vierte Spalte	*/



.danke {	
	background:url(../kalkulator/hg_danke.png);
	clear:both;
	/*padding:30px 0;*/
	width:883px;	
	position:absolute;
	height:90%;
}
		* html .danke {	
			background:#000 repeat;
			clear:both;
			padding:30px 0px;
			width:923px;	
			position:absolute;

			left:0;
			top:0;
		}
		* html .danke div {	
			background:#000 repeat;
			padding:100px 0px;
			height:inherit;
		}

.danke div {	
	position:absolute;
	top:45%;	
	font-weight:bold;
	text-align:center;
	width:100%;
}
.danke a {	
	background:none;
	text-decoration:underline;
}
.danke a:hover, .danke a:focus  {	
	background:none;
	text-decoration:none;
}