@import url(http://fonts.googleapis.com/css?family=Inder:400&subset=latin,latin-ext);

html { background:#ddd; }
html, body { padding:0; margin:0; height:100%;  }
body { font-family: 'Inder', sans-serif; min-height:600px; position:relative; float:left; width:100%; -moz-user-select: none;-webkit-user-select: none; }

.body { width:850px; margin:0 auto; }

aside.date { background: #fff; font-size:.65em; text-align: right; padding: 3px 0; color:#292929; }

/* ORYG nav { line-height:85px; position:absolute; bottom:130px; width:100%; } */
nav { line-height:85px; position:absolute; bottom:250px; width:100%; }
	nav table { width:100%; }
	nav table .nav td { background:#fff; padding:0; }
	nav table .fill { width:100%; }
	nav table .nav .bttn { min-width:200px; background:none; padding:0 1px; }
	nav table .bttn a { display:block; text-align:center; color:#000; font-size:1.8em; text-decoration:none; background:#ddd; background:rgba(255,255,255,0.7); text-transform:uppercase; white-space: nowrap; }
	nav table .bttn a.active, nav table .bttn a:hover { background:#292929; background:rgba(41,41,41,0.8); color:#fff; }

section.body {  }
	section.body article { display:none; width:480px; min-height:435px; overflow:hidden; background:#292929; background:rgba(41,41,41,0.8); border-color:#fff; border-width:25px; border-style:solid; border-color:rgba(255,255,255,0.8); border-bottom:none; color:#fff; font-size:.8em; line-height:1.5em; padding:10px; float:right;
		-moz-background-clip: padding;     /* Firefox 3.6 */
		-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
		background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	 }
	section.body article.width { width: 700px; }
		section.body article.width .left { width: 480px; float: left; }
		section.body article.width .right { width: 200px; float: right; }
	section.body article.active { display:block; }
	.kontakt h1 { font-size:1.5em; margin-top:0; }
		.kontakt p {  }
		.kontakt p strong { display:inline-block; zoom:1; *display:inline; width:85px; color:#a7a7a7; text-transform:uppercase; font-weight:normal; }
		
		.kontakt img { float:left; }
		
		.kontakt form { width:230px; float:right; padding:0; margin:0; overflow:hidden; }
			.kontakt form fieldset { border:0; padding:0; margin:0; }
			.kontakt input[type=text],
			.kontakt textarea { width:224px; margin-bottom:2px; padding:5px 3px; border:0; background:#cbcbcb; }
			.kontakt textarea { resize:none; height:170px; }
			.kontakt input[type=submit] { background:none; border:none; color:#fff; float:right; padding:0; margin-top:5px; }
			.kontakt ::-webkit-input-placeholder { color:#000; }
			.kontakt :-moz-placeholder { color:#000; }
			.kontakt :-ms-input-placeholder { color:#000; }
			.kontakt #comm { padding:0; margin:3px 0 0 0; width:180px; float:left; color:#fff; font-size:.75em; }
				.kontakt #comm.e { color:#E89B90; }
				.kontakt #comm.s { color:#ADFFBA; }
				.kontakt #comm.i { color:#99C9FF; }
		

footer { position:absolute; bottom:0; width:100%; background:#292929; color:#8d8d8d; font-size:.6em; }
	footer .body { padding:10px 0; }
	footer .body:after { content:''; clear:both; display:block; }
	/* DELETED footer img { display:block; width:530px; float:left; } */
	footer .body div { display:block; width:530px; float:left; } /* NEW */
	footer .body div img { float:left; } /* NEW */
	footer .body div p { float:left; } /* NEW */
	footer .body a { color:#8d8d8d; text-decoration:none; }
	footer .body .counter { float:right; height:50px; padding-top: 5px; }
		footer .body .counter strong { display:block; font-size:2em; text-align:right; }
	footer .body .creator { display:block; clear:both; text-align:right; }

@media screen and (max-height:650px){
	body {  }
	.body {  }
	header img { width:150px; }
	nav { bottom:85px; }
	nav td { line-height:40px; }
	nav table .bttn a { font-size:1.2em; }
	
}

#supersized-loader { position:fixed; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/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(../img/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; }