/**
 *  copyright pixelmotor.de
 *  All Rights resered 
 *  Author: Andreas Jonderko
 */

/***********************************************
FLOATINGS & CLEARINGS
***********************************************/
.fleft  {float: left;}
.fright {float: right;}
.cleft  {clear: left;}
.cright {clear: right;}
.cboth  {clear: both;} 
 
/***********************************************
Verwendete Farben:
***********************************************/

.bgr_white        {background-color: white;}
.bgr_black        {background-color: #000000;}
.bgr_grey         {background-color: #323231;}
.bgr_brightgrey   {background-color: #5b5b5a;}
.bgr_orange       {background-color: #eeb032;}
.bgr_brightorange {background-color: #f0a032;}

.bgr_green        {background-color: #2a802c;}
.bgr_brightgreen  {background-color: #39ad3a;}

.font_grey         {color: #323231;}
.font_brightgrey   {color: #5b5b5a;}
.font_orange       {color: #eeb032;}
.font_brightorange {color: #f0a032;}



/***********************************************
  generelle Einstellungen
***********************************************/
* {margin: 0;padding: 0;border: 0;}
img {border: 0;}

* html {
  scrollbar-face-color:#F4F4F4;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-3dlight-color:#CECECE;
  scrollbar-darkshadow-color:#9D9D9D;
  scrollbar-shadow-color:#CECECE;
  scrollbar-arrow-color:#626262;
  scrollbar-track-color:#E8E8E8;
} 

body {background-color: #ececec;margin: 20px 20px 20px 20px; text-align:center;}
html {}

a:link, 
a:visited,
a:focus,
a:active {color: red;	text-decoration: none;}
a:hover {color: #7191b4;text-decoration: underline;}
/*a[href^="http:"] {background: transparent url('../gfx/symbol_arrow_outside.gif') 0% 50% no-repeat;}*/
/*#273749*/
/***********************************************
  Textformatierung
***********************************************/
body, h1, h2, h3, h4, h5, h6, 
p, td, form, input, select, 
textarea {
/*font: 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;color: #323231;*/
font-family: Bitstream Vera Sans,Arial, Verdana; font-size: 12px; font-weight: normal; word-spacing: 0.2em; line-height: 1.3em; 
}

input, textarea {background-color: #ffffff; font-weight: normal; color: black; border: 1px solid #5e5d5a;}
input[type="submit"] {background-color: #7194b4; color: #fff; background-image: url(../gfx/input.png) no-repeat;  font-weight: bold;}


/***********************************************
FORMS
**********************************************/

h1, h2, h3, h4, h5, h6 {
/*font: 18px Arial, Verdana, Tahoma, Helvetica, sans-serif;*/ 
letter-spacing: 0.01pt; font-weight: bold; margin-bottom: 0.5em;padding-left: 20px;color: #5b5b5a;
font-family: Bitstream Vera Sans, Arial, Verdana; font-size: 18px; font-weight: normal; word-spacing: 0.2em; line-height: 1.3em;
}

h2 {padding-left: 20px; margin-bottom: 0.5em; font-size: 16px; font-weight: bold;}
h3 {padding-left: 20px; margin-bottom: 0.4em; font-size: 15px; font-weight: bold;}
h4 {padding-left: 20px; margin-bottom: 0.3em; font-size:  14px; font-weight: bold;}
h5 {padding-left: 20px; margin-bottom: 0.2em; font-size:  13px; font-weight: bold;}
h6 {padding-left: 20px; margin-bottom: 0.2em; font-size:  12px; font-weight: bold;}

/***********************************************
  Sitemap
***********************************************/

.csc-sitemap{padding: 0 0 0 10px;}
.csc-sitemap a[href^="http:"] {background: transparent url('');}
/* 0 */
.csc-sitemap ul {margin: 0 0 30px 20px;  list-style-type: none; }
.csc-sitemap ul li{}
.csc-sitemap ul li a{font-weight: bold; font-size: 12px; text-transform: uppercase; }
/* 1 */
.csc-sitemap ul li ul{margin-bottom: 20px;}
.csc-sitemap ul li ul li{}
.csc-sitemap ul li ul li a{font-weight: normal; font-size: 11px; text-transform: capitalize;}
/* 2 */
.csc-sitemap ul li ul li ul{margin-bottom: 10px; }
.csc-sitemap ul li ul li ul li{}
.csc-sitemap ul li ul li ul li a{font-weight: normal; font-size: 11px; }

/***********************************************
  Struktur
***********************************************/


/****  Roundbox ****/
div.rbroundbox { background-color: white;  width: 764px; margin: 1em auto; text-align:left;}
.rbtop div  { height: 12px; width:11px; background: url(../gfx/corner_tl.png) no-repeat top left; }
.rbtop      { height: 12px; width:12px; background: url(../gfx/corner_tr.png) no-repeat top right; }

div .rbbottom{height: 12px; background: url(../gfx/bgr_rb_bottom.png) no-repeat; background-color: #ececec;}
/*Main Wrap for Content*/
div .rbcontent { background: url(../gfx/bgr_content.png) repeat-y; padding-right: 4px; padding-left: 2px;} 
div .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; font-size: 1px;}

/*Header*/
div .header{height: 100px; clear: both;}
div .logo{ width: 240px; height: 88px; margin-left: 15px; float: left;}
* html .logo{margin-left: 8px;} /* IE BUG*/
div .headerDevide{background-color: #e2e1d8; height: 25px; text-align: right; vertical-align: middle;}

/* Sections*/
div .sections{ margin-right: 5px; float: right; width: 230px; height: 23px; margin-top: 77px;}
div .leftCurve{background: url(../gfx/curve_l.gif) no-repeat; width: 33px; height: 23px; float: left; margin: 0; padding:0;} 
* html .leftCurve{margin-right: -3px;}/*IE BUG*/
div .rightCurve{background: url(../gfx/curve_r.gif) no-repeat;width: 33px; height: 23px;float:right; margin: 0; padding:0;}
* html .rightCurve{margin-left: -3px;}/*IE BUG*/
div#sectionContent{background-color: #7191b4; height: 23px;margin: 0; padding:0; color: #ffffff; text-align: middle;}
div#sectionWrap{padding-top: 3px; text-align: center;}
div#sectionWrap a{color: #ffffff; } 


#banner { width:490px; float: left;}
#banner img{margin-left: 25px;}
    
 
#tabs { margin: auto; text-align: center; width: 400px;
      /*background:#ffffff url("../gfx/bg.gif") repeat-x bottom;*/
      font-size:93%;
      
      margin-top: -3px;
      margin-left: 56px;
      float:left;
      height: 25px;
      }

    #tabs ul {
    
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("../gfx/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 36px;
      margin: 0 -15px 0 0px;
      height: 22px;
      
      }
    #tabs a {
      float:left;
      display:block;
      background:url("../gfx/right.gif") no-repeat right top;
      padding:4px 25px 2px 4px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #tabs a {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover {
      color:#fff;
      text-decoration: underline;
      }
   
   #tabs #current {
      background-image:url("../gfx/left_on.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }
    #tabs #current a {
      background-image:url("../gfx/right_on.gif");
      color:#fff;
      padding-bottom:5px;
      overflow: hidden;
      }
   
  /*Fördertechnik*/ 
    #tabs #conveyer {
      background-image:url("../gfx/tabs_conveyer.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }

  
    #tabs #conveyeron {
      background-image:url("../gfx/tabs_conveyer_on.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }
    #tabs #conveyeron a {
      background-image:url("../gfx/right_on.gif");
      color:#fff;
      padding-bottom:5px;
      overflow: hidden;
      }
   /*Haustechnik*/
    #tabs #housetech {
      background-image:url("../gfx/tabs_housetech.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }
    
    #tabs #housetechon {
      background-image:url("../gfx/tabs_housetech_on.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }
    
      
    #tabs #housetechon a {
      background-image:url("../gfx/right_on.gif");
      color:#fff;
      padding-bottom:5px;
      overflow: hidden;
      }
   
   
    /*Pias Steal*/
    #tabs #steal {
      background-image:url("../gfx/tabs_steal.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }
    
    #tabs #stealon {
      background-image:url("../gfx/tabs_steal_on.gif");
      border-width:0;
      overflow: hidden;
      height: 22px;
      }
    
      
    #tabs #stealon a {
      background-image:url("../gfx/right_on.gif");
      color:#fff;
      padding-bottom:5px;
      overflow: hidden;
      }
    
 
 div#naviHint{text-align: left; color: #5e5d5a; float: left;  width: 450px; margin-left: 15px; margin-top: 4px; }
 div#naviHint a{color: #5e5d5a; padding-left: 4px; padding-right: 4px;}
 div#naviHint a:hover{color: #5e5d5a; text-decoration: underline; }
*html div#naviHint{margin-left: 8px;} 
 
 /*Searchform*/
form#searchform {padding-top: 3px; padding-right: 20px;}
form#searchform .input{background-color: #ffffff; font-weight: normal; color: black; border: 1px solid #5e5d5a;}
form#searchform .submit{background-color: #7194b4; color: #fff; background-image: url(../gfx/input.png) no-repeat; width: 68px; height: 18px; margin-left: 10px; font-weight: bold;}
* html form#searchform .submit{ height: 19px;} /*IE Difference*/ 

 
 /*Headernavi*/
div .headerNavi{margin-left: 150px; background: url(../gfx/headerNavi.png) no-repeat; height: 25px; }
div .headerNavi p{color: white; font-family: Bitstream Vera Sans Mono, Arial, Verdana; font-size: 21px; font-weight: bold; padding: 0 0 0 30px; text-align: left;}


/*Navigation*/
div#Navigation{float:left; width: 115px; padding-left: 35px; }

div#Navigation ul{font-size: 14px; }
div#Navigation ul li{height: 21px; list-style-image: url(../gfx/zahnrad3.png); padding-bottom: 5px;}
div#Navigation ul li a{ padding-left: 4px;}
div#Navigation ul li a,a:link, a:visited, a:focus, a:active{ padding-left: 4px; color: black;}
div#Navigation ul li a:hover {color: #7191b4;text-decoration: underline;}

div#Navigation ul li#selected{height: 21px; list-style-image: url(../gfx/zahnrad3_selected.png); padding-bottom: 5px;}
div#Navigation ul li#selected a{ padding-left: 4px; text-decoration: underline;}

div#NaviLeftBack{ width: 80px; height: 166px; background: url(../gfx/zahnrad_l3.gif) no-repeat;  margin-top: 10px; margin-left: -35px; overflow: hidden;}

/*Main Content Output*/
div .contentOutput{margin-left: 150px; padding: 10px; background: url(../gfx/milch_bgr.gif) repeat-y;}
div .contentOutput p{padding-bottom: 10px;}
div .contentOutput li{margin-left: 20px;}
div .contentOutput a:link, 
                    a:visited,
                    a:focus,
                    a:active {color: #7191b4;	text-decoration: none;}
div .contentOutput a:hover {color: #7191b4;text-decoration: underline;}


/*Footer*/
div .footer{background: url(../gfx/bgr_footer.png) repeat-y;  }
div .footer p{color: #d3d3d3; padding-top: 7px; text-align: center;}
div .footer p a{color: #d3d3d3; padding-top: 7px; text-align: center;}
div .footer p a:hover{text-decoration: underline;}



/*Mailformular*/
/*********************/
.csc-mailform-field input {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-size: 12px;
line-height:15px;
margin-top: 0.2em;
}

.csc-mailform-field textarea {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-size: 12px;
line-height:15px;
margin-top: 0.2em;
width: 400px;
}


.csc-mailform-field label {
float:left;
clear:both;
  width:25%;
  margin-right:0.5em;
  text-align:right;
  font-weight:bold;
  margin-top: 0.2em;
}

#mailformformtype_mail{ margin-left: 155px; background-color: #7194b4; color: #fff; background-image: url(../gfx/input.png) no-repeat; font-weight: bold;}

/* tx-indexed search*/
/*********************/
.tx-indexedsearch-redMarkup{color: #7191b4;}
.tx-indexedsearch-icon icon{}
.tx-indexedsearch-result-number result-number{}
.tx-indexedsearch-title a{font-size: 14pt; color: #7191b4;}
.tx-indexedsearch-percent {font-weight: bold;}
.tx-indexedsearch-info {margin-top: 5px; font-style: italic; font-size: 11px;}