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







/*  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:79px;







  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;



}