/*  =============================================================
    Datei:  main.style.css
    Datum:  03.03.2009
    Autor:  Alexander Kapic
    Zweck:  Stylesheet für Allgemeine Formatierungen
    -------------------------------------------------------------
    Inhalt:
    
    1. Allgemeine Formatierungen
    1.1. Allgemeine Formatierungen
    1.2. Kopfbereich (Header)
    1.3. Mittlerer Bereich (Wrapper)
    1.4. Navigationsbereich (Navigation)
    1.5. Bereich für Inhalt(Content)
    1.6. Bereich für Anzeigen, Werbung (Advert)
    1.7. Fussbereich (Footer)
    
    2. Pinboxes
    3. Kontakt
    4. Trainingszeiten und Ansprechpartner
    5. Validation
    6. Impressum
    -------------------------------------------------------------
    (c) 2009 - PSV Anhalt-Zerbst e.V. - Alexander Kapic
    ============================================================= */
    
/*  =============================================================
    1. Allgemeine Formatierungen
    ============================================================= */

/*  == 1.1. Allgemeine Formatierungen ================= */

/* Abstände zurücksetzen */
* {
    padding: 0;
    margin: 0;
}

/* Standatdfont, Schriftgröße, -farbe und Hintergrundbild einstellen */
HTML, BODY {
    height: 101%;
}

BODY {
    background: #FFFFFF url(../img/layout/logobk.png) no-repeat fixed bottom right;
    font: normal 15px Arial;
}

H1 { font-size: 150%; }
H2 { font-size: 130%; }
H3 { margin-bottom: 10px; }

/*  == 1.2. Kopfbereich (Header) ====================== */

#Header {
    text-align: center;
}

#Header A.skiplink {
    display: inline;
    position: absolute;
    top: -2000px;
    left: -3000px;
    width: 0;
    height: 0;
    color: #FF0000;
    overflow: hidden;
}

/*  == 1.3. Mittlerer Bereich (Wrapper) =============== */
#Wrapper {
    margin: 50px 5px;
    overflow: hidden;
}

/*  == 1.3. Navigationsbereich (Navigation ) ========== */
#Navigation {
    width: 170px;
    margin-right: 20px;
    float: left;
}

/*  == 1.4. Bereich für Inhalt (Content) ============== */
#Content {
    width: 70%;
    float: left;
}

#Content H2 {
    font-size: 30px;
    margin-bottom: 20px;
}

/*  == 1.5. Bereich für Anzeigen Werbung (Advert) ===== */
#Advert {
    width: 170px;
    float: right;
}

/*  == 1.6. Fussbereich (Footer) ====================== */
#Footer {
    text-align: center;
    margin: 20px 0;
    clear: both;
}

#Footer A:link,
#Footer A:visited {
    color: #777777;
    text-decoration: none;
}

#Footer A:hover,
#Footer A:focus {
    color: #000000;
    text-decoration: underline;
}

#Footer SMALL.browserTest {
    color: #999999;
}

/*  =============================================================
    2. PinBoxes
    ============================================================= */

#Navigation H2,
#Advert H2 {
    height: 38px;
    color: #FFFFFE;
    font-size: 16px;
    text-align: center;
    line-height: 38px;
    background-color: #AA00AA;
}

#Navigation B.PinBoxBottom,
#Advert B.PinBoxBottom {
    display: block;
    height: 26px;
    background: url(../img/layout/pinboxbottom.png) no-repeat;
}

/*  =============================================================
    3. Kontakt
    ============================================================= */
#Contact {
    padding: 10px;
    background-color: #EEEEEE;
    border: 1px solid #999999;
    width: 500px;
    font-size: 130%;
}

#Contact H3 {
    margin-bottom: 10px;
    font-size: 140%;
}
#Contact P {
    font-weight: bold;
}

#Contact ADDRESS {
}

#Contact HR {
    margin: 10px 5px;
}

#Contact A:link,
#Contact A:visited {
    color: #007700;
    font-weight: bold;
    text-decoration: none;
}

#Contact A:hover,
#Contact A:focus {
    text-decoration: underline;
}

/*  =============================================================
    4. Trainingszeiten und Ansprechpartner
    ============================================================= */
#TrainingData ADDRESS,
#TrainingData TABLE,
#TrainingData H3 {
    font-size: 18px;
    margin-left: 20px;
}

#TrainingData ADDRESS {
    margin-top: 10px;
    margin-bottom: 20px;
}

#TrainingData TABLE {
    margin-bottom: 20px;
}

#TrainingData H3 {
    text-decoration: underline;
}

/*  =============================================================
    5. Validation
    ============================================================= */
#Validation {
    width: 200px;
    margin: 20px auto;
    overflow: hidden;
}

#Validation P {
    width: 90px;
    margin-right: 10px;
    float: left;
}

/*  =============================================================
    6. Impressum
    ============================================================= */
#Impressum {

}

#Impressum DL {
    margin: 20px 0;
}

#Impressum DL DT {
    font-weight: bold;
}

#Impressum DL DD {
    margin-left: 10px;
    margin-bottom: 10px;
}

#Impressum P {
    margin-bottom: 2em;
}

/*  =============================================================
    7. Galerie
    ============================================================= */
#Albums,
#Galerie {
    list-style-type: none;
}

#Albums A {
    color: #CC6600;
    font-weight: bold;
    text-decoration: none;
}

#Galerie {
    overflow: hidden;
}

#Galerie LI {
    float: left;
    margin: 2px;
}

#Galerie .photo {
    padding: 2px;
    border: 1px outset #999999;
}