* {margin:0;	padding:0;}

html, body {height:100%;}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color:#000;
	color:#fff;
	text-align:center; /* horizontal centering for IE Win quirks */
}

a { 
	color: #999;
	text-decoration: none;
	border:0 none;
	font-size: 9px;
}
a:hover { 
	color: #fff;
	border:0;

}
.small {
	font-size:9px;
}

#overlay {
	color: #fff;
	padding:5px;
	z-index:1;
	position: fixed;
	bottom: 1.5em; right: 2em;
	background: #000;
}

fieldset {
	text-align: left;
	margin-top: 100px;
	padding: 10px;
	border:solid 1px #333;
}

fieldset * {
	text-align: left;
	border:0;
}
legend {
	color: #fc0;
	cursor: pointer;
	display: block;	
}

#control {
	text-align: center;

}
#control a {
	font-weight: normal;
	padding: 5px;
}

#thumbs, #thumbs1, #thumbs2, #thumbs3, #thumbs4 {
	text-align: center;
}
#thumbs a, #thumbs1 a, #thumbs2 a, #thumbs3, #thumbs4 {
	display: block;
	line-height: 22px;
	float: left;
	width: 22px; 
	height: 22px;
}

#transition {
	width:100%;
	display:none;
}

#options {display:none;}

#showtitle {
	z-index: 3;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: #000;
	display: none;
	color: #fff;
	padding: 10px;
	width: 275px;
	border-top: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;	
}

a.activeslide { background:red; }

#superbgimage {
	display: none;
	background: #fff url('superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}


.scanlines {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url('grid.png');
}

#publish {
	color: #fff;
	width: 200px;
	z-index:100;
	position: fixed;
	bottom: 3.2em; right: 1.7em;
	}

#publish img {border:0;}

#categorie {
	color: #fff;
	padding: 5px;
	z-index:1;
	position: fixed;
	bottom: 1.5em; left: 2em;
	background: #000;
	}


#categorie {
	text-align: center;

}
#categorie a {
	font-weight: normal;
	padding: 5px;}


#distance { 
	width:1px;
	height:50%;
	background-color:#000;
	margin-bottom:-125px; /* half of container's height */
	float:left;
	}

#logo {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:250px;
	width:396px;
	clear:left;
	color:#fff;
	font-size: 10px;
	}
	

#logo h1 {
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	width: 396px;
	height: 82px;
	display: block;
	background: url('logo.jpg') no-repeat;}


#logo p {margin:30px 20px 70px 40px}
	
#logo ul {list-style:none; text-align:center; margin: 10px 0 ;}	
#logo  li  {display:inline; }
#logo  a {color:#FFF;text-decoration:none; font-size: 9px;}
#logo  a:hover {text-decoration:underline;}

#kontakt {width:600px; 	margin:0 auto;}
#kontakt p {font-size:10px; color:#fff;}