/* -------------------------------------------------- */
/*           Regeln für einzelne Elemente             */
/* -------------------------------------------------- */

img
{
 behavior: url("gfx/pngbehavior.htc");
}

a:link.bottom,
a:visited.bottom,
a:active.bottom,
a:hover.bottom
{
	text-decoration: none;
         font-weight:bold;
         color:#E7BB52;
         font-size:10px;
}

a:hover.bottom
{
	color:#FFFFFF;
         text-decoration: none;
}

a:link,
a:visited,
a:active,
a:hover
{
	text-decoration: none;
         font-weight:bold;
         color:#000000;
         font-size:12px;
}

a:hover
{
	color:#4e6d90;
         text-decoration: none;
}

a:link.top,
a:visited.top,
a:active.top,
a:hover.top
{
	text-decoration: none;
         font-weight:bold;
         color:#000000;
         font-size:10px;
         font-family:wingdings;
}

a:hover.top
{
	color:#4e6d90;
         text-decoration: none;
}

body
{
         background-color:#000000;
         color:#000000;
         font-family:arial;
         font-size:12px;
         border:0px solid black;
         margin:0px;
         background-position:left top;
         background-repeat:no-repeat;
         overflow:hidden;
}

#teppich
{
         background-image:url(gfx/bg.jpg);
         background-color:#000000;
         color:#000000;
         font-family:arial;
         font-size:12px;
         border:0px solid black;
         height:100%;
         width:100%;
         margin:0px;
         position:absolute;
         top:0px;
}

#tischbild
{
 	top:0px;
         left:780px;
         width:262px;
         height:243px;
         position:absolute;
         z-index:50;
}

#back
{
         border:0px solid black;
         height:70;
         width:200px;
         margin:0px;
         position:absolute;
         top:110px;
         left:320px;
}

#container
{
         background-image:url(gfx/bg_main_cat.jpg);
         background-position:left top;
         background-repeat:no-repeat;
         background-color:#000000;
         color:#000000;
         font-family:arial;
         font-size:12px;
         border:0px solid black;
         height:100%;
         width:1043px;
         height:701px;
         left:0px;
         top:0px;
         position:absolute;
}

#picture
{
         height:450px;
         width:480px;
         height:460px;
         top:120px;
         position:absolute;
}

#piccontainer
{
         background-image:url(gfx/bg_main_pic.jpg);
         background-position:left top;
         background-repeat:no-repeat;
         background-color:#000000;
         color:#000000;
         font-family:arial;
         font-size:12px;
         border:0px solid black;
         height:100%;
         width:1043px;
         height:701px;
         left:0px;
         top:0px;
         position:absolute;
}

#headline
{
 	position:absolute;
 	top:458px;
         left:412px;
 	width:140px;
         height:130px;
}


#content
{
 	top:130px;
         left:500px;
         width:360px;
         overflow:auto;
         position:absolute;
         border:0px solid white;
         height:440px;
}


#divContainer
{
        height:470px;
        top:121px;
        left:515px;
        width:320px;
        position:absolute;
        overflow:hidden;
        z-index:5;
        clip:rect(0,380,456,0);
        visibility:hidden;
        border:0px solid white;
}

#divContent
{
	position:absolute;
 	top:0;
  	left:0;
}


#divupcontrol
{
        height:15px;
        top:240px;
        left:850px;
        width:25px;
        position:absolute;
        z-index:6;
}

#divdowncontrol
{
        height:15px;
        top:570px;
        left:850px;
        width:25px;
        position:absolute;
        z-index:6;
}
img
{
 	border:0px solid white;
}

img.galerie
{
 	border:2px solid black;
}

div#all {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 90;
  }

div#all a {
  display: block;
  cursor:default;
  }

div#all a:hover {
  color: #ffffff;
  text-decoration:none;
  cursor:default;
  }

div#all a span {display: none;}
div#all a:hover span {
   display: block;
   position: absolute;
   top: 145px;
   left: 580px;
   width: 260px;
   z-index: 100;
   color: #fff;
   font-size: 23px;
   font-family: times new roman;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   cursor:default;
   filter:Alpha(opacity=10);
   -moz-opacity:0.1;
   opacity:0.1;
}



div#media {
  position: absolute;
  top: 290px;
  left: 670px;
  width: 50px;
  height: 80px;
  z-index: 100;
  }

div#media a {
  display: block;
  }

div#media a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#media a span {display: none;}
div#media a:hover span {
   display: block;
   position: absolute;
   top: -140px;
   left: -90px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#cast {
  position: absolute;
  top: 250px;
  left: 630px;
  width: 50px;
  height: 80px;
  z-index: 100;
  }

div#cast a {
  display: block;
  }

div#cast a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#cast a span {display: none;}
div#cast a:hover span {
   display: block;
   position: absolute;
   top: -100px;
   left: -50px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#news {
  position: absolute;
  top: 350px;
  left: 330px;
  width: 250px;
  height: 80px;
  z-index: 100;
  }

div#news a {
  display: block;
  }

div#news a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#news a span {display: none;}
div#news a:hover span {
   display: block;
   position: absolute;
   top: -200px;
   left: 250px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#links {
  position: absolute;
  top: 290px;
  left: 190px;
  width: 110px;
  height: 80px;
  z-index: 100;
  }

div#links a {
  display: block;
  }

div#links a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#links a span {display: none;}
div#links a:hover span {
   display: block;
   position: absolute;
   top: -140px;
   left: 390px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#shop {
  position: absolute;
  top: 110px;
  left: 220px;
  width: 110px;
  height: 80px;
  z-index: 100;
  }

div#shop a {
  display: block;
  }

div#shop a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#shop a span {display: none;}
div#shop a:hover span {
   display: block;
   position: absolute;
   top: 40px;
   left: 360px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#imp {
  position: absolute;
  top: 380px;
  left: 650px;
  width: 50px;
  height: 80px;
  z-index: 100;
  }

div#imp a {
  display: block;
  }

div#imp a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#imp a span {display: none;}
div#imp a:hover span {
   display: block;
   position: absolute;
   top: -230px;
   left: -70px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#story {
  position: absolute;
  top: 230px;
  left: 450px;
  width: 18px;
  height: 80px;
  z-index: 100;
  }

div#story a {
  display: block;
  }

div#story a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#story a span {display: none;}
div#story a:hover span {
   display: block;
   position: absolute;
   top: -80px;
   left: 130px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#setpics {
  position: absolute;
  top: 350px;
  left: 750px;
  width: 50px;
  height: 80px;
  z-index: 100;
  }

div#setpics a {
  display: block;
  }

div#setpics a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#setpics a span {display: none;}
div#setpics a:hover span {
   display: block;
   position: absolute;
   top: -200px;
   left: -170px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}


div#pics {
  position: absolute;
  top: 310px;
  left: 540px;
  width: 50px;
  height: 40px;
  z-index: 100;
  }

div#pics a {
  display: block;
  }

div#pics a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#pics a span {display: none;}
div#pics a:hover span {
   display: block;
   position: absolute;
   top: -160px;
   left: 40px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#team {
  position: absolute;
  top: 300px;
  left: 340px;
  width: 70px;
  height: 50px;
  z-index: 100;
  }

div#team a {
  display: block;
  }

div#team a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#team a span {display: none;}
div#team a:hover span {
   display: block;
   position: absolute;
   top: -150px;
   left: 240px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

div#verein {
  position: absolute;
  top: 90px;
  left: 450px;
  width: 70px;
  height: 50px;
  z-index: 100;
  }

div#verein a {
  display: block;
  }

div#verein a:hover {
  color: #ffffff;
  text-decoration:none;
  }

div#verein a span {display: none;}
div#verein a:hover span {
   display: block;
   position: absolute;
   top: 60px;
   left: 130px;
   width: 260px;
   z-index: 100;
   color: #ffffff;
   font: 13px Verdana, sans-serif;
   font-weight:bold;
   text-align: center;
   text-decoration:none;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

/* -------------------------------------------------- */
/*            Regeln für besondere Bereiche           */
/* -------------------------------------------------- */

#bottomlinks

{
   position: absolute;
   bottom: 20px;
   left: 150px;
   width: 760px;
   height:10px;
   color:#aaa;
   z-index: 150;
   filter:Alpha(opacity=20);
   -moz-opacity:0.2;
   opacity:0.2;
}

#bgtest
{
	padding-top:30px;
	position:absolute;
 	top:0px;
         left:0px;
 	width:647px;
         height:602px;
         z-index:4;
}


span.h1
{
 	font-size:18px;
         font-weight:bold;
         border-bottom:1px dotted black;
         padding-right:100px;
         line-height:25px;
         color:#4e6d90;
}

span.subhead
{
	background-color:#4e6d90;
         color:white;
         border-left:2px solid black;
         font-weight:bold;
         padding:1px 10px 1px 5px;
         margin-bottom:5px;
}