
	* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
		text-align:center; /* horizontal centering for IE Win quirks */
		background-image:url(/pictures/Hintergruende/HG_SMM_01.jpg);
		background-repeat:repeat;
		background-attachment:fixed;
		}
 
	#distance {
		width:1px;
		height:50%;
		margin-bottom:-302px; /* half of container's height */
		float:left;
		}
		
	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:604px;
		width:1000px;
		clear:left;
	   	background-repeat: no-repeat;
		background-attachment:scroll;
		background-position:top center;
		}

@import("iemac-center.css");


.buttonUnterstrichBlau { color: #000050; text-decoration: none; }
.buttonUnterstrichHellBlau { color: #000099; 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: #FF3366; text-decoration: none; }
.weissunterstrichen { color: #FFFFFF; text-decoration: underline; }
.blauunterstrichen { color: #000099; text-decoration: underline; }
.buttonUnterstrichGelb { color: #FFFF00; text-decoration: none; }
.buttonUnterstrichOrange { color: #FF3300; text-decoration: none; }
.buttonUnterstrichPink a:link { color: #FF00FF; text-decoration:none;}
.buttonUnterstrichPink a:visited { color: #FF00FF; text-decoration: none;}
.buttonUnterstrichPink a:hover { color: #00FFFF; text-decoration: none;}

.Gesperrt3 { letter-spacing: 3px; }
.Gesperrt2 { letter-spacing: 2px; }
.Gesperrt1 { letter-spacing: 1px; }

a:hover { color: #00FFFF; text-decoration: none; }

div#foot { font-family: "Times New Roman", Times, serif;
	font-size:10px;
	color: #000099;
	font-weight:normal;
	text-align:center;
    margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px; }
	
.foot { font-family: "Times New Roman", Times, serif;
	font-size:10px;
	color: #000099;
	font-weight:normal;
	text-align:center;
    margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px; }

div#media1 { margin:0px 232px 0px 150px; padding: 160px 0px 0px 50px;}
div#media2 { margin:0px 45px 0px 235px; padding: 190px 0px 0px 0px;}



div#textrahmen {
		position:absolute; left:210px; top:120px; width:580px; height:auto;}
		
.background {background-image:url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png);}

.background_color {background-color:#FF3366;}

.text_1	{ font-family: "Times New Roman", Times, serif;
		  font-size:44px;
          color:#FF3366;
		  font-weight:normal;}

.text_2	{ font-family: "Times New Roman", Times, serif;
		  font-size:36px;
          color:#FF3366;
		  font-weight:normal;}

.text_3	{ font-family: "Times New Roman", Times, serif;
		  font-size:18px;
          color:#000099;
		  font-weight:bold;}

.text_4	{ font-family: Arial, Helvetica, sans-serif;
		  font-size:14px;
          color:#000099;
		  line-height:19px;
		  font-weight:normal;
		  text-align:justify;}

.text_5	{ font-family: "Times New Roman", Times, serif;
		  font-size:18px;
          color:#FFFFFF;
		  font-weight:bold;
		  background-color:#FF3366;}
		  
.text_6	{ font-family: "Times New Roman", Times, serif;
		  font-size:16px;
          color:#FF3366;
		  font-weight:bold;}
		  
.text_7	{ font-family: Arial, Helvetica, sans-serif;
		  font-size:14px;
          color:#000099;
		  font-weight:bold;}
		  
.text_8	{ font-family: "Times New Roman", Times, serif;
		  font-size:24px;
          color:#FF3366;
		  font-weight:normal;
		  letter-spacing:3px;}
		  
.text_9	{ font-family: Arial, Helvetica, sans-serif;
		  font-size:13px;
          color:#000099;
		  font-weight:normal;
		  letter-spacing:1px;}
		  
.text_10{ font-family: "Times New Roman", Times, serif;
		  font-size:24px;
          color:#000099;
		  font-weight:bold;
		  letter-spacing:2px;}
		  
.text_11{ font-family: Arial, Helvetica, sans-serif;
		  font-size:16px;
          color:#000099;
		  font-weight:normal;}
		  
.text_12{ font-family: Arial, Helvetica, sans-serif;
		  font-size:16px;
          color:#FFFFFF;
		  font-weight:bold;}
		  
.text_13{ font-family: "Times New Roman", Times, serif;
		  font-size:28px;
          color:#FF3366;
		  font-weight:bold;}
		  
.text_14 { font-family: "Times New Roman", Times, serif;
		  font-size:28px;
          color:#FFFFFF;
		  font-weight:bold;
		  text-align:left;}
		  
.text_15{ font-family: Arial, Helvetica, sans-serif;
		  font-size:16px;
          color:#000099;
		  font-weight:bold;}
		  
.text_16{ font-family: "Times New Roman", Times, serif;
		  font-size:20px;
          color:#FFFFFF;
		  font-weight:bold;}
		  
.text_17{ font-family: "Times New Roman", Times, serif;
		  font-size:44px;
          color:#FFFFFF;
		  font-weight:normal;
		  letter-spacing:4px;}
		  
.text_18{ font-family: Arial, Helvetica, sans-serif;
		  font-size:13px;
          color:#000099;
		  font-weight:normal;}
		  
.text_20{ font-family: "Times New Roman", Times, serif;
		  font-size:36px;
          color:#FFFFFF;
		  font-weight:normal;}
		  
.text_21{ font-family: Arial, Helvetica, sans-serif;
		  font-size:14px;
          color:#000099;
		  font-weight:normal;
		  text-align:center;}

.text_22{ font-family: Arial, Helvetica, sans-serif;
		  font-size:25px;
          color:#FF3366;
		  font-weight:bold;}
		  
.text_23{ font-family: Arial, Helvetica, sans-serif;
		  font-size:20px;
          color:#000099;
		  font-weight:normal;}		  

.text_24{ font-family: Arial, Helvetica, sans-serif;
		  font-size:24px;
          color:#000099;
		  font-weight:bold;}
		  
.text_25{ font-family: "Times New Roman", Times, serif;
		  font-size:28px;
          color:#000099;
		  font-weight:bold;}
		  
.text_26{ font-family: "Times New Roman", Times, serif;
		  font-size:18px;
          color:#FF3366;
		  font-weight:bold;}
		  
.text_27{ font-family: "Times New Roman", Times, serif;
		  font-size:24px;
          color:#FFFFFF;
		  font-weight:bold;
		  letter-spacing:2px;}

.text_28{ font-family: Arial, Helvetica, sans-serif;
		  font-size:13px;
          color:#FFFFFF;
		  font-weight:normal;
		  letter-spacing:1px;}
		  
.text_29	{ font-family: Arial, Helvetica, sans-serif;
		  font-size:13px;
		  font-weight:normal;}



/*....................................... Alte Seiten .......................................*/
.buttonUnterstrichGrauBlau { color: #DFDFFF; text-decoration: none}
.buttonUnterstrichBlauBrill { color: #0000FF; text-decoration: none}
.buttonUnterstrichDuGrau { color: #999999; text-decoration: none}
.Ueberschrift2PX { letter-spacing: 2px;}
.Ueberschrift4PX { letter-spacing: 4px;}
.Ueberschrift10PX { letter-spacing: 10px;}
.HGbutton01 {background-image: url(/pictures/Buttons/ButtonBlau170.gif); background-repeat: repeat; background-position: left top; background-color: #0000FF;}
.HGbutton02 {url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png); background-repeat: repeat; background-position: left top; background-color: #EEEEEE;}
.HGbutton03 {background-color: #00FFFF; background-image: url(/pictures/Buttons/ButtonCyanBlauViolett194.gif); background-repeat: repeat; background-position: left top;}
.HGtext01 { background-image: url(/pictures/Hintergruende/HGAkademieMusik07.jpg); background-repeat: repeat; background-position: left top;}
.HGtext02 { background-repeat: repeat; background-position: left top; background-image: url(/pictures/Hintergruende/HGhellblauMRT02.gif);}
.HGtext03 { background-image: url(/pictures/Hintergruende/HGBlauCyan.gif); background-repeat: repeat; background-position: left top;}
.HGbutton04 {background-image: url(/pictures/Hintergruende/HGGermanAcademy04.gif); background-repeat: repeat; background-position: left top;}
.HGbutton99 { background-color:#FF3366;}
.HGtext04 { background-image: url(/pictures/Hintergruende/HGAkademieMusik091.jpg); background-repeat: repeat; background-position: left top;}
.HGueberschrift01 { background-image: url(/pictures/Hintergruende/HGblauMRT.gif); background-repeat: repeat; background-position: left left; }
/**************************   Alte Seiten Ende   *************************/

div#audio 		{ position: absolute; top:320px; left: 640px;
				  width: 230px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;
				  text-align: center;}


div#audio_1		{ position: absolute; top:140px; left: 620px;
				  width: 230px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;
				  text-align: center;}				  

div#audio_2		{ position: absolute; top:220px; left:620px;
				  width: 360px;
				  height:auto;
				  margin: 0px 10px 0px 0px;}

div#zeichen_01	{ position: absolute; top:280px; left:850px;
				  width: 340px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;}
				  
div#audio_3		{ position: absolute; top:130px; left:650px;
				  width: 360px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;
				  text-align: center;}		  

.MRT_text_1 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;}
	
	
.MRT_text_2 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000099;}
					  

.MRT_text_3 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	line-height: 16px;
	font-weight: Bold;
	color: #FF3366;}

.MRT_text_4 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 14px;
	line-height: 16px;
	font-weight: Bold;
	color: #000099;}
	
.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_text_8 {
	font-family: "Times New Roman", Times, serif;					  
	font-size: 17px;
	font-weight: Bold;
	color: #FFFFFF;}
	
.MRT_text_9 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 14px;
	letter-spacing:1px;
	font-weight: Bold;
	color: #FFFFFF;}	

.MRT_text_10 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color: #000099;}
	
.MRT_background_1 { }
	
.MRT_background_2 {background-image:url(/pictures/Hintergruende/HGblauMRT.gif);}

.MRT_background_colour_1 {background-color:#FF3366;}



/*************************   SiteMap   *****************************************/

#leportrait_1 {	position:absolute;
				left:637px;
				top:66px;
				width:260px;
				height:auto;
				font-family:"Courier New", Courier, mono;
				color:#FF3366;
				font-size:18px;
				letter-spacing:2px;
				font-style:italic;
				font-weight:bold;
				padding:5px;
				text-align:center;
				background-image: url(/pictures/Bilder_Graphik/Kopf_SMM_07_300.png);
				z-index:107;
				}
#leportrait_1 a:link 	{ color: #FF3366; text-decoration: none; }
#leportrait_1 a:visited { color: #FF3366; text-decoration: none; }
#leportrait_1 a:hover 	{ color: #00FFFF; text-decoration: none; }
				
#leportrait_2 {	position:absolute;
				left:637px;
				top:104px;
				width:260px;
				height:auto;
				font-family:"Times New Roman", Times, serif;
				color:#000099;
				font-size:24px;
				font-weight:bold;
				padding:5px;
				text-align:center;
				background-color:#FFFFFF;
				z-index:108;
				}
#leportrait_2 a:link 	{ color: #000099; text-decoration: none; }
#leportrait_2 a:visited { color: #000099; text-decoration: none; }
#leportrait_2 a:hover 	{ color: #00FFFF; text-decoration: none; }
				

/*************************   BUTTONLEISTEN   *****************************************/
 
div#button_a {
	position:absolute; left:5px; top:140px; width:170px; height:auto; visibility: visible; }

div#button_a .diamant {
	text-align:center;
	}
div#button_a .email {
	text-align:right;
	padding:0px 20px 0px 0px;
	}
div#button_a .button1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:normal;
	background-image: url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png);
	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-image:url(/pictures/Bilder_Graphik/Kopf_SMM_07_300.png);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(/pictures/Bilder_Graphik/Kopf_SMM_07_300.png);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF3366;
	font-weight:bold;
	background-image: url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	background-color: #FF6699;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button9 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
	
.button11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
	
div#button_a .button_leer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	font-weight:normal;
	background-image: url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png);
	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;
	font-weight:normal;
	background-image: url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png);
	margin:5px 5px 5px 3px;
	padding:1px 1px 1px 1px;
	}
div#button_a .button_leer_oHG {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	font-weight:normal;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}

div#button_a .detail {font-size:10px;}

div#button_a .theoretical {font-size:11px;font-weight:normal;}

div#button_a .button1 a:link { color: #000099; text-decoration:none;}
div#button_a .button1 a:visited { color: #000099; text-decoration: none;}
div#button_a .button1 a:hover { color: #00FFFF; 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: #00FFFF; text-decoration: none;}

div#button_a .button3 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button3 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button3 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button4 a:link { color: #FF3366; text-decoration:none;}
div#button_a .button4 a:visited { color: #FF3366; text-decoration: none;}
div#button_a .button4 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button8 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button8 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button8 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button9 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button9 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button9 a:hover { color: #00FFFF; text-decoration: none;}

.button11 a:link { color: #FF3300; text-decoration:none;}
.button11 a:visited { color: #FF3300; text-decoration: none;}
.button11 a:hover { color: #00FFFF; text-decoration: none;}
