* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
		text-align:center;
		background-image:url(/pictures/Hintergruende/HG_Sonne_02.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		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:auto;
		width:1000px;
		clear:left;
		}

@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: #FF0000; text-decoration: none; }
.weissunterstrichen { color: #FFFFFF; text-decoration: underline; }
.blauunterstrichen { color: #000099; text-decoration: underline; }
.buttonUnterstrichGelb { color: #FFFF00; text-decoration: none; }


/* Fuss mit eigener Linkfarbe */

div#foot { margin:0px 0px 0px 0px; padding: 50px 0px 100px 0px; text-align:center; clear:both; color:#000099; }

div#foot a:link 	{ color: #000099; text-decoration:none; }
div#foot a:visited  { color: #000099; text-decoration: none; }
div#foot a:hover    { color: #00FFFF; text-decoration: none; }



/*********************** TEXT TEIL *****************************/

div#tuebingen {
	position: absolute; top: 150px; left: 230px; width: 580px; height:282px;
	}
div#tuebingen .r1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	background-color:#FF0000;
	}
div#tuebingen .r2 {
	font-size: 12px;
	color: #000099;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding: 4px 0px 0px 11px;
	}
div#tuebingen .page {
	font-size: 12px;
	color: #000099;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
div#tuebingen .page_no {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FF0000;
	text-align: left;
	font-weight: normal;
	border-bottom:1px solid #FF0000;
	}
div#tuebingen .seitenschrift {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FF9900;
	text-align: left;
	font-weight: normal;
	vertical-align:top;
	}
h1 {
	font-size: 36px;
	font-weight: bold;
	color: #000099; 
	text-align: center;
	font-family: Times New Roman, Times, serif;
	}
h2 {
	font-size: 46px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	font-family: Times New Roman, Times, serif;
	}
h3 { 
	font-size: 76px;
	font-weight: bold;
	color: #FF0000; 
	text-align: center;
	letter-spacing:8px;
	font-family: Times New Roman, Times, serif;
	}
h4 { 
	font-size: 46px;
	font-weight: bold;
	color: #FFFFCC;
    text-align: center;
	font-family: Times New Roman, Times, serif;
	}
h5 { 
	font-size: 28px;
	font-weight: bold;
	color: #000099;
	text-align: center;
	font-family: Times New Roman, Times, serif;
	}
h6 { 
	font-size: 36px;
	font-weight: bold;
	color: #000099;
	text-align: center;
	font-family: Times New Roman, Times, serif;
	}
h7 { 
	font-size: 30px;
	font-weight: bold;
	color: #000099;
	text-align: center;
	font-family: Times New Roman, Times, serif;
	}



/* ************************ Li und oL ************************** */

.deci_rot li     { list-style-type: decimal; color: #FF0000; font-weight: bold; }
.disc li         { list-style-type: disc; font-weight: bold; }
.alpha li        { list-style-type: lower-alpha; font-weight: bold; }
.deci li         { list-style-type: decimal; font-weight: normal;  text-align: justify; }
.no li           { list-style-type: none; }
.fett            { font-weight: bold; }
li         						{ list-style-type: disc; }

/* ************************ Li und oL ENDE ************************** */



.text {
	font-size: 15px;
	line-height: 20px;
	color: #000099;
	font-weight: normal;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 16px 0mm 16px;
/*	vertical-align:top;*/
	}
.text a:link 	{ color: #FF0000; text-decoration: none; }
.text a:visited { color: #FF0000; text-decoration: none; }
.text a:hover 	{ color: #00FFFF; text-decoration: none; }

.text_20px {
	font-size: 20px;
	color: #000099;
	font-weight: bold;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	padding: 0px 16px 0mm 16px;
	}
.text_rot {
    font-size: 18px;
	color: #FF0000;
	font-weight: normal;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
	}

.text_center {
	font-size: 18px;
	color: #000099;
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	padding: 0px 0px 0mm 12px;
    }
.text_center_16 {
	font-size: 16px;
	color: #000099;
	font-weight: bold;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	padding: 0px 0px 0mm 12px;
/*	vertical-align:top;*/
	}
.text_center a:link 	{ color: #000099; text-decoration: underline; }
.text_center a:visited { color: #000099; }
.text_center a:hover 	{ color: #00FFFF; text-decoration: none; background-color: #00FFFF; }

.sup { 
	font-size: 13px;
	}
.text_bold { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:20px;
	font-weight: bold;
	color: #000099;
	text-align: justify;
	}
	
.text_normal { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:20px;
	font-weight: normal;
	color: #000099;
	text-align: justify;
	}

.text_bold_schwarz { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000099;
	line-height:20px;
	text-align: justify;
	padding: 0px 0px 0mm 12px;
	}
.text_italic { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FF0000;
	font-style: italic;
	line-height:19px;
	}
.text_bold_italic { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	color: #FF0000;
	line-height:20px;
	}
.text_bold_italic_schwarz { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #000099;
	line-height:20px;
	}

.zitat_18px { 
    color: #000099; 
    font-weight: normal;
    font-size: 18px; 
    text-align: center;
    font-family: "Times New Roman", Times, serif;
	background-image: url(/pictures/Hintergruende/HGgelb.gif); }

.zitat_18px_oHG { 
    color: #000099; 
    font-weight: normal;
    font-size: 18px; 
    text-align: center;
    font-family: "Times New Roman", Times, serif; }

.zitat_18px_justify { 
    color: #000099; 
    font-weight: normal;
    font-size: 18px; 
	text-align: justify;
    font-family: "Times New Roman", Times, serif;
    background-image: url(/pictures/Hintergruende/HGgelb.gif); } 

.zitat_18pxL_justify { 
    color: #000099; 
    font-weight: normal;
    font-size: 18px; 
    text-align: center;
    font-family: "Times New Roman", Times, serif;
	background-image: url(/pictures/Hintergruende/HG_Noten_Gelb_1540_440.png); }
		
.zitat_18px_justify_02 { 
    color: #000099; 
    font-weight: normal;
    font-size: 18px; 
	text-align: justify;
    font-family: "Times New Roman", Times, serif;
    background-image: url(/pictures/Hintergruende/HGgelb.gif); }
	border-width:4px; }
	
.zitat_16px_em_normal { 
   font-size: 16px;
   font-weight: normal;
   text-align: center; }

.zitat_16px { 
   color: #000099; 
   font-weight: normal;
   font-size: 16px; 
   text-align: center;
   font-family: "Times New Roman", Times, serif;
   background-image: url(/pictures/Hintergruende/HGgelb.gif); }

.zitat_19px { 
    color: #FFFFFF; 
    font-weight: normal;
    font-size: 18px; 
    text-align: center;
    font-family: "Times New Roman", Times, serif;
	background-color:#FF0000; } 
	

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:84px; left: 640px;
				  width: 400px;
				  height: auto;
				  margin: 0px 10px 0px 0px;
				  text-align: left;}


.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: #000099;}
					  

.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: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #000099;}
	
.MRT_text_4a {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	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: 20px;
	letter-spacing:1px;
	font-weight: Bold;
	color: #FFFFFF;}
	
.MRT_text_9 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 17px;
	letter-spacing:1px;
	font-weight: Bold;
	color: #FFFFFF;}	
	
.MRT_background_1 { background-image:url(/pictures/Buttons/Sand_dunkel_Nadelstreif.jpg);}
	
.MRT_background_2 { }

.MRT_background_colour_1 {background-color:#FF0000;}



/*************************   BUTTONLEISTEN   *****************************************/
 
div#button_a {
	position:absolute; left:10px; top:120px; width:170px; height:auto; visibility: visible; }

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/Buttons/Button32gelb.gif);
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button2 {							/* roter Button mit weisser Schrift */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#FF0000;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:bold;
	background-image:url(/pictures/Buttons/Button32gelb.gif);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(/pictures/Buttons/ButtonBlau170.gif);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button5 {							/* blauer Button mit weisser Schrift */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:bold;
	background-image:url(/pictures/Buttons/Button32gelb.gif);
	margin:5px 5px 0px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button6 {							/* direkt unter blauem Button mit weisser Schrift */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:bold;
	background-image:url(/pictures/Buttons/Button32gelb.gif);
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button7 {							/* direkt unter blauem Button mit weisser Schrift */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:bold;
	background-image: url(/pictures/Buttons/ButtonBlau170.gif);
	margin:0px 5px 0px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:normal;
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button9 {							/* roter Button mit weisser Schrift */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000099;
	font-weight:bold;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
.button11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000099;
	}
div#button_a .button_leer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	color:#000099;
	font-weight:normal;
	background-image:url(/pictures/Buttons/Button32gelb.gif);
	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:#000099;
	font-weight:normal;
	background-color:#FF0000;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button_leer_oHG {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	color:#000099;
	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: #FF0000; text-decoration:none;}
div#button_a .button3 a:visited { color: #FF0000; text-decoration: none;}
div#button_a .button3 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button4 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button4 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button4 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button5 a:link { color: #000099; text-decoration:none;}
div#button_a .button5 a:visited { color: #000099; text-decoration: none;}
div#button_a .button5 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button6 a:link { color: #000099; text-decoration:none;}
div#button_a .button6 a:visited { color: #000099; text-decoration: none;}
div#button_a .button6 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button7 a:link { color: #000099; text-decoration:none;}
div#button_a .button7 a:visited { color: #000099; text-decoration: none;}
div#button_a .button7 a:hover { color: #00FFFF; text-decoration: none;}

div#button_a .button8 a:link { color: #000099; text-decoration:none;}
div#button_a .button8 a:visited { color: #000099; 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: #000099; text-decoration:none;}
.button11 a:visited { color: #000099; text-decoration:none;}
.button11 a:hover 	{ color: #00FFFF; text-decoration:none;}