body{
 background:#FFFFFF;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:left;
 margin: 0 0 0 0;
 background-image: url(background.jpg);
 background-repeat: repeat-y;
}

dl, dt, dd, ul, li {
margin: 0;
font-color: #ffffff;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 102;
left: 116;
z-index:100;
}
#menu dl {
float: left;
width: 120px;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000000;
border: 1px solid #000;
}
#menu dd {
border: 1px solid #000;
}
#menu li {
text-align: center;
background: #000;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #ff0000;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #FFFFFF;
background-color: #ddd;
padding: 5px;
border: 1px solid #000000; 
}

a {text-decoration: none;
color: black;
color: #000;
}


/* Formatierungen Layout (grob) */
#seite{
 margin:10px;
 padding:10px 10px 0 0;
 text-align:left;
 width:800px;
 border: 2px solid #000000;
}

#top{
 position: absolute;
 top: 0px;
 left: 65px;
 float:left;
 margin:0 0px 0 0px;
 width:792px;
 border: 0px solid #000;
         overflow: auto;
}

#title{
 position: absolute;
 top: 15px;
 left: 505px;
 float:left;
 margin:0 0px 0 0px;
 width:392px;
 border: 0px solid #000;
         z-index: 2;
         overflow: auto;
}

#links{
 position: absolute;
 top: 280px;
 left: 110px;
 float:left;
 margin:0 10px 0 5px;
 width:690px;
 border-bottom: 0px solid #000;
         z-index: 2;
         overflow: auto;
}

#bottom{
 position: absolute;
 top: 710px;
 left: 67px;
 float:left;
 margin:0 0px 0 0px;
 width:788px;
 border: 0px solid #000;
         z-index: 2;
         overflow: auto;
}


/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}

.title a:link {
  text-decoration: none;
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #000;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:0px 0 0 0
}

#links p{
 text-align:justify;
 margin:10px 30px 10px  10px 
}

#unten p{
 color:#000000;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
 background:url(liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
}



/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline;
}

a:hover{
 text-decoration:none;
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913; 
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}