/* ======================================
=========================================
Datei: foetenshop.css
Stand vom: 24.12.2008
Autor: Markus Mueller-Fassbender/Speicherfrei

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles fuer Layoutbereiche
        4. Sonstige Styles
=========================================
=======================================*/

/* ======================================
  1. Kalibrierung
  =====================================*/

* {
        padding: 0;
        margin: 0;
}

h2, h3, p, ul {margin-bottom: 1em;}

ul {margin-top: 0.5em;}

/* ======================================
  2. Allgemeine Styles
  =====================================*/
body {
        background: #fff url(../img/bodybg.png) repeat-x;
        color: #006699;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100.01%;
}

h1 {
        text-align: center;
}

h2 {
        color: #006699;
        font-size: 97%;
        font-style: normal;
        letter-spacing: 1px;
}

h3 {
        color: #006699;
        font-size: 97%;
        font-style: normal;
        letter-spacing: 1px;
        text-align: left;
}

a:link, a:visited {
        color: #006699;
        text-decoration: underline;
}

a:hover, a:focus, a:active {
        background: #FFBFD4;
        text-decoration: none;
}

img {
        border: none;
}

/* **********************
  Klassen und IDs      */

.skiplink {
        position: absolute;
        top: -5000px;
        left: -5000px;
        width: 0;
        height: 0;
        overflow: hidden;
        display: inline;
}

.error {
        color: red;
}

/* ======================================
  3. Styles fuer Layoutbereiche
  =====================================*/

#wrapper {
}

#kopfbereich {
        position: absolute;
        top: 40px;
        left: 13.45em;
        z-index: 1;
}

#kopfbereich a:visited, a:active {
        background: transparent;
}

/* **********************
  Hauptnavigation      */

#navibereich {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background: #fff url(../img/navbg.png) repeat-x;
        font-size: 1em;
        width: 26.1em;
        min-height: 100%;
}

        #navibereich ul {
                padding-top: 15.5em;
        }
        
        #navibereich li {
                display: list-item;
                list-style-type: none;
                text-align: right;
                line-height: 1.5;
                padding: 1px 0;
        }
        
        #navibereich a,
        #navibereich span {
                display: block;
                color: #006699;
                font-weight: normal;
                padding: 2px 30px 2px 1em;
        }
        
        #navibereich a:link, a:visited {
                color: #006699;
                text-decoration: none !important;
        }
        
        #startseite #navi01 span,
        #team #navi02 span,
        #idee #navi03 span,
        #kunden #navi04 span,
        #foetus #navi05 span,
        #pinwand #navi06 span,
        #kontakt #navi07 span,
        #jobs #navi08 span,
        
        #navibereich a:hover,
        #navibereich a:focus,
        #navibereich a:active {
                background: #BFF9FF;
                color: #006699;
                text-decoration: none !important;
        }

/* *****************
  Textbereich     */

#textbereich {
        position: absolute;
        top: 178px;
        left: 0;
        z-index: 0;
        font-size: 0.9em;
        line-height: 1.5;
        letter-spacing: 1px;
        padding-left: 2.5em;
        margin-right: 50px;
        margin-left: 29em;
}

#textbereich a.nounderline {
        background: transparent;
        text-decoration: none;
}

#textbereich p {
        text-align: justify;
}

#textbereich ul {
        margin-left: 13px;
}

#textbereich ul.nopoint {
        list-style-type: none;
}

#textbereich img.left {
        float: left;
        margin-right: 1.2em;
}

#textbereich img.right {
        float: right;
        margin-left: 1.2em;
}

#textbereich dl.imgKunden {
        float: left;
        text-align: center;
        margin-right: 2em;
        margin-bottom: 2em;
        margin-left: 2em;
}

/* *****************
  Fussbereich     */


/* ======================================
  4. Sonstige Styles
  =====================================*/


/* ======================================
  ENDE DES STYLESHEETS
  =====================================*/