body         
{ 
font-family: 'Century Gothic', Arial, Verdana;
margin: 20px 0;
background-color: #ccc
}

/* Überschriften und Absätze */
#spalte_re h1, #spalte_re h2
{ 
color: #006699
}
#spalte_re h1
{ 
margin: 0 0 5px 0;
font-size: 22px;
letter-spacing: 5px
}
#spalte_re h2
{ 
margin: 25px 0 5px 0;
font-size: 16px;
border-top: 1px solid #006699;
border-right: 1px solid #006699;
padding: 2px 0
}
#spalte_re p
{ 
margin: 5px 0 15px 0;
font-size: 14px;
text-align: justify;
line-height: 150%
}

/* Rahmen */
#rahmen         
{ 
width: 980px
}
.top         
{ 
background-image: url('../images/rand-ob.jpg'); 
background-repeat: repeat-x
}
.bottom         
{ 
background-image: url('../images/rand-unt.jpg'); 
background-repeat: repeat-x
}
.black-li         
{ 
background-image: url('../images/rand-li-schwarz.jpg'); 
background-repeat: repeat-y
}
/* Logo Hp-Name */
.black-mi         
{ 
background-image: url('../images/logo-hp-name.jpg'); 
background-repeat: no-repeat;
background-color: #000;
color: #ff0000;
height: 80px
}

.black-re         
{ 
background-image: url('../images/rand-re-schwarz.jpg'); 
background-repeat: repeat-y
}
.blue-li         
{ 
background-image: url('../images/rand-li-blau.jpg'); 
background-repeat: repeat-y
}
.blue-mi         
{ 
background-color: #006699;
color: #000;
height: 40px
}
.blue-re         
{ 
background-image: url('../images/rand-re-blau.jpg'); 
background-repeat: repeat-y
}
.fuss-li         
{ 
background-image: url('../images/rand-li-schwarz.jpg'); 
background-repeat: repeat-y
}

/* Footer */
.fuss-mi         
{ 
font-size: 11px;
background-color: #000;
color: #fff;
line-height: 30px;
padding-left: 10px;
border-right: 5px solid #e6e6e6;
border-bottom: 5px solid #e6e6e6;
border-left: 5px solid #e6e6e6
}
/* Linkformatierung des Footers */
.fuss-mi a:link, .fuss-mi a:active, .fuss-mi a:visited         
{ 
font-weight: bold;
text-decoration: underline;
color: #006699
}
.fuss-mi a:hover         
{ 
color: #fff;
text-decoration: none
}

.fuss-re         
{ 
background-image: url('../images/rand-re-schwarz.jpg'); 
background-repeat: repeat-y
}
.white-li         
{ 
background-image: url('../images/rand-li-weiss.jpg'); 
background-repeat: repeat-y
}
.white-re         
{ 
background-image: url('../images/rand-re-weiss.jpg'); 
background-repeat: repeat-y
}

/* horizontale Navigation */
#navi         
{ 
border-top: 1px solid #000;
border-left: 1px solid #000
}
#navi a:link, #navi a:active, #navi a:visited         
{ 
background-image: url('../images/navi.jpg');
background-repeat: repeat-x;
font-size: 14px;
display: block;
text-decoration: none;
width: 110px;
line-height: 30px;
text-align: center;
font-weight: bold;
border-right: 1px solid #000;
color: #3399CC
}
#navi a:hover         
{ 
background-image: url('../images/navi-hover.jpg');
color: #e6e6e6;
text-decoration: underline
}

/* linke Spalte und vertikale Navigation */
#spalte_li         
{
background-color: #006699;
width: 200px
}
#spalte_li h1       
{ 
background-image: url('../images/navi.jpg');
background-repeat: repeat-x;
margin: 0 0 2px 0;
display: block;
padding-left: 10px;
line-height: 30px;
font-size: 16px;
letter-spacing: 5px;
color: #e6e6e6;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000
}
#spalte_li a:link, #spalte_li a:active, #spalte_li a:visited         
{ 
margin: 0 0 10px 10px;
display: block;
padding-left: 10px;
text-decoration: none;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #e6e6e6;
border-bottom: 1px solid #3399CC;
border-left: 1px solid #3399CC
}
#spalte_li a:hover         
{ 
background-color: #e6e6e6;
color: #006699;
text-decoration: none;
border-bottom: 1px solid #000;
border-left: 1px solid #000
}

/* Inhalt rechte Spalte */
#inhalt         
{ 
padding-right: 10px;
border-top: 1px solid #000;
border-right: 5px solid #000;
border-left: 5px solid #000;
background-color: #e6e6e6
}
#spalte_re         
{ 
padding: 10px 0 10px 10px
}
#spalte_re a:link, #spalte_re a:active, #spalte_re a:visited         
{ 
text-decoration: underline;
font-weight: bold;
color: #006699
}
#spalte_re a:hover         
{ 
background-color: #006699;
color: #e6e6e6;
text-decoration: none
}
/* Formatierung Beispiel-Suchformular */
form
{
margin: 0
}
.suchbox, .suchbutton
{
background-color: #e6e6e6;
color: #006699;
border: 1px solid #000;
font-family: Arial, Tahoma, Verdana;
font-size: 11px
}