.buttonUnterstrichHellBlau { color: #000050; text-decoration: none; }
.buttonUnterstrichHellBlau { color: #000000; text-decoration: none; }
.buttonUnterstrichWeiss { color: #FFFFFF; text-decoration: none; }
.buttonUnterstrichRot { color: #CC0000; text-decoration: none; }
.buttonUnterstrichGrau { color: #999999; text-decoration: none; }
.buttonUnterstrichSchwarz { color: #000000; text-decoration: none; }
.buttonUnterstrichBraun { color: #510028; text-decoration: none; }
.ButtonUnterstrichBeige {  color: #FFFFCC; text-decoration: none; }
.buttonUntersrichBlauBrill {  color: #0000FF; text-decoration: none; }
.buttonUnterstrichHellRot {  color: #FF0000; text-decoration: none; }
.weissunterstrichen { color: #FFFFFF; text-decoration: underline; }
.blauunterstrichen { color: #000000; text-decoration: underline; }
.buttonUnterstrichGelb { color: #FFFF00; text-decoration: none; }

body {
	background-attachment: fixed;
	background-image: url(/pictures/Hintergruende/HGBeige_Nadelstreif.jpg);
	background-repeat: repeat;
	background-position: left top; } 

HTML>BODY { padding: 0px; }

a:link {text-decoration:none;}
a:hover { color: #00FFFF; text-decoration: none; }
a:visited { text-decoration: none; }

.foot {
	font-family: "Times New Roman", Times, serif;
	font-size:10px;
	color: #000000;
	font-weight:normal;
	text-align:center;
    margin: 0px 0px 60px 0px;
	padding: 66px 0px 100px 0px; }

div#vorrueckrechts {
	float: right;
	 }
.vorwaerts {
	text-align: right;
	 font-size: 20px;
	 font-family: Arial, Helvetica, sans-serif;
	 }
	 
.vorwaerts a:link 		{ color: #FF0000; text-decoration: none; }
.vorwaerts a:visited 	{ color: #FF0000; text-decoration: none; }
.vorwaerts a:hover 		{ color: #00FFFF; text-decoration: none;
 }

.back {
	text-align: left;
	 font-size: 20px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 }
.back a:link 	{ color: #FF0000; text-decoration: none; }
.back a:visited { color: #FF0000; text-decoration: none; }
.back a:hover 	{ color: #00FFFF; text-decoration: none; }

.page {
	padding:2px 10px 0px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	}
.page a:link 	{ color: #000000; text-decoration: none;}
.page a:visited { color: #000000; text-decoration: none;}
.page a:hover 	{ color: #00FFFF; text-decoration: none;}

.p1 { 
    color: #FF0000;
	font-weight: bold; }

.suppage 		{ font-size: 10px;}

div#vorrueckrechts {
	float: right;
	padding: 0px 0px 0px 0px;
	}
.vorwaerts {
	text-align: right;
	font-size: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
.vorwaerts a:link 		{ color: #FF0000; text-decoration: none; }
.vorwaerts a:visited 	{ color: #FF0000; text-decoration: none; }
.vorwaerts a:hover 		{ color: #00FFFF; text-decoration: none; }
.back {
	text-align: left;
	font-size: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
.back a:link 	{ color: #FF0000; text-decoration: none; }
.back a:visited { color: #FF0000; text-decoration: none; }
.back a:hover 	{ color: #00FFFF; text-decoration: none; }

.hr1b { border-top: 1px solid #000066; margin: 0px 0px 0px 0px;} /* Strich 1px */
.hr4b { border-top: 1px solid #0000FF; margin: 0px 0px 0px 0px;} /* Strich 1px */
.hr4r { border-top: 4px solid #FF0000; margin: 0px 0px 0px 0px;} /* Strich 4px */
.hr6r { border-top: 6px solid #FF0000; margin: 0px 0px 0px 0px;} /* Strich 6px */
.hr6b { border-top: 6px solid #0000FF; margin: 0px 0px 0px 0px;} /* Strich 6px */


/**************** 00019_Benefits_of_Harmonic_Information  *********/

div#harmonic_information {
		position:absolute; left:230px; top:130px; width:580px; height:auto;
		background-image: url(/pictures/Buttons/Sand_dunkel_Nadelstreif.jpg);
		padding: 20px 0px 0px 0px;
}
div#gara {
	margin: 5px 20px 0px 10px;
	}
	
div#rh {
    background-image:url(/pictures/Hintergruende/HG_Noten_Gruen_40_610_01.png);
	height: 20px;
	float: none;
	margin: 0px -20px 0px -10px;
	}
.rh1 {
	margin: -18px 0px 40px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	
div#gara h1 {
	margin: 0px 0px 0px 10px;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}
div#gara h2 {
	margin: 0px 0px 5px 10px;
	font-size: 40px;
	color: #FF0000;
	font-weight: normal;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}
div#gara h3 {
	margin: 65px 0px 35px 10px;
	font-size: 23px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .suph3 {
	font-size: 18px;
	}
div#gara h4 {
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	}
div#gara div#bildrechts1 {
	float: none;
	margin-top: 20px;
	margin-left: 440px;
	text-align: left;
	position: absolute;
	}
div#gara div#bildrechts2 {
	width: 221px;
	float: right;
	margin: 40px 0px 25px 20px;
	padding: 15px 10px 15px 10px;
	text-align: center;
	background-image: url(/pictures/Buttons/Sand_dunkel_Nadelstreif.jpg);
	}
div#gara .b1 {
	font-size: 13px;
	color: #000000;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	}
div#gara .b2 {
	font-size: 18px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .b3 {
	font-size: 20px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .supb3 {
	font-size: 15px;
	}
div#gara div#bildrechts3 {
	width: 260px;
	float: right;
	margin-left: 25px;
	background-image: url(/pictures/Buttons/Sand_dunkel_Nadelstreif.jpg);
	padding: 15px 0px 25px 15px;
	font-size: 21px;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	color: #000000;
	}
div#gara div#bildlinks {
	width: 420px;
	margin: 20px 40px 24px 56px;
	padding: 15px 10px 15px 0px;
	text-align: justify;
	background-image: url(/pictures/Hintergruende/HG_Noten_Gruen_400.png); }

div#gara div#bildlinks2 {
	width: 227px;
	margin:-188mm 0px 0px 338px;
	}
div#gara .text {
	line-height: 19px;
	font-style: normal;
	font-size: 14px;
	color: #000000;
	font-weight: lighter;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 10px;
	}
	
div#gara .text_r {
	margin-top: 20px;
	line-height: 19px;
	font-style: normal;
	font-size: 14px;
	color: #000000;
	font-weight: lighter;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	}
	
div#gara .text_1 {
	font-weight: bold;
	}
div#gara .text_2 {
	color: #FF0000;
	font-weight: bold;
	}
div#gara .text_3 {
	font-weight: bold;
	font-size: 16px;
	}
div#gara .text_3b {
	font-weight: bold;
	font-size: 22px;
	line-height:26px;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .sup {
	font-size: 13px;
	}
div#gara div#banner {
	margin-bottom: 16px;
	padding: 2px 0px 0px 0px;
	}
div#gara .page2 {
	padding:2px 20px 0px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #FFFFFF;
	}
div#gara .page2 a:link 	{ color: #FFFFFF; text-decoration:none; }
div#gara .page2 a:visited 	{ color: #FFFFFF; text-decoration: none; }
div#gara .page2 a:hover 	{ color: #00FFFF; text-decoration: none; }
	
div#gara .ban {
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}
div#gara .ban2 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}

div#gara .t1 {
	padding: 0px 15px 0px 8mm;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .t2 {
	padding: 0px 15px 0px 16mm;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .t3 {
	font-size: 18px;
	line-height:24px;
	color: #000000;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .t4 {
	font-style: italic;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	}
div#gara .t5 {
	padding: 0px 0px 0px 14mm;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 44px;
	}
div#gara .t6 {
	padding: 12px 10px 12px 10mm;
	font-size: 20px;
	color: #FF0000;
	font-weight:bold;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}

div#gara .t6_U {
	font-style:italic;
	font-weight:bold;
}


div#audio 		{ position: absolute; top:320px; left: 620px;
				  width: 230px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;
				  text-align: center;
				  border: 0px solid #990000;}


div#audio_1		{ position: absolute; top:140px; left: 600px;
				  width: 230px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;
				  text-align: center;
				  border: 0px solid #990000;}
					  

div#audio_2		{ position: absolute; top:360px; left: 600px;
				  width: 360px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;
				  text-align: center;
				  border: 0px solid #990000;}



.MRT_text_1 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;}
	
	
.MRT_text_2 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;}
					  

.MRT_text_3 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	line-height: 16px;
	font-weight: Bold;
	color: #FF0000;}

.MRT_text_4 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 14px;
	line-height: 16px;
	font-weight: Bold;
	color: #000000;}

.MRT_text_4a {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	line-height: 16px;
	font-weight: Bold;
	color: #000000;}
		
.MRT_text_5 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;}
	
.MRT_text_6 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;}
	
.MRT_text_7 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 13px;
	letter-spacing:3px;
	font-weight: bold;
	color: #FFFFFF;}	
	
.MRT_background_1 { }
	
.MRT_background_2 { }

.MRT_background_colour_1 {background-color:#FF0000;}




/*************************   BUTTONLEISTEN   *****************************************/
 
div#button_a {
	position:absolute; left:3px; top:180px; width:165px; height:auto; visibility: visible; }

div#button_a .email {
	text-align:right;
	padding:0px 10px 0px 0px;}
	
div#button_a .button1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #FF0000;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FF0000;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #FF0000;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	border-top:1px solid #FF0000;
	border-bottom:1px solid #FF0000;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	border-bottom:1px solid #FF0000;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}	
	
div#button_a .button8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	margin:0px 5px 5px 3px;
	padding:3px 5px 3px 5px;}
	
div#button_a .button9 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	border-bottom:1px solid #FF0000;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}			
	
div#button_a .button_leer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	color: #000000;
	font-weight:normal;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
	
div#button_a .button_leer_rot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	color: #000000;
	font-weight:normal;
	background-color:#FF0000;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}	


div#button_a .button1 a:link { color: #594300; text-decoration:none;}
div#button_a .button1 a:visited { color: #594300; text-decoration: none;}
div#button_a .button1 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button2 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button2 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button2 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button3 a:link { color: #594300; text-decoration:none;}
div#button_a .button3 a:visited { color: #594300; text-decoration: none;}
div#button_a .button3 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button4 a:link { color: #594300; text-decoration:none;}
div#button_a .button4 a:visited { color: #594300; text-decoration: none;}
div#button_a .button4 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button5 a:link { color: #594300; text-decoration:none;}
div#button_a .button5 a:visited { color: #594300; text-decoration: none;}
div#button_a .button5 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button6 a:link { color: #594300; text-decoration:none;}
div#button_a .button6 a:visited { color: #594300; text-decoration: none;}
div#button_a .button6 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button7 a:link { color: #594300; text-decoration:none;}
div#button_a .button7 a:visited { color: #594300; text-decoration: none;}
div#button_a .button7 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button8 a:link { color: #FF0000; text-decoration:none;}
div#button_a .button8 a:visited { color: #FF0000; text-decoration: none;}
div#button_a .button8 a:hover { color: #CC0000; text-decoration: none;}

div#button_a .button9 a:link { color: #FF0000; text-decoration:none;}
div#button_a .button9 a:visited { color: #FF0000; text-decoration: none;}
div#button_a .button9 a:hover { color: #CC0000; text-decoration: none;}

