/* Die Hauptnavigation (oben, unten, planng, sonstiges) */
@import url("standard_hauptnavi.css");

/* Die Unternavigation (für einzelne Kleidungsstücke etc.) */
@import url("standard_unternavi.css");


/*** Body und Überschriften **************************************************/
body {
  font-size: 1em;
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  padding-left: 100px;
  padding-right: 100px;
  margin: 0;
  background: #fff url(bilder/bg.gif)}
  
h1 {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
  color: #171717;
  margin-left: -150px;
  padding-left: 150px;
  letter-spacing: 5px;
  border-bottom: #666 1px solid}

h2 {
  font-weight: normal;
  padding-top: 1em;
  padding-left: 5px;
  color: #004055;
  letter-spacing: 1pt;
  border-bottom: #666 1px solid}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #171717}


/**** Verweise (a) **************************************************/

/* Links allgemein */
a, a:link, a:visited {
  color: #000;
  text-decoration: none;
  background: url(bilder/bg_a.png) bottom repeat-x;
  text-decoration: none; /* Sorgt dafür, dass Links nicht standardmäßig in Textfarbe unterstrichen sind */
  border-bottom: #000 1px dotted;
  padding-left: 2px;
  padding-right: 2px;}

/* Mit der Maustaste "berührter" Link */
a:hover {
  color: #333;
  background: url(bilder/bg_a_hover.png) bottom repeat-x;}

/* Link, über den der Benutzer die Seite verlässt */
a.raus, a.raus:link {
  background: url(bilder/bg_a_raus.png) left bottom repeat-x;
  padding-left: 15px}
a.raus:hover {
  background: url(bilder/bg_a_raus_hover.png) left bottom repeat-x}


/*** Die Fußzeile  ********************************************/

address {
  margin: auto;
  margin-bottom: 0;
  margin-left: -100px;
  margin-right: -100px;
  position: relative;
  background: #efefef url(bilder/bg_hauptnavi.png) repeat-x;
  padding-top: 2px; /* wegen Hintergrundbild */
  padding-bottom: 2px;
  text-align: center;
  font-style: normal;
  font-size: 0.8em;
  bottom: 0}

/*** Sonstige Tags **********************************************/

acronym {
  border-bottom: 1px dotted #333;
  cursor: help}


/*** Klassen ****************************************************/

.vorschau {
  /* Vorschaubild, links ausgerichtet */
  float: left;
  margin-right: 5px;
  border: 2px dotted #333}

a img {
  /* Entferne den Hintergrund (Farbverlauf) von verlinkten Vorschaubildern: */
  background: none;
  padding-right: 0;}

/*** Seitenspezifisches *****************************************/

/* Die Box, die Inhalt, Logo und Navigationen umgibt */
#fenster {
  background: #fff;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0.5em 0em 1em 0em;
  border: 5px solid #000}

/* Das Seitenlogo */
#logo {
  border: 0;
  background: url(bilder/logo.gif) no-repeat;
  display: block;
  width: 533px;
  height: 174px;
  margin: auto}
#logo .hp {
  display: none}
  
/* Hierin steht der jeweilige Seiteninhalt */
#inhalt {
  margin-left: 15px;
  padding-right: 1em;
  padding-left: 150px;
  background: #fff url(bilder/kleid.jpg) bottom right no-repeat}