/*    Grundeinstellungen     */
/*****************************/

* {
    margin: 0;
    padding: 0;
    }

html {
    height: 101%;
    }

body {
    background: url(../images/design/bg.png);
    font: 1em/1.3em arial, sans-serif;
    margin: 0px;
    padding-bottom: 20px;
    }
    
#overall {
    background: url(../images/design/overall-bg.png) repeat-y;
    display: table;
    margin: 15px auto 0px auto;
    width: 962px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
    }
    
#header {
    background-image: url(../images/design/header-bg.jpg);
    color: white;
    font-size: 2.25em;
    line-height: 1em;
    font-weight: normal;
    text-align: right;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    padding: 15px 50px 0px 0px;
    height: 95px;
    margin: 0px;
    width: 912px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    }


/*        Allgemeine         */
/*****************************/

body, a {    
    color: #333;
    }

dl {
    margin-bottom: 1em;
    }

dl dd {
    margin-top: 0.3em; 
    }

h2 {
    font: 1.429em Verdana, serif;
/*    color: #1f5b3f;*/
    margin-bottom: 0.5em;
    }

    #content h2 {
        font-weight: bold;
    }
    
h3 {
    font-family: Verdana, serif;
    font-size: 1.143em;
    color: #1f5b3f;
    margin-top: 1em;
    margin-bottom: 0.8em;
    }

h4 {
    color: #656565;
    margin-top: 1em;
    }
    
h5, dl dt {
    color: #808080;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: -0.5em;
    margin-top: 1em;
    }

hr {
    background-color: #cecece;
    color: #cecece;
    height: 0.071em;
    margin: 1em 0px;
    border: 0px;
    }
    
p {
    margin: 1em 0px;
    }
    
h4 + p, h3 + p, small + p {
    margin-top: 0px;
    }

table {
    border-collapse: collapse;
    }

table, td, th {
    border: 1px solid #e6e6e6;
    padding: 2px 4px;
    }

table th {
    background-color: #e6e6e6;
    border-color: #d9d9d9;
    padding: 0px 4px;
    }

.hervorgehobene_zeile {
    background-color: #ededed;
    }

.hervorgehobene_zeile td {    
    border-color: #e0e0e0;
    }

ol li {
    list-style-type: decimal;
    margin-left: 2em;
    }

li {
    list-style-type: none;
    }

small, tfoot {
    color: #9a9a9a;
    font-style: italic;
    font-size: 0.85em;
    }

a img {
    border: 0px;
    }

/*        Header-Menü        */
/*****************************/

#headerMenu {
    background-image: url(../images/design/menu-bg.png);
    height: 35px;
    padding: 0px 20px;
    }
    
    #headerMenu li {
        float: left;
        }
        
    #headerMenu li:hover {
        background-image: url(../images/design/menu-bg_hover.png);
        }

        #headerMenu li a {
            background: url(../images/design/menu-border.png) no-repeat;
            color: white;
            display: table-cell;
            font-weight: bold;
            font-style: italic;
            height: 35px;
            padding: 0px 10px;
            text-decoration: none;
            vertical-align: middle;
            }
        
    #startseite #headerMenu_startseite {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
        #headerMenu #headerMenu_startseite a {
            background-image: none;
            }
        
    #teilnehmer #headerMenu_teilnehmer {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #aufgaben #headerMenu_aufgaben {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #wertung #headerMenu_wertung {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #fotos #headerMenu_fotos {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #ausschreibung #headerMenu_ausschreibung {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #wendepunkte #headerMenu_wendepunkte {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #anmelden #headerMenu_anmelden {
        background-image: url(../images/design/menu-bg_active.png);
        }
        
    #gaestebuch #headerMenu_gaestebuch {
        background-image: url(../images/design/menu-bg_active.png);
        }
        

/*    Content & Sidebar      */
/*****************************/

#content, #sidebar {
    font-size: 0.874em;
    width: 90%;
    }
    
#sidebar {
    background: #f0f0f0 url(../images/design/sidebar-bg.png) repeat-x;
    border-right: 1px solid #cfcfcf;
    float: left;
    margin: 0px;
    min-height: 410px;
    padding: 0px 10px;
    width: 239px;
    }
    
    #sidebar h2 {
        margin-bottom: 0.5em;
    }
    
    #sidebar ul li h3 {
        margin-top: 0.5em;
        }
        
    #sidebar ul ul {
        margin-left: 0.5em;
        }
        
        #sidebar ul ul li {
            line-height: 1.2em;
            }
    
    #sidebar img {
        border-bottom: 1px solid #cecece;
        margin-top: 5px;
        margin-bottom: 0.5em;
        padding-bottom: 10px;
        }
    
#content {
    background: #fff url(../images/design/content-bg.png) repeat-x;
    float: right;
    min-height: 410px;
    padding: 20px 20px 16px 35px;
    width: 647px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-bottom-right-radius: 14px;
    }
    
#content ul {
    margin: 0.5em 0px;
    }

#content li {
    list-style-type: square;
    margin-left: 2em;
    }
    

/*     Seitenspezifisch      */
/*****************************/

#neuigkeiten li {
    list-style-type: none;
    margin: 0px;
    }
    
#neuigkeite li p {
    margin-top: -0.5em;
    }

#neuigkeiten h3 {
    margin-bottom: -0.4em;
    }
    
#teilnehmer h4 {
    margin-bottom: 0.4em;
    }
    
#teilnehmer #sidebar li, #wendepunkte #sidebar li {
    margin-left: 1em;
    }

#wendepunkte #sidebar li {
    margin-bottom: 1em;
    }

#ausschreibung th {
    text-align: left;
    }

#ausschreibung h3 {
    margin-top: 3em;
}

#ausschreibung h4 {
    margin-top: 2em;
}
    
#impressum #content img {
    margin: 1em;
    }

#aufgaben #content h4, #wertung #content h4 {
    margin-bottom: 1em;
    margin-top: 2em;
    }

#aufgaben #content img {
    margin-top: 2em;
    }

#wertung #content table {
    background-color: #fff;
    }

#anmelden h3 {
    margin-top: 3em;
}

.neuigkeiten_details {
    color: #9a9a9a;
    font-style: italic;
    margin: 5px 0px -10px 0px;
    display: table;
    }

/*          Formular         */
/*****************************/

fieldset {
    border: 1px solid #e0e0e0;
    margin-bottom: 1em;
    margin-top: 2.5em;
    padding: 0.5em 1em;
}

legend {
    font-family: Verdana, serif;
    font-size: 1.2em;
    color: #5da44a;
    }

label {
    float: left;
    width: 180px;
}

input, select {
/*    border: 1px solid #e0e0e0;*/
    margin: 0.2em 5em 0.2em 0px;
    width: 210px;
}

#id_kappes, #id_asperdencup, #id_camping {
    width: 13px;
}

input:focus, select:focus, textarea:focus {
/*    border-color: #898989;*/
    }

textarea {
/*    border: 1px solid #e0e0e0;    */
    }

.errorlist {
    background-color: #ffbc1a;
}

ul.errorlist {
    padding-left: 2em;
}

.errorlist li {
    font-weight: bold;
    list-style-type: none !important;
    margin: 0px !important;
}

.errorfield {
    background-color: #ffe096;
    margin-bottom: 0.3em;
    margin-top: -0.24em;
    margin-left: -0.4em;
    padding-bottom: 0.3em;
}

.errorfield label {
    margin-left: 0.4em;
    }

#nichtsichtbar {
    display: none;
    }


/*          Galerie          */
/*****************************/

.arrow {
    margin: 0 5px 3px 7px;
    }

#vorheriges_bild {
    float: left;
    }

#naechstes_bild {
    width:120px;
    /* Weitere Einstellungen in templates/gallery/bestimmtes_foto.html */
    }

#foto_beschriftung {
    font-size: 1.5em;
    margin: 10px 0px -35px 0px;
    text-align: center;
    }

#foto {
    margin: 20px auto;
    display: block;
    }
    
#fotos #sidebar h3, #aufgaben #sidebar h3, #wertung #sidebar h3 {
    margin-top: 20px;
    }

#fotos #sidebar li, #aufgaben #sidebar li, #wertung #sidebar li {
    margin-top: 2px;
    }

#fotos #sidebar h4, #aufgaben #sidebar h4, #wertung #sidebar h4 {
    margin-top: 6px;
    }


/*           Footer          */
/*****************************/

#footerMenu {
    font-size: 0.874em;
    margin: 0px auto;
    padding-top: 15px;
    text-align: center;
    width: 962px;
    }

    #footerMenu li {
        display: inline;
        }