body,p,td {font-family:sans-serif}

BODY	{MARGIN:0px;text-align:center}
p,dl	{text-align:left;}
td	{vertical-align:top}
.l	{text-align:left}

.banner	{overflow:hidden}
.bild	{width:160px}

#nav	{float:left;width:170px;text-align:left;font-size:90%}
.mitte	{margin-left:170px;border-left:1px solid #005A46;border-top:1px solid #005A46;padding:4px 0.7em}

TD.spez	{vertical-align:middle;}
P.oben	{BACKGROUND-COLOR:#005a46;padding:5;COLOR:#FFFFFF;FONT-WEIGHT:bold;padding:2px 0.5em}
.lastmod	{text-align:right;margin:8px;font-style:italic}
.lastmod:before	{content:"Letzte Änderung: "}
abbr[title]	{cursor:help}
div.karte	{float:right;border:1px solid gray}

ul	{list-style:url(punkt_green.gif);text-align:left;margin-left:1.5em;padding:0;line-height:150%;}
#nav ul	{font-weight:bold;}
li	{padding-left:4px}
li.invers {list-style:url(punkt_white.gif);background:#005a46;color:#FFF;}
li.zwischen {display:block;color:#666;margin-top:1em}

h1,h2	{text-align:center;margin-top:1em;}

h1	{font-size:120%;color:#005a46}
h2	{font-size:100%;color:#00f}

@media (max-width:779px) {
 h1	{font-size:120%;margin:4px;font-weight:bold}
 td>h1:after {content:"Mobilansicht";padding-left:2em;font-size:60%;font-style:italic}
 #nav ul li.zwischen	{display:none}
 .mitte	{clear:both;margin:0px;border-left:0px}
 .bild	{display:none}
 .oben	{display:none}
 div.karte	{display:none}	/* Karte auf Mobilgeräten weglassen, aber da braucht man's doch gerade!! */
}

a	{FONT-WEIGHT: bold; COLOR:#005a46;TEXT-DECORATION:none}
a:visited {color:#207a66;TEXT-DECORATION:none}
a:active {TEXT-DECORATION: none}
a:hover {CURSOR: hand; COLOR: #ff9900; TEXT-DECORATION: underline}
a.hell	{COLOR:#fff;}

.footer	{width:100%;border-collapse:collapse;margin-left:auto;margin-right:auto;}
.footer td {padding:1px 1em;border-top:1px solid #005A46}
.footer a {font-weight:normal;}