ul.teaser,
ul.energiesparklassen
{
	list-style: none;
	width: 780px !important;
	padding: 0px !important;
}
	ul.teaser li,
	ul.energiesparklassen li
	{
		float: left;
		width: 219px;
		background: none !important;
		padding: 20px 20px 10px 20px !important;
		margin: 0px !important;
		border-right: 1px solid #aaa;
	}
		ul.teaser li.last
		{
			border: 0;
		}
		ul.teaser li h2
		{
			color: #f0001e;
			margin: 0px 0px 5px 0px;
		}

	ul.energiesparklassen li
	{
		width: 155px;
		border: 0;
	}
		ul.energiesparklassen li a.icon
		{
			width: 98px !important;
			height: 98px !important;
			padding: 0px !important;
			margin: 0px 0px 0px -4px !important;
			display: block !important;
			float: none !important;
			overflow: hidden;
			text-indent: -1000px;
			background: url("../../_images/energiesparen/detail/klassen_icons.gif");
		}
		ul.energiesparklassen li.zwei_liter a.icon { background-position: -98px 0px !important; }
		ul.energiesparklassen li.drei_liter a.icon { background-position: -196px 0px !important; }
		ul.energiesparklassen li.passivhaus a.icon { background-position: -294px 0px !important; }

		
		ul.energiesparklassen li h3
		{
			font-weight: bold;
			color: #555;
			margin: 5px 0px 5px 0px;
		}

div#text div h1
{
	margin: 8px 0px 20px -2px;
	color: #f0001e;
}
div#text div h2
{
	margin: 10px 0px 0px -1px;
}


div#image_container
{
	position: relative;
	height: 350px;
}

img#box_1,
img#box_2,
img#box_3
{
	position: absolute;
	left: 0px;
	top: 0px;
}



/************************************
Konfigurator
************************************/

div#konfigurator
{
	width: 780px;
	height: 460px;
	position: relative;
	background: url("../../_images/energiesparen/detail/bg_konfigurator.gif") #f29400;
}

div#konfigurator h1
{
	margin: 0px;
	padding: 20px !important;
	color: #f0001e;
}

div#konfigurator ul.formular
{
	position: absolute;
	left: 20px;
	bottom: 170px;
	z-index: 100;
}

div#konfigurator ul.formular li
{
	float: none;
	display: block;
	height: 55px;
}
	div#konfigurator ul.formular li h2
	{
		margin: 0px 0px 2px 0px;
		font-size: 12px;
	}

div#konfigurator img
{
	position: absolute;
	right: 40px;
	top: 0px;
}
div#konfigurator p
{
	position: absolute;
	left: 20px;
	bottom: 8px;
	width: 460px;
	color: #fff;
	line-height: 17px;
	z-index: 1;
}
	div#konfigurator p span
	{
		font-weight: bold;
		color: #f0001e;
		font-size: 11px;
		padding: 2px 6px;
		text-align: center;
		background: url("../../_images/energiesparen/detail/kreis.gif") no-repeat;
	}

div#text.konfigurator div
{
	width: 490px;
}
div#text.konfigurator div h2
{
	color: #f0001e;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
}
div#text.konfigurator div h2 span
{
	color: #444;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

div#text.konfigurator div.regler
{
	margin: 5px 0px 5px 58px;
	padding: 0px 0px 0px 29px;
	font-weight: bold;
	color: #f0001e;
	background: url("../../_images/energiesparen/detail/regler_oben.png") 0px 4px no-repeat;
}

div#text.konfigurator div#regler_enev
{
	margin: 5px 0px 25px 172px;
	padding: 1px 0px 0px 29px;
	color: #000;
	background: url("../../_images/energiesparen/detail/regler_unten.png") 0px 2px no-repeat;
}
div#text.konfigurator div.regler span
{
	padding-left: 0px;
}
div#text.konfigurator div.module
{
	width: 250px;
	margin: 0px 0px 0px 0px !important;
	padding: 20px 0px;
}
	div#text.konfigurator div.module ul
	{
		padding: 0px;
		margin: 0px;
		width: 250px;
		height: 270px;
	}
		div#text.konfigurator div.module ul li
		{
			width: 67px;
			height: 67px;
			float: left;
			padding: 0px;
			margin: 0px 10px 10px 0px;
			background: none;
			position: relative;
		}
		div#text.konfigurator div.module ul li a
		{
			display: block;
			width: 67px;
			height: 67px;
			background: url("../../_images/energiesparen/detail/module.png") no-repeat;
			text-indent: -10000px;
			filter: alpha(opacity=50);
			opacity: 0.5;
			-moz-opacity: 0.5;
		}
		div#text.konfigurator div.module ul li a:hover,
		div#text.konfigurator div.module ul li a.active
		{
			filter: alpha(opacity=100);
			opacity: 1;
			-moz-opacity: 1;
		}
		div#text.konfigurator div.module ul li a.active
		{
			background: url("../../_images/energiesparen/detail/module_a.png") no-repeat;
		}

li.modul_1 a { background-position: 0px 0px !important; }
li.modul_2 a { background-position: -75px 0px !important; }
li.modul_3 a { background-position: -150px 0px !important; }
li.modul_4 a { background-position: 0px -75px !important; }
li.modul_5 a { background-position: -75px -75px !important; }
li.modul_6 a { background-position: -150px -75px !important; }
li.modul_7 a { background-position: 0px -150px !important; }
li.modul_8 a { background-position: -75px -150px !important; }
li.modul_9 a { background-position: -150px -150px !important; }


div#text.konfigurator label
{
	display: block;
	float: left;
	width: 270px;
}

div#text.konfigurator h2 label
{
	width: auto;
	font-weight: normal;
}

div#text.konfigurator table.detailinformationen
{
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 470px;
	margin: 17px 0px 0px 0px;
	font-size: 1.1em;
	float: none;
	clear: both;
}
div#text.konfigurator table.detailinformationen th,
div#text.konfigurator table.detailinformationen td
{
	vertical-align: top;
	padding: 10px 0px 10px 10px;
}
div#text.konfigurator table.detailinformationen th
{
	width: 220px;
}
div#text.konfigurator table.detailinformationen h4
{
	font-size: 14px;
	margin: 5px 0px !important;
}

th
{
	font-weight: bold;
}
tr.grey
{
	background: #eee;
}

div.module h4
{
	font-size: 14px;
}
div.module p
{
	margin: 0px 30px 0px 0px;
}

div#tooltip
{
	background-color: #4A469C;
	padding: 0px !important;
	width: auto !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
	top: -35px;
	text-align: center;
}
div#tooltip h4
{
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	padding: 5px 10px !important;
	margin: 0px !important;
}
div#tooltip span
{
	display: block;
	position: relative;
	margin: 0px auto;
	height: 7px;
	background: url("../../_images/energiesparen/detail/bg_arrow.png") top center;
}

div#hinweis
{
	z-index: 10;
	position: absolute;
	left: 20px;
	top: 310px;
	font-size: 11px;
	line-height: 16px;
	width: 330px;
	color: #000;
	display: none;
}


/************************************
Wiki
************************************/
ul.wiki
{
	margin: 0px 0px 0px 20px;
	height: 67px;
}
ul.wiki li
{
	height: 67px;
	width: 67px;
	margin: 0px 17px 10px 0px;
	float: left;
}
ul.wiki li a
{
	display: block;
	width: 67px;
	height: 67px;
	float: left;
	background: url("../../_images/energiesparen/detail/module.png") no-repeat;
	text-indent: -10000px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
ul.wiki li.active a,
ul.wiki li a:hover
{
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	background: url("../../_images/energiesparen/detail/module_a.png") no-repeat;
}

ul.wiki li a.text
{
	display: none;
	width: 110px;
	height: 67px;
	margin: 0px 0px 0px 10px;
	float: left;
	background: none;
	text-indent: 0px;
	font-size: 12px;
}

div.wiki
{
	margin: 40px 20px;
}
div.wiki img
{
	float: left;
	background: #eee;
	margin: 0px 20px 0px 0px;
}


div.energiesparen_klassen #info
{
	top: 20px;
}
    div.energiesparen_klassen #info h1
    {
        margin: 0px;
    }

a.icon_help
{
	width: 17px;
	height: 17px;
	display: block;
	overflow: hidden;
	float: right;
	background: url("../../_images/energiesparen/detail/kreis_blau.gif");
	position: absolute;
	top: -3px;
	right: 15px;
	text-align: center;
}