* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
		text-align:center;
		background-image:url(/pictures/Hintergruende/HGBlauCyan.gif);
		background-repeat:repeat;
		}
 
	#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; }
.buttonUnterstrichOrange { color: #FF3300; text-decoration: none; }

.Gesperrt3 { letter-spacing: 3px; }
.Gesperrt2 { letter-spacing: 2px; }
.Gesperrt1 { letter-spacing: 1px; }

a:hover { color: #00FFFF; text-decoration: none; }


/* Fuss mit eigener Linkfarbe */

div#foot { margin:0px 0px 0px 0px; padding: 50px 0px 100px 0px; font-weight:normal; 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; }

.foot { margin:0px 0px 0px 0px; padding: 50px 0px 100px 0px; font-weight:normal; text-align:center; clear:both; color:#FFFFFF; }
.foot a:link 	   { color: #FFFFFF; text-decoration:none; }
.foot a:visited  { color: #FFFFFF; text-decoration: none; }
.foot a:hover   { color: #00FFFF; text-decoration: none; }

div#media1 { margin:0px 232px 0px 150px; padding: 160px 0px 0px 50px;}
div#media2 { margin:0px 45px 0px 235px; padding: 190px 0px 0px 0px;}

/**********************   MOTTO   ********************************/

.bg_motto_1 {background-image: url(../pictures/Buttons/ButtonGrau110.gif);}

.bg_motto_2 {background-image: url(../pictures/Buttons/OrangeGelb160.jpg);}


/********************  ENDE MOTTO  ********************************/


/********************  MUSICOLOGY  ******************************/

div#music {
	position:absolute;
	left:230px;
	top:150px;
	width:580px;
	height:auto;
	padding: 10px 10px 10px 10px;
	background-image: url(/pictures/Buttons/ButtonGrau110.gif);
}

div#musicology { width:100%; height:auto; }

/*****************  Titelseite Musicology 1  ********************/

div#musicology h1 {
	font-family: "Times New Roman", Times, serif;
	font-size:36px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-image: url(/pictures/Hintergruende/HGblautuerkis_330.gif);
	padding: 15px 15px 15px 15px;
	}

div#musicology .preliminary {
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0px 0px 0px 20px;
	}
	
div#musicology h2 {
	font-family: "Times New Roman", Times, serif;
	font-size:28px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 40px;
	}

div#musicology .subject_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-align: left;
	background-image: url(/pictures/Buttons/ButtonGrau110.gif);
	padding: 5px 0px 5px 20px;
	margin: 10px 0px 20px 20px;
	}
div#musicology .subject_1 a:link { color: #FF0000; text-decoration:none;}
div#musicology .subject_1 a:visited { color: #FF0000; text-decoration: none;}
div#musicology .subject_1 a:hover { color: #00FFFF; text-decoration: none;}	

div#musicology .title_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #000099;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 40px;
	margin: -10px 0px 0px 0px;
	}
div#musicology .title_1 a:link { color: #000099; text-decoration:none;}
div#musicology .title_1 a:visited { color: #000099; text-decoration: none;}
div#musicology .title_1 a:hover { color: #00FFFF; text-decoration: none;}


div#musicology .text_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000099;
	font-weight: normal;
	text-align: justify;
	padding: 0px 0px 0px 40px;
	}

/*****************  Folgeseiten Musicology 1  ********************/

div#musicology .musicology_2 {
	font-family: "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight: bold;
	text-align: left;
	background-image:url(/pictures/Hintergruende/HGblautuerkis_330.gif);
	padding: 10px 0px 10px 10px;
	}
div#musicology .general {
	font-size:16px;
	padding: 0px 0px 0px 20px;
	}
div#musicology .title_2 {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 15px 0px 15px 22px;
	}
div#musicology .seminar_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}
div#musicology .series_2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
	font-size:14px;
	font-weight:normal;
	background-image: url(/pictures/Buttons/ButtonGrau110.gif);
	padding: 5px 0px 5px 20px;
	margin: 10px 0px 20px 20px;
	}
div#musicology .text_2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 40px;
	}
div#musicology .text_2 a:link { color: #000099; text-decoration:none;}
div#musicology .text_2 a:visited { color: #000099; text-decoration: none;}
div#musicology .text_2 a:hover { color: #00FFFF; text-decoration: none;}


/*****************  Titelseite Musicology 2  **************/

div#musicology h3 {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-image: url(/pictures/Hintergruende/HGblautuerkis_330.gif);
	padding: 10px 0px 10px 22px;
	}
div#musicology .universal {
	font-size:16px;
	}
div#musicology .seminar_3 {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color: #FF0000;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 0px 22px;
	}
div#musicology .seminar_3a {
	font-size:24px;
	font-weight: bold;
	}
div#musicology .seminar_3b {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	padding: 0px 0px 0px 40px;
	}
div#musicology .seminar_3c {
	font-size:16px;
	}
div#musicology .liste_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 80px;
	}
div#musicology .text_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000099;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 0px 40px;
	}
div#musicology .text_3 a:link 		{ color: #000099; text-decoration: none;}
div#musicology .text_3 a:visited 	{ color: #000099; text-decoration: none;}
div#musicology .text_3 a:hover 		{ color: #00FFFF; text-decoration: none;}


/*****************  Inhaltsseite  -  Musicology 2  **************/

div#musicology h4 {
	font-family: "Times New Roman", Times, serif;
	font-size:36px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-image: url(/pictures/Hintergruende/HGblautuerkis_330.gif);
	padding: 10px 0px 10px 0px;
	}
div#musicology h5 {
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-image: url(/pictures/Hintergruende/HGblautuerkis_330.gif);
	padding: 10px 0px 10px 0px;
	}
div#musicology .siebzehn {
	font-size:17px;
	}
div#musicology .vierzehn {
	font-size:14px;
	font-weight: bold;
	}

/*****************  Inhaltsseite  -  Musicology 3  **************/

div#musicology #table_bg	{
	background-image:url(/pictures/Hintergruende/HGblautuerkis_330.gif); }

div#musicology .art_4 {
	font-family: "Times New Roman", Times, serif;
	font-size:66px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0px 20px 0px 24px;
	}
div#musicology .seminar_4b {
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	padding: 0px 0px 0px 22px;
	}
div#musicology .liste_4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 120px;
	}
div#musicology .series_4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	background-image: url(../pictures/Buttons/ButtonGrau110.gif);
	padding: 5px 0px 5px 20px;
	margin: 10px 0px 20px 20px;
	}
div#musicology .series_4 a:link 	{ color: #FF0000; text-decoration:none;}
div#musicology .series_4 a:visited	{ color: #FF0000; text-decoration: none;}
div#musicology .series_4 a:hover 	{ color: #00FFFF; text-decoration: none;}

div#musicology .text_4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding: 0px 0px 0px 40px;
	}
div#musicology .text_4 a:link 		{ color: #000099; text-decoration:none;}
div#musicology .text_4 a:visited	{ color: #000099; text-decoration: none;}
div#musicology .text_4 a:hover 		{ color: #00FFFF; text-decoration: none;}


/*****************  Folgeseiten  -  Musicology 3  **************/

div#musicology .art_3 {
	font-family: "Times New Roman", Times, serif;
	font-size:59px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}
div#musicology .art_text_3 {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}

/******************  ENDE MUSICOLOGY  ************************/


/* silberner Balken mit Schrift */
.r1 {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color: #000099;
	font-weight: bold;
	letter-spacing:2px;
	background-image:url(/pictures/Buttons/ButtonGrau110.gif);
	padding: 3px 0px 3px 0px;
}
/* roter Balken ohne Schrift */
.r2 {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing:2px;
	background-color:#FF0000;
	padding: 3px 0px 3px 0px;
}
/* Abstand vom oberen Balken zum ersten Link */
.r3 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
}


/****************  ab hier Zitatseiten  ************************************/

 .Stil1 {											/* Zitat Text - fett */
 	font-family: "Times New Roman", Times, serif;
 	font-weight: bold;
	font-size: 18px;
	color: #000099;
 	text-decoration: none;
 }
 .Stil2 {											/* Autor des Zitats */
 	font-family: "Times New Roman", Times, serif;
 	font-weight: bold;
	font-size: 18px;
	font-style: italic;
 	color: #000099;
	text-decoration: none;
 }
 .Stil3 {											/* Erklärung zum Zitat - nach Autor */
 	font-family: "Times New Roman", Times, serif;
 	font-size: 18px;
	font-style: italic;
	color: #000099;
 	text-decoration: none;
 }
 .Stil4 {											/* blaue Zahlen */
 	font-family: "Times New Roman", Times, serif;
 	font-size: 14px;
	color: #0000FF;
	text-decoration: none;
 }
 .Stil5 {											/* rote Zahlen */
 	color: #FF0000; 
 	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
 }
 .Stil6 {											/* */
 	color: #FF00FF; 
 	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
 }
 .Stil7 {											/* Zitat Text - nicht fett */
 	font-family: "Times New Roman", Times, serif;
 	font-size: 18px;
	color: #000099;
	text-decoration: none;
 }
 #zitatposition {									/* Position des Rahmens im Fenster*/
	position:absolute; width:406px; height:380px; left: 60px; top: 21px;
	border: 1px none #000000; z-index:1;
	text-align:center;
 }


/*************************   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:#FFFFFF;
	font-weight:normal;
	background-image:url(/pictures/Buttons/ButtonBlau170.gif);
	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: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/Buttons/ButtonBlau170.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:#FF0000;
	font-weight:bold;
	background-image:url(/pictures/Buttons/ButtonGrau110.gif);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(/pictures/Buttons/ButtonBlau170.gif);
	margin:5px 5px 0px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(/pictures/Buttons/ButtonBlau170.gif);
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;
	}
div#button_a .button7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	background-image:url(/pictures/Buttons/ButtonGrau110.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:#FFFFFF;
	font-weight:normal;
	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:11px;
	font-weight:normal;
	color:#FFFFFF;
	}
	
div#button_a .button_leer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	font-weight:normal;
	background-image:url(/pictures/Buttons/ButtonBlau170.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;
	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;
	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: #FFFFFF; text-decoration:none;}
div#button_a .button1 a:visited { color: #FFFFFF; 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: #FF0000; text-decoration:none;}
div#button_a .button4 a:visited { color: #FF0000; text-decoration: none;}
div#button_a .button4 a:hover { color: #00FFFF; text-decoration: none;}

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

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

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