@charset "UTF-8";
/* CSS Document */

    body  {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		background: url(../background/bg_verlauf_rot4.gif) repeat-x fixed #DE0000;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }

     #container { 
    	width: 780px;  /*momax:830 Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #FFFFFF;
    	margin: 20px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	
	
	
     #header { 
    	background: #FFFFFF; 
    	padding: 0 20px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
		margin: 0px;
    } 
     #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0 0 21px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }

	   #footer { 
    	background: #FFFFFF; 
    	padding: 0 20px 0 20px;
    } 
	
	
     #sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background: #CCCCCC ; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. #CBCBCB*/
		margin: 10px 0 0 0;
    	padding: 15px 10px 15px 20px;
		font-family:Arial, Helvetica, sans-serif;
    }
	
	
		
		 #sidebar1 a:link { color: #000000; text-decoration:none;}
		 #sidebar1 a:visited { color: #000000; text-decoration:none;}
		 #sidebar1 a:active { color: #990000; text-decoration:none;}
		 #sidebar1 a:hover {color: #990000; background-color:#AAAAAA; text-decoration:none;}
		 
		 #hier a:link { color: #990000; text-decoration:none;}
		 #hier a:visited { color: #990000; text-decoration:none;}
		 #hier a:active { color: #990000; text-decoration:none;}
		 #hier a:hover {color: #990000; background-color:#AAAAAA; text-decoration:none;}
		
		 #sidebar1 ul{
			list-style-type:none;
			list-style-image: url(../images/favicon.gif);
			font-size:14px;
			margin: 0 0 0px 8px;
			padding: 0 0 0px 8px;
			font-weight:bold;
			line-height:1.5;
			
		}
		#sidebar1 .menu1:before{ con}
		/*#sidebar1 .menu2:before{content:"    : ";}*/
		
		#sidebar1 ul ul{
			list-style-type:square;
			list-style-image:none;
			font-size:12px;
			margin: 0 0 10px 5px;
			padding: 0 0 0px 5px;
			font-weight:normal;
			line-height:1.2;
		
		}
		
		#sidebar1 ul ul ul{
			list-style-type: circle;
			list-style-image:none;
			font-size:11px;
			margin: 0 0 2px 10px;
			padding: 0 0 0px 5px;
			font-weight:normal;
			line-height:1.2;		
		}
		
		
		
		#sidebar1 .hier{
		color:#990000;
		}
		
		#sidebar1 hr{
			line-height:1;
			color:#333333;
			width:70px;
			
			}
	
	 .studienjahre{
	 	text-decoration:none;
		font-weight:normal;
		font-size:11px;
		color:#000000;
		line-height:1;
		border-color:#000000;
	 
	 }
		/*#studienjahre a:link { color: #000000;text-decoration:none; text-transform:none;}
		#studienjahre a:visited { color: #000000;text-decoration:none;text-transform:none;}
		#studienjahre a:active { color: #000000;text-decoration:none;text-transform:none;}
		#studienjahre a:hover {color: #990000;text-decoration:none;text-transform:none; font-weight:normal}*/
	
	#language {
		float:right;
	}	
	
	
     #mainContent { 
    	margin: 0 0 0 230px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 0 20px 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 


		#mainContent .musikschule {
			font-family:Arial, Helvetica, sans-serif;
			background-attachment: fixed;
			font-weight:bolder;
			background-image:url(../background/Grafik3a.jpg);
			background-color:#9999ff;
			text-align:justify;
			}
		#mainContent a:link { color:#0000FF;}
		#mainContent a:visited {color:#0000FF;}
		#mainContent a:active { color:#990000;}
		#mainContent a:hover {color: #0000FF; background-color:#dddddd;}
			
		#mainContent table {font-weight:normal;}
		
		#mainContent h1{color:#990000;
			font-size:Large;
			}
		#mainContent h1:before {
			content: ":: ";
			}
			
		#mainContent h2{font-size:Large;
			}
		#mainContent hr{
			/*border: 0px; /* Für Firefox und Opera */
			border-top: solid 1px #990000; /* FFFFFF*/
			background-color: #FFFFFF; /*  FF9933*/
			border-bottom: solid 1px #990000;
		}
		
		
		
		/*Veranstaltungen*/
		#mainContent .veranstaltung {
			font-weight:bold;
			color:#CC0032;
			}
		#va .veranstaltung {
			font-size:larger;
			color:#CC0032;
			}
		.veranstaltung2 {
			font-size:large;
			font-weight:bold;
			color:#CC0032;
			}
		#mainContent .dozent { font-weight:bold}
		#mainContent .bemerkung {font-size: smaller}
		#mainContent .monat {
			font-weight:bold;
			font-size:large;
			background-color:#CC0032;
			color:white;
			vertical-align:text-top;
		}
		#mainContent .instrument {
			font-weight:bold;
			font-size:large;
			background-color:#000099;
			color:white;
			vertical-align:text-top;
		}
		#mainContent .instrum-normal {
			font-weight:bold;
			font-size:medium;
			background-color:#000099;
			color:white;
			vertical-align:text-top;
			border-bottom-width:medium;
		}
		
		#mainContent h6 {
		font-size:x-large;
		font-weight:bold;
		border-bottom-color:#990000;
		border-bottom-style:solid;
		border-bottom-width:thin;
		}

		/*hr {
			  border: none;
			  background-color: #a94044;
			  color: #990000;
			  height: 1px;
		}*/
		
		
		/*Tabellen*/
		#table-le {
		  border-collapse:collapse;
		  border-spacing:0;
		  border:thin;
		  border-width:0;
		  padding:1px;
		  width:98%;
		  margin:auto;
		}
		
		#table-le th {
		  border-style:solid;
		  border-width:1px;
		  border-color:#000000;
		  padding:1px;
		  background-color:#FFFFFF;
		  color:inherit;
		  text-align:left;
			font-weight:bold;
			background-color:#CC0032;
			color:white;
			vertical-align:text-top;
			padding-left:5px;
			padding-right:10px;
		
		}
		
		#table-le tr {
		  border-style:solid;
		  border-width:1px;
		  border-color:#000000;
		  padding-left:5px;
		  background-color:#FFFFFF;
		  color:inherit;
		  text-align:left;
		}
		
		#table-le td {
		  border-style:solid;
		  border-width:1px;
		  border-color:#000000;
		  padding-left:5px;
		padding-right:10px;
		}
		
		#table-le td.lehrkraft {
		  border-style:solid;
		  border-width:1px;
		  border-color:#000000;
		  padding-left:5px;
			padding-right:10px;
		  font-weight:bold;
		  width:200px;
		}
		
		#table-le td.fach {
		  border-style:solid;
		  border-width:1px;
		  border-color:#000000;
		  padding-left:5px;
			padding-right:10px;
		  width:45%;
		}
		
		/*Tabellen Ende*/
		
		
		#strato {
			border: 1px solid #000000;
		}



    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
	
	.lable{
		text-align:center;
		font-style:italic;
	}
	
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

	
	.edit { /*Datum der Seite*/
	color: #000000;
	font-size:x-small;
	font-weight:normal;
	text-align:right;
	vertical-align:text-bottom;
	font-family:Arial, Helvetica, sans-serif;
	}