@charset "utf-8";
/* the thumbnail scrollable */
#mask {
	background:#123 url( url(image/mask_gradient_1800.png)) no-repeat;
	background-position:50% -200px;
}

/* general settings for both scrollables */
div.items {	
	width:20000em;	
	position:absolute;
	clear:both;
}

/* next/prev buttons */
div.navi {
	background-image:url(image/arrow_world.png);
	width:36px;
	height:29px;
	float:left;
	margin-top:55px;
}

div.navi:hover  		{ background-position:0 -32px; }
div.navi:active  		{ background-position:0 -61px; }
div.nextPage 			{ background-position: -40px 0; clear:right; }
div.nextPage:hover 		{ background-position: -40px -32px; }
div.nextPage:active 	{ background-position: -40px -61px; } 


div.navi.disabled {
	visibility:hidden;
}

#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width: 320px;	
	height:290px;
	background:#222 url(image/h150.png) repeat-x;
	margin:5px;
	border:2px solid #000;
	-moz-border-radius:10px;
	outline:1px solid #ccc;
	-moz-outline-radius:10px;
}

#thumbnails div.items div {
	padding:5px;
	float:left;		
}
/* box styling */
#boxes {
	background-image:url(image/black.png);
	width:656px;
	height:524px;
	position:absolute;
	display:none;
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
#boxes .close {
	position:absolute;
	left:10px;
	top:10px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-decoration:none;
}

/* overlay scrollable */
#images {	
	position:absolute;
	overflow:hidden;
	margin:50px;
	width:557px;
	height:400px;	
}

/* single image */
#images div.items div {
	float:left;
	width:557px;
	height:400px;
	margin-right:30px;
}

/* the tooltip */
#images div.items div.info {
	float:none;
	background:#333;
	color:#fff;
	font-size:13px;
	margin-top:-78px;
	padding:5px 75px;
	height:125px;
	display:none;
	width:490px;
}

#images div.items div.info h3 {
	color:#cde;
	margin-top:10px;
}
	

/* override button style on the overlay */
#boxes div.navi {
	position:absolute;
	bottom:33px;
	left:50px;
}

#boxes div.nextPage {
	left:580px;
}





/* CSS Document Copyright by Jürgen Olfen */
/* Allgemein */
body {
	background-color: #111111;
	background-repeat: no-repeat;
	background-position: center 150px;
	background-image: url(image/background.jpg);
	padding:0;
	margin-top: 20px;
	font-family:Tahoma, Geneva, sans-serif !important;;
	font-size:11px;
	color: #999;
}
#box{
	width:1024px;
	margin: 0 auto;	
}
a {color: #999; text-decoration: none;}
a:hover {color: #CCC;}
a:active {color: #069;}

h1 {color: #F0F0F0;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 2px 0;
	padding-top: 0px;
	padding-left:2px;
}

h2 {
	color:#C7C7C7;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 16px;
	padding-left:2px;
}
p { margin: 15px 0;
    line-height: 120%;
	letter-spacing: 0.1em;
}

/* Header */
#header{
	height:140px;
}
#header-left{
float: left;
margin-top: 0;
width: 156px;
height:101px;
}

#header-right{
padding: 0px;
margin-left: 170px;
margin-right: 0px;
}
#header-navi{
float:left;
margin-top: 40px;
margin-left: 0;
}

/* Navi tabs */
ul.navi-tabs li {  
	border-bottom:1px #FFC600 solid;   	
	border-top:1px #FFC600 solid;  
	clear: none;
	width: 100px;
	letter-spacing: 0.1em;
	float:left;	 
	padding:0; 
	margin:0;
	font-size:12px;
	list-style-type:none;	
	}

ul.navi-tabs a {
	padding: 10px;
	border-style: none; 
	float:left;
	display:block;	
	text-decoration:none;	
	border-bottom:0px;
	color: #FFC600;

	position:relative;	
	}

ul.navi-tabs a:hover {
	color: #fff;
	}
	
/* Aktive Tabs */
ul.navi-tabs a.current {	
	border-width: 0px;	
	color: #666;	
	cursor:default;
	}
li {
list-style-position: inside;
margin:10px;
}

/*  Main */
#main{
	min-height: 350px;
}
#main-left {
float: left;
width: 410px;
}

#main-right {
padding: 0px;
margin-left: 420px;
}

/* Pfeilsteuerung */ 


a.disabled {
	visibility:hidden !important;		
}

/* Footer */
#footer{
	line-height:250%;
	text-align:center;
	letter-spacing: 0.1em;
	clear: both;
	border:1px dashed #222;
}