* {
		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: #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; }
.rotunterstrichen { color: #FF0000; 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; }

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; }

.liste {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
.liste a:link { color: #000099; text-decoration:none; }
.liste a:visited { color: #000099; text-decoration: none;}
.liste a:hover { color: #00FFFF; text-decoration: none;}


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

.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: 30px 0px 0px 0px;
			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: 30px 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; }

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

.rotb { color: #FF0000; font-weight: bold; }
.rot { color: #FF0000; }
.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; }
.sup { font-size: 13px; }
.centre { text-align: center; }
.unter { text-align: right; font-style: italic; font-weight: bold; }
.lf18 {line-height: 18px; } /*  Zeilenabstand (Linefeet) ********/
.lf14 {line-height: 14px; } /*  Zeilenabstand (Linefeet) ********/
.lf12 {line-height: 12px; } /*  Zeilenabstand (Linefeet) ********/
.lf10 {line-height: 10px; } /*  Zeilenabstand (Linefeet) ********/
.lf8 {line-height: 8px; } /*  Zeilenabstand (Linefeet) ********/
.lf0 {line-height: 0px; } /*  Zeilenabstand (Linefeet) ********/

/*************  FONT GRÖSSE *****/
.ps11 { font-size: 11px; }
.ps12 { font-size: 12px; }
.ps13 { font-size: 13px; }
.ps14 { font-size: 14px; }
.ps16 { font-size: 16px; }
.ps17 { font-size: 17px; }
.ps18 { font-size: 18px; }
.ps20 { font-size: 20px; }
.ps24 { font-size: 24px; }
.ps30 { font-size: 30px; }
.ps34 { font-size: 34px; }
.ps36 { font-size: 36px; }
.ps40 { font-size: 40px; }
.ps44 { font-size: 44px; }
.ps60 { font-size: 60px; }

/* ************************ (R) oder th,st,nd oder 2,3,4 hochgestellt ************************** */
.sup { line-height: 0px; font-size: 13px; }    /* *  passend zum TEXT  **** */
/************  STRICHE *************************/

.hr1r { border-top: 1px 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: 6px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 6punkt rot ****/
.hr8r { border-top: 8px solid #FF0000; margin: 0px 0px 0px 0px;} /***** Strich 8punkt rot ****/


/* ************************ 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: bold; }
.no li { list-style-type: none; }
li { list-style-type: disc; font-weight: normal; }




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


div#rahmen { position: absolute;
			left: 230px;
			top: 150px;
			width: 580px;
			height: auto;
			border: 0px solid #0000FF;
			padding: 0px 10px 10px 10px; }

h1 { margin: 10px 0px 0px 0px;
			text-align: left;
			font-size: 45px;
			color: #FF0000;
			font-weight: bold;
			font-family: "Century Gothic"; }
			
h2 { margin: 0px 0px 30px 0px;
			text-align: left;
			font-size: 36px;
			color: #000099;
			font-weight: bold;
			font-family: "Times New Roman", Times, serif; }
			
h3 { margin: 0px 0px 30px 0px;
	 padding: 80px 0px 0px 0px;
			text-align: left;
			font-size: 22px;
			font-style: italic;
			color: #000099;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif; }
h4 { margin: 0px 0px 60px 0px;
			text-align: left;
			font-weight: normal;
			font-size: 16px;
			color: #000099;
			font-family: Arial, Helvetica, sans-serif; }


/* Bilder Links Rechts Mitte ******/

div#bildr { float: right;
			width: 270px;
			margin: 0px 0px 20px 25px; }
			
.br1 { padding: 0px 15px;
			text-align: center;
			font-size: 14px;
			color: #000099;
			font-family: Arial, Helvetica, sans-serif; }
			
.br2_zit  { padding: 20px;
			text-align: left;
			line-height: 23px;
			font-size: 18px;
			color: #000066;
			background-image: url(/pictures/Hintergruende/HGblautuerkisblau.gif);
			font-weight: normal;
			font-family: "Times New Roman", Times, serif; }
			
.br2_zit_u { text-align: right;
			font-style: italic;
			font-weight: bold;
			}

div#bildl { float: left;
			width: 270px;
			height: 584px;
			margin: 0px 15px 20px 0px;
			background-image: url(/pictures/Hintergruende/HGBlauCyan.gif); }
			
.bl1 { 		padding: 40px;
			text-align: center;
			font-weight: bold;
			font-size: 18px;
			letter-spacing:1px;
			color: #000099;
			font-family: Georgia;
			}

div#bildm { text-align: center;
			width: 100%;
			 }
			 
.bm1 { width: 320px;
			padding: 20px;
			margin-left:auto; margin-right:auto;
			text-align: center;
			font-size: 20px;
			font-weight: normal;
			line-height: 25px;
			color: #FFFFFF;
			background-color: #FF0000;
			font-family: "Times New Roman", Times, serif; }
.bm2 { font-style: italic; font-weight: bolder; }
.bm3 { font: 16px; }

/* Bilder Links Rechts Mitte ende ******/

.rh_text  { position: absolute;
				left: 0px;
				top: 0px;
				width: 460px;
				padding: 2px 10px 2px 10px;
				text-align:  left;
				background-color: #FF0000;
				font-size: 13px;
				color:  #FFFFFF;
				font-family: Century Gothic; }
			
.rh_page  { margin: 0px 0px 36px 0px;
				padding: 3px 10px 3px 10px;
				text-align: right;
				font-weight: normal;
				background-color: #FF0000;
				font-size: 12px;
				color: #FFFFFF;
				font-family: Arial, Helvetica, sans-serif; }
			
.rh_page a:link { color: #FFFFFF; text-decoration: none; }
.rh_page a:visited { color: #FFFFFF; text-decoration: none; }
.rh_page a:hover { color: #000066; text-decoration: none; font-weight: bold; }

.htext { text-align: justify;
			font-size: 16px;
			color: #000099;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif; }

.text {line-height: 19px;
			font-size: 14px;
			color: #000099;
			font-weight: normal;
			text-align: justify;
			font-family: Arial, Helvetica, sans-serif; }
.text2 {line-height: 19px;
			font-size: 14px;
			color: #000099;
			font-weight: normal;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif; }



/*************************   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;}