/* zusätzliche Schriftarten */
	/* Zuerst für for IE 4–8 */
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb.eot");
	}
/*	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-Bold.eot");
		font-weight:bold;
	}
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-Ita.eot");
        font-style:inherit;
	}
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-BoldIta.eot");
		font-weight:bold;
        font-style:inherit;
	}
*/	


	/* then for WOFF-capable browsers */
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-Bold.woff") format("woff");
    }
/*    
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-Bold.woff") format("woff");
		font-weight:bold;
    }
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-Ita.woff") format("woff");
        font-style:inherit;
    }
	@font-face {
		font-family: DINWeb;
		src: url("/fonts/eigene/DINWeb-BoldTa.woff") format("woff");
		font-weight:bold;
        font-style:inherit;
    }
*/
    /* Styles für alle Bereiche */

	/* Universalselector: Alle Rander und Paddings auf 0 */
	
	* {margin: 0px; padding:0px} /* oben rechts bootom links */

	/* Übergreifende Styles */
    p {
	padding: 10px 10px 10px 0px; /* oben rechts bootom links Uhrzeigersinn*/
    }

	a { 	/* Link */
 		color:#b50000;
		text-decoration:underline;
		font-weight:bold;
 	}
	
 	a:hover{
 		color:#000000;
 	}

	ul {
		margin: 0px;
		padding:20px;
/*      Das Bild wird je nach Browser anders positioniert.
        Deshalb im li ein Background Image mit einem Padding 20 definiert.
		list-style-image:url(/images/Layout/BulletH1.gif);
		list-style-type:square;
		list-style-position:inside;
*/
		list-style-type:none;
	}

	li {
		padding-left:20px;
		background-image:url(/images/Layout/BulletH1.gif);
		background-repeat:no-repeat;
		background-position: 0px 0px;
	}	
	
	ol
	{
	margin: 0px; padding:30px;
	}

	
	/* Rechter und linker Rand werden durch ein Backgroundgif links und rechts oben in zwei ineinanderliegenen */
	/* Bereichen body und containerrealisiert */

    body
{
   	font: small Verdana, Arial, Helvetica, sans-serif;

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

	#article {
	font-size:small;
	}

	/* Drei inneinanderliegende Container für die Hintergrundränder rechts und links /*
	/* Zunächst wird der endlose graue Streifen festgelegt */
	/* Darüber dann das einmalig rechts oben das gif mit dem Verlauf */
	
    #containerr {
	background-image: url(/images/Layout/LayoutRandRechtsBackground.gif);
	background-repeat:repeat-y;
	background-position: right;
}
    #containerro {
	background-image: url(/images/Layout/LayoutRandRechtsLangBackground.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

    #containerl {
    text-align: left; 
	background-image: url(/images/Layout/LayoutMitteBackground.gif);
	background-repeat: repeat-y;
    }  
	

	/* ***************************************************************************  */
	/* **** Styles für das Menue.                                                   */
	/* ****                                                                         */
    #SidebarLinks {
	float: left;
	width: 258px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

	background-image: url(/images/Layout/LayoutRandLinksBackground.gif);
	background-repeat: no-repeat;    

	}
	
		
	/* Star HTML-Hack, der nur alte IE Browser adressiert. Wenn ein Menütext im Level1 zu lang ist, dann soll er nicht ausgeschrieben
	werden, da sonst die Box nach rechts vergrößert wird. 
	*/ 
	* html #SidebarLinks {
	overflow:hidden;
	}
	
     #SidebarLinks p  {
    	margin-left: 10px; 
    	margin-right: 10px;
  		padding: 10px;
    }

	/* Für alle Level: */ 
 	#SidebarLinks a {
 		color:#000000;
		text-decoration:none;
		font-weight:bold;
 	}
	
	#SidebarLinks a:hover{
 		color:#b50000;
		text-decoration:underline;
 	}

    #SidebarLinks .MenueLevel1 p, #SidebarLinks .MenueLevel2 p, #SidebarLinks .MenueLevel3 p, #SidebarLinks .MenueLevel4 p, #SidebarLinks .MenueLevel5 p, #SidebarLinks .MenueLevel6 p 
	{
	margin: 0px; 
	}

	#SidebarLinks .MenueLevel1 p
	{
	padding: 0px 0px 0px 20px; /* oben rechts bootom links */
	line-height: 30px;
	vertical-align: middle;
	white-space:nowrap;
	}

	#SidebarLinks .MenueLevel2 p
	{
	padding:1px 0px 1px 30px;
	}

	#SidebarLinks .MenueLevel3 p
	{
	padding:1px 0px 1px  40px;
	}
	#SidebarLinks .MenueLevel4 p
	{
	padding:1px 0px 1px  50px;
	}
	#SidebarLinks .MenueLevel5 p
	{
	padding:1px 0px 1px  60px;
	}
	#SidebarLinks .MenueLevel5 p
	{
	padding:1px 0px 1px  70px;
	}

	/* Für die einzelnen Level: */

	#MenueLevel1, .MenueLevel1 {
	margin-left: 20px;
	background-image: url(/images/Layout/LayoutMenueLevel1Background.gif);
	}

	#MenueLevel2, #MenueLevel3, #MenueLevel4, #MenueLevel5, #MenueLevel6, .MenueLevel2, .MenueLevel3, .MenueLevel4, .MenueLevel5, .MenueLevel6   {
	margin-left: 20px;
	}

	#MenueLevel1Rot, .MenueLevel1Rot {
	height: 30px;
	margin-left: 0px;
	padding-left:40px;
	background-image: url(/images/Layout/LayoutMenueLevel1RotBackground.gif);
	}

	#MenueLevel2Rot,  #MenueLevelRot4,  #MenueLevelRot5, #MenueLevelRot6, .MenueLevel2Rot,  .MenueLevelRot4,  .MenueLevelRot5, .MenueLevelRot6   {
	margin-left: 25px;
	}

	#MenueLevel3Rot, .MenueLevel3Rot{
		margin-left: 35px;
	}

	#MenueLevel4Rot, .MenueLevel4Rot{
		margin-left: 45px;
	}

	#MenueLevel5Rot, .MenueLevel5Rot{
		margin-left: 55px;
	}
	
	#SidebarLinks .MenueLevel1Rot p
	{
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	}

	#SidebarLinks .MenueLevel2Rot p 
	{
	margin: 0px; 
	padding:1px 0px 1px 25px;
	background: url(/images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}

	#SidebarLinks .MenueLevel3Rot p
	{
	margin: 0px; 
	padding:1px 0 1px 25px;
	background: url(/images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}

	#SidebarLinks .MenueLevel4Rot p
	{
	margin: 0px; 
	padding:1px 0px 1px 25px;
	background: url(/images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}

	#SidebarLinks .MenueLevel5Rot p
	{
	margin: 0px; 
	padding:1px 0px 1px 25px;
	background: url(/images/Layout/BulletMenueLevel2.gif);
	background-repeat: no-repeat;    
	}


	.LayoutLinie img
	{
	padding:0px;
	margin: 0px 0px 0px 20px; /* oben rechts bootom links */
	}

	#LayoutSuche {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 20px;
	text-align:left; 
	}
	
	#MenueSuche forma 
	{
	 margin:0px;
	 padding:0px;
	}
	

	#LayoutSuche input#Feld {
	margin: 0px;
	padding: 0px;
	width:100px;
	}

	#LayoutSuche input#Bild {
	margin: 0px;
	padding: 0px;
	}

	/* Menü ende */


	/* ***************************************************************************  */
	/* **** Styles für Dauerteaser. Diese Styles müssen mit styles_rte harmonisieren  */
	/* ****                                                                         */
	/* **** */


    #SidebarRechts {
	float: right;
	width: 240px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
/*	background-image: url(/images/Layout/LayoutRandBackgroundA.gif);
	background-repeat:no-repeat;
	background-position: right top;
*/	vertical-align: top;
	height:auto;
	overflow:auto;
    }
 
 	.LayoutDauerTeaser{
		margin-right:25px;
		margin-left:5px;
		margin-top:5px;
		margin-bottom:5px;
		padding:5px;
		border: 1px solid #cccccc;	/* Grauer Rand um den Teaser */
	}
	
	.LayoutDauerTeaser h1, .LayoutDauerTeaser h2, .LayoutDauerTeaser h3
	{
	color:#000000;
	font-size:small;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:3px;
	}

    .LayoutDauerTeaser p {
	padding: 0px; /* oben rechts bootom links Uhrzeigersinn*/
    }


	.LayoutDauerTeaser img
	{
	width:60px;
	border: 1px solid #cccccc;	
	padding:2px;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	}

	/* ***************************************************************************  */
	/* **** Styles für Teaser.   */
	/* **** */

 
 	.TeaserKlasse img 
	{
	width:140px !important;
	}
	
	.TeaserKlasse hr
	{
	margin-top:3px;    
	margin-right: 20px;
	border:1px dashed #cccccc;
	}

    .TeaserKlasse p
    {
       padding-top: 0px !important;
       padding-bottom: 0px !important;

    }
    .TeaserKlasse h1
    {
       margin-top: 3px !important;
    }


	/* ***************************************************************************  */
	/* ****Styles für den Inhalt. Diese Styles müssen mit styles_rte harmonisieren  */
	/* ****                                                                         */
	/* **** */

    #mainContent {
	margin: 0px 20px 0px 266px; /* oben rechts bootom links */
	padding: 10px 40px 0px 20px;
    } 

    #mainContent p {
	padding: 10px 10px 10px 0px;
    }
	
	#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #popmailer h1
	{
	color:#666666;
	font-weight: bold;
	margin-top: 10px;
	}

	#mainContent h1, #popmailer h1
	{
	font-size: larger;
	background: url(/images/Layout/BulletH1.gif);
	background-repeat: no-repeat;    
	padding-left:17px;
	}

	#mainContent h2
	{
	font-size: larger;
	}

	#mainContent h3
	{
	font-size: small;
	}

	#mainContent h4
	{
	font-size: smaller;
	}

	#mainContent h5
	{
	font-size: smaller;
	}


	#mainContent img
	{
	width:400px;
	border: 1px solid #cccccc;	
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	}

	#mainContent .keinformat 
	{
	width:auto;
	border: 1px solid #cccccc;	
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
	float:none;
	}



#mainContent .Bild_auto_kein_Float
{
width:auto;
border: 1px solid #cccccc;	
padding:4px;
margin-top: 5px;
margin-right: 5px;
float:none;
}

#mainContent .Bild_400_kein_Float
{
width:400px;
border: 1px solid #cccccc;	
padding:4px;
margin-top: 5px;
margin-right: 5px;
float:none;
}

#mainContent .Bild_auto_links_Float
{
width:auto;
border: 1px solid #cccccc;	
padding:4px;
margin-top: 5px;
margin-right: 5px;
float:left;
}

#mainContent .Bild_400_links_Float
{
width:400px;
border: 1px solid #cccccc;	
padding:4px;
margin-top: 5px;
margin-right: 5px;
float:left;
}

#mainContent .Bild_auto_rechts_Float
{
width:auto;
border: 1px solid #cccccc;	
padding:4px;
margin-top: 5px;
margin-right: 5px;
float:right;
}

#mainContent .Bild_400_rechts_Float
{
width:400px;
border: 1px solid #cccccc;	
padding:4px;
margin-top: 5px;
margin-right: 5px;
float:right;
}


	#mainContent .keinrahmen 
	{
	width:auto;
	border: none;	
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
	}


	.Bullet 
	{
	width:10px;
	border: none;	
	padding:4px;
	float:none;
	}


	/* ***************************************************************************  */
	/* ****Styles für den Kopf                                                      */
	/* ****                                                                         */
	/* **** */
	
	
	    #ContainerLayoutOben {
		width: 100%;
		background-image:url(/images/Layout/LayoutObenBackground1.gif);
		background-repeat:no-repeat;
		height:157px; 
		}  

    	#LayoutObenLinks {
		width: 100%;
		background-image:url(/images/Layout/LayoutObenBackground1.gif);
		background-repeat:no-repeat;
		height:157px; 
	}

	/* ***************************************************************************  */
	/* **** Kopfmenü                                                                */


    #LayoutObenMenueBereich
    {
		position:absolute;
		top:0px;
		left:277px;
		height: 20px;
        line-height:20px;
		padding:0px;
		margin-bottom: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		text-align: left;
	} 

	#LayoutObenMenueBereich p 
	{
		padding: 8px;
		letter-spacing: 1px;
	}

	#LayoutObenMenueBereich a {
 		color:#000000;
		text-decoration:none;
 	}
	
 	#LayoutObenMenueBereich a:hover{
 		color:#b50000;
 	}
 

	/* ****Styles für den Kopf                                                      */


    #LayoutBrotLinks {
	height:24px;
	width: 258px;  /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	}

    #LayoutBrotMitte {
		position:absolute;
		top:150px;
		left:277px;
		height: 20px;
		padding: 0px 0px 0px 10px; 
		font-family: Arial, Helvetica, sans-serif;
		color:#b50000;
		font-size: small;
		font-style: normal;
		font-weight: normal;
		text-align: left;
	}

	#LayoutBrotMitte p
	{
		line-height: 20px;
	}

	#LayoutBrotMitte a { 	/* Link */
 		color:#b50000;
		text-decoration:underline;
		font-weight:bold;
 	}
	
 	#LayoutBrotMitte a:hover{
 		color:#000000;
 	}

  

	
	
	/* ***************************************************************************  */
	/* **** Footer */


    #footer {
		padding: 0px 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		background:#FFFFFF;
	/*	background-image:url(/images/Layout/LayoutRandRechtsBackground.gif); */
		font-size:xx-small;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #000000;
		border-right-color: #000000;
		border-bottom-color: #000000;
		border-left-color: #000000;
	}

    .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:0px;
			width: 100%;
      font-size: 1px;
      line-height: 0px;
    }

  	/* ***************************************************************************  */
	/* **** Farbige Hintergründe */

    .HintergrundRosa {
    	background-color:#FFE9D9 !important;
    }

    .HintergrundHellgrau {
    	background-color:#EFEFEF !important;
    }

    .HintergrundDunkelgrau {
    	background-color:#CFCFCF !important;
    }


  	/* ***************************************************************************  */
    /* **** Rahmeneingenschaften */

    .KeinRahmen {
        border-style: none !important;
    }

	.RamenUntenDick {
        border-bottom-style: solid !important;
	 	border-bottom-width: 2px !important; 
	}
	
	.RamenUntenDuenn {
        border-bottom-style: solid !important;
	 	border-bottom-width: 1px !important; 
	}
		
	.RamenRechtsDuenn {
        border-right-style: solid !important;
	 	border-right-width: 1px !important; 
	}
    
  	/* ***************************************************************************  */
    /* **** Zelleneigenschaften */
    
	.SpalteLinks {
		text-align:left  !important;
	}

	.SpalteRechts {
		text-align:right !important;
	}

	.SpalteMitte {
		text-align: center !important;
	}


  	/* ***************************************************************************  */
    /* **** Fonteigenschaften */
    
    .FontNormal {

		font-weight:normal !important;
    }


  	/* ***************************************************************************  */
	/* **** A-Z Wegweiser */

	.AZTabelle {
	 	border: 2px solid #000000;
		width:95%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:20px 0px 20px 0px;
		}
	
	.AZTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.AZTabelle tbody {
		vertical-align:top;
	}	

	.AZTabelle th {
		padding: 3px;
	 	border: 1px solid #000000;
		text-align:left;
	}

	.AZTabelle td {
		color:#000000;
		background-color:#FFF;
	 	border: 1px solid #000000;
		padding: 3px;
		text-align:left;
	}

	
	.AZSpalteLinks {
		text-align:left  !important;
	}

	.AZSpalteRechts {
		text-align:right !important;
	}

	.AZSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:larger;
	}
	
	.ATRamenUntenDick {
        border-bottom-style: solid !important;
	 	border-bottom-width: 2px !important; 
	}
	
  	/* ***************************************************************************  */
	/* **** Termintabelle */

	.TBTabelle {
	 	border: 2px solid #000000;
		width:98%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:20px 0px 20px 0px;
		}
	
	.TBTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.TBTabelle tbody {
		vertical-align:top;
	}	

	.TBTabelle caption {
		padding: 3px;
	 	border: 2px solid #000000;
		text-align:center;
		background-color:#FFE9D9;
		font-size:larger;
		font-weight:bold;
	}

	.TBTabelle th {
		padding: 3px;
	 	border: 1px solid #000000;
		text-align:left;
	}

	.TBTabelle td {
		color:#000000;
		background-color:#FFF;
	 	border: 1px solid #000000;
		padding: 3px;
		text-align:left;
	}


	.TBSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:smaller;
	}
	
	.TBRamenUntenDick {
        border-bottom-style: solid !important;
	 	border-bottom-width: 2px !important; 
	}
	
	.TBZelle 
	{
	 height: 60px;   
		font-size:smaller;
	}

	#captionliste li {margin: 0px; padding-top:5px;
          display:inline;   
	}


	.TBTabelle ul 
	{
	    margin: 0px; 
	    padding-top:5px;
	    padding-left:3px;
	    padding-right:3px;
	    padding-bottom:0px;
	    list-style-image:none;
	    list-style-type:none;
	}

	.TBTabelle li 
	{
	    margin-bottom: 8px;
	    margin-left: 0px;
	    padding-left: 0px;
	    background-image:none;
	}

  	/* ***************************************************************************  */
	/* **** Liste für Geschäftsflächen */


	.FLTabelle ul {margin: 0px; padding-top:5px;
	    padding-left:3px;
	    padding-right:3px;
	    padding-bottom:0px;
	    list-style-image:none;
	    list-style-type:none;
	}

	.FLTabelle li {margin-bottom: 8px;
	    margin-left: 0px;
	    padding-left: 20px;
	}
	
    .FLTabelle img 
    {
        width: 110px !important;
    }	

    .FLTabelle table 
    {
        margin: 0px; padding: 0px;
    }

	
  	/* ***************************************************************************  */
	/* **** XDIR Verzeichnis */

	.VZTabelle {
	 	border: 2px solid #000000;
		width:95%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:20px 0px 20px 0px;
		}
	
	.VZTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.VZTabelle tbody {
		vertical-align:top;
	}	

	.VZTabelle th {
		padding: 3px;
	 	border: none;
		text-align:left;
	}

	.VZTabelle td {
		color:#000000;
		background-color:#FFF;
	 	border: 1px solid #000000;
		padding: 3px;
		text-align:left;
	}
	
	.VZSpalteLinks {
		text-align:left  !important;
	}

	.VZSpalteRechts {
		text-align:right !important;
	}

	.VZSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:larger;
	}
	

    /*** Innerhalb von Kategorieen ***/
    .VZCatTabelle {
	 	border: none;
		width:100%;
  		border-spacing:0px;
  		border-collapse:collapse;
		margin:0px; 
		}
	
	.VZCatTabelle thead {
		background-color:#FFE9D9;
	}	
		
	.VZCatTabelle tbody {
		vertical-align:top;
	}	

	.VZCatTabelle th {
		padding: 3px;
	 	border: none;
		text-align:left;
	}

	.VZCatTabelle td {
		color:#000;
		background-color:#FFF;
	 	border: none;
		padding: 3px;
		text-align:left;
	}
	
	.VZCatSpalteLinks {
		text-align:left  !important;
	}

	.VZCatSpalteRechts {
		text-align:right !important;
	}

	.VZCatSpalteZentriert {
		text-align:center  !important;
 		color:#b50000;
		font-weight:bold;
		font-size:larger;
	}
	
	.DirSubCatLink 
	{
	    font-size:small !important;
	}


  	/* ***************************************************************************  */
    /*   Termin                                                                     */

    /* Showmonat als Liste: */
    
    .TerminDatum
    {
        font-weight: bold;
		text-decoration: underline;
    }
    
    /* ***************************************************************************  */
    /*   Musikschule                                                                */

         
    #Musikschule
    { 
/*     	background-color:#9b9b9b; */
     	background-color:#858585;
     	
        width:800px;
        height:1223px;
		font-family: DINWeb, sans-serif;
        /*font-family: 'Courier New'; */
		font-size:10pt;
        background-repeat:  no-repeat;
        
    /*  zum zentrieren. Zerreist aber, wenn Bild zu klein wird.
        left:50%;
        position:relative;
        margin-left: -400px;
    */   
     }



   
    #Musikschule #Rechteck
{
    position: relative;
    top: 180px;
    left: 134px;
    width:  571px;
    border-right: grey 1px solid;
    border-top: grey 1px solid;
    border-bottom: grey 1px solid;
    padding-top:13px;
    padding-bottom:10px;
    /* Transparenter Hintergund über ein PNG, welches in Photoshop eine Ebene mit 50%Deckkraft hat und für 
       Web im Format PNG 24 mit "transparent" exportiert */
    background-image: url(/images/Layout/Musikschule/RechteckPixelLinie2.png);
    /* Diese Methode funktioniert nicht, das sich opacity auf alle Elemente unterhalb vererbt. 
       Ausserdem wirkt sich filter auf das Boxmodel irgendwi aus :-(
    background-color: #dadada;
    opacity: 0.5; 
    filter: Alpha(opacity=50); */
}

    #Musikschule .MSLinien
    {
        position: absolute;
        top:310px;
        left:416px;
        width:572px;
        margin-top:2px;
        border:none;
    }


    #Musikschule .MSLogosLinks
    {
        position: absolute;
        top:190px;
        width:260px;
        margin-top:2px;
        border:none;
    }

    #Musikschule .MSLogosRechts
    {
        position: absolute;
        top:190px;
        left:840px;
        width:250px;
        margin-top:2px;
        border:none;
    }


    #Musikschule #Rechteck > *
    {
        margin-top:0px;
        padding-left: 20px;
    }    
    
    #Musikschule #Rechteck > p, #Musikschule #Rechteck > div
    {
        width: 540px;
    }
    
    #Musikschule #Rechteck h1, #Musikschule #Rechteck h2, #Musikschule #Rechteck h3, #Musikschule #Rechteck h4, #Musikschule #Rechteck h5 
    {
 		color:#000000;
		font-size: 10pt;
	    background: none;
	    padding-left:0px;
	    margin-top:0px;
	    margin-bottom:0px;
    }    

    #Musikschule #Rechteck h1
    {
        padding-top:0px;
        padding-bottom:5px;
        text-transform: uppercase;
    }

    #Musikschule #Rechteck h2
    {
        padding-top:7px;
        padding-bottom:5px;
        text-transform: uppercase;
    }

    #Musikschule #Rechteck h3, #Musikschule .ulist h3
    {
        padding-top:7px;
        padding-bottom:0px;
        text-transform: uppercase;
    }
    
    #Musikschule #Rechteck h4
    {
        padding-top:0px;
        padding-bottom:0px;
        text-transform: uppercase;
    }

    #Musikschule #Rechteck h5
    {
        padding-top:7px;
        padding-bottom:0px;
    }
    
    #Musikschule #Rechteck  ul
    {
        list-style-image:none;
   		list-style-type:none;
        padding-left:0px
    }
    
    #Musikschule #Rechteck  li
    {
        background-image:none;
   		padding-left:0px;
    }    
    
    #Musikschule #LastLine
    {
        position: absolute;
        background-image: url(/images/Layout/Musikschule/Lastline.gif);
        background-repeat: no-repeat;
        width: 13px;
        height: 44px;
        bottom: 0px;
        right: -565px;
    }

    #Musikschule #Notenlinien
{
    font-size: 10px;
}

	#Musikschule #Notenlinien a { 	/* Link */
 		color:#000000;
		text-decoration :none;
		font-weight:normal;
 	}

	#Musikschule #Notenlinien .rot { 	/* Link */
 		color:#b50000;
		text-decoration :none;
		font-weight:normal;
 	}

 	
	#Musikschule #Notenlinien a:hover{
 		color:#b50000;
 	}

	#Musikschule .ListenLinie img
	{
	padding:0px;
	border:none;
	width:540px;
	margin: 10px 0px 10px 0px; /* oben rechts bootom links */
	}


    #Musikschule #m0, #Musikschule #m1, #Musikschule #m2, #Musikschule #m3, #Musikschule #m4, #Musikschule #m5, #Musikschule #m6, #Musikschule #m7, #Musikschule #m8, #Musikschule #m9
{
    position: absolute;
    text-transform: uppercase;
}

    #Musikschule #m0
    {
        /* 305 Home */
        top:307px;
        left:470px;
    }

    #Musikschule #m1
    {
        /* 290 aktuelles */
        top:296px;
        left:605px;
    }
    #Musikschule #m2
    {
        /* 323 wir über uns */
        top:329px;
        left:440px;
    }
    #Musikschule #m3
    {
        /* 312 unterichtsangebot */
        top:318px;
        left:525px;
    }
    #Musikschule #m4
    {
        /* 333 Lehrkräfte */
        top:340px;
        left:630px;
    }
    #Musikschule #m5
    {
        /* 305 Kooperationen */
        top:307px;
        left:695px;
    }
    #Musikschule #m6
    {
        /* 323 gebühren */
        top:329px;
        left:760px;
    }
    #Musikschule #m7
    {
        /* 290 unterrichteorte */
        top:296px;
        left:800px;
    }
    #Musikschule #m8
    {
        /* 312 Kontakt */
        top:318px;
        left:880px;
    }
    #Musikschule #m9
    {   
        /* 333 Download */
        top:340px;
        left:920px;
    }

    #Musikschule td /* oben rechts bootom links */
    {
        padding: 0px, 5px 0px, 5px;
		text-align:left;
    }
    
    #Musikschule .ulist ul 
    {
        position: relative; 
        padding-bottom: 0px;
         margin: 0px;
          padding-left: 0px; 
          width: 1745px; 
          padding-right: 0px; 
          overflow: hidden; 
          top: 0px; 
          padding-top: 0px;
           left: 0px;
    }

    #Musikschule .ulist li 
    {
        list-style-type: none; 
        margin: 0pt 10px; 
        float: left; 
        list-style-image: none;
    }
    
    #Musikschule .ulist img 
    {
        width:146px;
        height:208px;
        padding: 0px 0px 7px 0px;
        border:none;
    }