

<style>

   @media (-webkit-min-device-pixel-ratio: 1.5) { /* WebKit */ }
   @media (min--moz-device-pixel-ratio: 1.5) { /* Mozilla */ }
   @media (-o-min-device-pixel-ratio: 3/2) { /* Opera */ }
   @media (min-resolution: 1.5dppx) { /* CSS3 */ }

	 img {
		max-width:100%;
		height:auto;
		width: auto; /* IE 8 */}

   /* Standard (ohne media interpretierung)  */	
   
	html {
        background-image: url(http://www.sris.de/bilder/hintergrund.jpg);
        background-repeat: repeat-x;}
		
		
 		.bildoben 
	  
		{width: 100%;
		 height: auto;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 10px}
		
	#content { position: absolute; left:250px; width:740px; margin-top: 320px;}
	#bannerbild {position: relative; left: 10px; margin-top: 100px  }
	#navilinks { display:inline; position: absolute; left:10px; width:230px; }
	
	#navioben { display:inline; position: absolute; left:10px;   top: 51px  }
	#navitext { display:inline; position: absolute; left:10px;   top: 16px  }
	#navimobil { display:none }
	
	
	 

/* Standard (mit media interpretierung zb mobilansicht)  */	
@media only screen and (min-width: 1px) 
{	
	html {
        background-image: url(http://www.sris.de/bilder/hintergrund.jpg);
        background-repeat: repeat-x;}
		
		
 		.bildoben
	  
		{width: 100%;
		 height: auto;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 10px}
		
	#content { position: absolute; left:2%; width:96%; margin-top: 20px;}
	#bannerbild {position: relative; left: 0%; right:0%; width: 100%; margin-top: 100px  }
	#navilinks { display:none }
	
	#navioben { display:inline; position: absolute; left:2px;   top: 51px  }
	#navitext { display:inline; position: absolute; left:2px;   top: 16px  }
	#navimobil { display:inline; position: absolute; left:98px;   top: 51px }
}



/* groessere Monitore */
@media only screen and (min-width: 380px) 
{
	html {
        background-image: url(http://www.sris.de/bilder/hintergrund.jpg);
        background-repeat: repeat-x;}
		
		
 	.bildoben 
	  
		{width: 50%;
		 height: auto;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 10px}
		
	#content { position: absolute; left:2%; width:96%; margin-top: 20px;}
	#bannerbild {position: relative; left: 0%; right:0%; width: 100%; margin-top: 100px  }
	#navilinks { display:none }
	
	#navioben { display:inline; position: absolute; left:2px;   top: 51px  }
	#navitext { display:inline; position: absolute; left:2px;   top: 16px  }
	#navimobil { display:inline; position: absolute; left:98px;   top: 51px }
 
}	


/* groessere Monitore */
@media only screen and (min-width: 760px) 
{
	html {
        background-image: url(http://www.sris.de/bilder/hintergrund.jpg);
        background-repeat: repeat-x;}
		
		
 	.bildoben 
	  
		{width: 50%;
		 height: auto;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 10px}
		
	#content { position: absolute; left:calc(14% + 240px); width: calc(72% - 240px); margin-top: 20px;}
	#bannerbild {position: relative; left: 14%; right:14%; width: 72%; margin-top: 100px  }
	#navilinks { display:inline; position: absolute;  left:14%;  }
	
	#navioben { display:inline; position: absolute; left:14%;   top: 51px  }
	#navitext { display:inline; position: absolute; left:14%;   top: 16px  }
	#navimobil { display:none; }
 
}	


/* grosse Monitore */
@media only screen and (min-width: 980px) 
{
	html {
        background-image: url(http://www.sris.de/bilder/hintergrund.jpg);
        background-repeat: repeat-x;}
		
		
	 	.bildoben
	  
		{width: 50%;
		 height: auto;
		 float:left;
		 margin-right: 20px;
		 margin-bottom: 10px}	

		
	#content { position: absolute; left:calc(19% + 240px); width: calc(62% - 240px); margin-top: 20px;}
	#bannerbild {position: relative; left: 19%; right:19%; width: 62%; margin-top: 100px  }
	#navilinks { display:inline; position: absolute;  left:19%;  }
	
	#navioben { display:inline; position: absolute; left:19%;   top: 51px  }
	#navitext { display:inline; position: absolute; left:19%;   top: 16px  }
	#navimobil { display:none; }
 
}

/* grosse Monitore */
@media only screen and (min-width: 1280px) 
{

	html {
        background-image: url(http://www.sris.de/bilder/hintergrund.jpg);
        background-repeat: repeat-x;}
		
		
	 	.bildoben
	  
		{width: 50%;
		 height: auto;
		 float:left;
		 margin-right: 20px;
		 margin-bottom: 10px}	
		
	#content { position: absolute; left:calc(24% + 240px); width: calc(52% - 240px); margin-top: 20px;}
	#bannerbild {position: relative; left: 24%; right:24%; width: 52%; margin-top: 100px  }
	#navilinks { display:inline; position: absolute;  left:24%;  }
	
	#navioben { display:inline; position: absolute; left:24%;   top: 51px  }
	#navitext { display:inline; position: absolute; left:24%;   top: 16px  }
	#navimobil { display:none; }

	 
}
	
</style>