a{color:#000}
a:hover{text-decoration:none}
.left, .alignleft{float:left;}
.right, .alignright{float:right;}
.c{clear:both ; width:100%;}
.n{display:none;}
.a{margin-left:auto; margin-right:auto;}
.w{color:#fff}
.nr{display:none;}

table, td{border: none 0}

#site-header{width: 100%; z-index: 5}

#masthead{position: relative;}
.masthead-fixed .site-header {
    position: fixed;
    top: 0;
}



#logo {	position:absolute; left:21px;top: 0;display: block;width: 240px}
#logo img{ border: 1px solid #fff; border-top:none 0;}
#login{text-decoration:none; color:#CCC; font-size:10px; padding-left:2px}
#login:hover{text-decoration:underline}
#img {width: 100%; max-height: 200px; }
#teas{color:#fff; width:90%; margin:10px 0 0 20px }
#teas h5{ font-weight:lighter; font-size:21px; margin: 0 }
#teas h6{ font-weight:lighter; font-size:14px; margin: 0 ;padding-bottom: 10px}


/****** colors  ******/


#site-header,
.site-header,
.featured-content{
    background-color: #9E1625;
}

#secondary{
    background-color: #fff;
}

.site-title a,
.site-navigation a,
#secondary,
.site-footer,
.site-info,
.site-info a,
.widget-title,
.widget-title a,
.widget a {
    color: #000;
}
.site-title a{ color: #fff;}


.site-title a:hover ,
.widget a:hover,
.current-cat a
{
    color: #9E1625;
}
#masthead,
#colophon,
.widget li a:hover{background: #bbb}
.widget li.current-cat{border-bottom: 1px solid #9E1625}

.search-toggle { background-color: #aaa;}
.search-toggle:hover, .search-toggle.active ,.search-box{  background-color: #bbb;}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a ,
.site-navigation .current-menu-parent > a,
.site-navigation .current-post-ancestor > a,
.site-navigation .current-category-ancestor > a
{
color: #fff;
}

.primary-navigation a{text-shadow: 1px 1px #ddd; }
.site-navigation .current-menu-item > a{
    text-shadow: 1px 1px #666;
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
    background-color: #aaa;
}

.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
    background-color: #ccc;
}

#crumb{background: #fff; padding: 4px 0 }
#crumb #nice{padding-left: 20px }
#crumb #nice * {display: inline-block}

.paging-navigation { border-color:  #bbb;}
.paging-navigation .page-numbers.current { color: #bbb; border-color:#9E1625;}

#colophon{ background-color: #fff; border-top: 10px solid #9e1625;}
#colophon a{color: #9e1625}
#colophon a:hover{text-decoration: underline}

.rss{margin-left: 0px;}
.rss li{list-style: none; line-height: 16px; vertical-align: top; margin-bottom: 6px}
.rss a {font-size: 14px;display: inline-block; min-height: 16px; position: relative }
.rss a img{top: -2px;  position: relative  }
/****** space  ******/

#main {  margin-top: 48px;}
.content-area, .content-sidebar { padding-top: 0;}
.primary-sidebar { padding-top: 0}
.content-sidebar .widget .widget-title { border-top: none;}

.widget li{border-bottom: 1px solid #bbb; font-size: 18px; padding: 2px 0}
.widget li a{display: block; width: 100%; padding: 2px 0}

.cat-links a {  font-size:12px; padding: 0 0 0 4px ;}
.content-sidebar .widget .tagcloud a{color:#9e1625; }


/******  media  ******/


@media screen and (min-width: 1008px){
    .site:before { background-color: #fff}
    .content-sidebar .widget .widget-title { border-top: 5px solid #eee; }
    .widget li{ font-size: 15px; }
    #secondary {width:162px; padding: 0 10px}
}

@media screen and (min-width: 1016px){
    #img { display: inline-block; width: 720px}
    #teas{ position: absolute; width:260px; top: 20px; left: 740px; margin: 0 }
}

@media screen and (min-width: 1040px) {
    #secondary {padding: 0 20px; border-right: 1px solid #bbb}
}

@media screen and (min-width: 1080px) {
    #secondary {padding: 0 30px}
    #crumb #nice{padding-left: 30px }
}


/****** Posts  ******/

.site-content .entry-header {  background: none;}
.entry-content a, .entry-summary a, .page-content a, .comment-content a { color: #9E1625;}
.entry-meta p{margin-bottom: 12px;}

.more-link{clear: both; font-size: 15px;  display: block; margin: 10px 0 0 0}

a.pdf{text-decoration: underline}

/****** FJ sektor colors  ******/

.abwasser h1, .abwasser h1 a , .abwasser h3, .abwasser h6{color: #960;}
.brandschutz h1, .brandschutz h1 a , .brandschutz h3, .brandschutz h6{color: #B22;}
.beleuchtungstechnik h1, .beleuchtungstechnik h1 a , .beleuchtungstechnik h3, .beleuchtungstechnik h6{color: #cc3;}
.editorial h1, .editorial h1 a , .editorial h3, .editorial h6{color: #0255A5;}
.gebaeudeautomation h1, .gebaeudeautomation h1 a , .gebaeudeautomation h3, .gebaeudeautomation h6{color: #006a8f;}
.facilitymanagement h1, .facilitymanagement h1 a , .facilitymanagement h3, .facilitymanagement h6{color: #006cc2;}
.heizungstechnik h1, .heizungstechnik h1 a , .heizungstechnik h3, .heizungstechnik h6{color: #B22;}
.klima h1, .klima h1 a , .klima h3, .klima h6{color: #006b96;}
.lueftungstechnik h1, .lueftungstechnik h1 a , .lueftungstechnik h3, .lueftungstechnik h6{color: #006b96;}
.marketing h1, .marketing h1 a , .marketing h3, .marketing h6{color: #f60;}
.pumpen h1, .pumpen h1 a , .pumpen h3, .pumpen h6{color: #c51431;}
.produktneuheiten h1, .produktneuheiten h1 a , .produktneuheiten h3, .produktneuheiten h6{color: #c61235;}
.sanitaer h1, .sanitaer h1 a , .sanitaer h3, .sanitaer h6{color: #50754a;}
.solartechnik h1, .solartechnik h1 a , .solartechnik h3, .solartechnik h6{color: #f7aa1e;}
.solarthermie h1, .solarthermie h1 a , .solarthermie h3, .solarthermie h6{color: #f7aa1e;}
.kaeltetechnik h1, .kaeltetechnik h1 a , .kaeltetechnik h3, .kaeltetechnik h6{color: #006897;}
.vertrieb h1, .vertrieb h1 a , .vertrieb h3, .vertrieb h6{color: #1caf6b;}

.widget li.iconOnly{border-bottom: none 0}
/******  FA - artikel   ******/

.fa {position: relative}
.fa h3{ color:#000; margin: 0 0 15px 0}
.fa p.dl{width: 180px; float: right; padding:6px 0 0 0; margin:0 0 0 10px }
.fa p.dl a.thumb{ display: block; width: 180px; height: 250px; }
.fa p.dl br{ display: none }
.fa h6, .fa h5{ display: inline; }
.fa h6:after, .fa h5:before{  content:"\a"; white-space: pre;}

.fa h3 {font-size:21px; font-weight:lighter; }
.fa h5 {font-size:15px; font-weight:lighter; }
.fa h6 {font-size:16px; font-weight:normal; }


/****** Advertising ******/
#content-sidebar .add {width: 30% ; }
.add {margin-bottom: 10px; width: 100% ; float: left; position: relative;}
.add img{width: 100%}
@media screen and (min-width: 673px){
  #content-sidebar  .add {width: 100%;  float: none}
}

a.addlink{
    color: #000;
    text-decoration: none;
    padding: 1px 4px;
    font-size: 8px;
    line-height: 8px;
    position: absolute;
    bottom: -10px;
    right: 0;
}

/****** wpcf7-form ******/

.formmodul {margin-bottom: 10px}
.formmodul .lb{display:inline-block; width:144px; text-align:right;  margin:0 10px 0 0}
.formmodul .inpt{width:320px}
#c_in{width:80px}
#txf{height:120px}