/* CSS Document */
body
{
	text-align:center;
	font-family:verdana;
	font-size: 12px;

}
h1
{
	font-size:14px;
	color:#008E32;
	margin-bottom:40px;
	padding:5px 0 0 25px;


}
h2
{
	font-size:12px;
	color:#008E32;
	margin:15px 0 15px 0;

}
h3
{
	font-size:11px;
	color:#008E32;
	font-style:italic;
	margin-top:10px;
}
a
{

	color:#008E32;
}
.links_ohne
{
	text-decoration:none;
	font-weight:bold;
}
li
{
	margin-top:10px;

}
img
{
	border:0px;
	
}
.abstand{clear:both; margin:10px 0 10px 0;}
.gps_links{list-style-image:url(../img/piktogramme/down-green.gif);padding-left:60px; }
.pdf_links{list-style-image:url(../img/piktogramme/file_acrobat.gif);padding-left:60px; }
/*Layoutelemente*/
#main
{
	background-image:url(../img/layout/hintergrund.gif);
	background-repeat:repeat-x;
	background-color: #E2F5C5;
	margin:10px auto;
	text-align:left;
}
#background
{
	width:768px;
	border: 1px solid #008E32;
	background-color:#FFFFFF;
	margin:0px auto;

}
#head
{

	margin-left:2px;
	margin-top:0px;
	height:220px;
	margin-bottom:0px;
	position:relative;
}
#links
{
	position:absolute;
	top:190px;
	left:4px;
	z-index:1;
	width:746px;
	height:20px;
	padding:5px 10px 0 0;
	margin:0;
	background-color:#E2F5C5;
	text-align:right;
	list-style-type:none;
	font-size:11px;
}
#links li
{
	display:inline;
	padding:0 25px;
	color:#0A5001;
	border-left:1px solid #008E32;
}
#links a#aktiv{text-decoration:underline;}
#links a{
	text-decoration:none;
	width:120px;
}
#logo{
	position:absolute;
	top:118px;
	left:28px; 
	z-index:2;
}
#content
{
	
	margin:20px 30px 30px 30px;
	
	width:700px;
	background-image:url(../img/layout/h1_2.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:relative;

}

 #contentdiv
{
	width:450px;
	text-align:left;
	margin-bottom:30px;

}
#abschluss
{
	width:768px;
	background-color:#008E32;
	border: 1px solid #008E32;
	height:20px;
	margin:0px auto;
	clear:both;

}
#abschluss a
{
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	margin-left:30px;
	margin-right:30px;
	margin-top:25px;
}
.box_bg
{

	background-image:url(../img/layout/box_mitte.gif);
	background-repeat:repeat-y;


}
.box_content
{
	width:230px;
	margin-bottom:5px;
	margin-left:25px;
	margin-top:5px;
}
.box_content h2
{
	margin-left:5px;
	margin-bottom:10px;
	text-decoration:underline;
}
.box_content ul
{

	padding-left:10px;
	margin-left:10px;
}
.box_abschluss
{
	background:none;
	margin:0px;
	padding:0px;
	height:25px;
	position:relative;
}
.box abschluss img
{
	margin:0px;
	position:absolute;
	padding:0px;
}

/*Google Map Karte */
#karte
{
	width:400px;
	height:300px;
	border:0px;
	margin-top:20px;
	margin-bottom:20px;
}


/* umfasst Adresse in Hotelbeschreibungen, Wandervorschläge etc. */
.hotel_adresse
{
	width:250px;
	float:left;
	height:150px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:25px;
}
.hotel_adresse p
{
	margin-top:15px;

}
/* umfasst Vorderansicht in Hotelbeschreibungen, Wandervorschläge etc. */
.hotel_head
{
	width:200px;
	float:left;
	height:150px;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;

}
/* umfasst Links in Hotelbeschreibungen, Wandervorschläge etc. */
.links
{
	float:right;
	width:230px;
	height:160px;
	margin-top:0px;
	margin-bottom:20px;
}
.links a
{
	text-decoration:none;
	color:#0A5001;
}
.links table
{
	margin-left:40px;
}
.links img
{
	border:0px;
}

/* umfasst Text in Hotelbeschreibungen, Wandervorschläge etc. */
.hotel_links
{

	width:470px;
	text-align:left;
	margin-bottom:20px;
}
/* umfasst Bilder rechts in hotelinformation*/
.hotel_bilder
{
	float:right;
	width:200px;
}
.hotel_bilder img
{
	margin-top:30px;
}
/* umfasst Informationen zur Lage neben der Google Map Karte in Anfahrt*/
.info_lage
{
	height:280px;
	width:270px;
	float:right;
	font-size:10px;

}
.info_lage p
{
	font-size:10px;
	margin-top:5px;
}
.info_lage td
{
	font-size:12px;
}

/* entspricht den Lage Piktogrammen*/
.pikto_lage
{

}
.pikto_lage p
{
	margin-top:5px;
}

/* entspricht der Google Map Karte Routenplaner*/
#directions
{
	 width:250px;
	 float:right;
	 margin-bottom:25px;
	 overflow: auto;
}
/* entspricht Google Map Planer*/
#planer
{
	width: 400px;

	margin-bottom:25px;
	margin-top:15px;
}
/* umfasst Ausflugsziele in Wanderungen*/
.ausflug
{
	width:280px;
	float:right;
	margin:0px;
}
.ausflug small
{
	margin-left:15px;
	margin-top:0px;
}
.ausflug_bild
{
	margin-left:15px;
	margin-top:20px;
}
/* umfasst Wandervorschläge in Wanderungen*/
.wanderungen
{
	width:350px;
	text-align:left;
	margin-bottom:50px;
}
.wanderungen b
{
	color:#0A5001;
	font-size:11px;
}
.wanderungen h2
{
	margin-top:30px;
}

/*für Gastgeber Überblick Seite */
.info_gastgeber
{
	float:left;
	width:420px;
}
.short_bild
{

	float:left;
	width:100px;
	margin-top:20px;
	height:100px;
}
.short_info img
{
	padding:0px;
}
.short_info
{
	margin-top:20px;
	text-align:left;
	margin-left:30px;
	width:250px;
	height:100px;
	float:left;
}
.short_info a
{
	font-size:12px;
	font-weight:bold;

}
.short_info img
{
	margin-left:1px;
	border:0px;
}
.short_info p
{
	margin-top:8px;
	margin-bottom:10px;
}
.gastgeber_info
{

	text-align:left;
	height:1100px;
}
.gastgeber_info h2
{
	margin-top:30px;

}
.sterne
{
	height:16px;
	margin-top:5px;
}

/* umfasst Informationen neben Google Map Routen Karte*/
.route
{
	width:280px;
	float:right;
	margin-bottom:20px;

}
.route th
{
	padding-top:8px;
	text-align:left;
}

.route a
{
	color:#E66E19;
	font-weight:bold;
}
.route b
{
	color:#008E32;
	font-size:11px;
}

#karte_route
{
	width:400px;
	height:400px;
	border:0px;
	margin-top:20px;
	margin-bottom:40px;
	position:relative;
	z-index:2;

}
#karte_route h3
{
	color:#FF6600;

}
.etappen
{
	width:280px;
	float:right;
	margin-bottom:20px;
}
.etappen a
{
	text-decoration:none;
}
.etappen h2
{
	margin-top:20px;
}
.etappen h3
{
	margin-bottom:5px;
}
.etappen_haus
{
	float:left;
	margin-right:10px;
}

.etappen img
{
	margin-top:5px;
}
.etappen_haus_links
{
	height:30px;
}
.etappen b
{
	color:#008E32;
	font-size:11px;
}
/* Schrift und Links der Icons mit entsprechendem Abstand zum vorherigen*/
.folgende
{
	margin-left:40px;

}
.folgende_1
{
	margin-left:274px;

}
.download img
{
	padding-top:5px;
}
.download a, small
{
	font-size:11px;
	text-decoration:none;

}
.gps a
{
	margin-left:15px;
	margin-top:10px;
}
.pauschale
{
	
	margin:10px 0 20px 0;
	padding:0;

}

.pauschale a{
	
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
}
.pauschale p{padding:0;margin:0;}
.pauschale img
{
	float:left;
	margin-right:5px;
	margin-top:8px;

}
.pauschale_buchen{
	width:80px;
	background-color:#008E32;
	padding:2px;
	float:right;
	text-align:center;
	margin:0;
	
}
.pauschale_buchen a{
	color:#FFFFFF;

}
.angebot{
	width:600px;
	height:150px;
	margin:20px 15px 0 25px;
	padding:0;
	border:1px solid #008E32;
	
}
.angebot img{
	margin:0 0 0 0;
	border-right:1px solid #008E32;
	
}
.angebot h3{
	background-color:#008E32;
	color:#FFFFFF;
	margin:0 0 5px 0;
	padding:5px 0 5px 10px;
	font-size:13px;
	display:block;
}
.angebot_text{position:relative; width:415px;float:left;}

.angebot p{
	padding:5px;
}
.angebot_buchen{
	float:right;
	background-color:#008E32;
	color:#FFFFFF;
	border:2px solid #FFFFFF;
	padding:2px 4px 2px 4px;
	margin-top:15px;
}
.pauschale small
{
	padding-top:5px;
}
.ueber
{
	margin-bottom:0px;
	padding-left:35px;
}
.ueber_1
{
	margin-bottom:0px;
	margin-top:5px;
}
.preis
{
	font-weight:bold;
	font-size:11px;
	text-align:right;
	padding:0;
	margin:0;
}
.preis_1
{
	font-weight:bold;
	font-size:11px;
	margin-top:5px;
	margin-bottom:15px;

}
.anfrage_tabelle
{
	width:700px;
	border:1px solid #E2F5C5;

}
.anfrage_tabelle th
{
	width:215px;
	font-size:11px;
	text-align:left;
	padding:5px;


}
.anfrage_tabelle td
{
	width:485px;
	padding:2px;

}
.input
{
	width:275px;
}
.tabelle_ueber
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	background-color:#008E32;
}

.tabelle_kontakt
{
	background-color:#E2F5C5;
}
.kontakt
{
	float:right;
	margin-top:40px;
	width:278px;
}

.gps_ge
{
	margin:5px 10px 5px 0;

}
/*Etappen Überblick auf Route und Etappen*/
.wanderroute b{
	color:#008E32;
	font-size:11px;
}
/*Etappen Überblick - Links auf die Etappen*/
.etappen_links{
	position:absolute;
	top:60px;
	padding:0;
	z-index:2;
	left:120px;
}
.etappen_links ul{margin:0; padding:0; }
.etappen_links li{display:inline;}
.etappen_folgende{padding-left:25px;}
.etappen_strich{
	position:absolute;
	top:50px;
	padding:0;
	width:520px;
	z-index:1;
	left:30px;
	color:#E66E19;
}
/**********************************Etappen Seiten**********************************************************************/
/**********************************************************************************************************************/
/*Kurzinfo neben Google Maps Karte*/
.etappen_shortinfo{
	float:right;
	width:330px;
	
}
.etappen_shortinfo ul{
	list-style-type:none;
	padding:0;
	margin:0; 
}
.etappen_shortinfo li{
	padding-left:30px;
	background:url(../img/piktogramme/hotel_20.png) no-repeat;
	line-height:20px;
}
.etappen_shortinfo h3{
	margin-top:10px;
}
.ausgangspunkt_bild{
	float:right;
	margin:0 28px 0 8px;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:5px;
}
.ausgangspunkt_bild img{
	border:2px solid #CCCCCC;
	width:150px;
}
.wander_bild{
	
	margin:0 auto;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:5px;
	float:left;
	
}
.wander_bild img{
	border:2px solid #CCCCCC;
	width:250px;
}

.clear{clear:both;}
/*STartseite Bilder*/
.start_bild{
	float:right;
	margin:0 0 0 10px;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:5px;
}
.start_bild img{
	border:2px solid #CCCCCC;
	width:200px;
}