body {  
	font-family: verdana, cursive, arial;
	background-image: url("wildbuche.jpg");
	   background-attachment: fixed;
		background-repeat: repeat;}
	body.navi { 
		background-image: url("wildbuchenavi.jpg");
        background-position: top right;
        background-repeat: repeat;
	}
	h1 {
	font-family: Comic Sans, Comic Sans MS, cursive, verdana,arial,helvetica,sansserif;
	}
		
	#main {
		margin-left: 0;
	    float: left;
		left: 0;
		position: relative;
		width: calc(100% - 124px);
		}
			
	#frame {
		float: left;
		height: 100%;
		left: 0;
		position: relative;
		width: 124px;
	}
	#naviframe {
		border: medium none;
		height: 100%;
		left: 0;
		margin: 0;
		position: fixed;
		top: 0;
		width: 124px;
		}
	.float100, .float60, .float50, .float40 {
		float: left;
		}
	.float100 { width: 100%;	}
	.float60   { width: 60%; }
	.float50   { width: 50%; }
	.float40   { width: 350px;}
	
		#homestempel  {  float: left; width: 100%; }
		#homestempel  img{  float: left; }
		#aktion { background-color: #FFFFFF;
			float: left;
			margin-top:10px;
			margin-left:10px;
			min-height: 70px;
			width: 300px; }
		#tuerkis {background-color: #FFFFFF;
			float: left;
			margin-top:10px;
			margin-left:10px;
			min-height: 70px;
			width: 300px;}
		#corona {background-color: #FFFFFF;
			float: left;
			margin-top:10px;
			margin-left:10px;
			min-height: 70px;
			width: 300px;}
		#aktion {background-color: #FFFFFF;
		  /* height: 335px; */
			 }
			 .vollebreite {
				display: block;
				float: left;
				width: 100%;
				position: relative;
			}
			 .feld {
				display: block;
				float: left;
				max-width: 397px;
				position: relative;
			} 
		#homestempel .aktion { 
		display: block; 
		height: 45px; 
		overflow: hidden; }
		.aktion { display: block; 
		font-family: verdana; font-size: 14px; margin: 10px; padding: 10px; background-color: #FFD000;	}
		.tuerkis { display: block; 
		font-family: verdana; font-size: 14px; margin: 10px; padding: 10px; background-color: #11bbcc;	}
		.corona { display: block; 
		font-family: verdana; font-size: 14px; margin: 10px; padding: 10px; background-color: #ff6666;	}
		table .aktion { display: block; width: 344px;}
	    #aktion .aktion { display: block; height: 205px;}
		a, .bild {border: medium none;
		font-family: Comic Sans, Comic Sans MS, cursive, verdana,arial,helvetica,sansserif;
		}
		.aktion h2 { margin-top: 0px; }
		.link { font-size:16px; color:#000000; text-decoration:none; font-style:normal; font-weight: bold;}
		a:link { font-size:16px; color:#000000; text-decoration:none; font-style:normal; font-weight: bold;}
		a:visited {font-size:16px; color:#000000; text-decoration:none; font-style:normal; font-weight: bold;}
		a:hover { font-size:16px; color:#FFFFFF; text-decoration:none; font-style:normal; font-weight: bold;}
		a:active { font-size:16px; color:#FFFFFF; text-decoration:none; font-style:normal; font-weight: bold;}

		.link { font-size:14px; color:#000000; text-decoration:none; font-style:normal; font-weight: bold;}
		a:link {font-size:14px; color:#000000; text-decoration:none; font-style:normal; font-weight: bold;}
		a:visited { font-size:14px; color:#000000; text-decoration:none; font-style:normal; font-weight: bold;}
		a:hover { font-size:14px; color:#FFFFFF; text-decoration:none; font-style:normal; font-weight: bold;}
		a:active { font-size:14px; color:#FFFFFF; text-decoration:none; font-style:normal; font-weight: bold;}
		
		a.blink { float: right;}
		.content {position: relative;}
		.Textbereich {
		background-color: #FFFFFF;
			float: left;
			/*height: 140px; */
			margin-bottom: 10px;
			margin-right: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
			/* max-width: 390px; */
				} 
		.fussbereich {
			float: left;
			max-width: 600px;
			} 
		.Textbereich,
		.fussbereich {
				width: 95%; 
			}

		h2 {
		    margin-top: 10px;
			margin-bottom: 10px; 
			}
		h4 {
		    margin-top: 10px;
			margin-bottom: 5px; 
			}

		h3 {
		    margin-top: 10px;
			color: #FFFFFF; 
			}
		.bildbereich, 
		.content {max-width: 840px;}
		.bild {float: left;  padding-right: 10px;  padding-bottom: 10px;  cursor: pointer; width: 200px;}
		
		.Textbereich a:hover {
				background-color: #000000;
				padding-left: 5px;
				padding-right: 5px;
			}
		input.breite { width:262px;}
		select.breite { width:262px;}
		textarea.breite { width:262px;}
		@media only screen and (max-width: 500px) {
		input.breite { width:152px;}
		select.breite { width:152px;}
		textarea.breite { width:152px;}
		}
		input[type="reset"] {
		color: #111111;
		background-color: #EEEEEE;
		}
		input[type="submit"] {
		background-color: #FFD000;
		}
		@media only screen and (max-width: 600px) {
			.stempel { 	width: 200px;	}
			.bild { width: 30%;}
			
		}
		@media only screen and (max-width: 500px) {
			.stempel {	width: 120px;	}
			.flyerlink {
				position: absolute;
				top: 235px;
				left: 15px;
			}
			.bild { width: 45%;}
			#aktion { height: 330px;	 }
			#aktion  .aktion { display: block; height: 290px;}
		}
		@media only screen and (max-width: 435px) {
			.flyerlink {
				position: relative;
				top: 0;
				left: 0;
			}
			.bild { width: 100%;}