body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  color: white;
  background-color: #AAA;
  text-align: center;
}

p		{ font-size:12px; font-family:Verdana,Helvetica,Arial,sans-serif;
          text-align:justify;
         }

/* Außencontainer, enthält logo, navi, inhalt und footer */
#mother {
  text-align: left;
  margin: 20px 70px 20px 80px;
  width: 77%;
  height: 100%;
  border-style: solid;
  border-width: 0;
  border-color: black;
  color: black;
  background-color: #AAA;
}

#logo {
  text-align: left;
  height: 190px;
  width: 100%;
  color: white;
  background-color: #AAA;
  background-image: url('siegel_logo.jpg');
  }

#navi {
  float: left;
  width: 20%;
  height: 900px;
  color: white;
  font-size: 12px;
  min-height:630px;
  max-height:2048px;
  background-color: #AAA;
  background-image: url('mm_bg_red.gif');
 }

#inhalt {
  float: right;
  width: 80%;
  height: 900px;
  color: white;
  font-size: 14px;
  background-color: #AAA;
  background-image: url('mm_bg_red2.gif');
  min-height:430px;
  max-height:2048px;
  overflow:auto;
 }

#box {
  float: right;
  width: 150px;
  height: 900px; 
  color: white;
  background-color: #AAA;
  background-image: url('mm_bg_red.gif');
  min-height:430px;
  max-height:2048px;
  overflow:hidden;
}

#footer {
  width: 100%;
  height: 20px;
  color: white;
  background-color: #AAA;
  background-image: url('mm_bg_red2.gif');
  clear: both;
}


div#links a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 1px;
   border-width: 0;
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 360px; left: 90px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: transparent;
   font: 10px Verdana, sans-serif; text-align: center;}


ul#navlist {
        margin: 0 0 5px;
        padding: 0;
        /* position: absolute; top: 120px; left: 250px; */
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #444;
        border-top: 1px solid #505050;
        border-bottom: 1px solid #505050;

}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #FFC;
        border-right: 2px solid #505050;
        text-decoration: none;
}

ul#navlist li#active {
        color: #95bbae;
        background-color: #deebe5;
}

#navlist a:hover {
        color: #411;
        background-color: #AAA;
        border-right: 2px double white;
}

/* Formate für den Kastenstil 1 */
.kasten1 {
  width: 143px;
  border-style: solid;
  border-width: 1px;
  border-color: #444444;
  margin-left: 3px;
  margin-right: 100px;

  }

.kasten1 h4 {
  font-size: 13px;
  text-align: center;
  width: 143px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: white;
  background-color: #444444;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 10px;
  }

.kasten1 div {
  font-size: 10px;
  padding: 5px;
  margin-left: 3px;
  text-align: justify;
}


/* Formate für den Kastenstil 2 */
.kasten2 {
  width: 200px;
  border-style: solid;
  border-width: 1px;
  border-color: #444444;
  margin-left: 3px;

  }

.kasten2 h4 {
  font-size: 13px;
  text-align: center;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: white;
  background-color: #444444;
  margin-top: 0px;
  margin-bottom: 0px;
  }

.kasten2 div {
  font-size: 10px;
  padding: 5px;
  margin-left: 3px;
  text-align: justify;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/menu_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {
font-family: verdana, sans-serif;
position:center;absolute;
z-index:100;
width:520px;
margin: auto;
height:50px;
background:#575;
border-top:285px solid #444;

}

.menu ul {
padding:0;
margin:0;
list-style-type: none;
width:355px;
height:26px;
background:#444;
padding:5px;
margin:5px 78px 0 78px;
position:relative;
border:1px solid #8a8;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}

.menu ul li a, .menu ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none;
color:#000;
border:1px solid #fff;
cursor:default;
}

.menu ul li ul {
position:absolute;
top:-106px;
left:-9999px;
}

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

.menu ul li:hover a,
.menu ul li a:hover {
border:1px solid #8a8;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-9999px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
text-decoration:none;
color:#000;
border:1px solid #8a8;
width:120px;
height:90px;
background:#000;
}

.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url(slides/point.gif);
position:absolute; left:50px; top:92px; border-left:1px solid #8a8; border-right:1px solid #8a8;
border-bottom:1px solid #8a8;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
border:1px solid #666;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
left:-24px;
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
left:-68px;
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
left:-112px;
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
left:-156px;
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
left:-200px;
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
left:-244px;
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
left:-288px;
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
left:-332px;
}

.menu ul li:hover span,
.menu ul li a:hover  span {
display:none;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
width:480px; height:360px;
/*width:360px; height:270px;*/
border:1px solid #8a8;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; position:absolute; top:1px; left:6px; width:470px; background:#8a8; padding:5px; border-bottom:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#efe;}