body {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
}

h1 {
	font-size:28px;
	line-height: 34px;
}

h2 {
	font-size:24px;
	line-height: 28px;
}

h3 {
	font-size:18px;
	font-weight: bold;
	line-height: 24px;
}

a {
	color:#C50000;
	text-decoration:none;
}

a.themenangebot {
	line-height: 34px;
}

.right {
	float: right;
	margin: 0px 0px 20px 20px;
}

.left {
	float: left;
	margin: 0px 20px 20px 0px;
}

.preis {
	float: right;
	font-weight:bold;
}


img.width100 {
	width:100%;
}

img.home {
	float: right;
	margin: 0px 0px 20px 20px;
}

img.kunst {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 20px;
}


img.galeriethumb {
	float: left;
	margin: 0px 14px 20px 0px;
	height: 300px;
}

img.kunstgaleriethumb {
	float: left;
	margin: 0px 14px 20px 0px;
	height: 200px;
}


img.iconpdf {
	margin-right: 30px;
}

main {
	position: absolute;
	top:0px;
	left:200px;
	width: calc(100% - 300px);
	min-height: calc(100% - 20px);
	color: black;
	padding:20px 50px 0px 50px;
}

main#home {
	background-color: #FEFD91;
}

main#steinzeit {
	background-image: url("../images/hintergrund-steinzeit.jpg");
	background-repeat: repeat;
}

main#nibelungen {
	background-image: url("../images/hintergrund-nibelungen-1.jpg");
	background-repeat: repeat;
}

main#roemer {
	background-image: url("../images/hintergrund-roemer.jpg");
	background-repeat: repeat;
}

main#mittelalter {
	background-image: url("../images/hintergrund-mittelalter.jpg");
	background-repeat: repeat;
}

main#kunst {
	background-color: #b9dcf5;
	background-image: url("../images/hintergrund-kunst-03.jpg");
	background-repeat: repeat;
/*
	background-image: url("../images/hintergrund-kunst.jpg");
	background-position: 60% 10%;
	background-repeat: no-repeat;
*/
}


main#galerie {
	background-image: url("../images/hintergrund-galerie.jpg");
	background-repeat: repeat;
}

main#preisliste , main#anmeldung , main#wegbeschreibung {
	background-image: url("../images/hintergrund-preisliste.jpg");
	background-repeat: repeat;
}



main#agb {
	font-family:arial;
}

main#impressum {
	font-family:arial;
}

div.wegbeschreibung {
	display:none;
}

li.refwegbeschreibung {
	color:#C50000;
	cursor:pointer;
	padding-bottom:20px;
}

nav#mainnav1 {
	display: block;
	background-image: url("../images/hintergrund-navigation-1.jpg");
	background-repeat: repeat;
	position: fixed;
	top:0px;
	left:0px;
	width: 180px;
	height: 100%;
	margin:0px;
	padding: 10px;
}

nav#mainnav1 a {
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:black;
	background-color:#FEFC95;
	margin-bottom:30px;
	transition: width 0.5s;
	width: 160px;
}

nav#mainnav1 a:hover {
	width: 180px;
}

nav#mainnav1 a.aktiv {
	width: 180px;
}


nav#mainnav2 {
	display:none;
}

header div.banner {
	position: absolute;
	top:0px;
	left:200px;
	width: calc(100% - 300px);
	background-color: red;
	color: white;
	margin:0px 0px 0px 0px;
}

footer  {
	border-top:solid #666 0.2em;
	margin-top:30px;
	padding-top:10px;
	clear:both;
}

footer nav#sitemap {
	width: calc(100% + 100px);
	margin:0px 0px 0px -50px;
	line-height: 6px;
}

footer nav#sitemap a {
	display:inline;
	color: darkblue;
	margin: 10px 0px 0px 50px;
	text-decoration: underline;
	font-size: 18px;
	line-height: 24px;
 }

 
footer nav#sitemapglobal {
	width: calc(100% + 0px);
	margin:20px 0px 50px 0px;			
}

footer nav#sitemapglobal a {
	display:inline;
	font-size: 14px; 
	line-height: 22px; 
/*
	font-size: 0.8em; 
	line-height: 1em; 
*/
	color: darkblue;
	margin-right:20px;
	text-decoration: underline;
 }

img#burger {
	display: none;
}



@media (max-width: 800px)
{
	h1 {
		font-size:26px;
		line-height: 32px;
	}


	img.home {
		display:block;
		width: 100%;
		margin: 4px 0px 12px 0px;
	}

	img.kunst {
		display:block;
		width: 100%;
		margin: 4px 0px 12px 0px;
	}	
	
	img.galeriethumb {
		float: left;
		margin: 0px 14px 20px 0px;
		height: 200px;
	}

	main {
		position: absolute;
		top:0px;
		left:0px;
		width: 92%; 
		min-height: 96%;
		padding:4% 4% 0px 4%;
	}

	main#galerie {
		background-image: url("../images/hintergrund-galerie.jpg");
		background-repeat: repeat;
	}
	
	main#nibelungen {
		background-image: url("../images/hintergrund-nibelungen-2.jpg");
		background-repeat: repeat;
	}
	
	img#burger {
		display: inline;
		cursor: pointer;
		margin: 0px 0px 20px 0px;
	}

	nav#mainnav1 {
		display: none;
	}

	nav#mainnav2 {
		display: none;
		background-image: url("../images/hintergrund-navigation-2.jpg");
		background-repeat: repeat;
		width: 90%;
		margin: 10px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}

	nav#mainnav2 a {
		display:block;
		text-align:center;
		font-weight:bold;
		color:black;
		background-color:#FEFC95;
		width: calc(90% - 40px);
		margin-bottom:20px;
		transition: width 0.5s;
		text-decoration: none;
	}

	nav#mainnav2 a:hover {
		width:  calc(90% - 20px);
	}
	nav#mainnav2 a.aktiv {
		width: calc(90% - 20px);
	}

	footer nav#sitemap {
		width: 100%;
		margin:0px;
	}
	
	footer nav#sitemap a {
		margin: 10px 2vw 0px 0px;
	}

	footer nav#sitemapglobal {
		width: 100%;
		margin:20px 0px;
	}
}