/* 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;
	}
 		  
/* 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 ;
	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;
	}
	
#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.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:470px;
	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;
}

/* ===== 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. */