@charset "UTF-8";
/* CSS Document */
* { 
	padding:0;
	margin:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
body { 	
	font-family:Arial, Helvetica, sans-serif;
	background:#f8e8c4;
	

		}
#content {
/*	box-shadow:0px 2px 5px #666666;*/
	max-width:1000px;
	height: auto;     
	margin:2% auto;
		-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:17px;	
	background:#f8e8c4;
	line-height:1.2;
	
		}
		
header h1 {
	font-size:300%;
	line-height:100%;
	margin-left:6%;
	margin-right:6%;
	margin-top:0.5%;
	padding-top:5%;
	border-bottom:3px solid #c2cb8b;
	}
article {
	padding-left:0%;
	padding-right:0%;
		}
		article a {
			color:#636;
	text-decoration:none;
			}
article p{
		text-decoration:none;

	font-size:100%;
	line-height:1.2;
	
	}
	.mich_1 {
			box-shadow:6px 2px 5px #666666;
margin-right:2%;
		width:53%;
		height:auto;
		max-width:100%;
		float:left;
		}
.mich3 img {
	width:45%;
	float:right;
	Max-width:100%;
	height:auto;
	}
.text {
	float:right;
	}
	
.hr {
	border-bottom:3px solid #c2cb8b;
	margin-right:0%;
	margin-bottom:3%;
	margin-top:6%;
	}
article h1 {
	font-size:24px;
	margin-top:0%;
	margin-bottom:0%;
	}
article h2 {
	font-size:20px;
	margin-bottom:3%;
	}
	.clear {clear:both;}

footer {
	position:relative;
	clear:both;
	height: 100%;
	width:100%;
	background-color:#c2cb8b;
		}
footer ul {
	margin-left:0%;
		}
footer ul li {
	list-style: none;
	float: left;
	min-height: 1px;
	vertical-align: middle;
		}
footer ul li.hover,
footer ul li:hover {
	position: relative;
	cursor: default;
		}
footer ul li:hover > ul {
	visibility: visible;
		}
footer li a {
	text-align:center;
	height: 40px;
 	text-decoration: none;
	margin-left:auto;
		}	
footer li a:link, footer li a:visited {
	float:left;
	color: #003;
	display:inline-block;
	background-color:#c2cb8b;
	padding: 0px 0 0 5px;
	width:115px;
		}
footer span,
footer a {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
		}
footer:after,
footer ul:after {
	content: '';
	display: block;
	clear: both;
		}
footer li a:hover {
	color:#333;
	background:#f9eccb;
	background-size:80% auto;
	padding: 0 0 0 5px;
		}
footer, p {
	font-size:85%;
	line-height:40px;
		}
		
.oben a {
	color:#000;
	text-decoration:none;
	height: 40px;
	background:url(../s_4/img_4/pfeil_o_hg.png) center no-repeat #9fa76b;
	background-size:auto 100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	/*float:left;*/
		}
		
#link {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	width: 350px;
	height:40px;
	display:inline-block;
		vertical-align:middle;
		margin-bottom:7.0%;
	}
	
	#link a {
	color:#000;
	text-decoration:none;
		}
.mycss {	
width: 8%;
height: 13px;
cursor: pointer;
float:right;
}

p {
		text-decoration:none;

	}

   					
@media screen and (max-width:800px){
	#content {
		width:99%;
		min-width:300px;
		height:auto;
		background-size:contain;
			font-size:14px;	
			}
			.mich3 img {
	width:45%;
	float:right;
	Max-width:100%;
	height:auto;
	}
	#link {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	width: 350px;
	height:40px;
	display:inline-block;
		vertical-align:middle;
		margin-bottom:2.3%;
	}

.mycss {	
width: 10%;
height: auto;
cursor: pointer;
float:right;
}
			
		footer {
	height: 200%;
		}

}

@media screen and (max-width:380px){
	#content {
		width:98%;
		min-width:300px;
		height:auto;
		background-size:contain;
			}
			
header h1 {
	font-size:250%;
	line-height:100%;
	margin-left:6%;
	margin-right:6%;
	margin-top:0.5%;
	padding-top:5%;
	border-bottom:3px solid #c2cb8b;
	}

		footer {
	height: 300%;

		}
	.mich_1 {
		box-shadow:6px 2px 5px #666666;
		margin-bottom:3%;
		width:98%;
		height:auto;
		max-width:100%;
		float:left;
		}
		.mich3 img {
			margin-top:40%;
			float:left;
			width:100%;
			Max-width:100%;
			height:auto;
		}

#link {
	width: 300px;
	}

}