/*** Defaults **/
body{
  background-color: #FFFFFF;
  color:            #637178;
  font-family:      Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:        12px;
  margin:           0px;
  padding:          0px;
}
img{ border:        0px; }
p{ margin:          0px; text-align: left; }
form{ margin: 0px; padding: 0px; }
fieldset{ border: 0px; margin: 0px; padding: 0px; }
h1{
  font-size:        16px;
  font-family:      Arial;
  color:            #455B75;
  margin:           0px 0px 10px 0px;
  padding:          0px 0px 3px 3px;
  background-image: url(images/pageLayout/hLine.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
}
h2{
  font-size:        13px;
  color:            #455B75;
  margin-bottom:    3px;
}
a{
  color:            #58666B;
  text-decoration:  none;
}
a:hover{
  color:            #58666B;
  text-decoration:  underline;
}


/*** Page align **/
#Page{
  text-align:       left;
}

/*** Layout Style's **/
#Head{
  background-image: url(images/pageLayout/head.jpg);
  background-repeat:no-repeat;
  height:           100px;
}

#Sidebar{
  position:         absolute;
  width:            180px;
  height:           800px;
  background-image: url(images/pageLayout/sidebarBackground.jpg);
  background-repeat:no-repeat;
  padding-top:      180px;
  border-right:     1px solid #355579;
}
  #Sidebar p.headBasket{
    text-align:       right;
    padding:          2px 15px 2px 0px;
    color:            #FFFFFF;
    font-weight:      bold;
    background-image: url(images/pageLayout/basketBack.gif);
    background-repeat:repeat-y;
    background-position: right;
    border-top:       1px solid #356192;
    border-bottom:    1px solid #356192;
  }
  #Sidebar div.productItem{
    margin-top:       2px;
    padding-bottom:   2px;
    border-bottom:    1px solid #527EB1;
  }
  #Sidebar div.productItem p{
    font-family:      Tahoma;
    padding:          0px;
    margin:           0px;
  }
  #Sidebar div.productItem p.title{
    font-size:        12px;
  }
  #Sidebar div.productItem p.volume{
    font-size:        11px;
  }
  #Sidebar div.productItem p.price{
    text-align:       right;
    font-size:        11px;
  }
  

#Menufield{ }
#Searchfield{
  float:            right;
  font-size:        12px;
  font-family:      Verdana;
  width:            287px;
  height:           30px;
  padding-right:    12px;
  background-image: url(images/pageMenu/menBackR.jpg);
  background-repeat:no-repeat;
  background-position:right;
  color:            #D0EDFF;
  text-align:       right;
}
  #Searchfield p{
    float:            left;
    margin-top:       8px;
    margin-left:      10px;
  }
  #Searchfield form{
    margin-top:       6px;
  }
  #Searchfield input{
    font-size:        11px;
    background-color: #F2F3F6;
    border:           1px solid #D9DDE6;
  }

#Frame{
  position:         absolute;
  margin-left:      181px;
  width:            799px;
}

#Navigation{
  background-image: url(images/pageLayout/navigationBackground.jpg);
  background-repeat:no-repeat;
  height:           16px;
  overflow:         hidden;
  color:            #F0F0F0;
  padding-left:     30px;
  padding-top:      1px;
  font-size:        10px;
  clear:            both;
}

#Content{
  padding-left:     30px;
  padding-top:      30px;
}
#Content div.textblock{
  font-family:      Tahoma, Verdana;
  line-height:      20px;
  width:            650px;
  padding-left:     5px;
  margin-bottom:    20px;
}

#Subline{
  clear:            both;
}


/*** CSS Menu **/
ul#Menu{
  background-image: url(images/pageMenu/menBackR.jpg);
  background-repeat:no-repeat;
  height:           30px;
  margin:           0px;
  padding:          0px;
  float:            left;
  width:            500px;
}
  ul#Menu li{
    float:            left;
    margin:           0px;
    padding:          0px;
  }
  ul#Menu li a{
    display:          block;
    text-decoration:  none;
    height:           30px;
    color:            #4B6788;
    font-size:        0px;
    border-right:     1px solid #527EB1;
  }
  ul#Menu li a.menUnternehmen{
    background-image: url("images/pageMenu/menUnternehmen.jpg");
    width:            144px;
  }
  ul#Menu li a.menUnternehmen:hover {
    background-image: url("images/pageMenu/menUnternehmen_hover.jpg");
  }
  ul#Menu li a.menProdukte{
    background-image: url("images/pageMenu/menProdukte.jpg");
    width:            88px;
  }
  ul#Menu li a.menProdukte:hover {
    background-image: url("images/pageMenu/menProdukte_hover.jpg");
  }
  /*ul#Menu li a.menPartys{
    background-image: url("images/pageMenu/menPartys.jpg");
    width:            77px;
  }
  ul#Menu li a.menPartys:hover {
    background-image: url("images/pageMenu/menPartys_hover.jpg");
  }*/
  ul#Menu li a.menHaeschen{
    background-image: url("images/pageMenu/menHaeschen.jpg");
    width:            85px;
  }
  ul#Menu li a.menHaeschen:hover {
    background-image: url("images/pageMenu/menHaeschen_hover.jpg");
  }
  ul#Menu li a.menJobs{
    background-image: url("images/pageMenu/menJobs.jpg");
    width:            60px;
  }
  ul#Menu li a.menJobs:hover {
    background-image: url("images/pageMenu/menJobs_hover.jpg");
  }
  ul#Menu li a.menKontakt{
    background-image: url("images/pageMenu/menKontakt.jpg");
    width:            102px;
    border-right:     0px;
  }
  ul#Menu li a.menKontakt:hover {
    background-image: url("images/pageMenu/menKontakt_hover.jpg");
  }


#Head p.warenkorb{
  margin:           0px 0px 0px 700px;
  padding:          83px 3px 0px 0px;
  height:           17px;
  width:            282px;
  color:            #000000;
}




/*** Warenkorb **/
td.head{
  background-color: #D3D7E2;
  font-weight:      bold;
  color:            #000000;
  padding:          2px;
  text-align:       center;
}

#warenkorb{
  border:           1px solid #4B6588;
  width:            600px;
  font-size:        12px;
}