/*
========================================================================================
VIEWPORT / KEINE SCROLLBARS
========================================================================================
*/
body{background-color:white;max-height:100%;overflow:auto;margin:0;padding:0;font-family: 'Muli', sans-serif;font-weight:normal;color:grey;}
#wrapper{
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-width: 1024px;
	min-height: 600px;
	position: absolute;
}
#bg_wrapper,#bg_wrapper_switch{
	background-image: url('/media/small/startseite_small.jpg');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	overflow: hidden; 
	min-width: 1024px;
	min-height: 600px;
	position: absolute;
}
/*
========================================================================================
Preload Images
========================================================================================
*/
.preload{
	width: 0;
	height: 0;
	visibility: hidden;
}
/*
========================================================================================
NAVIKREUZ WRAPPER
========================================================================================
*/
#content{
	height:200%;
	width:200%;
	position: absolute;
	top: -50%;
	left: -50%;
	overflow: visible;
}
#top,#bottom {
	height: 50%;
}
#middle {
	height: 400px;
	width: 100%;
	position: absolute;
	margin-top: -200px;
	z-index: 99999;
	white-space: nowrap;
}
/*
========================================================================================
NAVIKREUZ ELEMENTE
========================================================================================
*/
#logo {
	width: 400px;
	height: 400px;
	margin-left: -200px;
	position: absolute;
	left: 50%;
	z-index: 99999;
	background-image: url('/media/small/plus_small.png'); 
	background-position: center;
	background-repeat:no-repeat;
}
#logo.out{
	cursor:pointer;
}

/*
========================================================================================
KOLLEKTION
========================================================================================
*/
#kollektion,#archiv {
	height: 100%;
	width: 50%;
	float: left;
}
#kollektionWrapper{
	padding-right:200px;
	height:100%;
	position:relative;
}
#kollektionContent.transparent{
	background:rgba(255,255,255,0.15);
}
#kollektionContent{
	background:rgba(255,255,255,0.75);
	height:100%;
	width:100%;
}
/*@todo*/
#kollektionLabel{
	position:absolute;
	top:0;
	right:200px;
	width:100%;
	height:75px;
}
#kollektionLabel span{
	position:absolute;
	top:20px;
	right:20px;
	font-size:33px;
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:rgba(0,0,0,0.5);
	line-height:0.75em;
}
/*
========================================================================================
GALERIE
========================================================================================
*/
#galerieNaviWrapper{
	background-color:#fff;
	width:100%;
	height:50%;
}
#galerieNavi{
	width:824px;
	height:100%;
	margin:0 auto;
	/*background-color: aqua;*/
}
#galerieThumbs{
	width:500px;
	margin: 0 auto;
	height: 280px;
	padding: 60px;
	position: relative; 
}
#kollektionContent{
	cursor:pointer;
}
#kollektionContent.out{
	cursor:auto;
}
#kollektionContent span.close{
	position:absolute;
	top:20px;
	left: 20px;
	opacity:0.5;
	z-index:1000;
	cursor:pointer;
}
#galerieThumbs .thumb{
	height:129px;
	width:110px;
	float:left;
	margin-left: 20px;
	margin-bottom:20px;
	/*border: 2px solid grey;*/
	position: relative;
	cursor:pointer;
}
#galerieThumbs .thumb.none{
	margin-left:0;
}
#galerieThumbs .bottom{
	margin-bottom:0;
}
#imageWrapper{
	width: 100%;
	height: 768px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
#galerieImage{
	display: none;
	height: 768px; 
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 200px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('bg.png');
	z-index: -99999;
}
#galerieReset{
	position: absolute;
	left: -30px;
	top:-1px;
	cursor:pointer;
	opacity: 0.5;
}
.brand_desc{
	position: absolute;
	top: 0;
	left: -60px;
}
#galerieText{
	float:left;
	width:184px;
	height:100%;
	margin:30px 30px 30px 80px;
	white-space:pre-line;
	color:#a9a9a9;
	font-size:11px;
	line-height:16px;
	position:relative;
}
#galerieText .text{
	position:absolute;
	top:20px;
}
#galerieText .titel{
	font-weight:normal;
	text-transform:uppercase;
	font-size: 14px;
	top:0px;
	position:absolute;
	margin:0;
}
#galerieMini{
	float:left;
	width:286px;
	margin: 30px 0 0 0;
	height:100%;
}
#galerieSelector{
	margin:30px;
	float:left;
	width:184px;
	height:100%;
	text-align:center;
	position:relative;
}
.prevKollektion,.nextKollektion{
	width:6px;
	height:8px;
	margin-top:-2px;
	display: table-cell;
    vertical-align: middle;
    float:left;
    opacity:0.5;
}
.prevKollektion{
	margin-right:4px;
}
.nextKollektion{
	margin-left:4px;
}
.kollektionSelector{
	width:1px;
	height:14px;
	margin: 0 4px;
	float:left;
	overflow:hidden;
	background-color:rgba(0,0,0,0.5);
}
.prevKollektion,.nextKollektion{
	cursor: pointer;
}
.kollektionSelector.selected{
	height:25px;
}
.thumbInfo{
	display:none;
	position:absolute;
	bottom:0;
	width:100%;
	background-color:rgba(230,230,230,0.5);
	text-align: center;
	height:18px;
	padding:5px 0 5px 0;
}
.thumbInfo span{
	color:rgba(0,0,0,0.5);
	font-weight:normal;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
}
.detailThumb{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
	cursor:pointer;
}
.detailText{
	float:left;
	font-size:0.7em;
}
.detailWrap{
	width:173px;
	float:left;
}
#detailWrapper{
	width:74%;
	height:100%;
	margin:0 auto;
}
/*
========================================================================================
VITA
========================================================================================
*/
#vita {
	width: 400px;
	height: 50%;
	margin-left: -200px;
	position: absolute;
	left: 50%;
}
#vitaWrapper{
	bottom:200px;
	top:-150px;
	width:100%;
	position:absolute;
	background:rgba(255,255,255,0.75);	
	cursor:pointer;	
}
#vitaWrapper.out{
	cursor:auto;
}
#vitaLabel span{
	position: absolute;
    bottom:20px;
    right:20px;
    font-size: 33px;
    text-transform: uppercase;
    font-weight:normal;
    color: rgba(0,0,0,0.5);
    line-height:0.75em;
}
#vitaTable{
	height:100%;
	Width:100%;
	position:relative;
}
#vitaTable #div_tablecell{
	height:494px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 10px;
	line-height: 19px;
	/*overflow: auto;
	padding: 85px;*/
	overflow:visible;
	padding:0 57px 0 57px;
	position: absolute;
	text-align: left;
	bottom:0;
}
#vitaTable #div_tablecell .text{
	display: table-cell;
	vertical-align: middle;
	height: 447px;
}
#vitaTable #div_tablecell .close{
	position:absolute;
	right:20px;
	top:0;
	opacity:0.5;
	cursor:pointer;
}
/*
========================================================================================
Archiv
========================================================================================
*/
#archiv {
	float: left;
}
#archivText{
	width:200px;
	height:100%;
	position:absolute;
	left:-200px;
}
#archivWrapper{
	padding-left:200px;
	height:100%;
	position:relative;
}
#archivContent{
	background:rgba(255,255,255,0.75);
	height:100%;
	width:100%;
	position:relative;
	cursor:pointer;
}
#archivContent.out{
	cursor:auto;
}
#archivContent.transparent{
	background:rgba(255,255,255,0.15);
}
#archivLabel{
	position:absolute;
	bottom:0;
	left:200px;
	width:160px;
	height:75px;
	z-index:11;
	cursor:pointer;
}
#archivLabel span{
	position: absolute;
    bottom:20px;
    left: 20px;
    font-size: 33px;
    text-transform: uppercase;
    font-weight:normal;
    color:rgba(0,0,0,0.5);
    line-height:0.75em;
}
#archivClose{
	width:652px;
	margin:0 auto;
	position:relative;
	z-index:1
}
#archivClose .close{
	position:absolute;
	right:20px;
	top:20px;
	opacity:0.5;
	cursor:pointer;
	z-index:1;
}
#archivClose .youtube{
	width:427px;
	height:240px;
	margin:0 auto;
}

#archivClose .youtube .titel{
	padding-top:28px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-size:12px;
}
#archivSelectWrapper{
	width: 100%;
	height: 100%;
	bottom: 0;
	position: absolute;
	z-index:0;
}
#archivSelectWrapper #selection .liste:hover{
	background-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
#selection{
	position: absolute;
	bottom: 0;
	padding-left: 160px;
	padding-top:14px;
	width: 100%;
	padding-bottom: 14px;
	z-index:10;
}
#selection.active{
	background-color:rgba(255,255,255,0.5);
}
#archivKollektion{
	float:left;
	font-family: 'Muli', sans-serif;
	font-weight:normal;
}
#archivKollektion .titel,#archivSelected .titel{
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
}
#archivKollektion #archivSelected .titel,#archivSelected #archivSelected .titel{
	position:absolute;
	top:-3px;
}
#archivEvents{
	float:left;
	margin-left:40px;
	font-family: 'Muli', sans-serif;
	font-weight:normal;
}
#archivEvents .titel{
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
}
#archivEvents .liste,#archivKollektion .liste,#archivSelected .liste{
	color:#000;
	opacity:0.5;
	text-transform:uppercase;
	cursor:pointer;
	font-size:12px; 
}
#archivSelected{
	font-family: 'Muli', sans-serif;
	font-weight: normal;
	line-height: 13px;
	position: absolute;
	bottom: 18px;
	left: 160px;
	text-transform: uppercase;
}
#archivImg{
	display: none;
	height: 1280px; 
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 200px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('/bg.png');
	z-index: -99999;
}
#archivNaviWrapper{
	background-color:#fff;
	width:100%;
	height:50%;
	position: absolute;
	bottom: -50%;
}
#archivNavi{
	width:977px;
	height:100%;
	/*margin:0 auto;*/
}
#archivSelector{
	margin: 30px;
	float: left;
	width: 184px;
	height: 100%;
	text-align: center;
}
.prevArchiv,.nextArchiv{
	width: 5%;
	height: 2em;
	margin: 0 auto;
	float: left;
}
.archivSelector{
	width: 5%;
	height: 2em;
	margin: 0 auto;
	float: left;
}
.archivSelector.selected{
	height: 33px;
	font-size: 2em;
	line-height: 1em;
}
/*
========================================================================================
EVENTS
========================================================================================
*/
#events {
	width: 400px;
	height: 50%;
	margin-left: -200px;
	position: absolute;
	left: 50%;
}
#eventsWrapper{
	top:200px;
	height:100%;
	width:100%;
	position:absolute;
	background:rgba(255,255,255,0.75);
	cursor:pointer;
}
#eventsWrapper.out{
	cursor:auto;
}
#eventsLabel span{
	position: absolute;
    top:20px;
    left: 20px;
    font-size: 33px;
    text-transform: uppercase;
    font-weight:normal;
    color:rgba(0,0,0,0.5);
    line-height:0.75em;
}
#eventsTable{
	height:100%;
	width:100%;
	position:relative;
}
#eventsTable #div_tablecell{
	height:520px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 10px;
	line-height: 19px;
	overflow: auto;
	padding: 0 20px 0 20px;
	position: absolute;
	text-align: left;
	top: 0;
}
#eventsTable #div_tablecell .text{
	display: table-cell;
	vertical-align: middle;
	height: 447px;
}
#eventsTable #div_tablecell h2{
	line-height:23px;
	margin-bottom:7px;
	text-transform:uppercase;
}
#eventsTable #div_tablecell .close{
	position:absolute;
	right:20px;
	bottom:0;
	opacity:0.5;
	cursor:pointer;
}
/* 
========================================================================================
LINKBOX UND LOGO
========================================================================================
*/
#linkWrapper {
	position: absolute;
	height: 768px;
	width: 1024px;
	right: 50%;
	top: 50%;
	margin-right: -512px;
	margin-top: -384px;
}
#links {
	position: absolute;
	height: 184px;
	width: 240px;
	left: 730px;
	bottom: 0;
	z-index: 999999;
}
#links .left{
	float:left;
	height:100%;
	width:116px;
	margin-top:14px;
}
#links .right{
	float:left;
	height:100%;
	width:50%;
	margin-top:14px;
}
.links{
	position:absolute;
	left: 20px;
	height: 153px;
	width: 200px;
	z-index: 9999999999999999999;
}
.links a{
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.5em;
	font-size:1em;
	padding:2px;
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	color: rgba(0,0,0,0.5);
	font-size: small;
}
#links a {
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.5em;
	font-size:12px;
	padding:2px;
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	color: rgba(0,0,0,0.5);
	font-size: small;
}
#links a:hover,.links a:hover {
	color: rgba(255,255,255,1);
	background-color:#000;
	padding: 0 2px 0 2px;
}
#links a.active,.links a.active {
	color: white;
	background-color:rgba(0,0,0,0.5);
	padding: 0 2px 0 2px;
}
#brand{
	position:absolute;
	bottom:96px;
	left:229px;
}
/*
========================================================================================
Kontakformular
========================================================================================
*/
#kontakt{
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform: uppercase;
	color:rgba(0,0,0,0.5);
	width:360px;
	height:100%;
	padding:20px;
	font-size:12px;
}
#kontakt span{
	line-height:22px;
}
#kontaktForm{
	position:absolute;
	top:50%;
	margin-top:-276px;
}
#kontaktForm .info{
	text-transform:none;
}
#popupHead .closePopup{
	position:absolute;
	right:20px;
	top: 25px;
	opacity:0.5;
	cursor:pointer;
}
#kontakt input,#kontakt textarea{
	background-color:#dbdbdb;
	border: 0;
	margin: 0;
	padding:0;
}
#kontakt textarea{
	resize:none;
	padding:10px;
}
#kontakt .name input,#kontakt .mail input{
	width:180px;
	height:20px;
	margin-bottom:20px;
	padding-left:10px;
}
#kontakt .msg textarea{
	width:340px;
	height:196px;
}
#kontakt .button{
	width:360px; 
}
#kontakt .submit{
	width:110px;
	height:20px;
	margin-top:10px;
	background-color:#000;
	color:#fff;
	float:right;
	text-align: center;
	cursor:pointer;
}
.response{
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
.response .error{
	color:#b00;
}
/*
========================================================================================
AGB
========================================================================================
*/
#agb{
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform: uppercase;
	color:rgba(0,0,0,0.5);
	width:360px;
	height:100%;
	padding:20px;
	font-size:12px;
}
#agbContent{
	font-size: 10px;
	top:40px;
	bottom:40px;
	overflow:auto;
	white-space: normal;
	line-height:21px;
	text-transform: none;
}
#agb h2{
	text-transform: uppercase;
	margin-bottom:7px;
	line-height:23px;
}
/*
========================================================================================
Presse
========================================================================================
*/
#presse{
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform: uppercase;
	color:rgba(0,0,0,0.5);
	width:360px;
	height:100%;
	padding:20px;
	font-size:12px;
}
#presseContent{
	font-size: 10px;
	top:40px;
	bottom:40px;
	overflow:auto;
	white-space: normal;
	line-height:21px;
	text-transform: none;
}
#presse h2{
	text-transform: uppercase;
	margin-bottom:7px;
	line-height:23px;
}
#presse a{
	color:#000;
}
/*
========================================================================================
Shop
========================================================================================
*/
#shop{
	font-family: 'Muli', sans-serif;
	font-weight:normal;
	text-transform: uppercase;
	color:rgba(0,0,0,0.5);
	width:404px;
	height:100%;
	font-size:12px;
	margin-left:300px;
	background-color:#fff;
}
#shop .desc{
	position:absolute;
	left:-290px;
	width:270px;
	color:rgb(255,255,255);
	font-size: 10px;
	line-height: 19px;
}
#shop .desc a{
	text-decoration:underline;
	color:#fff;
}
#shop .desc a:hover,#shop .desc a:visited{
	color:#fff;
}
#shop .produkt{
	position:relative;
}
#shop .text{
	text-transform:none;
	font-size: 10px;
	line-height: 19px;
	margin-top:10px;
	margin-bottom:10px;
	width:360px;
}
#shop #popupHead{
	width:360px;
	padding:20px 20px 0 20px; 
}
#shop .produktHead{
	padding:20px; 
	width:540px;
	height:40px;
}
#shop .produktText{
	font-size: 10px;
	line-height: 19px;
	text-transform:uppercase;
	float:left;
	margin-bottom:20px;
}
#shop .produkt .desc{
	text-align:right;
	text-transform:none;
}
#shop .descImg{
	float:left;
	margin-right:10px;
}
#shop .closePopupShop{
	z-index:1;
	position:absolute;
	right:20px;
	top: 15px;
	opacity:0.5;
	cursor:pointer;
}
/*
========================================================================================
Impressum
========================================================================================
*/
#impressum{
	font-family: 'Muli', sans-serif;
	font-weight:normal; 
	text-transform: uppercase;
	color:rgba(0,0,0,0.5);
	width:360px;
	height:100%;
	padding:20px;
}
#impressumContent{
	font-size: 10px;
	line-height:21px;
	top:40px;
	bottom:40px;
	overflow:auto;
	white-space: normal;
	text-transform: none;	
}
#impressumContent h2{
	text-transform: uppercase;
	margin-bottom:7px;
	line-height:23px;
}
#impressumContent a{
	color:rgba(0,0,0,0.75);
}
/*
========================================================================================
ALLGEMEIN
========================================================================================
*/
.transparent{
	background:rgba(255,255,255,0.15);
}
.hide{
	display:none;
}
.obfuscate { unicode-bidi: bidi-override; direction: rtl; }
/* 
=================================================f======================================
POPUPS
========================================================================================
*/
#bgPop{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:black;
	opacity:0.75;
	-moz-opacity: 0.75;
	filter:Alpha(opacity=75);
	display:none;
	line-height:100%;
	font-size:100%;
}
#bgPopShop{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:black;
	opacity:0.75;
	-moz-opacity: 0.75;
	filter:Alpha(opacity=75);
	display:none;
	line-height:100%;
	font-size:100%;
}
#popup					{position:absolute; top:0; left:0; display:none; background-color:#FFF; border:1px solid #CCC;}
#popupContent			{overflow-x:visible; overflow-y:auto;} 
#popupContent.scrolled	{padding-right: 5px;}
#defaultPopTitlebar		{height:24px; margin-bottom:10px;  overflow:hidden; background-color:#005073; color:#FFF;font-weight:normal; font-size: 10px; line-height: 24px; }
#defaultPopCloseButton 	{position:absolute; right: 12px; top: 12px; width: 20px; height: 20px; background: transparent url(/img/buttons/20x20/close.gif) no-repeat; cursor:pointer;}
#popupHead				{font-size:33px;line-height:0.75em;font-family: 'Muli', sans-serif;font-weight:normal;text-transform: uppercase;color:rgba(0,0,0,0.5);}

#popupShop					{position:absolute; top:0; left:0; display:none;}
#popupContentShop			{overflow-x:visible;overflow-y:auto;} 
#popupContent.scrolledShop	{padding-right: 5px;}
#defaultPopTitlebarShop		{height:24px; margin-bottom:10px;  overflow:hidden; background-color:#005073; color:#FFF;font-weight:normal; font-size: 14px; line-height: 24px; }
#defaultPopCloseButtonShop 	{position:absolute; right: 12px; top: 12px; width: 20px; height: 20px; background: transparent url(/img/buttons/20x20/close.gif) no-repeat; cursor:pointer;}
#popupHeadShop				{font-size:48px;line-height:0.75em;font-family: 'Muli', sans-serif;font-weight:normal;text-transform: uppercase;color:rgba(0,0,0,0.5);}