/* COMMANDS */
body {
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px;
  lang: de;
  color:#000000;
  background-color:#FFFFFF;
  border:solid 0px #000000;
}
body.centered {
  text-align:center;
}
div.RahmenCentered {
  width:760px;
  margin:0px auto;
  margin-top:20px;
  text-align:left;
}
.Rahmen{
  height:816px; /* important*/
/*  border:inherit;*/
  border:solid 0px #000000;  /* wg. IE */
/*  background-color: #e8e8e8;*/
/*  border:solid 1px #00FF00; */
}
.Kopf {
  height:50px;
  background-color: #BB2200;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
/*	min-width: 700px; */
}
.LSpalte {
  width:100px;
  float:left;
  padding:0px;
  height:1400px;
  border:inherit;
  background-color: #d06030;
/*  min-height:600px; // nicht IE */
}
.LSpalteSQL {
  width:100px;
  float:left;
  padding:0px;
  height:6000px;
  border:inherit;
  background-color: #d06030;
/*  min-height:600px; // nicht IE */
}
.LSpalteAddOns {
  width:100px;
  float:left;
  padding:0px;
  height:15000px;
  border:inherit;
  background-color: #d06030;
/*  min-height:600px; // nicht IE */
}
.LSpalteBasics {
  width:100px;
  float:left;
  padding:0px;
  height:30000px;
  border:inherit;
  background-color: #d06030;
/*  min-height:600px; // nicht IE */
}
.LeerSpalteSQL {
  width:50px;
  float:left;
  padding:0px;
  height:6000px;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  background-color: #ffffff;
/*  min-height:600px; // nicht IE */
}
.LeerSpalteAddOns {
  width:50px;
  float:left;
  padding:0px;
  height:15000px;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  background-color: #ffffff;
/*  min-height:600px; // nicht IE */
}
.LeerSpalteBasics {
  width:50px;
  float:left;
  padding:0px;
  height:30000px;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  background-color: #ffffff;
/*  min-height:600px; // nicht IE */
}
.MSpalte {
  width:400px;
  background-color: #FFFFFF;
  border:solid 1px #FF0000;
  float:left;
/*  padding:4px;*/
/*  min-height:600px; // nicht IE */
}

.RSpalte {
 /* right: 0px;*/
  width:100px;
  background-color: #d06030;
  float:right;
  padding:4px;
  height:750px;
  border:inherit;
/*  min-height:600px; // nicht IE */
}
.RSpalteSQL {
 /* right: 0px;*/
  width:100px;
  background-color: #ffffff; /*#d06030; orange*/
  float:right;
  padding:4px;
  /* height:200px;*/
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
/*  min-height:600px; // nicht IE */
}
.Mitte {
  background-color: #FFFFFF;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding-top:4px;
  padding-left:114px;
}
.MitteSQL {
  width:600px;
  background-color: #FFFFFF;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding-top:4px;
  padding-left:114px;
}
.Mitte80535{
  width:650px;
  background-color: #FFFFFF;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding-top:4px;
  padding-left:114px;
}
.MitteAddOns {
  width:600px;
  background-color: #FFFFFF;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding-top:4px;
  padding-left:114px;
}
.Fuss {
  position: absolute;
  bottom: 0px;
  left:0px;
  width:99%;
  font-size: 70%;
  background-color: #ffffff;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
/*	min-width: 700px; */
}
.FussSQL {
  position: absolute;
  top: 6070px;
  left:0px;
  width:99%;
  font-size: 70%;
  background-color: #ffffff;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
/*	min-width: 700px; */
}
.FussAddOns {
  position: absolute;
  top: 15070px;
  left:0px;
  width:99%;
  font-size: 70%;
  background-color: #ffffff;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
/*	min-width: 700px; */
}
.FussBasics {
  position: absolute;
  top: 30070px;
  left:0px;
  width:99%;
  font-size: 70%;
  background-color: #ffffff;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
  padding:4px;
/*	min-width: 700px; */
}
.Foto {
  width:56px;
  height:75px;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
/*  background-color: #808080;*/
/*  border:solid 1px #0000FF; */
}
.unten {
  position:absolute;
  top: 1400px;
}
.untenSQL {
  position:absolute;
  top: 6050px;
}
.untenAddOns {
  position:absolute;
  top: 15050px;
}
.untenBasics {
  position:absolute;
  top: 30050px;
}
.logos {
  position:absolute;
  top: 19800px;
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
}
#Menue {
  position: fixed;  /*nicht IE */
  top:200px;
  width:75px;
  height:100px;
  padding:4px;
  line-height:60px;
  background-color: #e0e0e0;
  border:solid 1px #0000FF;
}
#MenueGoto a:link{
  	text-decoration:none;
    color:#000000;
	}
#MenueGoto a:visited {
  	text-decoration:none;
    color:#c8c8c8;
	}
#MenuGoto a:active {
  	text-decoration:none;
    color:#c0c0c0;
	}
#MenueGoto {
  position: fixed;  /*nicht IE */
  top:420px;
  left: 10px;
  width:70px;
  height:210px;
  padding:2px;
  background-color: #d06030; /*#BB2200 rot; #CBCEBF grau;*/
  border:inherit;
  border:solid 0px #000000;  /* wg. IE */
}
#SubMenue {
  position: fixed;  /*nicht IE */
/*  top:650px;
  left: 2px;*/
  right: 2px;
  width:90px;
  height:210px;
  padding:4px;
  line-height: 20px;
  background-color:#ffffff; /* #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;
}
.LogoSchatten {
  position: absolute;
  top:10px;
  left:202px;
  font-size: 170%;
  color:#000000;
}
.Logo {
  position: absolute;
  top:12px;
  left:200px;
  font-size: 170%;
  color:#ffffff;
}
.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 {
/* width:796px; */
/* border: solid 1px #000000;*/
 border: 0px;
}

.linkespalte {
  float:left;
  width:150px;
  height:800px;
/* min-height:800px; versteht IE nicht */
/*  padding-left:5px; */
/*  padding-top:5px; */
  background-color: #d06030;
  border-color:#d06030;
/*  border:solid 1px #FFFFFF;*/
  border: 0px;
}

.grossespalte {
  /*position: absolute;
  top: 0px;
  left:0px;*/
  float:left;
/*  width:575px; */
/*  height:500px; */
  padding-left:75px;
  padding-top:5px;
/*  border:solid 1px #FFFFFF; */
  border: 0px;
}


#kopfzeile {
/*    position:absolute;*/
/*  text-align: center;*/
	top:0px;
	background-color: #BB2200;
	height:75px;
	border: 0px;
/*	min-width: 700px; */
/*  border:solid 1px #FFFFFF; */
}

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

#foto {
  position:absolute;
  top:0px;
  right:0;
  width:56px;
  height:75px;
  border:solid 0px #FFFFFF;
}
#foto2 {
  position:absolute;
  top:75px;
  left:100;
  width:56px;
  height:75px;
  border:solid 0px #FFFFFF;
}
/* - - - - - - - - - - Links  - - - - - - - - - */
#footlinks a:link,
#footlinks a:visited{
    position: absolute;
	right:3px;
    text-decoration: none;
	color:#000000;
	border: 0px;
  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:133px;
	left:0;
	width:130px;
	background-color:#899180;
	border:solid 1px #FFFFFF;
}
#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:#ffffff;
  background-color:#003366;
  text-align: center;
}

h1.overview {
  font-size: 200%;
  color:#ffffff;
  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:40px;
  width: 600px;
  font-size: 100%;
  padding:4px;
  border: dotted 2px yellow;
  font-family: Courier, sans-serif;
  background-color: #FFFFE0;
}

.xmpcode2 {
  border: dotted 2px yellow;
  font-size: 120%;
  font-family: Courier, 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;
}
.aufgabe {
  color:#FF4000;
}
.tipp {
  color:#008040;
  font-size: 80%;
  line-height: 140%;
}
.quiz {
  margin: 4px;
  margin-left: 10px;
  background-color: darkblue;
  color: yellow;
  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;
  font-size: 90%;
  line-height: 140%;
}
.anmerkung {
  color:blue;
  font-size: 80%;
}

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

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

/* POSTITIONS */

.pos1 {
   margin-top: 50px;
}

.pos2 {
   margin-top: 800px;
}

.pos3 {
   margin-top: 18500px;
}

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

#kopf1 {
	background-color: #003366;
	border: solid 1px #003366;
}

#kopf2 {
	background-color: #BB2200;
	border: solid 1px #BB2200;
}

.spalte1 {
  float:left;
  width:100px;
  min-height:19450px;
  height:20000px;
  padding:4px;
  background-color: #cce6ff;
}

.spalte2 {
  float:left;
  width:554px;
  min-height:19438px;
  padding:10px;
  border-color:#ffffff;
}

.spalte10 {
  float:left;
  width:100px;
  height:500px;
  padding-left:5px;
  padding-top:5px;
  background-color: #d06030;
  border-color:#d06030;
  border:solid 1px #d06030;
}

.spalte11 {
  float:left;
  width:575px;
  height:500px;
  padding-left:5px;
  padding-top:5px;
}

#fuss1 {
  height: 12px;
  clear:both;
  font-size: 60%;
  color: #003366;
  background-color: #cce6ff;
  border: solid 1px #cce6ff;
  text-align: center;
  padding:6px;
}

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

#inhalt {
 width:796px;
 border: solid 1px #000000;
}

@media screen{
/* - - - - - - - - - - Box1  grau - - - - - - - - - */
#rahmen1 {
  position:absolute;
  top:200px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#c0c0c0;
  border:solid 2px #000000;
}
#rahmen1 a:link,
#rahmen1 a:visited{
    text-decoration: 	none;
	background-color:#c0c0c0;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen1 a:hover,
#rahmen1 a:focus,
#rahmen1 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	
/* - - - - - - - - - - Box2  hell grün- - - - - - - - - */
#rahmen2 {
  position:absolute;
  top:420px;
  left:502px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#B4FB99;
  border:solid 2px #000000;
}
#rahmen2 a:link,
#rahmen2 a:visited{
    text-decoration: 	none;
	background-color:#B4FB99;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen2 a:hover,
#rahmen2 a:focus,
#rahmen2 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
/* - - - - - - - - - - Box3  orange - - - - - - - - - */
#rahmen3 {
  position:absolute;
  top:65px;
  left:450px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#ff8000;
  border:solid 2px #000000;
}
#rahmen3 a:link,
#rahmen3 a:visited{
    text-decoration: 	none;
	background-color:#ff8000;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen3 a:hover,
#rahmen3 a:focus,
#rahmen3 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
/* - - - - - - - - - - Box4  gelb- - - - - - - - - */
#rahmen4 {
  position:absolute;
  top:100px;
  left:600px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#fdfd00;
  border:solid 2px #000000;
}
#rahmen4 a:link,
#rahmen4 a:visited{
    text-decoration: 	none;
	background-color:#fdfd00;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen4 a:hover,
#rahmen4 a:focus,
#rahmen4 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
/* - - - - - - - - - - Box5  grün - - - - - - - - - */
#rahmen5 {
  position:relative;
  top:250px;
  left:0px;
  margin:4px;
  width:200px;
  height:150px;
  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:#ffffff;
	display:block;
}

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

/* - - - - - - - - - - Box7   hell grau - - - - - - - - - */
#rahmen7 {
  position:absolute;
  top:205px;
  left:340px;
  margin:4px;
  width:200px;
  height:150px;
  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:#ffffff;
	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;
	background-color:#bb2200;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen8 a:hover,
#rahmen8 a:focus,
#rahmen8 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}

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

/* - - - - - - - - - - Box10 hell blau  - - - - - - - - - */
#rahmen10 {
  position:absolute;
  top:500px;
  left:240px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#D3E5FA;
  border:solid 2px #000000;
}
#rahmen10 a:link,
#rahmen10 a:visited{
    text-decoration: 	none;
	background-color:#D3E5FA;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen10 a:hover,
#rahmen10 a:focus,
#rahmen10 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	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 flieder  - - - - - - - - - */
#rahmen12 {
  position:absolute;
 top:640px;
  left:110px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#D7D1EF;
  border:solid 2px #000000;
}
#rahmen12 a:link,
#rahmen12 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#D7D1EF;
    margin:2px;
	display:block;
}
#rahmen12 a:hover,
#rahmen12 a:focus,
#rahmen12 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}
/* - - - - - - - - - - Box13 hell gelb  - - - - - - - - - */
#rahmen13 {
  position:absolute;
 top:680px;
  left:600px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#FEFF9F;
  border:solid 2px #000000;
}
#rahmen13 a:link,
#rahmen13 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#FEFF9F;
    margin:2px;
	display:block;
}
#rahmen13 a:hover,
#rahmen13 a:focus,
#rahmen13 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

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

/* - - - - - - - - - - Box15  gelb - - - - - - - - - */
#rahmen15 {
  position:absolute;
  top:670px;
  left:220px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#fdfd00;
  border:solid 2px #000000;
}
#rahmen15 a:link,
#rahmen15 a:visited{
    text-decoration: 	none;
	background-color:#fdfd00;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen15 a:hover,
#rahmen15 a:focus,
#rahmen15 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	

/* - - - - - - - - - - Box16  amber - - - - - - - - - */
#rahmen16 {
  position:absolute;
  top:725px;
  left:395px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#ffbf00;
  border:solid 2px #000000;
}
#rahmen16 a:link,
#rahmen16 a:visited{
    text-decoration: 	none;
	background-color:#ffbf00;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen16 a:hover,
#rahmen16 a:focus,
#rahmen16 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	
#rahmen17 {
  position:absolute;
  top:800px;
  left:140px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#B4FB99;
  border:solid 2px #000000;
}
#rahmen17 a:link,
#rahmen17 a:visited{
    text-decoration: 	none;
	background-color:#B4FB99;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen17 a:hover,
#rahmen17 a:focus,
#rahmen17 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	
}
@media screen and (max-width: 1500px) {
	/* - - - - - - - - - - Box1  grau - - - - - --------------------Smartphone--------------------------------------- - - - */
#rahmen1 {
  position:absolute;
  top:150px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#c0c0c0;
  border:solid 2px #000000;
}
#rahmen1 a:link,
#rahmen1 a:visited{
    text-decoration: 	none;
	background-color:#c0c0c0;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen1 a:hover,
#rahmen1 a:focus,
#rahmen1 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	
/* - - - - - - - - - - Box2  hell grün- - - - - - - - - */
#rahmen2 {
  position:absolute;
  top:150px;
  left:400px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#B4FB99;
  border:solid 2px #000000;
}
#rahmen2 a:link,
#rahmen2 a:visited{
    text-decoration: 	none;
	background-color:#B4FB99;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen2 a:hover,
#rahmen2 a:focus,
#rahmen2 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
/* - - - - - - - - - - Box3  orange - - - - - - - - - */
#rahmen3 {
  position:absolute;
  top:350px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#ff8000;
  border:solid 2px #000000;
}
#rahmen3 a:link,
#rahmen3 a:visited{
    text-decoration: 	none;
	background-color:#ff8000;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen3 a:hover,
#rahmen3 a:focus,
#rahmen3 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
/* - - - - - - - - - - Box4  gelb- - - - - - - - - */
#rahmen4 {
  position:absolute;
  top:350px;
  left:400px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#fdfd00;
  border:solid 2px #000000;
}
#rahmen4 a:link,
#rahmen4 a:visited{
    text-decoration: 	none;
	background-color:#fdfd00;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen4 a:hover,
#rahmen4 a:focus,
#rahmen4 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
/* - - - - - - - - - - Box5  grün - - - - - - - - - */
#rahmen5 {
  position:absolute;
  top:550px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  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:#ffffff;
	display:block;
}

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

/* - - - - - - - - - - Box7   hell grau - - - - - - - - - */
#rahmen7 {
  position:absolute;
  top:750px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  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:#ffffff;
	display:block;
}

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

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

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

/* - - - - - - - - - - Box11 mittel blau  - - - - - - - - - */
#rahmen11 {
  position:absolute;
  top:1150px;
  left:150px;
  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 flieder  - - - - - - - - - */
#rahmen12 {
  position:absolute;
 top:1150px;
  left:400px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#D7D1EF;
  border:solid 2px #000000;
}
#rahmen12 a:link,
#rahmen12 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#D7D1EF;
    margin:2px;
	display:block;
}
#rahmen12 a:hover,
#rahmen12 a:focus,
#rahmen12 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}
/* - - - - - - - - - - Box13 hell gelb  - - - - - - - - - */
#rahmen13 {
  position:absolute;
  top:1350px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#FEFF9F;
  border:solid 2px #000000;
}
#rahmen13 a:link,
#rahmen13 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#FEFF9F;
    margin:2px;
	display:block;
}
#rahmen13 a:hover,
#rahmen13 a:focus,
#rahmen13 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box14 altrosa  - - - - - - - - - */
#rahmen14 {
  position:absolute;
  top:1350px;
  left:400px;
  margin:4px;
  width:200px;
  height:150px;
  color:black;  
  background-color:#EFA4A4;
  border:solid 2px #000000;
}
#rahmen14 a:link,
#rahmen14 a:visited{
    text-decoration: 	none;
    color:black;  
	background-color:#EFA4A4;
    margin:2px;
	display:block;
}
#rahmen14 a:hover,
#rahmen14 a:focus,
#rahmen14 a:active{
	background-color:#a0a0a0;
	color:white;
	display:block;
}

/* - - - - - - - - - - Box15  gelb - - - - - - - - - */
#rahmen15 {
  position:absolute;
  top:1550px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#fdfd00;
  border:solid 2px #000000;
}
#rahmen15 a:link,
#rahmen15 a:visited{
    text-decoration: 	none;
	background-color:#fdfd00;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen15 a:hover,
#rahmen15 a:focus,
#rahmen15 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	

/* - - - - - - - - - - Box16  amber - - - - - - - - - */
#rahmen16 {
  position:absolute;
  top:1550px;
  left:400px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#ffbf00;
  border:solid 2px #000000;
}
#rahmen16 a:link,
#rahmen16 a:visited{
    text-decoration: 	none;
	background-color:#ffbf00;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen16 a:hover,
#rahmen16 a:focus,
#rahmen16 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}	
/* - - - - - - - - - - Box17  amber - - - - - - - - - */
#rahmen17 {
  position:absolute;
  top:1750px;
  left:150px;
  margin:4px;
  width:200px;
  height:150px;
  background-color:#B4FB99;
  border:solid 2px #000000;
}
#rahmen17 a:link,
#rahmen17 a:visited{
    text-decoration: 	none;
	background-color:#B4FB99;
	color:#000000;
    margin:2px;
	display:block;
}
#rahmen17 a:hover,
#rahmen17 a:focus,
#rahmen17 a:active{
	background-color:#a0a0a0;
	color:#ffffff;
	display:block;
}
}