/* ####### */
 /* CSS DWF */
 /* ####### */

* { margin: 0; padding: 0; }

body {
  background: #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  width: 100%;
  }

/* TEXTFORMATIERUNG */

a:link,
a:visited               { color: #000; }
a:hover,
a:active,
a:focus                 { color: #c3005c; }

p       { color: #000; margin: 10px 0; line-height: 150%; }
ul, ol  { margin: 20px 20px 20px 20px; line-height: 150%; }
li      { margin: 15px 0;  }

h1 { font-weight: normal; color: #c3005c; font-size: 19px; margin: 20px 0 10px 0; text-transform: uppercase; }
h2 { font-weight: bold; color: #c3005c; font-size: 16px; margin: 15px 0 10px 0; text-transform: uppercase; }
h3 { font-weight: bold; color: #000; font-size: 16px; margin: 15px 0 10px 0; }
h4 { font-weight: bold; color: #c3005c; font-size: 14px; margin: 20px 0; }
h5 { font-weight: bold; color: #000; font-size: 14px; margin: 10px 0; }
h6 { font-weight: bold; color: #c3005c; font-size: 12; margin: 10px 0; }

h1.lockstoff, h2.lockstoff, h3.lockstoff, h4.lockstoff, h5.lockstoff, p.lockstoff { background: url(/gfx/layout/lockstoff.gif); height: 75px; margin: 0 0 30px; text-indent: -999em; width: 200px; }
h1.modezumverlocken, h2.modezumverlocken, h3.modezumverlocken, h4.modezumverlocken, h5.modezumverlocken, p.modezumverlocken { background: url(/gfx/layout/modezumverlocken.gif); font-size: 1px; height: 16px; margin: 15px 0 50px; padding: 0; text-indent: -999em; width: 425px; }

ul.kollekt { list-style-image: url(/gfx/layout/kreuz.gif); margin: 0; list-style-position: inside; }
ul.kollekt li { font-size: 14px; font-weight: bold; margin: 0; margin: 0; }
ul.kollekt a { text-decoration: none; }

a.gewaehlt { color: #c3005c!important; }
a img { border: 0; }
/* SEITENSTRUKTUR */

#site {
  background: #dedddb;
  margin: auto auto 20px auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 799px;
  }

#inhalt { border: 1px solid #ccc; padding: 50px 230px 50px 50px; }

#inhalt { font-size: 12px; }

.galeriedetail { padding: 0 !important; }
.keinrechterrand { padding-right: 0!important; }

/* SEITENHINTERGRÜNDE */
.index      { background: #dedddb url(/gfx/layout/madame.jpg) no-repeat bottom left!important; }
.ueber-uns  { background: #dedddb url(/gfx/layout/vert-ueberuns.gif) no-repeat top right!important; }
.agb        { background: #dedddb url(/gfx/layout/vert-agb.gif) no-repeat top right!important; }
.kontakt    { background: #dedddb url(/gfx/layout/vert-kontakt.gif) no-repeat top right!important; }
.sommer06   { background: #dedddb url(/gfx/layout/vert-sommer06.gif) no-repeat top right!important; }
.winter0607 { background: #dedddb url(/gfx/layout/vert-winter0607.gif) no-repeat top right!important; }
.sommer07   { background: #dedddb url(/gfx/layout/vert-sommer07.gif) no-repeat top right!important; }
.winter0708 { background: #dedddb url(/gfx/layout/vert-winter0708.gif) no-repeat top right!important; }
.sommer08   { background: #dedddb url(/gfx/layout/vert-sommer08.gif) no-repeat top right!important; }
.sommer09   { background: #dedddb url(/gfx/layout/vert-sommer09.gif) no-repeat top right!important; }
.sommer10   { background: #dedddb url(/gfx/layout/vert-sommer10.gif) no-repeat top right!important; }
.winter0910 { background: #dedddb url(/gfx/layout/vert-winter0910.gif) no-repeat top right!important; }
.winter1011 { background: #dedddb url(/gfx/layout/vert-winter1011.gif) no-repeat top right!important; }
.lockblog   { background: #dedddb url(/gfx/layout/vert-lockblog.gif) no-repeat top right!important; }
.lieblingsseiten   { background: #dedddb url(/gfx/layout/vert-lieblingsseiten.gif) no-repeat top right!important; }

/* NAVIGATION */

#navi                   { margin: 0; background:#fff; text-transform: uppercase; }	
#navi ul                { list-style-type: none; list-style-image: none; width: 799px; height: 5.2em; margin: auto; }
#navi li                { float: left; margin: 22px 16px 0; font-size: 15px; }
#navi li a:link,
#navi li a:visited      { white-space:nowrap; padding: 5px; font-weight: normal; color: #aaa; text-decoration: none; }
#navi li a:hover, 
#navi li a:active, 
#navi li a:focus        { color: #000; }
#navi li a.selected:link,
#navi li a.selected:visited,
#navi li a.selected:hover,
#navi li a.selected:active,
#navi li a.selected:focus     { color: #000; }   
#navi li:hover a,
#navi li:active a,
#navi li:focus a { color: #000; }

/* NAVIGATION DROPLINE */

#navi li ul           { display: none; }
#navi li.selected ul  { display: block; height: auto; position: absolute; width: auto; }
#navi li:hover ul,
#navi li:active ul,
#navi li:focus ul     { display: block; height: auto; position: absolute; width: auto; }
#navi li ul li        { margin: 0 12px 0 0; }

#navi li ul li a {
  font-size: 12px;
}

#navi li ul li a:link,
#navi li ul li a:visited {
  color: #aaa;
}

#navi li ul li a:hover,
#navi li ul li a:active,
#navi li ul li a:focus,
#navi li ul li a.selected {
  color: #000;
}

/* STARTSEITE */

div.startseite          { padding: 120px 0 0 260px; height: 320px; }


/* KOLLEKTIONEN */

#gal { width: 797px; height: 647px; background: no-repeat center; }

div#gal a.nav_l {
  background-color: #ccc;
  width: 75px;
  height: 647px;
  background: url(/gfx/layout/pfeil_links.gif) no-repeat center;
  display: block;
  float: left;
}

div#gal a.nav_r {
  background-color: #ccc;
  width: 75px;
  height: 647px;
  background: url(/gfx/layout/pfeil_rechts.gif) no-repeat center;
  display: block;
  float: left;
  margin-left: 647px;
}
  
div#gal a.nav_o {
  width: 647px;
  height: 647px;
  background: url(/gfx/layout/pfeil_oben.gif) no-repeat bottom center;
  display: block;
  float: left;
}
  
* html #gal a.nav_r { margin-left: 361px; }

div#gal a.nav_l:link,
div#gal a.nav_l:visited {}
div#gal a.nav_l:hover,
div#gal a.nav_l:active,
div#gal a.nav_l:focus { background-color: #eee; outline: 0; }

div#gal a.nav_r:link,
div#gal a.nav_r:visited {}
div#gal a.nav_r:hover,
div#gal a.nav_r:active,
div#gal a.nav_r:focus { background-color: #eee; outline: 0; }


#galerie { margin-top: 50px; }
#galerie img { border: 8px solid #ccc; }


/* GLOBALE KLASSEN */

.datum {
  margin: 30px 0 -20px 0;
  text-transform: uppercase;
  color: #777;
  font-style: italic;
  font-size: .8em;
}

.aus { display: none; }

#links a {
  float: left;
  margin: 5px 0;
}