/*

  schriftschwarz = #221E1F
  yellow = #FFF100

*/

body{
  background-image:url('images/background_grass.gif');
  padding:none;
  margin-top:30px;
  font-family:verdana;
  font-weight:normal;
  font-size:11px;
  color:#221E1F;
}

#fairplay_sticker{
  position:absolute;
  left:50px;
  top:13px;
  z-index:100;
}

#content_background{
  background-image:url('images/background_paper.jpg');
  width:685px;
  height:1400px;
  background-color:#ffffff;
  margin-left:30px;
}

.galleryimage{
  background-image:url('images/background_paper.jpg');
  background-color:#ffffff;
  text-align:center;
  margin:20px;
  float:left;
}

.galleryimage img{
  margin:40px;
  border: 2px solid black;
}

#content{
  float:left;
  width:410px;
  position:relative;
  top:180px;
  left:25px;
}

h2{
  font-size:16px;
}

#content p{
  line-height:16px;
  display:inline;
}

#teaser_bereich{
  position:absolute;
  top:270px;
  left:522px;
  width:200px;
  background-color:#FFF100;
}

h3{
  margin-top:0px;
}

#teaser_bereich p{
  padding-left:18px;
  padding-right:18px;
}

/* Navigation */

#navigation{
  width:465px;
  height:24px;
  position:relative;
  top:150px;
  background-color:#000000;
}

#navigation span{
  display:none;
}

#navigation a{
  display:block;
}

#home{
  position:absolute;
  left:0px;
  top:0px;
  width:54px;
  height:24px;
  visibility:visible;
  background-image:url(images/home.gif);
  background-repeat:no-repeat;
}

#home:hover, #home:active{
  visibility:visible;
  background-image:url(images/home_active.gif);
  background-repeat:no-repeat;
 }

#home.active{
  visibility:visible;
  background-image:url(images/home_active.gif);
  background-repeat:no-repeat;
}

#informationen{
  position:absolute;
  left:54px;
  top:0px;
  width:131px;
  height:24px;
  visibility:visible;
  background-image:url(images/informationen.gif);
  background-repeat:no-repeat;
}

#informationen:hover, #informationen:active{
  visibility:visible;
  background-image:url(images/informationen_active.gif);
  background-repeat:no-repeat;
 }

#informationen.active{
  visibility:visible;
  background-image:url(images/informationen_active.gif);
  background-repeat:no-repeat;
}

#machmit{
  position:absolute;
  left:185px;
  top:0px;
  width:92px;
  height:24px;
  visibility:visible;
  background-image:url(images/machmit.gif);
  background-repeat:no-repeat;
}

#machmit:hover, #machmit:active{
  visibility:visible;
  background-image:url(images/machmit_active.gif);
  background-repeat:no-repeat;
 }

#machmit.active{
  visibility:visible;
  background-image:url(images/machmit_active.gif);
  background-repeat:no-repeat;
}

#kalender{
  position:absolute;
  left:277px;
  top:0px;
  width:88px;
  height:24px;
  visibility:visible;
  background-image:url(images/kalender.gif);
  background-repeat:no-repeat;
}

#kalender:hover, #kalender:active{
  visibility:visible;
  background-image:url(images/kalender_active.gif);
  background-repeat:no-repeat;
 }

#kalender.active{
  visibility:visible;
  background-image:url(images/kalender_active.gif);
  background-repeat:no-repeat;
}

#downloads{
  position:absolute;
  left:365px;
  top:0px;
  width:98px;
  height:24px;
  visibility:visible;
  background-image:url(images/downloads.gif);
  background-repeat:no-repeat;
}

#downloads:hover, #downloads:active{
  visibility:visible;
  background-image:url(images/downloads_active.gif);
  background-repeat:no-repeat;
 }

#downloads.active{
  visibility:visible;
  background-image:url(images/downloads_active.gif);
  background-repeat:no-repeat;
}

/* Images */
img{
  border:none;
}

#fairplay{
  float:right;
  margin:20px;  
}

a:link{
  color:black;
  text-decoration:underlined;
}

a:visited{
  color:black;
}
a:hover{
  text-decoration:none;
}

a:active{
  color:black;
}