/* Stilvorlage für die GMI */

div.kopf{
  position: relative;
  width: 100%;
  background-color:#20377f;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #6699CC #00ff00 #00ff00 #00ff00;
  margin: 0px 0px 0px 0px;
  height:134px;
}


img.kopflinks{
  position:absolute;
  top:0px;
  left:0ex;
  z-index:2;
}


img.kopfrechts{
  position:absolute;
  top:0px;
  right:0px; 
  z-index:1;
}


span.hauptueberschrift{
  position:absolute;
  top:5px;
  left:200px;
  color:#ffcb80;
  font-family: Arial, sans-serif;
  font-size:60px;
  letter-spacing:4px;
  font-weight:normal;
  z-index:2;
}

span.technischeinformatik{
  position:absolute;
  top:70px;
  left:200px;
  color:#ffcb80;
  font-family: Arial, sans-serif;
  font-size:20px;
  letter-spacing:4px;
  z-index:2;
}

span.mathematischeintelligenz{
  position:absolute;
  top:95px;
  left:200px;
  color:#ffcb80;
  font-family: Arial, sans-serif;
  font-size:20px;
  letter-spacing:2px;
  z-index:2;
}


div.navigationkopf{
  width: 100%;
  background-color: #dddddd;
  border-style:solid;
  border-width:4px 0px 1px 0px;
  border-color: #6699CC #00ff00 #6699CC #00ff00;
}

a.navigationkopf:link{
  color:#000066;
  font-family: Arial, sans-serif;
  text-decoration:none;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopf:active{
  color:#ffcb80;
  font-family: Arial, sans-serif;
  text-decoration:none;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopf:visited{
  color:#000066;
  font-family: Arial, sans-serif;
  text-decoration:none;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopf:hover{
  color: #000066;
  background-color: #eeeeee;
  font-family: Arial, sans-serif;
  text-decoration:underline;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopfaktiv:link{
  color:#000066;
  background-color: #eeeeee;
  font-family: Arial, sans-serif;
  text-decoration:none;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopfaktiv:active{
  color:#ffcb80;
  background-color: #eeeeee;
  font-family: Arial, sans-serif;
  text-decoration:none;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopfaktiv:visited{
  color:#000066;
  background-color: #eeeeee;
  font-family: Arial, sans-serif;
  text-decoration:none;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

a.navigationkopfaktiv:hover{
  color: #000066;
  background-color: #eeeeee;
  font-family: Arial, sans-serif;
  text-decoration:underline;
  font-weight:normal;
  padding:0px 1ex 0px 1ex;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color:#6699CC;
}

div.menue{
  background-color: #eeeeee;
  float:left;
  width:21ex;
  overflow: hidden;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:#ffffff #0000ff #0000ff #0000ff;
  margin: 1.5em 0px 0px 0px;
}

div.menueeintrag{
  width:100%;
  padding:2px 1ex 2px 1ex;
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color:#ffffff #ffffff #ffffff #0000ff;
}

a.menueeintrag:link{
  color: #000066;
  text-decoration:none;
}

a.menueeintrag:active{
  color:#ffcb80;
  text-decoration:underline;
}

a.menueeintrag:visited{
  color: #000066;
  text-decoration:none;
}

a.menueeintrag:hover{
  color: #000066;
  background-color:#ffffff;
  text-decoration:underline;
}

div.inhalt{
  position:relative;
  top:0px;
  left:0px;
  padding:0ex 5ex 1ex 5ex;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:#00ff00 #00ff00 #00ff00 #00ff00;
  margin-left:20ex;
  margin-right:0ex;
}

div.fuss{
  width: 100%;
  background-color: #eeeeee;
  border-style:solid;
  border-width:2px 0px 0px 0px;
  border-color: #000066 #00aaaa #00aaaa #00aaaa;
  clear:both;
}


body{
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  margin: 0px 0px 0px 0px;
}


h1, h2, h3, h4, h5{
  margin-top: 1em;
  margin-bottom: 1ex;
  border: 0 0 0 0;
  padding: 0 0 0 0;
  color:#20377f;
  line-height: 1;
  font-family: Arial, sans-serif;
}
h1{ font-size: 1.5em; }
h2{ font-size: 1.4em; }
h3{ font-size: 1.3em; }
h4{ font-size: 1.2em; }
h5{ font-size: 1.1em; }

p{
  font-family: Arial, sans-serif;
}


a:link{
  color:#000066;
  font-family: Arial, sans-serif;
  text-decoration:underline;
  font-weight:normal;
}

a:active{
  color:#ffcb80;
  font-family: Arial, sans-serif;
  text-decoration:underline;
  font-weight:normal;
}

a:visited{
  color:#000066;
  font-family: Arial, sans-serif;
  text-decoration:underline;
  font-weight:normal;
}

a:hover{
  color:#000066;
  background-color:#f4f4f4;
  font-family: Arial, sans-serif;
  text-decoration:underline;
  font-weight:normal;
}

ul li{
  margin-bottom: 1ex;
}

ol li{
  margin-bottom: 1ex;
}

div.bildrechts{
  background-color: #ffffff;
  overflow: hidden;
  float:right;
  margin:1ex;
}
#box a {display:block; 
	  color:black;
	  text-decoration:none; 
	  width:290px; border:none;} 

#box a:hover { color:black;} 

#box a span {display:none;} 

#box a:hover span 
	  {z-index:5; 
	  display:block; 
	  width:290px; 
	  color:black; 
        background:#ffffff; 
	  font:normal 12px courier, 
        sans-serif; 
	  border:1px solid black;}

table.woerterliste{
   border-collapse:collapse;
   margin:0px;
   padding:0px;
   border:0px;
}

table.woerterliste td{
   margin:0px;
   border: 1px solid black;
   padding: 1ex;
} 

span.hilfe{
  cursor:help;
  border-style:dashed;
  border-width:0px 0px 1px 0px;
  border-color: #000066 #00aaaa #000000 #00aaaa;
}