/*
// 	Copyright 2005 - 2010 Lars Bilharz, Berlin.  All rights reserved.
// 	-------------- Author: info@lars-bilharz.de ------------------
*/

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

body, td, th {
  font: 0.7em verdana, sans-serif;
}

a {
  color: #333;
}

a:hover {
  color: #666;
}

input:focus,
select:focus,
textarea:focus {
  outline: 2px solid #6699FF;
}

p {
  margin:0 0 0.5em  0;
  padding:0;
  line-height: 1.4em;
}

.PSCenter {
  margin: 0 auto;
  width: 800px;
  height: 620px;
  position: relative;
  overflow: hidden;
  text-align: left;
}

.PSBacklink {
  clear: both;
  padding-top: 10px;
}

.PSBacklink a {
  background: url(/grafiken/pfeil_zurueck.gif) no-repeat 0 50%;
  height: 20px;
  width: 50px;
  overflow: hidden;
  text-indent: -1234em;
  margin: 0 0 5px 10px;
  display: block;
}


/*
  #####################
  ##    WEB-SHOP     ##
  #####################
*/

.Web-Shop {
  background: url(/grafiken/bg_webshop.gif) no-repeat 50% 1em;
}

.Web-Shop_GuteNacht {
  background: #000 url(/grafiken/bg_webshop_nacht.gif) no-repeat 50% 1em;
}

.Web-Shop .PSKategorienUebersicht {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Web-Shop .PSKategorienUebersicht li {
  float: left;
}

.Web-Shop .PSKategorienUebersicht li a {
  position: absolute;
  width: 120px;
  height: 260px;
  top: 240px;
  left: 50%;
  margin: 0 0 0 -383px;
  overflow: hidden;
  text-indent: -1234em;
}

.Web-Shop .PSKategorienUebersicht li .kat_2 {
  margin: 0 0 0 -225px;
}
.Web-Shop .PSKategorienUebersicht li .kat_3 {
  margin: 0 0 0 -65px;
}
.Web-Shop .PSKategorienUebersicht li .kat_4 {
  margin: 0 0 0 95px;
}
.Web-Shop .PSKategorienUebersicht li .kat_5 {
  margin: 0 0 0 253px;
}

.Web-Shop #PSRocker {
  height: 172px;
  position: absolute;
  top: 400px;
  left: -100px;
}

.Web-Shop #PSSupers {
  height: 155px;
  position: absolute;
  top: 370px;
  left: 900px;
}

.Web-Shop #PSArtists {
  height: 141px;
  position: absolute;
  top: 380px;
  left: -50px;
}

/*
  #####################
  ##    KATEGORIEN   ##
  #####################
*/

.PSCategories {
  margin: 1em auto 0 auto;
  width: 800px;
  text-align: left;
}

.PSKategorien {
  list-style: none;
  margin: 0;
  padding: 0;
  background: url(/grafiken/doppel-linie.gif) 0 0 no-repeat;
  height: 70px;
  width: 800px;
  text-align: left;
}

.PSKategorien li {
  float: left;
  margin: 10px 2px 0 2px;
}

.PSKategorien a {
  background: no-repeat 0 0;
  display: block;
  width: 120px;
  height: 78px;
  overflow: hidden;
  text-indent: -1234em;
}

.PSKategorien a:hover {
}

.PSKategorien .kat_1 {
  background-image: url(/grafiken/category_nav/mode.gif);
  background-position: 0 1px;
}
.PSKategorien .kat_2 {
  background-image: url(/grafiken/category_nav/kosmetik.gif);
  background-position: 0 1px;
}
.PSKategorien .kat_3 {
  background-image: url(/grafiken/category_nav/wohnen.gif);
  background-position: 0 1px;
}
.PSKategorien .kat_4 {
  background-image: url(/grafiken/category_nav/kueche.gif);
  background-position: 0 3px;
}
.PSKategorien .kat_5 {
  background-image: url(/grafiken/category_nav/aberauch.gif);
  background-position: 0 4px;
}
.PSKategorien .kat_1:hover,
.PSKategorien .selected .kat_1 {background-image: url(/grafiken/category_nav/mode_hover.gif);}
.PSKategorien .kat_2:hover,
.PSKategorien .selected .kat_2 {background-image: url(/grafiken/category_nav/kosmetik_hover.gif);}
.PSKategorien .kat_3:hover,
.PSKategorien .selected .kat_3 {background-image: url(/grafiken/category_nav/wohnen_hover.gif);}
.PSKategorien .kat_4:hover,
.PSKategorien .selected .kat_4 {background-image: url(/grafiken/category_nav/kueche_hover.gif);}
.PSKategorien .kat_5:hover,
.PSKategorien .selected .kat_5 {background-image: url(/grafiken/category_nav/aberauch_hover.gif);}

.PSCategorieDescription {
  float: right;
  width: 160px;
  margin: 45px 200px 0 0;
  _margin-right: 100px;
}

.PSCategoryMood {
  position: absolute;
  top: 130px;
  right: 0;
  width: 300px;
  height: 400px;
  background: url(/grafiken/mood_mode.gif) 100% 100% no-repeat;
}

.Kosmetik .PSCategoryMood {background-image: url(/grafiken/mood_kosmetik.gif)}
.Wohnen .PSCategoryMood {background-image: url(/grafiken/mood_wohnen.gif)}
.Kuche .PSCategoryMood {background-image: url(/grafiken/mood_kueche.gif)}
.Aber.Auch .PSCategoryMood {background-image: url(/grafiken/mood_aberauch.gif)}

.PSGallery {
  float: left;
  clear: left;
  padding: 0 0 20px 20px;
  margin: 50px 0 0 0;
  width: 420px;
  _width: 440px;
  height: 278px;
  _height: 298px;
  overflow: hidden;
  position: relative;
}

#PSGalleryOffset {
  position: absolute;
}

.PSGallery .clearBoth {
  clear:both;
  visibility: hidden;
}

.PSArtikel {
  margin-right: 20px;
  float: left;
  height: 152px;
}

.PSArtikel img {
  border: none;
  height: 120px;
  width: 120px;
}

.PSArtikel .kategorie,
.PSArtikel .text {
  display: none;
}

.PSArtikel h2 {
  margin: 0 0 0em 0;
  width: 120px;
  font-weight: normal;
}

.PSArtikel h2 a {
  text-decoration: none;
}

.PSGalleryBatchNavigation {
  clear: both;
  width: 400px;
  margin: 20px;
  padding: 1em 0;
  font-weight: bold;
  text-align: center;
}

#PSGalleryIndex {
  margin: 0 70px;
}

#PSGalleryIndex a {
  padding: 3px 5px;
  text-decoration: none;
}

#PSGalleryIndex a.isSelected {
  background: #333;
  color: #fff;
}

#PSGalleryBatchNext,
#PSGalleryBatchPrevious {
  background: url(/grafiken/pfeil_zurueck.gif) no-repeat 0 50%;
  height: 20px;
  padding-left: 40px;

  float: left;
  text-decoration: none;
  color: #000;
  display: none;
  width: 50px;
  text-align: left;
}

#PSGalleryBatchNext {
  float: right;
  display: block;
  background-image: url(/grafiken/pfeil_weiter.gif);
  background-position: 100% 50%;
  padding: 0 40px 0 0;
  text-align: right;
}

/*
  #####################
  ##     CONTENT     ##
  #####################
*/

.PSContent {
  clear: left;
  padding: 1em 0 0 0;
  background: url(/grafiken/einfach-linie.gif) 0 0 no-repeat;
  text-align: left;
}

.Startseite .PSContent,
.Web-Shop .PSContent {
  background: none;
  width: auto;
}

.PSSingleLine {
  visibility: hidden;
}

.PSDoubleLine {
  background: url(/grafiken/doppel-linie.gif) no-repeat;
  border: none;
  height: 15px;
  margin-top: 2em;
}

/*
  #####################
  ##     ARTIKEL     ##
  #####################
*/

.PSArticlePage {
  background: url(/grafiken/einfach-linie.gif) no-repeat 0 88px;
  margin-top: 1em;
}


.PSArticle {
  bord_er: 1px solid;
  width: 800px;
  height: 443px;
  overflow: auto;
}

.PSArticleDescription {
  float: left;
  width: 370px;
}

.PSArticle h2 {
  margin: 0 0 1em 0;
}

.PSArticleText {
  line-height: 1.4em;
}

.PSArticleImages {
  float: left;
  width: 410px;
}

.PSArticleImage {
  float: left;
  padding: 0;
  margin: 0 18px 6px 0;
  overflow: hidden;
}

.PSArticleImage h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  float: none;
  width: 100px;
  overflow: hidden;
}

.PSArticleImages img {
  border: 1px solid #000;
}

.PSVariant,
.PSSize,
.PSPrice {
  margin: 1em 0 0 0;
  font-weight: bold;
}

.PSArticleDetails input.PSBasketButton {
  border: none;
  overflow: hidden;
  text-indent: -1234em;
  width: 66px;
  height: 76px;
  float: right;
  margin-right: 1em;
  color: #fff;
  background: url(/grafiken/einkaufswagen.gif) no-repeat 50% 50%;
}

#PSNoJSWarning {
  border: 2px solid #c00;
  padding: 5px;
  color: #900;
  margin: 10px 0;
}

/*
  #####################
  ##  ýBERSCHRIFTEN  ##
  #####################
*/

h1 {
  overflow: hidden;
  background: no-repeat 0 50%;
  width: 200px;
  margin: 230px 0 0 0;
  text-indent: -1234em;
  float: left;
}

h2, h3 {
  font-size: 1em;
  margin:0.5em 0 0 0;
  padding:0;
}

.Anfahrt h1 {background-image: url(/grafiken/ue_anfahrt.gif);}
.Kontakt h1 {background-image: url(/grafiken/ue_kontakt.gif);}
.Impressum h1 {background-image: url(/grafiken/ue_impressum.gif);}
.Laden h1 {background-image: url(/grafiken/ue_laden.gif);}
.Info h1 {background-image: url(/grafiken/ue_info.gif);}
.Perle-Design h1 {background-image: url(/grafiken/ue_perledesign.gif);}
.Neuigkeiten h1 {background-image: url(/grafiken/ue_neuigkeiten.gif);}
.Presse h1 {background-image: url(/grafiken/ue_presse.gif);}
.Die-Perle h1 {background-image: url(/grafiken/ue_dieperle.gif);}
.Lieferbedingungen h1 {background-image: url(/grafiken/ue_lieferbedingungen.gif);}
.AGB-s h1 {background-image: url(/grafiken/ue_agbs.gif);}
.Empfehlungen h1 {background-image: url(/grafiken/ue_empfehlungen.gif);}
.Info h1 {background-image: url(/grafiken/ue_info.gif);}
.Warenkorb h1 {background-image: url(/grafiken/ue_warenkorb.gif);}
.Kasse h1 {background-image: url(/grafiken/ue_kasse.gif);}
.Bestaetigung h1 {background-image: url(/grafiken/ue_bestaetigung.gif);}

/*
  #####################
  ##     INHALT      ##
  #####################
*/

.PSInhalt {
  clear: left;
  width: 787px;
  padding: 30px 0 0 0;
  margin: 0 1em;
  text-align: left;
  position: relative;
}

.PSInhaltInnen {
  margin-left: 0px;
  height: 550px;
  overflow: auto;
  padding-bottom: 10px;
}

.PSSiteLogo {
  margin: 15px 0 5px 65px;
}

.Anfahrt .PSInhaltInnen {
  margin-top: 50px;
}

.Anfahrt h2 {
  margin-top: 10px;
}

.Anfahrt .PSSiteLogo {
  margin-top: 130px;
}
img.PSAnfahrt  {
  position: absolute;
  top: 190px;
  left: 470px;
  _left: 270px;
  width: 300px;
  height: 300px;
  border: 1px solid #333;
}


/*
  #####################
  ##   NEUIGKEITEN   ##
  #####################
*/


.PSDate {
  border: 1px solid;
  float: left;
  clear: left;
  margin: 2em 0 0 0;
  text-align: center;
}

.PSDay {
  font-size: 1.8em;
  padding: 4px;
}

.PSMonth {
  display: block;
  text-align: center;
  font-size: 1.1em;
  background: #000;
  color: #fff;
  padding: 4px;
}

.Neuigkeiten .autoH2 {
  margin:0 0 0 5em;
  clear:left;
  display: block;
  position: relative;
  top: -4em;
}


/*
  #####################
  ##  EMPFEHLUNGEN   ##
  #####################
*/

.Empfehlungen h2 {
  font-size: 1.5em;
  border-bottom: 2px solid #333;
  padding: 3px;
  margin: 0 0 1em 0;
  text-align: right;
}

.Empfehlungen h2.autoH2 {
  font-size: 1em;
  color: #000;
  background: #fff;
  margin: 0 10px;
  text-align: left;
  border-bottom: none;
}


.Empfehlungen p.autoP {
  text-indent: 15px;
}

/*
  #####################
  ##     KONTAKT     ##
  #####################
*/

.Kontakt .PSInhaltInnen {
  position: absolute;
  width: 650px;
  top: 30px;
  left: 120px;
}
.Kontakt #PSMona,
.Kontakt #PSBine {
  position: absolute;
  top:50px;
  right: 455px;
  text-align: right;
  background: url(/grafiken/perle_logo_klein.gif) no-repeat 80% 0;
  padding: 50px 0 0 0;
  width: 200px;
}

.Kontakt h3 {
  font-size: 1.3em;
}

.Kontakt #PSMona {
  text-align: left;
  right: inherit;
  left: 430px;
  background-position: 20% 0;
}

.Kontakt #PSKontaktDescription {
  background: url(/grafiken/kontakt_dame.gif) no-repeat 220px 0px;
  padding-top: 350px;
  text-align: center;
}

.Kontakt #PSKontaktDescription img {
  display: none;
}

/*
  #####################
  ##  PERLEDESIGN    ##
  #####################
*/

.PSPerleDesign ul {
  margin:0;
  list-style: none;
}

.PSPerleDesign li {
  float: left;
}

.PSPerleDesign a img {
  border: none;
  margin: 1em 0.5em;
}

/*
  #####################
  ##   DIE PERLE     ##
  #####################
*/

.die-Perle h1 {
  padding:0;
  margin:0;
  display: block;
  width: 230px;
}

* html .die-Perle h1 {
  height: 28px;
}

* html .die-Perle p {
  margin:0;
}

.die-Perle h1.PSIdee {
  background-image: url(/grafiken/ue_idee.gif);
  width: 580px;
}

.die-Perle .text_1 {
  position: absolute;
  top: 10;
  left: 242px;
  width: 228px;
  height: 190px;
  padding: 5px;
  background: url(/grafiken/laden/bg_store_1.gif);
}

.die-Perle .text_2 {
  position: absolute;
  top: 400px;
  left: 0;
  width: 594px;
  height: 170px;
  padding: 5px;
  background: url(/grafiken/laden/bg_store_2.gif) repeat-x;
}

* html .die-Perle .text_1 { width: 238px; height: 200px; overflow: hidden;}
* html .die-Perle .text_2 { width: 604px; height: 180px; }

.die-Perle .gallery {
  margin:0;
  padding:0;
  list-style-type: none;
}

.die-Perle .gallery li {
  position: absolute;
  top: 10;
  left: 0;
}

.die-Perle .gallery li a img {
  border: none;
}

.die-Perle .gallery .regale { left: 487px;}
.die-Perle .gallery .raum { top: 215px; left: 242px;}
.die-Perle .gallery .sessel { top: 215px; left: 487px;}
.die-Perle .gallery .gang { top: 400px; left: 611px; width: 157px; overflow: hidden;}

.die-Perle .floral_1,
.die-Perle .floral_2 {
  position: absolute;
  top: 215px;
  left: 0;
  width: 234px;
  height: 180px;
  background: #CDC6C3 url(/grafiken/laden/floral_1.gif) no-repeat 50% 50%;  
}

.die-Perle .floral_2 {
  background-image: url(/grafiken/laden/floral_2.gif);
  background-color: #DBDAC5;
  left: 611px;
  width: 157px;
}

/*
.PSLadenGrid {
  position: absolute;
  left: 130px;
}

.die-Perle .PSInhaltInnen {
  position: absolute;
  top: 360px;
  left: 130px;
  height: 230px;
  width: 640px;
}

.die-Perle .PSInhaltInnen p {
  text-align: justify;
}

.die-Perle h1 {
  margin-top: 20px;
}

.die-Perle .PSParagraph1 {
  position: absolute;
  top: 80px;
  left: 0;
  width: 120px;
  text-align: justify;

}

*/

/*
  #####################
  ##     PRESSE      ##
  #####################
*/

.Presse .PSInhaltInnen {
  position: absolute;
  width: 680px;
  top: 40px;
  _top: 20px;
  left: 0px;
  _left: 100px;
  height: 550px;
  background: url(/grafiken/presse_zeitung.gif) no-repeat 100% 100%;
}

.PSPresse ul {
  margin:0;
  padding:0;
  list-style: none;
  width: 500px;
}

.PSPresse li {
  float: left;
  margin: 5px;
}

.PSPresse a img {
  border: none;
}

/*
  #####################
  ##WARENKORB & KASSE##
  #####################
*/

.Warenkorb h2,
.Kasse h2 {
  margin-top: 30px;
}

.Warenkorb table,
.Kasse table {
  border-spacing:0;
  border: 1px solid #000;
  border-collapse: collapse;
  width: 550px;
}

.Kasse table {
  width: 100%;
}

.Warenkorb td,.Warenkorb th,
.Kasse td,.Kasse th {
  border: 1px solid;
  border-left: none;
  border-right: none;
  text-align: center;
  font-weight: normal;
  padding: 3px;
  vertical-align: top;
}

.Kasse fieldset td,
.Kasse fieldset th {
  text-align: left;
}

.PSWarenkorb td,
.PSWarenkorb th {
  text-align: center;
}

.Warenkorb th,
.Kasse th {
  color: #eee;
  background: #333;
  white-space: nowrap;
}

.Warenkorb .PSDescription,
.Kasse .PSDescription {
  text-align: left;
}

.Warenkorb .PSAmount,
.Kasse .PSAmount {
  white-space: nowrap;
  text-align: right;
}

.Warenkorb .PSSum td,
.Kasse .PSSum td {
  font-weight: bold;
  text-align: right;
}

.Warenkorb .PSBasketNavigation {
  float: right;
  margin-right: 40px;
}

.Warenkorb .PSBasketNavigation a {
  float: left;
  background: #333;
  color: #fff;
  padding: 3px 5px;
  margin: 10px 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

.Kasse .PSNoDelivery {
  text-decoration: line-through;
}

.Kasse fieldset {
  margin: 10px 10px 10px 0;
  padding: 10px;
}

.Kasse fieldset legend {
  font-weight: bold;
}

.Kasse input,
.Kasse textarea {
  border: 1px solid;
  width: 364px;
  margin: 2px 0;
}

.Kasse textarea {
  height: 100px;
}

.Kasse #Vorname,
.Kasse #Nachname,
.Kasse #Lieferanschrift_Vorname,
.Kasse #Lieferanschrift_Nachname {
  width: 180px;
}

.Kasse #PLZ,
.Kasse #Hausnummer,
.Kasse #Lieferanschrift_PLZ,
.Kasse #Lieferanschrift_Hausnummer {
  width: 50px;
}

.Kasse #Ort,
.Kasse #Strasse,
.Kasse #Lieferanschrift_Ort,
.Kasse #Lieferanschrift_Strasse {
  width: 310px;
}

.Kasse #hat_postadresse,
.Kasse #zw_Vorkasse,
.Kasse #zw_Nachnahme,
.Kasse #agb {
  width: 20px;
  border: none;
}

.Kasse .PSTotal td {
  padding: 6px;
  color: #fff;
  background: #333;
}

.Kasse #submit {
  width: 150px;
  float: right;
}


/*
  #####################
  ##   STARTSEITE    ##
  #####################
*/

.Startseite  .PSCenter {
  background: url(/grafiken/bg_entree.gif) no-repeat 50% 0;
  height: 600px;
}

.Startseite_GuteNacht .PSCenter {
  background: #000 url(/grafiken/bg_entree_nacht.gif) no-repeat 50% 0;
}

.Startseite_GuteNacht {
  background: #000;
}

.Startseite .PSInhalt {
  position: static;
}

body.Startseite .PSEntreeLink {
  width: 800px;
  height: 600px;
  position: absolute;
  top:0;
  left: 0;
  z-index: 5;
  display: block;
  background: url(/grafiken/einkaufswagen_kugeln.gif) no-repeat 250px 450px;
}

body.Startseite_GuteNacht .PSEntreeLink {
  background: url(/grafiken/einkaufswagen_kugeln_nacht.gif) no-repeat 250px 450px;
}

.Startseite .PSNavigation {
  margin-top: 3em;
}

.Startseite #PSStage {
}
#PSMadame {
  height: 430px;
  width: 243px;
  position: absolute;
  top: 280px;
  left: 370px;
}

#FuenfJahrePerle {
  display: none;
/*  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
  width: 100px;
  height: 100px;
  background: url(/grafiken/5JahrePerle_thumb.png) no-repeat 0 0;*/
}

/*
#FuenfJahrePerle:hover {
  width: 300px;
  height: 300px;
  background: url(/grafiken/5JahrePerle.png) no-repeat 0 0;
}*/


/*
  #####################
  ##   NAVIGATION    ##
  #####################
*/

.PSNavigation,
.PSNavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.PSNavigation {
  background: #000;
  width: 100%;
  height: 27px;
  position: absolute;
  top: 590px;
  left: 0;
  font-size: 1.2em;
}

.PSNavigation ul.Startseite {
  width: 800px;
}

.PSNavigation li .PSRootNode {
  display: none;
}

.PSNavigation li {
  float: left;
  position: relative;
  width: 16.66666667%;
  text-align: center;
}
.PSNavigation ul ul li {
  float: none;
  margin: 0;
  padding: 0;
  width: 133px;
  text-align: left;
  overflow: hidden;
}

.PSNavigation li a {
  display: block;
  color: #fff;
  background: #000;
  text-decoration: none;
  margin: 0;
  padding: 6px 15px 5px 15px;
  white-space: nowrap;
  border: none;
  _width: 100%;
}

.PSNavigation li a:hover {
  background: #eee;
  color: #000;
}

.PSNavigation li li li a {
  background: #997;
  font-size: 0.8em;
}

.PSNavigation ul ul {
  position: absolute;
  bottom: 101%;
  z-index: 100;
  display: none;
  text-align: left;
  left: 0;
}

.PSNavigation ul li:hover ul {
  display: block;
}

/*
  #####################
  ##   ERRORPAGES    ##
  #####################
*/


body.error {
  text-align: left;
  padding: 3em;
}

.error h1 {
  text-indent: 0;
  float: none;
  margin: 0;
  width: auto;
  height: 50px;
  padding:  20px 0 0 100px;
  background: url(/grafiken/perle-logo.gif) no-repeat 0 50%;
}

.error p {
  width: 600px;
}