/* DATEI: efv.css */

body {
        margin:0px;
        font-family:verdana, arial, helvetica, sans-serif;
        color:#fff;
        background-color:#3d4b78; }

/* Vorgaben fuer horizontale Linien */
hr { color:#004b20; }

/* Schriftart fuer Textelemente */
/* Arial,sans-serif = Arial und serifenlose Schrift */
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
     { font-family:verdana, arial, helvetica, sans-serif; }

/* Angaben fuer die Ueberschriften: */
h1 {
        margin:0px 0px 15px 0px;
        padding:0px;
         font-size:160%;
         font-weight:bold;
         text-align:left;
         }

h2 {
        font-size:140%;
         font-weight:bold;
        text-align:left;
        margin-top:1em;
        margin-bottom:0.5em;
        }

h3 {
        font-size:120%;
         font-weight:bold;
        text-align:left;
        }

h4 {
        text-align:left;
    font-style:italic;
    font-weight:normal;
    }

/* Standardschriftgroesse */
p,ul,ol,li,div,td,th,address,nobr,b,i {
        font-size:11pt;
        }

pre {
        font-family:"Courier New", Courier, monospace;
    font-size:11pt;
    color:#0000C0;
    }

tt {
        font-family:"Courier New", Courier, monospace;
    font-size:10pt;
    color:#0000C0;
    }

.floatstop {
        clear:both;
}

.center{
        margin-left: 20%;
        margin-right: 20%;
}



#Kopf {
        margin:0px;
        border:0px;
        padding:0px;
        padding-top: 10px;
        padding-bottom: 10px;
        width:65em;
        height:130px;
        background-color:inherit;
        background-image:url(Bilder/Chorbanner.jpg);
        background-position:top right;
        background-repeat:no-repeat;
        }

/*  Portrait auf der Hauptseite */
#Kopf div.Logobox {
        float:left;
        width:13em;
        padding:0px;
        margin:0px;
        border:0px;
        text-align:center;
}

div.Logo{
        height:77px;
}

div.Logo img        {
        border-width:0px;
        padding:0px;
        vertical-align:middle;
        text-align:center;
        width:131px;
        height:120px;
        }


#Kopf div.Textbox {
        padding: 0px;
        border:0px;
        margin-top:0px;
        margin-left:13em;
        width:23em;
        }

#Kopf div.Inhalt {
        padding:0px;
        border:0px;
        margin:0px;
        margin-left:1px;
        height:91px;
        }
/*  Gestaltung der Links */
#Kopf div.Inhalt a:link {
        color:#00ffff;
        text-decoration:underline;
        }

#Kopf div.Inhalt a:visited {
        color:#ffffff;
        text-decoration:underline;
        }

/* Angaben fuer die Ueberschriften: */
#Kopf div.Inhalt h1 {
        margin: 14px 0px 10px 0px;
        padding:0px;
         font-size:200%;
         font-weight:bolder;
         text-align:left; }

#Kopf div.Inhalt h2 {
        margin: 0px;
        padding:0px;
         font-size:110%;
         font-weight:bolder;
         text-align:left; }

#Kopf div.Inhalt p {
         font-size:100%;
        margin:0px;
         text-align:left;
         }

/*
        Alles rund um die Trennlinie zwischen Kopf und Haupttext:
        Trennzeile: aeusserer Rahmen zum absoluten Positionieren
        Kopfinhalt: platziert den Text innerhalb des Rahmens vorallem
                                linker Rand für das Logo und
                                Randlinien rechts und links.
                                Spezielle Angaben zur Überschriften und Paragraphen
*/

div.Trennzeile {
        height:18px;
        clear:both;
        border-width:0px;
        margin:0px;
        margin-left:0.5em;
        border-top: 1px solid #232b44;
        border-bottom: 1px solid #232b44;
        color:#232b44;
        background-color:#d6d6d6;
        }

div.Trennzeile p {
        padding:0px 1em 0px 1em;
        margin:0px;
        text-align:right;
        font-size:10pt;
        font-weight:bolder;
        }



#Hauptteil {
        margin:0px 0em 0px 13em;
        padding:1em;
        width:50em;
        color:#3d4b78;
        background-color:#eef0f8;
        border: 1px solid #000;
        }

/*  Gestaltung der Absätze */
#Hauptteil p {
        text-align:left;
        margin:0pt;
        }

#Hauptteil p+p {
         text-indent:2em;
        }

#Hauptteil p.noindent {
        text-indent:0;
        margin-top:0.5em;
        }

#Hauptteil p.noindentjustify {
        text-indent:0;
        margin-top:0.5em;
        text-align:justify;
        }

#Hauptteil p.justify {
        text-align:justify;
        }

#Hauptteil p.right {
        text-align:right;
        }

#Hauptteil p.Bildzeile {
        margin: 1em 0px;
        text-indent:0;
        text-align:center;
        }

#Hauptteil img.mitRand {
        border: 1px solid #000
        }

/*  Gestaltung der Links */
#Hauptteil a:link {
        color:blue;
        text-decoration:underline;
        }

#Hauptteil a:active {
        color:#ff9409;
        text-decoration:underline;
        }

#Hauptteil a:hover {
        color:#ff9409;
        text-decoration:underline;
        }

#Hauptteil a:visited {
        color:#005ac8;
        text-decoration:underline;
        }

#Hauptteilalbum {
        margin:0px 0em 0px 13em;
        padding:1em;
        width:50em;
        color:#ffffff;
        background-color:#3D4B78;
        border: 1px solid #d6d6d6;
        }

/*  Gestaltung der Absätze */
#Hauptteilalbum p {
        text-align:left;
        margin:0pt;
        }

#Hauptteilalbum p+p {
         text-indent:2em;
        }

/*  Gestaltung der Links */
#Hauptteilalbum a:link {
        color:#ffffff;
        text-decoration:underline;
        }

#Hauptteilalbum a:active {
        color:#ff9409;
        text-decoration:underline;
        }

#Hauptteilalbum a:hover {
        color:#ff9409;
        text-decoration:underline;
        }

#Hauptteilalbum a:visited {
        color:#00ffff;
        text-decoration:underline;
        }

#Hauptteilalbumbild {
        margin:0px 0em 0px 0em;
        padding:0.5em;
        width:65em;
        color:#ffffff;
        background-color:#3D4B78;
        }

/*  Gestaltung der Links */
#Hauptteilalbumbild a:link {
        color:#ffffff;
        text-decoration:underline;
        }

#Hauptteilalbumbild a:active {
        color:#ff9409;
        text-decoration:underline;
        }

#Hauptteilalbumbild a:hover {
        color:#ff9409;
        text-decoration:underline;
        }

#Hauptteilalbumbild a:visited {
        color:#00ffff;
        text-decoration:underline;
        }

div.Blockzentriert {
        margin-left: 20%;
        margin-right: 20%;
        margin-top:1em;
        margin-bottom:1em;
        caption-side:bottom;
}

div.Bildrechts {
        float:right;
        margin-top:1em;
        margin-bottom:1em;
        margin-left:1em;
}

div.Bildlinks {
        float:left;
        margin-top:1em;
        margin-bottom:1em;
        margin-right:1em;
}


div.Kasten {
        padding:0px;
        margin-top:1em;
        margin-bottom:0.5em;
        color:#3d4b78;
        background-color:#d6d6d6;
}

div.Kasten.extratop{ margin-top:1em; }

div.Kasten h1 {
        margin:0px;
        padding:1px 1em;
         font-size:100%;
         font-weight:bold;
         text-align:left;
        color:#fff;
        background-color:#3d4b78;
}

div.Kasten p {
        margin:0px;
        padding:0px;
        margin-left:2em;
        padding-top:0.5em;
        padding-left:1em;
        padding-right:1em;
}

/* Liste der Navigationspunkte links */
div.Kasten  ul {
        margin:0px;
        padding:0px;
        margin-left:2em;
        padding-top:0.5em;
        padding-right:1em;
        list-style-type:square;
}

div.Kasten li {
        padding-bottom:0.5em;
}


/* Gestaltung der Schlusszeile */

#Hauptteil div.bottomline {
        font-size:  inherit;
        text-align: right;
    margin-top:2em;
        padding-top:3pt;
        padding-bottom:5pt;
        border-top:2px dotted #3d4b78;
        clear:both;
         }

#Hauptteil div.bottomline p {
        padding:0px;
        margin:0px;
        text-align: right; }

#Hauptteilalbum div.bottomline {
        font-size:  inherit;
        text-align: right;
    margin-top:2em;
        padding-top:3pt;
        padding-bottom:5pt;
        border-top:2px dotted #3d4b78;
        clear:both;
         }

#Hauptteilalbum div.bottomline p {
        padding:0px;
        margin:0px;
        text-align: right; }

#Hauptteilalbumbild div.bottomline {
        font-size:  inherit;
        text-align: right;
    margin-top:2em;
        padding-top:3pt;
        padding-bottom:5pt;
        border-top:2px dotted #3d4b78;
        clear:both;
         }

#Hauptteilalbumbild div.bottomline p {
        padding:0px;
        margin:0px;
        text-align: right; }

#Hauptteil div.Zaehler {
        margin-top:1em;
        text-align:center;
}

#Hauptteil div.Zaehler img {
        padding:2px 0px 1px 4px;
        border:1px solid #3d4b78;
        background-color:#eef0f8;
}

/* Alles rund um die Tabelle mit den Probenterminen */
div.Probentafel {
        margin-left:2em;
        margin-right:2.5em;
        margin-bottom:1em;
        padding:0px;
        line-height:1.3em;
        }

div.Probentafel table {
        color:inherit;
        background-color:inherit;
        border:0px;
        padding:0px;
        border-spacing:0px 2px;
        vertical-align:top; }

div.Probentafel tr.head {
        color:#fff;
        background-color:#3d4b78 ;
    font-weight:bold;
    border:0;
        border-spacing:0px;
    text-align:center;
        line-height:1.5em; }

div.Probentafel td.head {
        background-color:inherit ;
    font-weight:inherit;
    padding:2px 5px;
    border:0;
    text-align:center; }

div.Probentafel td {
        background-color:inherit ;
        padding: 2px 5px;
        text-align:left; }

div.Probentafel td.day, td.time, td.item {
        background-color:inherit ;
        padding: 2px 0.5em;
        text-align:left; }

div.Probentafel td.Ferien {
        background-color:inherit ;
        padding: 2px 0.5em;
        text-align:center; }

div.Probentafel tr {
        background-color:inherit ;
        vertical-align:top;
        }

div.Probentafel tr.Mo {
        background-color:#d6d6d6 ; }

div.Probentafel tr.Do {
        background-color:#d6d6d6 ; }

div.Probentafel tr.Ferien {
        background-color:#d3eba0 ; }

div.Probentafel tr.Ferien:hover {
        background-color:#c8f36d ; }

div.Probentafel tr.Mo:hover {
        color:#fff;
        background-color:#3d4b78;
        }
div.Probentafel tr.Do:hover {
        color:#fff;
        background-color:#3d4b78;
        }
/*  Gestaltung der Links */
#Hauptteil div.Probentafel a:link {
        color:blue;
        background-color:inherit;
        }

#Hauptteil div.Probentafel a:active {
        color:#ff9409;
        background-color:inherit;
        }

#Hauptteil div.Probentafel a:hover {
        color:#fff;
        background-color:inherit;
        }

div.Probentafel a:visited {
        color:#005ac8;
        background-color:inherit;
        }

/* Alles rund um die Tabelle mit den Probenterminen */
div.Material {
        margin-left:2em;
        margin-right:2.5em;
        margin-bottom:1em;
        padding:0px;
        line-height:1.3em;
        }

div.Material table {
        color:inherit;
        background-color:inherit;
        border:0px;
        padding:0px;
        border-spacing:2px 2px;
        vertical-align:top; }

div.Material tr.head {
        color:#fff;
        background-color:#3d4b78 ;
    font-weight:bold;
    border:0;
        border-spacing:0px;
    text-align:center;
        line-height:1.5em; }

div.Material td.head {
        background-color:inherit ;
    font-weight:inherit;
    padding:2px 5px;
    border:0;
    text-align:center; }

div.Material td {
        background-color:inherit ;
        text-align:left; }

div.Material td.Zwischenueberschrift {
        background-color:inherit ;
  font-weight:bold;
        text-align:center;
        margin:3px;
        /* border-left: 1px solid white; */
        padding: 2px 0.5em;
        }

div.Material td.Name {
        background-color:inherit;
        font-weight: bold; 
        text-align:left;
        margin:2px;
        /* border-left: 1px solid white; */
        padding: 2px 0.5em;
        }

div.Material td.Stimme {
        background-color:inherit ;
        text-align:center;
        width:50px;
        height:18px;
        }

div.Material td.Stimmedoppelt {
        background-color:inherit ;
        text-align:center;
        width:102px;
        height:18px;
        }

div.Material tr {
        background-color:inherit ;
        }

div.Material tr.Mo {
        background-color:#d6d6d6 ; }

div.Material tr.Do {
        background-color:#d6d6d6 ; }

div.Material td.Stimme:hover {
        color:#fff;
        background-color:#3d4b78;
        }

div.Material td.Stimmedoppelt:hover {
        color:#fff;
        background-color:#3d4b78;
        }

/*  Gestaltung der Links */

#Hauptteil div.Material a {
        text-decoration: none;
        background-color:inherit;
        display:block;
        }

#Hauptteil div.Material a:link {
        color:blue;
        }

#Hauptteil div.Material a:active {
        color:#ff9409;
        }

#Hauptteil div.Material a:hover {
        color:#fff;
        }

div.Naviline {
        height:18px;
        clear:both;
        border-width:0px;
        margin:0px;
        margin-top:1em;
        text-align:center;
        border-top: 1px solid #232b44;
        border-bottom: 1px solid #232b44;
        color:#232b44;
        background-color:#d6d6d6;
        }

div.Naviline2 {
        height:18px;
        clear:both;
        border-width:0px;
        margin:0px;
        margin-top:0em;
        text-align:center;
        border-bottom: 1px solid #232b44;
        color:#232b44;
        background-color:#d6d6d6;
        }

div.Naviline3 {
        height: 18px;
        clear: both;
        border-width: 0px;
        margin: 0px;
        margin-top: 1em;
        text-align: center;
        border-top: 1px solid #232b44;
        border-bottom: 0px solid #232b44;
        color:#232b44;
        background-color:#d6d6d6;
        }

div.Naviline4 {
        height:18px;
        clear:both;
        border-width:0px;
        margin:0px;
        margin-top:0em;
        text-align:center;
        color:#232b44;
        background-color:#d6d6d6;
        }

#Hauptteil div.Naviline p {
        padding:0px 1em 0px 1em;
        margin:0px;
        text-align:center;
        font-size:10pt;
        }

#Hauptteil div.Naviline2 p {
        padding:0px 1em 0px 1em;
        margin:0px;
        text-align:center;
        font-size:10pt;
        }

#Hauptteil div.Naviline3 p {
        padding:0px 1em 0px 1em;
        margin:0px;
        text-align:center;
        font-size:10pt;
        }

#Hauptteil div.Naviline4 p {
        padding:0px 1em 0px 1em;
        margin:0px;
        text-align:center;
        font-size:10pt;
        }

#Hauptteil div.Ankuendigung p {
        margin:.5em 0px;
        text-align:center;
        font-weight:bold;
        }

#Hauptteil div.Ankuendigung p+p {
         text-indent:0px;
        }

#Hauptteil div.Ankuendigung h3 {
        text-align:center;
        font-size:130%;
        font-weight:bold;
        margin-bottom:0.5em;
        }

div.OrtundZeit {
        padding:1em;
        margin-left:10em;
        margin-right:10em;
        margin-top:1em;
        margin-bottom:1em;
        color:#3d4b78;
        background-color:#d6d6d6;
        border: 1px solid #3d4b78;
}

#Hauptteil div.OrtundZeit p {
        margin:.5em 0px;
        text-align:center;
        font-weight:normal;
        }

#Hauptteil div.OrtundZeit p+p {
         text-indent:0px;
        }


#Hauptteil div.R        a:link { color:#3D4B78; }
#Hauptteil div.R        a:visited { color:#3D4B78; }
#Hauptteil div.R        a:active {  color:#ff6902; }
#Hauptteil div.R        a.OrteEm { color:#000000; font-weight:bold; }
#Hauptteil div.R        a.Orte { color:#000000; }

/*  Linke Spalte für die Navigation
        linkeSpalte:        Rahmen für linke Spalte
        leftNavSurround: poitioniert linke Navigation in dem Rahmen
        validation:                positioniert die diversen Validierungsbuttons im Rahmen
*/

#linkeSpalte {
         position:absolute;
        top:150px;
        left:0px;
        margin:0px;
        padding:0px;
        width:13em;
        background-color:#3d4b78;
}

#Navigation {
        width:11em;
        height:520px;
        padding:0px;
        background-color: inherit;
        border:  0px;
        margin:0em 1.5em 1em 0.5em;
        }

#validation        {
        width:11em;
        padding:0px;
        background-color: inherit;
        border:  0px;
        margin:0em 1.5em 1em 0.5em;
        }

/* Liste der Navigationspunkte links */
#Navigation ul {
        margin:0px;
        padding:0px;
        background-color: inherit;
        list-style-type:none;
}

/* Einzelner Listeneintrag - LINKS */
#Navigation li {
        margin:0px;
        margin-top: 2px;
        padding:0px;
        display:inline; /* Beseitigt Luecke zwischen Nav-Eintraegen in IE5 */
}
/* ==== Angaben zur 1. Stufe === */

/*  */
#Navigation ul.levelOne {
        background-color: inherit;
}

/* Normal */
#Navigation li a {
        background-image:url(Bilder/gifs/Bassschl_n.gif);
        background-repeat:no-repeat;
        background-position: left bottom;
        font-weight:bold;
        text-decoration: none;
        font-size:11pt;
        display:block;
        margin: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
        padding: 3px 4px 3px 23px; /* Einzug 15px */
        border:1px solid #000;
}

#Navigation li a:link {
        background-image:url(Bilder/gifs/Bassschl_n.gif);
        background-color:#232b44;
        color: #fff; }

#Navigation li a:visited {
        background-image:url(Bilder/gifs/Bassschl_n.gif);
        background-color:#232b44;
        color: #fff; }

/* AKTIV und MouseOver */
#Navigation li a.current,
#Navigation li a.current:link,
#Navigation li a.currentChild,
#Navigation li a.current:hover {
        background-image:url(Bilder/gifs/Bassschl_h.gif);
        background-color: #6880cb;
}

#Navigation li a:hover,
#Navigation li a.currentChild:hover{
        background-image:url(Bilder/gifs/Bassschl_m.gif);
        background-color: #4b5c92;
        color: #fff;
}

/* ==== Angaben zur 2. Stufe ==== */

/* Liste von 2nd Level-Einträgen */
#Navigation ul.level2 {
        background-color: #3d4b78;
        color: #fff;
}

/* Normal */
#Navigation ul.level2 li a {
        color: inherit;
        font-size: 10pt;
        font-weight:bold;
        margin-left:10px;
        padding:3px 4px 3px 22px; /* Einzug 24px */
        line-height:14pt;
        border:1px solid #000;
}

/* ==== Angaben zur 2. Stufe ==== */

/* Liste von 3rd Level-Einträgen */
#Navigation ul.level3 {
        background-color: #3d4b78;
        color: #fff;
}

/* Normal */
#Navigation ul.level3 li a {
        color: inherit;
        font-size: 10pt;
        font-weight:bold;
        margin-left:20px;
        padding:3px 4px 3px 21px;
        line-height:14pt;
        border:1px solid #000;
}

/* ===== ENDE Linke Navigation =============================== */



/*  Gestaltung Link nach oben */
#Hauptfeld p.gototop {
  margin-top:0px;
  text-align:right;
  font-size:80%; }

#Hauptfeld p+p.gototop {
  margin-top:0px;
  text-align:right;
  font-size:80%; }

/*  Gestaltung der Kommentare */

#Hauptfeld p.comment, #Hauptfeld p+p.comment{
        text-align: left;
        font-style:italic;
        }

/*  Gestaltung Bildrand */

#Hauptfeld img.Rand {
        border-width:1px;
        border-color:#004b20;
        border-style:solid;
        }


.floatcontainer:after{
        content: ".";
        display:block;
        height: 0;
        font-size:0;
        clear:both;
        visibility:hidden;
        }
.floatcontainer{display: inline-block;}

/* Hides from IE-mac\*/
* html .floatcontainer {height: 1%;}
        .floatcontainer{display: block;}
/* end hide from IE-mac. */