/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0;-webkit-text-size-adjust: 100%; }

body { background:#111; height:100%; }

img { border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
	
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img { visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
/* My styles  */
#mainnav, #nav-bilder {display:none;}
#language {display:block;position:absolute;right:10%;top:50%;width:80px;height:100px;z-index:1;visibility:visible;}
#language p {font:normal 24px 'Neue Helvetica', Helvetica, Arial, sans-serif;letter-spacing:2px; margin-bottom:30px;}
#language p a:link, #language p a:visited  {color:white;text-decoration:underline;}

@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px),
	only screen and (max-width: 568px)
{

#language {top:40%;right:20%}
#language p {font-size:200%;line-height:300%;}
#language p a:link, #language p a:visited {font-size:200%}
}
	
@media only screen and (orientation:landscape) {
#language p {font-size:150%;line-height:200%;}

}		
