@charset "UTF-8";
/* CSS Document */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color:#006;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_hint.gif) no-repeat;
	height:550px;
	}
		
table {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	border-collapse:collapse;
	border-spacing: 0 0;
	/*color:#000033;*/
	}
table.wide{
	width: 100%;
	}
table.no_border td, table.no_border th {
	border:0px;
	}
table.valing_middle td {
	vertical-align: middle;
	}
td, th {
	border: 1px solid #E0E0E0;
	padding: 3px;
	text-align:left;
	vertical-align: top;
	}
td.no_right_border, th.no_right_border {
	border-right:hidden;
	padding: 6px 6px 3px 6px;
	}
	
form {
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 0px;
	}	
	
p {
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 0px;
	}
p.top {
	margin: 0px 0px 7px 0px;
	}
p.top_bottom {
	margin: 0px;
	}
p.bottom {
	margin: 7px 0px 0px 0px;
	}

	
/* MASTER */
#master_head { /* Originalbreite: 451 */
	position: absolute; top: 0px; left: 31px; 
	width: 438px; height: 69px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/head_bg.jpg) no-repeat;
	}
#master_head h1 {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#FFF; font-size: 18px; font-weight: normal;
	}
#master_head h2 {
	padding: 39px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	color:#e8e9f2; font-size: 12px; font-weight: normal;
	}
	
#master_nav a.home, #master_nav a.home_active,
#unit_nav a.einfuehrung, #unit_nav a.einfuehrung_active,
#unit_nav a.praxis, #unit_nav a.praxis_active,
#unit_nav a.wissen, #unit_nav a.wissen_active,
#unit_nav a.aufgaben, #unit_nav a.aufgaben_active,
#unit_nav a.zusammenfassung, #unit_nav a.zusammenfassung_active,
#unit_nav a.checkup,#unit_nav a.checkup_active {
	display: block;
	width: 24px; height: 20px;
	}	
	
		
/* MASTER LINK */				
#master_nav {
	position: absolute; top: 0px; left: 0px;
	width: 24px; height: 69px; 
	padding: 10px 0px 0px 6px;
	}	
#master_nav ul, #unit_nav ul {
	list-style: none; margin: 0; padding: 0;
	}
#master_nav li, #unit_nav li { 
	padding-bottom: 10px;
	}	
#master_nav b, #unit_nav b {
	display: none;
	}

/* MASTER TREE */	
#master_tree {
	position: absolute; top: 68px; left: 31px;
	width: 446px; height: 13px;
	padding: 0px 0px 0px 5px;
	}
#master_tree, #master_tree a {
	font-size: 10px;
	color:#999999;
	text-decoration: none;
	}
#master_tree a:hover {
	text-decoration: underline;
	}
	
/* UNIT */

/* UNIT LINK */
#unit_nav {
	position: absolute; top:84px; left: 0px;
	width: 24px; height: 400px; 
	padding: 10px 0px 0px 6px;
	}
	
/* Buttons */
#master_nav a.home, #master_nav a.home_active {
	background: url(../images/button/button_home.jpg) no-repeat top left;
	}		
#unit_nav a.einfuehrung, #unit_nav a.einfuehrung_active {
	background: url(../images/button/button_einfuehrung.jpg) no-repeat top left;
	}	
#unit_nav a.praxis, #unit_nav a.praxis_active {
	background: url(../images/button/button_praxis.jpg) no-repeat top left;
	}	
#unit_nav a.wissen, #unit_nav a.wissen_active {
	background: url(../images/button/button_wissen.jpg) no-repeat top left;
	}	

#unit_nav a.aufgaben, #unit_nav a.aufgaben_active {
	background: url(../images/button/button_aufgaben.jpg) no-repeat top left;
	}
/*#unit_nav a.zusammenfassung, #unit_nav a.zusammenfassung_active {
	background: url(../images/button/button_zusammenfassung.jpg) no-repeat top left;
	}*/
#unit_nav a.checkup, #unit_nav a.checkup_active {
	background: url(../images/button/button_checkup.jpg) no-repeat top left;
	}	
#master_nav a.home:hover, #unit_nav a.einfuehrung:hover, #unit_nav a.praxis:hover, #unit_nav a.wissen:hover, 
#unit_nav a.aufgaben:hover, #unit_nav a.zusammenfassung:hover, #unit_nav a.checkup:hover {
	background-position: -26px 0px;
	}
#master_nav a.home_active, #unit_nav a.einfuehrung_active, #unit_nav a.praxis_active, #unit_nav a.wissen_active,
#unit_nav a.aufgaben_active, #unit_nav a.zusammenfassung_active, #unit_nav a.checkup_active {
	background-position: -51px 0px;
	}
	
	
/* Standardformatierung: unit_content*/	
#unit_content {
	position: absolute; top: 84px; left: 31px;
	width: 451px;
	padding: 0px 0px 0px 0px;
	}
	
#unit_content #content_top {
	background: url(../images/content_bg_top.jpg) no-repeat;
	height: 17px;
	}

#unit_content #content_middle {
	background: url(../images/content_bg_middle.jpg) repeat-y; /*border: 1px dotted gray;*/
	height: 440px;
	padding: 0px 15px 0px 15px;
	}
	
#unit_content #content_middle h1{
	margin:0;
	font-size: 12px;
	font-weight: bold;
	}
#unit_content #content_middle h2{
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
	}
	
#unit_content #content_middle #first{
	margin-top: 0;
	padding-top: 0;
	}

#unit_content #content_bottom {
	background: url(../images/content_bg_bottom.jpg) no-repeat;
	position: relative; bottom: 0; height:25px;
	padding: 5px 16px 0px 16px;
	font-weight: bold;
	color:#999999;
	font-size: 10px;
	}
	
#unit_content #content_bottom a, #bottom_nav a, #unit_content #content_middle a {
	text-decoration: none;
	color:#ff6600;
	}
#unit_content #content_bottom a, #bottom_nav a {
	font-weight: bold;
	}	
#unit_content #content_bottom a:hover, #bottom_nav a:hover, #unit_content #content_middle a:hover {
	color: #006633;
	}	
#unit_content #content_bottom #prev {
	float: left;
	}
#unit_content #content_bottom #next {
	float: right;
	}
	/* nicht als Link kennzeichnen (benutzt in mod3_e1). */	
#unit_content #content_middle a.no_link{ 
	text-decoration: none;
	color:#000066;
	cursor:default;
	}
#unit_content #content_middle a.no_link:hover {
	color:#000066;
	}

/*Demo-Grau*/
#unit_content #content_bottom a.demo, #bottom_nav a.demo, #unit_content #content_middle a.demo {
	text-decoration: none;
	color:#999999;
	}
		

/* BOTTOM */
#bottom_nav {
	position: absolute; top: 570px; left: 0px;
	width: 481px; height: 20px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	font-size: 10px;
	}
#bottom_nav strong {
	cursor: default;
	}


/* MORE */
.img_right{
	float: right;
	margin-left: 1em;
	}
	
.small {
	font-size: 10px;
	line-height:1.3em;
	}
.large {
	font-size: 15px;
	}
.larger {
	font-size: 18px;
	}
	
.fathom {
	font-variant:small-caps;
	}
/*#unit_content .fathom {
	color:#003366;
	}
*/
.fathom_funktion {
	font-family:"Courier New", Courier, monospace;
	}
	
.zentrieren {
	text-align: center;
	}
.zentrieren2{
	margin-left:auto;
	margin-right:auto;
	}
	
.hint_red {
	font-size: 10px;
	color: #990000;
	}
	
.komment {
	color: #FF0000;
	}

.nobr {
	white-space: nowrap;
	}
.short_note {
	font-size: 9px;
	}

 
	
/*Lernelement PRAXIS*/
table.praxis td, th {
	border: 0px;
	padding: 3px 0px 0px 0px;
	}
	
/*Lernelement WISSEN*/
table.wissen {
	margin-top: 5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	width: 100%;
	/*background-color:#F0F0F0;*/
	}
table.wissen td, th {
	border: solid 0px;
	padding: 5px 3px 10px 3px;
	}
	
table.wissen_eng {
	margin-bottom: 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color:#F0F0F0;
	}
table.wissen_eng td, th {
	border: solid 0px;
	padding: 5px 0px 3px 2px;
	}
	
table.wissen_inner {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	/*background-color:#F0F0F0;*/
	}
table.wissen_inner td, th {
	border: solid 1px;
	padding: 0px 0px 5px 0px;
	}
h2.wissen {
	background-color:#EEEEEE; /* kann doch weg!!! erst Modul 1_1 modifizieren! */
	padding-left: 3px;
	margin-bottom: 0px;
	}
#unit_content #content_middle a.image {
	color:#ff6600;
	}
#unit_content #content_middle a.image:hover {
	color:#006633;
	}

	
	
/*Lernelement AUFGABEN, Ankreuzaufgabe*/	
table.frage {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 420px;
	line-height:1.3em;
	background:url(../images/multiple_choice/rahmen_mitte.gif);
	border-bottom: #C0C0C0 solid 1px;
}
	
table.frage td, th {
	border: solid 0px;
	padding: 3px 3px 1px 5px;
	}
table.frage tbody {
	}
table.frage thead {
	background:url(../images/multiple_choice/rahmen_oben_lang.gif);
	border-bottom: #C0C0C0 solid 1px;
	}
table.frage thead th {
	background:url(../images/multiple_choice/rahmen_oben.gif) no-repeat;
	padding: 3px 0px 4px 5px;
	}
table.frage tfoot {
	background:url(../images/multiple_choice/rahmen_unten.gif);
	border-top: #E0E0E0 solid 1px;
	}
table.frage tfoot td {
	padding-right: 5px;
	text-align: right;
	/*padding-top: -3px;*/
	}
#unit_content #content_middle form table a.frage_auswerten {
	border: #EEE solid 1px;
	font-weight: bold;
	color: #ff6600;
	cursor: pointer;
	}
#unit_content #content_middle form table a.frage_auswerten:hover {
	border-top: #DDD solid 1px;
	border-left: #DDD solid 1px;
	border-right: #999 solid 1px;
	border-bottom: #999 solid 1px;
	}
	
/*Lernelement AUFGABEN, Aufgabe mit Hinweisen*/
ol.aufgaben_liste {
	/*font-size: 11px;
	line-height: 13px;*/
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: lower-alpha;
	/*margin: 5px 0px 0px 20px;*/
	}

ol.aufgaben_liste li {
	padding-bottom: 7px;}
	
#unit_content #content_middle table a.aufgaben_hinweis {
	color:#ff6600;
	}
#unit_content #content_middle table a.aufgaben_hinweis:hover {
	color:#006633;
	cursor: help;
	}
#unit_content #content_middle a.aufgaben_show_hinweis {
  background:url(../images/icons/hint_arrow_close.gif) no-repeat;
	padding-left:15px;
	color:#ff6600;
	}
#unit_content #content_middle a.aufgaben_show_hinweis:hover {
  background:url(../images/icons/hint_arrow_close_hover.gif) no-repeat;
	padding-left:15px;
	color:#006633;
	}
#unit_content #content_middle a.aufgaben_hide_hinweis {
	background:url(../images/icons/hint_arrow_open.gif) no-repeat;
	padding-left:15px;
  color:#ff6600;
	}
#unit_content #content_middle a.aufgaben_hide_hinweis:hover {
	background:url(../images/icons/hint_arrow_open_hover.gif) no-repeat;
	padding-left:15px;
	color:#006633;
	}

table.hinweis {
	font-size: 11px;
	margin-top: 10px;
	}
table.hinweis td {
	padding-right: 20px;
	border: 0px solid #CCCCCC;
	}
/*img.aufgaben_show_hinweis_pfeil {
	position: relative;
	top: 1px;
	border: none;
	}*/

/*in AUFGABEN: Hinweis*/
#hinweis {
/* position:fixed funktioniert nicht
   in MSIE und nicht richtig in Opera */
 position: absolute;
 z-index: 99;
 overflow: auto;
 padding: 0px;
 background-color: #E0E0E0;
 /*border: 1px solid #FFFFFF;*/
}
#hinweis h1 {
 font-family: Arial, sans-serif;
 font-size: 9pt;
 line-height: 15px;
 padding: 0px;
 /*padding-left: 60px;*/
 text-align: center;
 margin: 0px;
 color: white;
 background-color: #000066;
}
#hinweis h1 a {
 position: absolute;
 top: 0px;
 left: 0px;
 margin: 0px;
 padding: 0px;
 width: 23px;
 height: 14px;
 background-image: url(../images/hinweis_ok.gif);
 border: 0px;
 z-index: 100;
}
#hinweis p {
 font-family: Arial, sans-serif;
 font-size: 11px;
 line-height: 16px;
 margin-top: 0px;
 padding: 3px;
}
	
/* Übersicht in Listenform */
ol.uebersicht, ul.uebersicht {
	margin-top: 10px;
	margin-bottom: 5px;
	}
ol.uebersicht li, ul.uebersicht li {
	margin-bottom: 8px;
	margin-left: 5px;
	}
	
ol.enge_liste, ul.enge_liste {
	margin-top: 3px;
	margin-bottom: 0px;
	}
ol.enge_liste li, ul.enge_liste li {
	margin-bottom: 0px;
	margin-left: 5px;
	}