/*
Theme Name: Carport-Fertiggarage
Version: 0.1
Author: 3task
Author URI: http://www.3task.de
*/


@import "css/reset.css";
@import "css/tools.css";


/* base
------------------------------------------------------------------ */
html, body { height:100%; }
html { background:url(images/bg.png) #cecece repeat-x; text-align:center;  }
body {background:url(images/bg_html.jpg)  center 2px no-repeat;  }


/* container
------------------------------------------------------------------ */
#placeholder { min-height:100%; margin: 0 0 -81px 0;   }
#page { width:952px; background:url() repeat-y; text-align:left; margin:0 auto; display: block; position:relative; padding: 100px 0 0 0 ;}

#contentbox {  width: 938px; padding: 0 7px 0 7px;  background: url(images/bg_contentbox.png) repeat-y; display: block; }
.cbottom { background: url(images/bg_contentbox_bottom.png); width: 952px; height: 10px; display: block; clear: both; }



/* div#content
------------------------------------------------------------------ */
#content {  padding: 0px 0px 0 0px; background: url(images/lineal.png)  0 241px #fff no-repeat; padding: 1px 2px 1px 2px; width: 590px;  float:left;border-top: 2px solid #adadad}

#teaser { overflow: hidden; display: block; font-size: 12px; background: url(images/bg_content_img.jpg) no-repeat; width: 560px; height: 165px; border-bottom: 2px solid #b5b096; border-top: 2px solid #fff; margin: 25px 0 0 0; padding: 30px 15px 15px 15px;  }

#teaser h2 { font-style: italic; font-size: 21px; text-transform: uppercase; font-weight: 700 }
#teaser h2 span { color: #808080; display: block; font-size: 15px }

#teaser a.button { margin: 15px 0 5px 75px;  background: url(images/button.png) no-repeat; width: 164px; height: 19px; line-height: 19px; display: block; color: #fff!important; text-decoration: none; font-weight: 700; padding: 0 0 0 30px }
#teaser a.button:hover { text-decoration: underline; }

#teaser p { width: 330px; font-size: 11px; color: #000000; }
#teaser p a {color: #b5b096; }

#breadcrumb { position: absolute; top: 103px; padding: 0 15px; font-size: 11px; left: 181px; height: 23px;line-height: 23px; width: 560px; background: #f2f2f2; border-bottom: 2px solid #d9d9d9; }

#content ul, #content ol { padding-left:15px;  margin: 10px 0 10px 15px;}
#content ol li,#content ul li { margin-bottom:5px; line-height: 1.3em;  }
#content ul li { list-style: square; }

#content .entry { padding: 15px; }

#content .pdf-datenblatt a { color: #767674!important; font-weight: 700; text-decoration: none; background: url(images/pdf_download.png); width: 519px; height: 37px; margin:  0 15px 15px 15px; line-height: 37px; padding: 0 15px; display: block; text-align: right }

/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:2px;left: 0px; background:url(images/bg_header.png) no-repeat; width: 952px; height: 85px; display: block; }
#header a#logo {position:absolute; top:3px; left: 9px}


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:4px; left: 370px; }
#nav ul li { float: left;  }
#nav ul li a { width: 139px; height: 36px; line-height: 36px; text-align: center; display: block; margin: 0 3px 0 0;  border-left: 1px solid #fff; border-top: 1px solid #fff; color: #636363; text-decoration: none;  }

#nav ul li a:hover, #nav ul li.current_page_item a { color: #fff; background: #9db8cb;  }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar-right {float:left; width: 172px; border-top: 2px solid #adadad;  }
#sidebar-right ul { text-align: right; }

#sidebar-right ul {border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;  }
#sidebar-right ul ul { border: none; display: none }
#sidebar-right ul li strong {background: url(images/bg_strong_sidebar.png) right bottom;  padding: 0 22px 0 0 ;height: 25px;line-height: 25px; width: 148px;display: block; color:#fff; border-left: 1px solid #f5f5f5;}
#sidebar-right ul li a { background: url(images/bg_li_a_sidebar.png)  right bottom; padding: 0 27px 0 0;width: 141px; height: 43px; line-height: 43px; display: block; border-left: 1px solid #f5f5f5; color:#636363; text-decoration: none; }
#sidebar-right ul li a:hover,#sidebar-right ul li.current_page_item  a { background-position:  right top; color: #fff; }

#sidebar-right ul ul li a { height: 30px; line-height: 30px; padding: 0 0 0 33px;width: 135px; }

#sidebar-right p { padding: 0; }
#sidebar-right p a  { color:#636363; }

#sidebar-right,#sidebar-left {font-size:12px;}
.box { background: #fafafa; border: 1px solid #e7e7e7; margin: 1px 0 0 0;  }
.box .inline {padding: 15px}
.box strong.headline {background: url(images/bg_h3_sidebar.png) left bottom;  padding: 0 0 0 22px;height: 25px;line-height: 25px; display: block; color:#fff; border:1px solid #fff }



/* div#sidebar
------------------------------------------------------------------ */
#sidebar-left { float: left;  width: 172px;border-top: 2px solid #adadad  }
#sidebar-left ul {border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;  }
#sidebar-left ul ul { border: none; display: none }
#sidebar-left ul li strong {background: url(images/bg_strong_sidebar.png) left bottom;  padding: 0 0 0 22px;height: 25px;line-height: 25px; width: 148px;display: block; color:#fff; }
#sidebar-left ul li a { background: url(images/bg_li_a_sidebar.png) left bottom; padding: 0 0 0 27px;width: 141px; height: 43px; line-height: 43px; display: block; border-right: 1px solid #f5f5f5; color:#636363; text-decoration: none; }
#sidebar-left ul li a:hover,#sidebar-left ul li.current_page_item a { background-position: left top; color: #fff; }

#sidebar-left ul ul li a { height: 30px; line-height: 30px; padding: 0 0 0 33px;width: 135px; }


/* div#footer
------------------------------------------------------------------ */
#clearfooter { height:81px; clear: both}
#footer { position:relative; width:100%; height: 81px; background: url(images/bg_footer.png) bottom repeat-x;  }
#footer div { font-size: 12px; background: url(images/helm.png) left bottom no-repeat; margin: 0 auto; width: 640px;  padding: 15px 0 0 0;}
#footer div p { padding: 11px 0 0 0; }

#footer div p a { color:#636363; text-decoration:none; }

#footer div p.footernav a { padding: 0 2px;  line-height: 12px; }
#footer div p.footernav a:hover {background: #dedede; }
#footer div p.copy a { color:#9d0101; text-decoration: underline; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#636363; }

h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.1em; color: #9d0101; font-weight: normal; }

h1 { font-size: 16px; background: #f5f5f5; line-height: 37px; margin: 0 0 0 125px }

h2{
	font-size: 160%;
}
h3 { font-size: 12px; }

.small { font-size: 11px; }

p { padding: 7px 0; }


/* links
------------------------------------------------------------------ */
a { color:#9d0101; }
a:hover { text-decoration:none; }