/* COMMANDS */
a:hover{
	background:yellow;
}

.intlnk{
	width:18px;
}

.extlnk{
	width:15px;
}

body {
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px;
  color:black;
  background-color:white;
  border:solid 0px #000000;
}

body.centered {
  text-align:center;
}

div.RahmenCentered {
  width:760px;
  margin:0px auto;
  margin-top:20px;
  text-align:left;
}

.Rahmen{
  border:solid 0px #000000;  /* wg. IE */
}

.Kopf {
  position: fixed; /*nicht IE */
  top:0px;
  left: 0px;
  right: 0px;
  height:77px;
  color:black;  
  background-color: #BB2200;
  border:solid 0px #000000;  /* wg. IE */
  border-top:solid 0px #000000;
}

.Kopffuss {
  position: fixed; /*nicht IE */
  top:40px;
  right:60px;
  font-size: 70%;
  border:solid 0px #000000;  /* wg. IE */
  padding:0px;
}

.Foto {
  position: fixed;  /*nicht IE */
  top:0px;
  right: 0px;
  border:solid 1px #000000;  /* wg. IE */
}

.email {
  position: fixed;  /*nicht IE */
  top:57px;
  right: 60px;
  border:solid 0px #000000;  /* wg. IE */
}

.Schritt {
  color:black;
  background-color: #d0d0d0;
  padding:5px;
  margin-left:-31px;
  margin-right:-11px;
  margin-top:100px;
  margin-bottom:10px;
  border:solid 1px #700000;  /* wg. IE */
}

#MenueGoto {
  position: fixed;  /*nicht IE */
  top:54px;
  left: 0px;
  right: 0px;
  height:20px;
  padding:1px;
  padding-left: 5px; /*150*/
  background-color: #d06030; 
  font-size: 85%;
  font-weight:bold;
  border:solid 0px #000000;  /* wg. IE */
  border-top:solid 1px #000000;
}
#MenueGoto a:link{
  	text-decoration:none;
    color:#000000;
	}
#MenueGoto a:visited {
  	text-decoration:none;
    color:#c8c8c8;
	}
#MenuGoto a:active {
  	text-decoration:none;
    color:#c0c0c0;
	}

	
#MenueGoto2 {
  position: fixed;  /*nicht IE */
  top:54px;
  left: 0px;
  right: 0px;
  height:35px;
  padding:1px;
  padding-left: 5px; /*150*/
  background-color: #d06030; 
  font-size: 85%;
  font-weight:bold;
  border:solid 0px #000000;  /* wg. IE */
  border-top:solid 1px #000000;
}
#MenueGoto2 a:link{
  	text-decoration:none;
    color:#000000;
	}
#MenueGoto2 a:visited {
  	text-decoration:none;
    color:#c8c8c8;
	}
#MenuGoto2 a:active {
  	text-decoration:none;
    color:#c0c0c0;
	}

	
.Logo {
  position: absolute;
  top:12px;
  margin-left: 400px; /*150*/
  font-size: 170%;
  color:white;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
}

.LogoSchatten {
  position: absolute;
  top:10px;
  margin-left: 402px;
  font-size: 170%;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
  color:black;  
  background-color: #BB2200;
}

.Mitte {
  position: absolute;
  top:120px;
  left:150px;
  right:57px;
  padding:10px; 
  padding-left:30px;
  color:black;  
  background-color: #fbfbfb;
  border:solid 1px #000000;  /* wg. IE */
}

.Stufe1 {
  color:black;  
  padding:5px; 
  background-color: #3CE6E6;
  border:solid 0px #000000;  /* wg. IE */
}

.Stufe2 {
  color:black;  
  padding:5px; 
  background-color: #3CC8C8;
  border:solid 0px #000000;  /* wg. IE */
}

.Stufe3 {
  color:black;  
  padding:5px; 
  background-color: #3CAAAA;
  border:solid 0px #000000;  /* wg. IE */
}

.Stufe4 {
  color:black;  
  padding:5px; 
  background-color: #C83CC8;
  border:solid 0px #000000;  /* wg. IE */
}

.Stufe5 {
  color:black;  
  padding:5px; 
  background-color: #AA3CAA;
  border:solid 0px #000000;  /* wg. IE */
}

.gross {
 font-size:130%;
 color:#0000A0;
}

dt.S1 {
  margin-left:20px;
  font-size:110%;
}

dd.S1 {
  font-size:80%;
  margin-bottom:15px;
}

.LSpalte {
  width:100px;
  padding:5px;
  border:solid 0px #000000;  /* wg. IE */
}

.logo1 {
  position:relative;
  left:5px;
  top: 740px;
  border:solid 0px #000000;  /* wg. IE */
}

.logo2 {
  position:absolute;
  right:0px;
  top:650px;
  border:solid 0px #000000;  /* wg. IE */
}

.logo3 {
  position:absolute;
  right:0px;
  top:740px;
  border:solid 0px #000000;  /* wg. IE */
}
	
/* ----------------------------------------------------------*/
/*
.LeerSpalte{
  width:50px;
  float:left;
  padding:0px;
  height:30000px;
  border:inherit;
  border:solid 0px #000000;   wg. IE 
  background-color: white;
  min-height:600px; // nicht IE 
}*/
/*
.unten {
  position:absolute;
  top: 795px;
}
*/

#Menue {
  position: fixed;  /*nicht IE */
  top:200px;
  width:75px;
  height:100px;
  padding:4px;
  line-height:60px;
  background-color: #e0e0e0;
  border:solid 1px #0000FF;
}
#SubMenue {
  position: fixed;  /*nicht IE */
/*  top:650px;
  left: 2px;*/
  right: 2px;
  width:90px;
  height:210px;
  padding:4px;
  line-height: 20px;
  color:black;  
  background-color:white; /* #d06030; orange #BB2200 rot; #CBCEBF grau;*/
  border:inherit;
  border:solid 1px #000000;  /* wg. IE */
}
#SubMenue a:link{
  	text-decoration:none;
    color:#000000;
	}
#SubMenue a:visited {
  	text-decoration:none;
    color:#c8c8c8;
	}
#SubMenu a:active {
  	text-decoration:none;
    color:#c0c0c0;
	}
.MenueLeiste {
  text-align:center;
  background-color: #e0e0e0;
  border:solid 1px #0000FF;
}
.BoxCaption {
/*  position: relative;
  top: 1px;
  left:1px;*/
  padding:3px;
  font-size: 100%;
  color:#000000;
}
.BoxText {
  position: relative;
  top: 1px;
  left:1px;
  padding:3px;
  font-size: 80%;
  color:#000000;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
/*  background-color:#BB2200;*/
}
.LinkListe {
  position: relative;
  top:60px;
  left:180px;
  width:300px;
  font-size:110%;
  color:#000000;
  padding:10px;
  background-color:#d06030;
}
.Einschub {
  position: relative;
  top:10px;
  left:100px;
  font-size:100%;
  font-weight:bold;
  color:#000000;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
}
.Links {
  position: relative;
  top:10px;
  left:180px;
  width:300px;
  font-size:80%;
  color:#000000;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding:2px;
  background-color:#d06030;
}
.Links a:link
{
  text-decoration:none;
  font-weight:bold;
  color:#000000;
}
.Links a:visited
{
  text-decoration:none;
  font-weight:normal;
  color:#404040;
}

.Links a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#000000;
   background-color:#BB2200;
}

/*LINKS*/
a:link {
  	text-decoration:none;
    color:#000000;
	}

a:visited {
  	text-decoration:none;
    color:#989898;
	}

a:active {
  	text-decoration:none;
    color:#c0c0c0;
	}



/* Alte Codes */
.unsichtbar{
	position:absolute;
	left:-3000px;
}

#inhaltrahmen {
 border: 0px;
}

.linkespalte {
  float:left;
  width:150px;
  height:800px;
  background-color: #d06030;
  border-color:#d06030;
  border: 0px;
}

.grossespalte {
  float:left;
  padding-left:75px;
  padding-top:5px;
  border: 0px;
}


#kopfzeile {
	top:0px;
	background-color: #BB2200;
	height:75px;
	border: 0px;
}

#fusszeile {
  height: 20px;
  clear:both;
  font-size: 60%;
  color: #000000;
  background-color: #d06030;
  text-align: center;
  padding-top:5px;
  border: 0px;
 }

#foto {
  position:absolute;
  top:0px;
  right:0px;
  width:56px;
  height:75px;
  border:solid 0px white;
}

#foto2 {
  position:absolute;
  top:75px;
  left:100px;
  width:56px;
  height:75px;
  border:solid 0px white;
}
/* - - - - - - - - - - Box1  grau - - - - - - - - - */
#rahmen1 {
  position:absolute;
  top:200px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#c0c0c0;
  border:solid 2px #000000;
}
#rahmen1 a:link,
#rahmen1 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#c0c0c0;
    margin:2px;
	display:block;
}
#rahmen1 a:hover,
#rahmen1 a:focus,
#rahmen1 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}	
/* - - - - - - - - - - Box2  hell grün- - - - - - - - - */
#rahmen2 {
  position:absolute;
  top:420px;
  left:502px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#B4FB99;
  border:solid 2px #000000;
}
#rahmen2 a:link,
#rahmen2 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#B4FB99;
    margin:2px;
	display:block;
}
#rahmen2 a:hover,
#rahmen2 a:focus,
#rahmen2 a:active{
	color:white;
	background-color:#a0a0a0;
	display:block;
}
/* - - - - - - - - - - Box3  gelb - - - - - - - - - */
#rahmen3 {
  position:absolute;
  top:75px;
  left:450px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#ff8000;
  border:solid 2px #000000;
}
#rahmen3 a:link,
#rahmen3 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#ff8000;
    margin:2px;
	display:block;
}
#rahmen3 a:hover,
#rahmen3 a:focus,
#rahmen3 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}
/* - - - - - - - - - - Box4  orange- - - - - - - - - */
#rahmen4 {
  position:absolute;
  top:100px;
  left:600px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#fdfd00;
  border:solid 2px #000000;
}
#rahmen4 a:link,
#rahmen4 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#fdfd00;
    margin:2px;
	display:block;
}
#rahmen4 a:hover,
#rahmen4 a:focus,
#rahmen4 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}
/* - - - - - - - - - - Box5  grün - - - - - - - - - */
#rahmen5 {
  position:relative;
  top:250px;
  left:0px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#00d000;
  border:solid 2px #000000;
}
#rahmen5 a:link,
#rahmen5 a:visited{
    text-decoration: 	none;
	background-color:#00d000;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen5 a:hover,
#rahmen5 a:focus,
#rahmen5 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box6  blau- - - - - - - - - */
#rahmen6 {
  position:absolute;
  top:240px;
  left:540px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#0080FF;
  border:solid 2px #000000;
}
#rahmen6 a:link,
#rahmen6 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#0080FF;
    margin:2px;
	display:block;
}
#rahmen6 a:hover,
#rahmen6 a:focus,
#rahmen6 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box7   hell grau - - - - - - - - - */
#rahmen7 {
  position:absolute;
  top:220px;
  left:340px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#f0f0f0;
  border:solid 2px #000000;
}
#rahmen7 a:link,
#rahmen7 a:visited{
    text-decoration: 	none;
	background-color:#f0f0f0;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen7 a:hover,
#rahmen7 a:focus,
#rahmen7 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box8 rot  - - - - - - - - - */
#rahmen8 {
  position:absolute;
  top:380px;
  left:680px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#bb2200;
  border:solid 2px #000000;
}
#rahmen8 a:link,
#rahmen8 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#bb2200;
    margin:2px;
	display:block;
}
#rahmen8 a:hover,
#rahmen8 a:focus,
#rahmen8 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box9 hell rot  - - - - - - - - - */
#rahmen9 {
  position:absolute;
  top:360px;
  left:300px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#ee1100;
  border:solid 2px #000000;
}
#rahmen9 a:link,
#rahmen9 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#ee1100;
    margin:2px;
	display:block;
}
#rahmen9 a:hover,
#rahmen9 a:focus,
#rahmen9 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box10 hell blau  - - - - - - - - - */
#rahmen10 {
  position:absolute;
  top:500px;
  left:240px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#D3E5FA;
  border:solid 2px #000000;
}
#rahmen10 a:link,
#rahmen10 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#D3E5FA;
    margin:2px;
	display:block;
}
#rahmen10 a:hover,
#rahmen10 a:focus,
#rahmen10 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box11 mittel blau  - - - - - - - - - */
#rahmen11 {
  position:absolute;
 top:568px;
  left:424px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#9695EF;
  border:solid 2px #000000;
}
#rahmen11 a:link,
#rahmen11 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#9695EF;
    margin:2px;
	display:block;
}
#rahmen11 a:hover,
#rahmen11 a:focus,
#rahmen11 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box12 !!! mittel blau  - - - - - - - - - */
#rahmen12 {
  position:absolute;
 top:620px;
  left:100px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#9695EF;
  border:solid 2px #000000;
}
#rahmen12 a:link,
#rahmen12 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#9695EF;
    margin:2px;
	display:block;
}
#rahmen12 a:hover,
#rahmen12 a:focus,
#rahmen12 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box13 !!! mittel blau  - - - - - - - - - */
#rahmen13 {
  position:absolute;
 top:620px;
  left:500px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#9695EF;
  border:solid 2px #000000;
}
#rahmen13 a:link,
#rahmen13 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#9695EF;
    margin:2px;
	display:block;
}
#rahmen13 a:hover,
#rahmen13 a:focus,
#rahmen13 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box14 !!! mittel blau  - - - - - - - - - */
#rahmen14 {
  position:absolute;
 top:420px;
  left:520px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#9695EF;
  border:solid 2px #000000;
}
#rahmen14 a:link,
#rahmen14 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#9695EF;
    margin:2px;
	display:block;
}
#rahmen14 a:hover,
#rahmen14 a:focus,
#rahmen14 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Links  - - - - - - - - - */
#footlinks a:link,
#footlinks a:visited{
    position: absolute;
	right:3px;
    text-decoration: none;
	border: 0px;
    color:black;  
    background-color: #d06030;
}

#footlinks a:hover,
#footlinks a:focus,
#footlinks a:active{
    position: absolute;
	right:3px;
    text-decoration: none;
	color:#c0c0c0;
    border: 0px;
  background-color: #d06030;
}

h4 {
  font-size: 90%;
}

/* - - - - - - - - - - Wahl- und Hilfsmenu  - - - - - - - - - */
#wahlmenu {
	position:fixed;
	top:120px;
	left:0;
	width:130px;
    border:inherit;
	background-color:#899180;
	border:solid 1px #000000;
}
#wahlmenu span{
	display:none;
}
#wahlmenu ul.top span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none;
}
#wahlmenu ul.sub span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none;
}
#wahlmenu ul.top{
	margin:0;
	padding:0;
	font-size:100%;
}
#wahlmenu ul.top a{
	padding-left:10px;
}
#wahlmenu ul.top span{
	display:block;
	padding-left:10px;
}
#wahlmenu ul.top li{
	margin:0;
}
#wahlmenu ul.sub{
	color:#FFF;
	list-style:square;
}
#wahlmenu ul.sub li a{
	padding-left:0px;
}
#wahlmenu ul.sub li.last{
	border-bottom:none;
}
#wahlmenu li{
	margin-top:0;
	border-bottom:1px solid #000;
}
li a.unterstrich{
	border-bottom:1px solid #000;
}
#wahlmenu a{
	color:#FFF;
	display:block;
	padding:3px 5px 3px 10px;
	text-decoration:none;
}
#wahlmenu li span{
	border-bottom:1px solid #000; /* border unter punkt vor 2. ebene */
}
#wahlmenu .auswahl {
	color:#FFF;
	font-size:100%;
	background-color:#BB2200; /* A9B1A0;*/
	padding:3px 5px 3px 10px;
}
#wahlmenu .auswahlnochkleiner {
	color:#FFF;
	font-size:70%;
	background-color:#BB2200; /* A9B1A0;*/
	padding:3px 5px 3px 10px;
}
#wahlmenu .subauswahl{
	color:#FFF;
	background-color:#BA8185;
	padding:3px 5px 3px 0px;
}
#wahlmenu a:hover,
#wahlmenu a:focus,
#wahlmenu a:active{
	background-color:#CBCEBF;
	color:#000;
	display:block;
}

#navigation {
	display:none;
}

#navigation p.unsichtbar a:focus, /* macht die Übersprunglinks beim Tabben sichtbar*/
#navigation p.unsichtbar a:active{
	position:absolute;
	left:+2450px;
	top:-50px;
	background-color:#778379;
	color:#fff;
	display:block;
	width:9em;
	padding:2px 6px;
}

/*  / - - - - - - - - - Wahlmenu  - - - - - - - - - */

/* - - - - - - - - - - Wahl- und Hilfsmenu 2 - - - - - - - - - */
#wahlmenu2 {
	position:fixed;
	top:250px;
	left:0;
	width:100px;
	padding: 4px;
	background-color:#cce6ff;
	border:solid 1px #003366;
}
#wahlmenu2 a:hover,
#wahlmenu2 a:focus,
#wahlmenu2 a:active{
	background-color:#CBCEBF;
	color:#003366;
}

/*  / - - - - - - - - - Wahlmenu  - - - - - - - - - */


h1.htmldoc {
  font-size: 200%;
  color:white;
  background-color:#003366;
  text-align: center;
}

h1.overview {
  font-size: 200%;
  color:white;
  background-color:#BB2200;
  text-align: center;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 120%;
}

hr {
  width:550px;
  height:4px;
  color:#cce6ff;  /* not FireFox */
  text-align:left;
  border:1px solid #003366;
}

hr.short {
  width:250px;
  height:4px;
  color:#cce6ff;  /* not FireFox */
  text-align:left;
  border:1px solid #003366;
}

hr.kurz {
   border:1px dotted #003366;
   width:260px;
   margin-left: 2px;
}

table, td, th {
  border: 1px solid black;
  padding:4px;
  margin:0px;
}

/* CLASSES */
.menu {
  font-size: 80%;
  line-height: 190%;
  text-align: center;
}

.xmpcode {
  position: relative;
  left:30px;
  width:450px;
  font-size: 100%;
  padding:4px;
  border: dotted 2px #bb2200;
  font-family:Courier, monospace, sans-serif;
  background-color: #FFFFE0;
}

.xmpcode2 {
  border: dotted 2px yellow;
  font-size: 120%;
  font-family:Courier, monospace, sans-serif;
  background-color: #FFFFE0;
  padding:10px;
  width: 500px;
}

.kleiner {
  font-size: 80%;
}

.nochkleiner {
  font-size: 70%;
}

.klein {
  font-size: 60%;
}

.kleincenter {
  font-size: 60%;
  text-align: center;
}

.lektion {
  color:black;
}

.subtitle {
  color:#606060;
}

.boxtitle {
  color: #606060;
  font-size: 110%;
  font-weight: bold;
}

/* Elemente */
.aufgabe {
  color:#FF4000;
  background-color: #f0f0f0;
  padding:4px;
  border: solid 1px red;
  }
.funktion {
  color:#0040C0;
  background-color: #f0f0f0;
  padding:4px;
  font-weight:bolder;
  border: solid 2px blue;
  }
.tipp {
  color:#008040;
  background-color: #fbfbfb;
  font-size: 80%;
  line-height: 140%;
}

.quiz {
  margin: 4px;
  margin-left: 10px;
  padding: 3px;
  background-color: #103090;
  color: yellow;
  font-size: 90%;
  font-weight: bold;
  line-height: 140%;
}

.trenner {
  margin-left: -11px;
  margin-right: -10px;
  padding: 3px;
  background-color: #BFD9FF;
  color: #D06030;
  font-size: 90%;
  font-weight: bold;
  line-height: 140%;
}

.info{
  padding:10px;
  padding-left:60px;
  background-color: #d06030;
  color:black;
  font-size: 90%;
  border: solid 1px gray;
}

.linktipp {
  color:#0000c0;
  background-color: #fbfbfb;
  font-size: 90%;
  line-height: 140%;
}
.anmerkung {
  color:blue;
  background-color: #fbfbfb;
  font-size: 80%;
}

.beispiel {
  color:#0080C0;
  background-color: #fbfbfb;
  font-size: 100%;
}

#mbutton{
  color:white;
  font-size: 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #758ec1;
  padding:3px;
  width: 200px;
}

/* STRUKTUR DER SEITE */
/* view borders */
/*div {
  margin:0px;
  padding:0px;
  border-color:#003366;
  border:solid 1px #cce6ff;  
}
*/