/*===============================================
ALLGEMEINE ANGABEN
===============================================*/

* {
 margin: 0;
 padding: 0;
}

html, body {
 height: 100%;
 overflow: auto;
}

img {
 border: none;
}

#zaehler, #spruch {
 border: 0.2em solid #000099;
 background-color: #000033;
 -moz-border-radius: 10%;
 text-align: center;
 padding: 0 1em;
 font-size: 0.6em;
 color: #badefa;
}

/*===============================================
AUFTEILUNG IN KOPF-, FUSS- UND MITTELTEIL PER
ABSOLUTE POSITIONIERUNG UND ABSTÄNDEN. DAS GEHT
IN IE<7 NICHT, FÜR DIESE BROWSER MIT EINEM TRICK
ALS CONDITIONAL COMMENT IM HTML DIREKT HINTERLEGT
===============================================*/

#kopf {
 height: 146px;
 width: 100%;
 position: absolute;
 top: 0;
}

#fuss {
 height: 70px;
 width: 100%;
 position: absolute;
 bottom: 0;
}

#mitte {
 width: 100%;
 position: absolute;
 top: 146px;
 bottom: 70px;
}

body {
 font-family: verdana, sans-serif;
 font-size: 100.01%
 font-weight: normal;
 font-variant: normal;
 font-style: normal;
 cursor: crosshair;
 background-color: #000033;
 background-image: url('rahmen/hg_max1.jpg');
 color: #3333ff;
}

/*===============================================
SPALTENAUFTEILUNGEN
===============================================*/

/*-----------------------------------------------
Kopfbereich mit Navigation
-----------------------------------------------*/

#obenlinks {
 float: left;
 width: 9em;
 height: 100%;
 background: url('rahmen/liob.gif') no-repeat bottom right;
 padding-right: 50px;
 padding-left: 10px;
}

#obenrechts {
 background: url('rahmen/reob.gif') no-repeat bottom left;
 float: right;
 width: 9%;
 height: 100%;
}

#obenmitte {
 height: 100%;
 overflow: auto;
 background-image: url('rahmen/oben.gif');
 background-position: bottom;
 background-repeat: repeat-x;
}

/*-----------------------------------------------
Mittelteil mit Inhaltsbereich
-----------------------------------------------*/

#mittelinks {
 float: left;
 width: 9em;
 height: 100%;
 background: url('rahmen/links.gif') repeat-y right;
 padding-right: 50px;
 padding-left: 10px;
}

#mitterechts {
 background: url('rahmen/rechts.gif') repeat-y left;
 float: right;
 width: 9%;
 height: 100%;
 margin-left: -20px;
}

#inhalt {
 height: 100%;
 overflow: auto;
 background-color: #000033;
 position: relative;
 z-index: 4;
 font-size: 0.9em;
 line-height: 1.3em;
 color: #badefa;
}

/*-----------------------------------------------
Fussbereich
-----------------------------------------------*/

#untenlinks {
 float: left;
 width: 9em;
 height: 100%;
 background: url('rahmen/liun.gif') no-repeat top right;
 padding-right: 50px;
 padding-left: 10px;
}

#untenrechts {
 background: url('rahmen/reun.gif') no-repeat top left;
 float: right;
 width: 9%;
 height: 100%;
}

#untenmitte {
 height: 100%;
 overflow: auto;
 background-image: url('rahmen/unten.gif');
 background-position: top;
 background-repeat: repeat-x;
}

/*-----------------------------------------------
TRICKSEREIEN WEGEN IE<7
-----------------------------------------------*/

* html #obenlinks, * html #mittelinks, * html #untenlinks {
 margin-right: -3px;
}

* html #obenrechts, * html #mitterechts, * html #untenrechts {
 margin-left: -3px;
}

* html #mitterechts {
 margin-left: -23px;
}

/*===============================================
HAUPTNAVIGATION
===============================================*/

ul#hauptnav {
 width: 500px;
 margin: 10px 0 0 2px;
}

ul#hauptnav li {
 list-style: none;
 display: inline;
}

ul#hauptnav a {
 float: left;
 width: 66px;
 height: 66px;
 margin-right: 5px;
 background: url('rahmen/norm.png');
}

* html ul#hauptnav a, * html ul#hauptnav span {  /* Korrektur fuer IE 5.x */
 width: 66px;
 w\idth: 66px;
}

ul#hauptnav a:hover {
 background: url('rahmen/hover.png');
}

ul#hauptnav span {
 float: left;
 width: 66px;
 height: 66px;
 background-image: url('rahmen/aktiv.png');
 margin-right: 5px;
 position: relative;
 top: 35px;
}

ul#hauptnav div {
 clear: left;
}

ul#hauptnav img {
 border: none;
 width: 66px;
 height: 66px;
}

/*===============================================
UNTERNAVIGATION
===============================================*/

ul#unternav {
 margin: 0;
 font-family: courier, monospace;
 color: #cc0000;
 text-transform: lowercase;
 font-weight: bold;
}

ul#unternav li {
 list-style: none;
}

ul#unternav a, ul#unternav span {
 padding: 0 0.5em;
 display: block;
 margin: 0.3em 0 0 0;
 text-decoration: none;
 border: 0.2em solid #000099;
 -moz-border-radius: 10%;
 background-color: #000033;
 color: #cc0000;
}

* html ul#unternav a, * html ul#unternav span {
 width: 100%;    /* Breitenangabe fuer IE 5.x */
 w\idth: 7.6em;  /* Breitenangabe fuer IE 6 */
}

ul#unternav a:hover {
 border-color: #cc0000;
 color: #cc0000;
 background-color: #000033;
}

ul#unternav span {
 padding: 0;
 position: relative;
 left: 23px;
 border-color: #000099;
 border-right: 0.2em solid #000033;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topright: 0;
 text-align: right;
}

* html ul#unternav span {
 left: 38px;
}


/*===============================================
UNTER-UNTERNAVIGATION
===============================================*/

ul#unter2nav {
 margin: 0;
 font-family: courier, monospace;
 text-transform: lowercase;
 font-weight: normal;
}

ul#unter2nav li {
 list-style: none;
}

ul#unter2nav a, ul#unter2nav span {
 padding: 0;
 margin: 0.1em 0 0 0;
 text-decoration: none;
 border: none;
 background-color: transparent;
 color: #3333ff;
 font-size: 0.9em;
}

* html ul#unter2nav a, * html ul#unter2nav span {
 width: 100%;    /* Breitenangabe fuer IE 5.x */
 w\idth: 8.6em;  /* Breitenangabe fuer IE 6 */
}

ul#unter2nav a:hover {
 border-color: #cc0000;
 color: #cc0000;
 background-color: #000033;
}

ul#unter2nav span {
 color: #cc0000;
 position: relative;
 left: 0;
}

* html ul#unter2nav span {
 left: 0;
}

/*===============================================
TEXT- UND ABSATZFORMATIERUNG
===============================================*/

/*-----------------------------------------------
Rubrikenüberschrift
-----------------------------------------------*/

#obenmitte h1 {
 margin: 0;
 padding: 0;
 font-size: 1.5em;
 position: absolute;
 bottom: 4px;
 color: #cc0000;
 text-transform: lowercase;
 font-family: courier, monospace;
 font-weight: bold;
 letter-spacing: 0.2em;
 border-top: 1px solid #000099;
}

/*-----------------------------------------------
Untere Navigation im Fuss
-----------------------------------------------*/

#untenmitte h1 {
 margin: 4px 0 0 0;
 padding: 0;
 border: none;
 font-size: 0.9em;
 border-bottom: 1px solid #000099;
 font-family: courier, monospace;
 font-weight: normal;
}

#untenmitte h1 a,
#untenmitte h1 a:visited {
 text-decoration: none;
 color: #3333ff;
 text-transform: lowercase;
}

#untenmitte h1 a:hover {
 color: #cc0000;
}

#untenmitte h1 span {
 text-transform: lowercase;
 color: #cc0000;
}

#untenmitte p {
 margin: 0;
 padding: 0;
 text-align: right;
 font-size: 12px;
 color: #000099;
}

/*-----------------------------------------------
Überschriften
-----------------------------------------------*/

h2 em {
 font-size: 0.7em;
 font-weight: normal;
}

h2 {
 font-size: 1.2em;
 font-weight: bold;
 color: #3333ff;
 border-bottom: thin dashed #000099;
 border-top: thin dashed #000099;
 margin: 1em 27px 1em 0;
 clear: both;
 padding: 0.5em 0;
}

h3 {
 color: #3333ff;
 font-size: 1em;
 border: thin dashed #000099;
 float: left;
 margin: 0 0.5em 0 0;
 padding: 0.5em 0;
 font-weight: bold;
 padding: 0.2em;
 clear: left;
}

h4 {
 font-size: 0.7em;
 font-weight: bold;
 color: #3333ff;
 border-bottom: thin dashed #000099;
 border-top: thin dashed #000099;
 margin: 1em 27px 1em 0;
 padding: 0.5em 0;
}

h4 a, h4 a:visited {
 text-decoration: none;
 color: #3333ff;
}


/*-----------------------------------------------
Absätze
-----------------------------------------------*/

p {
 margin: 0 27px 1em 0;
 text-align: justify;
 color: #badefa;
}

p.einleitung {
 color: #cc0000;
}

p.textrechts {
 text-align: right;
 border-top: thin dotted #cc0000;
}

p.fotos a {
 text-decoration: none;
 border: none;
}

p.fotos a:hover {
 text-decoration: none;
 border: none;
}

/*-----------------------------------------------
Listen
-----------------------------------------------*/

dl {
 font-size: 1em;
 margin-bottom: 1em;
 padding-top: 1px;
}

dt {
 margin: 0.5em 27px 0 0;
 padding: 0.3em 0 0.1em 0;
 border-bottom: 1px solid #cc0000;
 font-weight: bold;
}

dd {
 margin: 0 27px 0 3em;
 text-align: justify;
}

dd p {
 margin: 0 0 1em 0;
}

ol {
 list-style-type: upper-roman;
 margin: 0 20% 0 3em;
}

#inhalt ul {
 list-style-type: square;
 margin: 0 20% 0 2em;
 margin-right: 20%;
}

#inhalt ul li {
 margin: 0 0 0.5em 0;
}


/*-----------------------------------------------
Hyperlinks in Text, Listen, Tabellen
-----------------------------------------------*/

p a,
p a:visited,
#inhalt ul li a,
#inhalt ul li a:visited,
ol li a,
ol li a:visited,
dd a,
dd a:visited {
 color: #ffffff;
 text-decoration: none;
}

p a:hover,
#inhalt ul li a:hover,
ol li a:hover,
dd a:hover {
 color: #ffffff;
 border-bottom: 1px solid #ffffff;
}

dt a,
dt a:visited,
h2 a,
h2 a:visited,
td a,
td a:visited  {
 color: #ffffff;
 margin: 0;
 padding: 0;
 font-size: 1.2em;
 font-weight: bold;
 border: none;
 text-decoration: none;
}

dt a:hover,
h2 a:hover,
td a:hover {
 color: #badefa;
}

p.einleitung a {
 color: #cc0000;
 border-bottom: thin solid #cc0000;
}

p.einleitung a:hover {
 border: none;
}

.bildtext {
 font-size: 0.8em;
}


/*-----------------------------------------------
Positionierungen
-----------------------------------------------*/

.links {
 float: left;
 margin: 0 0.5em 0 0;
}

.rechts {
 float: right;
 margin: 0 0 0 0.5em;
}

/*===============================================
WECHSELNDE HINTERGRUNDBILDER
===============================================*/

#startseite #inhalt  {
 background: url('rahmen/hggeier.gif') no-repeat center center #000033 fixed;
}

#wir #inhalt  {
 background: url('rahmen/hgwir.gif') no-repeat center center #000033 fixed;
}

#fotos #inhalt  {
 background: url('rahmen/hgfotos.gif') no-repeat center center #000033 fixed;
}

#gast #inhalt  {
 background: url('rahmen/hggast.gif') no-repeat center center #000033 fixed;
}

#diesdas #inhalt  {
 background: url('rahmen/hgfun.gif') no-repeat center center #000033 fixed;
}

#links #inhalt  {
 background: url('rahmen/hglinks.gif') no-repeat center center #000033 fixed;
}

#kalender #inhalt  {
 background: url('rahmen/hgkalender.gif') no-repeat center center #000033 fixed;
}

#svh #inhalt  {
 background: url('rahmen/hgsvh.gif') no-repeat center center #000033 fixed;
}

/*===============================================
SVH
===============================================*/

#svh table, table {
 border-collapse: collapse;
 margin: 1em 27px 1em 0.1em;
 padding: 0;
 border-top: 4px solid #000066;
 border-bottom: 4px solid #000066;
 line-height: 1.5em;
}

#svh table th, table th {
 margin: 0;
 padding: 0.5em;
 text-align: right;
 vertical-align: top;
 white-space: nowrap;
 border-bottom: 2px solid #000066;
 background-color: #000066;
 font-size: 0.8em;
 font-weight: normal;
}

#svh table td, table td {
 margin: 0;
 padding: 0.5em 0 0.5em 1em;
 border-bottom: 2px solid #000066;
}


/*-----------------------------------------------
Gelbe und Rote Karten
-----------------------------------------------*/

.gelb {
 font-style: normal;
 color: #000033;
 background-color: yellow;
}

.rot {
 color: #badefa;
 background-color: red;
 font-weight: normal;
}

.gelbrot {
 color: red;
 font-weight: bold;
 background-color: yellow;
}


/*-------------------------------------------------
Einblendungen
-------------------------------------------------*/

.info {
 cursor: help;
 font-weight: bolder;
 font-size: smaller;
}

.info span {
 display: none;
}

.info:hover span {
 display: inline;
}


/*-------------------------------------------------
Fieldset-Geschichten
-------------------------------------------------*/

fieldset {
 border: 3px solid #000066;
 padding: 0.5em 1em 1em 1em;
 display: inline;
 margin: 0 1em 1em 0;
}

legend {
 font-size: 0.8em;
 padding: 0 1em;
 font-style: italic;
 color: #badefa;
}