/* -- Allgemeines -- */
body {
 background: #ffcc33; 
 color: #003399;
 margin: 0;
 padding: 1%; 
 min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, �teren Operas und IE */
 font-family: verdana, arial, sans-serif ;
 margin-top:15px;
}
a { color: #0B4D8C; text-decoration: underline; } /* Alle unbesuchten Links bekommen eine leicht bl�liche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
a:visited { color: black; } /* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
.skip { 
 position: absolute;
 margin-left: -10000px;
}
a#karte {
	background:#eee;
	padding:4px;
	text-decoration: none;
	vertical-align:middle;
	}
dt {font-weight:bold;}
table {font-size: 10pt;}
h1 { /* Die �erschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
 font-size: 2.6em;
 line-height: 0.8em;
 padding: 20px 0 10px 5%;
 margin: 0;
 border-bottom: 1px dashed #aaa;
}
h1, h2, h3, h4, h5, h6 {
 color: #469100;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding:0.5em 0;
}
img { 
 border: solid 0px #aaa;
 padding: 1px;
 max-width: 95%; 
}
.fleft { 
 float: left;
 margin: 0 1em 0.2em 0; 
}
.fright {
 float: right;
 margin: 0 0 0.5em 6em;
 padding: 1px;
 border: 0px solid #aaa;
}


/* -- Layoutspezifisches -- */
#container { 
	font-size: 10pt; 
	width:80%;
	margin: auto; /* Hiermit zentrieren wir unsere Seite */
	margin-left:10%;
	margin-right:10%;
  	border-top: 0; 
}

/* - Logo bzw. Kopf - */
#logo {
 background: #74B300; /* Das Bild mit der Blume hat einen �ergang zum Schwarzen das nutzen wir aus. Wir lassen es oben links beginnen und wiederholen es nicht. Dadurch dass die Hintergrundfarbe auch schwarz ist entsteht der Eindruck als ob das Bild unendlich lang w�e. */
 background-image:url(../img/h3.gif);
 /*background-repeat:no-repeat */
 height: 65px; /* Das Blumenbild ist 64px hoch also w�len wir das auch als h�e fr unseren Kopf. */
 padding: 0.2em 10px 1px 0;
 text-align: right;
 line-height: 56px;
  overflow: hidden; /* Einzig der Mozilla k�nte den Text unverh�tnissm�ig zum Hintergrund ver�dern. Damit dann wenigstens das Men benutzbar bleibt schneiden wir alles was herausragt ab. */
 letter-spacing: -5px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
 margin: 30 0 0 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
border: 1px solid #004400;
color:#c8FF00;
 font-family: sans-serif;
 font-weight:bolder;
 font-size: 45px; /* Das Logo soll auch in unseren Kopf passen deswegen ist es ein wenig kleiner. Durch die Angabe der Textgr�e in px verhindern wir im IE die Vergr�erung und zerst�ung des Layouts durch den Benutzer. Der Opera vergr�ert das Bild proportional mit also kann da auch nichts passieren. */
}
#logo a {
 color: #c8FF00; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen. */
 text-decoration: none;
}
#logo a span {
 color: black;
 background: white;
 padding-right: 0.1em; 
 font-weight: bold;
}

/* - Men - */
#menu { 
 background: #FFAE00;
background-image:url(../img/menu.gif);
 padding: 5px 20px; 
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left:0;
 text-align: right;
  border: 1px solid #B37A00;
}
#menu li {
 color: #ffe;
 font-size: 1em;
 display: inline; /* Damit die Menpunkte nebeneinander und nicht untereinander erscheinen. */
 /*list-style-image:url("./img/pfl.gif");
 list-style-type: none;  Die Bullets vor den Menpunkten schalten wir ab. */
 /*border-left: 1px solid white;  Ein optischer Trennungsstrich */
 padding: 0 10px 0 10px;
 font-weight: bolder;
 vertical-align:middle;
}

/*#menu li a:before { content:">> ";
font-size:xx-small;
vertical-align:middle;
padding-bottom:0.5em; }
*/

#menu li a {
 color: #004400;
 text-decoration: none;
}
#menu li a:hover {
 color: white;   
 text-decoration: none;
}

/* - Hülle für main und subnav - */
#inhalt {
 background: 100% 0 white; 
 padding: 0 10px; 
 height:auto;
 min-height:52em;
 min-width:80%;
 border: 1px solid #B37A00;
 
}

/* - Subnavigation, Rechte Spalte - */
#subnav { 
 width: 26%; 
 min-width: 10em; 
 float: right; 
 padding: 2em 1%;
 margin: 1%;
 border-left: 1px dotted #aaa; 
 font-size: 0.9em; 
 
}
#subnav dt { /* Die einzelnen �erschriften in der Subnavigation */
 font-size: 1.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 0.5em;
 margin-top: 1em;
 border-top: 1px dotted #aaa; /* Hier eine optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
 padding-top: 0.3em;
 margin: 0.2em 0;
}

/* - Her Hauptinhaltsteil - */


#main {
 padding: 0 31% 10px 20px; 
 line-height: 1.5em; 
}
#main_ob {
 padding: 0 10% 10px 20px; 
 line-height: 1.5em; 
}
 
 ul.down
{
margin-left:2em;
padding:0px;
}
li.down
{
margin-top:0.5em;
padding-top:0.5em;
border-top: 1px solid #ddd;
list-style-position:outside;
vertical-align:bottom;
}

ul.link
{
margin-left:2em;
padding:0px;
}
li.link
{
list-style-type: square;
list-style-position:outside;
margin-top:1em;
padding-top:0.3em;
}
input, select, textarea {border: 1px solid #004400;padding-left:3px; }	
button  {border: 1px solid black;
				 padding-left:3px;
				background-color: #D9A300; }	
form {
margin-top:2em;
}

td {padding:0em 0em 0.2em 0.2em;}

div#map {
  height: 100%;
  width: 100%;
  padding: 0; 
  margin: 0;
}
.olControlAttribution {

right: 3px;
top: 1000px;
color: #000000;
}

p.uebersicht {
		padding:1em;
		background-color:#eeeeee;
		margin:0.5em;
}
p#datum {
		margin-top:1.5em;
		padding:0;
		font-style:italic;
		}
p#km {
		margin-bottom:1.5em;
		padding:0;
		font-style:italic;
}
p#tour {
	
		margin-top:-1em;
		margin-bottom:-1em;
		padding:0;
		font-style:italic;
		font-weight:bolder;
}