html, body {height: 100%;width:100%;}
* {margin:0; padding: 0;}
h1{font-size:12pt;color:#000000;font-family:Arial,sans-serif; }
p,h2,h3,h4,ul,ol,div,td,th,address,blockquote,nobr,b,i { font-size:10pt;color:#000000;font-family:Arial,sans-serif; }
/*  Textschnörkel : */
	.braun {color:#551100;font-family:Arial,sans-serif;}
	.ImgRand {border: 0px}
	.Unterstrich{text-decoration:underline}
	.fett {font-size:12px}
	.Mitte{text-align:center;margin:0px auto;} 
	.Modal {list-style: none;display: inline;margin: -5px 0px;float: left;width:64px;font-size:12px;}
/*  Tabelle horizontal mittig ausrichten */
	.TabMitte{text-align: center;margin:0px auto;}
/* 	gehört zu  OnlineNavi Mitte Anzeige mit Tonarten */
	.OnlineCenter{text-align:center;width:960px;margin:0px auto;}
	.OnlineCenter h2{margin-top:10px;margin-bottom:12px;text-align:center;}
	.OnlineCenter a {text-decoration: none;}
	.OnlineCenter ul{text-align: center;border: 0;}
   	.OnlineCenter li {list-style: none;display: inline;margin: 0px 0px;float: left;width:64px;font-size:12px;}
/*  engerer Abstand bei Modalen Tonarten : */	
	.OnlineModal{text-align:center;width:960px;margin:0px auto;}
	.OnlineModal a {text-decoration: none;}
	.OnlineModal ul{text-align: center;border: 0;}
   	.OnlineModal li {list-style: none;display: inline;margin: -3px 0px;float: left;width:64px;font-size:11px;}
/*  Ränder */	
	#RandOben{width:100%;height:20px;background-image:url(Gif/RandOben.gif);background-color:#800000;}
	#RandUnten{width:100%;height:15px;background-image:url(Gif/RandUnten.gif);background-color:#800000;}
/*	Platzhalter für Rand und Unten wg. #FootNavi (15 px) */
	#Unten{height: 15px;clear:both;}	
/*	Alles Unten  	.Mitte{text-align:center;margin:0px auto;} */	
/*	#Center{width: 960px;text-align:center;margin:0px auto;} */
	#Center{min-width:100%;width: auto !important;width: 100%;text-align:center;min-height: 100%;height: auto !important;height: 100%; margin: 0 auto -15px auto;} 
	#Center h1{margin-top:8px;margin-bottom:8px;text-align:center;}
	#Center h2{margin-top:10px;margin-bottom:8px;text-align:center;}
	#Center h3{margin-top:8px;margin-bottom:6px;}
	#Center p {color:#331100;;font-family:Arial,sans-serif;}
	#Center a {color:#331100;text-decoration: none;}
	#Center ul {text-align: center;border: 0;margin: 0px auto;}
/* alt ??	#Center li {list-style: none;margin-top:8px;margin-bottom:6px;}*/
	#Center li {list-style: none;margin-top:0px;margin-bottom:0px;}
	#Center hr {margin-top:8px;}
/* 	für C.html wg.Überformat Gifs Notenzeiger Anzeige*/
	#DemoCenter{width:100%;text-align:center;min-height: 100%;height: auto !important;height: 100%; margin: 0px auto -15px auto;} 
	#DemoCenter h1{margin-top:8px;margin-bottom:8px;text-align:center;}
	#DemoCenter h2{margin-top:10px;margin-bottom:8px;text-align:center;}
	#DemoCenter h3{margin-top:8px;margin-bottom:6px;}
	#DemoCenter a {text-decoration: none;text-align:center;}
	#DemoCenter ul {text-align: center;border: 0;margin: 0px auto;}
	#DemoCenter li {list-style: none;text-decoration: none;font-weight: bold;}
/* 	für C.html wg.Überformat Gifs Notenzeiger Navigation*/
	#DemoNavi{height:20px;width:1780px; text-align:center;margin: 0px auto;background-image:url(Gif/RandOben.gif);background-color:#800000;}
	#DemoNavi a {text-decoration: none;font-weight: bold; font-size:10pt;color:#ffffff;font-family:Arial,sans-serif;}	
	#DemoNavi ul {text-align: center;border: 0;margin: 0px;}
    #DemoNavi li {list-style: none;display: inline;margin: 0px auto;float: left;width:19%;}
/*	DemoFooterNavigation Kontakt Impressum Datenschutz*/	
	#DemoFootNavi{height:15px;width:1780px;text-align:center;margin: 0px auto;background-image:url(Gif/RandUnten.gif);background-color:#800000;}
	#DemoFootNavi a {text-decoration: none;font-weight: bold; font-size:8pt;color:#ffffff;font-family:Arial,sans-serif;}
	#DemoFootNavi ul {text-align: center;border: 0;margin-bottom:-15px;}
    #DemoFootNavi li {list-style: none;display: inline;margin: -2px auto;float: left;width:33%;}	
/*	IndexFooterNavigation Kontakt Impressum Datenschutz position:fixed;bottom:0px;*/	
	#FootNavi{height:15px;width:980px;text-align:center;margin: 0px auto;background-image:url(Gif/RandUnten.gif);background-color:#800000;clear:both;}
	#FootNavi a {text-decoration: none;font-weight: bold; font-size:8pt;color:#ffffff;font-family:Arial,sans-serif;}
	#FootNavi ul {text-align: center;border:0;margin-bottom:-15px;}
    #FootNavi li {list-style: none;display: inline;margin: -2px auto;float:left;width:33%;}
/*	Navigation Technik Downloads Bestellen Kontakt Impressum */	
	#IndexNavi{height:20px;width:980px; text-align:center;margin: 0px auto;background-image:url(Gif/RandOben.gif);background-color:#800000;}
	#IndexNavi a {text-decoration: none;font-weight: bold; font-size:10pt;color:#ffffff;font-family:Arial,sans-serif;}
	#IndexNavi ul {text-align: center;border: 0;margin: 0px;}
    #IndexNavi li {list-style: none;display: inline;margin: 0px auto;float: left;width:19%;}
/*	Navigation Startseiten */
	#StartNavi{height:20px;width:870px; text-align:center;margin: 0px auto;background-image:url(Gif/RandOben.gif);background-color:#800000;}
	#StartNavi a {text-decoration: none;font-weight: bold; font-size:10pt;color:#ffffff;font-family:Arial,sans-serif;}
	#StartNavi h1 {text-align: center;margin-top:2px;margin-bottom:3px;}
	#StartNavi ul {text-align: center;border: 0;margin: 0px;}
    #StartNavi li {list-style: none;display: inline;margin: 0px auto;float: left;width:108px;}
/*	Ein Button für Hoch */	
	#Hoch{height:15px;width:51px;text-align:center;margin: 0px auto;margin-top:10px;margin-bottom:10px;background-image:url(Gif/RandUnten.gif);background-color:#800000;clear:both;}
	#Hoch a{text-decoration: none;font-weight: bold; font-size:8pt;color:#ffffff;font-family:Arial,sans-serif;vertical-align:top;}
/*	Ein Button für Zurück */	
	#Zur{height:15px;width:51px;text-align:center;margin: 0px auto;margin-top:10px;margin-bottom:10px;background-image:url(Gif/RandUnten.gif);background-color:#800000;clear:both;}
	#Zur a{text-decoration: none;font-weight: bold; font-size:8pt;color:#ffffff;font-family:Arial,sans-serif;vertical-align:top;}
/*	Buttons in Reihe */
	#ButtonNavi{height:15px;width:180px;text-align:center;margin: 0px auto;}
	#ButtonNavi ul {text-align: center;border:0;margin-bottom:0px;}
    #ButtonNavi li {list-style: none;display: inline;margin: 0px auto;float:left;width:50%;}