/* Theme Name: gasanbieter.com */

* {	
	margin:				0 auto;
}

body {
	background:			#ffffff 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;
}
#site {
	width:				950px;
	margin: 			0px auto;
}



/*Allgemeines*/

h1, h2, h3, h4, h5 {
	color:				#6b6b9f;
	font-weight:		normal;
}

h1 {
	font-size:			1.8em;
	padding: 			12px 0px 5px 0px;
	margin: 			0px 0px 0px 0px;
}
h2 {
	font-size:			1.5em;
	padding: 			10px 0px 5px 0px;
	margin: 			0px 0px 0px 0px;
}
h3 {
	font-size:			1.3em;
	padding: 			8px 0px 5px 0px;
	margin: 			0px 0px 0px 0px;
}
h4 {
	font-size:			1.1em;
	padding: 			8px 0px 5px 0px;
	margin: 			0px 0px 0px 0px;
}
h5 {
	font-size:			1.0em;
	padding: 			8px 0px 5px 0px;
	margin: 			0px 0px 0px 0px;
}

.pagetitle {
	font-weight: 		bold;
	text-transform:		uppercase;
	letter-spacing:		3px;
	padding:			10px 0px 20px 0px;
	font-size:			0.7em;
	text-align:			center;
}
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:			2px 0px 2px 0px;
	margin:				0px 0px 0px 0px;
}		
p {
	padding: 			5px 0 10px 0px;
	line-height:		1.4em;
}		
a {
	color: 				#6b6b9f; 
	text-decoration: 	underline;
}
.clear {
	clear: 				both;
}
.right, .alignright {
	float: 				right;
}
.left, .alignleft {
	float: 				left;
}

img {
	border: 			0px none;
}
.wp-caption {
	padding: 			5px 5px 5px 5px;
}
.content .post p.wp-caption-text {
	font-size:			0.8em;
	color:				#636363;
	margin: 			0px 0px 0px 0px;
	padding: 			5px 5px 5px 5px;
	text-align: 		center;
}
blockquote {
	color:				#636363;
	font-weight:		bold;
	margin:				0px 20px 0px 20px;
}





	
/*Header*/	

.header {
	background: 		url("/img/header_bg.jpg") no-repeat bottom;
	height:				213px;
	position:	 		relative;
	padding:			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
}
.home_link {
	background: 		url("/img/logo.png") no-repeat top left;
	position: 			absolute;
	top: 				81px;
	left: 				39px;
	height: 			108px;
	width: 				241px;
}
.header h1 {
	padding: 			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
}







/*Topnavigation*/

#topnavi {
	background:			url("/img/navitop_bg.png") repeat-x top;
	border: 			1px solid #43436e;
	border-top: 		0px none;
	height: 			44px;
	padding: 			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
	font-weight: 		bold;
	font-size: 			0.85em;
}
#topnavi .topnavi_active {
	background: 		#43436e url("/img/navitop_break.png") no-repeat right;
	padding: 			0px 20px 0px 20px;
	margin: 			0px 0px 0px 0px;
	float: 				left;
	line-height: 		44px;
	color:				#ffffff;
}
#topnavi .topnavi_normal {
	padding: 			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
	float: 				left;
}
#topnavi a {
	background: 		url("/img/navitop_break.png") no-repeat right;
	text-decoration:	none;
	padding: 			0px 20px 0px 20px;
	margin: 			0px 0px 0px 0px;
	float: 				left;
	line-height: 		44px;
	color:				#e8e8f0;
}
#topnavi a:hover {
	background: 		#43436e url("/img/navitop_break.png") no-repeat right;
}








/*Tarifrechner*/

#tarifrechner {
	background: 		url("/img/calculator_bg.jpg") no-repeat;
	width: 				920px;
	height: 			137px;
	margin: 			0px 0px 0px 0px;
	padding:			20px 20px 10px 20px;
	position: 			relative;
}
#tarifrechner h1 {
	color: 				#ffffff;
	font-size:			2.1em;
	line-height:		0.8em;
	font-weight: 		normal;
	padding: 			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
}
#tarifrechner .headline {
	font-weight: 		bold;
}
#tarifrechner form {
	height:				92px;
	width:				882px;
	color:				#ffffff;
	padding: 			0px 0px 0px 0px;
	margin:				25px 0px 0px 14px;
	position: 			relative;
}
#tarifrechner form label {
	font-size: 			0.9em;
}
#tarifrechner #rechner_button {
	background: 		url("/img/calculator_button.png") no-repeat 0px 0px;
	border:				0px none;
	height: 			46px;
	width: 				268px;
	position: 			relative;
	float:				right;
	cursor: 			pointer;
	margin: 			-136px 0px -8px 0px;
	padding: 			0px 0px 0px 0px;
}
* html #tarifrechner #rechner_button {
	background: 		url("/img/calculator_button_ie.png") no-repeat 0px 0px;
}
#tarifrechner #rechner_button:hover {
	background: 		url("/img/calculator_button.png") no-repeat 0px -46px;
}
* html #tarifrechner #rechner_button:hover {
	background: 		url("/img/calculator_button_ie.png") no-repeat 0px -46px;
}
#tarifrechner form .headline {
	margin: 			0px 0px 3px 0px;
}
* html #tarifrechner form .headline {
	margin: 			0px 0px 0px 0px;
}
*+html #tarifrechner form .headline {
	margin: 			0px 0px 0px 0px;
}

#tarifrechner form .allgemein {
	width:				236px;
	padding: 			5px 5px 5px 5px;
}
#tarifrechner form .allgemein input,
#tarifrechner form .allgemein select {
	border: 			1px solid #56568b;
	width:				96px;
	float:				right;
	margin: 			6px 0px 0px 0px;
}
#tarifrechner form .allgemein select {
	width:				98px;
}
#tarifrechner form .allgemein label {
	float: 				left;
	margin: 			10px 0px 0px 0px;
}
#tarifrechner form .allgemein img {
	background: 		transparent;
	border: 			0px none;
	padding: 			2px 0px 0px 5px;
}

#tarifrechner form .nutzung {
	width:				133px;
	padding: 			5px 5px 5px 5px;
	margin: 			0px 0px 0px 13px;
}
#tarifrechner form .nutzung input {
	margin:				9px 3px 0px 0px;
}

#tarifrechner form .zusatz {
	width: 				455px;
	padding: 			5px 5px 5px 5px;
	margin: 			0px 0px 0px 13px;
}
#tarifrechner form .zusatz input {
	margin:				9px 3px 0px 0px;
}
#tarifrechner form .zusatz .kaution {
	margin:				0px 0px 0px 40px;
}
* html #tarifrechner form .zusatz .kaution {
	margin:				0px 0px 0px 35px;
}
*+html #tarifrechner form .zusatz .kaution {
	margin:				0px 0px 0px 35px;
}
#tarifrechner form .zusatz .garantie {
	margin:				0px 0px 0px 9px;
}
* html #tarifrechner form .zusatz .garantie {
	margin:				0px 0px 0px 4px;
}
*+html #tarifrechner form .zusatz .garantie {
	margin:				0px 0px 0px 4px;
}




/*Content-Bereich*/

#main_content {
	background: 		#ffffff url("/img/content_bg.png") no-repeat;
	margin: 			0px 0px 0px 0px;
	padding: 			15px 30px 0px 30px;
}






/*Navigation*/

.navi_left {
	width: 				205px;
	float: 				left;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	color:				#636363;
}
.navi a {
	color:				#636363;
	text-decoration:	none;
}
.navi a:hover {
	color:				#000000;
}
.navi .sidebar_element {
	background:			#ffffff url("/img/navibox_bg.png") repeat-x;
	border: 			1px solid #cecece;
	padding: 			13px 10px 15px 10px;
	margin: 			0px 0px 15px 0px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	position:			relative;
}
.navi_left .navi .title {
	font-weight: 		bold;
	text-transform: 	uppercase;
	font-size:			1.2em;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 10px 0px;
}
.navi ul {
	padding: 			0px 0px 0px 0px; 
	margin: 			0px 0px 0px 0px; 
	list-style: 		none;
}
.navi li {
	padding: 			2px 0px 2px 0px;
	margin: 			0px 0px 0px 0px;
}
.navi #wp-calendar {
	width: 				100%;
	margin: 			0px 0px 0px 0px;
}
.navi #wp-calendar a {
	font-weight:		bold;
}
#searchform {
	height: 			28px;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
#searchform #input {
	background: 		#ffffff;
	border: 			1px solid #cecece;
	width: 				82px;
	line-height: 		26px;
	height: 			26px;
	float: 				left;
	padding: 			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
}
#searchform #suche_button {
	background: 		url("/img/button_search.png") no-repeat 0px 0px;
	height: 			28px;
	width: 				95px;
	border: 			0px none;
	cursor: 			pointer;
	float: 				right;
	margin: 			0px 0px 0px 0px;
}
#searchform #suche_button:hover {
	background: 		url("/img/button_search.png") no-repeat 0px -28px;
}

.navi_right {
	width: 				160px;
	float: 				right;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	color:				#000000;
	overflow:			hidden;
	font-size: 			0.8em;
	position:			relative;
}
.navi_right .navi .title {
	color:				#6b6b9f;
	font-size:			1.7em;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 10px 0px;
	text-align:			center;
	border-bottom:		1px solid #cecece;
}
.navi_right .navi ul {
	border-top:			1px solid #ffffff;
	padding: 			0px 0px 0px 0px; 
	margin: 			0px 0px 0px 15px; 
	list-style: 		disc;
	color:				#6b6b9f;
}
.navi_right .navi ul li span {
	color:				#000000;
}
.navi_right .button {
	background: 		url("/img/button_totheblog.png") no-repeat 0px 0px;
	height:				28px;
	width:				105px;
	float:				right;
	position:			relative;
	display:			block;
	cursor:				pointer;
}
.navi_right .button:hover {
	background: 		url("/img/button_totheblog.png") no-repeat 0px -28px;
}



/*Startseite*/

#startpage {
	width:				465px;
	padding: 			0px 30px 0px 30px;
	margin: 			0px 0px 0px 0px;
	float:				left;
}
.post_small_left {
	width:				212px;
	border-right: 		1px solid #cecece;
	padding: 			0px 20px 10px 0px;
	margin: 			0px 0px 30px 0px;
	float:				left;
}
.post_small_right {
	width:				212px;
	padding: 			0px 0px 0px 20px;
	margin: 			0px 0px 30px 0px;
	float:				right;
}
.post_small_left p, .post_small_right p {
    height: 90px;
    font-size: 12px;
}
.post_small_left.firstRow p, .post_small_right.firstRow p {
    height: 73px;
}
#startpage .button {
	background: 		url("/img/button_readmore.png") no-repeat 0px 0px;
	height:				28px;
	width:				122px;
	position:			relative;
	float:				right;
	display:			block;
	cursor:				pointer;
}
#startpage .button:hover {
	background: 		url("/img/button_readmore.png") no-repeat 0px -28px;
}




/*Content*/

.content {
	width:				625px;
	padding: 			0px 30px 0px 0px;
	margin: 			0px 0px 0px 0px;
	float:				right;
}
.post {
	border-bottom: 		1px solid #cecece;
	padding: 			0px 0px 10px 0px;
	margin: 			0px 0px 30px 0px;
}
.content .button {
	background: 		url("/img/button_readmore.png") no-repeat 0px 0px;
	height:				28px;
	width:				122px;
	position:			relative;
	float:				right;
	display:			block;
	cursor:				pointer;
	margin:				10px 0px 10px 0px;
}
.content .button:hover {
	background: 		url("/img/button_readmore.png") no-repeat 0px -28px;
}
.content .post .headline a {
	text-decoration:	none;
}
.content .post .details {
	letter-spacing:		3px;
	padding:			0px 0px 20px 0px;
	margin:				0px 0px 0px 0px;
	font-size:			0.7em;
	line-height:		1.7em;
	color:				#636363;
}
.content .post .details a {
	text-decoration: 	none;
	font-weight: 		bold;
	color:				#636363;
}
.content .post .details img {
	margin: 			0px 5px 0px 0px;
	vertical-align: 	middle;
}
.navigation {
	font-weight: 		bold;
	text-transform:		uppercase;
	letter-spacing:		3px;
	padding:			0px 0px 0px 0px;
	font-size:			0.7em;
}
.navigation a {
	text-decoration:	none;
}





/*Kommentare*/

.commentBox {
	position: 			relative;
	padding: 			20px 0px 20px 0px;
	margin: 			0px 0px 0px 0px;
}
#respond {
	margin: 			20px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
.commentBox form {
	margin: 			15px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
.commentBox input,
.commentBox textarea {
	border: 			1px solid #56568b;
	padding: 			3px 5px 3px 5px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
}
.commentBox textarea {
	width: 				500px;
}
.commentBox label {
	font-weight: 		bold;
}
.commentBox #submit {
	background: 		url("/img/button_sendcomment.png") no-repeat 0px 0px;
	height: 			28px;
	width: 				177px;
	cursor: 			pointer;
	border: 			0px none;
	display: 			block;
	margin: 			10px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
.commentBox #submit:hover {
	background: 		url("/img/button_sendcomment.png") no-repeat 0px -28px;
}
.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:			#ffffff url("/img/navibox_bg.png") repeat-x;
	border: 			1px solid #cecece;
	list-style: 		none;
	padding: 			20px 20px 20px 20px;
	margin: 			15px 0px 15px 0px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	position:			relative;
}
.attachment {
	text-align: 		center;
}
.content .commentBox .commentlist li .avatar {
	float: 				right;
}
.content .commentBox .commentlist li .fn {
	font-style:			normal;
	font-weight:		normal;
}
.content .commentBox .commentlist li .comment-meta a {
	text-decoration:	none;
}



/*Footer*/

#footer {
	background: 		url("/img/footer_bg.png") repeat-x;
	padding: 			10px 0px 40px 0px;
	margin: 			50px auto 0px;
	text-align:			center;
	color:				#515151;
}
#footer a {
	color:				#515151;
}