@charset "UTF-8";

html * { font-size: 100.01%; }
html, body { width: 100%; min-height:100%; background:white; }
body { width:100%; height:100%; }

body {
    overflow-y: scroll;
    font-size: 90%;
    font-weight: normal;
	color:#4a4a4a;
	background:#f8f8f8;
	font-family: 'Open Sans', sans-serif;
} 
 
#wrapper {
	position:relative;
    width:auto;
	height:auto; 
    overflow:hidden;
/*	text-align:left; extra nicht! */
	margin:0 auto;
    margin-top:0%;
    padding:0%;
    background-color:white;
    min-width: 100px;
    max-width: 1600px;
}

#header {
	position:relativ;
    margin:0%;
    margin-left:0%;
    margin-right:0%;
    margin-top:1.5vH;
    margin-bottom:0vH;
	padding:0%;
    padding-bottom:0vH;
	display: flex;
	justify-content : center;
	-ms-flex-pack : center;
	align-items:center;
	-ms-flex-align : center; 
}

#main {
    z-index:1;
    margin: 0%;
    padding: 0%;
    padding-left: 10%;
    padding-right: 10%;
    vertical-align:top;
	margin-top:0vH;
	padding-top:0vH;
}

#bottom {
    clear:left;
	clear:right;
    overflow:hidden;
 	margin:0%;
    margin-top:0%; 
    margin-left:3%;
    margin-right:3%;
    padding:0%;
    padding-top:2vH;
    padding-bottom:2vH;
	min-height:3%; 
    background:transparent; 
}
    
#col1 { 
	float:left; 
	z-index:-1;
	width: 0%; 
	margin:0%;
	padding:0%;
}
#col1_content { }


#col2 { 
    float:right;
    width: 0%; 
	margin:0%;
	padding:0%;
}
#col2_content { }


#col3 {  
	vertical-align:top;
	margin:0%;
	margin-right:0%; /* siehe Col2 */
	margin-left: 0%; /* siehe Col1 */
	padding:0%;
	margin-top:0vH;
	padding-top:0vH;
    background:transparent;
	margin-top:0vH;
	padding-top:0vH;
}

#col3_content {
	z-index:2;
	vertical-align:top;
	margin: 0%;
	margin-top:1.5vH;
	margin-bottom:1vH;
 	padding:0%;
	padding-top:0vH;
	min-height:400px;
}