/*
	Theme Name: KFZ Ruettgers Theme
	Description: KFZ Ruettgers is a business theme.
	Author: KFZ Ruettgers
	Author URI: http://www.kfz-ruettgers.de/
	Version: 2.0
*/

@import url("css/960.css");
@import url("css/reset.css");
@import url("css/nav.css");
@import url("css/lightbox.css");

body{
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
}

a{
	color:#0152A1;
	text-decoration:none;
}


p.bad{
	padding:10px;
	background:#FFCECE;
	font-size:0.8em;
	line-height:23px;
	margin:0 0 20px 0;
}

p.good{
	padding:10px;
	background: #C6FFC6;
	font-size:0.8em;
	line-height:23px;
	margin:0 0 20px 0;
}

.spacer{
	height:20px;
}

small{
	color:#969595;
	font-size:10px;
	text-transform:none;
}

small a{
	color:#969595;
}

small a:hover{
	color:#000000;
}

.right{
	float:right;
}

a.btn{
    background:url(images/button-slide.png) no-repeat;
	width:160px;
	height:33px;
	padding:10px 0 0 0;
	text-align:center;
	color:#FFFFFF;
	font-size:0.6em;
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:12px;
}

#header{
	position:relative;
	z-index:1000;
}

#nav {
  margin-left:10px;
}

#nav ul{
	float:left;
	background:#0152A1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:41px;
	margin:0;
	padding:0;
}

#nav ul a{
  color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#nav li{
	float:left;
}

#nav li a{
	display:block;
	height:24px;
	float:left;
	padding:16px 15px 0 15px;
}

#nav li a:hover{
	color:#0152A1;
	background-color:#FFFFFF;
}

#nav ul li ul{
	width:170px;
	font-size:1em;
	margin:13px 0 0 0;
	height:auto;
	border:1px solid #FFFFFF;
}

#nav ul li ul li{
	border-bottom:1px solid #FFFFFF;
	width:170px;
}

#nav ul li ul li a{
	display:block;
	width:120px;
	height:24px;
	padding:16px 30px 0 20px;
}

#iso {
  clear:both;
  float:right;
  margin-right:11px;
  border:1px solid blue;
  width:340px;
  height:39px;
  line-height:39px;
  text-align:center;
  font-size:16px;
}

#banner{
	font-family:Arial, Helvetica, sans-serif;
	margin:45px 10px 10px 10px;
	display:block;
	position: relative;
	z-index:1;
	height:250px;
	overflow:hidden;
	
}

#banner a img{
	margin:15px 0 0 20px;
}


#banner h1{
	font-size:2.0em;
	line-height:1.1em;
	font-weight:normal;
	color:#0152A1;
	margin:10px 0 10px 0;
}

#banner p{
	font-size:0.8em;
	color:#969595;
	line-height:23px;
	margin:0 0 20px 0;
}

#banner a.btn{
	margin:0px 15px 0 0;
}

#banner_nav{
	background:url(images/banner_nav_bg.jpg) repeat-x;
	margin:0px 0 0 0;
	line-height:16px;
	float:left;
}

#banner_nav #holder{
	text-align:center;
	cursor: default;
	width:940px;
}

#banner_nav #holder{
	margin:-4px 0 0 0;
}

#banner_nav a{
	background:url(images/nav_bg.jpg) no-repeat;
	padding:0px 7px 0px 2px;
	cursor:pointer;
	color:#d9d9d9;
	font-size:0.6em;
	display:inline;

}

#posts{
	margin:15px 0 0 0px;
	width:960px;
	overflow:hidden;
}

#banner_items{
	background:url(images/slide-bg.jpg) no-repeat;
	float:left;
	width:940px;
	height:250px;
}

#posts a img{
	border:3px solid #e1e0e0;
	margin:0 0 10px 0;
	position:relative;
	z-index:1;
	width:213px;
	height:130px;
	display:block;
}


#posts a span{
	font-weight:normal;
	font-size:1.1em;
	line-height:19px;
}

#posts a:hover span{
	color:#2d2d2d;
}

#posts p{
	font-size:0.8em;
	line-height:14px;
	margin:10px 0 0px 0;
	color:#969595;
}

.right_btn{
	position:absolute;
	z-index:1000;
	margin:-398px 0 0 930px;
}

.right_btn a{
	display:block;
	background:url(images/right.png);
	width:35px;
	height:37px;
}

.left_btn{
	position:absolute;
	z-index:1000;
	margin:-398px 0 0 -8px;
}

.left_btn a{
	display:block;
	background:url(images/left.png);
	width:35px;
	height:37px;
}

.post_btn a.btn{
	padding:10px 30px 10px 30px;
	color:#FFFFFF;
	font-size:0.6em;
	float:right;
}

.post_btn{
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #d9d9d9;
}

.slide_btn{
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #d9d9d9;
}

.post_btn a:hover.btn{
	padding:10px 30px 10px 30px;
	background:#2d2d2d;
	border:1px solid #000000;
	color:#FFFFFF;
}

#buttons{
	width:920px;
	float:left;
}

#services, #homewidget{
	margin:20px 10px 0 10px;
	padding-bottom:30px;
}

#services h2{
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	float:left;
	width:240px;
}

#services h1, #homewidget h1{
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:1.0em;
	color:#0152A1;
	display:block;
	border-bottom:1px solid #d9d9d9;
	padding:0 0 15px 0;
	font-weight:normal;
	text-transform:uppercase;
}

#services p, #main p, .widget p{
	font-size:0.8em;
	line-height:15px;
	color:#969595;
}

#services .icon{
	float:left;
	width:48px;
	height:48px;
	margin-right:10px;
}

#services .service{
	margin:40px 10px 0px 0;
}

#homewidget input, #homewidget textarea{
	padding:7px 5px 7px 5px;
	border:3px solid #d9d9d9;
	margin:0 0 20px 0;
	width:280px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:0.8em;
}

#homewidget input.btn{
	padding:10px 0px 10px 0px;
	color:#FFFFFF;
	font-size:0.6em;
	cursor:pointer;
	width:100px;
	text-transform:uppercase;
	float:right;
}

.widgetholder{
	padding: 40px 0px 0px 0px;
}

.widgetholder label{
	text-transform:uppercase;
	font:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:0.8em;
	margin:0 0 10px 0;
	display:block;
}

#footer{
	margin:0px 10px 30px 10px;
	padding:30px 0 0 0;
	color:#969595;
	font-size:0.8em;
	border-top:1px solid #d9d9d9;
}

#footer ul{
	float:right;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
}

#footer li{
	display:inline;
	text-transform: uppercase;
	margin-left:40px;
}

#preload{
	display:none;
}

#post_items .item{
	min-height:260px;
}

#main{
	margin:30px 10px 30px 10px;
}


#main .cat_desc h1{
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";	
	margin:0 0 10px 0px;
}

#main .cat_desc{
	padding:20px;
	background:#fff;
	border:1px solid #fff;
	margin:0 0 20px 0;
}

a span.post_header{
	font-size:1.0em;
	padding:0 40px 0 0;
	width:450px;
	line-height:30px;
}

ul.categories{
	float:left;
	width:100%;
}

ul.categories li a span.desc{
	font-size:0.8em;
	line-height:25px;
	color:#969595;
}

ul.categories li a span.date{
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	line-height:20px;
}

ul.categories li a:hover span.date{
	color:#2d2d2d;
}

ul.categories li a img{
	border:1px solid #d9d9d9;
        padding:5px;
	float:left;
	margin:0 15px 0 0;
	width:75px;
	height:75px;
}

ul.categories li{
	margin:0px 0 10px 0px;
	float:left;
}

ul.categories li a{
	background:#FFFFFF;
	display:block;
	padding:20px;
	float:left;
	width:578px;
	border:0px solid #d9d9d9;
}

ul.categories li a span.comment_icon{
	background: url(images/icons/speech_bubble_48.png);
	color:#000000;
	font-size:1.3em;
	padding:10px 0px 15px 1px;
	width:47px;
	position:absolute;
	margin:-15px 0 0 452px;
	text-align:center;
}

ul.categories li a:hover span.comment_icon{
	text-decoration:underline;
}

ul.categories li a:hover{
	background: #F3F3F3;
	border:1px solid #d9d9d9;
}

#sidebar{
	margin:65px 5px 10px 10px;
}

#sidebar h2{
	padding:0 0 15px 0;
	border-bottom:1px solid #d9d9d9;
	font-size:1.0em;
	margin:0 0 10px 0;
}

#sidebar ul li a{
	display:block;
	padding:10px 0 12px 10px;
	border-top:1px solid #d9d9d9;
	color: #666666;
	background:#eaeaea;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:0.8em;
	text-transform:capitalize;
	width:285px;
}


#sidebar ul li a:hover{
	color: #333333;
	background: #EEEEEE;

}

#sidebar ul li{
	background:none;
	width:295px;
	padding:0;
	border:none;
	float:none;
	
}

#sidebar a img{
	background:#d9d9d9;
	padding:3px;
}

#sidebar a:hover img{
	background:#ec8e06;
}

#sidebar img{
	margin:0 7px 14px 7px;
}

#sidebar .widget{
	margin:0px 0 20px 0;
}

#sidebar .widget li{
	font-size:1em;
	line-height:23px;
	color:#969595;
	font-style:italic;
	width:290px;
	float:left;
}

#sidebar .widget{
margin:0 0 20px 0;
float:left;
}

#sidebar .widget ul#twitter_update_list li{
	font-size:0.8em;
}


#sidebar .widget ul#twitter_update_list li a{
	font-style:normal;
	font-size:0.8em;
}

#searchform input{
	width:273px;
	border:1px solid #d9d9d9;
	background:#FFFFFF;
	margin:10px 0 10px 0;
	padding:10px;
}

input#searchsubmit{
	background-color:#649E0C;
	width:160px;
	height:33px;
	color:#FFFFFF;
	padding:5px;
	cursor:pointer;
}

label.screen-reader-text{
	font-size:0.8em;
}

#sidebar .widget ul#twitter_update_list li a:hover{
	color:#000000;
}

.twitter{
	position:absolute;
	margin:-50px 0 0 250px;
}

#post_showcase{
	width:899px;
	padding:20px;
	background:#eaeaea;
	border:1px solid #d9d9d9;
	margin-top:20px;
}

#showcase_text{
	padding:20px;
	background:#eaeaea;
	border:1px solid #d9d9d9;
	font-size:0.8em;
	margin:0 0 20px 0;
}

#showcase_text p{
 	color:#666666;
	line-height:23px;
	margin:0 0 10px 0;
}

#showcase_text h1{
	font-size:1.8em;
	color:#000000;
	margin: 0 0 20px 0;
}

#post{
	padding:20px;
	background:#FFFFFF;
	border:0px solid #d9d9d9;
	width:570px
}

#post-reifen{
	padding:20px;
	background:#FFFFFF;
	border:0px solid #d9d9d9;
	width:900px
}

#post h2,#post h3,#post h4,#post h5,#post h6{
	margin-bottom:20px;
}

#post h2{
	font-size:1.8em;
}

#post h3{
	font-size:1.5em;
}

#post h4{
	font-size:1.2em;
}

#post h5{
	font-size:1em;
}

#post h6{
	font-size:0.8em;
}

#post ul li{
	margin-left:20px;
	list-style: disc;
	line-height:18px;
	font-size:0.8em;
	color:#666;
}

#post ol li{
	margin-left:20px;
	list-style: decimal;
	line-height:26px;
	font-size:0.8em;
	color:#000000;
}

#post a span.comment_icon{
	background: url(images/icons/speech_bubble_48.png);
	color:#000000;
	font-size:1.3em;
	padding:10px 0px 15px 1px;
	width:47px;
	position:absolute;
	margin:-5px 0 0 535px;
	text-align:center;
}

#post h1, #post_showcase h1{
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	display:block;
	width:550px;
	line-height:50px;
	margin:0 0 10px 0;
}

#post_showcase h1{
	width:100%;
	margin:0;
	text-align:center;
}


#post span.box{
	padding:5px;
	font-size:0.8em;
	color:#666;
}

#post span.box a{
	color:#0152A1;
	font-weight:bold;
}

#post span.box a:hover{
	text-decoration:underline;
}

#post p{
	color: #666666;
	margin:15px 0 15px 0;
}

#post a{
	color:#0152A1;
}

#post a:hover{
	text-decoration:underline;
}

#post img.alignleft {
float:left;
margin:5px 15px 10px 0;
border:1px solid #d9d9d9;
padding:5px;
}

#post img.alignright {
float:right;
margin:5px 15px 10px 0;
border:0px solid #dfff;
padding:5px;
}

.wp-caption post img.alignleft {
border:1px solid #d9d9d9;
padding:2px;
}

#post .tags{
	margin:30px 0 30px 0;
	font-size:0.7em;
}

#post .tags a{
	text-decoration:underline;
}

#post .tags a:hover{
	text-decoration:none;
}

#post .author{
	padding:20px;
	background:#f4f4f4;
	border:1px solid #d9d9d9;
}

#post .author img, #comments ul li img{
	margin:0 20px 0 0;
	padding:3px;
	border:none;
	float:left;
}

#post .author p{
	margin:10px 0 0 0;
	width:400px;
	float:left;
}

#comments {
	margin:20px 0 0 0;
}

#comments ul li{
	float:left;
	width:571px;
	padding:20px;
	background:#f4f4f4;
	border:1px solid #d9d9d9;
	margin:0 0 20px 0;
}

#comments p{
	float:left;
	width:470px;
	font-size:0.8em;
	line-height:23px;
	color: #666666;
	margin:0 0 20px 0;
}

#comments li img{
	display:block;
	float:left;
	padding:3px;
}

#comments .comment_author{
	display:block;
}

#comments .comment_date{
	font-size:0.7em;
	display:block;
	margin:5px 0 5px 0;
}

#comments .reply{
	padding:10px;
	float:left;
	font-size:0.7em;
	background:#eaeaea;
	border:1px solid #d9d9d9;
	width:550px;
	text-align:right;
	margin:20px 0 0 0;
	text-transform:uppercase;
}
#comments ul li ul li{
	margin:20px 0 0px 10px;
	width:510px;
	background:#ffffff;
}

#comments ul ul li p{
	width:410px;
}

#comments ul ul li .reply{
	width:490px;
	background:#eaeaea;
}

#comments ul ul ul li{
	margin:20px 0 0px 10px;
	width:460px;
	background:#ffffff;
}

#comments ul ul ul li p{
	width:360px;
}

#comments ul ul ul li .reply{
	width:440px;
	background:#eaeaea;
}

#respond p input{
	border:3px solid #d9d9d9;
	margin: 0 10px 0 0;
	padding:10px;
	float:left;
}

#respond textarea{
	border:3px solid #d9d9d9;
	width:500px;
	margin:20px 0 20px 0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:1em;
}

#respond h3{
	margin:20px 0 20px 0;
}

#respond input#submit{
border:1px solid #d9d9d9;
cursor:pointer;
}

#full{
	margin:30px 10px 30px 10px;
}

#portfolio #portfolio_header h1{
	text-align:center;
	font-size:3em;
	font-weight:normal;
	padding:0 0 30px 0;
	border-bottom:1px solid #d9d9d9;
}

#portfolio ul.portfolio_nav{
	margin:20px 0 0 0;
	text-align:center;
	padding:0 0 20px 0;
	border-bottom:1px solid #d9d9d9;
}

#portfolio ul.portfolio_nav li{
	display:inline;
	margin:0 10px 0 10px;
	padding:0 0 20px 0;
}

.portfolio_item{
	margin-top:20px;
}


#launch a{
	font-size:1em;
	display:block;
	padding:20px;
	background:#eaeaea;
	border:1px solid #d9d9d9;
	text-align:center;
}

#launch a:hover{
	background:#eeeeee;
	border:1px solid #d9d9d9;
}

#showcase{
	width:980px;
}

#showcaseholder{
float:left;
margin-top:20px;

}

.showcase_item{
margin-bottom:20px;
}

.searchfield{
	margin:0 0 10px 0;
}

/****** Front Sidebar Styling *****/

#sidebar{
	display:inline;
	width:289px;
	float:right;
	background:url(images/bg-sidebar-c.gif) repeat-y;
	margin-right:20px;
}

color:#686868;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;

.aside{
	width:268px !important;
	margin-right:0 !important;
	font-size:11px;
	color:#56504a;
}
.sidebar-holder{background:url(images/bg-sidebar-b.gif) no-repeat 0 100%;}
.sidebar-frame{
	padding:31px 0 15px 24px;
	min-height:87px;
	background:url(images/bg-sidebar-t.gif) no-repeat;
}
.aside .sidebar-frame{
	padding:29px 0 43px;
}
#sidebar h3{overflow:hidden;}
#sidebar h3 img{
	float:left;
	margin-right:8px;
}

.angebote{
	height:1%;
	overflow:hidden;
	padding:0 0 0 3px;
	margin:0;
	list-style:none;
}
.angebote li{
	width:100%;
	margin:0 0 15px 0;
	padding-top:0px;
	padding-bottom:10px;
	float:left;
	overflow:hidden;
	border-bottom:dotted 1px #ccc;
}
.angebote .visual{
	width:46px;
	margin:11px 0 0 2px;
	float:right;
}
.postthumb {
	float:left;
	margin-right:15px;
	background-color: #fff;
}
.postthumb-large {
	float:left;
	background-color: #fff;
	padding:5px 10px 10px 0;
	clear:both;
}
.postthumb img{
        border:1px solid #D9D9D9;
	padding:2px;
	background-color: #fff;
}
.postthumb_large img{
	padding:3px;
}
* html .angebote .visual{margin-left:-1px;}
.angebote .visual img{
	display:block;
	margin:0 auto;
}
.angebote p{
margin:-1px 0 16px;
color:#686868;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}

.angebote h2 {
color:#666;
}

.angebote h4  {
display:block;
margin:0 0 5px;
font-size:14px;
}

.angebote h4 a {
color:#0152A1;
}

.angebote .catlink a {
color:#0152A1;
}

.angebote .catlink a:hover {
text-decoration:underline;
}

/****** Mail-Form Styling *****/

form dl, dl.labels {
		margin:0em;
		font-size:100%;
		margin-top:0.5em
	}
	
	form dt, dl.labels dt {
		float:left;
		width:7em;
		margin-bottom:0.8em;
		color:#555;
		text-align:right;
		font-weight:400;
		position:relative /*IEWin hack*/
	}
	
	form dd, dl.labels dd {
		margin-left:7.5em;
		margin-bottom:0.8em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}
	
	form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}
	
	.error_msg {
		font-weight:700;
		color:#C33;
	}
	
	.pxs_css_spamcheck {
		display: none !important;
	}

table { margin-top:-30px;}

table td {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding-top: 5px;
}

div#contact img {
padding-bottom:5px;
}

div#contact { 
text-align:right; 
}