body {
background-color:#3F3F3F;
color: #f5f5f5;
font-family:  avantgarde, arial, helvetica, "sans-serif";
padding: 0px;
margin: 0px;
}

#kruemel {
font-size: small;
position: fixed;
bottom: 0px;
border-top: solid 1px #f5f5f5;
width: 100%;
background-color: #6f6c6e;
padding: 3px;
}

#inhalt {
margin-top: 26px;
font-size: small;
line-height: 130%;
font-family:  avantgarde, arial, helvetica,verdana, "sans-serif";
padding-bottom: 100px;

}
#titel {
 text-align: right;
 padding:5px 50px 5px 5px;
 letter-spacing:0.3em
 background-color: #f5f5f5;
 background-image: url(grafiken/titelbg.jpg);
 background-repeat: repeat-x;
 border-bottom: solid 1px #EFEFEF;
}

#titel h1{
margin-right: 20%;
letter-spacing: 0.4em;
color:#f5f5f5;
}

#titel h2 {
color:#FFBF00;
font-size:1.9em;
letter-spacing: 0.4em;
}

.logo {
float: left;
margin: 30px 5px 5px 37px;
}

#navi {
float: left;
width: 13em;
margin-top:0px;
font-size: 1.1em;
font-family: avantgarde, arial, helvetica, "sans-serif";

}

#text {
width: 40%;
margin-left: 200px;
}

#text h2 {
font-size: 1.4em;
line-height: 140%;
}

#text h3 {

color: #ffbf00;
}

#navi ul{
list-style-type: none;
margin-bottom: 40px;
}

#navi li {margin-bottom: 20px;}

#navi a {text-decoration: none;}

#navi a.active {
color: #ffbf00;
}

#copy {
font-size:0.7em;
margin-bottom: 2em;
color:#BFBFBF;
text-align: right;
margin-right: 10px;
}

#copy a {
color:#BFBFBF;
text-decoration: none;
}

.rechts {
float: right;
margin: 50px;
}

 a {color:#ffffff; }
 a:visited {color: #EFEFEF;}
 a:hover {color:#FFbF00;}