body
{
background-color: #999;
margin: 15px 0
}

/* Rahmen für Grafiken */

img
{
border: 0
}

/* Logo */

#logo
{
width: 780px;
height: 121px;
background-image: url('../images/logo-bg.jpg');
background-repeat: no-repeat;
text-align: left
}

#logo h1
{
margin: 0 0 0 30px;
font-family: 'Tretbuchet MS', Arial, Tahoma;
font-size: 40px;
line-height: 80px;
color: #fefefe;
letter-spacing: -2px
}

#logo h2
{
margin: 0 0 0 35px;
font-family: Verdana, Arial, Tahoma;
font-size: 16px;
line-height: 16px;
color: #fefefe;
font-style: italic;
letter-spacing: 1pt
}

/* horizontale Navigation */

#nav
{
width: 780px;
line-height: 36px;
background-image: url('../images/navi-leiste.jpg');
background-repeat: no-repeat;
text-align: left;
text-transform: uppercase;
letter-spacing: 1pt
}

#nav a:link, #nav a:visited, #nav a:active
{
display: block;
background-image: url('../images/nav-bg.gif');
background-repeat: no-repeat;
background-position: center right;
font-family: 'Tretbuchet MS', Arial, Tahoma;
padding: 0 20px 0 12px;
font-size: 11pt;
letter-spacing: 0.5px;
font-weight: bold;
line-height: 36px;
color: #fefefe;
text-decoration: none
}

#nav a:hover
{
text-decoration: none;
color: #666
}

/* Außen-Rahmen für Tabelle */

#rahmen
{
width: 780px;
background-image: url('../images/inhalt-bg.jpg');
background-repeat: repeat-y
}

/* Haupt-Tabelle */

#tab_rahmen
{
width: 770px;

background-image: url('../images/text-bg.jpg');
background-repeat: repeat-x;
font-family: 'Trebuchet MS', Arial, Tahoma;
font-size: 12px;
text-align: justify;
color: #666
}

/* Formatierung linke Tabellenspalte */

.inhalt
{
text-align: justify;
width: 75%;
padding: 15px 0px 15px 20px

}


.inhalt h1, .inhalt h2
{
color: #336699
}

.inhalt h1
{
margin: 10px 0;
font-size: 18px
}

.inhalt p
{
margin: 10px 0 15px 0;
line-height: 150%
}

/* allgemeine Linkformatierung für Inhalt und Infobox */

.inhalt a:link, .inhalt a:visited, .inhalt a:active, .textbox a:link, .textbox a:visited, .textbox a:active
{
text-decoration: underline;
color: #FF0000
}

.inhalt a:hover, .textbox a:hover
{
text-decoration: none;
background-color: #4670F8;
color: #fefefe
}

/* Formatierung rechte Tabellenspalte */

.spalte_re
{
width: 25%;
background-image: url('../images/text-bg.jpg');
background-repeat: repeat-x;
background-color: #EAFBFD;
padding-bottom: 15px
}

/* Formatierung Beispiel-Suchformular */

form
{
margin-top: 25px
}

.suchbox
{
border: 1px solid #336699;
width: 100px
}

.suchbutton
{
border: 1px solid #336699;
width: 60px;
font-family: Verdana, Arial, Tahoma;
font-size: 9pt;
color: #fff;
background-color: #4670F8
}

/* Linkformatierung vertikale Spaltenmenüs */

.menu
{
width: 160px;
margin-bottom: 15px
}

.menu a:link, .menu a:visited, .menu a:active
{
text-align: left;
padding-left: 10px;
display: block;
border-bottom: 1px dotted #99CCFF;
line-height: 28px;
color: #336699;
text-decoration: none
}

.menu a:hover
{
text-decoration: none;
color: #666
}

/* Überschrift vertikale Spaltenmenüs */

.menu p
{
text-align: left;
padding-left: 10px;
margin-bottom: 0;
border-bottom: 1px dotted #336699;
line-height: 28px;
font-weight: bold;
letter-spacing: 2px;
color: #336699
}

/* Infobox rechte Spalte */

.textbox
{
width: 160px;
color: #336699;
text-align: justify
}

.textbox p
{
text-align: left;
margin-bottom: 10px;
padding-left: 10px;
border-bottom: 1px dotted #336699;
line-height: 28px;
font-weight: bold;
letter-spacing: 2px;
color: #336699
}

/* Fusszeile */

#fuss
{
width: 780px;
font-family: Verdana, Arial, Tahoma;
font-size: 11px;
color: #fefefe;
line-height: 70px;
background-image: url('../images/fuss.jpg');
background-repeat: no-repeat
}

#fuss a:link, #fuss a:visited, #fuss a:active
{
text-decoration: underline;
color: #fefefe
}

#fuss a:hover
{
text-decoration: none
}