/* Theme Name: strompreise.org */

* {	
	margin:			0 auto;
}

body {
	background:		url("/img/bg.png") repeat-x top;
	font-family: 	Verdana, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	text-align: 	left;
	font-size: 		0.8em;
	line-height: 	1.6em;
	color:			#373737;
}
#site {
	background:		url("/img/content_bg.png") no-repeat top;
	width: 			978px;
	margin: 		0px auto;
}
#content_bottom {
	background:		url("/img/content_bottom.png") no-repeat bottom;
	width: 			978px;
	margin: 		0px auto;
	padding: 		0px 0px 20px 0px;	
}



/*Allgemeines*/

h1 {
	font-size: 		1.6em;
	padding: 		12px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
	color: 			#006522;
	font-weight: 	normal;
}
h2 {
	font-size: 		1.5em;
	padding: 		10px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
	color: 			#006522;
	font-weight: 	normal;
}
h3 {
	font-size: 		1.4em;
	padding: 		8px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
	color: 			#006522;
	font-weight: 	normal;
}
h4 {
	font-size: 		1.2em;
	padding: 		8px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
	color: 			#006522;
	font-weight: 	normal;
}
h5 {
	font-size: 		1.1em;
	padding: 		8px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
	color: 			#006522;
	font-weight: 	normal;
}

.pagetitle {
	padding: 		0px 0px 2px 0px;
	margin: 		0px 0px 15px 0px;
	border-bottom:	1px dotted #006522;
}

ol {
	padding:		0px 0px 0px 0px;
	margin:			0px 0px 0px 25px;
	list-style:		decimal;
}
ul {
	padding:		0px 0px 0px 0px;
	margin:			0px 0px 0px 20px;
	list-style:		disc;
}
ul li,
ol li {
	padding:		5px 0px 5px 0px;
	margin:			0px 0px 0px 0px;
}	
	
p {
	padding:		5px 0 10px 0px;
}	

a {
	text-decoration:none;
	color: 			#373737;
}
.clear {
	clear: 			both;
}
.right, 
.alignright {
	float: 			right;
}
.left, 
.alignleft {
	float: 			left;
}

img {
	border: 		0px none;
	padding: 		5px 5px 5px 5px;
}
.wp-caption {
	padding: 		0px 5px 0px 5px;
}
.content .post p.wp-caption-text {
	color: 			#707070;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 5px 0px;
	text-align: 	center;
	font-size: 		0.9em;
	font-style:		italic;
}
blockquote {
	margin:			0px 20px 0px 20px;
	font-style:		italic;
}





	
/*Header*/	

.header {
	height:			167px;
	width: 			960px;
	position: 		relative;
}
.home_link {
	background: 	url("/img/logo.png") no-repeat top left;
	position: 		absolute;
	top: 			26px;
	left: 			47px;
	height: 		105px;
	width: 			236px;
}
.header h1 {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.header .zitat {
	position: 		absolute;
	top:			20px;
	right:			20px;
	font-style:		italic;
	width:			330px;
	font-size:		0.9em;
}
.header .zitat .autor {
	text-align: 	right;
}



/*Topnavigation*/

#topnavi {
	width: 			928px;
	height: 		34px;
	padding: 		0px 7px 0px 25px;
	margin: 		0px auto;
	font-size: 		0.9em;
	color: 			#c4ead3;
	bottom: 		0px;
	left: 			0px;
}
#topnavi .topnavi_active {
	background: 	#0b4c21 url("/img/topnavi_active.png") repeat-x;
	padding: 		6px 7px 6px 7px;
	margin: 		0px 4px 0px 4px;
	float: 			left;
	color: 			#ffffff;
	border: 		1px solid #0b4c21;
	border-radius: 	5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#topnavi .topnavi_normal a {
	color: 			#c4ead3;
	text-decoration:none;
	padding: 		7px 7px 7px 7px;
	margin: 		0px 5px 0px 5px;
	display: 		block;
}
#topnavi .topnavi_normal a:hover {
	background: 	#0b4c21 url("/img/topnavi_active.png") repeat-x;
	padding: 		6px 7px 6px 7px;
	margin: 		0px 4px 0px 4px;
	text-decoration:none;
	display: 		block;
	color: 			#ffffff;
	border: 		1px solid #0b4c21;
	border-radius: 	5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#topnavi .topnavi_normal {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
	float: 			left;
}

#topnavi  #searchform {
	background:		url("/img/suche_bg.png") no-repeat;
	float:			right;
	height: 		22px;
	width: 			150px;
	margin: 		6px 0px 6px 0px;
	padding: 		0px 0px 0px 5px;
}
#topnavi  #searchform #textfeld {
	background: 	transparent;
	border: 		0px none;
	width: 			123px;
	line-height: 	17px;
	height: 		17px;
	float: 			left;
	padding: 		1px 2px 0px 2px;
	margin: 		2px 0px 0px 0px;
	font-style:		italic;
	color:			#c4ead3;
}
#topnavi  #searchform #suche_button {
	background: 	url("/img/suche_button.png") no-repeat;
	height: 		22px;
	width: 			23px;
	border: 		0px none;
	cursor: 		pointer;
	float: 			right;
}






/*Tarifrechner*/

#tarifrechner {
	width: 			960px;
	height: 		215px;
	padding: 		0px 0px 0px 0px;
	margin:			0px auto 15px;
	position: 		relative;
}
#tarifrechner .bild {
	background:		url("/img/bild.png") no-repeat;
	height:			292px;
	width:			252px;
	position: 		absolute;
	bottom: 		1px;
	right:			130px;
}
* html #tarifrechner .bild {
	background:		url("/img/bild.gif") no-repeat;
}
#tarifrechner .headline {
	color:			#006522;
	font-size: 		1.5em;
	padding: 		30px 0px 0px 40px;
	font-weight: 	bold;
}
#tarifrechner p,
#tarifrechner label {
	font-style: 	italic;
}
#tarifrechner p {
	padding: 		3px 0px 0px 40px;
}
#tarifrechner form {
	margin: 		27px 0px 0px 80px;
}
#tarifrechner label {
	padding: 		0px 0px 0px 2px;
}
#tarifrechner input {
	background: 	#ffffff;
	border: 		1px solid #373737;
	width: 			100px;
	line-height: 	18px;
	height:			20px;
	padding: 		2px 3px 0px 3px;
	margin: 		0px 0px 0px 0px;
}
#tarifrechner input#plz  {
	margin: 		0px 30px 0px 0px;
}
#tarifrechner input#verbrauch  {
	margin: 		0px 0px 0px 0px;
}
#tarifrechner #rechner_button {
	background: 	#0c5525 url("/img/button_bg.png") repeat-x top;
	height: 		25px;
	vertical-align:	middle;
	font-size:		0.9em;
	font-weight:	bold;
	border: 		1px solid #0c5525;
	cursor: 		pointer;
	padding: 		1px 15px 2px 15px;
	margin: 		15px 0px 0px 240px;
	width:			auto;
	color:			#ffffff;
	border-radius: 	5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#tarifrechner #rechner_button:hover {
	background: 	#0c5525;
}
#tarifrechner .richtwerte {
	color: 			#848484;
	position: 		absolute;
	bottom:			7px;
	left:			40px;
	font-size: 		0.7em;
	line-height: 	1.2em;
}
.siegel {
	position: 		absolute;
	padding: 		0px 0px 0px 0px;
	right:			25px;
	bottom:			15px;
}



/*Startseite Boxen*/

#boxen {
	width: 			960px;
	padding: 		0px 0px 0px 0px;
	margin: 		0px auto 15px;
}
#boxen .teasertext {
	float: 			left;
	width: 			55%;
	padding: 		20px 20px 20px 30px;
}
#boxen .teasertext .headline {
	color: 			#006522;
	font-size:		1.7em;
}
#boxen .vorteile {
	background: 	#006522 url("/img/vorteile_bg.png") no-repeat top;
	float: 			right;
	width: 			291px;
	margin: 		0px 30px 0px 0px;
}
#boxen .vorteile .headline {
	color: 			#006522;
	font-weight: 	bold;
	padding: 		26px 0px 0px 0px;
	font-size: 		1.2em;
}
#boxen .vorteile ul {
	padding: 		0px 0px 0px 0px;
	margin: 		10px 30px 10px 30px;
	color: 			#ffffff;
	list-style:		disc;
	line-height:	1.1em;
}
#boxen .box1 ul li {
	padding: 		5px 0px 5px 0px;
}




/*Kleine Teaser (GRAU)*/

#teaser {
	background: 	url("/img/box_bg.png") repeat-y;
	width: 			666px;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
#teaser .top {
	background: 	url("/img/box_grau.png") no-repeat top;
}
#teaser .bottom {
	background: 	url("/img/box_bottom.png") no-repeat bottom;
	padding: 		4px 4px 4px 4px;
	margin: 		0px 0px 0px 0px;
}
#teaser .bottom .left {
	background:		url("/img/box_bild.png") no-repeat top right;
	width:			260px;
	padding: 		15px 100px 15px 15px;
}
#teaser .bottom .right {
	width:			258px;
	padding: 		15px 10px 15px 15px;
}
#teaser .headline a {
	font-weight: 	bold;
	text-decoration:none;
	color: 			#000000;
	font-size: 0.8em;
}
#teaser .headline a:hover {
	color:			#006522;
}
#teaser p {
	font-size: 		0.8em;
}



/*Navigation*/

.navi {
	background: 	#f4f4f4;
	width: 			230px;
	float: 			left;
	margin: 		0px 0px 0px 28px;
	padding: 		0px 0px 0px 0px;
	text-align: 	center;
	font-size:		0.9em;
	line-height:	1.9em;
	border: 		1px solid #e4e4e4;
}
* html .navi {
	margin: 		0px 0px 0px 14px;
}
.navi .title {
	border-bottom:	1px dotted #e4e4e4;
	font-weight: 	bold;
	color: 			#000000;
	text-align:		left;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 15px 0px 15px;
}
.navi a {
	text-decoration:none;
	color: 			#373737;
}
.navi a:hover {
	background:		#e4e4e4;
}
.navi ul {
	padding: 		0px 0px 0px 0px; 
	margin: 		0px 0px 0px 0px; 
	list-style: 	none;
	text-align: 	left;
}
.navi li {
	border-bottom:	1px dotted #e4e4e4;
	padding: 		0px 15px 0px 15px;
	margin: 		0px 0px 0px 0px;
}
.navi #wp-calendar {
	width: 			90%;
	margin: 		0px auto;
}
.navi #wp-calendar a {
	font-weight: 	bold;
}







/*Content*/

.content {
	width: 			668px;
	padding: 		0px 29px 0px 20px;
	margin: 		0px 0px 0px 0px;
	float:			right;
}
.content a {
	color: 			#006522;
	font-weight:	bold;
}
.content a:hover {
	font-style:		italic;
}
.content .post {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 40px 0px;
}
.content .post .headline {
	color: 			#006522;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.content .post .headline a {
	color: 			#006522;
	text-decoration:none;
	font-style:		normal;
	font-weight:	normal;
}
.content .post .details {
	padding: 		5px 0px 5px 0px;
	margin: 		0px 0px 10px 0px;
	font-size: 		0.8em;
	color: 			#006522;
	line-height:	1.3em;
	text-transform:	uppercase;
	letter-spacing:	1px;
	border-bottom:	1px dotted;
}
.content .post .details a {
	text-decoration:none;
}
.content .post p {
	padding: 		8px 0px 10px 0px;
}

.navigation {
	border-top:		1px dotted;
	color: 			#006522;
	padding:		5px 0px 5px 0px;
	text-transform:	uppercase;
	letter-spacing:	1px;
	font-size: 		0.8em;
}
.navigation a {
	color: 			#006522;
	text-decoration:none;
}





/*---Kommentare---*/

.commentBox {
	position: 		relative;
	padding: 		15px 0px 15px 0px;
	margin: 		0px 0px 0px 0px;
}
#respond {
	margin: 		30px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
}
.commentBox form {
	margin: 		15px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
}
.commentBox input,
.commentBox textarea {
	background: 	#ffffff;
	border:			1px solid #006522;
	padding: 		4px 8px 4px 8px;
}
.commentBox textarea {
	width: 			500px;
}
.commentBox label {
	font-weight: 	bold;
}
.commentBox #submit {
	background: 	#0c5525 url("/img/button_bg.png") repeat-x top;
	height: 		25px;
	vertical-align:	middle;
	font-size:		0.9em;
	font-weight:	bold;
	border: 		1px solid #0c5525;
	cursor: 		pointer;
	padding: 		1px 15px 2px 15px;
	margin: 		5px 0px 0px 0px;
	width:			auto;
	color:			#ffffff;
	border-radius: 	5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.commentBox #submit:hover {
	background: 	#0c5525;
}
.commentBox .reply {}
.content .commentBox .commentlist {
	font-style: 	normal;
	list-style: 	none;
	margin: 		0px 0px 20px 0px;
	padding: 		0px 0px 0px 0px;
	position: 		relative;
}
.content .commentBox .commentlist li {
	background: 	#f4f4f4;
	list-style: 	none;
	padding: 		10px 10px 10px 10px;
	margin: 		10px 0px 10px 0px;
}
.commentBox .comment-meta a {
	font-size: 		0.8em;
	text-decoration:none;
}
.attachment {
	text-align: 	center;
}
.content .commentBox .commentlist li .avatar {
	float: 			right;
}
.content .commentBox .commentlist li .fn {
	font-size:		1.3em;
	color:			#373737;
	font-style:		normal;
	font-weight:	normal;
}
.content .commentBox .commentlist li .fn a {
	color:			#373737;
	font-weight:	normal;
}




/*Footer*/

#footer {
	background: 	#16833a url("/img/footer_bg.png") repeat-x top;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
	color:			#ffffff;
	font-size: 		0.85em;
	font-style:		italic;
	color:			#beddc8;
}
#footer .innen {
	background: 	url("/img/footer_right.png") no-repeat top right;
	width:			978px;
}
#footer .innen .top {
	background: 	url("/img/footer_top.png") no-repeat top;
	padding: 		20px 30px 20px 30px;
}
#footer a {
	color: 			#beddc8;
}
#footer a:hover {
	color: 			#ffffff;
}
#footer ul {
	list-style: 	none;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	line-height:	1.3em;
}
#footer .list_title {
	font-weight: 	bold;
}
#footer .left {
	margin: 		0px 50px 0px 0px;
}
#footer .totop {
	background:		url("/img/totop.png") no-repeat left;
	padding: 		0px 0px 0px 20px;
	margin:			0px 20px 0px 0px;
}
#footer .tohome {
	background:		url("/img/tohome.png") no-repeat left;
	padding: 		0px 0px 0px 20px;
}