li.design {
color: #aaaaaa;
text-decoration:underline;
text-align:right;
font-size: 3mm;
margin-top: 20px;}

.ueber
{
	border-bottom : 1px solid #8B4513;
}
#historie
{
	background : #995436;
}
	
h1, h2 {
	font-size: 14px;
	}

h1 {
background-color:#005ba4;
color:#FFFFFF;
	margin: 0;
	padding: 1px 0 0
	}
h1.rechts {
background-color:#005ba4;
color:#FFFFFF;
text-align:right;
margin-bottom: 5px;
	}

h2 {
background-color:#f6ebd0;
color:#663333;
	margin: 0;
	padding: 1px 0 0
	}
h3 {
	color:#663333;
	font-size: 12px;
	text-align:center;
	}
.achtung 
{   color: #F00;
    font-size: 3.6mm;
	text-decoration: underline;
}

/* Ab hier beginnt die Navigation. Zunächst wird das Aussehen der Liste definiert*/
ul{
display:block; 
list-style-type: none;
padding-left: 0px;
margin-left: 5px;
margin-top: 0px;
width: 110px;
	}
#side_menu {
	float: left; 
	width: 12em; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	padding: 10px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
	display:block;
}
li.sub{
		padding-bottom:1px;
		padding-left: 6px;
		margin-top: 3px;
		display:block;
	}

/* Hier werden die entsprechenden Links formatiert, Grundzustand */

a.menu0 {
	background-color: #005ba4;
	color:#fff;
	width: 133px;
	display:block;
	padding-left: 4px;
	margin-top: 6px;
	text-decoration:none;
	font-size: 3.0mm;
	border-left-style:solid;
	border-left-color: #ccc;
	border-left-width:thick;
}
a.menu0:hover {
	display:block;
	background-color:#FFF;
    color: #005ba4;
	font-size: 3.0mm;
	background-color: #fff;
	border-left-style:solid;
	border-left-color:#005ba4;
	border-left-width:thick;
}
/* Hierbei handelt es sich um den aktivierten Zustand des Untermenüpunktes */
.aktiv1{
	display:block;
	background-color:#fff;
    color: #005ba4;
	font-size: 3.0mm;
	border-left-style:solid;
	border-left-color:#005ba4;
	border-left-width:thick;
	padding-left: 4px;
	margin-top: 6px;
	width: 10em;
}
/* HOVER des Untermenüpunktes */
a.sub {
	display:block;
	color: #005ba4;
	width: 121px;
	font-size: 3mm;
	text-decoration:none;
	background-color: #eeedb0;
	border-left-style:solid;
	border-left-color:#a3a134;
	border-left-width:thick;
	margin-left: 6px;
	padding-left:4px;
	margin-top: 6px;
}
a.subpersonal {
	display:block;
	color: #005ba4;
	width: 121px;
	font-size: 3mm;
	text-decoration:none;
	background-color: #eeedb0;
	border-left-style:solid;
	border-left-color: #C00;
	border-left-width:thick;
	margin-left: 6px;
	padding-left:4px;
	margin-top: 6px;
}

a.sub:hover {
	display:block;
    color: #005ba4;
	font-size: 3mm;
	text-decoration:none;
	background-color: #fff;
	border-left-style:solid;
	border-left-color:#005ba4;
	border-left-width:thick;
	margin-top: 6px;
}
.sub_menu {
	display:block;
    color: #005ba4;
	font-size: 3mm;
	text-decoration:none;
	background-color: #fff;
	border-left-style:solid;
	border-left-color:#005ba4;
	border-left-width:thick;
	margin-top: 6px;
	padding-left: 4px;
	margin-left: 6px;
}
/* Formatierung der rechten Spalte am Anfang */
div#sidebar2 a
{
	font-size:3.2mm;
	background-color: transparent;
	width: 5em;
	font-weight:600;
	margin-top: 6px;
	text-decoration:underline; 
	float: left;
	color:#000;
	padding-left: 4px;
}

/* Formatierung für normale Listen */
ul.liste{
list-style-type:square;
margin-top: 5px;
margin-left: 20px;
width: auto;
font-size: 3.6mm;
}
/* Formatierung für normale Bild- und Textlink sowie allgmeine Einstellungen für Bilder*/
a.bild 
{
	float: right;
	background-color: #FFF;
	border: 0px;
}
img {
	border: 0px;
}
.bild 
{
	float: right;
	background-color: #FFF;
	border: 0px;
}
a.text
{
	text-decoration:underline;
	color: #663333;
	font-size: 3.6mm;
	background-color: transparent;
	width:auto;
	font-weight:700;
}

.fliess {
	font-size: 14px;
	line-height: 14px;
	text-align: justify;
	}
.saison_gif {
	text-align: center;
	margin-top: 2px;
		margin-bottom: 2px;
	}
		
#slogan {
	font-size : 3.8mm;
	color : #663333;
	font-weight : bold;
}
#touren
{
background-color: #005ba4;
color:#ffffff;
font-weight:bold;
font-size: 3.6mm;
}
#fahr
{
background-color: #e73414;
color:#ffffff;
font-weight:bold;
}

body  {
	background: #e4e4e4;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #663333;
	font-size: 3.4mm;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
		margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.thrColFixHdr #container { 
	width: 951px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #fff;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #bbbbbb;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
} 
.thrColFixHdr #header { 
	background: #DDDDDD; 
	padding: 0 1px 0 1px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 5px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.thrColFixHdr #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 135px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #fff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 15px 10px 5px 1px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}
.thrColFixHdr #sidebar2 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 163px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #fff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 5px 10px 5px 1px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	border-top: 19px;
	border-top-color: #005ab4;
	border-top-style: solid;
}
.thrColFixHdr #mainContent { 
	margin-left: 145px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	padding: 0 8px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	margin-right: 165px;
	background: #fff;
}
	
.thrColFixHdr #mainContent1 { 
	margin-left: 153px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	margin-right: 0px;
	background: #fff;
} 
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD;
} 
.thrColFixHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}