body         
{              
background-color: #8D96AF; 
margin: 0px;
          /* bunte Scrollbar nur sichtbar im IE ab Vers. 5.5 und Opera ab Vers. 7.2 */       
scrollbar-3dlight-color: #8D96AF;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #8D96AF;
scrollbar-face-color: #3C4255;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #000;
scrollbar-track-color: #5E657B;
          /* Scrollbar Ende */  
}

/* Schriftformatierung der Überschriften und Absatz */

h1, h2, h3, h4, h5, h6 
{           
font-family: Tahoma, Verdana, Arial; 
color: #CCC 
}

h1 
{           
font-size: 18px;
font-weight: normal;
font-style: italic;
letter-spacing: 2pt;
color: #8D96AF;
padding: 3px;
border-bottom: 1px solid #ccc
}

h2 
{           
font-size: 14px;
color: #8D96AF 
}

h3 
{           
font-size: 12px;
font-style: italic 
}

h4 
{           
font-size: 12px 
}

h5           
{           
font-size: 11px 
}

h6           
{           
font-size: 10px 
}

p
{           
font-family: Tahoma, Verdana, Arial; 
color: #CCC;
font-size: 10pt;
text-align: justify
}

/* Aufzählung Liste */

ul           
{ 
list-style-type: square
}

li
{           
font-family: Tahoma, Verdana, Arial; 
color: #CCC;
font-size: 10pt;
text-align: justify;
padding-right: 100px
}

/* allgemeine Textlinks */

a:link
{  
color: #fff;
text-decoration: underline;
font-weight: bold       
}

a:active, a:visited
{            
color: #ccc;
text-decoration: none;
font-weight: bold              
}

a:hover
{  
text-decoration: none;
color: #3C4255;
background-color: #8D96AF;
font-weight: bold              
}

.umrandung 
{           
border: 1px ridge #8D96AF;
text-align: justify;
color: #8D96AF;
font-family: Arial, Helvetica, Georgia;
font-size: 10pt;
padding: 5px;
font-weight: bold
}

/* Boxen */

.box1        
{ 
margin: 5px;
border: 1px solid #3C4255;
text-align: justify;
font-family: 'Arial Narrow', Verdana, Arial;
font-size: 10pt;
color: #3C4255;
padding: 5px 
}

.box2        
{ 
margin: 5px;
border: 1px solid #3C4255;
text-align: center;
background-color: #747B92;
font-family: 'Arial Narrow', Verdana, Arial;
font-size: 18pt;
color: #3C4255;
padding: 5px 
}

/* kleine Schrift für box2 innerhalb eines span-Tags */    

.box2 span        
{ 
font-size: 10pt
}

.box3        
{ 
margin: 5px;
border: 1px solid #3C4255;
text-align: justify;
background-color: #5E657B;
font-family: 'Arial Narrow', Verdana, Arial;
font-size: 10pt;
color: #3C4255;
padding: 5px 
}

.box4        
{ 
margin: 5px;
border: 1px solid #3C4255;
text-align: justify;
background-color: #3C4255;
font-family: 'Arial Narrow', Verdana, Arial;
font-size: 10pt;
color: #8D96AF;
padding: 5px 
}

/* Navigation der linken Spalte */

.navi        
{ 
margin: 5px;
font-family: Tahoma, Verdana, Arial;
font-size: 10pt;
border: 1px solid #3C4255;
padding: 15px;
background-color: #747B92;
text-align: center 
}

.navi a:link, .navi a:visited, .navi a:active 
{ 
width: 130px;
display: block;
margin-bottom: 1px;
text-decoration: none;
font-weight: normal;
color: #8D96AF;
line-height: 28px;
background-color: #3C4255
}

.navi a:hover 
{ 
width: 130px;
display: block;
margin-bottom: 1px;
background-color: transparent;
text-decoration: none;
font-weight: normal;
color: #fff;
line-height: 28px;
background-color: #3C4255 
}

/* Submenüs der rechten Spalte */

.sub_ue      
{ 
display: block;
color: #3C4255;
font-size: 11pt;
text-align: center;
font-weight: bold;
line-height: 24px;
background-image: url('../images/bg-subnavi.jpg');
background-repeat: repeat-x 
}

.subnavi     
{ 
margin: 5px;
font-family: Tahoma, Verdana, Arial;
letter-spacing: 2pt;
font-size: 10pt;
border: 1px solid #3C4255
}

.subnavi a:link, .subnavi a:visited, .subnavi a:active 
{ 
display: block;
text-decoration: none;
color: #3C4255;
text-align: center;
line-height: 22px;
border-top: 1px solid #3C4255 
}

.subnavi a:hover 
{ 
display: block;
text-decoration: none;
color: #CCC;
text-transform: uppercase;
text-align: center;
line-height: 22px;
background-color: 3C4255;
border-top: 1px dashed #CCC 
}

/* Logo, Homepagename */

#logo        
{ 
width: 100%;
line-height: 100px;
text-align: center;
font-family: Tahoma, Verdana, Arial;
color: #3C4255;
background-image: url('../images/bg-logo.jpg'); 
background-repeat: repeat-x;
font-size: 20px;
border-bottom: 5px double #3C4255 
}

.logo_rahmen1
{ 
background-color: #8D96AF;
color: #3C4255;
padding: 6px;
border-top: 2px solid #3C4255;
border-left: 2px solid #3C4255 
}

.logo_rahmen2
{ 
background-color: #8D96AF;
color: #3C4255;
padding: 6px;
border-right: 2px solid #3C4255;
border-bottom: 2px solid #3C4255 
}

/* Inhaltsbereich */

.inhalt      
{ 
padding: 15px;
line-height: 130%;
background-color: #3C4255;
border-right: 3px solid #5E657B;
border-left: 3px solid #5E657B 
}

/* Fusszeile */

#fuss        
{ 
width: 100%;
line-height: 50px;
text-align: center;
font-style: italic;
font-family: Tahoma, Verdana, Arial;
color: #3C4255;
letter-spacing: 1pt;
word-spacing: 5pt;
background-image: url('../images/bg-fuss.jpg'); 
background-repeat: repeat-x;
font-size: 8pt;
border-top: 5px double #3C4255 
}

#fuss a:hover       
{ 
background-color: transparent
}

.bildrahmen
{
border: 1px solid #ccc
}