body {
margin:0; padding:0; background-color:#003300;
}
div#back {
  position:fixed;
  width: 100%;
  height: 100%;
}
div#klick {
  position:fixed;
  width: 100%;
  height: 100%;
}

/*-------------------------------------------------------------------------*/

#pfeil_ol { position:fixed; top:10px; left:10px; width:40px; height:40px; border:2px solid #FF6400; }
#pfeil_ul { position:fixed; bottom:10px; left:10px; width:40px; height:40px; border:2px solid #FF6400; }
#pfeil_or { position:fixed; top:10px; right:10px; width:40px; height:40px; border:2px solid #FF6400; }
#pfeil_ur { position:fixed; bottom:10px; right:10px; width:40px; height:40px; border:2px solid #FF6400; }

div#pic {
  position:relative;
  visibility: hidden;
  top:100px;
  border: solid 0px red;
  margin-left: 70px;
  margin-right: 70px;
}
#holla a:visited img, #holla a:link img, div#pic a:visited img, div#pic a:link img { border: solid 3px #030;}
#holla a:hover img, div#pic a:hover img { border: solid 3px #FF6400;}
#holla a:link, #holla a:visited {color: #020; font-weight: bold; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
#holla a:hover {color: #FF6400;}

div#holla {
  position:relative;
  top:160px;
  border: solid 0px red;
  margin-left: 70px;
  margin-right: 70px;
  height: 280px;
  text-align:center;
}

div#text {
  position:fixed;
  visibility: collapse;
  width: 100%;
  height: 100%;
  color: #FF6400;
  font-size: 24pt;
  font-weight: bold;
}
div#gross {
  position:absolute;
  width: 6000px;
  height: 4500px;
}
#raetsel { position:absolute; top:500px; left:3100px; width:370px; height:280px;}
#raetsel p {color: #FF6400; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
#herz a img { border: solid 0px #030;}
#begin { position:absolute; top:2250px; left:2300px; width:70px; height:80px;}

div#frueher, div#fussi {
  position:relative;
  visibility: collapse;
  top:30px;
  border: solid 0px red;
  margin-left: 70px;
  margin-right: 70px;
  height: auto;
  text-align:left;
  font-weight: bold; 
  font-size: 16px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff; 
}
div#fussi {
  visibility: visible;
  width: 1200px;
}
div#frueher {top:-10px;} 
div#frueherlink, div#teams, div#links {
  position:relative;
  visibility: visible;
  top:30px;
  border: solid 0px red;
  margin-left: 70px;
  margin-right: 70px;
  height: auto;
  text-align:left;
}
div#teams, div#links {
  text-align:center;
}
div#links {
  top:-30px;
}
div#teams {
  top:-15px;
}
#teams a:hover img, #teams a:visited img, #teams a:link img {border:0px}  
#links a:link, #links a:visited, #flinks a:visited, #frueherlink a:link, #frueherlink a:visited, #frueher a:link, #frueher a:visited, #fussi a:link, #fussi a:visited {color: #bfb; font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
#links a:hover, #frueher a:hover, #frueherlink a:hover, #fussi a:hover {color: #FF6400;}
#frueher span, #fussi span {color: #006400; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
hr {color: #002200} 
div#friends {
  position:relative;
  top:30px;
  border: solid 0px red;
  margin-left: 70px;
  margin-right: 70px;
  text-align:center;
  line-height: 200px;
}
#friends a:visited img, #friends a:link img { border:0px}
#friends a:hover img { border-bottom: solid 3px #003300;}
/*-------------------------------------------------------------------------*/