/* 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/HG_SMM_01.jpg);
		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; }
	
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; }

.rot { color: #FF0000; }

 .farbe {												/* nur Farbe  */
	color:#FF0000;
}

/**************** HEAD **********************/

sup { font-size:80%; line-height:0; }

.headline {
	font-size:48px;
	color:#FFFFFF;
	letter-spacing:3px;
	text-shadow:2px 2px 2px rgba(0,0,0,.4);
	}
.menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-shadow:1px 1px 1px rgba(0,0,0,.4);
	}
.menu a:link	{ text-decoration:none; color:#FFFFFF; background-color:none; }
.menu a:visited	{ text-decoration:none; color:#FFFFFF; background-color:none; }
.menu a:hover	{ text-decoration:none; color:#FF0000; background-color:#FFFFCC; }

.white { color:#FFFFFF; }


/**************** END HEAD **********************/


/****************  THE SIGNIFICANCE OF SOUL IN EVOLUTION  **********************************/


div#evolution {
	position:absolute;
	left:220px;
	top:100px;
	width:580px;
	z-index:19;
	visibility: visible;
	background-image:url(/pictures/Hintergruende/HG_Weiss_Trans_80_01.png);
	padding: 14px 0px 0px 0px;}
	
	/* padding 50px ist für Netscape, text-align funktioniert nicht */

div#evolution_innen {
	margin:0px 20px 0px 20px;
	padding:0px 0px 30px 10px; }

div#evolution h1 {
	font-family: Times New Roman, Times, serif;		/*  rote Überschrift Titelseite  */
	font-size:40px;
	color:#000099;
	font-weight:normal;
	padding: 0px 0px 10px 0px;
}
div#evolution h4 {
	font-family:Times New Roman, Times, serif;		/*  blaue Unterüberschrift Titelseite  */
	font-size:18px;
	color:#000099;
	font-weight:normal;
	font-style:italic;
}
div#evolution .text1 {							   				/* Einleitung */
	font-family: Times New Roman, Times, serif;
	font-size:16px;
	color:#000099;
	font-weight:normal;
	text-align:justify;
}
div#evolution .text2 {							   				/* fortlaufender Text, Blocksatz */
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#000099;
	font-weight:normal;
	text-align:justify;
}
div#evolution .interviewer {							   		/* Interviewer */
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#FF0000;
	font-weight:normal;
	text-align:left;
	float:left;
}
div#evolution .question1 {
	font-family: Arial, Helvetica, sans-serif;					/*  blaue Frage Titelseite  */
	font-size:14px;
	line-height:19px;
	color:#000099;
	font-weight:bold;
	font-style:normal;
}
div#evolution .question2 {
	font-family: Arial, Helvetica, sans-serif;					/*  blaue Frage Titelseite  */
	font-size:14px;
	line-height:19px;
	color:#000099;
	font-weight:bold;
	font-style:normal;
}
div#evolution .r1 {							   					/* Running Head links */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:normal;
	padding: 0px 0px 4px 0px;
	text-align:left;
	border-bottom:1px solid #FF0000;
}
div#evolution .r2 {							   					/* Running Head zentriert */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:normal;
	text-align:center;
}


div#audio 		{ position: absolute; top:320px; left: 640px;
				  width: 230px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;}

div#audio_1		{ position: absolute; top:140px; left: 620px;
				  width: 230px;
				  height: 627px;
				  margin: 0px 10px 0px 0px;}
					  
div#audio_2		{ position: absolute; top:220px; left:620px;
				  width: 360px;
				  height:auto;
				  margin: 0px 10px 0px 0px;}

div#zeichen_01	{ position: absolute; top:260px; left:840px;
				  width: 340px;
				  height: 627px;
				  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: 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: 18px;
	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_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 { }

.MRT_background_colour_1 {background-image:url(/pictures/Bilder_Graphik/Kopf_SMM_08.png);}




.zitat { color: #000099; 
    font-weight: lighter; 
    font-size: 18px; 
    line-height: 25px;  
    text-align: center; 
    font-style: normal;  
    font-family: "Times New Roman", Times, serif; }

.zitat_u { 
    padding: 10px 0px 0px 0px; font-weight: 
    bold; font-size: 18px; line-height: 25px;  
    text-align: center; 
    font-style: italic; 
    color: #000099;  
    font-family: "Times New Roman", Times, serif; }



/*************************   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);
	border-bottom:solid 1px #000099;
	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);
	border-bottom:solid 1px #000099;
	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/Hintergruende/HG_Weiss_Trans_80_01.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:#FF0000;
	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-image: url(/pictures/Buttons/ButtonBlau170.gif);
	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: #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;}

