body {
	background-color: #F5F5F5;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 10px;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}

hr{
	margin: 0;
	padding: 0;
 	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px lightgrey;
 	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */

}

a{
	font-size:12px;
}


p{
	margin: 0px 0px 15px 0px;
}

ol{
	padding: 0px 10px 10px 20px;
}

ol li{
	padding: 0px 0px 10px 0px;
}

/*************************************************************************/


#main-container {
	width: 900px;
	margin: 0px auto;
	text-align: left;	
	
	/*border: 1px solid #cccccc;
	border-top:none;
	border-bottom:none;

	background-color:#FFF;*/
	/*position:relative;
	float:left;*/
}


/********************** Header ***************************/
#header {
	background-color:#8eacff;
	height: 80px;
	width:900px;
	position:relative;
	background-image: url(images/header-hg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	/*border: 1px solid #cccccc;
	border-top:none;
	border-right:none;*/
}

#header_right{
	position:absolute;
	padding-top: 8px;
	top: 0px;
	right: 10px;
	bottom: 7px;
	width: 500px;
	height: 80px;
	background-image: url(images/tuev.gif);
	background-position: right top;
	background-repeat: no-repeat;	
}

#header_right ul{
	list-style: none;
}

#header_right li{
	color: #082d95;
	font-size: 14px;
	padding-left: 25px;
	line-height: 150%;
	background: url(images/arrow-blue.gif) no-repeat center left;
	
}

#header_right li a{
	color: #082d95;
	font-size: 14px;
}

#header_right li b{
	color:darkblue;
}

#header_right li a:hover{
	text-decoration:none;
}

/****************Stecker-Logo + Schrift****************/

#logo_w1{
	position:absolute;	
	top:10px;
	left:25px;
	height:62px;
	padding-left: 70px;
	padding-top: 13px;
	background-image: url(images/logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


#logo_w1 a{
	font-size: 15px;
	color: #006;
	font-weight: bold;
	display:block;
	z-index:0;
	text-decoration: none;
	text-transform: uppercase;
}

#logo_w1 #sub{
	color: #039;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	padding-left: 1px;
}


#header_text {
	top:90px;
	left:43px;
	width:230px;
	position:absolute;
}
#header_text strong{
	font-size: 24px;
	color:#FFFFFF;
	display: block;
	margin: 25px 0px;
}
#header_text a{color:#28556b;}
#header_text a:hover{color:#c77e0c;}
/**container zur anzeige der aktuellen Seite ********
*erste ebene im maincontainer
*im quelltext gaanz oben! (SEO)
*für user innerhalb contentbereich oben sichtbar
***/

#page-title{
	display: block;	
	position:absolute;
	z-index: 1;
	top: 147px;/*höhen: header(90px) + navileiste(44px) + stadtliste(25px) + "gap"*/ 
	margin: 0;
	margin-left:29px; /* == #left{ padding: 27px;} + 2px*/
	/*font-size: 12px;
	background-color: #eaf2e7;	
	width: 647px;
	color: #7b8079;
	font-weight: normal;
	*/	
}

/********************** Stadtliste ***************************/

#stadtliste{
	font-size: 10px;
	border-top: 1px dashed #cccccc;
	/*border-right: none;
	border-left: none;*/
	padding: 2px 10px 2px 10px;
	background-color:#e9effe;
	height: 25px;
	
}


#stadtliste b{
	float: left;
	color: #666666;
}

#stadtliste ul{
	list-style: none;
	
	
}

#stadtliste ul li{	
	float: left;
	margin-right: 5px;
	
}

#stadtliste ul li a{
	font-size: 10px;
	color: #666666;
}

#stadtliste ul li a:hover{
	text-decoration: none;
	color:black;
}





/***********seite alle PLZ****************/
#form3{
	background-color: #FFCCCC;
	padding: 5px;
}


#form3 #plz_input{}

#form3 .submit{
	cursor: hand;cursor: pointer;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}


#kurzrechner {
	margin: 0px 10px 7px 15px;
	color: black;
	border: 1px solid #9c9c9c;
	float: right;
	background-image: url(images/hg-kurzrechner.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #c5c5c5;
}


#kurzrechner input{
	border: 1px solid black;
	padding: 0px 1px;
}

#kurzrechner .submit{
	cursor: hand;
	cursor: pointer;
	
	/*
	background-color: #CA0000;
	color: white;
	font-style: italic;
	border-top-color: #8A0000;
	border-right-color: #8A0000;
	border-bottom-color: #8A0000;
	border-left-color: #8A0000;*/
}



#kurzrechner #stromrechner{
	text-decoration: none;	
	font-size: 14px;
}

#kurzrechner #stromrechner:hover{
	text-decoration: none;	
}


/***************Navigationsleiste*******************/

#navi{
	width:100%;
}

#navi ul{
	background-image: url(images/navi-leiste.jpg);
	display:block;
	margin: 0px 0px 0px 0px;
	height:30px;
	text-align:center;
	background-repeat: repeat-x;
	background-position: left -7px;
}
#navi li{
	display:inline;	
	border-right: 1px solid white;
	color: #FFFFFF;
}
#navi ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
	line-height: 30px;
}
#navi ul a:hover{
	text-decoration:none;
	color: #FFFF33;
}


/**pulldown**/
#navi ul .pulldown-point{ /*li der oberliste*/
  position: relative;
  margin: 0;
  padding: 0px 15px;  
  cursor: hand;cursor: pointer;
  border: none;
  /*text-align:center; */
  
}


#navi ul .pulldown-point ul{
	/*z-index: -2;*/
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 1em;
	padding: 5px;
	background-color:#0A37C0;
	border: 1px solid #082d95;
	border-top: 8px solid #082d95;
	width:90%;
	height:auto;
	text-align:left;	
	background-image: none;
}

#navi ul .pulldown-point:hover ul
{ 
	/*z-index: 2;*/
	visibility: visible;
}

#navi ul .pulldown-point li{
	display:block;
	border: none;	
	border-bottom: 1px dashed white;		
}

#navi ul .pulldown-point li a{
	color: #FFFFFF;
	text-decoration:none;
	margin: 0;
	line-height: 1.5em;
	font-size: 90%;	
	/*width: 100%;*/
	/*padding: 1px 0px;*/
}

#navi ul .pulldown-point li a:hover{
	color: #FDFD00;
	/*background-color: #082d95;*/
}







/********************** Content ***************************/
#content {
	float:left;
	width: 898px;
	border: 1px solid #cccccc;
	border-top:none;
	background-color:#FFF;
}

.left {
	float:left;
	padding: 40px 10px 27px 27px;
	line-height: 150%;
	position:relative;
}




img{
	border-width:0px;
}
h1{		
	color: #333333;/*color: #993300;*/
	font-size:15px;
	margin: 0px;	
}

h2{
	font-size:13px;
	margin: 0px 0px 5px 0px;
	color: #F60;	
}

h3{
	margin: 20px 10px 0px 0px;
	font-size:12px;
	
}

.left a{color:#28556b;text-decoration: underline;}
.left a:hover{text-decoration: underline;}

.unsilinks a{
	color: #000;
	text-decoration: none;
}

#photos a{
	margin-right:14px;
}

/***************************rechte Sidebar**********************/
#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	border-left: #e3e5db 1px solid;
	font-size: 11px;
/*text-align: center;*/

}

#right img{
	/*border: 1px solid #cccccc;
	border-top:none;
	border-right:none;*/
}

#right ul{
	font-size: 11px;
}

#right ul li{
	list-style: none;
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(images/icon-ok.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#right #title-right{
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
	color:green;
	font-weight: bold;
}

#right a{
	color:#28556b;
	font-size: 11px;
	
}

#right a:hover{
	text-decoration: none;
}
/********************** Footer ***************************/
#footerline {
clear:both;
/*background-image:url(images/footer_bg.gif);*/
font-size:1px;
background-color: white;


}
#footer {clear:both;
	text-align:center;
	color: #888888;
	font-size: 10px;
	padding-top: 3px;
}

#footer a{
	color: #888888;
	font-size: 10px;
}

/***********************other******************************/

#kontakt td{
	padding: 0px 30px 0px 0px;
}

.fehler{

color: red; font-weight: bold;text-align:center;}

.erfolg{
color: green; font-weight: bold;text-align:center;
}

/*******************Stromrechner******************/
#text_neben_map{	
	margin: 0;
	margin-bottom: 5px;
}

#plz_box_stromrechner, #plz_box_stromrechner a{
	font-size: 10px;
	line-height: 1.1em;
	margin-top: 0px;
}

#map{
	float:right;
	margin-bottom: 5px;
	padding-left: 5px;
}

#andre_stadt_waehlen{
	position: absolute;
	top: 0;
	right: 10px;
}

/************strom-iframe******************/

#strom-iframe a{
	color:#28556b;
	/*text-decoration: underline;	*/
}

/*Tarifdetails-Link*/
#strom-iframe .c24TariffDetail{
	/*text-decoration: underline;*/
	font-weight:normal;
}

#strom-iframe .c24TariffDetail:hover{
	/*text-decoration: underline;*/
}

/*Bewertungen Link*/
#strom-iframe .c24ProviderEvaluationLink{
	text-decoration: none;
	font-size: 11px;
	/*color:#CB6101;*/
	color: #666666;
}

/*Stromanbieter-Name*/
#strom-iframe .c24ResultsTableRow strong{
	color:#28556b;
}


#strom-iframe .c24ProviderEvaluationLink:hover{
	text-decoration: underline;
	
}

#strom-iframe .c24ResultsTablePriceSmall{
	color:green;
}

#strom-iframe .c24TextEco{
	color: #666666;
}



#strom-iframe .c24FormTableLight .c24FormTableLightRow input{
	color:black;
	font-weight: bold;
	font-size: 110%;
}

/********Gewinnspiel******/

#gewinnspiel-tab{
	border: 1px solid #ddd;
	padding: 3px;
}

#img-stromwechsel{
	float:left; 
	margin: 0px; 
	margin-right: 10px;
	border: 1px solid #082d95;
	padding: 3px;
	
}

/**Tipps**/

.tipps{
	margin: 0;
	padding: 0;
	} 

.tipps li{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	list-style: #900;
	font-size: 10px;
	line-height: 1.2em;
	/*padding: 10px 10px;*/
}

#weitereInfos{
	margin-left: 15px;
}

#weitereInfos li a{
	font-size:15px;
	line-height: 2em;	
}

#zurueckLinkUebersicht{
	position: absolute;
	right: 0;
	top: 0;
}