/*** 
** Generic
***/
* { margin: 0; padding: 0; }
img a { border: 0; }

.error { color: red; }


/*** 
** Grid
***/
html { height: 101%; }
body  { font: 62.5% "Lucida Grande", Verdana, Helvetica, sans-serif; background: gray; }

div#wrap        {  }

/***Hintergrundbilder Seiten***/
div#wrapindex         { background: black url("bilder/headerbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapstudioakt         { background: black url("bilder/studioaktbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapdessous          { background: black url("bilder/dessousbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapportrait          { background: black url("bilder/portraitbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapbeauty          { background: black url("bilder/beautybg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrappinup          { background: black url("bilder/pinupbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapfetisch          { background: black url("bilder/fetischbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapdatenschutz          { background: black url("bilder/datenschutzbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapimpressum           { background: black url("bilder/impressumbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapgalerie         { background: black url("bilder/galeriebg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapkurse          { background: black url("bilder/kursebg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapmeinungen          { background: black url("bilder/meinungenbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapkarsten        { background: black url("bilder/karstenbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapkontakt         { background: black url("bilder/kontaktbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }
div#wrapkursinfos          { background: black url("bilder/kursinfosbg.jpg") no-repeat 0 45px; margin: 20px auto; padding: 0 0 0 207px; width: 553px; border: solid 1px white }


/***Hintergrundbilder Allgemein***/
div#wrap div#title   { padding: 10px; height: 25px }
div#wrap div#navcontainer    { background: url("bilder/bg.gif") 207px 0; margin: 0 25px 0 0; width: 134px; height: 574px; float: left }
div#wrap div#content     { background-color: #141414; padding: 10px 15px 5px; width: 352px; float: left; overflow: hidden }
div#wrap div#content div.pullquote  { margin: 20px 0 10px 20px; padding: 0 10px; width: 150px; float: right }
div#wrap div#footer  { clear: both; padding: 10px; }


/***Title***/
div#title h1    { color: white; font-size: 1.5em; text-align: right; text-transform: uppercase; letter-spacing: 1px }


/***Left container***/
div#navcontainer ul   { list-style-type: none; margin-top: 0; margin-right: 0; margin-left: 20px }
div#navcontainer ul li  { color: #b41450; font-size: 1.4em; letter-spacing: -1px; margin-top: 15px }
div#navcontainer ul li a,
div#navcontainer ul li a:link,
div#navcontainer ul li a:visited,
div#navcontainer ul li a:focus,
div#navcontainer ul li a:hover,
div#navcontainer ul li a:active  { color: #b41450; text-decoration: none }
div#navcontainer ul li a.active,
div#navcontainer ul li a:hover { text-decoration: underline; }


/***Right containter***/
div#content h1 { padding: .5em 0; font-size: 1.4em; color: white; }
div#content h2       { color: white; font-size: 1.2em; padding-top: 0.4em }
div#content h2 a  { color: white; font-size: 1.2em; text-decoration: none; padding-top: 0.5em }
div#content img   { margin: 5px 20px }
div#content p    { color: white; font-size: 1.2em; line-height: 1.3em; text-align: left; margin-bottom: 1em }
div#content p.error { color: red; }
div#content ul li       { color: white; font-size: 1.2em; line-height: 1.4em; text-align: left; list-style-type: none; margin-bottom: 10px; padding-left: 2em }
div#content a  { color: #b41450; font-size: 1em; line-height: 1.4em; text-align: justify; padding: 0.3em 0 }

div#content dl dt { color: white; font-size: 1.2em; line-height: 1.3em; }

div#content div.pullquote p     { font-size: 1.8em; text-align: right; letter-spacing: -1px }


/***Footer***/
#footer p { color: white; text-align: right; text-transform: uppercase; }

div#footer  a,
div#footer  a:link,
div#footer  a:visited,
div#footer  a:focus,
div#footer  a:hover,
div#footer  a:active   { color: #b41450; text-align: right }