body {
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	cursor: default;
	background-image: url(Bilder/Fotos/Allgemein/DSCF0141e5.jpg);
	font-size: 1em;
	
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

.Basis-Segment {
	width: 100%;
	position: relative;

}


.Kopfzeile {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1000;
	background-color: #c98361;
	float: left;
	text-align: center;
	font-weight: bold;
}

.Kopfzeile h1 {
	color: #FFF;
}


.Kopfzeile-2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
/*	position: relative;*/
	width: 54.5125em;
	height: auto;
	z-index: 1000;
/*	text-align: left;*/
	display: inline-block;
/*	margin-left: 0.625em;*/
/*	margin-left: 0.0115074798619102%;*/
}

/* Beginn Breakpoint ------------------------------------------------------------------------ */
	@media screen and (min-width: 54.7125em) {
	
		.Kopfzeile-3 {
			display: none;
	
	}

}
/* Ende Breakpoint ------------------------------------------------------------------------ */

.Center
{
/*	width: 54.3125em;*/
	width: 54.7125em;
	/* Zentrieren der Webseite */
	margin: 0 auto;

}

.Rumpf-1 {
	width: 100%;
	position: relative;	
	float: left;
/*	padding-left: 0.625em;  Abstand vom linken Rand, wenn Bildschirmgroesse kleiner als Inhaltsbreite ist, nicht in Prozent angeben */
	padding-top: 0.5em;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

/*.Rumpf-2 {
	width: 100%;
	position: relative;
	float: left;
}
*/

.Rumpf-1 h1 {
	color: #03C;
	font-size: 1.36em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0.8em;
	margin-left: 0em;
}

.Rumpf-1 h2 {
	color: #03C;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
}

.Kopf {
	position: relative;
	width: 100%;
	padding-top: 0.5em;
	z-index: 100;
	height: auto;

}

.Titelzeile {
	position: relative;
	z-index: 10;
	width: 100%;
/*	margin-left: 0.625em;*/
}

.Titelzeile h1  {
	font-size: 1.1em;
	display:inline;
	margin:0em;
}

#NavigationLeisteV > li {
	/*	background: url(Bilder/Symbole/Button-Out1.png)  left repeat-x; */
	width: 9em;
	color:#FFF;
	list-style-type: none;
	text-align: center;
	float: left;
	font-size: 1em;
	padding: none;
	margin: none;
}

#NavigationLeisteV li a {
/*	background: url(Bilder/Symbole/Button-Out1.png)  left repeat-x;  */
	display: block;
	text-decoration: none;
	color: #4477aa;
	text-align: center;	
	float: left;
	padding: none;
	margin: none;
	width: 9em;

}

#NavigationLeisteV li a:hover {
/*	background: url(Bilder/Symbole/Button-In.png)  left repeat-x;  */
	color: #03C;
	text-align: center;
	float: left;
}

.Uebersicht {
	font-size: 0.8em;
	width: 100%;
	z-index: 20;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-bottom: 1em;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px solid #D18627;
}

.Uebersicht a:link {
	text-decoration: none;
}

.HauptTeil {
		font-size: 1em;
		position: relative;
		z-index: 1;
		left: 0px;
		width: 54.3125em;
}
	
.Seiten-Navigation {
		display: none;
	
	}


.HauptS0 {
		position: relative;
		z-index: 5;
		width: 54.3125em; 
		float: left;
}
	
.HauptS1 {
		position: relative;
		width: 19.375em;
		float: left;
}
	
.HauptS2 {
		position: relative;
		z-index: 5;
		width: 33.5em;
		float: right;
		clear: none;
/*		margin-bottom: 0.625em;*/
}

.Bild1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	z-index: auto;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	float: left;
/*	margin-right: 0.3em;*/
	margin-bottom: 0.2em;
}


/* Beginn Breakpoint ------------------------------------------------------------------------ */
@media screen and (max-width: 54.7125em)  {

	
	.Kopfzeile-2 {
		display: none;
	}


	.Kopfzeile-3 {
		width: 150%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	.Kopfzeile-4 {
		width: 100%;
	}

	.Kopfzeile-5 {
		width: 50%;
	}


.Center
	{
		width: 100%;
	}

	
	.Rumpf-1 {
	 /*	padding-left: 0em;   Abstand vom linken Rand, wenn Bildschirmgroesse kleiner als Inhaltsbreite ist, nicht in Prozent angeben */
		display: flex;
		flex-direction: row-reverse;
		width: 150%;
		
	
	}

	.Kopf {
/*		position: relative;*/
		width: 50%;
		padding-top: 0.5em;
		z-index: 100;
		height: auto;
	
	}

	.Titelzeile-2 {
		position: relative;
		z-index: 10;
		width: 800%;
		margin-left: -200%;

	/*	margin-left: 0.625em;*/
	}


	#NavigationLeisteV > li {
		background-color: #c98361;
		width: 9em;
		font-size: 1em;
		margin-left: 0.3%;
		margin-right: 0.3%;
		margin-bottom: 0.3%;


	}
	
	#NavigationLeisteV li a:hover {
		background-color: #c49f62;

}

	
	.Uebersicht {
		width: auto;
		margin-left: 1em;
		font-size: 1em;
		line-height: 150%;
	}
	

	.HauptTeil {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: flex-start;
			
			font-size: 1em;
			z-index: 1;
			left: 0px;
			margin-top: 4em; 
	/*		width: 54.3125em;*/
	}
	
	.Seiten-Navigation {
			display: inline;
			font-size: 1em;
			position: relative;
			width: 100%;
			z-index: 100;
			height: auto;
			background-color: #c98361;
			text-align: center;
			color: #03C;
		
		}
		
	.HauptS0 {
			width: auto;
	}
		
	.HauptS1 {
			width: auto;
	}
		
	.HauptS2 {
	/*		width: 33.5em;*/
			width: auto;
			margin-bottom: 0.625em;
	}

} 

/* Ende Breakpoint ------------------------------------------------------------------------ */



/* Beginn Breakpoint ------------------------------------------------------------------------ */
@media screen and (max-width: 44em) {

.Bild1 {
	float: none;
}

} 
/* Ende Breakpoint ------------------------------------------------------------------------ */

figure {
	margin-left: 0em;
	margin-right: 0em;

}


figcaption {
	margin-left: 0.5em;
}

/* ggf auf Bilder in figure begrenzen mit figure img { ... 
Bilder werden an die Groesse des Viewports angepasst, jedoch nicht über die Originalbildgroesse hinaus vergroessert */
img {
	max-width: 100%;
	height: auto;
}


.shadedMap {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.Bildlink {
	text-decoration: none;
}

dl.BildMitUnterschrift {
	float: left;
	margin: 0em;
	padding: 0em;
}

dl.BildMitUnterschrift dd {
	margin-left: 0.5em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	padding-top: 0em;
	clear: left;
	float: left;
}


.Tourbericht {
	position: relative;
	z-index: 5;
	float: none;
	clear: none;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #666;
	border-left-color: #999;
	padding-left: 1em;
	padding-right: 1em;
	background-image: url(Bilder/Symbole/Tourbericht.gif);
	background-repeat: repeat;
	margin-left: -0.2em;
	margin-right: -0.5em;
}

.Tabelle-1 {
	text-align: right;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	border-collapse: collapse;
}

.Tabelle-2 {
	text-align: left;
	vertical-align: top;
	border-spacing: 0.5em 0.5em;
	margin-left: -0.5em;
}


.Tabelle-1 TR {
	vertical-align: bottom;
}



a {
	color: #4477aa;
}

a:hover {
	color: #03C;
}

h1#Schriftzug  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: xx-large;
	vertical-align: middle;
}

h2 {
	color: #03C;
}

h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	vertical-align: middle;
	font-style: italic;
	color: #03C;
}


#Hinweis {
	margin-bottom: -1em;

	z-index: 10000;
	font-size: 0.8em;
}

}

.Textfeld {
	font-size: 1em;
	font-style: normal;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	border-right-color: #999;
	border-bottom-color: #999;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-width: thin;
	border-left-width: thin;
	border-top-color: #999;
	border-left-color: #999;
	padding: 1em;
	z-index: 1;
}

.Bildtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFF;
}


/*
@media only screen and (max-width: 70em)   {
body {
    font-size: 1em; 

}

.HauptTeil {
	position: relative;
	z-index: 1;
	width: 100%;
	float: left;
	margin-left: 1em;

}
.HauptS0 {
	position: relative;
	z-index: 5;
	width: 100%;
}

.HauptS1 {
	position: relative;
	width: 100%;
}
.HauptS2 {
	position: relative;
	z-index: 5;
	width: 100%;
	clear: none;
	margin-bottom: 1em;
}
.Kopfzeile-2 {
	margin-left: 1em;
}
.Titelzeile {
	margin-left: 1em;
}

}


@media only screen and (min-width: 60em) and (max-width: 70em) and (orientation: portrait) {
		 body { 
  font-size: 1.7em; 
		 }
		 	#NavigationLeisteV > li {
		font-size: 2em;
	}
	.Uebersicht {
		font-size: 1.5em;
	}
.HauptTeil {
	margin-left: 1em;

}
.Kopfzeile-2 {
	margin-left: 1em;
}
.Titelzeile {
	margin-left: 1em;
}


  } 


@media only screen and (max-width: 60em) and (orientation: portrait) {
		 body { 
  font-size: 2.3em; 
		 }
		 	#NavigationLeisteV > li {
		font-size: 1.5em;
	}
	.Uebersicht {
		font-size: 2em;
	}
.HauptTeil {
	margin-left: 1em;

}
.Kopfzeile-2 {
	margin-left: 1em;
}
.Titelzeile {
	margin-left: 1em;
}


  } 

@media only screen and (max-width: 70em) and (orientation: landscape)  {
	 body { 
		  font-size: 1em; 
		 }
.HauptTeil {
	margin-left: 1em;

}
.Kopfzeile-2 {
	margin-left: 1em;
}
.Titelzeile {
	margin-left: 1em;
}

  } 
*/