body,html
{
	min-height:101%;
}

body
{
    text-align: center;			/*Ausrichtung für globale Seite auf "center"*/
    font-size: 12px;
    font-family: Arial;
	background-color: #c1ff99;
}

#root
{
    width: 1000px;				/*Breite der gesamten Seite*/
    margin: 12px auto;  		/*Abstand von oben 10, Rest wird automatisch festgelegt*/
    text-align: center;			/*Globale Ausrichtung des Textes ist links*/
    background-color: #FFF68F;
}

#root a
{
    text-decoration: none;		/*Menütext wird nicht unterstrichen*/
    font-weight: bold;			/*Menütext wird fett ausgegeben*/
}

#head							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: auto;				/*Höhe auf 70 Pixel festlegen*/
    margin: 0px;				/*Kein Abstand zu den Außengrenzen*/
}

.navi_oben
{
    width: 1000px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    background-image: url(background_navi.jpg);
    text-align: center;
    font-size: 15px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
}


/*Tooltip für allgemein*/

	p.tooltip a:hover {font-size: 12px; font-weight: bold; color:#ffffff;}
	p.tooltip a:link {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.tooltip a:visited {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.tooltip a:link span{display: none;color:#ffffff;}
  	p.tooltip a:visited span{display: none;color:#ffffff;}
  	p.tooltip a:hover span {
  	position: absolute;
  	margin:15px 0px 0px 260px;
  	background-color: #FFF68F;
  	max-width:220;
  	padding: 2px 10px 2px 10px;
  	border: 1px solid #C0C0C0;
  	font: normal 10px/12px verdana;
  	color: #ffffff;
  	text-align:left;
  	display: block;}
	
/*Tooltip für allgemein*/

.startseite_mitte						
{
    width: 1000px;				
    height: auto;				
    float: left;
    text-align: center;
    font-size: 25px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
    background-color: #FFF68F;
}

.google_maps						
{
    width: 1000px;				
    height: auto;				
    float: left;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
    background-color: #FFF68F;
}

.wanderreiten_unten						
{
    width: 1000px;				
    height: auto;				
    float: left;
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
    background-color: #FFF68F;
}

.links:link {color: #16c669; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
.links:visited {color: #16c669; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
.links:hover {color: #16c669; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
.links:active {color: #ff0000; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
       

/******************************************************/
/* Formatvorlage - überuns, Einsteller, Kutschenfahrt */
/******************************************************/


.htm_rahmen_links						/*Inhaltsblock*/
{
    width: 50px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    font-weight:bold;
    background-color: #FFF68F;
}

.htm_links						/*Inhaltsblock*/
{
    width: 450px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
	text-align: left;
    font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
    background-color: #FFF68F;
}

.htm_rechts						/*Inhaltsblock*/
{
    width: 450px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: right;
    font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
    background-color: #FFF68F;
}

.htm_rahmen_rechts				/*Inhaltsblock*/
{
    width: 50px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #FFF68F;
}

/********************************/
/* Formatvorlage - Wanderreiter */
/********************************/

.htm_links_wanderreiter						/*Inhaltsblock*/
{
    width: 450px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
	text-align: left;
    font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
	background-image: url(bilder/rucksack.jpg);
	background-repeat:no-repeat;
    background-color: #FFF68F;
}

.htm_rechts_wanderreiter		/*Inhaltsblock*/
{
    width: 450px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: right;
    font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
    background-color: #FFF68F;
}



span.dick_unterstrichen {
	text-decoration: underline;
	font-weight: bold;
}

span.ueberschrift {
	text-decoration: underline;
    font-size: 18px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
}

span.menue_auswahl {
	text-decoration: underline;
	font-weight: bold;
}

span.text_rot {
	font-family: Arial;
	color: #FF0000;
	font-weight: bold;
}

span.text_blau {
	font-family: Arial;
	color: #1E90FF;
	font-weight: bold;
}

span.text_gelb {
	font-family: Arial;
	color: #FFD700;
	font-weight: bold;
}

span.text_klein {
	font-family: Arial;
	color: #FFD700;
	font-size: 6px;
}


div#footer {
	clear:both;
	
}