@charset "utf-8";
/* CSS Document */
h1 { font-size:20px; font-style:italic; background: transparent; color: #8a5; margin: 10px 0 10px 0; border-bottom: solid 1px #999;}
h2 { font-size:17px; background: transparent; color: #8a5; border-bottom: solid 1px #999; margin: 10px 0 10px 0;}
h3 { font-size:12px; background: transparent; color: #fff; font-weight:bold; padding: 0 0 0 20px; text-decoration: underline;}
h4 { font-size:12px; color: #96f; font-weight:bold; line-height: 1.5em;}
h5 { font-size:9px; color: #ccc; font-weight:bold; text-align:center; margin: 5px 0 5px 0;}
h6 { font-size:15px; background: transparent; color: #fff; font-style:italic; text-align:center; margin: 10px 0 15px 0;}
blockquote { padding: 0 10px 0 10px; border-left: 8px solid #8a5;}
img { border: 0px;}/* Bilder ohne Rahmen */
p { line-height: 1.5em;}
.wetter { text-align: center; margin: 0 auto; padding: 0 23px;}
.normal { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size:12px !important; line-height: 1.5em;}
.klein { font-size:9px; color: #fc0; padding:0 0 0 20px;}
.fett { font-weight: bold;}
.textrechts { text-align: right;}
.bildrechts { float: right; padding: 0px 0px 5px 8px;}
.bildlinks { float: left; padding: 0px 8px 5px 0px;}
.bildmitte { display: block; text-align: center; margin: 0 auto;}
/* Kasten für Inhalt 2 rechts - dieser kann alles aufnehmen */
.kasten { float: left; width: 180px; text-align: left; font-size:10px; color: #fff; margin: 0px 0px 20px 0px; padding: 10px 8px 10px 8px; background: #555; border: #999 1px solid;}
.kasten a { text-decoration: none; color: #fff; border-bottom: dotted 1px #fff;}
.kasten a:hover{ border-bottom: 1px solid #8a5; color: #8a5;}
/* --------------------------------------------------------------- */ 
/* Tabellen Layout */
.mitte { margin-left: auto; margin-right: auto;}
/* --------------------------------------------------------------- */ 
/* MTB Tourenliste mit Tür zum Anfang */
.mtblinks ul { margin: 0; padding: 0 0 0 10px; list-style-type: none;}
.mtblinks li a { display: block; width: 605px; padding: 5px 0 5px 20px; text-decoration: none; background: url(../101-symbole/door.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.mtblinks li a:hover { background: url(../101-symbole/dooroffen.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}
/* --------------------------------------------------------------- */ 
/* andere Linkliste mit Block zum Anfang */
.anlinks ul { margin: 0; padding: 0 0 0 10px; list-style-type: none;}
.anlinks li a { display: block; width: 605px; padding: 6px 0 6px 20px; text-decoration: none; background: url(../101-symbole/clip1.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.anlinks li a:hover { background: url(../101-symbole/clip2.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}
/* --------------------------------------------------------------- */
/* Liste für Downloads mit Diskettensymbol verwendet im 2. Container */
.downlinks ul { margin: 0; padding: 0; list-style-type: none;}
.downlinks li a { display: block; width: 160px; padding: 5px 0 5px 20px; text-decoration: none; background: url(../101-symbole/disk.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.downlinks li a:hover { background: url(../101-symbole/disksarrow.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}/* Diskette und Disketten plus Symbol */
.downlinks li li a { display: block; width: 160px; padding: 5px 0 5px 20px; text-decoration: none; background: url(../101-symbole/buch.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.downlinks li li a:hover { background: url(../101-symbole/buchoffen.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}/* Buch und Buch offen */
/* --------------------------------------------------------------- */
/* einfache Liste für Links im 2. Container */
.buchlinks ul { margin: 0; padding: 0; list-style-type: none;}
.buchlinks li a { display: block; width: 160px; padding: 5px 0 5px 20px; text-decoration: none; background: url(../101-symbole/buch.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.buchlinks li a:hover { background: url(../101-symbole/buchoffen.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}
/* --------------------------------------------------------------- */
/* osm globus für 2.Container */
.osm ul { margin: 0; padding: 0; list-style-type: none;}
.osm li a { display: block; width: 160px; padding: 5px 0 5px 20px; text-decoration: none; background: url(../101-symbole/globe.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.osm li a:hover { background: url(../101-symbole/globestift.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}
/* --------------------------------------------------------------- */
/* zurück für 2.Container */
.zurueck ul { margin: 0; padding: 0; list-style-type: none;}
.zurueck li a { display: block; width: 160px; padding: 5px 0 5px 20px; text-decoration: none; background: url(../101-symbole/pf-links-klein.png) no-repeat left center; color: #fff; border-bottom: dotted 1px #fff;}
.zurueck li a:hover { background: url(../101-symbole/pf-links.png) no-repeat left center; color: #fff; border-bottom: solid 1px #8a5;}
/* --------------------------------------------------------------- */
/* navigation menu */
#menu { height: 30px; width: 915px; margin-top: -30px; position: relative; background: transparent; color: #fff;}
#menu ul { margin: 0px auto; padding: 0 0 0 15px;} 
#menu li { float: left; margin: 0px 5px 0px 0px; padding: 0px; list-style: none;} 
#menu li a { display: block; float: left; height: 20px; text-decoration: none; padding: 6px 19px 2px 19px; border: 1px solid #999; text-transform: uppercase; font-size: 12px !important; background: #444; color: #fff;} 
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover, #menu li a#selected2:hover { height: 20px; padding: 7px 20px 2px 20px; border: 0px; background: #8a5; color: #fff;}
/* --------------------------------------------------------------- */
/* navigation menu 2 für alle unternavis */
#menu2 { height: 26px; width: 913px; margin-top: 0; color: #fff; border: 1px solid #999; background-color: #063;}
#menu2 ul { margin: 0px auto; padding: 0 0 0 5px;}
#menu2 li { float: left; margin: 0px 5px 0px 0px; padding: 0px; list-style: none;}
#menu2 li a { display: block; float: left; margin: 2px; padding: 5px 5px 5px 20px; border-right: 1px solid #999; text-transform: uppercase; font-size: 9px !important; text-decoration: none; background: url(../101-symbole/ordner.png) no-repeat left center; color: #fff;} 
#menu2 li a:hover { display: block; float: left; margin: 2px; padding: 5px 5px 5px 20px; border-right: 1px solid #999; text-transform: uppercase; font-size: 9px !important; text-decoration: none; background: #8a5 url(../101-symbole/ordneroffen.png) no-repeat left center; color: #000;} 
#menu2 li a#select { display: block; float: left; margin: 2px; padding: 5px 5px 5px 20px; border-right: 1px solid #999; text-transform: uppercase; font-size: 9px !important; text-decoration: none; background: url(../101-symbole/ordneroffen.png) no-repeat left center; color: #f00;}
#menu2 li a#select2 { display: block; float: left; margin: 2px; padding: 5px 5px 5px 20px; border-right: 1px solid #999; text-transform: uppercase; font-size: 9px !important; text-decoration: none; background: #8a5 url(../101-symbole/ordner2minus.png) no-repeat left center; color: #fff;} 
#menu2 li a#select2:hover { display: block; float: left; margin: 2px; padding: 5px 5px 5px 20px; border-right: 1px solid #999; text-transform: uppercase; font-size: 9px !important; text-decoration: none; background: url(../101-symbole/ordner2plus.png) no-repeat left center; color: #f00;}
/* --------------------------------------------------------------- */
/* allgemeine Liste ohne Punkt und einrücken */
.list {padding: 0;}
.list ul { margin: 0px auto; padding: 0 0 0 15px;}
.list li { padding: 0 0 5px 0;}
.list li a { text-decoration: none; color: #fff; border-bottom: dotted 1px #fff;}
.list li a:hover{ border-bottom: 1px solid #8a5; color: #8a5;}
/* Liste für das Inhaltsverzeichnis */
.setlist {padding: 0;}
.setlist ol { margin: 0 15px; padding: 0 0 0 15px;}
.setlist ul { margin: 0 15px; padding: 0 0 0 15px;}
.setlist li { padding: 6px 0 0 0;}
.setlist li a { text-decoration: none; color: #fff; border-bottom: dotted 1px #fff;}
.setlist li a:hover{ border-bottom: 1px solid #8a5; color: #8a5;}
/* --------------------------------------------------------------- */
	/* normale Ansicht des HTML Dokumentes */
html{ height: 100%;}
body { background: #333; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size:12px !important;}
/* Container der alles in die Mitte nimmt */
#seite{ width: 921px; background: #444; border: #999 solid 1px; margin: 5px 0 0 0;}
/* --------------------------------------------------------------- */
/* setzt alles in die Mitte */
#seite, #footer, #staendig, #logo, #inhalt, #menu, #menu2 { margin-left: auto; margin-right: auto;}
/* --------------------------------------------------------------- */
/* nimmt allen Seiten Inhalt auf */
#inhalt { width: 915px; overflow: hidden;}/* hier alles für den Inhalt wenn zwei Container da sind */
#inhalt1 { 	width: 665px;		/* max Breite was aufgenommen werden kann also nichts größer als 660 pixel */
			float: left; padding: 5px 5px 15px 15px;}
#inhalt1 a { text-decoration: none; color: #fff; border-bottom: dotted 1px #fff;}
#inhalt1 a:hover{ border-bottom: 1px solid #8a5; color: #8a5;}
#inhalt2 { width: 198px; margin: 25px 0px 0px 0px; float: right; padding: 15px;}
#staendig, #footer { width: 875px; font-size: 9px; padding: 5px 20px 5px 20px;}
#footer {text-align: center; border-top: #8a5 solid 2px; text-transform: uppercase;}
#staendig a:hover, #footer a:hover {text-decoration: underline;}
#staendig a, #footer a {text-decoration: none; color: #fff;}
/* logo  */
#logo { width: 915px; height: 80px; background: #444 url(../100-bilder/logo.png) no-repeat; border-bottom: 5px solid #8a5; border-top: #8a5 solid 2px;}