/*
Theme Name: FF-2010
Theme URI: http://netzartig.net
Description: Design FF-2010 manufactured for Franke Filter GmbH 
Version: 1.0
Author: Tobias Franke
Tags: blueprintcss, grid system, corporate, fixed width, two columns, widgets

Design by T. Franke 2010 || http://netzartig.net
*/
@import url(css/reset.css);
@import url(css/grid.css);
@import url(css/typography.css);
@import url(css/forms.css);
@import url(css/hashgrid.css);


/*************** begin common ***************/
body {
 background: #fff url(images/bgBody.png) repeat-x;
 color: #333;
 font-family: "Lucida Sans", "Lucida Grande", Lucida, Arial,"Helvetica Neue",Helvetica,sans-serif;
 font-size: 13px;
}
#header {
 background: url(images/bgHeader.jpg) no-repeat center top;
 height: 180px;
 width: 100%;
}
#logo-nav #logoTitle a {
 background: url(images/logo-franke-filter.png) no-repeat -20px 0 ;
 float: left;
 height: 100px;
 width: 200px;
}
#logo-nav #logoTitle a:hover {
 background: url(images/logo-franke-filter.png) no-repeat -20px -100px;
}
#logo-nav h1#logoTitle, #logo-nav p#logoSubtitle {
 text-indent: -9999px;
}
#main {
 background: url(images/bgMain.jpg) repeat-y center top;
 min-height: 500px;
 padding-top: 20px;
}
#content {
 
}

#sidebar {
 color: #777;
 font-size: 12px;
}
#bottom {
}
#footerTop {
 background: #333 url(images/bgFooterTop.png) repeat-x;
 width: 100%; height: 22px;
}
#footer {
 background: #333 url(images/bgFooter.png) repeat-y top center;
 color: #6c6c6c;
 padding-top: 40px;
}
#copyright {
 background: #000;
 border-top: 2px solid #7da7d9;
 color: #424242;
 font-size: 10px;
 padding: 10px 0 5px 0;
 text-align: center;
}
.mailto:before { 
 content: url(images/icon-mail-16.gif) " "; }
}
/*************** end common ***************/
/*************** begin header ***************/
#sidebarHeader {
 padding-top: 10px;
 float: right;
}
#sidebarHeader li {
 float: right;
 list-style: none;
 margin-right: 10px;
 position: relative;
}
#sidebarHeader li a {
 font-size: 11px;
 text-decoration: none;
}
#sidebarHeader .widget_qtranslate {
 clear: both;
 float: right;
 margin-top: 20px;
}
#sidebarHeader .widget_qtranslate ul {
 margin-right: 5px;
}
#sidebarHeader .widget_qtranslate a {
 margin-left: 15px; 
 width: 24px; height: 24px;
}
/*************** end header ***************/
/*************** begin frontpage ***************/
#header {

}
/*************** end frontpage ***************/
/*************** begin content ***************/
#content a, #sidebar a {
 color: #0071BC;
 text-decoration: none;
}
#content a:hover, #sidebar a:hover {
 color: #0071BC;
 text-decoration: underline;
}
#content .post {
 margin-right: 20px;
}
#content h1,#content h2,#content h3,#content h4 {
 color: #0071BC;
}
/* category listing page */
#content.category-list .post {
 border-bottom: 3px solid #F7F7F7;
 padding-bottom: 25px;
 margin-bottom: 25px;  
}
#content.category-list .post h2 {
 border-bottom: 1px solid #efefef;
 font-weight: bold;
}
#content.category-list h2 a {
 color: #0071BC;
 font-size: 16px;
 text-decoration: none;
}
#content .post .post-date {
 background: url(images/icon-clock.png) no-repeat;
 color: #ccc;
 display: block;
 font-size: 10px;
 padding: 3px 0 3px 25px;
}
#content .post img.banner {
 background: url(images/bgPostBanner.png) no-repeat;
 padding: 10px;
 margin-bottom: 20px;
}
#content .post img.banner:hover {
 background: url(images/bgPostBannerHover.png) no-repeat;
}
/* category */
#content .post img.thumb-category-single,
#content .post img.thumb-category-listing {
 background: url(images/bgThumbCategoryListing.png) no-repeat;
 padding: 10px;
 margin-bottom: 20px;
}
#content .post img.thumb-category-single {
 float: left;
 margin: 0 10px 10px 0;
}
#content .post img.thumb-category-listing:hover {
 background: url(images/bgThumbCategoryListing.png) no-repeat 0 -175px;
}
/* begin images */
#content .entry .alignleft {
 float: left;
 margin: 0 10px 10px 0;
}
#content .entry .alignright {
 float: right;
 margin: 0 0 10px 10px;
}
#content .entry .size-thumbnail,
#content .entry .staff {
 border: 1px solid #e1e1e1;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 5px;
}
#content .entry .wp-caption-text {
 color: #9CACCB;
 font-size: 11px;
 padding: 5px 0 0; margin: 0;
 text-align: center;
}
/* end images */
/* begin map */
#content .post .googleMap {
 border: 1px solid #cecece;
 margin: 40px 0;
 width: 590px; height: 800px;
}

/* table styling for download buttons of brochures */
/* =============================================== */
table.download {
 background: #fff url(images/bgBoxRelated.jpg) repeat-x;
 border: 1px solid #DEDEDE;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 color: #707070;
 margin: 30px 0;
 width: 100%;
}
table.download td {
 padding: 20px;
 vertical-align: middle;
}


/* end map */
/* begin related posts */
#content #crp_related {
 background: #fff url(images/bgBoxRelated.jpg) repeat-x;
 border: 1px solid #e1e1e1;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 20px; margin: 40px 20px 20px 20px;
}
#content #crp_related img.crp_thumb {
 background: #fff;
 border: 1px solid #e1e1e1;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 5px;
 margin-bottom: 20px;
}
#content #crp_related .crp_title {
 display: block;
}
#content #crp_related .crp_excerpt {
 font-size: 10px;
}
/* end related posts */
/* begin job-opening */
.job-listing .post {
 border-bottom: 1px solid #e1e1e1;
 padding: 20px 0;
}
.job-listing .post:hover {
 background: #F8F8F8;
}
.job-listing .job-date-heading,
.job-listing .job-description-heading {
 border-bottom: 1px solid #999;
}
.job-listing ul {
 margin: 0;
 padding: 0;
}
.job-listing ul li {
 font-size: 11px;
 list-style: none;
}
/* end job-opening */ 

/* begin search */
#content .screen-reader-text {
 display: none;
 visibility: hidden;
}
#content .search {
 border-bottom: 3px solid #e1e1e1;
 padding: 20px 0;
}
/* end search */
/* begin form */

#content form table {
 border: 2px solid #D1E0EF;
}
#content form table td.label,
#content form table td.field {
 padding: 10px;
 vertical-align: top;
}
#content form table td.label {
 background: #F7F7F7;
 color: #0071BC;
 padding-top: 20px;
 width: 170px;
}
#content form table td.field {
 background: #F1F1F1;
}
#content form input,
#content form textarea {
 background: #fff;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #CFCFCF;
 border-bottom: 1px solid #CFCFCF;
 border-left: 1px solid #FFFFFF;
 color: #838383;
 font: 16px normal normal Lucida Sans, Arial, Helvetica, sans-serif;
 padding: 2px 10px 2px 20px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}
#content form input {
 height: 30px;
}
#content form textarea {
 width: 250px;
}
#content form input:focus,
#content form textareafocus {
 border: 1px solid #CFCFCF;
}


/* end form */
/*************** end content ***************/
/*************** begin sidebar ***************/
#sidebar .widget {
 background: url(images/bgSidebarWidget.jpg) repeat-x;
 padding: 0 20px 40px 20px;
}
#sidebar .widget ul {
 margin: 0;
 padding: 0;
}
#sidebar .widget li {
 list-style: none;
}
#sidebar .widget h3 {
 color: #9c9c9c;
 font-size: 16px;
 font-weight: bold;
 padding: 15px 0 12px 35px;
}

#sidebar .widget_wp_shopping_cart h3 {
 background: url(images/icon-widget-enquiry.png) no-repeat 0 10px;
}
#sidebar .additional-info-de h3 {
 background: url(images/icon-widget-info.png) no-repeat 0 10px;
}
#sidebar .widget_categoryposts h3 {
 background: url(images/icon-widget-articles.png) no-repeat 0 10px;
}
#sidebar .widget_categoryposts p {
 margin: 0;
 padding: 0;
}
#sidebar .widget_categoryposts .cat-post-item {
 border-bottom: 3px solid #f7f7f7;
 margin-bottom: 5px;
 padding-bottom: 5px;
}
#sidebar .widget_categoryposts .post-date {
 color: #ccc;
 font-size: 10px;
 margin: 0;
}
#sidebar .widget_text h3 {
 background: url(images/icon-widget-new.png) no-repeat 0 10px;
}
#sidebar #text-3 h3 {
 background: url(images/icon-widget-phone.png) no-repeat 0 10px;
}
#sidebar #text-4 h3 {
 background: url(images/icon-widget-consultation.png) no-repeat 0 10px;
}
/*************** end sidebar ***************/
/*************** begin footer ***************/
#footer .container {
 background: url(images/bgFooterContainer.jpg) no-repeat bottom left;
}
#footer .col {
 margin: 0 20px;
}
#footer h3 {
 color: #000;
}
#footer .widget_categoryposts,
#footer .widget_mypageorder {
 padding: 0 20px 40px 20px;
}
#footer .widget ul {
 margin: 0;
 padding: 0;
}
#footer .widget li {
 list-style: none;
}
#footer .widget li {
 font-size: 12px;
}
#footer .widget a {
 color: #fff;
 text-decoration: none;
}
/*************** begin copyright ***************/
#copyright a {
 color: #434343;
 text-decoration: none;
}
#copyright a:hover {
 background: #7DA7D9;
 color: #fff;
 text-decoration: none;
}
/*************** end copyright ***************/
/*************** end footer ***************/
/*************** begin navPages ***************/
#navPages {
 font-size: 7px;
 margin: 0 5px 0 0;
 padding-top: 20px;
}
#navPages li {
 float: right;
 list-style: none;
 margin-right: 5px;
}
#navPages li a {
 color: #0071BC;
 font-size: 10px;
 margin-right: 5px;
 text-decoration: none;
}
#navPages li:after {
 content: url(images/middot.png); 
}
#navPages li:first-child:after {
 content: none; 
}

/*************** end navPages ***************/
/*************** begin navCategories ***************/
#navCategories {
 
}
/*************** end navCategories ***************/
/*************** begin simpleMenu dropdown ***************/
/* MENU */
#navCategories {
 float: left;
 margin: 0; padding: 0;
 padding-top: 23px;
}
#navCategories li a, #navCategories li {
 float: left;
}
#navCategories li {
 list-style: none;
 margin: 0 5px;
 position: relative;
}
#navCategories li a {
 padding: 0.2em 0.5em;
 text-decoration: none;
 color: #3c3c3c;
 background: #292929;
 background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
 background: transparent;
 border-right: 1px solid #3c3c3c;
 border-left: 1px solid #292929;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
 border: 0;
}
#navCategories li a:hover {
 background: #2a0d65;
 background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
 background: transparent;
}
#navCategories .subtitle {
 color: #999;
 font-size: 9px;
}
/* Submenu */
.hasChildren {
  position: absolute;
  width: 5px; height: 5px;
  background: black;
  right : 0;
  bottom: 0;
}
#navCategories li ul {
 background: #fff url(images/bgNavSubmenu.jpg) repeat-x bottom;
 border: 1px solid #efefef;
 border-top: 2px solid #0071BC;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 z-index: 99999999;
}

#navCategories li:hover > ul {
 display: block;
}

#navCategories li ul li, #navCategories li ul li a {
 float: none;
}

#navCategories li ul li {
 _display: inline; /* for IE6 */
}

#navCategories li ul li a {
 border-bottom: 1px solid #efefef;
 display: block;
 width: 200px; height: 35px;
}
#navCategories li ul li a:hover {
 background: #0071BC;
 color: #fff;
}

/* SUBSUB Menu */

#navCategories li ul li ul {
 display: none;
}

#navCategories li ul li:hover ul {
 left: 100%;
 top: 0;
}
#navCategories li ul
/*************** end simpleMenu dropdown ***************/ 
/*************** begin hashgrid ***************/                                              
#hashgrid{
 background: url(../images/bg-grid-blueprint-980.gif) repeat-y 0 0;
 width: 980px;
 position: absolute;
 top: 0;
 left: 0;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -490px;
 z-index: 9999999;
}
#hashgrid.hashgrid-1,#hashgrid.hashgrid-2,#hashgrid.hashgrid-3,#hashgrid.hashgrid-4 {
 padding: 0 0;
 width: 980px;
}
#hashgrid.hashgrid-1{
 background: url(images/hashgrid/bg-grid-blueprint-3cols.gif) repeat-y 0 0;
}
#hashgrid.hashgrid-2{
 background: url(images/hashgrid/bg-grid-blueprint-4cols.gif) repeat-y 0 0;
}
#hashgrid.hashgrid-3{
 background: url(images/hashgrid/bg-grid-blueprint-full.gif) repeat-y 0 0;
}
#hashgrid.hashgrid-4{
 background: url(images/hashgrid/bg-grid-blueprint-full-numbers.png) repeat-y 0 0;
}
#hashgrid div.horiz{
 height: 19px;
 border-bottom: 1px dotted #aaa;
 margin: 0;
 padding: 0;
}
/*************** end hashgrid ***************/