/* CSS Document */

body       {background-color:#CCCCCC}

div#rand   {height: 20px}
div#gesamt {width:1000px; margin-left: auto; margin-right: auto; background-color:#000000; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
div#kopf   {margin-top: 20px; background-color:#000000; color:#FFFFFF; width: 1000px; text-align:center;}

ul#navlist
{
margin-left: 20px;
padding-left: 0;
white-space: nowrap;
font-weight:bold;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color:#666666;
text-decoration: none;
}


#navlist a:hover
{
color: #fff;
background-color:#Ca9c16;
text-decoration: none;
}
#navlist #active a:link,
#navlist #active a:visited { color: #fff;
background-color:#Ca9c16;
text-decoration: none;}

div#linie {width: 1000px; border-bottom:1px solid #CCC;}

div#inhalt {width:1000px; height: 600px;}

div#links  {width: 200px; height: 600px; float:left; /*border: 1px solid #C00;*/}
div#mitte  {width: 629px; float:left; /*border: 1px solid #0C0;*/ }

div#mitte h2 { font-family:Arial, Helvetica, sans-serif; color:#Ca9c16; font-weight:bold;  padding-left:40px; padding-top:20px;}

div#mitte h3 { font-family:Arial, Helvetica, sans-serif; color:#Ca9c16; font-weight:bold;  padding-left:40px;}

div#mitte p { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:25px;}

div#mitte li {margin-left:45px;}

div#mitte a:link { color:#FFFFFF; font-weight:bold;}
div#mitte a:visited { color:#FFFFFF; font-weight:bold;}
div#mitte a:hover { color:#FFFFFF; font-weight:bold;}
div#mitte a:active { color:#FFFFFF; font-weight:bold;}
div#mitte img { float: left; margin-right:20px; margin-top:60px; margin-left:80px;}


div#rechts {position: relative; width: 150px; height: 600px; float:right; padding: 15px 0 0 5px; border-left: 1px solid #CCC;}
div#rechts2 {width: 150px; height: 600px; float:right; padding: 15px 0 0 5px;}

.flyout img {width:120px; border: 1px solid #CCC; margin: 5px 5px 20px 5px;}
.flyout span{ /* CSS fuer großes Bild */
  position: absolute;
  right: 170px;
  padding: 5px;
  border: 1px solid #CCC;
  z-index: 50;
  visibility: hidden;
  color: white;
  background-color: black;
  text-decoration: none;
}
.flyout span img {width:240px; margin: 0;}
.flyout:hover span{visibility: visible;}

div#links ul
{
margin-left:20px;
margin-top:25px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

div#links a
{
display: block;
padding: 3px;
width: 160px;
background-color:#666666;
border-bottom: 4px solid #000000;
}

div#links a:link, div#links a:visited
{
color:#FFFFFF;
background-color:#666666;
text-decoration: none;
}

div#links a:hover
{
background-color:#CA9C16;
color: #fff;
}
div#links #active a:link,
div#links #active a:visited { color: #fff;
background-color:#Ca9c16;
text-decoration: none;}