body   {background-color:#ffffff; margin:0px; overflow-x:hidden;
		background: url(../bilder/) no-repeat center center fixed;
		background-size: 70%; }
#grund   { position: relative; top:  0px;} 
#banner  { position: fixed; top:0px; left: 0px; height:calc(40px + (140 - 60) * ((100vw - 200px) / (1600 - 200))); width: 97%; 
		padding: 10px 10px 10px 10px; background-color: #ffffff; text-align:center; border-width:10px; border-style:solid; border-color:#00CCFF; z-index:9;}
#menu	 { position: fixed; top:calc((60px + (140 - 60) * ((100vw - 200px) / (1600 - 200))) + 5px);
		left:  0px; height:calc(30px + (50 - 30)* ((100vw - 200px) / (1600 - 200))); width:100%; background-color:#ffffff; z-index:8;}
#mitte   { position: absolute; top:calc(80px + (160 - 80) * ((100vw - 200px) / (1600 - 200)));
		left:  0px; width: calc(100% - 80px); z-index:4; padding:0px 0px 0px 40px; }
#banners { position: fixed; bottom: 0px; left: 0px; height:calc(20px + (50 - 20)* ((100vw - 200px) / (1600 - 200))); 
		width:100%; background-color: #FFFFFF; z-index:10;}

.u1	 { font-size: calc(16px + (90 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: normal; text-align:left; }	
.u2	 { font-size: calc(16px + (40 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: normal; text-align:left; } 
.u3	 { font-size: calc(16px + (20 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: normal; font-style: normal;text-align:center; } 
.u3a	 { font-size: calc(16px + (20 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: normal; text-align:left; } 
.u3p	 { font-size: calc(16px + (20 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: normal; text-align:left; color:#404040; } 
.u3u	 { font-size: calc(8px + (20 - 8) * ((100vw - 200px) / (1600 - 200))); font-style: italic; font-weight: bold; text-align: center; vertical-align: top;}
.u4	 { font-size: calc(14px + (18 - 14) * ((100vw - 200px) / (1600 - 200)));  font-style: normal; text-align: left; }
.u4p	 { font-size: calc(14px + (18 - 14) * ((100vw - 200px) / (1600 - 200))); font-style: normal; text-align:left; color:#404040;}
.u5	 { font-size: calc(10px + (12 - 10) * ((100vw - 200px) / (1600 - 200))); font-style: normal;}
.u6	 { font-size: calc(8px + (10 - 8) * ((100vw - 200px) / (1600 - 200)));  font-style: normal;}
.vertical-tabl { display: table-cell; vertical-align: top; align: center; }
.hidden {display:none;}
.visible {display:block;}


l1	 { font-size: calc(12px + (70 - 12) * ((100vw - 300px) / (1600 - 300)));  font-weight: bold; font-style: italic; text-align:center; }	
l2	 { font-size: calc(12px + (40 - 12) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: italic; text-align:right; } 
l3	 { font-size: calc(12px + (25 - 12) * ((100vw - 200px) / (1600 - 200)));  font-style: italic; text-align:center; } 

h1	 { font-size: calc(16px + (30 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: normal; text-align: center;}
h2	 { font-size: calc(16px + (25 - 16) * ((100vw - 200px) / (1600 - 200))); font-weight: bold; font-style: normal; text-align: center;} 
h3	 { font-size: calc(8px + (20 - 8) * ((100vw - 200px) / (1600 - 200))); font-style: italic; text-align: center; vertical-align: top;} 
h4	 { font-size: calc(12px + (20 - 12) * ((100vw - 200px) / (1600 - 200))); font-style: normal; text-align: center; }
h5	 { font-size: calc(10px + (12 - 10) * ((100vw - 200px) / (1600 - 200))); font-style: normal;}
h6	 { font-size: calc(18px + (10 - 8) * ((100vw - 200px) / (1600 - 200))); font-style: normal;}

img	 { border-width:1px; border-style:solid; border-color:#00CCFF; }
#banner img	 { border-width:0px; }