body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  h1 {
    font-size: 1.5em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #fed;
    border: 2px ridge silver;
  }

  ul#Navigation {
    font-size: 0.83em;
    float: left; width: 18em;
    margin: 0 0 1.2em; padding: 0;
    border: 1px dashed silver;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: #eee;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

  div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #eee; border: 1px dashed silver;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#Inhalt {
    margin: 0 12em 1em 16em;
    padding: 0 1em;
    border: 1px dashed silver;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed; border: 1px solid silver;
  }

#headline {
				background-color:#FFFFFF;
				font-weight: bold;
				filter:alpha(opacity=90); /* IE */
				-moz-opacity: 0.90; /* Mozilla */
				opacity: 0.90; /* Opera */
				}
#blub
				{
				background:#ECECEC;
				height: 105px;
				width: 640px;
				position: relative; 
				left: 0px; 
				top: -107px;
				z-index: 2;
				color: black;
				font-size: 12px;
				filter:alpha(opacity=80); /* IE */
				-moz-opacity: 0.80; /* Mozilla */
				opacity: 0.80; /* Opera */
				}





















































div.box_all {
  height: 100%;
  margin-left: 10%; 
  margin-right: 10%;
  border: 1px solid black;
  background: orange;
  
}

div.box_menu {
  height: 300px;
  width: 130px;
  position:fixed;
  top: 120px;
  left: 0px;
  border: 1px solid black;
  background: #ECECEC;
  margin-left: 10%; 
 

}

div.box_content {
  margin-right: 10%;
  margin-left: 10%;  
  position:static;
  top: 120px;
  left: 150px;
  border: 1px solid black;
  background: white;
  

}

div.box_footer {
  margin-right: 10%;
  margin-left: 10%;  
  position:absolute;
  border: 1px solid black;
  background: #ECECEC;
  

}



/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
BORDER: 1px solid #ECECEC;
PADDING: 2px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #ffffff;
BACKGROUND-COLOR: #008800;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #3366ff;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
BORDER: 1px solid #FF0000;
PADDING: 2px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
}


/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
BORDER: 1px solid #ECECEC;
PADDING: 2px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #008800;
BACKGROUND-COLOR: #FCC47A;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #3366ff;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
BORDER: 1px solid #FF0000;
PADDING: 2px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
}

/************************************************
*************Tagesspruch*************************
************************************************/
/*Style-Definition für den Spruch des Tages*/
DIV.Spruch
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
BORDER: 1px solid #ECECEF;
PADDING: 1px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND-COLOR: #ECECEC;
}


form { background-image:url(background.gif); padding:0px; border:0px solid #ddd; }
td, input, select, textarea { font-size:10px; font-family:Verdana,sans-serif; }
input, select, textarea { color:#00c; }
.Bereich, .Feld { background-color:#ffa; width:300px; border:6px solid #ddd; }
.Auswahl { background-color:#FCC47A; width:80px; border:1px solid #ddd; }
.Check, .Radio { background-color:#ddf; border:0px solid #ddd; font-size:10px; font-family:Aria; }
.Button { background-color:#FCC47A; color:#ECECEC; width:200px; border:1px solid #ddd; border-style:dashed; padding:1px; font-weight:bold;}
.Thumb {border:0px;}