body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
a { 
	color: #FEFEFE;
	text-decoration: underline;
}
a:focus { 
outline: none; 
}
/*a:hover { 
	color: #33FF00;
}*/
.small {
	font-size:10px;
}

#overlay {
	position: absolute;
	left: 0px;
	top: 100px;
	color: #fff;
	padding: 10px;
	background: #000;
	width: 280px;
	z-index:1;
}

fieldset {
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: hidden;
}
fieldset * {
	text-align: left;
}
legend {
	color: #fc0;
	cursor: pointer;
	display: block;	
}

#control {
	text-align: center;
}
#control a {
	font-weight: bold;
	padding: 5px;
}

#thumbs, #thumbs1, #thumbs2 {
	text-align: center;
}
#thumbs a, #thumbs1 a, #thumbs2 a {
	display: block;
	/*line-height: 110px;*/
	float: left;
	/*width: 130px;*/ 
	height: 195px;
	margin: 0 25px 24px 0;
	border: 2px solid #FEFEFE;
	padding: 0px;
}
#transition {
	width:100%;
}

#showtitle {
	z-index: 3;
	position: absolute;
	top: 225px;
	left: 0px;
	/*background: #000;*/
	display: none;
	color: #fff;
	/*padding: 10px;*/
	width: 280px;
}

a.activeslide { border: 2px solid #CC0000 !important; }

#superbgimage {
	display: none;
	background: #fff url('superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}
#topcontainer {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 40px;
	background-image: url(grafik/background_layer.png);
	background-repeat: repeat;
	z-index: 1;
	}
#top {
/*	width: 820px;*/
	height: 40px;
	margin: 0 20px;
	}
#logo {
	float: left;
	}
#thumbcontainer {
	position: absolute;
	left: 50%;
	margin-left: -410px;
	top: 100px;
	width: 820px;
	padding: 10px;
	min-height: 400px;
	background-image: url(grafik/background_layer.png);
	background-repeat: repeat;
	z-index: 2;
	display: none;
	}
#kontakt, #imprint, #design  {
	position: absolute;
	left: 50%;
	margin-left: -410px;
	top: 100px;
	width: 820px;
	padding: 20px;
	min-height: 300px;
	color: #FEFEFE;
	font-size: 16px;
	background-image: url(grafik/background_layer.png);
	background-repeat: repeat;
	z-index: 2;
	display: none;
	}
#kontakt h2, #imprint h2, #design h2 {
	font-size: 16px;
	margin-top: 0px;
	text-transform: uppercase;
	}
#nav {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 12px;
	text-transform: uppercase;
	}
#nav a{
	text-decoration: none;
	margin-left: 10px;
	}
#nav a:hover {
	text-decoration: overline;
	}
.description {
	background-image: url(grafik/background_layer.png);
	background-repeat: repeat;
	padding: 10px;
	color: #FEFEFE;
	z-index:10;
	}
.descdiv	{
	z-index: 3;
	position: absolute;
	bottom: 20px;
	left: 20px;
	/*background: #000;*/
	display: none;
	color: #fff;
	/*padding: 10px;*/
	width: 300px;
}
.thumbnail-item{/* position relative so that we can use position absolute for the tooltip */position:relative;float:left;margin:0px 0px;}
.thumbnail-item a{display:block;}
.thumbnail-item img.thumbnail{border: hidden;}
.tooltip{/* by default, hide it */display:none;/* allow us to move the tooltip */position:absolute;/* align the image properly */padding:8px 0 0 8px; /*border: #808080 2px solid;*/}
.tooltip span.overlay{/* the png image, need ie6 hack though */background:url(images/overlay.png) no-repeat;/* put this overlay on the top of the tooltip image */position:absolute;top:0px;left:0px;display:block;width:600px;height:400px;}.clear{clear:both}