/* Theme Name: dslvergleiche.de */

* {	
	margin:			0 auto;
}

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



/*Allgemeines*/

h1, h2, h3, h4, h5, .pagetitle {
	color: 			#183f8d;
}

h1 {
	font-size: 		1.4em;
	padding: 		12px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
}
h2 {
	font-size: 		1.3em;
	padding: 		10px 0px 5px 0px;
	margin: 		0px 0px 0px 0px;
}
h3 {
	font-size: 		1.2em;
	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 {
	background: 	#dfdfdf;
	font-weight: 	bold;
	color:			#878787;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 30px 0px;
	font-size:		0.85em;
	text-align: 	center;
}
.headline {
	color: 			#183f8d;
	font-weight: 	bold;
}

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: underline;}
a:hover {color: #183f8d;}

.clear {clear: both;}
.right, .alignright {float: right;}
.left, .alignleft {float: left;}

img {
	background:		#ffffff;
	border: 		1px solid #dfdfdf;
	padding: 		1px 1px 1px 1px;
}
.wp-caption {
	padding: 		5px 5px 5px 5px;
}
.content .post p.wp-caption-text {
	color:			#878787;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 5px 5px 5px;
	text-align: 	center;
	font-size: 		0.85em;
}
blockquote {
	margin:			0px 20px 0px 20px;
	color:			#183f8d;
}





	
/*Header*/	

.header {
	height:			144px;
	position:	 	relative;
	padding:		0px 0px 20px 0px;
	margin: 		0px 0px 0px 0px;
}
.home_link {
	background: 	url("/img/logo.png") no-repeat top left;
	position: 		absolute;
	top: 			25px;
	left: 			7px;
	height: 		96px;
	width: 			282px;
}
.header h1 {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.header #searchform {
	position:		absolute;
	top:			58px;
	right:			7px;
	height: 		34px;
	width: 			304px;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
}
.header #searchform #input {
	background: 	url("/img/suche_input.png") no-repeat;
	border: 		0px none;
	width: 			204px;
	line-height: 	34px;
	height: 		34px;
	float: 			left;
	padding: 		0px 10px 0px 10px;
	margin: 		0px 0px 0px 0px;
	color:			#878787;
	font-size:		0.9em;
}
.header #searchform #suche_button {
	background: 	url("/img/suche_button.png") no-repeat top;
	height: 		34px;
	width: 			80px;
	border: 		0px none;
	cursor: 		pointer;
	float: 			right;
	margin: 		0px 0px 0px 0px;
}
.header #searchform #suche_button:hover {
	background: 	url("/img/suche_button.png") 0 -34px;
}






/*Topnavigation*/

#topnavi {
	width: 			958px;
	height: 		36px;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 20px 0px;
	font-size: 		0.9em;
	font-weight: 	bold;
	border: 		1px solid #dfdfdf;
}
#topnavi .innen {
	background:		url("/img/navitop_bg.png") repeat-x bottom;
	border: 		1px solid #ffffff;
}
#topnavi .topnavi_active {
	background: 	#dde4f1;
	padding: 		0px 20px 0px 20px;
	margin: 		0px 0px 0px 0px;
	float: 			left;
	line-height: 	34px;
	border-right:	1px solid #f0f0f0;
	color:			#183f8d;
}
#topnavi .topnavi_normal {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
	float: 			left;
	line-height:	34px;
	display: 		block;
}
#topnavi a {
	text-decoration:none;
	color:			#878787;
	padding: 		0px 20px 0px 20px;
	margin: 		0px 0px 0px 0px;
	float: 			left;
	line-height: 	34px;
	border-right:	1px solid #f0f0f0;
}
#topnavi a:hover {
	background: 	#dde4f1;
}








/*Tarifrechner Leiste*/

.box {
	background: 	#ffffff;
	border:			1px solid #e0e0e0;
	position: 		relative;
	margin:			0px 0px 10px 0px;
}
.button_more {
	background:		#e1e1e1 url("/img/button_small.png") repeat-x;
	border: 		1px solid #e1e1e1;
	padding: 		0px 10px 0px 10px;
	line-height:	19px;
	color:			#878787;
	font-weight:	bold;
	cursor:			pointer;
	float:			right;
	font-size:		0.85em;
	text-decoration:none;
	position:		relative;
}
.button_more:hover {
	background:		#183f8d url("/img/button_bg.png") repeat-x top;
	border: 		1px solid #183f8d;
	color:			#ffffff;
}


#tarifrechner {
	width: 			485px;
	height: 		204px;
	margin: 		0px 0px 0px 0px;
	padding:		20px 20px 20px 20px;
	position: 		relative;
}
#tarifrechner .headline {
	font-size: 		1.4em;
}
#tarifrechner p {
	font-size:		0.85em;
	line-height:	1.5em;
}
#tarifrechner form {
	padding: 			0px 0px 0px 0px;
}
#tarifrechner label {
	padding: 		0px 0px 0px 2px;
	font-weight: 	bold;
	font-size:		0.85em;
	color:			#183f8d;
}
#tarifrechner input {
	background: 	url("/img/input_bg.png") no-repeat;
	border: 		0px none;
	width: 			206px;
	line-height: 	28px;
	height:			28px;
	padding: 		0px 10px 0px 10px;
	margin: 		0px 0px 0px 0px;
	font-weight: 	bold;
	color:			#878787;
}
#tarifrechner select {
	background: 	url("/img/select_bg.png") no-repeat;
	border: 		0px none;
	width: 			226px;
	height:			28px;
	padding: 		5px 4px 5px 10px;
	margin: 		0px 0px 0px 0px;
	font-weight: 	bold;
	color:			#878787;
	border:			1px solid #c0c0c0;
}
#tarifrechner #rechner_button {
	background: 	#183f8d url("/img/button_bg.png") repeat-x;
	height: 		30px;
	width: 			auto;
	float:			right;
	cursor: 		pointer;
	margin: 		10px 0px 0px 0px;
	color:			#b2bef0;
	font-size:		0.9em;
}
#tarifrechner #rechner_button:hover {
	background: 	#183f8d;
	color:			#ffffff;
}
#tarifrechner .siegel {
	position:		absolute;
	bottom: 		10px;
	left: 			20px;
}
#tarifrechner .siegel p {
	width:			340px;
	float:			right;
	padding: 		20px 0px 0px 5px;
}
#tarifrechner .siegel img {
	border:			0px none;
	padding: 		0px 0px 0px 0px;
	float:			left;
}



/*Willkommen-Box rechts*/

#welcome {
	background: 	#ffffff url("/img/welcomebox.jpg") no-repeat;
	width: 			371px;
	height: 		204px;
	padding:		20px 20px 20px 20px;
	margin: 		0px 0px 0px 0px;
}
#welcome .headline {
	font-size:		1.3em;
	padding: 		102px 0px 0px 0px;
	line-height:	1.2em;
}
#welcome p {
	font-size: 		0.85em;
	padding: 		1px 0px 0px 0px;
	line-height:	1.5em;
}



#main_content {
	margin: 		10px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
}


/*Startseite*/

#startpage .leftside {
	width: 			527px;
	float:			left;
}
#startpage .rightside {
	width: 			413px;
	float:			right;
}
#startpage .teasertext {
	padding: 		15px 25px 10px 20px;
}
#startpage .teasertext .headline {
	font-size:		1.3em;
	line-height:	1.2em;
}
#startpage .box_small_1 {
	width:			215px;
    height:         215px;
	padding: 		20px 20px 20px 20px;
}
#startpage .box_small_2 {
	background:		#ffffff url("/img/box_bild1.png") no-repeat bottom left;
	width:			232px;
	padding: 		20px 20px 20px 20px;
}
#startpage .box_small_1 p,
#startpage .box_small_2 p {
	font-size:		0.85em;
}
#startpage .box_small_2 p {
	padding: 		5px 0px 20px 80px;
}
#startpage .vorteile {
	padding: 		20px 20px 20px 20px;
}
#startpage .vorteile ul {
	list-style-image:url("/img/list.png");
	font-weight: 	bold;
	color:			#878787;
	font-size:		0.85em;
}
#startpage .blogbox {
	background:		#ffffff url("/img/box_bild2.png") no-repeat top right;
	padding: 		20px 20px 20px 20px;
}
#startpage .blogbox .headline {
	padding: 		0px 165px 0px 0px;
}
#startpage .blogbox .headline span {
	font-size:		1.3em;
}
#startpage .blogbox p {
	font-size:		0.85em;
	padding: 		5px 120px 10px 0px;
}






/*Navigation*/

.navi {
	background:		#ffffff;
	border:			1px solid #dfdfdf;
	width: 			200px;
	float: 			right;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	font-size:		0.85em;
	line-height:	1.9em;
	overflow:		hidden;
}
.navi a {
	color:			#000000;
	text-decoration:none;
}
.navi a:hover {
	text-decoration:underline;
}
.navi .sidebar_element {
	border-bottom: 	1px solid #dfdfdf;
	padding: 		20px 20px 20px 20px;
	margin: 		0px 0px 0px 0px;
}
.navi .title {
	font-weight: 	bold;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
}
.navi ul {
	padding: 		0px 0px 0px 0px; 
	margin: 		0px 0px 0px 0px; 
	list-style: 	none;
}
.navi li {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.navi #wp-calendar {
	width: 			100%;
	margin: 		0px 0px 0px 0px;
}







/*Content*/

.content {
	width: 			705px;
	padding: 		15px 25px 20px 20px;
	margin: 		0px 0px 0px 0px;
	float:			left;
}
.content .post {
	border-bottom: 	1px solid #dfdfdf;
	padding: 		0px 0px 20px 0px;
	margin: 		0px 0px 40px 0px;
}
.content .post .headline_uebersicht {
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.content .post .headline {
	font-size:		1.5em;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
}
.content .post .headline a,
.content .post .headline_uebersicht a {
	color:			#183f8d;
	text-decoration:none;
}
.content a {
	color:			#000000;
}
.content .post .details {
	background: 	#dfdfdf;
	color:			#878787;
	padding: 		2px 10px 2px 10px;
	margin: 		7px 0px 10px 0px;
	font-size: 		0.85em;
	line-height:	1.3em;
}
.content .post .details a {
	color:			#878787;
}
.navigation {
	color:			#878787;
	font-weight: 	bold;
	background: 	#dfdfdf;
	padding:		5px 10px 5px 10px;
	font-size: 		0.85em;
}
.navigation a {
	color:			#878787;
	font-weight: 	bold;
	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 {
	background: 	#ffffff;
	border: 		1px solid #dfdfdf;
	padding: 		3px 5px 3px 5px;
}
.commentBox textarea {
	width: 			500px;
}
.commentBox label {
	font-weight: 	bold;
}
.commentBox #submit {
	background: 	#183f8d url("/img/button_bg.png") repeat-x;
	height: 		30px;
	width: 			auto;
	float:			left;
	cursor: 		pointer;
	margin: 		10px 0px 0px 0px;
	padding: 		0px 10px 0px 10px;
	color:			#b2bef0;
	font-size:		0.9em;
	font-weight:	bold;
}
.commentBox #submit:hover {
	background: 	#183f8d;
	color:			#ffffff;
}
.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 {
	border: 		1px solid #dfdfdf;
	list-style: 	none;
	padding: 		20px 20px 20px 20px;
	margin: 		10px 0px 10px 0px;
}
.attachment {
	text-align: 	center;
}
.content .commentBox .commentlist li .avatar {
	float: 			right;
}
.content .commentBox .commentlist li .fn {
	font-size:		1.3em;
	font-style:		normal;
	font-weight:	normal;
}
.content .commentBox .commentlist li .comment-meta a {
	font-size:		0.85em;
	color:			#878787;
	text-decoration:none;
}



/*Footer*/

#footer {
	background: 	#000000;
	color:			#ffffff;
	padding: 		10px 0px 40px 0px;
	margin: 		50px auto 0px;
	font-size: 		0.85em;
	text-align:		center;
}
#footer a {
	color:			#ffffff;
}