/* CSS Document */

html,body {
	font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    height:100%; /* braucht es für die min-height des Containers */
}

a:link {
	color: #003366;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #003399;
}
a:active {
	color: #003366;
}

/* Inhalt rechts */

#inhalt {
	position: absolute;
	width: 800px;
	top: 0px;
	left: 50%;
	margin-left: -400px;
	visibility: visible;
}

div#container {
	float:left;
	padding-left:20px;
    position:relative; /* braucht es für die Footer Position*/
   /* margin:0 auto; /* Zentriert die Seite (nicht in IE5) */
    width:75%;
    height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */
}

.story{
	float:left;
	color:#203a7f;
	padding: 0px 0px 0px 100px;
	font-size: 105%;
	line-height:180%;
	width:50%;
}

.story h1{
	color:#203a7f;
	line-height: normal;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}

.story h2{
	color:#b7c922;
	line-height: normal;
	font-family: 'Oswald', sans-serif;
}

.story img{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.story p{
	padding: 0px 0px 20px 0px;
}

.galerie{
	width:150%;
	border:2px;
	border-color:#000000;
}

.galerie img{
	border-radius: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.right{
	float:left;
	color:#203a7f;
	padding: 0px 0px 0px 100px;
	font-size: 80%;
	line-height:180%;
	width:20%;
	margin-top: 250px;;
}

.right img{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.rightimg img{
	border-radius: 20px;
	margin-top: 50px;
	border:0;
}

div#aktuelles {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #FFCC00;
	width:810px;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 10px;
}

div#aktuelles h3{
	color: #FFCC00;
	margin-left:10px;
	font-size:140%;
	text-shadow: 0.1em 0.1em 0.05em #333;
}

div#formular {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #0099CC;
	width:380px;
	height:180px;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 10px;
}

div#formular h3{
	color: #0099CC;
	margin-left:10px;
	font-size:140%;
	text-shadow: 0.1em 0.1em 0.05em #CCC;
}

div#veranstaltungen {
	width:380px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
}

div#veranstaltungen h3{
	color: #0099CC;
	margin-left:10px;
	font-size:140%;
	text-shadow: 0.1em 0.1em 0.05em #CCC;
}

div#übernachtung {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #0099CC;
	width:380px;
	height:180px;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 10px;
}

div#übernachtung h3{
	color: #0099CC;
	margin-left:10px;
	font-size:140%;
	text-shadow: 0.1em 0.1em 0.05em #CCC;
}

div#achtung {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #FF0000;
	width:380px;
	height:380px;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 10px;
}

div#achtung h3{
	color: #FF0000;
	margin-left:10px;
	font-size:140%;
	text-shadow: 0.1em 0.1em 0.05em #CCC;
}


div#bild2 {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #0099CC;
}

div#bild3 {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #0099CC;
	background-image: url(2017/image14.jpg);

}

div#imageline {
	border-radius: 20px;
	border: 3px solid blue;
	border-color: #0099CC;
}

div#naviklein {
	color:#999999;
	font-size:80%;
}

div#naviklein a:link {
	color: #999999;
}

div#naviklein a:hover {
	color: #666666;
}

div#naviklein a:visited {
	color: #999999;
}

div#navi {
	color:#FFCC00;
	margin-top:10px;
	font-size:100%;
}

div#navi a:link {
	color: #003399;
	font-weight:600;
}

div#navi a:hover {
	color: #003366;
}

div#navi a:visited {
	color: #003399;
	font-weight:600;
}

div#bottom {
	color:#FFFFFF;
	font-size:80%;
	position:absolute;
	left:177px;
	top:1630px;
	z-index:2;
	height:100px
}

div#bottom a:link {
	color: #FFFFFF;
}

div#bottom a:hover {
	color: #FFFFFF;
}

div#bottom a:visited {
	color: #FFFFFF;
}

div#top { 
	background-color:#ffffff;
	float:left;
    position:relative; /* braucht es für die Footer Position*/
   /* margin:0 auto; /* Zentriert die Seite (nicht in IE5) */
    width:100%;
    height:auto !important; /* normale Browser */
    height:150px; /* IE6: setzt dies wie min-height um*/
    min-height:150px; /* normale Browser */
}

#inhalt2 {
	position: absolute;
	width: 840px;
	top: 0px;
	left: 50%;
	margin-left: -410px;
	visibility: visible;
}


/* Menü links */
div#left { 
	background-color:#b7c922;
	float:left;
    position:relative; /* braucht es für die Footer Position*/
   /* margin:0 auto; /* Zentriert die Seite (nicht in IE5) */
    width:20%;
    height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:150%; /* normale Browser */
}

.menu{
	clear: both; text-align:center;
	padding-top:0px;
	/*padding: 100px 0px 0px 100px;*/
	font-size: 100%;
}

.menu p{
	padding: 10px 0px 0px 0px;
}

div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* Positioniert dies ganz unten */
}