body         
{ 
margin: 0;
background-color: #E2E2E2
}
/* Logo */
#logo
{
height: 138px;
background-image: url('../images/bg.jpg'); 
background-repeat: repeat-x
}
#logo img
{
border: 0;
margin: 10px
}
/* obere Navigation */
#navi        
{ 
position: absolute; 
right: 0; top: 88px  
}
#navi a:link, #navi a:active, #navi a:visited
{
display: block;
background-image: url('../images/button-2.gif'); 
background-repeat: no-repeat;
line-height: 30px;
text-align: center;
text-decoration: none;
width: 109px;
color: #E2E2E2;
font-family: Verdana, Tahoma, Arial;
font-size: 10px
}
#navi a:hover
{
display: block;
background-image: url('../images/button-hover.gif'); 
background-repeat: no-repeat;
line-height: 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 109px;
color: #FF9933;
font-family: Verdana, Tahoma, Arial;
font-size: 10px
}
/* Rahmen der Inhaltstabelle */
.content
{
margin-top: 20px;
width: 758px
}
/* Formatierung linke sowie rechte Textspalte */
#content_li
{
padding: 0 10px 10px 0;
width: 70%;
color: #333;
font-family: Helvetica, Tahoma, Arial;
font-size: 12px;
line-height: 180%;
text-align: justify;
border-right: 2px solid #ddd
}
#content_li p, #content_re p
{
padding: 0 3px;
margin: 10px 0
}
/* Link-Formatierung der linken Spalte */
#content_li a:link, #content_li a:active, #content_li a:visited
{
text-decoration: underline;
color: #000
}
#content_li a:hover
{
text-decoration: overline;
color: #FF9933
}
#content_re
{
padding: 0 0 10px 10px;
width: 30%;
color: #333;
font-family: Helvetica, Tahoma, Arial;
font-size: 11px;
text-align: justify;
line-height: 150%
}

/* Link-Formatierung der rechten Spalte */
#content_re a:link, #content_re a:active, #content_re a:visited
{
text-decoration: underline;
color: #000
}
#content_re a:hover
{
text-decoration: overline;
color: #FF9933
}
#content_re h1, #content_li h1
{
margin: 0;
color: #333;
font-family: Helvetica, Tahoma, Arial;
font-size: 16px
}
#content_li h2
{
padding: 0 3px;
color: #333;
font-family: Helvetica, Tahoma, Arial;
font-size: 14px
}

/* Formatierung der oberen Boxen */
.orange-text
{
background-color: #FF9933;
height: 170px;
width: 350px
}
.orange-text h1, .blau-text h1
{
margin: 10px;
color: #333;
font-family: Helvetica, Tahoma, Arial;
font-size: 16px
}

/* Link-Formatierung der orangefarbenen Box */
.orange-text a:link, .orange-text a:active, .orange-text a:visited
{
margin-left: 15px;
float: left;
font-family: Arial, Verdana, Tahoma;
font-size: 14px;
width: 150px;
color: #336699;
letter-spacing: 1pt;
font-weight: bold;
line-height: 35px
}
.orange-text a:hover
{
margin-left: 15px;
float: left;
font-family: Arial, Verdana, Tahoma;
font-size: 14px;
text-decoration: none;
width: 150px;
color: #fff;
letter-spacing: 1pt;
font-weight: bold;
line-height: 35px
}
.blau-text
{
font-family: 'Courier New', Tahoma, Arial;
font-size: 12px;
color: #333;
text-align: justify;
background-color: #6699CC;
line-height: 180%;
height: 170px;
width: 350px
}
.blau-text p
{
margin: 0 15px;
}
/* Link-Formatierung der blauen Box */
.blau-text a:link, .blau-text a:active, .blau-text a:visited
{
color: #336699;
letter-spacing: 1pt;
font-weight: bold
}
.blau-text a:hover
{
text-decoration: none;
color: #fff;
letter-spacing: 1pt;
font-weight: bold
}
.eck
{
width: 9px
}
.orange
{
background-color: #FF9933
}
.dp
{
width: 9px;
background-color: #FF9933
}
.blau
{
background-color: #6699CC
}
.dp2
{
width: 9px;
background-color: #6699CC
}
.abs
{
width: 20px
}
/* Formatierung der Fusszeile */
#fuss
{
margin-top: 20px;
line-height: 69px;
background-image: url('../images/bg-fuss.jpg'); 
background-repeat: repeat-x;
font-family: Verdana, Tahoma, Arial;
font-size: 10px;
text-align: center;
color: #FF9933
}
/* Link-Formatierung der Fußzeile */
#fuss a:link, #fuss a:active, #fuss a:visited
{
color: #FF9933;
text-decoration: underline
}
#fuss a:hover
{
color: #FF9933;
text-decoration: overline
}
/* Abstandshalter */
.platzhalter
{
height: 20px
}
/* Bilderrahmen auf 0 gesetzt */
img
{
border: 0
}