/* CSS Document "Navigation" for Website of KSC BAHNFREI DAMM */


/*--------------------------------------------------------------
        Stiles Haupt-Menü
  ----------------------------------------------------------------
*/

#menu1_container {
        width: 76.1em;
       background-image:url(../grafik/background_footer.jpg);
       border-top: 1px solid #047404;
       padding-left: 0.5em;
}

#menu1_container ul {
       height: 2.2em;
}
#menu1_container ul li {
       list-style-type: none;
       list-style:none;
       line-height: 1.9em;
       padding-top: 0.3em;
       padding-bottom: 0.4em;
       padding-left: 1.0em;
       padding-right: 1.0em;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size:1.1em;
         font-weight:bold;
         text-decoration:none;
         color:#FFFF00;
       display: inline;
}
         /*        background-image:url(../grafik/background_footer.jpg);
*/
/*
.menu{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1.1em;
        font-weight:bold;
        text-decoration:none;
                color:#FFFF00;

}
*/
/*
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente

PADDING:
Eine Angabe bedeutet: alle vier Ränder des Elements erhalten den gleichen Innenabstand.

Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts und links und die dritte den Abstand für unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links.



*/

.menu a:link{
        color:#FFFFff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-decoration:none;
}

.menu a:visited {
        color:#FFFFFF;
        text-decoration:none;
}

.menu a:hover{
        color:#ffffff;
        font-weight:bold;
        text-decoration:underline;
}

.menu a:focus{
        color:#ffffff;
        font-weight:bold;
        text-decoration:underline;
}

.menu a:active{
        color:#ffffff;
        font-weight:bold;
}



/*--------------------------------------------------------------
        Stiles Sub-Menüs

         submenu_container: enthält div'submenu' + div'tagesinfo'
         submenu: sub-menu items
         tagesinfo: aktuelles datum
----------------------------------------------------------------*/


#submenu_container{
         width: 76.6em;
         height:2.0em;
         margin: 0em;
         padding: 0em;
         background-color: #389e4a;
}

div#submenu{
         width: 53.0em;
         height:1.9em;
         margin: 0em;
         text-align: right;
         padding-top: 0.1em;
         padding-bottom: 0.1em;
         padding-left: 0.8em;
         padding-right: 0.8em;
         font-size:1em;
         text-decoration:none;
         float: left;
}

.umenu {
         height:1.8em;
         display:none;
         margin:0em;
         float: left;
}

ul#untermenu li {
         list-style-type: none;
         list-style:none;
         line-height: 1.8em;
         padding: 0.2em 0.8em 0.2em;
         display: inline;
}

.menu2{
        padding-left:0.8em;
        padding-right:0.5em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1em;
        text-decoration:none;
        color:#ffffff; /*#047404; */
}

.menu2 a:link{
        padding-left:0em;
        padding-right:0em;
            font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1em;
        text-decoration:none;
        color:#ffffff; /*#047404; */
}

.menu2 a:visited {
        color:#ffffff; /*#047404; */
        font-size:1em;
        text-decoration:none;
}

.menu2 a:hover{
        color:#ffffff;
        font-size:1em;
        text-decoration:underline;
}

.menu2 a:focus{
        color:#ffffff; /*#047404; */
        font-size:1em;
        text-decoration:underline;
}

.menu2 a:active{
        color:#ffffff; /*#047404; */
        font-size:1em;
}

div#tagesinfo{
         width: 20em;
         height:1.9em;
         margin: 0em;
         text-align: right;
         padding: 0.4em 0.5em 0.0em 0.0em;
         color:black;
         font-size:1em;
         text-decoration:none;
         float: right;
}

/*<!--        trennt menüs im header -->*/
.spacer {
        height:1px;
        background-color:#FFFFFF;
}

/*--------------------------------------------------------------
        In-Page Menüs
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente
----------------------------------------------------------------*/


div#InpageNaviMain {
         height:2em;
         margin-top:0.5em;
         margin-bottom:0em;
         padding-top:0.4em;
         padding-bottom:0.4em;
         border-top:0.1em solid gray;
         border-bottom:0.1em solid gray;
         overflow: hidden;
}
div#InpageNaviItems {
         vertical-align:text-top;
}

#divSubNavi {
         width: auto;
         margin:0;
         margin-bottom:2em;
         padding:0;
         padding-top:1em;
}


#in_page_navigation {
         padding:0em;
}

#in_page_navigation ul {
         list-style: none;
         line-height: 1.2em;
         padding: 0;
         margin: 0;
         margin-left: 0em;
}
#in_page_navigation ul li {
         display: inline;
         font-weight:bold;
         font-size:1.0em;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.0em;
         padding-bottom: 0.4em;
}
#in_page_navigation ul li input{
         cursor:pointer;
         display: block;
         float:left;

         color:#047404;
         background-color:#ffffff;
         text-decoration:none;
         font-weight:bold;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.4em;
         padding-bottom: 0.4em;
}
#in_page_navigation ul li a{
         float:left;

         display: block;
         text-decoration:underline;
         color:#047404;
         font-weight:bold;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.4em;
         padding-bottom: 0.4em;
}
#in_page_navigation ul li a:visited {
         color:#047404;
         background-color:#ffffff;
         font-size:1em;
         font-weight:bold;
         text-decoration:none;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.4em;
         padding-bottom: 0.4em;
}

#in_page_navigation ul li a:focus{
         color:#e8e8e8;
         background-color:#047404;

         text-decoration:underline;
         font-weight:bold;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.4em;
         padding-bottom: 0.4em;
}

#in_page_navigation ul li a:hover{
         display: block;
         float:left;

         color:#e8e8e8;
         background-color:gray;
         text-decoration:none;
         font-weight:bold;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.4em;
         padding-bottom: 0.4em;
}

#in_page_navigation ul li a:active{
         color:#e8e8e8;
         background-color:#047404;
         text-decoration:none;
         font-weight:bold;

         margin-right: 0.2em;
         padding-top: 0.2em;
         padding-right: 0.4em;
         padding-left: 0.4em;
         padding-bottom: 0.4em;
}


/*--------------------------------------------------------------
        In-Page Menüs
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente
----------------------------------------------------------------*/

#in_page_sub_navigation {
         padding:0em;
}

#in_page_sub_navigation ul {
         list-style: none;
         line-height: 1.2em;
         padding: 0;
         margin: 0;
         margin-top: 1em;
         width: 78em;
         height: 2em;
}
#in_page_sub_navigation ul li {
        display: inline;
        padding-left: 0.4em;
        padding-right: 0.4em;
}
#in_page_sub_navigation ul li a{
        display: block;
        float:left;
        margin: 0em;
        color:#047404;
        text-decoration:underline;
        text-align:center;
        padding-left: 0.4em;
        padding-right: 0.4em;
        padding-top: 0.3em;
        padding-bottom: 0.4em;
        margin-right: 0.3em;
}
#in_page_sub_navigation ul li a:visited {
        color:#047404;
        background-color:#ffffff;
        font-size:1em;
        text-decoration:underline;
        padding-left: 0.4em;
        padding-right: 0.4em;
        padding-top: 0.3em;
        padding-bottom: 0.4em;
}

#in_page_sub_navigation ul li a:focus{
        color:#ffffff;
        background-color:#389e4a;
        text-decoration:underline;
        padding-left: 0.4em;
        padding-right: 0.4em;
        padding-top: 0.3em;
        padding-bottom: 0.4em;
}

#in_page_sub_navigation ul li a:hover{
        display: block;
        float:left;
        color:#ffffff;
        background-color:gray;
        text-decoration:none;
        padding-left: 0.4em;
        padding-right: 0.4em;
        padding-top: 0.3em;
        padding-bottom: 0.4em;
}

#in_page_sub_navigation ul li a:active{
        color:#ffffff;
        background-color:#047404;
        text-decoration:none;
        padding-left: 0.4em;
        padding-right: 0.4em;
        padding-top: 0.3em;
        padding-bottom: 0.4em;
}