/* Seitenaufbau / Allgemeines */
  body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    margin:0;
    padding:0;
  }
  
  h1 {
    font-size:14px;
    margin:0 0 5px 0;
  }
  
  h2 {
    font-size:12px;
    margin:0 0 5px 0;
  }

  h2.contest {
    color:#c00;
  }
  
  h4 { font-family:Arial, Helvetica, sans-serif; }
  
  h5 {
    font-size:11px;
    margin:5px 0 0 0;
  }
  
  #frame {
    width:991px;
    margin:0 auto;
    text-align:left;
    background:url(/images/header.gif) left top no-repeat;
    position:relative;
    height:150px;
  }
  
  #header {
    width:991px;
    height:130px;
    background:transparent;
    position:relative;
  }
  
  #logo {
    position:absolute;
    top:9px;
    left:0;
  }
  
  #topNavi {
    position:absolute;
    top:61px;
    left:304px;
  }
  
  #header #changeLang {
    position:absolute;
    top:5px;
    right:273px;
  }
  
  #bct {
    position:absolute;
    top:109px;
    left:213px;
    width:584px;
    font-size:12px;
  }

  /* Sonderbehandlung fuer Detailansicht */
  #detailBCT #bct {
    position:relative;
    top:-21px;
    left:0;
    width:584px;
  }

  #backToOverview {
    position:absolute;
    top:1px;
    right:10px;
    width:175px;
    text-align:right;
  }
  
  #left {
    width:191px;
    margin:0 11px 10px 11px;
    float:left;
    display:inline; /* Fix fuer Double Margin Bug IE6*/
  }
  
  #center {
    width:589px;
    font-size:11px;
    float:left;
    margin-bottom:20px;
  }
  
  #right {
    width:167px;
    margin:0 11px 0 0;
    float:right;
    display:inline; /* Fix fuer Double Margin Bug IE6*/
  }
  
  #footer, #footerLV {
    clear:both;
    border-top:1px solid #9A2D57;
    margin: 0 189px 15px 213px;
    padding-top:2px;
    font-size:11px;
    width:589px;
  }
  
  a { color:#000; }
  a:hover { color:#666; }
  img { border:none; }
  form { display:inline; }

  input,select {
    font-size:10px;
    /* border:1px solid #000;*/
  }

  input.btn { border:none; }
  input.cb { border:none; }
  
  ul {
    margin:0;
    padding:0;
    list-style-type:none;
  }

  p {
   margin:10px 0;
  }

  #firstname, #lastname, #customNo, #deliverInfo, #street, #pobox, #email, #password, #passwordCheck {
    width:206px;
  }

  select#country { width:210px; }
  /* Star HTML Hack fuer IE <= 6*/
  * html select#country { width:212px; }

  #zip, #zipPobox, #areaCodePhone, #areaCodePhone2 { width:35px; margin-right:3px;}
  #city, #cityPobox, #phoneNo, #phoneNo2 { width:164px;}
  
  /* Star HTML Hack fuer IE <= 6*/
    * html #city
  , * html #cityPobox
  , * html #phoneNo
  , * html #phoneNo2 
  { width:162px;}

  #birthdateDay {width:30px;}
  #birthdateMonth {width:30px;}
  #birthdateYear {width:50px;}

  #infotext {
    width:206px;
  }

/* Ende Seitenaufbau / Allgemeines */

/* Navigation oben */
  #topNavi ul {
    background:url(/images/naviTop_delimiter.gif) 0 0 repeat-x;
    float:left;
    height:20px;
  }
  
  #topNavi li {
    float:left;
    margin:0;
    padding:0 1px 0 0;
    height:22px;
  }
  
  #topNavi li.first { padding-left:1px; }
  
  #topNavi li a {
    float:left; /* fuer IE, sonst wird unten ein 2px Abstand angezeigt */
  }
/* Ende Navigation oben */

/* BCT */
  #bct ul {
    margin:0;
    padding:0;
    list-style-type:none;
  }

  #detailBCT #bct ul {
    width:415px;
  }
  
  #bct li {
    float:left;
    padding-left:15px;
    padding-right:0px;
    background:url(/images/bct_icon.gif) 5px 6px no-repeat;
    white-space:nowrap;
    line-height:16px;
  }
  
  #bct li.home {
    padding-left:15px;
    background:url(/images/bct_home.gif) 0px 3px no-repeat;
  }
/* Ende BCT */

/* Footer */
  #footer li, #footerLV li {
    float:left;
    padding: 0 10px;
    background:url(/images/footer_icon.gif) 0 2px no-repeat;
  }
  
  #footer li.copy { background:none; }
/* Ende Footer */


/* Boxen Home */
  div.onlyPic { text-align:center; }  
  
  div.pic_right img {
    float:right;
    margin-left:10px;
  }  
  
  div.pic_left h2, div.pic_right h2 {
    margin:0;
    font-size:12px;
  }
  
  div.pic_left h2.contest {
    margin:20px 0 0 0;
    font-size:12px;
  }
  
  div.pic_left img, div.pic_left div.price {
    float:left;
    margin-right:10px;
  }  
  
  div.pic_left td.price, 
  div.pic_right td.price,
  table.smallBox td.price
  {
    text-align:right;
    padding-right:10px;
  }  
  
  div.priceOld
  {
    font-weight:bold;
    white-space:nowrap;
    padding-right:10px;
  }
  
  div.pic_left td.price, 
  div.pic_right td.price, 
  div.pic_left td.priceOld, 
  div.pic_right td.priceOld, 
  table.smallBox td.priceOld
  {
    font-weight:bold;
    white-space:nowrap;
  }
  
  div.pic_left td.priceOld, 
  div.pic_right td.priceOld, 
  table.smallBox td.priceOld 
  {
    padding-right:10px;
  }
  
  div.pic_left td.price, 
  div.pic_right td.price, 
  table.smallBox td.price 
  {
    width:100%; /* damit price den verfuegbaren Platz einnimmt */
    text-align:right;
  }
  
  div.pic_left div.descr {
    float:right; 
    width:295px;
  }

  div.pic_left div.descrContest {
    float:left; 
  }

  div.pic_right div.descr {
    float:left; 
    width:295px;
  }
  
  div.descr td.show a, 
  div.descr td.show a img,
  table.smallBox td.show a, 
  table.smallBox td.show a img
  {
    padding:0;
    margin:0;
    float:right;
  }
/* Ende Boxen Home */

/* Slots links */
  #left div.slot {
    width:191px;
    margin-bottom:10px;
  }
  
  #left div.slot h4 {
    font-size:12px;
    text-align:left;
    background:url(/images/slot_left_head.gif) left top no-repeat;
    text-indent:10px;
    line-height:29px;
    margin:0;
  }
  
  #left div.slot div.slotContent {
    padding:5px 8px 10px 8px;
    background:url(/images/slot_left_body.gif) left bottom no-repeat;
  }

  /* Button im frz. zu breit */
  #right div#catalog div.slotContent {
    padding:5px 0px 10px 0px;
  }
/* Ende Slots links */

/* Slots rechts */
  #right div.slot {
    width:167px;
    margin-bottom:10px;
  }
  
  #right div.slot h4 {
    font-size:12px;
    text-align:left;
    background:url(/images/slot_right_head.gif) left top no-repeat;
    text-indent:10px;
    line-height:29px;
    margin:0;
  }
  
  #right div.first h4 { background:url(/images/slot_right_head_s.gif) left top no-repeat; }
  
  div.smallCart h4 img {
    padding-right:7px;
    padding-left:7px;
    position:relative;
    top:5px;
    display:block;
    float:left;
    width:18px;
  }
  
  #right div.slot div.slotContent {
    padding:5px 8px 10px 8px;
    background:url(/images/slot_right_body.gif) left bottom no-repeat;
  }
/* Ende Slots rechts */


/* Slots allgemein */
  /* Navigation */
    #left div.navi div.slotContent, #right div.navi div.slotContent { /* wg. Spezifizitaet */
      padding:0 0 10px 0;
    }
    
    #left div.navi li a { width:184px; } 
    #left div.navi li.naviExpanded li a { width:174px; }

    #right div.navi li a { width:160px; } 
    #right div.navi li.naviExpanded li a { width:150px; }
    
    div.navi li a {
      display:block;
      padding-left:3px;
    }

    div.navi li.naviExpanded li a {
      padding-left:13px;
    }

    div.navi ul    { margin:0 2px; } 
    div.navi ul ul { margin:0; } 
    div.navi li    { line-height:20px; }
    
    div.navi li a:hover {
      background-color:#E6D0E5;
      color:#000;
    }
    
    div.navi li a.banner:hover {
      background:none;
    }
    
    div.navi li.selected a {
      background-color:#E6D0E5;
    }
  /* Ende Navigation */
  
  /* Suche */
    div.search {
      position:relative; /* Fix fuer Peek-a-boo Bug IE6*/
    }
    #left form#searchForm #search {
      width:120px;
      float:left;
    }
    
    #right form#searchForm #search {
      width:96px;
      float:left;
    }
    
    form#searchForm input.btn { 
      float:right; 
      position:relative;
      top:-2px;
    }
  /* Ende Suche */
  
  /* Newslsetter */
    
    div.newsletter label     { display:block; margin-bottom:2px;}
    div.newsletter input.btn { float:right; }
    div.newsletter #nlEmail  { width:148px; margin-bottom:5px;}
    
  /* Ende Newslsetter */
  
  /* Login */
    div.login p.error {
      margin:0 0 5px 0;
      padding:0;
    }
    
    form#login #loginName { width:102px; }
    form#login #pwd  { width:80px; }
    form#login img   { float:right; }
    
    form#login label {
      display:block;
      margin-bottom:2px;
    }

    form#login input#loginName, form#login input#pwd {
      width:148px;
    }

    form#login input#pwd { margin-bottom:5px;}
    
    form#login #useSSL {
      float:left;
      border:none;
    }
    
    form#login label#sslLabel {
      float:left;
      position:relative;
      top:3px;
      left:2px;
    }

    form#login li {
      line-height:20px;
    }
  /* Ende Login */
  
  /* Katalog anfordern */
    #catalog     { text-align:center; } 
    #catalog img { margin-bottom:5px; }
  /* Ende Katalog anfordern */
/* Ende Slots allgemein */

/* runde Ecken*/
  div.ol {
    background:url(/images/corner/ol.gif) left top no-repeat;
    margin-bottom:10px;
    border-bottom:1px solid #fff;
  }
  
  div.or { background:url(/images/corner/or.gif) right top no-repeat; } 
  div.ur { background:url(/images/corner/ur.gif) right bottom no-repeat; } 
  div.ul { background:url(/images/corner/ul.gif) left bottom no-repeat; } 
  div.boxWrapper_left, div.boxWrapper_right { width:289px; } 
  div.boxContent { padding:10px 9px 10px 10px; }
/* Ende runde Ecken*/

/* Angebot Startseite */
  div.specialOffer h2 {
    margin:0 0 5px 0;
    font-size:12px;
  }
  
  div.specialOffer p.descr {
    width:250px;
    margin:0 0 3px 0;
  }
  
  div.specialOffer table.price_showBtn {
    margin-bottom:10px;
    width:250px;
  }
  
  div.specialOffer td.prices {
    text-align:right;
    padding-right:10px;
    width:100%;
    font-weight:bold;
  }
  
  div.specialOffer td.button { text-align:right; }
/* Ende Angebot Startseite */

div.smallBox {
  width:290px;
  float:left;
  margin-bottom:9px;
}

div.l { margin-right:9px; }

table.smallBox {
  margin-bottom:10px;
  width:589px;
}

table.smallBox td.descr {
  vertical-align:top;
  width:270px; /* Breite 290 -> 270 + 2*10 (padding) */
  background:url(/images/box_t.gif) left top no-repeat;
  padding:10px 10px 0 10px;
  text-align:center;
}

table.smallBox p {
  text-align:left;
  margin-bottom:5px;
}

table.smallBox td h2 {
  margin:0 0 5px 0;
  font-size:12px;
  text-align:left;
}

table.smallBox td.priceRow {
  text-align:right;
  background:url(/images/box_b.gif) left bottom no-repeat;
  font-weight:bold;
  padding:0 13px 5px 10px;
}

table.smallBox td.priceRow img {
  vertical-align:middle;
  position:relative;
  top:-2px;
  margin-left:5px;
}

/* Blaettern */
  table.browse_top {
    margin:10px 0;
    clear:both;
  }

  table.browse_bottom {
    margin:0 0 10px 0;
    clear:both;
  }
  
  table.browse_top {
    border-bottom:1px solid #9A2D57;
    padding-bottom:3px;
  }
  
  table.browse_bottom {
    border-top:1px solid #9A2D57;
    padding-top:3px;
  }
  
  table.browse_top ul, table.browse_bottom ul {
    float:right;
  }
  
  table.browse_top li, table.browse_bottom li {
    float:left;
    padding: 0 0 0 3px;
  }
  
  table.browse_top li.actual, table.browse_bottom li.actual {
    font-weight:bold;
  }
  
  table.browse_top li.back, table.browse_top li.fwd, 
  table.browse_bottom li.back, table.browse_bottom li.fwd {
    padding:1px 0 0 3px;
  }
/* Ende Blaettern */

/* Fehlermeldungen */
   .error {
    color:#f00;
  }
  
  div.errorBox {
    color:#f00;
    font-weight:bold;
    margin-bottom:10px;
  }
/* Ende Fehlermeldungen */


/* Formulare */
  table.formTable td {
    vertical-align:top;
  }

  div.addressForm, div.buttonUnderForm {
    width:425px;
  }
  
  div.buttonUnderForm {
    text-align:right;
  }
  
  div.button {
    text-align:right;
    clear:both;
    margin-bottom:10px;
  }
/* Ende Formulare */

div#sslSwitch {
  margin:10px 0;
}

div.buttonLeft {
  float:left;
}

div.buttonRight {
  float:right;
  text-align:right;
}

div#deliverAddress {
  margin-top:10px;
}

/* Bestelluebersicht */
form#overview #agbLabel, form#overview #newsAbo_label {
  position:relative;
  top:-2px;
}
    
span.nowrap {
  white-space:nowrap;
}