:root {
	--logo-width: 207px;
	--logo-margin-left: 30px;
}

#layoutpos{
	width:100%;
}

#container{
	width:90%;
	/*min-width: 980px;*/
	margin: 1em auto;
	text-align:left;
	padding: 1em;
}

#header{
	float: left;
	background-color:#a9c23f;
	height:120px;
	width: calc(100% - var(--logo-width) - var(--logo-margin-left));
	margin-bottom: 16px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

img.logo{
	width: var(--logo-width, 207px);
	height: 70px;
	margin-top: 64px;
	margin-left: var(--logo-margin-left, 30px);
}

.debuginfo_container{
	margin-top:3px;
	margin-right:auto;
	margin-bottom:3px;
	margin-left:auto;
	text-align:left;
	padding:6px;
}

#menu1{
	font-size:9pt;
	padding:0;
	margin:0;
	width:734px;/*Gesamtbreite-Abst�nde links rechts wg. Mozilla*/
	border:0px solid red;
	position:absolute;
	top:144px;
	right:0;
	bottom:auto;
	left:270px;

}



#menu2{
	float:left;
	width:23%;
	border:0px solid black;
	/*background-color:#ff0000;*/
}

#news{
	border:0px solid black;
	float:right;
	width:15%;
	/*background-color:#ff0000;*/
}

#clear{
	clear:both;
	overflow:hidden;
	height:1px;
}

#footer{
	/* make footer a flex container and center items vertically */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 35px;
	margin-top:  var(--spacing-small, 6px);
	padding-top: 0px;
	padding-left: 60px;
	padding-right: 6px;
	background-color: var(--color-primary, #a9c23f);
	border-radius: 0px 0px 12px 12px;
}