body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 12px Helvetica, Geneva, sans-serif;
	color: black;
	background-color: #ececec;
}

img {
	border: 0;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images/header.gif);
	background-repeat: repeat-x;
}

/* @group Header */

#header {	
	height: 140px;
	position: relative;
}

#header h1#logo {
	width: 321px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 30px;
}

#header .ad {
	width: 468px;
	height: 60px;
	background-color: #eaeffd;
	position: absolute;
	top: 25px;
	right: 30px;
}

ul#menu {
	width: 950px;
	position: absolute;
	top: 99px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	text-align: center;
	height: 36px;
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
}

#menu li.active {
	font-weight: bold;
	background-image: url(../images/menu_a.gif);
	background-repeat: no-repeat;
	background-position: center;
}


#menu li a {
	color: white;
	text-decoration: none;
	font-size: 16px;
}


/* @end */

#breadcrumb {
	font-size: 11px;
	padding-left: 30px;
	padding-top: 10px;
}

#breadcrumb .navi {
	color: #aaa;
}

#breadcrumb a {
	color: #aaa;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #000;
	text-decoration: underline;
}

.tippheader {
	width: 700px; 
	margin-top: 30px; 
	background-color: #eee; 
	padding: 10px; 
	height: 60px;
	font-size: 11px;
}

.tippheader td {
	font-size: 11px;
	margin:0px;
	padding: 0px;
}

#main {
	text-align: left;
	background-color: #FFFFFF;
	padding-left: 30px;
}

#main .ad {
	margin: 20px;
	text-align: center;
	padding-top:5px;
	margin-left: 5px;
	width: 500px;
	height: 33px;
	background-image:url(../images/bg_mainad.gif);
	background-repeat: no-repeat;
}

.content {
	background-color: #FFFFFF;
	width: 700px;
	float: left;
}

.content h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

.content #starttext1 {
	margin-bottom: 15px;
}

.content label {
	margin-bottom: 18px; 
	width:250px; 
	padding-left: 20px;
}

.content input {
	margin-bottom: 15px; 
}

.content .suche {
	float: right;
}

.content .suche a {
	font-size: 11px;
}

.content a.none:hover {
	text-decoration: none;
}

.sidebar {
	background-color: white;	
	width: 200px;
	float: right;

}

.sidebar #skyscraper {
	width: 200px;
	height: 600px;	
	text-align: left;
}

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

.sidebar #skyscraper a:hover {
	text-decoration: underline;
	color: #000;
}

#formmailer label {
	width: 80px;
}

#footer {
	clear: both;
	margin-top: 20px;
	text-align: center;
	color: gray;
}

#footer a {
	color: gray;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}

.seitennavi {
	padding-top: 10px;
	padding-bottom: 10px;
}

p.page-nav { text-align: center; }
p.page-nav a { margin-right: 5px; }

p.page-nav a.nr
{
	width: 10px;
	height: 10px;
	color: #e46728;
	border-color: #e46728;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	font-size: 10px;
	padding: 0 4px 0 4px;
	background-color: white;
}

p.page-nav a.nr:hover
{
	color: #FFF;
	background-color: #e46728;
}

p.page-nav a.marked
{
	color: #FFF;
	font-size: 10px;
	border-color: #e46728;
	border-width: 1px;
	border-style: solid;
	padding: 0 4px 0 4px;
	background-color: #e46728;
	text-decoration: none;
}

div.box1 a.tipptext:hover {
	text-decoration: none;
}

div.box2 a.tipptext:hover {
	text-decoration: none;
}

div.box3 a.tipptext:hover {
	text-decoration: none;
}

div.box4 a.tipptext:hover {
	text-decoration: none;
}

/* @group Formulare
 */

form {
	margin: 0;
	padding: 0;
}


.field {
	height: 40px;
}

.box label {
	width: 230px;
	display: block;
	float: left;
	font-size: 14px;
	color: white;
	clear: left;
}

input#bezeichnung,
input#watt,
input#laufzeit {
	width: 200px;
	font-size: 14px;
	
}


/* @end */

/* @group Tabellen */

table {
	margin: 0;
	padding: 0;
}

th {
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}


/* @end */

/* @group Boxen */

.box h2 {
	margin: 0;
	padding: 0;
}

.box#daten h2 {
	width: 515px;
	height: 64px;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	background: url(../images/box_daten_t.gif) no-repeat;
}

.box#daten .container {
	width: 465px;
	padding: 0 25px;
	min-height: 117px;
	background: url(../images/box_daten.gif) repeat-y;
}

.box#daten .actions {
	width: 465px;
	background: url(../images/box_daten_b.gif) no-repeat;
	padding: 25px;
	padding-top: 35px;
	text-align: right;
}

.box#tipp {
	clear: left;
	margin-top: 20px;
}

.box h2 {
	margin: 0;
	padding: 0;
}

.box#tipp h2 {
	width: 515px;
	height: 64px;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	background: url(../images/box_tippmelden_t.gif) no-repeat;
}

.box#tipp .container {
	width: 465px;
	padding: 0 25px;
	min-height: 117px;
	background: url(../images/box_daten.gif) repeat-y;
}

.box#tipp .actions {
	width: 465px;
	background: url(../images/box_tippmelden_b.gif) no-repeat;
	padding: 25px;
	padding-top: 35px;
	text-align: right;
}


.box#results h2 {
	width: 680px;
	height: 66px;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	background: url(../images/box_results_t.jpg) no-repeat;
}

.box#results .container {
	width: 680px;
	padding: 0 25px;
	min-height: 117px;
	background: url(../images/box_results.jpg) repeat-y;
}

.box#results table {
	width: 600px;
}

.box#results td {
	padding: 10px;
}

.box#results .actions {
	width: 620px;
	background: url(../images/box_results_b.jpg) no-repeat;
	padding: 25px;
	text-align: right;
}

.navi {
	font-size: 11px;
	color: #aaa;
}


/* @end */

/* Bugfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

.errormsg
{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #fcc;
	color: #c00;
	width: 505px;
	margin-top: 1px;
}

.successmsg
{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #abffb1;
	color: #308e37;
	width: 505px;
	margin-top: 1px;
}

.caption_verbrauchsrechner {
	text-indent: -9999px;
	background: url(../images/caption_verbrauchsrechner.gif) no-repeat;
	margin-top: 10px;
}

.caption_anbieterrechner {
	text-indent: -9999px;
	background: url(../images/caption_anbieterrechner.gif) no-repeat;
	margin-top: 10px;
}

.caption_stromanbieter {
	text-indent: -9999px;
	background: url(../images/caption_stromanbieter.gif) no-repeat;
	margin-top: 10px;
}

.caption_impressum {
	text-indent: -9999px;
	background: url(../images/caption_impressum.gif) no-repeat;
	margin-top: 10px;
}

.caption_stromspartipps {
	text-indent: -9999px;
	background: url(../images/caption_stromspartipps.gif) no-repeat;
	margin-top: 10px;
}

.caption_datenschutz {
	text-indent: -9999px;
	background: url(../images/caption_datenschutz.gif) no-repeat;
	margin-top: 10px;
}

.gesamtverbrauch {
	background-color: #e46728; 
	color: #fff; 
	margin-right: 30px; 
	margin-top: 1px; 
	padding: 4px; 
	font-size: 15px;
	border: 2px solid #000;
}

.box1 {
	width: 215px; 
	height: 200px; 
	float: left; 
	padding-right: 10px; 
	padding-bottom: 20px;
}

.box2 {
	width: 215px; 
	height: 200px; 
	float: left; 
	padding-bottom: 20px;
}

.box3 {
	width: 215px; 
	height: 200px; 
	float: left; 
	padding-right: 10px; 
	padding-bottom: 20px;
	clear: left;
}

.content a {
	color: #000000;
	text-decoration: none;
}

.content a:hover {
	color: #000000;
	text-decoration: underline;
}




/* STAR RATING */

	.star-rating{
		list-style:none;
		margin-left:5px!important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(../images/alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(../images/alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(../images/alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

	
	
#DHTMLgoodies_formTooltipDiv {
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:11px;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:10px;
}




.odd {
  background-color: #ddd;
}
.even {
  background-color: #fff;
}



/* Textmorpher z.B: Suchvorschläge */


.morph1 {
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 0px;
	width: 0px;
	font-size: 0px;
	overflow: hidden;
	opacity: 1;;
	padding: 0px;
	margin-top:20px;
}
 
.morph2 {
	color: #666;
	background-color: #FFF;
	height: 250px;
	width: 700px;
	font-size: 15px;
	overflow: hidden;
	opacity: 1;
	margin-top:20px;
	padding: 5px;
}


/* Suchvorschau */


/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:175px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}



/* Tabellen Ausgabe Startseite */

tr.summe td {
	background-color: #ffe4b5;
	border-top: 1px solid #000;
}

tr.alternate {
	background-color:#dee8fe;
}

th.table-sortable {
	cursor:pointer;
	background-image:url("http://www.stromverbrauch-berechnen.com/images/sortable.gif");
	background-position:center right;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url("http://www.stromverbrauch-berechnen.com/images/sort_ascending.gif");
	background-position:center right;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("http://www.stromverbrauch-berechnen.com/images/sort_descending.gif");
	background-position:center right;
	background-repeat:no-repeat;
}



/* Social Bookmarks */


.soc_container {
	width: 400px;
	height:340px;
	border: 1px solid #aaa;
	position:absolute;
	background:#FFF url(http://www.stromverbrauch-berechnen.com/images/social/images/bg_container.jpg) repeat-x bottom;
	visibility:hidden;
	font-size:11px;
	line-height:18px;
	left: 700px;
}

.soc_container h1{
	
	margin:10px 0 10px 20px;
	font-size:14px;
}

.soc_container a{
	color: #aadd00;
	text-decoration:none;
}

.soc_left{
	width: 180px;
	padding:10px;
	float:left;
	visibility:hidden;
}

.soc_left img{
	width: 18px;
	height: 18px;
	float:left;
	margin: 0 10px 0 0;
}
.soc_left a{
	color:#3E3F3E;
	text-decoration:none;
	line-height:18px;
	

	border-bottom:1px dotted #CECECE;
	display:block;
}
.soc_left a:hover{
	color:#6699FF;
	background-color:#E6F0C1;
}
#close{
	width:10px;
	height:10px;
	float:right;
	clear:both;
}
.open_window{
	width:780px;
	height:500px;
	background-color:#000;


}

.close{
	width:10px;
	height:10px;
	float:right;
	clear:both;
}