body{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;			
}

form
{
	margin:0;
	padding:0;
}

a{
	color:#000;
}

#wrapper
{
	margin-left:10px;
	width: 1030px;		
}

#main
{
	width:860px;	
	float:left;		
}

#header
{
	background:url(bilder/header.jpg) no-repeat;
	width:850px;
	height:84px;
	float:left;
}
#rechner
{
	width:440px;
	
	float:left;	
}
#linkprivatstrom
{
	display:block;	
	margin-top:10px;
	background:url(bilder/privat.gif);
	width:213px;
	height:29px;
	float:left;
}
#linkgewerbestrom
{
	display:block;
	background:url(bilder/gewerbe.gif);
	margin-top:10px;
	width:213px;
	height:29px;
	float:left;
}

#obenrechts
{
	float:left;
	width:390px;		
	margin-left:5px;
	margin-top:12px;		
}

#tbl
{
	font-size:11px;	
}
#txtlinks
{
	width:281px;	
	float:left;
	border-right:1px solid #999999;
	margin-top:5px;
}
.txtklein
{
	font-size:11px;
	text-align:justify;
	margin-right:5px;		
	float:left;
}

#ueberschriftunten
{
	clear:left;
	background:url(bilder/bg_headline_home.gif);
	color:#000000;
	font-size:20px;
	height:30px;
	width:850px;
	text-align:center;
	line-height: 30px;		
}
#ueberschriftunten h1 {
	font-size:20px;
}
#txtmitte
{
	width:281px;	
	float:left;
	margin-left:5px;
	border-right:1px solid #999999;
	margin-top:5px;
	
}
#txtrechts
{	
	width:281px;
	float:left;	
	margin-left:5px;
	margin-top:5px;	
}
.stadtlist
{
	width:850px;
	
}

.stadtlist li
{
	list-style-image:url(bilder/icon_pfeil_searchresults.gif);
	float:left;
	width:210px;
}

.stadtlist a
{
	text-decoration:none;
}

.stadtlist a:hover
{
	text-decoration:underline;
}


#txtcont
{
	width:860px;	
}
#infografik
{
	background:url(bilder/hitwords_infografik.gif);
	width:399px;
	height:344px;
	margin-top:4px;		
}
#banneroben
{
	width:750px;
	margin-left:50px;	
}

#trenner
{
	width:850px;
	height:10px;
	margin-bottom:1px;
	margin-top:5px; 
	background:url(bilder/spacer-home.gif) repeat-x; 
	float:left;
}
.footer{
	height:36px;		
}
#email
{	
	margin-top:5px;
	width:140px;
}
#right-ad{
	width:160px;		
	float:right;
	margin-top:95px;			
}
img.pers
{
	cursor:pointer;
	margin-top:10px;
	
}
#vx_var11, #plz, #email, select
{
	border:1px solid #D2D2D2;
}
#vx_var11
{
	width:150px; 
	background:transparent url(bilder/icon_kwh.gif) no-repeat scroll right 3px;
}
#form
{
	background:url(bilder/tabelle_rechner_hg_home.gif) no-repeat;
	width:430px; 
	height:220px; 
	font-size:11px;
}
#formleft
{
	width:200px; float:left; 
	margin-left:10px;
	margin-top:10px; 
}
.inputlabel1
{
    margin-left:20px;	
}
.inputlabel2
{
	margin-top:10px;
	margin-left:20px
}
#formright
{
	width:215px;
    float:left;
	margin-top:10px;
}
.cbcont
{
	margin-top:10px;
}
#emailcont
{
	background:#ffd3a6;
	height:30px;
	width:150px;
	margin-left:45px;
	text-align:center;
	display:block;
}
#btnberechnen
{
	margin-left:10px;
}

/* TABS */
/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:20px;
	border-bottom:1px solid #999;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:11px;
	font-weight: bold;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	border:1px solid #999;	
	border-bottom:0px;
	height:15px;
	background:transparent url(../img/tab-verlauf.gif) repeat-x left bottom;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background:transparent url(../img/tab-verlauf.gif) repeat-x left bottom;
	color:#AEB0AB;
	border-color:#FF880A #FF880A -moz-use-text-color;	
	border-color:#FF880A;	
}
	
/* selected tab */
ul.tabs a.current {
	/*background:transparent url(../img/tab-verlauf-selected.gif) repeat-x left bottom;*/
	border-bottom:0px solid #097B01;	
	color:#FF880A;	
	cursor:default;
	border-color:#FF880A #FF880A -moz-use-text-color;
	border-color:#FF880A;
		
}

	
/* tab pane */
/* tab pane */
div.panes div.tab-pane {
	border:1px solid #999;
	border-width:0 1px 1px 1px;
	min-height:360px;
	height:auto !important;  /* für moderne Browser */
	height:360px;  /*für den IE */
	background-color:#fff;	
}



.tooltip {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; position:absolute; display:none; border:1px #000000 solid; padding:5px; background:#FFFFFF; color:#000000; width:350px; z-index:2000;}
.tooltipMouseover {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; position:absolute; display:block; border:1px #000000 solid; padding:5px; background:#FFFFFF; color:#000000; width:350px; z-index:2000; top: -100px; left: -500px;}