html, body { min-height: 100%; }

body
{
  color: #333;
  background-color: #e5f1e5;
  margin: 0;
  padding: 0;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
}

a
{
  color: #333;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

p
{
  margin: 0 0 10px 0;
  padding: 0;
}

p.center
{
  text-align:center;
}

p.right
{
  text-align:right;
}

h1
{
  color:#b61759;
  font-size:20px;
  padding:0;
  margin: 0 0 10px 0;
  display:block;
  font-weight:bold;
}

h2
{
  font-size: 16px;
}

h3
{
  font-size: 14px;
}


#preload
{
  position: absolute;
  top:-9999px;
  left: -9999px;
}

#seite
{
  width: 910px;
  margin: 0 auto;
  background-image: url( ../img2/bg.jpg );
}

/* Header */

#header
{
  height: 180px;
  background-image: url( ../img/header.jpg );
  padding-top: 20px;
  text-align: right;
  padding-right:0;
  width: 910px;
}

#header a.logo
{
  float: left;
  display: block;
  width: 310px;
  height: 70px;
  margin-bottom: 78px;
}


* html #header a.logo { margin-bottom: 58px; }
*+html #header a.logo { margin-bottom: 58px; }

/* Header */


/* Footer */

#bottom 
{
  background-image: url( ../img2/bottom.jpg ); 
  font-size:0;
  width: 910px;
  height: 10px;
  clear: both;
}

#copyright
{
  color: #aabcaa;
  text-align: center;
  width: 910px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

#copyright p
{
  margin:0;
  padding:0;
}

/* Footer */


/* Navigation */

#neuenavi ul,li
{
  list-style:none;
  padding:0;
  margin:0;
}

#neuenavi
{
  z-index:10000;
  padding: 2px 0 0 0;
  margin: 0 0 0 10px;
  clear: both;
  position: relative;
}

#neuenavi a
{
  display:block;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
}

#neuenavi li
{
  margin: 0 5px 0 5px;
  padding: 0;
  display: block;
  font-size: 14px;
  height:30px;
  float:left;
  position: relative;
}

#neuenavi li { background-position: 0 0; }
#neuenavi li:hover { background-position: 0 60px; }
#neuenavi li.homeon, #neuenavi li.ratgeberon, #neuenavi li.preiswaechteron, #neuenavi li.ueberunson,  #neuenavi li.kontakton { background-position: 0 30px; }
#neuenavi li.home, #neuenavi li.homeon { width: 60px; background-image: url( ../menu/home.jpg ); }
#neuenavi li.shop, #neuenavi li.shopon { width: 55px; background-image: url( ../menu/shop.jpg ); }
#neuenavi li.ratgeber, #neuenavi li.ratgeberon { width: 85px; background-image: url( ../menu/help.jpg ); }
#neuenavi li.preiswaechter, #neuenavi li.preiswaechteron { width: 113px; background-image: url( ../menu/priceguard.jpg ); }
#neuenavi li.ueberuns, #neuenavi li.ueberunson { width: 83px; background-image: url( ../menu/about.jpg ); }
#neuenavi li.kontakt, #neuenavi li.kontakton { width: 76px; background-image: url( ../menu/contact.jpg ); }

#neuenavi li ul
{
  display:none;
  position: absolute;
  width: 113px;
  left:0px;
  top:30px;
  margin:0;
  z-index:1000;
  padding: 0 0 5px 0;
  background-image: url( ../img2/menu/submenu.png );
  background-repeat:no-repeat;
  background-position: left bottom;
}

#neuenavi li:hover ul
{
  display: block;
}

#neuenavi li a span { display:none; }

#neuenavi li ul li
{ 
  margin:0;
  height:auto;
  display:block;
  width: 100px;
  background-color: #d62180; 
  text-align:left;
}

#neuenavi li ul li a
{
  width: 103px;
  padding:5px;
  margin:0;
  font-size:11px;
  background-color:#fcd611;
  border-top: 1px solid #fff;
  color:#c08c00;
  height:auto;
}

#neuenavi li ul li a:hover
{
  background-color: #c08c00;
  color: #fff;
  text-decoration:none;
}

/* Navigation */

#left
{
  float: left;
  width: 615px;
  margin:0;
  padding:0;
}

#content
{
  float: left;
  margin:0 0 0 5px;
  width:690px;
  padding:10px;
  background-image: url( ../img2/content_bg.jpg );
  background-repeat: no-repeat;
  background-position: right top;
}

* html #content { margin:0 0 0 2px; }

#content a
{
  color:#b61759;
}

#fulltext
{
  float:left;
  margin: 0 0 0 178px; 
  position: relative;
}

* html #fulltext { margin: 0 0 0 173px; }

#quickform
{
  position: relative;
  width: 160px;
  float:left;
}

#quickform p
{
  padding:0;
  margin:0;
}

#quicksearch
{
  background-image: url( ../img2/searchbox.jpg );
  padding: 2px;
  width:176px;
  height:14px;
  border:0;
  font-size:12px;
  color:#b61759;
}

#suggest
{
  z-index: 10000;
  position: absolute;
  top:18px;
  left:-1px;
  
  width: 180px;
  display:none;
  
  border: 1px solid #b61759;
  color:#b61759;
  background-color:#ffe6f0;
  text-align:left;
  
}

#suggest span.clear
{
  clear:both;
  display:block;
  height:0;
  font-size:0;
}

#suggest div.suchergebnis
{
  padding: 2px;
}

#suggest div.cat
{
  height:14px;
  display:block;
  border-top: 1px solid #b61759;
  padding: 2px;
  font-weight:bold;
  font-size:12px;
}

#suggest div.ergebnisse
{
  background-image: url( ../img2/ergebnisse.jpg );
  background-repeat:repeat-y;
  background-color:#fff3f8;
}

#suggest div.ergebniss
{
  clear: both;
  padding:0;
  border-top: 1px solid #ffe6f0;
}

#suggest div.ergebniss img.picture
{
  float:left;
  width:29px;
  height:29px;
  border-right: 1px solid #ffe6f0;
}

#suggest div.ergebniss a.name
{
  overflow:hidden;
  display:block;
  width:128px;
  height:15px;
  padding: 7px 8px 7px 8px;
  float:left;
  color: #b61759;
}

#suggest div.ergebniss a.name:hover
{
  text-decoration:none;
}

.ajax
{
	height: 20px;
	background: url( ../img/spinner.gif ) no-repeat center;
}

#showoptions
{
  background-image: url( ../img2/options.jpg );
  height:20px;
  width:26px;
  display:block;
  float:left;
  margin: 0 0 0 10px;
}

#options
{
  margin: 0;
  position: absolute;
  height: 0px;
  width: 120px;
  padding:0;
  top:20px;	
  left:80px;
  overflow:hidden;
}

#options div.options
{
  text-align:left;
}

#options div.options a
{
  display: block;
  padding:5px;
  background-color:red;
}

#options div.options a.on
{
  background-color: green;
}

#loginbox
{
  font-size:12px;
  position: absolute;
  top:32px;
  left:255px;
  text-align:left;
  height:0px;
  overflow:hidden;
  z-index:10000;
  width:200px;
  background-color:#fcd611;
  border-top: 1px solid #fff;
  color:#c08c00;
}

a.button, input.button
{
  border:0;
  background-color:transparent;
  background-image: url( ../img2/button.jpg );
  text-align:center;
  height:20px;
  width:120px;
  display:block;
  padding:0;
  margin:0;
  color:#fff;
  cursor:pointer;
}

p.addedinfos
{
  
  text-align:center;
  padding-top: 0px;
  margin:0;
}

.clear
{
  clear: both;
}

div.bigdesc
{
  padding:10px 0 0 0;
}

div.bigdesc div.left
{
  width:335px;
  height: 140px;
  float:left;
  background-image: url( ../img2/shop/trennlinie.jpg );
  background-repeat: no-repeat;
  background-position: right top;
  text-align:center;
}

div.bigdesc div.right
{
  width:335px;
  height: 140px;
  float:left;
  text-align:center;
}

div.box2
{
  background-image:url( ../img2/box2/box2_bg.jpg );
  width: 335px;
}

div.box2 div.inner,div.box2 div.inner2
{
  background-image:url( ../img2/box2/box2_top.jpg );  
  background-repeat: no-repeat;
}

div.box2 div.inner2
{
  padding:10px;
  text-align:center;
}

div.box2 span.bot
{
  display:block;
  background-image:url( ../img2/box2/box2_bot.jpg );  
  width: 335px;
  height:2px;
  font-size:0;
}

a.info
{
  cursor:pointer;
  color: red;
  display:inline-block;
  background-image: url( ../img/help.jpg );
  background-repeat:no-repeat;
  width:10px;
  height:10px;
}

.tip
{
  position:absolute;
  border: 1px solid #ffebf3;
  padding: 10px;
  background-color: #FFF;
  width: 240px; 
  z-index:10000;
}  

.tip-title
{
  font-size:14px;
  border-bottom: 1px solid #ffebf3;
  color:#b61759;
  padding-bottom: 10px;
  margin-bottom: 10px;
}  

.tip-text
{
  color:#9a9b8e;
}  

/* Sidebar */

#right
{
  float: right;
  width: 180px;
  color: #b61759;
  font-size:10px;
  padding: 0 5px 5px 5px; 
  margin:0 5px 0 0;
}

* html #right { padding:0; margin:0 5px 0 0; }

#right div.box
{
  width: 170px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat:no-repeat;
  background-image: url( ../img2/box_bottom.jpg );
  padding: 5px;
  margin:0 0 10px 0;
}

#right div.box div.headline
{
  font-weight:bold;
  background-repeat:no-repeat;
  background-image: url( ../img2/box_top.jpg );
  background-color: #e5f1e5; 
  color: #7c8a7c;
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  margin: -5px -5px 5px -5px;
} 

#right div.box div.headline a.close
{
  width: 14px;
  height: 14px;
  display:block;
  float:right;
  background-image: url( ../img2/escape.jpg );
}

#right div.box div.headline a.move
{
  margin: 0 5px 0 0;
  width: 15px;
  height: 14px;
  display:block;
  float:right;
  background-image: url( ../img2/reorder.jpg );
}

#right a
{
  color:#b61759;
}

#right input
{
  background-color:#b61759;
  color:#fff;
  padding:2px;
  border:0;
}

#right label
{
  font-weight:bold;
}

#right input.button
{
  margin:0 auto;
}

/* Sidebar */

div.table
{
  margin: 0; 
}

div.table span.clear
{
  clear:both;
  font-size:0;
  height:0;
  display:block;
}

div.table span.head
{
  width: 690px;
  height:30px;
  display:block;
  background-color:#b61759;
  color:#fff;
}

div.table span.headsmall
{
  width: 690px;
  height:30px;
  display:block;
  background-image: url( ../img2/shop_kategorien/bar_head.jpg );
  background-repeat:no-repeat;
  color:#fff;
}

div.table span.headsmall2
{
  width: 690px;
  height:30px;
  display:block;
  background-image: url( ../img2/shop_kategorien/bar_sub2.jpg );
  background-repeat:no-repeat;
  color:#fff;
}

div.table span.headsmaller
{
  clear:both;
  width: 690px;
  height:30px;
  display:block;
  background-color:#eaf3ea;
  font-weight:bold;
  color:#9a9b8e;
}

div.table span.subbar
{
  clear:both;
  width: 690px;
  height:30px;
  display:block;
  background-image: url( ../img2/shop_kategorien/bar_sub.jpg );
  background-repeat:no-repeat;
  font-weight:bold;
  color:#c62b6c;
}

div.table span.head a
{
  padding:1px;
  background-color:#fff;
  color: #b61759;
  border:1px solid #b61759;
}

div.table span.head a:hover,div.table span.head a.on
{
  font-weight:bold; 
  padding:1px;
  text-decoration:none;
  border:1px solid #fff;
}

div.table span.tr1, div.table span.tr2, div.table span.tr
{
  width: 690px;
  height:100px;
  display:block;
  margin-top:1px;
}

div.table span.trsmall
{
  width: 690px;
  height:35px;
  display:block;
  margin-top:1px;
  background-color:#fff; color:#7c8a7c; border-bottom: 1px solid #ffe6f0; 
}

div.table span.trsmall1,div.table span.trsmall2
{
  width: 690px;
  display:block;
  margin-top:1px;
  border-bottom: 1px solid #fff; 
}

div.table span.trsmall1 { background-color:#fff; color:#7c8a7c;  }
div.table span.trsmall2 { background-color:#eaf3ea; color:#9a9b8e; }

div.table span.trsmall1 span.td,div.table span.trsmall2 span.td
{
  float:left;
  display:block;
  padding:5px 10px 5px 10px;
}

div.table span.tr { background-color:#fff; color:#7c8a7c; border-bottom: 1px solid #ffe6f0;  }
div.table span.tr1 { background-color:#e5f1e5; color:#7c8a7c;  }
div.table span.tr2 { background-color:#ffe6f0; color:#b61759; }

div.table span.td
{
  float:left;
  display:block;
  padding:8px 10px 10px 10px;
}

div.table span.td a.name
{
  font-size:14px;
  font-weight:bold;
}

div.table span.td span.price
{
  padding-top:20px;
  display:block;
  text-align:center;
  font-size:12px;
  font-weight:bold;
}

div.table a.pwbtn
{
  margin-top:3px;
  display:block;
  width:40px;
  height:69px;
  background-image: url( ../img2/preiswaechter_button.jpg );
}

div.table a.pwbtnajax
{
  margin-top:3px;
  display:block;
  width:40px;
  height:69px;
  background: url(../img/spinner.gif) no-repeat center;
}

div.table a.pwbtninaktiv,div.table a.pwbtninaktiv2
{
  margin-top:3px;
  display:block;
  width:40px;
  height:69px;
  background-image: url( ../img2/preiswaechter_button_off.jpg );
}

div.table p
{
  margin:0;
}

div.table img.picture
{
  width:80px;
  height:70px;
}

div.table a.textlink { color:#7c8a7c; } 
div.table a.textlink:hover { text-decoration:none; } 


#kategorieansicht span.tr { height:95px; }
#kategorieansicht2 span.tr { height:95px; }

#produkt
{
  color:#7c8a7c;
}

#produkt h1.titel
{
  color:#b61759;
  font-size:20px;
  padding:0;
  margin: 0 0 10px 0;
  display:block;
  font-weight:bold;
}

#produkt span.produktbild
{
  float:left;
  text-align:center;
  font-size:10px;
}
#produkt img.picture
{
  height: 100px;
}

#produkt div.quickinfo
{
  float:left;
  width:410px;
}

#produkt div.bewertung
{
  padding: 0 0 0 20px;
  width:250px;
  position:relative;
  float:right;
}

#produkt div.bewertung a.changetobewertungen,#produkt div.bewertung a.changetobewertungen:hover
{
  display:block;
  position:relative;
  width:250px;
  color:#7c8a7c;
  cursor:pointer;
  text-decoration:none;
}

div.navi
{
  margin: 10px 0 0 0;
  height:26px;
  background-image: url( ../img2/submenu/menu_bg.jpg );
  background-repeat:repeat-x;
  width:690px;
}

#produkt div.navi a
{

  background-image: url( ../img2/submenu/menu_inactive_bg.jpg );
  color:#c62b6c;
  display: block;
  float:left;
  padding: 0;
  height:26px;
  margin: 0 3px 0 3px;
  font-size: 10px;
  cursor:pointer;
}

#produkt div.navi a span.left,#produkt div.navi a span.right,#produkt div.navi a:hover span.left,#produkt div.navi a.on span.right,#produkt div.navi a:hover span.left,#produkt div.navi a.on span.right
{
  cursor:pointer;
  width:5px;
  height:26px;
  display:block;
  float:left;
}

#produkt div.navi a span.left { background-image: url( ../img2/submenu/menu_inactive_left.jpg ); }
#produkt div.navi a span.right { background-image: url( ../img2/submenu/menu_inactive_right.jpg ); }
#produkt div.navi a span.inner { padding:6px; float:left; }
#produkt div.navi a.on span.left,#produkt div.navi a:hover span.left { background-image: url( ../img2/submenu/menu_active_left.jpg ); }
#produkt div.navi a.on span.right,#produkt div.navi a:hover span.right { background-image: url( ../img2/submenu/menu_active_right.jpg ); }

#produkt div.navi a:hover,#produkt div.navi a.on
{
  background-image: url( ../img2/submenu/menu_active_bg.jpg );
  
  text-decoration:none;
}

#produkt div.box
{
  background-color: #fff;
  padding: 10px 0 10px 0;
  width:670px;
}

a.pwbtn2
{
  cursor:pointer;
  display:block;
  width:115px;
  height:26px;
  float:right;
  margin: 10px 3px 0 0;
  background-image: url( ../img2/buttons/button_pw_on.png );
}

a.pwbtn2ajax
{
  display:block;
  width:115px;
  height:26px;
  float:right;
  margin: 10px 3px 0 0;
  background-image:url( ../img2/spinner.gif );
  background-position: center;
  background-repeat:no-repeat;
}

a.pwbtn2inaktiv
{
  cursor:pointer;
  display:block;
  width:115px;
  height:26px;
  float:right;
  margin: 10px 3px 0 0;
  background-image: url( ../img2/buttons/button_pw_off.png );
}

div.newbericht
{
  background-image:url( ../img2/produkt/bewertungen/bg.jpg );
  width:690px;
  margin: 10px 0 0 0;
}

div.newbericht div.header
{
  background-image:url( ../img2/produkt/bewertungen/header.jpg );
  width:675px;
  height:41px;
  padding: 10px 0 0 15px;
}

div.newbericht div.header div.td1
{
  width:140px;
  height:41px;
  float:left;
  display:block;
}

div.newbericht div.header div.td2
{
  width:220px;
  height:41px;
  float:left;
  display:block;
}

div.newbericht div.inner
{
  width:670px;
  padding:10px 10px 0 10px;
}

div.newbericht div.footer
{
  background-image:url( ../img2/produkt/bewertungen/footer.jpg );
  width:690px;
  height:5px;
  font-size:0;
}
/* Outer */
#auswahl
{
  width:650px;
  padding: 17px 20px 17px 20px;
  height: 26px;
  
  background-image: url( ../img2/shop_kategorien/optionen_bg.jpg );
  
  position: relative;
}
/* Outer */

/* Inner */
#auswahl2
{
  margin:20px 0 0 0;
  width:690px;
  display:block;
}
#auswahl2 div.header
{
  width:690px;
  height:5px;
  display:block;
  background-image: url( ../img2/shop_kategorien/optionen/optionen_head.jpg );
}
#auswahl2 div.footer
{
  width:690px;
  height:5px;
  display:block;
  background-image: url( ../img2/shop_kategorien/optionen/optionen_footer.jpg );
}
#auswahl2 div.inner
{
  padding: 15px 20px 5px 20px; 
  width:650px;
  position: relative;
  height:auto;
  background-image: url( ../img2/shop_kategorien/optionen/optionen_bg.jpg );
}
/* Inner */

/* Dropdowns */
#auswahl div.waehler
{
  position: absolute;
  overflow:hidden; 
  z-index:9000;
  background-repeat:no-repeat;
}
#qS_rubriken 
{
  height:26px;
  left:10px;
  width:160px;
  background-image: url( ../img2/shop_kategorien/optionen_rubriken.jpg ); 
}
#qS_hersteller
{
  height:26px;
  left:180px;
  width:220px; 
  background-image: url( ../img2/shop_kategorien/optionen_hersteller.jpg ); 
}
#qS_sonstiges
{
  height:26px;
  left:410px;
  width:160px; 
  background-image: url( ../img2/shop_kategorien/optionen_sonstiges.jpg ); 
}
#auswahl div.waehler a.opener
{
  display:block;
  padding: 6px 0 0 40px;
  height: 20px;
}
/* Dropdowns */

/* Links */
#auswahl div.inner
{
  background-image: url( ../img2/shop_kategorien/schatten_rubriken.png );
  background-position: left bottom;
  background-repeat: repeat-x;
  padding: 0 0 20px 0; 
}
#auswahl div.waehler a, #auswahl div.waehler p
{
  display: block;
}
#auswahl div.waehler ul
{
  padding:0;
  margin:0;
  list-style:none;
}
#auswahl div.waehler ul li
{
  border-left: 1px solid #c62b6c;
  border-right: 1px solid #c62b6c;
  border-bottom: 1px solid #c62b6c;
  color:#c62b6c;

  padding:0;
  margin:0;
}
#auswahl div.waehler ul li a.big
{
  padding: 6px 0 0 27px;
  display:block;
  height:18px;
  background-image: url( ../img2/shop_kategorien/li.jpg );
}
#auswahl div.waehler ul li a.big:hover
{
  color:#fff;
  text-decoration:none;
  background-image: url( ../img2/shop_kategorien/li_over.jpg );
}
#auswahl div.waehler ul li.on,#auswahl div.waehler ul li:hover
{
  color:#fff;
}
#auswahl div.waehler ul li.on a.big
{
  color:#fff;
  display:block;
  height:18px;
  background-image: url( ../img2/shop_kategorien/li_on.jpg );
}
/* Links */

/* Farben & Motive */
#qS_sonstiges_farben, #qS_sonstiges_motive
{
  border-left: 1px solid #c62b6c;
  border-right: 1px solid #c62b6c;
  border-bottom: 1px solid #c62b6c;
  margin:0;
  padding: 3px 0 3px 3px;
  display:inline-block;
  background-color:#fff;
}

*+html #qS_sonstiges_farben, *+html #qS_sonstiges_motive
{
  border:0px;
}

* html #qS_sonstiges_farben, * html #qS_sonstiges_motive
{
  border:0px;
}

#qS_sonstiges_farben span.clear, #qS_sonstiges_motive span.clear
{
  display:block;
  clear:both;
}
#auswahl div.waehler a.chooser, #auswahl div.waehler a.chooser:hover,#auswahl div.waehler a.chooser_on
{
  display:inline-block;
  padding:0; 
  width:15px;
  height:15px;
  margin:4px;
  border: 1px solid #fff;
}
#auswahl div.waehler a.chooser:hover,#auswahl div.waehler a.chooser_on
{
  border: 1px solid #c62b6c;
}
/* Farben & Motive */

/* Button */
#schnellsuche_linked
{
  position:absolute;
  left:580px;
  width:100px;
  height:26px;
  padding:0;
  background-image: url( ../img2/shop_kategorien/suchestarten.jpg ); 
}
#schnellsuche_linked:hover
{
  background-image: url( ../img2/shop_kategorien/suchestarten_hover.jpg ); 
}
/* Button */

/* Bar */
div.bar
{
  margin: 10px 0 0 0;
  padding: 1px 0 0 8px;
  width:682px;
  height:29px;
  background-image: url( ../img2/shop_kategorien/bar.jpg );   
}
div.bar span.title
{
  display:block;
  float:left;
  padding: 6px 5px 0 0;
  color:#f4d5e2;
}
div.bar div.seite, div.bar div.kontaktlinsen 
{
  float:left;
  background-image: url( ../img2/shop_kategorien/bar_icon_seite.jpg );   
  background-repeat:no-repeat;
  height:29px;
  width:187px; 
  padding: 0 0 0 20px;
}
div.bar div.kontaktlinsen 
{
  background-image: url( ../img2/shop_kategorien/bar_icon_kontaktlinsen.jpg );   
}
div.bar div.kontaktlinsen span.title
{
  font-weight:bold;
  color:#fff;
}
div.bar div.seite a
{
  float:left;
  padding: 6px 0 0 0;
  width: 15px;
  height:16px;
  margin: 0 0 0 1px;
  text-align:center;
  color:#fff;
  background-image: url( ../img2/shop_kategorien/bar_seite.jpg );     
  background-repeat:no-repeat;
}
div.bar div.seite a.on,div.bar div.seite a:hover
{
  text-decoration:none;
  background-image: url( ../img2/shop_kategorien/bar_seite_on.jpg );     
}
div.bar div.ordnen
{
  float:left;
  background-image: url( ../img2/shop_kategorien/bar_icon_ordnen.jpg );   
  background-repeat:no-repeat;
  height:29px;
  width:279px; 
  padding: 0 0 0 20px;
}
div.bar div.ordnen span.title
{
  padding-right:20px;
}
div.bar div.ordnen a
{
  float:left;
  padding: 6px 0 0 0;
  width: 85px;
  height:16px;
  margin: 0 1px 0 1px;
  text-align:center;
  color:#fff;
  background-image: url( ../img2/shop_kategorien/bar_ordnen_links.jpg );     
  background-repeat:no-repeat;
}
div.bar div.ordnen a.on,div.bar div.ordnen a:hover
{
  text-decoration:none;
  color:#c62b6c;
  background-image: url( ../img2/shop_kategorien/bar_ordnen_links_on.jpg );     
}
div.bar div.versand
{
  float:left;
  background-image: url( ../img2/shop_kategorien/bar_icon_versand.jpg ); 
  background-repeat:no-repeat;
  height:29px;
  width:150px; 
  padding: 0 0 0 20px;
}
div.bar div.versand span.title
{
  padding-right:20px;
}
div.bar div.versand a
{
  float:left;
  padding: 6px 0 0 0;
  width: 54px;
  height:16px;
  margin: 0 1px 0 1px;
  text-align:center;
  color:#fff;
  background-image: url( ../img2/shop_kategorien/bar_versand_link.jpg );     
  background-repeat:no-repeat;
}
div.bar div.versand a.on,div.bar div.versand a:hover
{
  text-decoration:none;
  color:#c62b6c;
  background-image: url( ../img2/shop_kategorien/bar_versand_link_on.jpg );     
}
/* Bar */

/* Specials Kategorien */
#kategorieansicht a.info, #kategorieansicht2 a.info
{
  background-image: none;
  display:block;
  width:80px;height:70px;
  cursor:pointer;
  position:relative;
  z-index:2000;
}

#kategorieansicht a.info table, #kategorieansicht a.info tr, #kategorieansicht a.info table tr td,#kategorieansicht2 a.info table, #kategorieansicht2 a.info tr, #kategorieansicht2 a.info table tr td
{
  z-index:2000;
  padding:0;
  border:0;
  margin:0;
}

.kategorieansicht, .kategorieansicht2
{
  padding:0;
  margin:-22px 0 0 60px;
  border:0;
  background-color:transparent;
  display:block;
  width:240px;
}
.kategorieansicht2 { z-index:11000; margin:-50px 0 0 3px; position:absolute; }
.kategorieansicht .tip-top,.kategorieansicht2 .tip-top
{
  padding:0;
  margin:0;
  font-size:0;
  background-image: url( ../img2/tooltip/header.png );
  width:240px;
  height:5px;
}
.kategorieansicht .tip-bottom, .kategorieansicht2 .tip-bottom { display:none; }
.kategorieansicht .tip, .kategorieansicht2 .tip
{
  display:block;
  margin:0;
  border:0;
  background-color:transparent;
  background-image: url( ../img2/tooltip/bg.gif );  
  padding: 0;
  width:240px;
}  
.kategorieansicht .tip-title, .kategorieansicht2 .tip-title
{
  display:none;
}  
.kategorieansicht .tip-text, .kategorieansicht2 .tip-text
{
  background-image: url( ../img2/tooltip/pfeil.png ); 
  background-repeat:no-repeat;
  background-position: 0 50%;
  padding:0 0 0 30px;
  margin:0;
  height:75px; 
  width:210px;
  display:block;
}  

.kategorieansicht .tip-text p, .kategorieansicht2 .tip-text p
{
  display:block;
  color:#c62b6c;
  margin:0;
  padding:0 0 5px 0;
  font-size:12px;
  font-weight:bold;
}
.kategorieansicht .tip-text div.footer, .kategorieansicht2 .tip-text div.footer
{
  clear:both;
  display:block;
  margin:-1px 0 0 -30px;
  padding:0;
  font-size:0;
  background-image: url( ../img2/tooltip/footer.png );
  width:240px;
  height:5px;
}
/* Specials Kategorien */

#formularouter
{
  width:690px;
}

fieldset
{
  border:1px solid #000;
  padding: 10px;
  width: 315px;
  float:left;
}

fieldset.left
{
  margin-right:10px;
}

#status_login,#status_reg
{
  background-color:red;
  color:#000;
  padding:3px;
  display:none;
}

fieldset label
{
  float:left;
  display: block;
  width:150px;
  font-weight:bold;
  padding:3px;
  clear:both;
}

fieldset select, fieldset input
{
  float:left;
  display: block;
  padding:3px;
}

.rating
{
  z-index:500;
  width:80px;
  height:16px;
  margin:0 0 0 0;
  padding:0;
  list-style:none;
  clear:both;
  position:relative;
  background: url(../img/star-matrix.gif) no-repeat 0 0;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

ul.rating li 
{
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}

ul.rating li a 
{
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  text-decoration:none;
}

ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover 
{
  width:80px;
  height:16px;
  overflow:hidden;
  left:0;	
  background: url(../img/star-matrix.gif) no-repeat 0 0
}

ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

#mooalert_outer
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  min-height:100%;
  z-index:1000000000;
  background-color:black;
  opacity:0;
  filter: Alpha(opacity=00);
}

* html #mooalert_outer { height:100%; }

#mooalert_inner
{
	width:620px;
	position: absolute;
	left:50%;
	top:50%;
	margin:0 0 0 -310px;
	z-index:2000000000;
}

#mooalert_inner div.header
{
  display:block;
  width:620px;
  height:40px;
  background-image: url( ../img2/mooalert/header.png );
}

#mooalert_inner div.footer
{
  display:block;
  width:620px;
  height:40px;
  background-image: url( ../img2/mooalert/footer.png );
}

#mooalert_inner div.content
{
  padding: 10px 50px 10px 50px;
  display:block;
  width:520px;
  color:#8e9b8e;
  background-repeat:repeat-y;
  background-image: url( ../img2/mooalert/bg.png ); 
}

* html #mooalert_inner div.content { background-image: url( ../img2/mooalert/bg.gif );  }

#mooalert_inner div.content p.clear
{
  font-size:0;
  margin:0;
  padding:0;
  height:0;
}

#close
{
  display:block;
  width:30px;
  height:26px;
  float:right;
  background-image: url( ../img2/mooalert/close.jpg );
  background-repeat:no-repeat;
}

#close:hover
{
  background-image: url( ../img2/mooalert/close_over.jpg );
}

#mooalert_inner div.content h1
{
  font-size:24px;
  font-weight:normal;
  color:#c62b6c;
  padding:0 0 20px 0;
  margin:0 0 20px 0;
  border-bottom: 1px solid #ffebf3;
}

#mooalert_inner div.content div.fieldset
{
  width:520px;
  background-color:#fbeff3;
  margin:0 0 10px 0;
}

#mooalert_inner div.content div.fieldset span.header
{
  display:block;
  width:520px;
  height:5px;
  font-size:0;
  background-image: url( ../img2/mooalert/fieldset_header.jpg );
}

#mooalert_inner div.content div.fieldset span.footer
{
  display:block;
  width:520px;
  height:5px;
  font-size:0;
  background-image: url( ../img2/mooalert/fieldset_footer.jpg );
}

#mooalert_inner div.content div.fieldset div.inner
{
  padding:10px;
}

#mooalert_inner div.content div.fieldset span.left
{
  float:left;
  width:260px;
  margin: 0 0 5px 0;
}

#mooalert_inner div.content div.fieldset span.right
{
  float:left;
  width:240px;
  margin: 0 0 5px 0;
}

#mooalert_inner div.content div.fieldset label
{
  display:block;
  color:#c62b6c;
  padding:0 6px 6px 6px;
  margin:0;
  font-weight:bold;
  font-size:11px;
}

#mooalert_inner div.content div.fieldset input
{
  width:228px;
  display:block;
  padding:7px 6px 6px 6px;
  color:#c62b6c;
  font-weight:normal;
  font-size:11px;
  height:12px;
  border:0;
  background-image: url( ../img2/mooalert/input.jpg );
}

#mooalert_inner div.content a.button,#mooalert_inner div.content a.buttoncenter,#mooalert_inner div.content input.button, #mooalert_inner div.content div.fieldset input.button
{
  float:left;
  display:block;
  width:240px;
  margin: 10px 10px 0 10px;
  padding:5px 0 0 0;
  height:20px;
  color:#fff;
  text-align:center;
  background-image: url( ../img2/mooalert/button.png );
}

#mooalert_inner div.content a.buttoncenter
{
  margin: 0 auto;
}

#mooalert_inner div.content div.fieldset input.button
{
  display:block;
  padding:5px 0 0 0;
  height:25px;
}

#mooalert_inner div.content a.button:hover,#mooalert_inner div.content a.buttoncenter:hover
{
  text-decoration:none;
}

#mooalert_inner div.content div.fieldset a.button,#mooalert_inner div.content div.fieldset input.button
{
  float:left;
  margin:10px 0 0 0;
}

#mooalert_inner div.content div.fieldset form p.status
{
  display:none;
  color:#fff;
  background-color:#b61759;
  padding:5px;
}

#startseite
{
  padding:10px;
}

#video
{
  width:668px;
  height:264px;
  border: 1px solid #b6c7b5;
  position:relative;
}
/* Videonavi */
#video div.videonavi
{
  position:absolute;
  left:0;
  z-index:200;
  top:0;
  width:183px;
  height:264px;
}

#video div.videonavi a
{
  display:block;
  width:206px;
  background-image: url( ../img2/startseite/vid_navi_off.jpg );
  background-repeat:no-repeat;
  height:53px;
}

#video div.videonavi a:hover { background-image: url( ../img2/startseite/vid_navi_over.jpg ); }

#video div.videonavi span.zeiger 
{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:206px;
  background-image: url( ../img2/startseite/vid_navi_on.png );
  background-repeat:no-repeat;
  height:53px;
}

#video div.videonavi a.five { height:52px; }

#video div.videonavi span.schriften
{
  width:180px;
  height:40px;
  background-repeat:no-repeat;
  position:absolute;
  z-index:1000;
  cursor:pointer;
}

#video div.videonavi a span.one { background-image: url( ../img2/startseite/schriften/one_1.png ); }
#video div.videonavi a:hover span.one { background-image: url( ../img2/startseite/schriften/one_2.png ); }
#video div.videonavi a.one span.on { background-image: url( ../img2/startseite/schriften/one_3.png ); }

#video div.videonavi a span.two { background-image: url( ../img2/startseite/schriften/two_1.png ); }
#video div.videonavi a:hover span.two { background-image: url( ../img2/startseite/schriften/two_2.png ); }
#video div.videonavi a.two span.on { background-image: url( ../img2/startseite/schriften/two_3.png ); }

#video div.videonavi a span.three { background-image: url( ../img2/startseite/schriften/three_1.png ); }
#video div.videonavi a:hover span.three { background-image: url( ../img2/startseite/schriften/three_2.png ); }
#video div.videonavi a.three span.on { background-image: url( ../img2/startseite/schriften/three_3.png ); }

#video div.videonavi a span.four { background-image: url( ../img2/startseite/schriften/four_1.png ); }
#video div.videonavi a:hover span.four { background-image: url( ../img2/startseite/schriften/four_2.png ); }
#video div.videonavi a.four span.on { background-image: url( ../img2/startseite/schriften/four_3.png ); }

#video div.videonavi a span.five { background-image: url( ../img2/startseite/schriften/five_1.png ); }
#video div.videonavi a:hover span.five { background-image: url( ../img2/startseite/schriften/five_2.png ); }
#video div.videonavi a.five span.on { background-image: url( ../img2/startseite/schriften/five_3.png ); }

/* Videonavi */

/* Videofeld */

#video div.inner
{
  z-index:1;
  position:absolute;
  left:183px;
  top:1px;
  width:484px;
  height:262px;
  overflow:hidden;
}

#video div.inner div.boxes
{
  position:absolute;
  left:0;
  top:0;
}

#video div.inner div.box
{
  display:block; 
  width:484px;
  height:262px;
  z-index:2;
}

#videoCanvas1,#videoCanvas2,#videoCanvas3,#videoCanvas4,#videoCanvas5
{
  z-index:1;
}

/* Videofeld */