/*

BASISFARBE: #E3ECDE (http://colorschemedesigner.com/#2F41T1UIGw0w0)

*/


/* ALLGEMEIN */
    body, td, div, font, p {
        cursor: default;
        font-family: 'arial', 'verdana', 'times new roman', 'courier';
        font-size: 10pt;
    }
    
    body, div, font, p {
        color: #272727;
    }

    body {
        background-color: #F5FFEF;
    }
    
    html, body {
        height:98%;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    body.rechte div.rechte,
    body.benutzer div.benutzer,
    body.lizenzen div.lizenzen,
    body.verteilerliste div.verteilerliste,
    body.lehrkraefte div.lehrkraefte,
    body.ersatz div.ersatz,
    body.verteiler div.verteiler,
    body.personenverfuegbarkeiten div.personenverfuegbarkeiten,
    body.sportstaettenzeiten div.sportstaettenzeiten,
    body.kategorien div.kategorien,
    body.smsversand div.smsversand,
    body.sportstaetten div.sportstaetten,
    body.schwerpunkte div.schwerpunkte,
    body.abwesenheiten div.abwesenheiten,
    body.sportartpersonen div.sportartpersonen,
    body.sportangebotsgebuehren div.sportangebotsgebuehren,
    body.institutionen div.institutionen {
        display: table;
        width: 95%;
        background: url(../images/absoften.png) !important;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        overflow: auto;
        border:1px solid #4f6b72;
        position: relative;
        margin: 0px 0px 10px 0px;
        padding: 10px;
        overflow: auto;
    }
    
/* UEBERSCHRIFTEN */
    h1, h2, h3 {
        margin: 0px 0px 10px 0px;
    }
    
    td.head1 {
        font-size: 11pt;
        font-weight: bold;
        color: #4f6b72;
        background-color: #C1DAD7;
        padding: 5px 6px 3px 5px !important;
        border-left: 4px solid #4f6b72 !important;
        height: 27px;
    }
    
    /*
    td.head1:hover {
        border-left: 7px solid #C56B72 !important;
        color: #C56B72;
        padding: 5px 6px 3px 2px !important;
        cursor: pointer;
    }
    */
    
    td.head1 a {
        font-size: 10pt;
    }
    
/* DIVERSES */
    p.infobox {
        padding: 4px 4px 4px 24px;
        background: #B5DBFF url(../images/hinweis16.png) 4px 4px no-repeat;
        font-size: 9pt;
        color: #072D8B;
        margin: 6px;
        border: 1px dashed #ffffff;
        max-width: 265px;
    }

    .left {
        float: left;
    }
    
    .right {
        float: right;
    }
    
    .clear {
        clear: both;
    }
    
    .pointer {
        cursor: pointer;
    }
    
    div.textarea {
        color: #000000;
        border: 1px inset #DBDFE6;
        padding: 2px;
        font-family: arial, verdana, sans-serif !important;
        text-transform: none  !important;
        letter-spacing:0px;
        font-size: 10pt !important;
        
    }
    
    .rot {
        color: #ff0000;
    }
     
    .grau {
        color: #666666 !important;
    }
     
    .fett {
        font-weight: bold;
    }
   
/* TABELLEN */

    table {
    }
    
    table.table-main {
        width: 100%;
    }
    
    table.form {
        background: #ffffff;
        border: 2px solid #C1DAD7;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        margin-top: 10px;
        padding: 4px;
        width: 100%;
    }
    
        table.form td{
            padding: 1px;
        }
    
    table.subform {
        margin-top: 0px !important;
        width: 100% !important;
        padding: 0px !important;
        border-spacing: 0px !important;
        margin-left: -1px !important;
    }
    
        table.subform td{
            padding: 1px;
        }
        
    table.eingaben {
        padding: 0;
        border: 1px dashed #C1DAD7 !important;
        border-collapse:collapse;
        margin-top: 4px;
        margin-bottom: 4px;
        background: white;
    }
        
        table.eingaben td.feldname {
            padding-top: 4px;
            height: 24px;
            
            border: 1px dotted #C1DAD7;
            background: none;
            text-align:left;
            text-transform:uppercase;
            letter-spacing:1px;
            
            font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
            padding: 9px 12px 6px 6px;
            color: #4f6b72;
        }

    td.important {
        text-decoration: underline;
    }

        table.eingaben td.feldeingabe {
            
            border: 1px dotted #C1DAD7;
            background: none;
            text-align:left;
            
            padding: 6px 12px 6px 6px;
            color: #4f6b72;
			/*white-space: nowrap;*/
            
        }

        td.feldeingabe input[type=checkbox],
        td.feldeingabe input[type=radio]{
            margin-top: 4px;
        }

    td.nowrap {
        white-space: nowrap;
    }

    /*
    --------------------------------------------
        LIZENZEN, FUNKTIONEN
    --------------------------------------------
    */
        
    table.lizenzen,
    table.hinweise,
    table.lehrkraefte,
    table.ersatz,
    table.verteiler,
    table.verteiler-uebersicht,
    table.sportartpersonen,
    table.sportangebotsgebuehren,
    table.schloesser,
    table.personenverfuegbarkeiten,
    table.sportstaettenzeiten,
    table.nachrichten-persoenlich,
    table.nachrichten-gesendet,
    table.nachrichten-global,
    table.nachrichten-sms,
    table.kategorien,
    table.sportstaetten,
    table.schwerpunkte,
    table.abwesenheiten,
    table.releases,
    table.aktivitaeten,
    table.kontakte,
    table.schluessel,
    table.trainingszeiten,
    table.felderfuerevent,
    table.funktionen {
        background-color: #ffffff;
        border: 1px solid #B6BBC6;
        border-collapse: collapse;
        width: 100%;
    }
    
    /*
    table.lehrkraefte tbody {
    
        height: 90px !important;
        overflow-x: hidden  !important;
        overflow-y: scroll !important;
    }
    */

        table.lizenzen .head,
        table.hinweise .head,
        table.lehrkraefte .head,
        table.ersatz .head,
        table.verteiler .head,
        table.verteiler-uebersicht .head,
        table.sportartpersonen .head,
        table.sportangebotsgebuehren .head,
        table.schloesser .head,
        table.personenverfuegbarkeiten .head,
        table.sportstaettenzeiten .head,
        table.nachrichten-persoenlich .head,
        table.nachrichten-gesendet .head,
        table.nachrichten-global .head,
        table.nachrichten-sms .head,
        table.kategorien .head,
        table.sportstaetten .head,
        table.schwerpunkte .head,
        table.abwesenheiten .head,
        table.releases .head,
        table.aktivitaeten .head,
        table.kontakte .head,
        table.schluessel .head,
        table.trainingszeiten .head,
        table.felderfuerevent .head,
        table.funktionen .head {
            font-weight: bold;
            border: 1px solid #B6BBC6;
            padding: 2px;
            cursor: pointer;
            padding: 4px;
        }

        table.lizenzen .position,
        table.hinweise .position,
        table.lehrkraefte .position,
        table.ersatz .position,
        table.verteiler .position,
        table.verteiler-uebersicht .position,
        table.sportartpersonen .position,
        table.sportangebotsgebuehren .position,
        table.schloesser .position,
        table.personenverfuegbarkeiten .position,
        table.sportstaettenzeiten .position,
        table.nachrichten-persoenlich .position,
        table.nachrichten-gesendet .position,
        table.nachrichten-global .position,
        table.nachrichten-sms .position,
        table.kategorien .position,
        table.sportstaetten .position,
        table.schwerpunkte .position,
        table.abwesenheiten .position,
        table.releases .position,
        table.aktivitaeten .position,
        table.kontakte .position,
        table.schluessel .position,
        table.trainingszeiten .position,
        table.felderfuerevent .position,
        table.funktionen .position {
            border: 1px solid #B6BBC6;
            padding: 7px 4px 5px 4px;
        }

            table.lizenzen .position a img.icon,
            table.hinweise .position a img.icon,
            table.lehrkraefte .position img.icon,
            table.ersatz .position img.icon,
            table.verteiler .position img.icon,
            table.verteiler-uebersicht .position img.icon,
            table.sportartpersonen .position img.icon,
            table.sportangebotsgebuehren .position img.icon,
            table.schloesser .position img.icon,
            table.personenverfuegbarkeiten .position img.icon,
            table.sportstaettenzeiten .position img.icon,
            table.nachrichten-persoenlich .position img.icon,
            table.nachrichten-gesendet .position img.icon,
            table.nachrichten-global .position img.icon,
            table.nachrichten-sms .position img.icon,
            table.kategorien .position img.icon,
            table.sportstaetten .position img.icon,
            table.schwerpunkte .position img.icon,
            table.abwesenheiten .position img.icon,
            table.releases .position img.icon,
            table.aktivitaeten .position img.icon,
            table.kontakte .position img.icon,
            table.schluessel .position img.icon,
            table.trainingszeiten .position img.icon,
            table.felderfuerevent .position img.icon,
            table.funktionen .position img.icon {
                margin-top: 3px;
                margin-right: 3px;
                margin-bottom: -3px;
                margin-left: 3px;
            }
            
            table .position a img.icon {
                margin-top: -3px !important;
                margin-bottom: -3px !important;
            }

            table.lizenzen .position a,
            table.hinweise .position a,
            table.lehrkraefte .position a,
            table.ersatz .position a,
            table.verteiler .position a,
            table.verteiler-uebersicht .position a,
            table.sportartpersonen .position a,
            table.sportangebotsgebuehren .position a,
            table.schloesser .position a,
            table.personenverfuegbarkeiten .position a,
            table.sportstaettenzeiten .position a,
            table.nachrichten-persoenlich .position a,
            table.nachrichten-gesendet .position a,
            table.nachrichten-global .position a,
            table.nachrichten-sms .position a,
            table.kategorien .position a,
            table.sportstaetten .position a,
            table.schwerpunkte .position a,
            table.abwesenheiten .position a,
            table.releases .position a,
            table.aktivitaeten .position a,
            table.kontakte .position a,
            table.schluessel .position a,
            table.trainingszeiten .position a,
            table.felderfuerevent .position a,
            table.funktionen .position a {
                font-weight: bold !important;
            }

        table.lizenzen .through,
        table.hinweise .through,
        table.lehrkraefte .through,
        table.ersatz .through,
        table.verteiler .through,
        table.verteiler-uebersicht .through,
        table.sportartpersonen .through,
        table.sportangebotsgebuehren .through,
        table.schloesser .through,
        table.personenverfuegbarkeiten .through,
        table.sportstaettenzeiten .through,
        table.nachrichten-persoenlich .through,
        table.nachrichten-gesendet .through,
        table.nachrichten-global .through,
        table.nachrichten-sms .through,
        table.kategorien .through,
        table.sportstaetten .through,
        table.schwerpunkte .through,
        table.abwesenheiten .through,
        table.releases .through,
        table.aktivitaeten .through,
        table.kontakte .through,
        table.schluessel .through,
        table.trainingszeiten .through,
        table.felderfuerevent .through,
        table.funktionen .through {
            text-decoration: line-through !important;
        }
        
        table.lizenzen span.hidden,
        table.hinweise span.hidden,
        table.lehrkraefte span.hidden,
        table.ersatz span.hidden,
        table.verteiler span.hidden,
        table.verteiler-uebersicht span.hidden,
        table.sportartpersonen span.hidden,
        table.sportangebotsgebuehren span.hidden,
        table.schloesser span.hidden,
        table.personenverfuegbarkeiten span.hidden,
        table.sportstaettenzeiten span.hidden,
        table.nachrichten-persoenlich span.hidden,
        table.nachrichten-gesendet span.hidden,
        table.nachrichten-global span.hidden,
        table.nachrichten-sms span.hidden,
        table.kategorien .through,
        table.sportstaetten .through,
        table.schwerpunkte .through,
        table.abwesenheiten span.hidden,
        table.releases span.hidden,
        table.aktivitaeten span.hidden,
        table.kontakte span.hidden,
        table.schluessel span.hidden,
        table.trainingszeiten span.hidden,
        table.felderfuerevent span.hidden,
        table.funktionen span.hidden {
            display: none !important;
            
        }
        
/* EINGABEN */
    input.text,
    textarea,
    select ,
    select.select-multi {
        color: #000000;
        border: 1px inset #DBDFE6;
        padding: 2px;
        font-family: arial, verdana, sans-serif !important;
        text-transform: none  !important;
        letter-spacing:0px;
        font-size: 10pt !important;
        
    }
    
    input.text {
        height: 18px;
    }
    
    select.select {
        height: 24px;
    }
    
    input.checkbox {
        margin-right: 4px;
    }
    
    input.datum,
    input.zahl,
    input.uhrzeit {
        text-align: right;
    }

    input.fehler,
    select.fehler,
    textarea.fehler {
        border: 2px solid red !important;
        padding: 1px !important;
    }

    label,
    select,
    textarea,
    input[type=checkbox],
    input[type=radio],
    input[type=text] {
        cursor: pointer;
    }

    input.text:hover, textarea:hover, select:hover{
        border: 1px inset #DBD2D1;
    }

    input.text:focus, textarea:focus, select:focus{
        border: 1px inset #DBB09D;
    }

    .locked {
        background-color: #f4f4f4 !important;
        color: #555555 !important;
    }
    
    label.disabled {
        color: #999999 !important;
    }
    
/* KNOEPFE */
    button, input.button, input[type=button], input[type=submit], a.button {
        cursor: pointer;
        color: #000000 !important;
        text-decoration: none !important;
        font-family: 'arial', 'verdana', 'times new roman', 'courier';
        font-size: 10pt;
        padding: 1px 4px 1px 4px;
        font-weight: normal;
        padding: 2px 8px 2px 8px;
        border: 1px solid #C1DAD7;
        background-color: white;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }

    button:hover, input:hover.button, input:hover[type=button], input:hover[type=submit] {
        border: 1px solid #C1DAD7;
    }
    
    button:active, input:active.button, input:active[type=button], input:active[type=submit] {
        border: 1px inset #C1DAD7;
    }
    
        input.bgimage, button.bgimage, .bgimage {
            background-position: 4px 3px;
            background-repeat: no-repeat;
            padding-left: 24px;
            text-align: left;
        }
        
/* LINKS */
    a:link, a:visited, a:active {
        font-style: normal;
        font-weight: normal;
        color: #9F4B5D;
        text-decoration: none;
        line-height: 100%;
    }
     
    a:hover {
        font-style: normal;
        font-weight: normal;
        /* color: #3F1F27; */
        text-decoration: none;
        color:#a84444;
        border-bottom:1px dotted #a80000;
        padding-bottom: 1px;
    }
    
        /* LOGOUT */
        a#link-logout:link, a#link-logout:visited, a#link-logout:active {
            font-style: normal;
            font-weight: bold;
            color: #C69000;
            text-decoration: none;
            font-size: 8pt;
            border: none;
        }
         
        a#link-logout:hover {
            font-style: normal;
            font-weight: bold;
            color: #C69000;
            text-decoration: none;
            font-size: 8pt;
            border: none;
        }
        
    a img {
        margin-bottom: -3px;
        margin-right: 3px;
        margin-left: 3px;
    }
    
    a img.icon10 {
        margin-bottom: -1px;
        margin-right: 2px;
        margin-left: 2px;
    }
    
/* LINK MIT ICON */
    img.icon {
        margin-top: -3px;
        margin-right: 4px;
        margin-bottom: -4px;
    }

    img.bild {
    }

    img.pictogram,
    img.vereinslogo,
    img.unterschrift {
        border: 2px solid #C1DAD7;
    }

    img.icon_grau {
        margin-right: 2px;
        /*
        filter:alpha(opacity=40);
        -moz-opacity: 0.40;
        opacity: 0.40;
        */
    }

    
    
    
#hauptrahmen {
    display: table;
    border:1px solid #4f6b72;
    width: 98%;
    min-height: 500px;
    min-width: 850px;
	background: url(../images/absoften.png) !important;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 10px;
}

#liste {
    width: 360px;
    height: 600px;
    overflow-y: scroll;
    background-color: #ffffff;
    padding: 4px;
    text-align: left;
    
    border: 2px solid #C1DAD7;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-top: 0px;
    margin-left: 10px;
    /*
    width: 380px;
    min-width: 380px;
    height: 85%;
    position: absolute;
    right: 10px;
    top: 30px;
    overflow-y: scroll;
    border: 1px dashed #3F8670;
    background-color: #EBEBE4;
    margin: 10px;
    padding: 4px;
    */
}

    #liste table {
        border-collapse: collapse;
    }
    
    #liste td.first-line, #liste td.second-line {
        color: #4f6b72;
    }
    
        #liste td.first-line {
            padding-top: 4px !important;
            padding-left: 6px;
        }
        
        #liste td.second-line {
            padding-bottom: 6px !important;
            border-bottom: 1px solid #C1DAD7;
            font-weight: bold;
            font-style:italic !important;
            padding-left: 6px;
        }

        #liste .kollisionsconatiner{
            position: fixed;
            bottom: 50px;
            width: 350px;
            border: 1px solid black;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;

        }

        #liste .kollisionsconatiner td{
            padding: 5px;

        }

        #liste td.kollision {
            background-color: #C8C8C8;

        }
    
            #liste td.td-aktiv-view {
                background-color: #C1DAD7;
            }

            #liste td.td-aktiv-edit {
                background-color: #F9F9A2;
            }
            
            
                #liste table.tabelle-sportangebot td.zeitlich-begrenzt,
                #liste table.tabelle-wissensdatenbank td.nicht-freigegeben {
                    background-image: url(../images/absoften-rot.png);
                    background-repeat: repeat;
                    background-position: 0px 0px;
                }

                #liste table.tabelle-sportangebot td.sportangebot-nicht-veroeffentlicht,
                #liste table.tabelle-sportarten td.sportart-nicht-veroeffentlicht {
                    background-image: url(../images/absoften-grau.png);
                    background-repeat: repeat;
                    background-position: 0px 0px;
                }

                #liste table.tabelle-sportangebot td.fortlaufend {
                }
                
                #liste table.tabelle-jahrestage td.geburtstag {
                    
                }

                #liste table.tabelle-jahrestage td.jubilaeum {
                    background-color: #F9F9A2 !important;
                }

                #liste td.optgroup {
                    font-size: 9pt;
                    font-weight: bold;
                    color: #ffffff;
                    background-color: #4f6b72;
                    padding: 2px !important;
                    border-top: 1px solid #4f6b72;
                    border-bottom: 1px solid #C1DAD7;
                }
                
                    #liste td.optgroup-kollisionen {
                        border-top: 1px solid #FF0E17 !important;
                        background-color: #FF0E17 !important;

                    }
            
                #liste td.optgroup p.optgroup {
                    color: #ffffff;
                    margin: 4px 2px 5px 2px !important;
                }
                
                #liste td.optgroup p.optgroup img{
                    margin-right: 4px;
                    margin-bottom: -3px;
                }
                
                
            #liste div.geburtstage {
                /*display: none;*/
            }
    
    .liste-sportstaetten {
        width: 380px !important;
    }

#IconsExport {
    height: 30px;
    
}
    
#Loader {

    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: auto auto;
    z-index: 5000;
    text-align: center;
    background-image: url(../images/absoften.png);
    display: none;
    font-weight: bold;
    font-size: 13pt;
    
}
    
    #Loader img{

        margin-top: 180px;
        z-index: 5010;
    
    }

    
.copyright {
    font-size: 10px;
    width: 98%;
    margin: 0px 0px 10px 0px;
    padding-left: 20px;
}

.sa_kurzname, .sa_kurzname a, .pt_bezeichnung, .pt_bezeichnung a, .st_bezeichnung, .st_bezeichnung a, .ss_name, .ss_name a {
    background-color: #3F8670;
    color: white;
    margin-bottom: 4px;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px;
}

div.checklist {
    border: 1px inset #DBDFE6;
    padding: 2px 4px 2px 2px;
    background-color: #ffffff;
    overflow-y: auto;
}

    div.checklist img {
        margin-right: 3px;
    }

    #ChecklistSportstaetten{
        height: 95px;
        width: 450px;
    }

    #ChecklistSchwerpunkte{
        width: 450px;
        height: 95px;
    }

    #ChecklistSportstaettengruppen{
        width: 414px;
        height: 45px;
    }

    #ChecklistPersonentypen{
        width: 280px;
        height: 95px;
    }

    #ChecklistMenues{
        width: 480px;
        height: 220px;
    }
    
    #ChecklistFunktionen {
        height: 110px;
        padding-right: 30px;
        /* border: 1px solid #FFFFFF !important; */
    }

    
/* DIV FUER DEN RAHMEN EINER TABELLE */
    div.tabellenrahmen {
        padding: 0px;
        background-color: #ffffff;
        overflow-y: auto;
        margin-top: 4px;
        margin-bottom: 4px;
    }

        /* LEHRKRAEFTE */
        #TabellenrahmenLehrkraefte{
            max-height: 113px;
        }

            #TabellenrahmenLehrkraefte table{
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }

        /* FUNKTIONEN FUER INSTITUTION */
        #TabellenrahmenFunktionenFuerInstitution{
            max-height: 600px;
        }

            #TabellenrahmenFunktionenFuerInstitution table{
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }



/*

    VERTEILERLISTE

*/

	#verteiler1, #verteiler2 {
        list-style-type: none;
        margin: 5px;
        padding: 0;
        float: left;
        margin-right: 10px;
        width: 315px;
        height: 300px;
        border: 1px solid black;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    
        #verteiler1 li *,
        #verteiler2 li * {
            cursor: pointer;
            color: #ffffff;
            font-weight: bold;
        }
        
        #verteiler1 li {
            margin: 5px;
            padding: 5px;
            font-size: 1.2em;
            width: 190px;
            color: #ffffff;
            background-color: #BBBAB4;
            border: 1px solid #649948;
            -moz-border-radius: 3px;
        }
        
        #verteiler2 li {
            margin: 5px;
            padding: 5px;
            font-size: 1.2em;
            width: 190px;
            color: #ffffff;
            background-color: #BBBAB4;
            border: 1px solid #9F4B5D;
            -moz-border-radius: 3px;
        }
        
        #verteiler1 li small,
        #verteiler2 li small {
            font-weight: normal !important;
        }



/*

    VERSTECKBARE ELEMENTE

*/
    div[id^='hideable'] {
        display: none;
    }
      
    div[class*='hideable-opened'] {
        /*display: block !important;*/
    }
      
    img[id^='pm'] {
        cursor: pointer !important;
        margin-bottom: -2px;
        margin-right: 4px;
    }




/*

KALENDER

*/


table.kalender {
    margin-bottom: 0px;
}

    table.kalender > tr {
    }
        
        table.kalender tr > th.titel-jahr,
        table.kalender tr > th.titel-kalenderwoche,
        table.kalender tr > th.titel-sportstaettenvergleich {
            font-size: 18pt;
            color: #ff9900;
            text-shadow: 1px 1px 2px #666666;
            font-family: Verdana;
            font-weight: bold;
        }
        
            table.kalender tr > th.titel-kalenderwoche input[type=text],
            table.kalender tr > th.titel-sportstaettenvergleich input[type=text] {
                height: 30px !important;
                width: 42px !important;
                padding: 0px 0px 2px 0px;
                font-size: 18pt !important;
                font-family: Verdana;
                color: #ff9900;
                text-shadow: 1px 1px 2px #666666;
                font-weight: bold;
                text-align: center;
                border: 0;
                background-color: #eeeeee;
            }
        
        table.kalender tr > td {
            padding: 8px;
        }
        
div.container-kalender-monat {
    background-color: #e9faff;
    border: 1px solid #00A2DF;
    background: #e9faff; padding: 12px;
    -webkit-box-shadow: 3px 2px 5px #aaa;
    -moz-box-shadow: 3px 2px 5px #aaa;
    box-shadow: 3px 2px 5px #aaa;
    width: 250px;
    height: 210px;
}
        
table.tabelle-kalender-monat {
}

    table.tabelle-kalender-monat > tr {
    }
        
        table.tabelle-kalender-monat tr > td {
            padding: 4px;
            cursor: pointer;
            background: none;
        }

        table.tabelle-kalender-monat tr > th.titel-monat {
            font-size: 14pt;
            font-family: arial;
            color: #00000; /* 666699 */
            font-weight: bold;
            /*text-shadow: 0 -1px #00A2DF, 1px 0 #00A2DF, 0 1px #00A2DF, -1px 0 #00A2DF;*/
        }

        table.tabelle-kalender-monat tr > td.wochentag {
            border-bottom: 1px solid #666666;
            color:#666666;
            text-shadow: 1px 1px 2px #999999;
        }

        table.tabelle-kalender-monat tr > td.samstag,
        table.tabelle-kalender-monat tr > td.sonntag {
            /* background: #A9D3FB !important; */
            background-image: url(../images/absoften-grau.png) !important;
        }

        table.tabelle-kalender-monat tr > td.samstag span,
        table.tabelle-kalender-monat tr > td.sonntag span {
            color: #555555 !important;
        }
        
        table.tabelle-kalender-monat tr > td.kalenderwoche {
            border-right: 1px solid #666666;
        }











    
/*

SPORTANGEBOT

*/

    div#daily, div#weekly, div#monthly, div#yearly {
        display: none;
    }


/*

SCHLUESSEL

*/

    table.sportstaetten tr td table tr td.schloesser {
        background-color: #ffffff;
        border: 1px dashed #cccccc;
        padding: 2px 8px 2px 4px;
        background-image: linear-gradient(bottom, #D7F5F5 35%, #F0FAFA 68%);
        background-image: -o-linear-gradient(bottom, #D7F5F5 35%, #F0FAFA 68%);
        background-image: -moz-linear-gradient(bottom, #D7F5F5 35%, #F0FAFA 68%);
        background-image: -webkit-linear-gradient(bottom, #D7F5F5 35%, #F0FAFA 68%);
        background-image: -ms-linear-gradient(bottom, #D7F5F5 35%, #F0FAFA 68%);

        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.35, #D7F5F5),
            color-stop(0.68, #F0FAFA)
        );
    }



/*

SPORTARTPLAN

*/

    div.sportartplan ,
    div.sportstaettenplan {
        border-right: 2px solid black !important;
        border-bottom: 2px solid black !important;
        border-left: 2px solid black !important;
        background-color: lightgrey;
        z-index: 7000 !important;
        -webkit-box-shadow: 3px 3px 15px #A2A1B7;
        -moz-box-shadow: 3px 3px 15px #A2A1B7;
        box-shadow: 3px 3px 15px #A2A1B7;
    }


        div.sportartplan td {
        }

        
        div.sportartplan div.uhrzeiten,
        div.sportstaettenplan div.uhrzeiten {
            color: #555555;
            font-size: 8pt;
            margin-left: 0px;
            padding-left: 4px;
        }
        
        div.sportartplan div.zeitenbox,
        div.sportstaettenplan div.zeitenbox {
            position: absolute;
            cursor: pointer;
            text-align: center;
            background-color: #B1DAAE;
            color: #000000;
            font-size: 11px;
            border: 1px solid black;
            float: left;
            
            /*
            -webkit-box-shadow: 5px 5px 15px #A2A1B7;
            -moz-box-shadow: 5px 5px 15px #A2A1B7;
            box-shadow: 5px 5px 15px #A2A1B7;
            */
            
            /*
            background-image: linear-gradient(bottom, #B1DAAE 10%, #DBDAAE 55%);
            background-image: -o-linear-gradient(bottom, #B1DAAE 10%, #DBDAAE 55%);
            background-image: -moz-linear-gradient(bottom, #B1DAAE 10%, #DBDAAE 55%);
            background-image: -webkit-linear-gradient(bottom, #B1DAAE 10%, #DBDAAE 55%);
            background-image: -ms-linear-gradient(bottom, #B1DAAE 10%, #DBDAAE 55%);

            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.1, #B1DAAE),
                color-stop(0.55, #DBDAAE)
            );
            */
            
        }
        
        div.sportartplan div.zeitenbox:hover,
        div.sportstaettenplan div.zeitenbox:hover {
            border: 1px solid #666666;
            box-shadow: 0px 0px 9px #666666;
            /* width: 240px !important; */
        }
        
        div.sportartplan div.verfuegbarkeit,
        div.sportstaettenplan div.verfuegbarkeit{
             background-color: #ffffff !important;
        }

            div.sportartplan div.zeitenbox span.uhrzeit,
            div.sportstaettenplan div.zeitenbox span.uhrzeit {
                margin-top: 1px;
                color: #000000!important;
                font-size: 8pt !important;
                font-weight: bold;
            }

            div.sportartplan div.zeitenbox p.sportangebot,
            div.sportstaettenplan div.zeitenbox p.sportangebot {
                font-weight: bold;
                font-size: 11px;
                color: #000000!important;
            }

            div.sportartplan div.zeitenbox p.infos,
            div.sportstaettenplan div.zeitenbox p.infos {
                margin-bottom: 4px;
                color: #000000!important;
            }

            div.sportartplan div.zeitenbox p.datum,
            div.sportstaettenplan div.zeitenbox p.datum {
                margin-bottom: 4px;
                color: #000000!important;
            }
            
            
            div.sportartplan div.zeitenbox div.infobilder,
            div.sportstaettenplan div.zeitenbox div.infobilder {
                position: absolute;
                top: -6px;
                left: -6px;
            }
            
                div.sportartplan div.zeitenbox div.infobilder img,
                div.sportstaettenplan div.zeitenbox div.infobilder img {
                    float: left;
                }


            
            
/*

SPORTSTAETTENPLAN

*/


        
        div.sportstaettenplan div.stundenplan-wochentage {
            position: relative;
        }
        
            div.sportstaettenplan div.stundenplan-wochentage div.wochentag {
                border-top: 2px solid black;
                border-bottom: 2px solid black;
                position: absolute;
                background-color: #3F8670;
                font-weight: bold;
                color: #FFFFFF;
            }
            
                div.sportstaettenplan div.stundenplan-wochentage div.wochentag div {
                    margin-top: 4px;
                    color: #FFFFFF;
                }
        
        div.sportstaettenplan div.tagebox {
            border-right: 1px solid black;
        }
        
        

    

/*

TOOLTIP-INFO UND SONSTIGES

*/
    
    #tooltip-info {
        margin: 0px 0px 4px 2px;
        font-weight: bold;
    }
    
    #login-info {
        position: absolute;
        top:8px;
        color: #4f6b72;
        right:5px;
        width: auto;
    }

        #login-info a {
            color: #193D27;
            font-size: 6px;
        }
        
/*

MSGBOX (DIE HINTERGRUNDFARBE UND DER RAHMEN WERDEN JE NACH ART DER MELDUNG IN DER FUNKTION BESTIMMT)
    
*/

    div.msgbox {
        width: 400px;
        padding: 3px 5px 5px;
        margin: -22px 5px 50px 20px;
        top: 44px;
        left: 14px;
        z-index: 2000;
        position: fixed;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
    }
    
    div.msgbox_icon {
        vertical-align: top;
        float: left;
        width: 25px;
        padding: 2px 0px 0px 0px;
    }

    div.msgbox_text {
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        margin-left: 23px;
        padding: 2px 4px 2px 2px; 
    }

    
    
    
    
#logo-login-form {
    position: absolute;
    right: 10px;
    bottom: 10px;
   background: #ffffff url(../images/logo/logo200.jpg) no-repeat 0 0;
    width: 200px;
    height: 65px;
    z-index: -100;
}






.typeahead, .tt-query, .tt-hint {
    border-radius: 4px 4px 4px 4px;
    font-size: 14px;
    height: 40px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
    width: 365px;
    color: #000000;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {

}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 422px;
}
.tt-suggestion {
    font-size: 15px;
    line-height: 24px;
    padding: 3px 20px;
    color: #FFFFFF;
    overflow-y: auto;
}
.tt-cursor {
    background-color: rgb(102,175,233);
    color: #FFFFFF;
}
.tt-suggestion p {
    margin: 0;
    color: #000000;
}

.hilfe_menue{
    position: absolute;
    right: 20px;
    top: 30px;
    cursor: pointer;
}

.tooltip_templates { display: none; }


.drop_zone {
    background-color: #EEE;
    border: #999 1px dashed;
    width: auto;
    padding: 2px;
    height: 20px;
    font-size: 10px;
    margin: 2px;
}
.liste-mannschaften ul {

    padding: 0px;

    margin: 0px;
}


.liste-mannschaften ul li  {
    border-bottom: 1px solid black;

    list-style: none;
    height: 25px;
}

.liste-mannschaften .second-ul-line{
   margin-top: -15px;
}

.liste-mannschaften ul .optgroup{

    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #4f6b72;
    border-top: 1px solid #4f6b72;
    border-bottom: 1px solid #C1DAD7;
    height: 20px;
    margin-bottom: 10px !important;
    padding: 2px;
}
.liste-mannschaften ul .optgroup img{
    vertical-align: middle;
}