body         
{ 
background-color: #C2D6BA; 
margin: 0 
}
#rahmen      
{ 
width: 700px; 
height: 700px; 
background-color: #628A4F
}
#logo        
{ 
text-align: right; 
font-family: Tahoma, Arial, Verdana; 
font-size: 24px; 
color: #fff;
text-transform: uppercase;
letter-spacing: 2pt;
padding: 30px 15px 5px 0 
}
#image      
{ 
width: 700px; 
height: 270px; 
background-image: url('../images/beispiel-image.jpg'); 
background-repeat: no-repeat
}
#navi      
{ 
float: left;
width: 180px; 
height: 270px; 
line-height: 32px;
font-family: Tahoma, Arial, Verdana; 
font-size: 14px
}
#navi a:link, #navi a:visited, #navi a:active 
{ 
text-align: left; 
display: block; 
text-decoration: none;
letter-spacing: 1pt;
color: #003300; 
padding-left: 10px 
}
#navi a:hover                 
{ 
text-decoration: none;
background-color: #C2D6BA;
color: #fff;
text-transform: uppercase
}
#navi span                 
{ 
text-align: left; 
display: block; 
padding-left: 10px;
display: block; 
background-color: #C2D6BA;
letter-spacing: 2pt;
line-height: 32px; 
color: #fff
}
#inhalt
{
width: 520px;
height: 220px;
float: right;
overflow: auto
} 
#text
{
text-align: justify;
margin: 10px;
font-family: Tahoma, Arial, Verdana
}
#text a:link, #text a:visited, #text a:active 
{ 
text-decoration: underline;
font-weight: bold;
color: #003300 
}
#text a:hover                 
{ 
text-decoration: none;
color: #fff
}
#text p
{
line-height: 150%;
font-size: 11px;
color: #fff
}
#text h1
{
font-size: 12px;
color: #C2D6BA
} 
#footer
{
text-align: left;
margin-top: 10px;
width: 510px;
float: right;
color: #C2D6BA;
line-height: 36px;
border-top: 1px dotted #fff;
font-family: Tahoma, Arial, Verdana;
font-size: 10px;
letter-spacing: 1pt;
word-spacing: 3pt
}
#werbung
{
text-align: left;
width: 510px;
float: right
}
#werbung a
{
font-family: Tahoma, Arial, Verdana;
font-size: 10px;
color: #C2D6BA
}