/* Seite horizontal und vertikal zentrieren */
/* Wenn nur horizontal zentrieren, dann distance-container weglassen */

	* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
		text-align:center; /* horizontal centering for IE Win quirks */		background-image:url(/pictures/Hintergruende/HGBlauCyan.gif);
background-repeat:repeat;
		background-attachment:fixed;
		}
 
	#distance { 	/* wird nur fuer vertikale Zentrierung benoetigt */
		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;
		}

@import("iemac-center.css");


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


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: #000099;
	font-weight:normal;
	text-align:center;
    margin: 0px 0px 0px 0px;
	padding: 66px 0px 100px 0px; }


/****** HINTERGRÜNDE UND Co  **********************************/

.hg1   { background-image: url(/pictures/Buttons/ButtonGrau110.gif); }
.bgFC6 { background-color: #FFCC66;}
.p1    { color: #FF0000;}


/********************* ALLGEMEIN  *************************************/

.suppage { font-size: 10px;}
.page { font-size: 12px;
			font-weight: normal;
			text-align: right;
			color: #000099;
			letter-spacing: 1px;
			font-family: Arial, Helvetica, sans-serif; }
.page a:link { color: #000099; text-decoration: none; }
.page a:visited { color: #000099; text-decoration: none; }
.page a:hover { color: #00FFFF; text-decoration: none; font-weight: bold; }


div#vorrueckrechts { float: right; }
.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: #000099; text-decoration: none; }
.vorwaerts a:visited { color: #000099; 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: #000099;  text-decoration: none; }
.back a:visited { color: #000099; text-decoration: none; }
.back a:hover { color: #00FFFF; text-decoration: none; }

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

.rotbi { color: #FF0000; font-weight: bold;  font-style: italic; }
.rotb { color: #FF0000; font-weight: bold; }
.rot { color: #FF0000; }
.blau { color: #000099; }
.schwarz { color: #000099; }
.blau99 { color: #000099; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.itabold { font-style: italic; font-weight: bolder; }
.normal { font-weight: normal; }
.normals { font-style: normal; font-weight: normal; }
.centre { text-align: center; }
.left { text-align: left; }
.block { text-align: justify; }
.rechts { text-align: right; }
.unter { text-align: right; font-style: italic; font-weight: bold; }
.unter_2 { text-align: right; font-family:'Times New Roman', Times, serif; font-size:17px; font-style: italic; font-weight: bold; }
.arial { font-family: Arial, Helvetica, sans-serif; }
.times { font-family: 'Times New Roman', Times, serif; }


/************  STRICHE *************************/

.hr1r { border-top: 1px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 1punkt rot ****/
.hr3r { border-top: 3px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 1punkt rot ****/
.hr4r { border-top: 4px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 4punkt rot ****/
.hr6r { border-top: 5px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 5punkt rot ****/
.hr8r { border-top: 8px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 8punkt rot ****/

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


.disc_rot18 li { list-style-type: disc; color: #FF0000; font-weight: bold; font-size: 18px; }
.disc li { list-style-type: disc; font-weight: bold; }
.alpha li { list-style-type: lower-alpha; font-weight: bold; }
.deci_rot li { list-style-type: decimal; color: #FF0000; font-weight: bold; }
.deci li { list-style-type: decimal; font-weight: bold; }
.no li { list-style-type: none; }
li { list-style-type: disc; font-weight: normal; }


/************************* INCLUDESEITEN *****************************************/

div#rahmen 	 {  padding: 0px 20px 10px 20px;
				margin: 0px 0px 0px 0px;
				text-align: center;
				position: absolute;
				background-image: url(/pictures/Buttons/ButtonGrau110.gif);
				left: 220px;
				top: 120px;
				width: 560px;
				height: auto; }

div#rahm10 { padding: 10px; }
div#rahm20 { padding: 10px 20px; }
div#rahm30 { padding: 10px 30px; }
div#rahm40 { padding: 10px 40px; }
div#rahm50 { padding: 10px 50px; }
.rand_l20  { padding: 0px 0px 0px 20px; }

/*********************** Running Head *****************************/
div#rh { position: absolute; left: 0px; top: 10px; width: 600px;  background-color:#FF0000;  }
.rh_text { font-size: 12px; float: left;  padding: 2px 10px; text-align: left; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.rh_page {  font-size: 12px; letter-spacing: 1px; text-align: right; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.rh_page a:link { color: #000099; text-decoration: none; }
.rh_page a:visited { color: #000099; text-decoration: none; }
.rh_page a:hover { color: #00FFFF; text-decoration: none; font-weight: bold; }


/*********************** Überschriften  *****************************/
h1 { 		margin: 0px 0px 10px 0px;
				font-size: 40px;
				text-align: left;
				color: #000099;
				font-weight:bold;
				font-family: 'Times New Roman', Times, serif;  }
				
h2 { 		margin: 20px 0px 20px 0px;
				font-size: 16px;
				text-align: justify;
				color: #000099;
				font-weight:normal;
				font-family: 'Times New Roman', Times, serif;  }
				
h3 { 		margin: 0px;
				font-size: 24px;
				text-align: left;
				color: #FF0000;
				font-family: 'Times New Roman', Times, serif;  }
				
/*********************** TEXT ***************************************/

.text 	 {       font-size: 14px;
				 line-height: 19px;
				 color: #000099;
				 font-weight: normal;
				 text-align: justify;
				 font-family: Arial, Helvetica, sans-serif;  }
				 
.text a:link { color: #000099; text-decoration: underline; }
.text a:visited { color: #000099; text-decoration: underline; }
.text a:hover { color: #00FFFF; text-decoration: none; font-weight: bold; }


/* ************************ (R) oder th,st,nd oder 2,3,4 hochgestellt ************************** */

.sup { font-size: 11px; }    /* *  passend zum TEXT  **** */

/* ************************                    ************************** */

.text12 {   font-size: 14px;
				 line-height: 19px;
				 color: #000099;
				 font-weight: normal;
				 text-align: left;
				 font-family: Arial, Helvetica, sans-serif;  }
				 
.text a:link { color: #000099; text-decoration: underline; }
.text a:visited { color: #000099; text-decoration: underline; }
.text a:hover { color: #00FFFF; text-decoration: none; font-weight: bold; }


.text2 {     font-size: 14px; /*** WICHTIG FÜR EINZÜGE: ohne padding *****/
                 color: #000099;
				 line-height: 19px;
				 font-weight: normal;
				 text-align: justify;
				 font-family: Arial, Helvetica, sans-serif; }
				 
.text2 a:link { color: #000099; text-decoration: underline; }
.text2 a:visited { color: #000099; text-decoration: underline; }
.text2 a:hover { color: #00FFFF; text-decoration: none; font-weight: bold; }

.text3 {     font-size: 14px; /*** WICHTIG FÜR EINZÜGE: ohne padding *****/
                 color: #000099;
				 line-height: 19px;
				 font-weight: bold;
				 text-align: justify;
				 font-family: Arial, Helvetica, sans-serif; }
				 
.text3 a:link { color: #000099; text-decoration: underline; }
.text3 a:visited { color: #000099; text-decoration: underline; }
.text3 a:hover { color: #00FFFF; text-decoration: none; font-weight: bold; }



.zitat1 {    padding: 10px 20px 40px 20px;
                 background-image: url(/pictures/Buttons/ButtonGrau110.gif);
				 font-size: 16px;
				 line-height: 20px;
				 color: #000099;
				 font-weight: bold;
				 text-align: left;
				 font-family: 'Times New Roman', Times, serif; }
				 
.zitat2 {    padding: 10px 20px 10px 20px;
			 	 background-image: url(/pictures/Buttons/ButtonGrau110.gif);
			 	 font-size: 20px;
				 line-height: 26px;
				 color: #000099;
				 font-weight: bold;
				 text-align: left;
				 font-family: 'Times New Roman', Times, serif; }
				 
.zitat13 {  padding: 7px 5px 8px 5px;
				 margin: 7px 0px 0px 0px;
				 background-image: url(/pictures/Buttons/ButtonGrau110.gif);
				 font-size: 13px;
				 line-height: 17px;
				 color: #000099;
				 font-weight: normal;
				 text-align: left;
				 font-family: 'Times New Roman', Times, serif; }
				 
				 

/*********************** Sonder Fenster *********** ***************** ***************** **/
/*********************** Bild PYTHAGORAS und Studio Bilder S.8  ***************** **/
.bpy { font-size: 14px; font-weight: bold; color: #000099; font-family: Georgia; background-image: url(/pictures/Buttons/ButtonGrau110.gif); padding:0px 0px 20px 0px; }
div#studio1 { position: absolute; top: 810px; left: -150px; }
div#studio2 { position:  absolute; top: 1210px; left: 20px; }
div#studio3 { margin: 0px 0px 580px 0px; }

/**** Seite 10  ****/
div#teststrecke3 { position:absolute; top: 900px; left: -150px;}
div#teststrecke3a { margin: 0px 0px 620px 0px; }

/**** Seite 11  ****/
div#mess { position:absolute; top: 1280px; left: 0px; }

div#messu { margin: 0px 0px 0px 0px; }

/*********************** Bild Links ***************** **/
.bl { float: left; padding: 0px 10px 0px 0px; margin: 0px; }
.bl250 { float: left; width: 250px; margin: 0px 30px 10px 0px; }

/*********************** Bild Rechts ***************** **/
.br       { float: right; padding: 0px 0px 0px 30px; margin: 0px; }
.br15   { float: right; padding: 0px; margin: 0px 0px 0px 10px; }
/*************************************************************************************************/
.br250s {	float: right; width: 250px; margin: 0px 0px 0px 30px;
					text-align: center; padding: 25px 0px 0px 0px;
					font-family: 'Times New Roman', Times, serif; font-size: 16px; color: #000099;
					background-image: url(/pictures/Buttons/ButtonGrau110.gif);  }
					
.br250s a:link { color: #000066; text-decoration: none; }
.br250s a:visited { color: #000066; text-decoration: none; }
.br250s a:hover { color: #000099; text-decoration: none; font-weight: bold; }

.br250s2 {	float: right; width: 250px; margin: 0px 0px 10px 30px;
					text-align: center; padding: 25px 0px 20px 0px;
					font-family: 'Times New Roman', Times, serif; font-size: 16px; color: #000099;
					background-image: url(/pictures/Buttons/ButtonGrau110.gif);  }




/*************************************************************************************************/
.br250 { float: right; width: 250px; margin: 0px 0px 0px 30px;}
.br260 { float: right; width: 260px; margin: 0px 0px 0px 30px;}
.br265 { float: right; width: 265px; margin: 0px 0px 0px 30px;}
.br300 { float: right; width: 300px; margin: 0px 0px 0px 30px;}
.br350 { float: right; width: 350px; margin: 0px 0px 0px 30px;}

/*********************** Bild Mitte ***************** **/
.b255 {  width: 255px; margin: 0px 12px;}
.bm300 {  width: 300px; margin: 0px;}
.bm312 {  width: 312px; margin: 0px;}
.bm340 {  width: 340px; margin: 0px;}
.bm351 {  width: 351px; margin: 0px;}
.bm397 {  width: 397px; margin: 0px;}
.bm400 {  width: 400px; margin: 0px;}
.bm405 {  width: 405px; margin: 0px;}
.bm411 {  width: 411px; margin: 0px;}
.bm420 {  width: 420px; margin: 0px;}
.bm425 {  width: 425px; margin: 0px;}
.bm440 {  width: 440px; margin: 0px;}
.bm443 {  width: 443px; margin: 0px;}
.bm480 {  width: 480px; margin: 0px; }

/*********** ***************** ***************** ********* **/


	


div#audio 		{ position: absolute; top:220px; left:630px; width: 250px; height: auto;
				  margin: 0px 10px 0px 0px;
				  padding:20px;
				  background-image: url(/pictures/Buttons/ButtonGrau110.gif);
				  text-align: center;}

div#audio_1		{ position: absolute; top:220px; left:630px;
				  width: 250px;
				  height: auto;
				  margin: 0px 10px 0px 0px;
				  padding:20px;
				  background-image: url(/pictures/Buttons/ButtonGrau110.gif);
				  text-align: center;}
					  
div#audio_2		{ position: absolute; top:220px; left:620px;
				  width: 300px;
				  height:auto;
				  margin: 0px 10px 0px 0px;
				  text-align: center;}

div#zeichen_01	{ position: absolute; top:280px; left:846px;
				  width: 340px;
				  height: auto;
				  margin: 0px 10px 0px 0px;}

.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:14px;
	line-height: 19px;
	font-weight: normal;
	color: #000099;}				  

.MRT_text_3 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #FF0000;}

.MRT_text_4 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 18px;
	font-weight: bold;
	color: #000099;}
	
.MRT_text_4 a:link 		{ color: #000099; text-decoration: none; }
.MRT_text_4 a:visited 	{ color: #000099; text-decoration: none; }
.MRT_text_4 a:hover 	{ color: #FF0000; text-decoration: none;}

.MRT_text_10 {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size:12px;
	font-weight:normal;
	color: #000099;}

.MRT_banner {
	font-family: Arial, Helvetica, sans-serif;					  
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	color: #FFFFFF;
	background-color:#FF0000;
	padding:4px 0px 6px 0px;
	margin:0px 0px 6px 0px;}
	
.MRT_background_1 {background-image:url(/pictures/Buttons/ButtonGrau110.gif);}
	
.MRT_background_2 { }

.MRT_background_3 { background-image:url(/pictures/Hintergruende/HG_Papier.gif);}

.MRT_background_colour_1 {background-color:#FF0000;}

.MRT_background_colour_2 { background-color:#FFFFCC;}



/*************************   BUTTONLEISTEN   *****************************************/
 
div#button_a {
	position:absolute; left:9px; top:140px; width:180px; 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/Buttons/ButtonGrau110.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:#000099;
	font-weight:bold;
	background-image:url(/pictures/Buttons/ButtonGrau110.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 .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 {
	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: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/Buttons/ButtonGrau110.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: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: #000099; text-decoration:none;}
div#button_a .button3 a:visited { color: #000099; 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 .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;}

ws1m { word-spacing: -1px; letter-spacing : 0px; }  /*  Leerzeichen verkleinern ********/


/*************  FONT GRÖSSE *****/

.ps20 { font-size: 19px; }