@charset "utf-8";
/* CSS Document 
//---------------------------------------------------------------------------------------------------------------------------------
// Dateiname: 	html5_stylesheet_mobile.css
//---------------------------------------------------------------------------------------------------------------------------------
// Ersteller:	Christoph Otremba
// Datum:		2017-01-09
// E-Mail:		info@scmsystems.de.de
// Bearbeiter:	Christoph Otremba
// Bearbeiet:	2017-01-09
// Version:		1.0	erstellt
// Bearbeiet:	
// Version:		
//---------------------------------------------------------------------------------------------------------------------------------
*/
body {
	background-color:#9AC2FF;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding: 0px;
	background-image: url("image/main.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 1000px auto;
	height: 100%;
}
	
header {
	top: 5px;
	left: 10px;
	height: 100px;
	text-align:left;
}
#toplist{
	float: left;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:3px;
	background-color:#AFCB1F;
}
#imgtop{
	width: 18%;
}
#logo{
	margin-top:10px;
	margin-left:10px;
	float:left;
	width:100px;
}
main {
	top: 50px;
	left: 5px;
	width:100%;
	color: #000000;
	padding:6px;
	float:left;

}
#imgmain{
	float:left;
	width:22%;
	margin:0px;
	padding:0px;
}
#imglinks01{
	margin-top:10px;
	width:150%;	
}
#imglinks02{
	width:90%;		
}
#imgrechts01{
	margin-top:120px;
	width:90%;	
}
#imgrechts02{
	width:90%;		
}
aside {
	float:left;
	width:80%;
	margin-top: 15px;
	text-align:center;
}
#imgside{
	width:100px;
}
#imgsidekontakt{
	width:100px;
}
article {
	width:98%;
	text-align:left;
	padding-left: 10px;
}
#imgart{
	max-width: 90%;
}
#imggallery{
	padding: 5px;
	width: 20%;
}
footer {
	background-color:#AFCB1F;
	position:fixed;
    bottom: 0;
	width:100%;
	height:50px;
	color:#ffffff;
	font-size:medium;
	text-align:center;
}

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:small;
}

ul li a {
	text-decoration:none;
    color:black; 
    background-color:#AFCB1F;    
	border-radius:10px;
	padding:2px;
}


 
ul li a:hover, ul li .current {
	color:black;
    background-color:#e8e9ea;}

article#imp {
	background-color:#AFCB1F;
	width:90%;
	float:right;
	margin-right:15px;
	border: 1px solid grey;
	border-radius:10px;
	height:90%;
	overflow-y: auto;
	margin-bottom:50px;
	padding-bottom:10px;
	list-style-type: none;	
}