#container {
	max-width:80em;
	width: 80%;
	min-width:340px;
	margin: 0px auto;
	padding:0px;
	background-color: white;
}
#container-deck { height: 20em; border:0px solid red; width: 100% }
#content { min-height: 44em; height:auto; padding-top:0em; }
#content-banner { 
	padding-top:8.1em; 
	/*
	height: 14em; 
	background-image: url(../../images/bg-banner.png) ; 
	background-repeat: no-repeat; 
	background-size: 100% 90% ; */	/* 100% 20em */
}
#content-inner { padding:1em; }
#company-address { float:right; font-size: 0.8em; padding: 1em 1em 2em 1em; text-align:right; }
.dialogContent { max-width:80%; min-width:60%;}
#footer {
	min-height: 8em; background-color: #C3C4C9;
}
.form-label { float:left; width: 20%; padding: 0.2em 0em;}
.form-inputs { float:left; width: 60%; padding: 0.2em 0em; }
#header { position: fixed; top: 0px; width:80%;max-width:80em; background-color: #fff; z-index:10;  }
#header p { padding-top:0em; margin-top: 0em;} 
.input-col-field { width: 45%;  }
.mobile-only { display:none; }
.navbar  { 
	padding: 0em 0em; 
	height:1.5em; 
	z-index:10;
	width: 100%;
}
.navbar a { font-size: 0.8em;}
.navbar ul { list-style:none; text-decoration:none; margin:0px; padding:0px;}
#navi-footer { text-align:right;width:100%;}
#navi-footer > ul li {  text-align:right; min-width: 3em; }



@media only screen and ( max-width: 1024px){ /* iPads und kleiner */
	body { font-size: 1.1em;}
	#container{ font-size: 1.0em; }
	#container, #header { width: 95%; min-width:340px;}
	#content { min-height: 28em; }
	#content-banner { padding-top:0.79em;margin:0px;}	
	.form-label { float:none; width: 100%; padding: 0em 0em;}
	.form-inputs { float:none; width: 100%; padding: 0.2em 0em; }
	#header { position: relative; top: 0px; width:100%; z-index:10; }
	.input-col-field { width: 100%;  }
	.mobile-only { display:block; }
	table{ font-size: 0.6em; }

}