body 
{           
text-align: center;  
background-image: url('../images/background.gif'); 

background-color: #E8E8E8  
}

/* Schriftformatierung der Überschriften und Absatz */

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

h1 
{           
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #000;
padding-bottom: 10px;
border-bottom: 1px dashed #000 
}

h2 
{           
font-size: 15px 
}

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

h4 
{           
font-size: 13px 
}


p
{           
font-family: Verdana, Helvetica, Arial; 
color: #000000;
font-size: 12px;
text-align: justify 
}

ul
{           
font-family: Verdana, Helvetica, Arial; 
color: #000000;
font-size: 12px;
text-align: justify
}

/* Hyperlinks im fortlaufenden Text */

a:link
{  
color: #BB0000;
font-weight: normal;
text-decoration: underline       
}

a:visited
{  
color: #990000;
font-weight: normal;
text-decoration: underline       
}

a:hover
{  
text-decoration: none;
font-weight: normal;
color: #DD0000       
}

a.but:link
{  
color: #0000AA;
font-weight: normal;
text-decoration: none          
}

a.but:active
{  
color: #0000AA;
font-weight: normal;
text-decoration: none       
}

a.but:visited
{  
color: #0000AA;
font-weight: normal;
text-decoration: none       
}

a.but:hover
{  
text-decoration: underline;
font-weight: normal;
color: #AA0000     
}

/* Tabelle: Formular */


/* Bildformatierung: Rahmen */

img 
{       
border: 0px
}

/* suchleiste G** und Image */


#service
{
width: 780px;
height: 150px;
background-color: #FAFAFA;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px
}

#service span
{
width: 780px;
height: 42px;
background-image: url('../images/internet-service.jpg');
background-repeat: no-repeat;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 120px;
float: right;
margin-right: 0px
}

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

#container 
{   
width: 780px;
margin-bottom: 0px;
background-color: #FAFAFA;
color: #000000; 
margin-left: auto; 
margin-right: auto;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000
}

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


#titel
{           
width: 780px;
background-color: #333333;
color: #000000;
line-height: 60px;
font-family: Arial, Helvetica, Verdana; 
font-size: 24px;
letter-spacing: 3pt;
border: 0px double #AAAAAA;
background-image: url('../images/backhead.jpg'); 
margin-top: 0px;
margin-left: auto;
margin-right: auto
}

.links      
{  
padding: 6px 
}

.mitte       
{ 
padding: 6px 
}

.rechts      
{
padding: 6px 
}

#rahmen
{   
width: 780px;
border: 0px solid #000000;
text-align: center;
background-color: #FAFAFA; 
margin-left: auto; 
margin-right: auto
}

/* horizontale Navigation */



#nav
{            
width: 780px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000
}

.nav_ob a:link, .nav_ob a:visited, .nav_ob a:active 
{          
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 10pt;
font-weight: bold; 
color: #00DDDD; 
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-bottom: 0px solid #000000
}

.nav_ob a:hover 
{ 
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 10pt; 
color: #00FFFF;
font-weight: bold; 
text-align: center;
text-decoration: none;
line-height: 30px;
border-bottom: 0px solid #000000
}

.inact a:link, .inact a:active, .inact a:visited, .inact a:hover 
{
display: block;
font-family: Verdana, Helvetica, Arial; 
font-size: 10pt; 
color: #aaa;
font-weight: bold; 
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-bottom: 0px solid #000000;
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: 10pt; 
color: #aaa; 
font-weight: bold; 
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-bottom: 0px solid #000000;
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: 10pt; 
color: #aaa; 
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: 30px;
text-transform: uppercase;
border-bottom: 0px solid #000000;
cursor: default
}

/* vertikale Navigation oben */

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

.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: 13px; 
color: #000;
border: 1px solid #CCCCFF;
margin-top: 5px; 
text-align: left;
font-weight: normal;
text-decoration: none;
line-height: 20px
}

.nav_u a:hover 
{ 
display: block;
width: 140px;
font-family: Verdana, Helvetica, Arial; 
font-size: 13px;
color: #0000FF; 
background-color: #FAFAFA;
border: 1px solid #CCCCFF;
margin-top: 5px;
text-align: left;
text-decoration: none;
line-height: 20px;
font-style: italic;
font-weight: normal
}

.nav_u span 
{ 
display: block;
width: 140px;
margin-bottom: 1px;
font-family: Verdana, Helvetica, Arial; 
font-size: 13px; 
color: #FFF;
background-color: #0000FF;
background-image: url('../images/backrubrik.jpg');
text-transform: uppercase;
text-align: center;
line-height: 24px;
font-weight: bold;
border: 1px solid #0000AA
}

/* 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: 10pt; 
color: #000;
background-color: #E6E6E6;
text-transform: uppercase;
text-align: center;
line-height: 24px;
font-weight: bold;
border: 1px solid #ddd
}

/* umrandung */

.umrandung
{           
width: 730px;
font-family: Verdana, Helvetica, Arial; 
font-size: 10px; 
font-weight: normal;
text-align: justify;
background-color: #FFFFFF;
color: #888888;
line-height: 30px;
border: 1px dashed #000099;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}

/* Fusszeile */

#footer
{           
width: 780px;
font-family: Verdana, Helvetica, Arial; 
font-size: 10px; 
background-color: #FAFAFA;
color: #888888;
line-height: 30px;
font-style: italic;
border: 1px solid #000000;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto
}


/* ============================================  */
/* Formular Tags  */
form {display: inline }

.mb {
background-color: #f8f8f8;
border: 1px solid #c0c0c0;
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: 11px;
}

.los {
background-color: #375082;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 11px;
}

/* ============================================  */
/* Allgemeine Ausgabetabellen */

.style1 {
	text-align: center;
}

.tabdiv {
border: 1px dotted #9eadd1;
padding: 5px;
background-color: #ffffff;
width: 600px
}

.innen {
background-color: #e8e8e8;
width: 600px
}

.innenh {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #000000;
font-size: 11px;
margin: 2px
}

.innenhd {
background-color: #e2e3eb;
padding: 3px 2px 3px 2px;
color: #000000;
font-size: 11px;
}
/* ============================================  */
/* Hinweise Rot/Gruen */
.tippred {
font-size: 11px;
color: red;
font-weight: bold
}
.tippgreen {
font-size: 11px;
color: green;
font-weight: bold
}
/* ============================================  */
label {
display: block;
width: 60%;
padding: 3px
}
/* ============================================  */