.noneDisplay {visibility: visible; display: block}
.hidden-mobile {visibility: visible; display: block}
.hidden-iPad {visibility: visible; display: block}

.hidden-main {visibility: hidden; display: none}
.hidden-temp {visibility: hidden; display: block}

/*headlines*/
h1{margin:0 0 20px 0;}



#logo{  width:600px;padding:60px 60px;  }
.navigation {float:left; width:100%;display:block; padding:0 0 20px 0; font-weight:bold; font-size:20px;text-shadow: 1px 1px 0px #333;}
.nav {float:left; text-transform:uppercase; padding:5px 10px; margin: 0 10px 5px 0;text-shadow: 0px 0px 0px #666; font-size:18px; background-color:#000000;}
.nav-2 {float:left; text-transform:uppercase; padding:5px 10px; margin: 0 10px 5px 0;text-shadow: 0px 0px 0px #666; font-size:18px; background-color:#666;}
.nav a{opacity: 1;}
.active {color:#C3AA65} .active-2 {color:#F5D681}
.navigation-sub-box {float:left; width:700px;display:block; padding:0 0 0px 0; }
.navigation-sub {float:left; display:block; width:100%; padding:0 0 10px 0; font-size:20px;text-shadow: 1px 1px 0px #666;}
.sponsoren {float:left;display:block; width:800px;}

#footer{ position:absolute; bottom:40px; left:60px;padding:0em;color:#FFF; font-size:20px; text-align:left;}
.dvd {position:absolute; width:120px; height:auto; right:5%; top:40px}
#dvd{width:120px; height:auto}
#ubik{width:80px; height:auto; padding-top:20px;text-align:center}



/* BROWSE-MENU*/
#prev {position:absolute; z-index:99;width:20px; height:auto; left:40px; top:50%; margin-top:-25px}
#next {position:absolute; z-index:99;width:20px; height:auto;right:40px; top:50%;margin-top:-25px}
.caption {position:absolute;z-index:99; bottom:60px; right:40px; width:200px; height: auto; color:#FFFFFF; line-height:20px;}
.caption b{text-transform:uppercase; font-size:20px}
.caption a{color: #F5D681; display:block}
.black {color:#333333}

/*slider*/
.loader {position:absolute; z-index:-2; top:50%; left:50%; margin:-16px 0 0 -16px; }

.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}
.cbp-content {
	list-style: none; background-color:#FFF;
	width: 50%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 100%;
	height: 100px;
	margin: -50px 0 0 0px;
	top: 50%;
	left: 0;
}

.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before { background-color:#000099
}

span.cbp-bipause:before {
	background-color:#000099
}

span.cbp-binext:before {
	background-color:#000099
}

span.cbp-biprev:before {
	background-color:#000099
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}