﻿body 
{           
text-align: center;  
background-image: url('../images/background.gif'); 
background-repeat: repeat-x;
background-color: #E8E8E8;
        /* Scrollbar nur f?r IE ab Version 5.5 */       
scrollbar-3dlight-color: #E8E8E8;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #E8E8E8;
scrollbar-face-color: #D2D2D2;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #E8E8E8;
scrollbar-track-color: #E8E8E8;
        /* Scrollbar Ende */    
}

/* Schriftformatierung der ?berschriften und Absatz */

h1, h2, h3, h4, h5, h6 
{           
font-family: Verdana, Helvetica, Arial;
text-align: justify; 
color: #979797 
}

h1 
{           
font-size: 15pt;
font-weight: normal;
font-style: italic;
color: #000;
padding-bottom: 2px;
border-bottom: 1px solid #000 
}

h2 
{           
font-size: 8pt 
}

h3 
{           
font-size: 8pt;
font-style: italic 
}

h4 
{           
font-size: 9pt 
}

h5           
{           
font-size: 8pt 
}

h6           
{           
font-size: 8pt;
font-weight: normal 
}

p
{           
font-family: Verdana, Helvetica, Arial; 
color: #979797;
font-size: 8pt;
text-align: justify 
}

/* Hyperlinks im fortlaufenden Text */

a:link, a:active, a:visited
{  
color: #000;
font-weight: bold;
text-decoration: underline       
}

a:hover
{  
text-decoration: none;
font-weight: bold;
background-color: #E6E6E6;
color: #979797       
}

/* Tabelle: Formular */

fieldset
{ 
margin-left: auto;
margin-right: auto;
border: 1px solid #979797
}

.form
{ 
background-color: #E8E8E8;
border: 1px solid #000;
margin: 20px
}

.zellen-links
{ 
font-family: Courier, Helvetica, Arial;
font-size: 9pt;
text-align: right;
margin-right: 8px
}

.zellen-rechts
{ 
text-align: left
}

.buttons
{ 
font-family: Courier, Helvetica, Arial
}

th
{ 
font-family: Courier, Helvetica, Arial;
font-size: 8pt;
font-weight: normal;
text-align: left;
padding: 15px
}

input, textarea
{           
background-color: #979797;
color: #020202
}

/* Bildformatierung: Rahmen */

img 
{       
border: 0px dotted #979797 
}

/* Div-Container: Inhalt, Titel und ?u?erer Rahmen */

#container 
{   
width: 990px;
margin-bottom: 10px;
background-color: #fff;
color: #979797; 
margin-left: auto; 
margin-right: auto;
border-left: 5px double #979797;
border-right: 5px double #979797;
border-bottom: 5px double #979797
}

#content 
{   
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt;
line-height: 150%;
padding: 15px
}


.umrandung 
{           
text-align: justify;
border: 5px double #979797;
padding: 5px;
font-weight: bold
}

#titel
{           
width: 750px;
background-color: #fff;
color: #333;
line-height: 50px;
font-family: Georgia, Helvetica, Arial; 
font-size: 8px;
letter-spacing: 3pt;
border: 5px double #979797;
margin-top: 10px;
margin-left: auto;
margin-right: auto
}

.links      
{  
background-color: #E6E6E6;  
padding: 6px 
}

.mitte       
{ 
border: 1px solid #000;
color: #979797;
padding: 6px 
}

.rechts      
{
background-color: #E6E6E6;
padding: 6px 
}

#rahmen
{   
width: 1000px;
border: 24px solid #7A7A7A;
background-image: url('../images/nav_over.gif'); 
background-repeat: repeat-x;
text-align: center;
background-color: #E8E8E8; 
margin-left: auto; 
margin-right: auto
}

/* horizontale Navigation */

table
{
table-layout: fixed
}

#nav
{            
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-left: 5px double #979797;
border-right: 5px double #979797;
border-top: 3px double #979797
}



#nav2
{            
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-left: 5px double #979797;
border-right: 5px double #979797;
border-top: 3px double #fff
}


#nav3
{            
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-left: 5px double #979797;
border-right: 5px double #979797;
border-top: 3px solid #fff
}


.nav_ob a:link, .nav_ob a:visited, .nav_ob a:active 
{          
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt;
font-weight: normal; 
color: #000; 
background-image: url('../images/nav_bg.gif'); 
background-repeat: repeat-x;
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-left: 1px solid #979797;
border-bottom: 1px solid #979797;
border-right: 1px solid #979797
}

.nav_ob a:hover 
{ 
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #fff;
font-weight: normal; 
background-image: url(../images/nav_over.gif); 
background-repeat: repeat-x; 
text-align: center;
text-decoration: none;
line-height: 30px;
font-style: italic;
border-left: 1px solid #979797;
border-bottom: 1px solid #979797;
border-right: 1px solid #979797
}

.inact a:link, .inact a:active, .inact a:visited, .inact a:hover 
{
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000;
font-weight: normal; 
background-image: url('../images/hover.gif'); 
background-repeat: repeat; 
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-left: 1px solid #979797;
border-bottom: 1px solid transparent;
border-right: 1px solid #979797;
cursor: default
}

.inact_li a:link, .inact_li a:active, .inact_li a:visited, .inact_li a:hover 
{
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000; 
font-weight: normal;
background-image: url('../images/hover.gif'); 
background-repeat: repeat; 
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
border-right: 1px solid #979797;
cursor: default
}

.inact_re a:link, .inact_re a:active, .inact_re a:visited, .inact_re a:hover 
{
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000; 
font-weight: normal;
background-image: url('../images/hover.gif'); 
background-repeat: repeat; 
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-left: 1px solid #979797;
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
cursor: default
}

/* vertikale Navigation oben */

.nav_u
{          
float: left;
clear: left;
width: 140px; 
text-align: center;
margin: 60px 15px 5px 0px
}

.nav_u a:link, .nav_u a:visited, .nav_u a:active 
{          
display: block;
width: 140px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000;
margin-bottom: 1px; 
text-align: center;
font-weight: normal;
text-decoration: none;
line-height: 20px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc
}

.nav_u a:hover 
{ 
display: block;
width: 140px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt;
color: #979797; 
background-color: #E6E6E6;
margin-bottom: 1px;
text-align: center;
text-decoration: none;
line-height: 20px;
font-style: italic;
font-weight: normal;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd
}

.nav_u span 
{ 
display: block;
width: 140px;
margin-bottom: 1px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000;
background-color: #E6E6E6;
text-transform: uppercase;
text-align: center;
line-height: 24px;
font-weight: bold;
border: 1px solid #ddd
}

/* vertikale Navigation unten */

.nav_u2
{          
float: left;
clear: left;
width: 140px; 
text-align: center;
margin: 0px 15px 15px 0px
}

.nav_u2 a:link, .nav_u2 a:visited, .nav_u2 a:active 
{          
display: block;
width: 140px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000;
margin-bottom: 1px; 
text-align: center;
font-weight: normal;
text-decoration: none;
line-height: 20px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc
}

.nav_u2 a:hover 
{ 
display: block;
width: 140px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt;
color: #979797; 
background-color: #E6E6E6;
margin-bottom: 1px;
text-align: center;
text-decoration: none;
line-height: 20px;
font-style: italic;
font-weight: normal;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd
}

.nav_u2 span 
{ 
display: block;
width: 140px;
margin-bottom: 1px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
color: #000;
background-color: #E6E6E6;
text-transform: uppercase;
text-align: center;
line-height: 24px;
font-weight: bold;
border: 1px solid #ddd
}

/* Fusszeile */

#footer
{           
width: 670px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
background-color: #fff;
color: #979797;
line-height: 30px;
font-style: italic;
border: 5px double #979797;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto
}

/* Fusszeile2 */

#footer2
{           
width: 150px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
background-color: #fff;
color: #979797;
line-height: 30px;
font-style: italic;
border: 5px double #979797;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto
}

/* Fusszeile3 */

#footer3
{           
width: 150px;
font-family: Verdana, Helvetica, Arial; 
font-size: 8pt; 
background-color: #fff;
color: #979797;
line-height: 30px;
font-style: italic;
border: 5px double #979797;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto
}
