﻿<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.kraftfahrzeugversicherung-information.de/bilder/hintergrund2.jpg);
        background-repeat: repeat-x;}
		

	#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.kraftfahrzeugversicherung-information.de/bilder/hintergrund2.jpg);
        background-repeat: repeat-x;}
		
	#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:196px;   top: 51px }
}


/* groessere Monitore */
@media only screen and (min-width: 760px)

{
	html {
        background-image: url(http://www.kraftfahrzeugversicherung-information.de/bilder/hintergrund2.jpg);
        background-repeat: repeat-x;}
		
	#content { position: absolute; left:calc(14% + 240px); width: calc(62% - 240px); margin-top: 20px;}
	#bannerbild {position: relative; left: 14%; right:14%; width: 62%; 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.kraftfahrzeugversicherung-information.de/bilder/hintergrund2.jpg);
        background-repeat: repeat-x;}

	#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; }
	
}	


/* noch grössere Monitore */
@media only screen and (min-width: 1280px)

{
	html {
        background-image: url(http://www.kraftfahrzeugversicherung-information.de/bilder/hintergrund2.jpg);
        background-repeat: repeat-x;}
		
	#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>	

