/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

html{ overflow:auto}
body{background:#999 url(../img/body.jpg);background-repeat:repeat-y; background-position:center;font-family: Arial, Helvetica, sans-serif; margin:0; padding:0}
form{margin:0;padding:0}
img{border:0}
em.em{font-style:normal}
hr{border:1px solid #ccc; border-width:1px 0 0 0; height:1px}

#seite{position:relative; width:1000px; margin:0 auto}


#kopf{position:relative;background-image:url(../img/kopf.png); height:156px}
  #logo{position:absolute; top:13px; left:14px; height: 143px; width:410px;}
  #sprache{position:absolute; top:27px; right:28px; height: 20px; width:67px;white-space:nowrap; overflow:hidden; display1:none}
  #sprache a{margin-right:9px}
  html[lang=de] #sprache #de, html[lang=en] #sprache #en{cursor:default; opacity:0.5; filter:alpha(opacity=50)}
  #suche{position:absolute;top:68px;right:27px;width:190px; height:20px; background-image:url(../img/suche.png); text-align:right}
    #suche #q{float:left;padding:0; margin:0 0 0 20px;border:0px inset;width:150px; height:20px; line-height:20px; vertical-align:middle; background-color:transparent; color:#C2CDD8}
    #suche #s{float:right;padding:0; margin:0;border:0px outset; height:20px; line-height:20px; width:20px; text-align:center; background-color:transparent}
  body.suche #suche{display:none}
  #pfad{position:absolute; top:115px; left:134px;  width:844px; color:#001f40; font-size:10px; overflow:hidden; white-space:nowrap}
  #pfad a{color:#001f40; text-decoration:none; font-size:11px}
  #pfad a:hover{text-decoration: underline}


#inhalt{background-image:url(../img/inhalt.png);background-repeat:repeat-y; overflow:auto}
 #container{background-color:#fff; overflow:auto; margin:0 20px}

  .box{margin-bottom:6px}

  #nav{ float:left; width:230px; overflow:hidden;background-color:#fff}
    #nav .box .titel{position:relative; z-index:2;padding:2px 0;color:#C2CDD8; text-align:center; text-transform:uppercase; font-size:12px; font-weight:bold;background:#002350 url(../img/box-titel.jpg);background-repeat:repeat-x;border:1px solid #001F45; border-color:#1D507E #001F45 #001F45 #1D507E}
    #nav .box .inhalt{position:relative; z-index:1;top:-1px;background:#F5F1E5;border:1px solid #E0D8B4; border-top-width:0; clear:both}
    #nav .box ul{margin:0; padding:0; list-style-type:none; font-size:12px}
    #nav .box .inhalt .updateinfo{position:relative;font-size:12px;padding-top:4px;text-align:center;font-weight:bold}
    #nav .box .inhalt .button{text-align:center; padding:5px 2px}
    #nav .box .inhalt .button button{border:1px solid #002350; color:#002350; background-color:#fff; padding:0 10px; font-size:11px}
    #nav .box .inhalt .button button:hover{border:1px solid #002350; color:#fff; background-color:#002350; cursor:pointer}

    #nav li.aktiv{background-color:#E7DEC0} 
    #nav li.aktiv li.aktiv {background-color:#DCD0A7} 
    #nav li.aktiv li.aktiv  li.aktiv {background-color:#D2C48E} 
    #nav li.aktiv li.aktiv a{ font-weight:bold} 
    #nav li.aktiv li.aktiv li a{font-weight:normal} 
    #nav li.aktiv li.aktiv li.aktiv a{font-weight:bold} 
    #nav li.aktiv li.aktiv li.aktiv li a{font-weight:normal} 
    #nav li.aktiv li.aktiv li.aktiv li.aktiv a{font-weight:bold} 
    #nav ul { }
    #nav .box ul ul {margin-left:10px; border-left:1px solid #C8B575}

    #nav a{ text-decoration:none;display:block; color:#000; border-top:1px solid #E0D8B4; padding:4px 3px; line-height:1.05em}
    #nav a:hover,#nav li.aktiv a:hover,#nav li.aktiv li.aktiv a:hover{background-color:#C8B575}
    #nav ul a{font-weight:bold}
    #nav ul ul a{padding:3px 3px 3px 3px;font-weight:normal ; border-top:1px solid #C8B575}
    #nav ul ul ul a{padding:2px 3px 2px 3px; font-size:12px;}
    #nav li.hier a{background-color:#9B863E;color:#fff; cursor:default; font-weight:bold}
    #nav li.aktiv li.hier a:hover{background-color:#9B863E;color:#fff; cursor:default}

    #nav .box .inhalt .updateinfo{padding-top:6px}

    #nav .box .inhalt .angebot{clear:both; overflow:auto; padding:6px 5px}
    #nav .box .inhalt .angebot a{border:0px; display:inline; padding:0; line-height:auto}
    #nav .box .inhalt .angebot a:hover{background-color:#F5F1E5}
    #nav .box .inhalt .angebot .foto{float:left; margin-right:5px; width:80px; max-height:80px; overflow:hidden;border:1px solid #bbb;}
    #nav .box .inhalt .angebot .foto img{font-size:6px}
    #nav .box .inhalt .angebot .text{font-size:12px}

    body.suche #nav .inhalt{padding-top:8px}
      ul#sucheinstellungen{overflow:auto; margin-top:10px}
        ul#sucheinstellungen li{clear:both;position:relative; }
        input[type=checkbox]{position:absolute; top:-3px; left:0; max-width:20px;}
        ul#sucheinstellungen label{ margin-left:20px;float:left;width:200px;overflow:auto; margin-bottom:3px; }
        ul#sucheinstellungen label[for=alle]{ font-weight:bold;margin-bottom:8px }


  body#onTEAMcontent{background:#fff none}
  #onTEAMcontent{ float:left; width:520px; margin:0px 15px; font-size:13px;background-color:#fff; overflow:hidden}
    #onTEAMcontent .homeinfo{margin:0 0 1em 0;padding:8px 10px 4px 10px;border:2px solid #CCB97A;background-color:#FFFff4;}
    #onTEAMcontent .homeinfo p{margin-top:0}
    #onTEAMcontent .homeinfo hr{border:1px solid #CCB97A; border-width:1px 0 0 0; height:1px}

    #onTEAMcontent .homeinfo a{color:#000; }
    #onTEAMcontent h1{margin:0 0 1em 0;padding:2px 0 1px 0;color:#000; text-align:center; text-transform:uppercase; font-size:15px; font-weight:bold;background-color:#eee; }
    #onTEAMcontent h2{font-size:13px; border-bottom:1px solid #eee}
    #onTEAMcontent h3{font-size:13px; }
    #onTEAMcontent a{color:#000; text-decoration:underline;}
    #onTEAMcontent a:hover{color:#000; text-decoration:none }
    #onTEAMcontent #toc ul{margin:0; padding:0; list-style-type:none; }
    #onTEAMcontent #toc li{border-top:0px dotted #ccc; padding:3px 0; background-image:url(../img/bullet.png);background-repeat:no-repeat; background-position: 0 3px; padding-left:18px;}
    #onTEAMcontent #toc li + li{border-top:1px dotted #ccc}
    #onTEAMcontent #toc a{color:#000; text-decoration:none;}
    #onTEAMcontent #toc a:hover{color:#000; text-decoration: underline}
    #onTEAMcontent #hinweis{ background-color:#eee; padding:10px; margin:5px 0; color:#666}
    #onTEAMcontent #hinweis a{color:#666}
    
    #suche2{ margin-bottom:1em; text-align:center; border:1px solid #E0D8B4; background:#F5F1E5; padding:15px}
    #suche2 input[type=text]{width:300px; margin-right:5px}
      .undoder{ font-size:12px; text-align:center; }

    .suchergebnis {background-color:#fff; padding:2px 5px; color:#333;border:1px solid #ddd;min-height:20px; text-align:center; margin-bottom:1em}
    .suchergebnis b{padding-left:15px; font-weight:normal }
    #blaettern select{ color:#333; border:1px solid #333; border-color:#999 #ccc #ccc #999; font-size:12px }
    #blaettern {text-align:center;display:inline; padding:0 15px}
    #blaettern a{color:#000;text-decoration:none;background-repeat:no-repeat; opacity:0.7; filter:alpha(opacity=70)}
    #blaettern a:hover{opacity:1; filter:alpha(opacity=100) }
    #suchergebnis #blaettern {}
    #blaettern a.back{background-image:url(/onTEAM/layout/img/back-0.png); background-position:left center; padding:0 0 1px 12px; margin:0 2px 0 10px}
    #blaettern a.next{background-image:url(/onTEAM/layout/img/next-0.png); background-position:right center; padding:0 12px 1px 0}

    .artikel{display:table;border-top:0px dotted #ccc;margin-bottom:0px; width:100%; font-size:13px;}
    .artikel p,.artikel ol, .artikel ul {margin:0 0 5px 0}
    .artikel + .artikel{border-top-width:1px} 
    .artikel.detail{border-width:0; margin-bottom:5px}
     .artikel .zeile{display:table-row; }
      .artikel .foto{display:table-cell;width:88px;overflow:hidden; vertical-align:top;padding:10px 0; } 
        .artikel .foto img{border:1px solid #bbb; min-height:20px; max-height:160px;max-width:80px; background-color:#ccc; color:#000; overflow:hidden; font-size:2px;background-image:url(/onTEAM/layout/img/loading.gif);background-repeat:no-repeat; background-position:center center}
          .artikel .foto img:hover{border:1px solid #333}
      .artikel .daten{display:table-cell;padding:10px 0; vertical-align:middle; }
      .artikel.detail .daten{padding:0;}
        #onTEAMcontent .artikel h2.titel{margin:0; display:inline; font-size:13px;padding-right:100px; border:0}
          #onTEAMcontent .artikel .titel a{color:#333; text-decoration:none}
          #onTEAMcontent .artikel .titel a:hover{; text-decoration: underline} 
        .artikel .text{ display:inline}
          .artikel .text strong{ font-weight:normal}
        .artikel .info{clear:both;position:relative; margin-top:10px;}
          .artikel .nr{float:left; color:#666}
          .artikel .mwst,.artikel .mwst a{clear:both; margin-top:5px; font-size:12px; color:#999}
          .artikel .preis{text-align:right; }
            .artikel .wert{font-size:15px; color:#333;float:right;}
              .artikel .wert b{}
              .artikel .wert u{margin-left:5px;text-decoration:none; font-weight:bold}
              .artikel .wert i{color:#999}
            .artikel .check {float:right;margin:0 0 0px 10px;position:relative;  width:25px; height:20px;text-align:right}
              .artikel .check img{ }
              .artikel input{display:none }
              .artikel button{position:absolute; top:-8px; left:0 ;width:25px; height:28px;border:1px solid transparent;background:transparent url(../img/cart.png);background-repeat:no-repeat; background-position:center center}
              .artikel button:hover{ border-color:#ccc}
            .artikel .rubrik { color:#666; font-size:8px;clear:right}
            #onTEAMcontent .artikel .rubrik a { color:#666; font-size:10px; text-decoration:none}
            #onTEAMcontent .artikel .rubrik a:hover { text-decoration:underline}

    .Foto{position:relative;background-color:#ddd;padding:6px; text-align:center;overflow:hidden; margin-top:10px;border:1px solid #ccc; border-color:#eee #ccc #ccc #eee; min-height:60px; background-image:url(/onTEAM/layout/img/loading.gif);background-repeat:no-repeat; background-position:center center}
    .Foto .zoom{cursor:pointer;position:absolute;top:0px; left:0px; width:100%;height:100%;background-image:url(../img/zoom-0.png);background-repeat:no-repeat; background-position:top right}
    .Foto .zoom:hover{background-image:url(../img/zoom-1.png)}
    .Foto img{color:#999; font-size:11px;border:1px solid #ddd; border-color:#ccc #eee #eee #ccc;max-width:504px}

  #info{ float:left; width:180px; overflow:hidden;background-color:#fff}
    #ankauf, #garantie{ margin-bottom:6px}
    #info .box .titel{position:relative; z-index:2;padding:2px 0;color:#C2CDD8; text-align:center; text-transform:uppercase; font-size:12px; font-weight:bold;background:#002350 url(../img/box-titel.jpg);background-repeat:repeat-x;border:1px solid #001F45; border-color:#1D507E #001F45 #001F45 #1D507E}
    #info .box .inhalt{position:relative; z-index:1;background:#F5F1E5;border:1px solid #E0D8B4; border-top-width:0; font-size:12px}
    #info .box ul{padding:2px 0;margin:0; list-style-type:none}
    #info .box ul a{text-decoration:none; color:#000;background-image:url(/onTEAM/layout/img/link.png); background-position:2px 4px;background-repeat:no-repeat; padding:0 0 1px 12px}
    #info .box ul a:hover{text-decoration:underline;}

    #miniwarenkorb{ display:none}
    #miniwarenkorb #basket{font-size:11px;}
    #miniwarenkorb #basket table{width:100%;border-collapse:collapse; border-spacing:0}
    #miniwarenkorb #basket table td{color:#000; padding:1px 2px}
    #miniwarenkorb #basket .miniArtZeile{}
    #miniwarenkorb #basket .miniArtBild{}
    #miniwarenkorb #basket .miniArtTitel{; border-bottom:1px solid #E0D8B4}
    #miniwarenkorb #basket .miniArtTitel div{width:115px; overflow:hidden}
    #miniwarenkorb #basket .miniArtTitel a:hover{text-decoration:none}
    #miniwarenkorb #basket .miniArtPreis{text-align:right; vertical-align:bottom; border-bottom:1px solid #E0D8B4}
    #miniwarenkorb #basket .miniSumZeile{font-weight:bold;}
    #miniwarenkorb #basket .miniSumTitel{text-align:right; padding:2px}
    #miniwarenkorb #basket .miniSumPreis{text-align:right; border-bottom:3px double #666}
    #miniwarenkorb #basket .miniSumPreis span{}
    #miniwarenkorb .hinweis{text-align:center;color:#666;font-size:11px}
    #miniwarenkorb .button{position:relative; text-align:center}
    #miniwarenkorb button{padding:0 15px;font-size:11px; margin:2px 0}

  #login {display:none}
  #login form{border-bottom:1px solid #E0D8B4;}
  #login label{font-size:11px; color:#666; padding-left:2px}
  #login input{ font-size:11px; margin:3px}
  #login input.text{width:170px;margin:0 2px; font-size:12px; border:1px solid #999; border-color:#999 #ddd #ddd #999}
  #logout {display:none; text-align:center}
  #logout button{font-size:11px; margin:3px}
  #logout li{text-align:left}

#fuss{cursor:default; color:#666;background-image:url(../img/fuss.png); background-repeat:no-repeat; padding:25px 0 10px 0; clear:both; text-align:center; font-size:11px}
  #fuss a { cursor:default; color:#666;  text-decoration:none}

#popup{position:fixed; width:100%; height:100%; top:0; left:-200%;  z-index:10}
  #popup-titel{padding:0; background-color:#fff;color:#000;position: absolute; width:770px; margin-left:-381px ; top:90px;left:50%; height:30px;;border:6px solid #fff; border-bottom:0; z-index:3;}
    #popup-titel-text{position: absolute; width:600px;top:0; left:0; font-size:20px}
    #popup-titel-nav{position: absolute; width:170px;top:0; right:0; text-align:right;font-size:18px}
      #popup-titel-nav a{color:#413F36; font-weight:normal; text-decoration:underline}
      #popup-titel-nav a:hover{; text-decoration:none}
  #popup-inhalt{position: absolute; width:770px; margin-left:-381px ; top:126px;left:50%; bottom:40px; background-color:#fff; z-index:2;border:6px solid #fff; border-top:0}
    #popup-iframe{position:absolute; width:100%; height:100%;top:0; left:0; background-color:#fff}
  #popup-fuss{position:absolute; width:640px; bottom:60px;height:10px; left:50%; margin-left:-320px;overflow:hidden; z-index:3}
  #popup-hintergrund{position:absolute; width:100%; height:100%; top:0; left:0; background-color:#999; z-index:1; filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75}