@import url('reset.css');

@import url(https://fonts.googleapis.com/css?family=Lato:200,300);
@import url(https://fonts.googleapis.com/css?family=Terminal+Dosis+Light);


@font-face {
	font-family: 'ext_b';
	src: url('fonts/EUBEX.eot');
	src: local('☺'), url('fonts/EUBEX.woff') format('woff'), url('fonts/EUBEX.ttf') format('truetype'), url('fonts/EUBEX.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ext_n';
	src: url('fonts/EUEX___.eot');
	src: local('☺'), url('fonts/EUEX___.woff') format('woff'), url('fonts/EUEX___.ttf') format('truetype'), url('fonts/EUEX___.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body	{ background: #323232; font-family: 'Lato'; color: #482b11;	width: 100%; height: 100%; overflow: hidden;}


#blur { background: transparent url(../img/blur.jpg); background-size: cover;position: absolute; width: 100%; height: 100%; z-index: 0;}

#google_map,
#pano 			{ position: absolute; display: none; width: 100%; height: 100%; }
#supersized { opacity: 0;}

#thumb-tray-box	{ right:-1200px; width:740px; height:120px;bottom:55px; position:fixed; -webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
	div.play-button-box	{ position: absolute; top: 62px; left: -70px; position: absolute; display: none;}
		#play-button { cursor:pointer; }
		#play-button:hover{ }

		




#gradiant {
	width: 100%;
	height: 100%;
	position: absolute;

	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 59%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#gradiant .facebook	{ cursor: pointer;width: 64px; height: 64px; position: absolute; top: 20px; right: 20px; background: transparent url('../img/facebook.png') no-repeat; background-position: 5px 5px; background-size: 75%; opacity: 0.5; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
	#gradiant .facebook:hover	{ background-position: 0px 0px; background-size: 100%; opacity: 1;}

#gradiant2 {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;

	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 59%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#welcome { --width: 950px; left: 50px; top: 50px;padding: 10px 20px 20px 20px; z-index: 99999999999999999; display: none; position: relative; font-size: clamp(1rem, -0.33rem + 6.67vw, 4rem);}
	#welcome div:last-child		{ font-size: 1em; font-family: 'ext_n'; color: #ffffff; position: relative; margin-top: 50px; left: 0px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
	#welcome div:first-child	{ font-size: .5em; font-family: 'ext_n'; color: #ffffff; position: absolute; margin-top: 20px; margin-left: 150px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); }

div.bottomMenue_box	{ border: 0px solid red; height: 99px; width: 100%; position: absolute; bottom: 0px; overflow: hidden; }
#bottomMenue { position: relative; background: transparent url('../img/menue_bottom_04.png'); height: 99px; float: right; padding-right: 10px; }
	#bottomMenue .logo { position: absolute; left: -294px; background: transparent url('../img/menue_bottom_03_2.png'); width: 294px; height: 99px; }
	#bottomMenue .bottomButton {  float: left; font-weight: 200; font-size: 12pt; margin: 57px 0 0 0;  cursor: pointer;  border-radius: 0 0 5px 5px; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
	#bottomMenue .bg:hover, #bottomMenue .active { background: rgba(171,128,88,0.4); }

	#bottomMenue .bottomButton div {  padding: 10px 17px 20px 17px; }
	#bottomMenue .bottomButton:hover { -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }
	
	
	#bottomMenue .flags {  border: 0px solid red; float: left; font-weight: 200; font-size: 12pt; margin: 57px 0 0 0px;  cursor: pointer;  -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
		#bottomMenue .flags div {  padding: 10px 5px 20px 15px; }
			img.flag { margin-right: 5px; opacity: 0.4;}
			img.flag:hover, img.active { opacity: 1;}




#textbox_typ1	{ 
	font-family: 'Lato';
	font-size: 11pt;
	opacity: 0; 
	display: block;
	height: 0px; 
	width: 0px; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	
	border-radius: 0px 0px 200px 0px; 
	border-right: 20px solid rgba(160,113,72,0.8); 
	border-bottom: 2px solid rgba(160,113,72,0.8); 
	box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.5);
	
	background: rgba(255,255,255,0.90); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 47%, rgba(255,255,255,0.6) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(47%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#99ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



div.nooverflow { overflow: hidden; }
div.content_container { 
	display: none;
	font-family: 'Lato';
	font-size: 11pt;
	opacity: 0; 
	display: block;
	height: 0px; 
	width: 0px; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	
	border-radius: 0px 0px 200px 0px; 
	border-right: 20px solid rgba(160,113,72,0.8); 
	border-bottom: 2px solid rgba(160,113,72,0.8); 
	box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.5);
	
	background: rgba(255,255,255,0.90); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 47%, rgba(255,255,255,0.6) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(47%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 47%,rgba(255,255,255,0.6) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#99ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	.content_container .title { font-size: 24pt; font-family: 'Terminal Dosis Light'; margin: 30px 0 0 50px; text-shadow:0px 0px 1px rgba(0,0,0,0.5); opacity: 0;	}
	.content_container h2 { font-size: 16pt; font-family: 'Terminal Dosis Light'; margin: 10px 0 0 0; text-shadow:0px 0px 1px rgba(0,0,0,0.5); font-weight: normal;opacity: 0;}
	.content_container .textbox { font-family: 'Lato'; font-weight: 200; border: 0px solid red; margin: 20px 0 0 51px; height: 75%; width: 80%; opacity: 0;}
	
	.content_container ul { list-style: disc  outside; }
	.content_container li { margin: 5px 0 5px 30px; }
	
	.content_container .close	{ cursor: pointer; width: 43px; height: 43px; position: absolute; bottom: -25px; left: 30px; background: transparent url('../img/close.png') no-repeat; background-position: 5px 5px; background-size: 75%; opacity: 0.5; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
		.content_container .close:hover	{ background-position: 0px 0px; background-size: 100%; opacity: 1;}
		
	.content_container .show	{ display: none;cursor: pointer; width: 43px; height: 43px; position: absolute; bottom: -25px; left: 30px; background: transparent url('../img/show.png') no-repeat; background-position: 5px 5px; background-size: 75%; opacity: 0.5; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
		.content_container .show:hover	{ background-position: 0px 0px; background-size: 100%; opacity: 1;}