/******************************************************************************/



/*  B+N Tortechnik                                                            */



/******************************************************************************/



/*  Alle Attribute sind alphabetisch sortiert                                 */



/******************************************************************************/



/*  1. Allgemeine Angaben                                                     */



/*  2. Header                                                                 */



/*  3. Hauptbereich                                                           */



/*  4. Navigation                                                             */



/*  5. Inhaltsbereich                                                         */



/*  5.1. Navigationsstrang                                                    */



/*  5.2. Content                                                              */



/*  5.2.1 Haupt-Content                                                       */



/*  5.2.2 Side-Content                                                        */



/*  5.2.3 Groß-Content                                                        */



/*  5.3 Sitemap                                                               */



/*  6. Footer                                                                 */



/*  7. Formulare                                                              */



/*  7.1 Kontaktformular                                                       */



/*  7.2 Preisanfrage                                                          */



/*  7.3 Loginformular                                                         */



/*  7.4 Fehler                                                                */



/*  8. Downloadbereich                                                        */



/******************************************************************************/



/******************************************************************************/



/*  1. Allgemeine Angaben                                                     */



/******************************************************************************/



html, body{



  background: #fff url('../images/body_bg.jpg') repeat-x;



  border:0px none;



  font-family: Tahoma,Verdana;



  font-size: 10px;



  margin:0px;



  padding:0px



}



body{



  overflow-y:scroll;



}



img{



  behavior:url('./pngbehavior.htc');



  border:0px;



  margin:0px;



  padding:0px;



}



div#printheader{



 visibility:       visible;



  display:          none;



}



div#schatten{



  background: url('../images/schatten.png') repeat-y center top;



  margin: 0px auto;



  position:relative;



  /*width:990px; padding-left:28px; padding-right:28px; padding-top:0px; padding-bottom:0px*/



  width:990px; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px



}



div#schattenfooter{



  background: url('../images/schattenfooter.png') no-repeat center top;



  margin: 0px auto;



  position:relative;



  width:990px;



  /*line-height:0px; padding-left:28px; padding-right:28px; padding-top:0px; padding-bottom:28px*/



  line-height:0px; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:5px



}



div#all{



  background: #fff;



  margin: 0px auto;



  padding:5px;



  position:relative;



  width:980px;



}



div#all img#banner{



  clear:both;



  margin:5px 0px;



}


div#banner{
  background-image:url('../images/banner.jpg');
  clear:both;
  height:228px;
  margin:5px 0px;

}

/******************************************************************************/



/*  2. Header                                                                 */



/******************************************************************************/



div#header{



  background:url('../images/header_bg.gif') repeat-x;



  height:69px;



  width:980px



}


div#header img#logo{



  float:left;



  margin: 10px 0px 0px 18px;



  padding:0px;



}



div#header ul{



  float:right;



  list-style-type:none;



  list-style-position:outside;



  margin:0px;



  margin-top:10px;



  padding:0px;



}



div#header ul li{



  float:left;



  font-size:9px;



  line-height:9px;



  margin:0px;



  padding:0px 10px;



}



div#header ul li a{



  color:#000;



  font-size:11px;



  font-weight:bold;



  line-height:11px;



  margin:0px;



  padding:0px;



  text-decoration:none;



}



div#header ul#funktion{



  margin-top:30px;



}



div#header ul#funktion li{



  padding:0px 6px;



}



/******************************************************************************/



/*  3. Hauptbereich                                                           */



/******************************************************************************/



div#body{



  background: #fff url('../images/content_bg.gif') repeat-x top left;



  border-top:5px solid #617884;



  padding-top:20px;



  padding-bottom:5px;



  width:980px



}



div#body div#background{



  background: #fff url('../images/background.gif') repeat-y top right;



  width:980px



}



/******************************************************************************/



/*  4. Navigation                                                             */



/******************************************************************************/



div#navi{



  background:url('../images/navi_bg.gif') no-repeat left top;



  float:left;



  padding-top:18px;



  width:215px



}



div#navi ul{



  background: url('../images/naviborder.gif') no-repeat left bottom;



  list-style-type:none;



  list-style-position:outside;



  margin:0px;



  padding:0px;



  hasLayout:true



}



div#navi ul li{



  background: url('../images/naviborder.gif') no-repeat left top;



  list-style-type:none;



  list-style-position:outside;



  margin:0px;



  padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px



}



div#navi ul li img{



  margin-right:6px;



}



div#navi ul li a{



  color:#000;



  display:block;



  padding:9px;



  text-decoration: none;



  font-family: Verdana;



  font-size: 10px;



  line-height: 10px;



  font-weight: bold;



}



div#navi ul li ul{



  background: url('../images/navi_bg2.gif') repeat-y left top;



  list-style-type:none;



  list-style-position:outside;



  margin:0px;



  padding:0px



}



div#navi ul li.subnavi{



  display: inline;



}



div#navi ul li ul li a{



  padding-left:28px;



}



div#navi ul li ul li ul li a{



  padding-left:52px;



}



/******************************************************************************/



/*  5. Inhaltsbereich                                                         */



/******************************************************************************/



div.main{



  float:left;



  position:relative;



  width:765px;



}



h1.follow{



  background-image:url('../images/content_rightbgtop2.gif') !important;



}



img.productImage{







  width:220px;



}



a.productImage{



  margin:0px!important;



  padding:0px!important;



}



.nebeneinander{



  float:left; 



  width:220px; 



  height:295px; 



  margin-right:10px;



}



.abstand_produkt{ 



  height:83px;



}



/*div#main div#left .teamtabelle a



{



  color:#000;



  font-size:11px;



  font-weight:bold;



  line-height:11px;



  margin:0px;



  padding:0px;



  text-decoration:none;



}*/



/******************************************************************************/



/*  5.1. Navigationsstrang                                                    */



/******************************************************************************/



div#main ul#navipath{



  border-bottom:1px solid #BBC6CF;



  color: #A7B1B8;



  float:left;



  list-style-type:none;



  list-style-position:outside;



  margin:0px;



  padding:0px;



  padding-bottom:5px;



  width:480px;



}



div#main ul#navipath li{



  float:left;



}



div#main ul#navipath li a{



  color: #A7B1B8;



  font-family: Arial, Verdana;



  text-decoration:none;



}



/******************************************************************************/



/*  5.2. Content                                                              */



/*  5.2.1 Haupt-Content                                                       */



/******************************************************************************/



div#main div#left{



  float:left;



  width:480px;



  font-size:12px;



}



div#main div#left h1{



  color:#335261;



  font-family:Arial-Narrow, Arial, Verdana;



  font-size:20px;



  font-weight:bold;



  margin:0px;



  margin-top:20px;



  margin-bottom:15px;



  padding:0px;



}



div#main div#left h1.produktcat a{



  font-size:16px;



  padding-left:15px;



}



div#main div#left p{



  color:#000;



  font-family:Verdana, Arial;



  font-size:12px;



  font-weight:normal;



  line-height:14px;



  margin:0px;



  margin-bottom:10px;



  padding:0px;



}



div#main div#left strong{



  color:#3B5D6E;



  font-weight:bold;



}



div#main div#left a{



  background:url('../images/point_big.gif') no-repeat left center;



  color:#000;



  font-weight:bold;



  text-decoration:none;



  padding-left:10px



}



/******************************************************************************/



/*  5.2.2 Side-Content                                                        */



/******************************************************************************/



div#main div#right{



  background: url('../images/right_verlauf.gif') no-repeat top right;



  float:right;



  padding-left:30px;



  position:relative;



  top:-20px;



  width:255px;



  min-height:60px



}



div#main div#right h1{



  background: url('../images/content_rightbgtop.gif') no-repeat top right;



  color:#335261;



  font-family:Arial Narrow, Arial, Verdana;



  font-size:16px;



  margin:0px;



  padding-left:25px; padding-right:0px; padding-top:12px; padding-bottom:26px



}



div#main div#right p{



  background: url('../images/content_rightline.gif') no-repeat bottom right;



  color:#000;



  font-family:Verdana;



  font-size:10px;



  margin-bottom:10px;



  margin-left:0px; margin-right:0px; margin-top:0px; padding-left:25px; padding-right:65px; padding-top:0px; padding-bottom:10px



}



div#main div#right a{



  background:url('../images/point_big.gif') no-repeat left center;



  color:#000;



  font-weight:bold;



  text-decoration:none;



  padding-left:10px



}



/******************************************************************************/



/*  5.2.3 Groß-Content                                                        */



/******************************************************************************/



div#main div#big{



  float:left;



  width:765px;



}



div#main div#big h1{



  color:#335261;



  font-family:Arial-Narrow, Arial, Verdana;



  font-size:20px;



  font-weight:bold;



  margin:0px;



  margin-top:20px;



  padding:0px;



}



div#main div#big p{



  color:#000;



  font-family:Verdana, Arial;



  font-size:10px;



  font-weight:normal;



  margin:0px;



  margin-bottom:10px;



  padding:0px;



}



div#main div#big strong{



  color:#3B5D6E;



  font-weight:bold;



}



div#main div#big a{



  background:url('../images/point_big.gif') no-repeat left center;



  color:#000;



  font-weight:bold;



  text-decoration:none;



  padding-left:10px



}



/******************************************************************************/



/*  5.3 Sitemap                                                               */



/******************************************************************************/



ul#sitemap{



  list-style-type:none;



  list-style-position:outside;



  margin:5px 0px 15px 0px;



  padding:0px;



  hasLayout:true;



  width:480px;



}



ul#sitemap li{



  margin:1px 0px;



  padding:2px 10px;



}



ul#sitemap li.level1{



  background:#EEF1F3;



}



ul#sitemap li.level2{



  background:#EEF1F3;



  padding-left:20px;



}



ul#sitemap li.level3{



  background:#EEF1F3;



  padding-left:30px;



}



ul#sitemap li.level4{



  background:#EEF1F3;



  padding-left:40px;



}



ul#sitemap li a{



  color:#000;



  display:block;



  padding:9px;



  text-decoration: none;



  font-family: Verdana;



  font-size: 10px;



  line-height: 10px;



  font-weight: bold;



}



/******************************************************************************/



/*  6. Footer                                                                 */



/******************************************************************************/



div#footer{



  background:#DFE5EA;



  padding:5px 10px;



}



div#footer ul#footernavi{



  float:left;



  list-style-type:none;



  list-style-position:outside;



  margin:0px;



  padding:0px;



}



div#footer ul#footernavi li{



  border-left:1px solid #495E69;



  float:left;



}



div#footer ul#footernavi li#firstfooternavi{



  border:0px;



}



div#footer ul#footernavi li a{



  color: #495E69;



  font-family: Tahoma, Verdana;



  text-decoration:none;



  padding:0px 10px;



}



div#footer p{



  float:right;



  margin:0px;



  padding:0px;



}



div#footer p a{



  color: #495E69;



  font-family: Tahoma, Verdana;



  text-decoration:none;



}



/******************************************************************************/



/*  7. Formulare                                                              */



/******************************************************************************/



form#info{



  margin:0px;



  padding:0px;



}



/******************************************************************************/



/*  7.1 Kontaktformular                                                       */



/******************************************************************************/



form#info table{



  border:0px;



  font-size:10px;



  margin:0px;



  padding:0px;



}



form#info table tr{



  border:0px;



  margin:0px;



  padding:0px;



}



form#info table tr.newproduct{



  border-top:1px solid #000;



}



form#info table tr td{



  border:0px;



  margin:0px;



  padding:5px;



}



form#info table tr.newproduct td{



  border-top:1px solid #000;



}



form#info table tr th{



  border:0px;



  border-top:1px solid #000;



  font-weight:normal;



  font-size:12px;



  margin:0px;



  padding:5px;



}



form#info input{



  font-size:10px;



  line-height:10px;



  margin:0px;



  padding:0px;



  width:170px;



}



form#info input#form_plz{



  width:30px;



}



form#info input#form_ort{



  width:125px;



}



form#info input.form_productinfo{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_kontakt{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.button{



  font-size:12px;



  line-height:12px;



  margin:0px;



  margin-right:10px;



  padding:1px 10px;



  width:auto;



}



form#info select{



  font-size:10px;



  line-height:12px;



}



form#info select option{



  padding:0px 5px;



}



form#info textarea{



  font-size:12px;



  line-height:12px;



}



/******************************************************************************/



/*  7.2 Preisanfrage                                                          */



/******************************************************************************/



form#info input.form_menge{



  width:50px;



}



form#info input.form_breite{



  width:50px;



}



form#info input.form_hoehe{



  width:50px;



}



form#info input.form_ausfuehrung{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_farbe{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_anschluss{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_montage{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_montageart{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_schalter{



  width:25px;



}



form#info input.form_sonstiges{



  width:25px;



}



form#info input.form_fernsteuerung{



  width:25px;



}



form#info input.form_sicherheit{



  width:25px;



}



form#info input#form_sichtfenster{



  width:25px;



}



form#info input#form_ausstanzungen{



  width:25px;



}



form#info input.form_tuer{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_beschlag{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



form#info input.form_vergalssung{



  width:25px;



}



form#info input.form_vergalssungart{



  width:25px;



}



form#info input.form_knickarm{



  font-size:12px;



  line-height:12px;



  height:12px;



  width:12px;



}



/******************************************************************************/



/*  7.3 Loginformular                                                         */



/******************************************************************************/



form#login input{



  font-size:10px;



  line-height:10px;



  margin:0px;



  padding:0px;



  width:170px;



}



form#login input.button{



  font-size:12px;



  line-height:12px;



  margin:0px;



  margin-right:10px;



  padding:1px 10px;



  width:auto;



}



form#login table{



  border:0px;



  font-size:10px;



  margin:0px;



  padding:0px;



}



form#login table tr{



  border:0px;



  margin:0px;



  padding:0px;



}



form#login table tr td{



  border:0px;



  margin:0px;



  padding:5px;



}



/******************************************************************************/



/*  7.4 Fehler                                                                */



/******************************************************************************/



form#info .error{



  background:#f23;



}



form#info .error1{



  color:#f23;



}



form#login .error{



  color:#f23!important;



}





/******************************************************************************/



/*  8. Downloadbereich                                                        */



/******************************************************************************/



div#main div#left div.download {



  margin-top: 14px;



  clear:both;



}



div#main div#left div.download div.downloaditem {



  background: url('../images/icons/pfeil.gif') left top no-repeat;



  float:left;



  font-size: 11px;



  line-height:18px;



  margin-bottom: 14px;



  padding: 0px 3px 0px 20px;



  width:215px;



}



div#main div#left div.download a {



  background-image:url('none');



  font-size: 10px;



  color:#999999;



  padding:0px



}



div#main div#left div.download h3 {

  color:#335261;

}