/*
Theme Name: kfz-versicherungsvergleich
Version: 1.0
Author: 3task
Author URI: http://www.3task.de
*/


* { padding: 0px; margin: 0px;}
img { border: none; }
div { margin-right: auto; margin-left: auto;}
body { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 75%; background-color: #f0f0f0; background-image: url(images/back.png); background-repeat: repeat-x; background-position:top;}
h1, h2, h3, h4, h5 { line-height: normal;}
h2.title { font-family: Arial, Helvetica, sans-serif; color:#016493; font-size:1.1em; font-weight:bold;}
#content h1 { font-family: Arial, Helvetica, sans-serif; color:#016493; font-size:22px; font-weight:bold;}
#content h2 { font-family: Arial, Helvetica, sans-serif; color:#016493; font-size:20px; font-weight:bold; padding:10px 0 0 0;}
#content h3 { font-family: Arial, Helvetica, sans-serif; color:#016493; font-size:14px; font-weight:bold;}
.clearfix { clear: both; font-size: 1px; height: 1px; line-height: 0.1; visibility: hidden; width: 100%; height: 0%;}


/* blog
======================================== */
hr { border:none; border-top: 1px dotted #DADACE; background: none; margin: 20px 0; }

h3.comments { font-size: 20px; margin-top: 20px; border-bottom: 1px solid #ccc; }

ol.commentlist { margin: 0!important; padding: 0!important; }
ol.commentlist li.alt { background: #f4f4f4; }
ol.commentlist li { padding: 0 10px 20px 10px!important; font-size: 0.9em; position: relative; min-height: 150px; list-style: none!important; margin: 0!important; border: 1px dotted #f4f4f4 }
ol.commentlist li p.meta { border-bottom: 1px dashed #b0b0b0; padding: 3px 0; font-weight: 700; }

ol.commentlist li span { font-size: 2em; color: #C4C4C4; position: absolute; bottom: 0px; right: 10px; font-style: italic; }


div.wp-pagenavi { padding: 0 0 10px 0; margin: 5px 0 0 0; width: 450px; float: right; text-align: right; }
div.wp-pagenavi a { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #e0e0e0; }
div.wp-pagenavi span { position: static!important; display: inline!important; }
div.wp-pagenavi span.pages { padding: 4px 6px 4px 6px; margin: 2px 2px 2px 0; border: 1px solid #e0e0e0; }
div.wp-pagenavi span.current, div.wp-pagenavi a:hover { border: 1px solid #01618E; padding: 4px 6px 4px 6px; margin: 2px; color: #fff!important; background-color: #01618E; }


form#commentform { background:#fff; padding: 10px 0!important; }
form#commentform label { width: 150px;font-weight: 700; }
form#commentform input { border: 1px solid #bebebe; padding: 5px; width: 170px; }
form#commentform textarea { clear: both; width: 98%; height: 250px; padding: 5px; }


/* links
======================================== */
a:link, a:visited { font-weight: normal; color: #01618E; text-decoration: underline;}
a:hover { text-decoration: none;}


/* base
======================================== */
#wrapper { width:960px;}
#top { width:auto; height:177px;}
#main { width:auto; background-color:#fff; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;}


/* .logo
======================================== */
p.logo { display: none;}
.logo a { background-image: url(images/logo.png); background-repeat: no-repeat; float: left; display: inline; width: 378px; height: 100px;}


/* .kfzInfo
======================================== */
.kfzInfo{ float: left; clear:left; display: inline; width: 304px; margin-left:33px; text-align:center;}
.kfzInfo p { color:#6E6E6E; font-size:0.9em; line-height:1.45em;}
.kfzInfo a , .kfzInfo a:visited { color:#FFB900;}


/* .menuTop
======================================== */
.menuTop { float: left; display: inline; height:31px; margin-top:6px; width:580px; margin-left:-7px;}
.menuTop ul { margin:0; padding:0; list-style:none; width:100%; overflow:hidden;}
.menuTop ul li { float:left; display: inline; margin:0 10px 0 10px;}
.menuTop ul li span { display:block; float:left;}
.menuTop ul li a { display:block; float:left; padding:0px 6px 0px 6px; overflow:hidden; text-align:center; font-size:1em; line-height:2.1em; font-weight:bold; color:#fff; text-decoration:none;}
.menuTop ul li.current_page_item,.menuTop ul li:hover { background:url(images/backTopCenter.png) repeat-x 0 0;}


/* banner 570x112
======================================== */
.banner { width:570px; height:112px; float:right; display:inline; margin:11px 0 0 0; position: relative; }
.banner span { position: absolute; left: 140px; top: 90px; color: #01618E; text-decoration: underline; cursor: pointer; font-size: 11px;  }

/* left
======================================== */
.left { float:left; display:block; position:relative; width:251px; margin:0 0 0 1px;}
h2.menu { width:251px; height:24px; line-height:2.2em; display:block; background-image: url(images/menuTitle.png); background-repeat: no-repeat; font-size:0.9em; font-weight:bold; color:#535353; text-indent:25px;}
.leftModul { width:245px; background-color:#f8f8f8; margin-left:-1px; border-right:1px solid #f8f8f8;}


/* leftmenu
======================================== */
ul.leftmenu { margin:0; background: #f8f8f8 url(images/menuRight.png) right top no-repeat; width:251px; padding-top:2px;}
ul.leftmenu li { list-style-type:none; margin:0 0 3px 2px;}
ul.leftmenu li a  { font-size:0.9em; height:22px; line-height:2em; color:#6E6E6E; padding-left:25px; text-decoration:none; background: url(images/menuBack.png) left no-repeat; display:block;}
ul.leftmenu li a:hover, ul.leftmenu li.current_page_item a { background-image: url(images/menuBackHover.png); background-repeat:no-repeat; color:#fff;}

ul.leftmenu li { margin: 0; }
ul.leftmenu li ul li a { padding-left:35px; }


ul.leftmenu ul { display: none; }

ul.leftmenu li.current_page_item ul li a  { background: url(images/menuBack.png) left no-repeat!important; color:#6E6E6E!important; }
ul.leftmenu li.current_page_item ul, #sidebar ul li.current_page_ancestor ul { display: block;}
ul.leftmenu li.current_page_parent ul { display: block!important; }

ul.leftmenu li a:hover, ul.leftmenu ul li.current_page_item a, ul.leftmenu li.current-cat a { background-image: url(images/menuBackHover.png); background-repeat:no-repeat;  color:#fff; }



/* content
======================================== */
#content { font-family: Arial, Helvetica, sans-serif; float:right; display:inline; width:665px;  margin:10px 25px 80px 0;}
#content p {padding: 5px 0 10px 0; line-height:1.5em; font-size:13px;}
#content ul {margin: 0 0 10px 40px; line-height: 17px;}
.breadcrumb { padding: 0 0 10px 0; }

/* footer
======================================== */
#footer { width:958px; height:62px; margin-top: -62px; font-size:0.9em; color:#585858; background-image: url(images/backFooter.png); background-repeat:repeat-x; position: relative; }
.copy { position:absolute; z-index:auto; margin:27px 0 0 260px;}
#footer ul { position:absolute; right: 20px; top: 27px;  }
#footer ul li { float: left; list-style: none; }
#footer ul li a { color:#585858; padding:0 7px 0 7px;}

/* kuendigungsformular
======================================== */
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
#kuendigungsformular form {
	margin: 0.8em 0 1.6em;
	padding: 0;
	font-size: 12px;
}
#kuendigungsformular fieldset {
	border: 1px solid #DBD7D7;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	background-color: #FFF7D5;
}
#kuendigungsformular legend {
	margin: 0;
	padding: 0 5px;
}
#kuendigungsformular .inline {
	width: 100%;
	overflow: hidden;
	padding: 5px 0 2px;
}
#kuendigungsformular .field {
	float: left;
	margin-right: 4px;
	padding: 0;
	width: auto;
}
#kuendigungsformular textarea {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#kuendigungsformular input {
	display: block;
}
#kuendigungsformular input#formularerstellen {
	padding: 0 15px 0 15px;
}
#kuendigungsformular select {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#kuendigungsformular #fieldleft {
	float: left;
	width: 200px;
	padding: 6px 0 5px 0;
	font-weight: bold;
	margin-left: 10px;
	display: block;
}
#kuendigungsformular #fieldright {
	float: left;
	display: block;
	width: auto;
}
#kuendigungsformular .dlbox {
	background-color: #F0F0F0;
	margin: 15px;
	padding: 8px;
	border: 1px solid #999999;
}
/* kontaktformular
------------------------------------------------------------------ */
#respond label {	display: block;	float: left; width: auto; margin: 0;}

#kontaktformular form p {
	margin: 0 0 6px 0;
	padding: 0;
	clear: left;
	vertical-align: top;
}
#kontaktformular form {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#kontaktformular fieldset {
	border: none;
}
#kontaktformular legend {margin: 0; padding: 0 5px;}
#kontaktformular textarea {
	vertical-align: top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#kontaktformular input {
	margin: 0;
	padding: 0;
	display: block;
	white-space: normal;
}
#kontaktformular input#agb, #kontaktformular input#newsletter {
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#kontaktformular input#anfragesenden, #kontaktformular input#newssend {
         padding:0 15px 0 15px;
}
#kontaktformular label {
	display: block;
	float: left;
	width: 90px;
	margin-left: 40px;
}
#error, #message {
	margin-bottom: 15px;
	margin-left: 60px;
}
#error {color: #FF0000;}
#message {color: #009900;}

/* newsletterformular
------------------------------------------------------------------ */
#newsletterformular form p {
	margin: 0 0 6px 0;
	padding: 0;
	clear: left;
	vertical-align: top;
}
#newsletterformular form {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#newsletterformular fieldset {
	border: none;
}
#newsletterformular legend {margin: 0; padding: 0 5px;}
#newsletterformular textarea {
	vertical-align: top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#newsletterformular input {
	margin: 0;
	padding: 0;
	display: block;
	white-space: normal;
}
#newsletterformular input#newssend {
         padding:0 15px 0 15px;
}
#newsletterformular select {
	margin: 0;
	padding: 0;
}
#newsletterformular label {
	display: block;
	float: left;
	width: 90px;
}