body          { background-color: #F2F2F2; margin:0px; padding:0px; }

body.start    { background-color: #FFEEF2;
                background-image: url("bgimg/luftbild_essen_nord_background.jpg");
                background-repeat: no-repeat; 
			    background-position: center center; 
			    background-size: cover;
			    background-attachment: fixed; }
				
h1            { font-family: Calibri, Arial, Helvetica, sans-serif;
                  font-size: 48pt; color: #FFFFFF; line-height: 54pt; 
	  		    margin:0pt; padding:0pt 10pt;
		  	    text-shadow: 2px 2px 4px #999999; }
			  
h2            { font-family: Calibri, Arial, Helvetica, sans-serif;
                font-size: 24pt; color: #FFFFFF; line-height: 28pt; 
	  		    margin:0pt; padding:0pt 10pt;
		  	    text-shadow: 2px 2px 4px #999999; }			

div.top       { background-color:#335577; opacity: 0.9; 
                position:absolute; left: 0px; top:0px; 
	  	 	    margin:0px; padding:0px;
				width:100vw; height:10vh; }
				
div.header    { position: relative; margin-left:auto; margin-right:auto; 
	 			width: 1200px; height: 8vh; }				
			  
div.container {	background-color: rgba(255,255,255,0.95); 
                border:1px solid #999999; box-shadow:#555555 1px 1px 6px; 
                position: relative; margin-left:auto; margin-right:auto; 
				margin-bottom:0px; margin-top:10vh;
				width: 1200px; height: 80vh; }

div.container-start {	background-color: transparent;  
                border:1px solid transparent; 
                position: relative; margin-left:auto; margin-right:auto; 
				margin-bottom:0px; margin-top:10vh;
				width: 1200px; height: 80vh; }

div.bottom    { background-color:#335577; opacity:0.9; 
                position:absolute; left: 0px; top:95vh; 
				margin:0px; padding:0px; 
				width:100vw; height:5vh; 
				overflow:hidden; }
  
div.footer    { position: relative; margin-left:auto; margin-right:auto; 
	  			width: 1200px; height: 5vh; }		

table.menu    { width: 100%; }

tr.menu       { vertical-align: bottom; }

td.menu       { text-align: center; 
                font-family: Calibri, Arial, Helvetica, sans-serif;		
	  		  	font-size:15pt; line-height: 15pt; color: white;
				padding:10px; 
			  }

td.tr         { text-align: right;  }

td.tl         { text-align: left;  }



@media screen and (min-width:1280px) {

  div.header     { width: 1200px; margin-left:auto; margin-right:auto; }
  
  div.container  { width: 1200px; margin-left:auto; margin-right:auto; }	

  div.container-start  { width: 1200px; margin-left:auto; margin-right:auto; }	

  div.footer     { width: 1200px; margin-left:auto; margin-right:auto; }
	  
}

@media screen and (min-width:1024px) and (max-width:1279px) {
			  
  div.header     { width: 960px; margin-left:auto; margin-right:auto; }
  
  div.container  { width: 960px; margin-left:auto; margin-right:auto; }	

  div.container-start  { width: 960px; margin-left:auto; margin-right:auto; }	

  div.footer     { width: 960px; margin-left:auto; margin-right:auto; }
 
}

@media screen and (min-width:800px) and (max-width:1023px) {
			  
  div.header     { width: 760px; margin-left:auto; margin-right:auto; }
  
  div.container  { width: 760px; margin-left:auto; margin-right:auto; }	

  div.container-start  { width: 760px; margin-left:auto; margin-right:auto; }	

  div.footer     { width: 760px; margin-left:auto; margin-right:auto; }
 
}