@charset "UTF-8";
/* CSS Document */
body, div, img, a, li, ul {
	margin:0px;
	padding:0px;
	border:none;
}
body{
	background-color:#000;
	color:#fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
}
a{
	color:#fff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1{
	font-size:18px;
	line-height:24px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	margin:0 0 8px 0;
}
h2{
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	margin:0 0 10px 0;
}
p{
	margin:0 0 10px 0;
}

#headerContainer, #photoIcons, #footerContainer, #subfooterContainer, #navigationContainer ul li ul{
	background-color:#2d566a;
}

#subfooterContainer a{
	color:#888;
	text-decoration:none;
}

#pageContainer{
	width:834px;
	height:1020px;
	margin:20px auto 0 auto;
	position:relative;
}
#headerContainer{
	height:50px;
	border-bottom:1px solid #fff;
	position:relative;
	z-index:700;
}
#contentContainer{
	height:549px;
	position:relative;
	background-repeat:no-repeat;
	background-position:left bottom;
}
#footerContainer{
	height:20px;
	border-top:1px solid #fff;
	position:relative;
	top:-1px;
	text-align:center;
}
#footerShortinfo{
	width:auto;
	margin:auto;
	font-size:10px;
	line-height:20px;
	color:#fff;
	vertical-align:middle;
}
#footerShortinfo a{
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}
#subfooterContainer{
	height:400px;
	padding:40px;
	border-top:1px solid #fff;
	position:relative;
	top:-1px;
	color:#888;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:14px;
	}
#navigationContainer{
	width:auto;
	height:16px;
	position:absolute;
	bottom:1px;
	right:40px;
	overflow:visible;
	z-index:900;
}
#navigationContainer a{
	text-decoration:none;
}
#navigationContainer ul, #navigationContainer ul *{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
}
#navigationContainer ul li{
	margin:0;
	padding:0;
	float:left;
	overflow:visible;
	position:relative;
}
#navigationContainer ul li a{
	padding:0 10px;
}
#navigationContainer ul li ul{
	width:150px;
	border:1px solid #fff;
	position:absolute;
	top:17px;
	left:0px;
	z-index:950;
	overflow:hidden;
	visibility:hidden;
}
#navigationContainer ul li ul li{
	margin:0;
	padding:0;
	width:150px;
	height:22px;
	float:none;
	overflow:hidden;
}
#navigationContainer ul li ul li a{
	padding:3px 10px;
	width:130px;
	height:16px;
	line-height:14px;
	display:block;
}
#navigationContainer ul li ul li a:hover{
	background-image:url(../images/backgrounds/navibg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#topNavigation li.active a{
	font-weight:bold;
	text-decoration:underline;
	position:relative;
	top:-2px;
}
#topNavigation li.active li a{
	font-weight:normal;
	text-decoration:none;
}
#topNavigation1:hover{
	background-color:#2d566a;
}
#topNavigation2:hover{
	background-color:#6e1f1e;
}
#topNavigation3:hover{
	background-color:#aaa;
}
#topNavigation4:hover{
	background-color:#222;
}
#topNavigation5:hover{
	background-color:#c0ae80;
}
#topNavigation6:hover{
	background-color:#370000;
}
#subNavigation6{
	left:auto!important;
	right:-40px!important;
}
#headerShortinfo{
	height:10px;
	line-height:10px;
	overflow:hidden;
	position:absolute;
	top:10px;
	right:50px;
	font-size:10px;
}
#headerLogo{
	position:absolute;
	top:0;
	left:0;
	width:314px;
	height:50px;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
}
#headerLogo span.imgText{
	display:block;
	text-indent:314px;	
}
#headerLogo a, #headerLogo a img{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#headerLogo a{
	background-image:url(../images/backgrounds/logo-alpha.png);
}
#mainText, #mainTextFullWidth{
	position:absolute;
	top:22px;
	left:178px;
	width:230px;
	height:404px;
	z-index:301;
	line-height:18px;
}
#mainTextFullWidth{
	width:660px;
}
#mainText, #mainText a, #mainTextFullWidth, #mainTextFullWidth a{
	color: #6cbad5;
}
#mainText a, #mainTextFullWidth a{
	text-decoration: underline;
}
#imageContainer{
	position:absolute;
	top:0;
	right:0;
	width:665px;
	height:549px;
	z-index:200;
}
#mainImage{
	position:absolute;
	top:-1px;
	right:0;
	width:398px;
	height:429px;
	border:1px solid #fff;
	z-index:202;
}
#photoIcons{
	position:absolute;
	bottom:0;
	right:0;
	height:120px;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
	border-right:1px solid #fff; 
}
#photoIcons li{
	display:block;
	float:left;
	width:auto;
	height:118px;
	margin:0;
	padding:0;
	border:1px solid #fff;
	border-width:1px 0 1px 1px;
	overflow:hidden;
	z-index:201;
}
#photoIcons li.halfSized{
	width:59px;
}
#photoIcons li.fullSized{
	width:118px;
}
#photoIcons li a{
	width:100%;
	height:100%;
}

#photoIcons li a:hover img{
	-webkit-transform:rotate(360deg) scale(0.5);
	opacity:.75;
}
#mainText img{
	vertical-align:middle;
}
#mainText ul{
	list-style-image:url(../images/icons/view-ball-small.png);
	margin:0;
	padding:0 0 0 18px;
	line-height:18px;
}
#mainText ul li{
	vertical-align:middle;
	position:relative;
}
#mainText ul li img{
	height:16px;
	overflow:hidden;
	margin:0 2px;
	padding:0;
}
a.previewIcon{
	cursor:pointer;
}
.mini {
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #ffc;
}
#photoIcons li span.mini{
	display:block;
	margin:4px 2px;
}

.referenzenLink{
	/* placeholder for dw. */
}

/*nextGenBrowserFX*/
#photoIcons li a img{
	-webkit-transition: all 250ms;
}
@-webkit-keyframes 'mainImageBouncer'{
	0%	{
		-webkit-transform:scale(1);
	}
	5%	{
		-webkit-transform:scale(.99);
		-webkit-animation-timing-function: ease-out;
	}
	10%	{
		-webkit-transform:scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	100%	{
		-webkit-transform:scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
#mainImage{
	-webkit-animation-name: 'mainImageBouncer';
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count: 5;
}