/* Styledefinitions for requman */

/* allg. Angaben */
body {font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0px; padding:0px; height:100%;width:100%;color:#243239;background:#F7F7F7; overflow:auto;}
p,h1,h2,h3,h4,ul,ol,li,div,span,em,address,td,th,blockquote,nobr,b,i,layer { font-family:Arial, Helvetica, sans-serif; color:#000000; }

ul { font-size:1em; margin-left:16px; list-style-type:disc;}
.liste_kreis { font-size:1em; margin-left:16px; list-style-type:circle;}
.liste_quadrat { font-size:1em; margin-left:16px; list-style-type:square;}
ol { font-size:1em;}
li { margin-bottom:0.4em;}

h1 { font-size:1.4em; text-align:left;}
h2 { font-size:1.3em; text-align:left;}
h3 { font-size:1.2em; text-align:left;}
h4 { font-size:1em; text-align:left;}
h5 { font-size:0.9em; text-align:left;}
p { font-size:1em; text-align:left;}

em {color:#B07C7C; font-weight:bold; text-decoration:none;}

table{border:0px solid #000000; padding:0px; margin-left:60px;}
 .ua_tabelle1{border:0px solid #000000; padding:0px;text-align:left; margin-left:60px; margin-right:30px;}
 .ua_tabelle2{border:0px solid #000000; padding:0px;text-align:left; margin-left:0px; margin-right:30px;}
 .ua_tabelle3{border:0px solid #000000; padding:0px;text-align:left; margin-left:65px; margin-right:60px;}
td{border:0px solid #000000; padding:0px; margin:0px; vertical-align:top; }

.startseite{position:absolute;z-index:1;margin:0px;padding:0%;width:100%;text-align:center;top:6%;border:0 solid #000000;overflow:auto;}

#loesung{text-align:center; }

.interaction {border:1px dashed #F4F4F4;padding:20px;}
.interaction form span{font-size:0.8em;}

a {}
a:link { color:#557DAF; text-decoration:none; }
a:hover { color:#59A2FF; text-decoration:none; }
a:visited { color:#557DAF; text-decoration:none; }
a:active { color:#557DAF; text-decoration:none; }

.drucken_tabelle {width:100%;border:0px solid #000000; padding:0px;text-align:right; margin-left:0px;margin-right:0px;}
.lesetechniken_tabelle {border:2px solid #000000; border-collapse:collapse; padding:0px; margin-left:108px;}
.lesetechniken_td {border:1px solid #000000; padding:5px; margin:0px; vertical-align:top; }

/* Layoutangaben */

#layout {position:absolute;z-index:1;background:#F7F7F7;top:0%;left:0%;width:100%;height:100%;margin:0%;padding:0% 0% 0% 0px;border:0px solid red;}
	
	.marginalien{position:relative;background:#EBCDCD;margin:0% 10px 0% 0px;font-weight:bold;padding:2px;} 

	.text{position:absolute;z-index:2;background:transparent;top:1%;left:0%;height:auto;width:100%;margin:0%;padding:1px 250px 10px 260px;border:0px solid yellow;}
	.grafik{background:transparent;top:0%;margin:0% 0% 0% 20px;padding:0%;height:auto;border:1px solid black;}
	.foto{background:transparent;top:0%;margin:0%;padding:0%;height:auto;border:2px solid #A2A19F;}
	

	#gruppenbild{position:absolute;z-index:2;top:60px;left:0px;width:400px;height:590px;background:url(Module/Modul_01/Bilder/pinwand.jpg) no-repeat; margin-left:60px;padding:0px;}
	.pic1{position:absolute; z-index:3;top:240px;left:15px;}
	.pic2{position:absolute; z-index:3;top:230px;left:140px;}
	.pic3{position:absolute; z-index:3;top:240px;left:260px;}
	.pic4{position:absolute; z-index:3;top:410px;left:25px;}
	.pic5{position:absolute; z-index:3;top:400px;left:160px;}
	.pic6{position:absolute; z-index:3;top:410px;left:280px;}
	
.bild {padding-left:40px;}
.button_short{font-weight:bold;position:relative;cursor:hand;margin:15px;padding:5px 25px 5px 25px;color:#276bc8;width:119px;height:28px;cursor:hand;background:url(bilder/schliessen.gif) no-repeat;border:0px solid green;}
.table_schliessen{width:100%;height:60px;border:0px solid #000000; padding:0px; margin-left:0px;margin-right:0px; background-image:url(navigation/nav_bilder/hintergrund2.gif)}
.table_ua{width:100%;border:0px solid #000000; padding:0px; margin-left:1px;margin-right:0px;}


.uebersicht{position:absolute;z-index:10;top:10px;left:70px;width:450px;}
.uebersicht_text{position:absolute;z-index:10;top:50px;right:30px; width:35%;border:0px solid black;}
			
.anforderungen {border:0px solid #000000; padding:0px; margin-left:0px;}
	
	/*Übersichtsgrafik auf der Willkommensseite*/

#uebersichtgrafikw{position:relative;background:transparent;width:110px;height:100px;border:0px solid red;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;}


/*Ist auch für die Übersichtsgrafik auf der letzten Seite der Einführung*/
#ue2a{position:absolute;top:29px;left:90px;width:400px;z-index:100;font-size:10pt;}
#ue3a{position:absolute;top:55px;left:90px;width:400px;z-index:100;font-size:10pt;}
#ue4a{position:absolute;top:78px;left:90px;width:400px;z-index:100;font-size:10pt;}


/*Übersicht der Module*/	
a.uebersicht { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; }
a.uebersicht:link { color:#000F7C; text-decoration:none; }
a.uebersicht:hover { color:#0000FF; text-decoration:none; }
a.uebersicht:visited { color:#E39203; text-decoration:none; }
a.uebersicht:active { color:#E39203; text-decoration:none; }
	

#ue1{position:absolute;top:3px;left:45px;z-index:100;color:#000F7C;}
#ue2{position:absolute;top:25px;left:35px;z-index:100;}
#ue3{position:absolute;top:52px;left:35px;z-index:100;}
#ue4{position:absolute;top:78px;left:35px;z-index:100;}
#ue5{position:absolute;top:104px;left:35px;z-index:100;}
#ue6{position:absolute;top:130px;left:35px;z-index:100;}
#ue7{position:absolute;top:156px;left:35px;z-index:100;}
#ue8{position:absolute;top:182px;left:35px;z-index:100;}
#ue9{position:absolute;top:208px;left:35px;z-index:100;}
#ue10{position:absolute;top:234px;left:35px;z-index:100;}
#ue11{position:absolute;top:260px;left:35px;z-index:100;}
#ue12{position:absolute;top:286px;left:35px;z-index:100;}
#ue13{position:absolute;top:312px;left:35px;z-index:100;}
#ue14{position:absolute;top:338px;left:35px;z-index:100;}
#ue15{position:absolute;top:364px;left:35px;z-index:100;}
#ue16{position:absolute;top:390px;left:35px;z-index:100;}
#ue17{position:absolute;top:416px;left:35px;z-index:100;}

	
#uebersichtgrafik2{position:absolute;background: url(Module/Bilder/uebersicht.gif) no-repeat left top;left:0px;margin:0px;padding:0px;width:600px;height:350px;border:0px solid red;z-index:3;font-family:Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}

#uebersichtgrafik3{position:absolute;background: url(Module/Modul_01/Bilder/uebersicht.gif) no-repeat left top;left:0px;margin:0px;padding:0px;width:600px;height:350px;border:0px solid red;z-index:3;font-family:Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}

#uebersichtgrafik5{position:absolute;background: url(Module/Modul_03/Bilder/uebersicht.gif) no-repeat left top;left:0px;margin:0px;padding:0px;width:454px;height:330px;border:0px solid red;z-index:3;font-family:Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}

#uebersichtgrafik4{position:absolute;background: url(Module/Modul_04/Bilder/uebersicht.gif) no-repeat left top;left:0px;margin:0px;padding:0px;width:600px;height:350px;border:0px solid red;z-index:3;font-family:Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}

#uebersichtgrafik6{position:absolute;background: url(Module/Modul_06/Bilder/uebersicht.gif) no-repeat left top;left:0px;margin:0px;padding:0px;width:600px;height:450px;border:0px solid red;z-index:3;font-family:Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}

/*Informationsschaltfläche*/
.info{position:absolute;border:0px solid black;z-index:300;right:3%;}
.einstieg{position:relative;width:100%;margin:0px;padding:0px;border:0px solid black;text-align:right;}	


	#layer1{position:absolute;z-index:100;left:250px;bottom:80px;border:0px solid black;height:410px;width:570px;visibility:hidden;background:#FEFDFA;overflow:auto;}
	
	#layer1 .head{position:absolute;z-index:1;height:10%;width:100%;top:0%;background:url(ASG-Kurs/gfx/layer_kopf.gif);margin:0%;padding-top:1%;color:#000F7C;font-size:1.1em; font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	
	#layer1 .body{position:absolute; z-index:1;top:10%;left:0%;width:100%;margin:0px;padding:0px;height:74%;border:0px solid #000000;}
		
		#layer1 .layertext{position:absolute;z-index:2;background:transparent;top:1%;left:0%;height:auto;width:auto;margin:0%;padding:0px 50px 5px 120px;border:0px solid #dddddd;}
		
		#layer1 .marginalien{ position:absolute;z-index:20;font-weight:bold; width:100px;left:5px;border:0px solid red;} 

	#layer1 .footer{position:absolute;z-index:1;background:url(ASG-Kurs/gfx/layer_fuss.gif);bottom:0%;text-align:center;height:10%;right:0%; padding-top:2%;margin:0%;width:100%;margin:0%;}
	
	.bodyclose{position:absolute;z-index:2; bottom:0px;text-align:center;width:100%;margin-bottom:5px;}


#textkurs{position:absolute;z-index:2;background:transparent;top:20px;left:0%;height:auto;margin:0%;padding:1px 180px 10px 250px;border:0px solid #dddddd;}
		
	/*Übungsaufgabe*/
	#uebung{position:absolute; z-index:2;background:transparent;top:1%;left:0%;height:auto;margin:0%;padding:1px 0px 10px 125px;border:0px solid #dddddd;}
	.antwort{text-align:center;}

	/*Informationspopup in der Info-Schaltfläche im Navigationsbereich*/
	#glossar{padding:10px;}
	#sitemap{padding:10px;}
	#help{padding:10px;}
	.schliessen{background:url(navigation/nav_images/hintergrund_oben.gif);margin:0px;text-align:center;height:40px; padding-top:10px;}

	/*Erklärung rechts in den Übersichtsseiten*/
	#modulerklaerung{position:absolute;z-index:2;right:3%;width:28%;top:17%;height:auto;border:0px solid #dddddd;}



 	
/* Navigationsbereich - rechts */  
	
	#navi_rechts{position: absolute;top: 18%;right: 18px;width: 180px;height: 70%;border-left: 2px solid #5470BA;margin: 0px;padding-left: 5px;z-index: 4;}
	#navi_rechts ul.top{background: url(navigation/nav_images/sub_navi.gif);color:#000F7C;padding:0px 0px 0px 5px;margin:5px 0px 0px 0px;font-weight:bold;font-size:0.9em;list-style:none;border-bottom: 0px solid #ffffff;width:150px;}
	#navi_rechts li.top{padding:0px;background:transparent;padding-left:5px;border-bottom: 0px solid #ffffff;line-height:1.1em;width:130px;}
	#navi_rechts ul.sub{top:0px;margin:2px 0px 0px 20px;padding:0px;list-style:none;border: 0px solid #000000;line-height:1.1em;width:150px;}
	#navi_rechts li.sub{padding:0px;border-bottom: 0px solid #ffffff;line-height:1.1em;width:130px;}


#kopf{background: url(Bilder/fuss.gif) no-repeat fixed right top;top:0px;height:60px;right:0px;border:0px solid #000000;}


#fuss{position:absolute;background: url(Bilder/fuss.gif) no-repeat fixed right bottom;bottom:0px;height:30px;right:0px;width:100%;border:0px solid #000000;z-index:10;}

#copyright{position:absolute;background: url(Bilder/copyright.gif) no-repeat fixed left bottom;left:2px;bottom:10px;height:30px;width:74px;z-index:100;}
	
/* Inhaltsbereich */	
	
#ueberschrift_modul {top:0%;margin:0%;padding-left:254px;font-size:1.4em;border:0px solid #000000;text-align:left;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#000F7C;}


/*Obere Navigation im Lernkurs*/
#navigation{top:0%;right:0%;height:100px;width:99%;margin:0%;padding:0%;border:0px solid #000000;}

#grafik{position:absolute;top:55px;right:35px;z-index:10000;border:0px solid #006BBB;}
	
a.na { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; }
a.na:link { color:#000F7C; text-decoration:none; }
a.na:hover { color:#0000FF; text-decoration:none; }
a.na:visited { color:#E39203; text-decoration:none; }
a.na:active { color:#E39203; text-decoration:none; }


#na1a{font-size:12pt; position:absolute; top:0px; right:848px; width:110px; z-index:10;background:#ffffff;padding:3px;border-bottom:10px solid #006BBB;}
#na1{font-size:12pt; position:absolute; top:0px; right:742px; width:106px; z-index:10;background:#C0E0BE;padding:3px;border-bottom:10px solid #006BBB;}
#na2{font-size:12pt; position:absolute; top:0px; right:636px; width:106px; z-index:10;background:#BFE4E4;padding:3px;border-bottom:10px solid #006BBB;}
#na3{font-size:12pt; position:absolute; top:0px; right:530px; width:106px; z-index:10;background:#BED1E0;padding:3px;border-bottom:10px solid #006BBB;}
#na4{font-size:12pt; position:absolute; top:0px; right:424px; width:106px; z-index:10;background:#BAE0D6;padding:3px;border-bottom:10px solid #006BBB;}
#na5{font-size:12pt; position:absolute; top:0px; right:318px; width:106px; z-index:10;background:#BAE0D6;padding:3px;border-bottom:10px solid #006BBB;}
#na6{font-size:12pt; position:absolute; top:0px; right:212px; width:106px; z-index:10;background:#F2DFC5;padding:3px;border-bottom:10px solid #006BBB;}
#na7{font-size:12pt; position:absolute; top:0px; right:106px; width:106px; z-index:10;background:#F2DFC5;padding:3px;border-bottom:10px solid #006BBB;}
#na8{font-size:12pt; position:absolute; top:0px; right:0px; width:106px; z-index:10;background:#EFF3D7;padding:3px;border-bottom:10px solid #006BBB;}

	
	
/* Weiterführende Informationen */
#info{position:absolute;bottom:5%;right:10%;width:180px;height:420px;z-index:50;border:0px solid blue;}

#bodyclose{font-family:Arial, Helvetica, sans-serif;font-size:11pt;color:#000000;background: #006BBB;}
	
#layer1{position:absolute;background:#F5F5F5;bottom:5%;left:250px;width:530px;height:430px;visibility:hidden;z-index:200;border:0px solid blue;}
	
	#kopf1{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout1 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss1{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}
	
#layer2{position:absolute;background:#F5F5F5;bottom:5%;left:250px;width:530px;height:430px;visibility:hidden;z-index:201;border:0px solid blue;}
	
	#kopf2{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout2 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss2{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}
		
#layer3{position:absolute;background:#F5F5F5;bottom:5%;left:250px;width:530px;height:430px;visibility:hidden;z-index:202;border:0px solid blue;}
		
	#kopf3{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout3 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss3{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}
	
#layer4{position:absolute;background:#F5F5F5;bottom:5%;left:250px;width:530px;height:430px;visibility:hidden;z-index:204;border:0px solid blue;}
	
	#kopf4{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout4 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss4{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}
		
#layer5{position:absolute;background:#F5F5F5;bottom:5%;left:250px;width:530px;height:430px;visibility:hidden;z-index:205;border:0px solid blue;}
	
	#kopf5{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout5 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss5{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}
	

/*Layer6 - Layer 9 für Map "Änderungsplan festgelegt"*/

#layer6{position:absolute;background:#F5F5F5;bottom:5%;left:230px;width:320px;height:365px;visibility:hidden;z-index:205;border:0px solid blue;}
	
	#kopf6{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout6 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss6{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}	

#layer7{position:absolute;background:#F5F5F5;bottom:5%;left:230px;width:320px;height:365px;visibility:hidden;z-index:205;border:0px solid blue;}
	
	#kopf7{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}	
	#layout7 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss7{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}	
	
#layer8{position:absolute;background:#F5F5F5;bottom:5%;left:230px;width:320px;height:365px;visibility:hidden;z-index:205;border:0px solid blue;}
	
	#kopf8{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}	
	#layout8 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss8{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}	
	
#layer9{position:absolute;background:#F5F5F5;bottom:5%;left:230px;width:320px;height:380px;visibility:hidden;z-index:205;border:0px solid blue;}
	
	#kopf9{height:12%;top:0%;background: #33CCCC;margin:0%;padding-top:1%;font-size:1.1em;font-weight:bold;text-align:center;border-bottom:0px solid #33CCCC;}
	#layout9 {top:0%;left:0%;width:100%;height:320px;padding:0px;border:0px solid #000000;overflow:auto;}
	#fuss9{position:absolute;background: #006BBB;bottom:0%;height:10%;right:0%;padding-top:2%;margin:0%;width:100%;margin:0%;z-index:1;}	
	
#schalter {position:absolute;right:2%;bottom:0%;vertikal-align:bottom;width:200px;z-index:1;padding:0 0 0 0px;visibility:visible;border:0px solid #000000;}

#schalter1 {padding:0 0 0 0px;visibility:visible;}
#schalter2 {padding:0 0 0 0px;visibility:visible;}
#schalter3 {padding:0 0 0 0px;visibility:visible;}
#schalter4 {padding:0 0 0 0px;visibility:visible;}
#schalter5 {padding:0 0 0 0px;visibility:visible;}
#schalter6 {padding:0 0 0 0px;visibility:visible;}

/*Styleangaben für Drag+Drop-Elemente*/
div.highlight {
	background-color: #FFFFAB;
}
div.drops, div.drags {
	text-align: center;
	border: 1px solid black;
	font-weight: bold;
	font-size: 9px;
	vertical-align: middle;
}
*>.drops, *>.drags {
	font-size: 9px;
}
div.drags {
	cursor: move;
	position:relative;
	margin-bottom: 5px;
}
div.drops {
	position: absolute;
	cursor: pointer;
}
div.notDone {
	border-color: yellow;
	border-width: 2px;
	background-color: #FFFFAB;
}
div.wrong {
	border-color: red;
	border-width: 2px;
	background-color: #ED9FA1;
}
div.right {
	border-color: green;
	border-width: 2px;
	background-color: #7FAD7F;
}