html {
        scrollbar-base-color:                rgb(255,255,255);        /* Basisfarbe */
        scrollbar-3dlight-color:         rgb(204,204,204);         /* 3D-Effektfarbe */
        scrollbar-arrow-color:                rgb(204,204,204);         /* Pfeilfarbe */
        scrollbar-darkshadow-color: rgb(255,255,255);         /* Schattenfarbe */
        scrollbar-face-color:                 rgb(255,255,255);         /* Oberflächenfarbe */
        scrollbar-highligt-color:         rgb(204,204,204);         /* obere und linke Randfarbe */
        scrollbar-shadow-color:         rgb(204,204,204);         /* untere und rechte Randfarbe */
        scrollbar-track-color:                 rgb(255,255,255);        /* Farbe für freibleibenden Verschiebeweg */
}

body {
        background-color:        rgb(255,255,153);
        margin-top:                        6px;
        margin-left:                6px;
        /*max-width:                        576px; */
}

body, p, h1, h2, a, a:link, a:visited, a:active, a:hover, td, tr, th, li, caption, input, textarea, select {
        color:                                #333333;
        font-family:                Verdana, Arial, Helvetica, sans-serif;
        font-size:                        11px;
}

.blass {
        color: rgb(100,100,100);
}

iframe, img, table, body.bildleiste {
        margin:                0px;
        pading:                0px;
        border:                0px;
}

a { text-decoration: underline; }
a:link { color:#000000;  }
a:visited { color:#000000; }
a:active { color:#333399; }
a:hover { color:#333399; }

p {
        margin:                                0 0 5px 0;
        padding:                        0;
        line-height:                16px;
}

ul {
        line-height:                20px;
}

h1 {
        font-size:                         12px;
}

h2 {
        font-size:                         12px;
        font-weight:                 normal;
}

hr {
        color:                                #333333;
        height:                                1px;
}

table {
        border-collapse:         collapse;
}
td, th {
        /*border:                                1px solid rgb(255,255,255);*/
        padding:                        2px 5px;
}
caption {
        font-weight:                bold;
}

table td.left, table th.left {                text-align:        left; }
table td.right, table th.right {        text-align:        right; }
table td.center, table th.center {        text-align:        center; }
table td.top, table th.top {                vertical-align:        top; }

table.tab2 {
        border:                                solid 2px #FFFFFF;
        background-color:        #ffff99;
        border-spacing:                1px;
        padding:                        1px;
}
table.tab2 td, table.tab2 th {
        border:                                1px solid rgb(255,255,255);
}
table.tab2 tr /*, table.tab2 td, table.tab2 th*/ {
        background-color:         #ffbb50;
}

table.tab3 th, table.tab3 td {
        border:                                0;
}

table.th_left th {
        text-align:                        left;
}

/* Iframes (Bildleisten */

iframe.rechts {
        float:                                right;
        width:                                144px;
        height:                                100%; /* funktioniert nicht! */
        margin-left:                20px;
}
iframe.unten {
        width:                                100%;
        height:                                84px;
        margin-top:                        20px;
}

/* farbliche Hinterlegung von Tabellenzeilen */
table tr.status1, table tr.status4 { background-color: gold; }
table tr.status2, table tr.status3 { background-color: orange; }

/* Punktabzug */
span.P_links, span.P_rechts { background: rgb(255,255,255); padding: 0 2px; }
span.P_links { margin-right: 2px; }
span.P_rechts { margin-left: 2px; }

/* Formularelemente */

input.text {
        background:                        rgb(255,255,255);
        /*border:                                1px solid #333333;*/
}
input.button {
        background:                        rgb(255,255,255);
        cursor:                                pointer;
}
input.button:hover {
        cursor:                                pointer;
}

/* Listen */

ul.favoriten {
        line-height:                18px;
        list-style-type:        none;
        padding:                        0;
        margin:                                0;
}
ul.favoriten li {
        vertical-align:                middle;
}
ul.favoriten li input {
        vertical-align:                middle;
        margin-right:                5px;
        width:                                13px;
        height:                                13px;
}

.meinVerein { font-weight: bold; }

/* News & Mitteilungen */

div.news {
        margin-bottom:                5px;
}
div.news .titel {
        background:                        rgb(255,204,102);
        padding:                        5px 10px;
}
div.news .titel strong {
        font-weight:                bold;
        margin-left:                10px;
}
div.news .inhalt {
        background:                        rgb(255,255,255);
        padding:                        5px 10px;
}
div.news .mehr {
        background:                        rgb(255,255,255);
        text-align:                        right;
        padding:                        3px 10px;
        margin-bottom:                10px;
}
div.news .mehr a {
        cursor:                                pointer;
}

/*----------*/
/* Kalender */
/*----------*/

table.kalender {
        float:                                left;
        margin-right:                20px; /* Abstand der Kalender zueinander */
}
table.kalender td, table.kalender td a {
        font-size:                        10px; /* allgemeine Schriftgröße im Kalender */
        color:                                #333333; /* allgemeine Schriftfarbe im Kalender */
        text-decoration:        none; /* Links nicht unterstreichen */
}
table.kalender td {
        margin:                                0;
        padding:                        1px 2px; /* Innenabstand der Tage: 1. Wert = oben/unten, 2. Wert = links/rechts */
        border:                                1px solid rgb(255,255,153); /* sollte Hintergrundfarbe der Seite sein */
        text-align:                        center;
}

table.kalender td { background: rgb(255,255,255); } /* Standardfeld */
table.kalender td.leer { background: rgb(220,220,220); } /* Tag eines Nachbarmonats (background:transparent = leer) */
table.kalender td.heute { background: white; } /* heutiger Tag (=aus, wenn wie Standardtag) */
table.kalender td.link { background: #FFD489; } /* verlinkter Tag */
table.kalender td.aktiv, table.kalender td.aktiv a { font-weight: bold; background: #ffbb50; } /* aktuell angezeigter Tag */
table.kalender td.monat { vertical-align: top; background: transparent; font-size: 11px;} /* Monat */

/*-----------*/
/* Clear-Fix */
/*-----------*/

.clearfix:after {
        content:        ".";
        display:        block;
        height:                0;
        clear:                both;
        visibility:        hidden;
}