#navi {
float : left; 
width : 157px; 
margin : 1 0 1px; 
padding : 0; 
font-size : 0.9em; 
}

#navi ul {
list-style : none; 
width : 157px; 
margin : 0 0 20px 6px; 
padding : 0; 
font-size : 1.1em; 
} 

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

#keys {
font-size: 8pt;
color: #CDCDCD;
}

#rahmen {
background: #F9F9F9;
border:1px solid #0F0F0F ; font-size: 10pt
}

#r4 {
background: #F9F9F9;
border:1px solid #0F0F0F; 
}

#r5 {
border:1px solid #0F0F0F; 
padding: 5px;
}

#r5 a {
color: #999999;
text-decoration: none;
}

#r5 a:hover {
text-decoration: underline;
}

#r6 {
background-image: url(images/leiste.gif);
border:1px solid #0F0F0F; 
}

#r7 {
background-image: url(images/leiste.gif);
border:1px solid #0F0F0F; 
}

.nav {
font-weight : bold; 
height : 20px; 
text-decoration : none; 
color : #FFFFFF; 
display : block;
padding : 2px 0 0 5px; 
background : #7C7C7C; 
border-left : 8px solid #CDCDCD; 
} 

.nav:hover {
background : #CDCDCD; 
text-decoration : none; 
color : #000000; 
border-left : 8px solid #7C7C7C; 
} 

img {
border:none;
} 

body {
font-family : arial; 
repeat-y
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #666666
}  

h1 {
font-size : 140%; 
font-family : Arial; 
color : #000000; 
} 

h2 {
font-size : 110%; 
font-family : Arial; 
color : #000000; 
} 

h3 {
font-size : 100%; 
font-family : Arial; 
color : #000000; 
} 

h4 {
font-size : 110%; 
font-family : Arial; 
color : #000000; 
}