@charset "utf-8";

body {
	font-size: 0.8em;

	font-family: Helvetica, calibri, sans-serif;
	background-color: #FFFFFF;
	margin:0vmax 0vmax 0vmax 0vmax;
	padding:0vmax 0vmax 0vmax 0vmax;
	border:none;
	width: 100vw;
	height: 100vh;





}

a:link { text-decoration:none; }
a:visited {  text-decoration:none; }
a:focus {  color:#000000; text-decoration:none; }
a:hover {  color:#000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }

.page
{
width: 100vw;
height:70vw;
background-color: transparent;
position : fixed;
display : block;
z-index:9000;
max-height:740px;
}

.header
{
width: 100vw;
height:7.5vw;
max-height: 90px;
background-color: white;
position : fixed;
display : block;
z-index:8000;
margin-top: 10px;

}

.logowrapper
{
z-index:9000;
float: left;
width: 100vw;
height:8vw;
max-height: 68px;
background-color: transparent;
position : relative;
display : block;

}
div.nameplate
{
float: left;
top: 10px;
display:block;
z-index:9000;
margin-left:2vw;
}

.menubar
{
float: left;
width: 100vw;
height:4vw;
max-height: 20px;
background-color: transparent;
display : block;
position: relative;
top: 10px;
z-index:8900;
margin: 1px 2vw 1px 2vw;

}


.topspacer
{
float: left;
background-color: transparent;
display:block;
width: 100vw;
height: auto;
max-height: 18px;
margin: 1px 2vw 1px 1vw;

}

.imagewrapper
{
float: left;
width: 100vw;
height:75vw;
max-height: 600px;
background-color: white;
position : relative;
display : block;
z-index:100;
left: 12.5vw;
top: 20px;

/*overflow: scroll;*/
}

div.logo
{
float: right;
top: 10px;
display:block;
z-index:9000;
margin-right:2vw;
}

div.nameplate img, div.logo img
{
width: 25vw;
max-width: 300px;
height:auto;
max-height: 68px;
background-color:white;
z-index:9000;

}

.textbox
{
margin:0px;
background-color: #FFFFFF;
color: silver;
text-align: right;
width: 9.6vw;
float:left;
max-height: 16px;

}

/*NAV*/
nav
{

}


nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}

	
nav ul {
	background: #FFFFFF; 
	list-style: none;
	position: relative;
	display: inline-table;
	width: 97vw;
	margin:0px;
	padding:0px;
	color: silver;

}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
	margin:0px;
	background-color: #FFFFFF;

	text-align: right;
	width: 9.6vw;
	max-height: 18px;


}
	nav ul li:hover {
		background: #FFFFFF;
		border-bottom-width:1px;

	}
		nav ul li:hover a {	
		/*border-bottom-style:solid;*/
		
			/*color: black;*/
			
		}
	
	nav ul li a {
		display: block;
		text-decoration: none;
		color: silver;
	}

nav ul ul {
	background: #FFFFFF; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	width: 9.6vw;
	
}



	nav ul ul li {
		float: none; 
		padding-top:3px;
		background-color: #FFFFFF;
		text-align: right;
		width: 9.6vw;
		max-height: 16px;
		position: relative;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:transparent;

	}
		nav ul ul li a {
		

		}	
			nav ul ul li a:hover {
			color:inherit;

			}
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}



.abouttextbox
{
margin-top:5px;
background-color: transparent;
color: silver;
text-align: center;
width: 96vw;
float:left;
margin-left:2vw;
max-height: 16px;
}

.bottombar
{
float: left;
width: 100vw;
height:4vw;
max-height: 20px;
background-color: transparent;
display : block;
position: absolute;
bottom:-15px;
z-index:9000;
}

p
{
border-bottom-style:solid;
border-bottom-width:0px;
}


p:hover
{
border-bottom-style:solid;
border-bottom-width:1px;
}

.newsentry
{
margin-top:5px;
background-color: transparent;
color: black;
text-align: left;
width: 94vw;
float:left;
max-height:200px;
height: 20vw;
display:block;
}



p1
{
width:30vw;
height:14vw;
max-width:360px;
max-height:160px;
background-color: transparent;
display:block;
float:left;
overflow:scroll;
}
p2
{
width:96vw;
height:45vw;
max-height:560px;
background-color: transparent;
display:block;
float:left;
overflow:scroll;
}

p3
{
border-bottom-style:solid;
border-bottom-width:0px;
}

.imagewrapperviewer
{
float: left;
width: 96vw;
height:75vw;
max-height: 655px;
background-color: white;
position : relative;
display : block;
z-index:100;
margin-left:2vw;
overflow: scroll;
top: 20px;
}


.newsviewer
{
float: left;
width: 96vw;
height:49vw;
max-height:600px;
background-color: white;
position : relative;
display : block;
z-index:100;
margin-left:2vw;
overflow: scroll;
top: 20px;
}


h1
{
	font-size: 1em;
	font-family: Helvetica, calibri, sans-serif;
	max-height: 40px;
	height: 0.03333333333w;
	width: 96vw;

	float:left;
}

.newsimage
{
width:20vw;
height:auto;
max-width:240px;
max-height:160px;
float: left;
display:block;
position: relative;
margin-left:2px;
}

.newsentryimage
{
position: relative;
margin:0px;
width:64vw;
height:14vw;
max-height:160px;
left: 2vw;
float:left;
}

#homeOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#newsOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}
#streetOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#travelOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#chinaOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#productOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#hochzeitOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#eventOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#jenaOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#socialOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#kontaktOn
{
color: silver;
border-bottom-width:1px;
border-bottom-style:solid;
}

#newslink
{color: black;}

/* ID's*/
#home
{
min-width: 48px;
}
#news
{
min-width: 48px;
}

#street
{
min-width: 56px;
}

#travel
{
min-width: 64px;
}

#china
{
min-width: 42px;
}

#product
{
min-width: 64px;
}

#event
{
min-width: 48px;
}


#hochzeit
{
min-width: 72px;
}


#jena
{
min-width: 32px;
}


#social
{
min-width: 56px;
}

#nature
{
min-width: 56px;
}



#kontakt
{
min-width: 64px;
}



#home:hover,#homeOn:hover
{
color: black;
border-bottom-style:solid;
}

#news:hover,#newsOn:hover
{
color: black;
border-bottom-style:solid;
}

#street:hover, #streetOn:hover
{
border-color: black;
color: black;
border-bottom-style:solid;
}

#nature:hover, #natureOn:hover
{
border-color: green;
color: black;
border-bottom-style:solid;
}

#travel:hover,#travelOn:hover
{
border-color: black;
color: black;
border-bottom-style:solid;
}

#china:hover,#chinaOn:hover
{
border-color: black;
color: red;
border-bottom-style:solid;
}

#europe:hover, #europeOn:hover
{
border-color: black;
color: #252393;
border-bottom-style:solid;
}

#facebook:hover, #facebookOn:hover
{
border-color: black;
color: #465998;
border-bottom-style:solid;
}

#reference:hover, #referenceOn:hover
{
border-color: black;
color: black;
border-bottom-style:solid;
}


#about:hover, #aboutOn:hover
{
border-color: black;
color: black;
border-bottom-style:solid;
}


#product:hover, #productOn:hover
{
color: black;
border-bottom-style:solid;
}

#event:hover,#eventOn:hover
{
color: black;
border-bottom-style:solid;
}

#hochzeit:hover, #hochzeitOn:hover
{
color: black;
border-bottom-style:solid;
}

#jena:hover, #jenaOn:hover
{
border-color: black;
color: black;
border-bottom-style:solid;
}

#social:hover,#socialOn:hover
{
color: black;
border-bottom-style:solid;
}

#kontakt:hover, #kontaktOn:hover
{
color: red;
border-bottom-style:solid;
}
/*
#bottom:hover
{
color: black;
border-bottom-style:solid;
}*/

/* X/1200*100= Yvw */

/*street*/
div.viewerstreet { z-index:8050;position: relative;
}
header.viewerstreet
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewerstreet img 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}
div.viewerstreet 
{ max-width: 16560px; width: 1400vw;}


/*china*/
div.viewerchina { z-index:8050;position: relative;
}
header.viewerchina 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewerchina img, video 
{width: 75vw; height: 50vw;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}
div.viewerchina 
{ max-width: 31280px; width: 2626vw;}

/*europe*/
div.viewereurope { z-index:8050;position: relative;
}
header.viewereurope 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewereurope img 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}
div.viewereurope 
{ max-width: 8280px; width: 700vw;}

/*nature*/
div.viewernature { z-index:8050;position: relative;
}
header.viewernature 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewernature img 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}
div.viewernature
{ max-width: 4600px; width: 389.3333vw;}


/*jena*/
div.viewerjena { z-index:8050;position: relative;
}
header.viewerjena 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewerjena img.Horz 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}


header.viewer, div.viewerjena img.Pano
{width: 365.41666667vw; height: auto;
max-width: 4385px; max-height: 600px; position: relative; z-index:8090;}
div.viewerjena

{ max-width: 16365px; width: 1485vw;}

/*product*/
div.viewerproduct { z-index:8050;position: relative;
}
header.viewerproduct 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewerproduct img.Horz 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}


header.viewer, div.viewerproduct img.Port 
{width: 33.333333vw; height: auto;
max-width: 400px; max-height: 600px; position: relative; z-index:8090;}

div.viewerproduct
{ max-width: 11800px; width: 993.33333vw;}


/*event*/
div.viewerevent { z-index:8050;position: relative;
}
header.viewerevent 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewerevent img.Horz 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}


header.viewer, div.viewerevent img.Port 
{width: 33.333333vw; height: auto;
max-width: 400px; max-height: 600px; position: relative; z-index:8090;}

div.viewerevent
{ max-width: 12380px; width: 1041.6666666667vw;}

/*hochzeit*/
div.viewerhochzeit { z-index:8050;position: relative;
}
header.viewerhochzeit 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewerhochzeit img.Horz 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}

header.viewer, div.viewerhochzeit img.Sq 
{width: 50vw; height: auto;
max-width: 600px; max-height: 600px; position: relative; z-index:8090;}

header.viewer, div.viewerhochzeit img.Port 
{width: 33.333333vw; height: auto;
max-width: 400px; max-height: 600px; position: relative; z-index:8090;}

div.viewerhochzeit
{ max-width: 5340px; width: 455vw;}


/* 
div.viewergelacorni { z-index:8050;position: relative;
}
header.viewergelacorni 
{overflow :visible;
z-index:8050;
}
header.viewer, div.viewergelacorni img.Horz 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8090;}

header.viewer, div.viewergelacorni img.Sq 
{width: 50vw; height: auto;
max-width: 600px; max-height: 600px; position: relative; z-index:8090;}

header.viewer, div.viewergelacorni img.Port 
{width: 33.333333vw; height: auto;
max-width: 400px; max-height: 600px; position: relative; z-index:8090;}

div.viewergelacorni
{ max-width: 257600px; width: 21466vw;}
 */



/*Viewer*/
div.viewer { z-index:8050;position: relative;

animation-name:viewer;
animation-play-state: running;
animation-duration:42s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
/*animation-direction:alternate;*/

-webkit-animation-name:viewer;
-webkit-animation-play-state: running;
-webkit-animation-duration: 42s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function:ease-in-out;
/*-webkit-animation-direction:alternate;*/
}




div.spacer
{
float:left;
width:77vw;
max-width: 920px;
}

div.spacerP
{
float:left;
width:35vw;
max-width: 420px;
}

div.spacerS
{
float:left;
width:51.666666666vw;
max-width: 620px;
}

div.spacerPano
{
float:left;
width:367.083333333vw;
max-width: 4405px;
}

header.viewer 
{overflow :visible;
z-index:8050;
}

header.viewer, div.viewer img 
{width: 75vw; height: auto;
max-width: 900px; max-height: 600px; position: relative; z-index:8050;}
div.viewer 
{ max-width: 9200px; width: 771vw;}

@keyframes viewer
{
0% {transform: translateX(-10%); }
12.5% {transform: translateX(-10%); }
14.28% {transform: translateX(-20%); }
26.78% {transform: translateX(-20%); }
28.57% {transform: translateX(-30%); }
41.07% {transform: translateX(-30%); }
42.86% {transform: translateX(-40%); }
55.36% {transform: translateX(-40%); }
57.14% {transform: translateX(-50%); }
69.64% {transform: translateX(-50%); }
71.43% {transform: translateX(-60%); }
83.93% {transform: translateX(-60%); }
85.71% {transform: translateX(-70%); }
98.21% {transform: translateX(-70%); }
100% {transform: translateX(-80%); }
}


@-webkit-keyframes viewer
{
0% {-webkit-transform: translateX(-10%); }
12.5% {-webkit-transform: translateX(-10%); }
14.28% {-webkit-transform: translateX(-20%); }
26.78% {-webkit-transform: translateX(-20%); }
28.57% {-webkit-transform: translateX(-30%); }
41.07% {-webkit-transform: translateX(-30%); }
42.86% {-webkit-transform: translateX(-40%); }
55.36% {-webkit-transform: translateX(-40%); }
57.14% {-webkit-transform: translateX(-50%); }
69.64% {-webkit-transform: translateX(-50%); }
71.43% {-webkit-transform: translateX(-60%); }
83.93% {-webkit-transform: translateX(-60%); }
85.71% {-webkit-transform: translateX(-70%); }
98.21% {-webkit-transform: translateX(-70%); }
100% {-webkit-transform: translateX(-80%); }
}


.viewerWidth {
	display: block;
	float: left;
	width: 75vw;
	height: auto;
	max-width: 900px;
	max-height: 600px;
	position: relative;
	z-index:8050;
}


/*

-webkit-transition: opacity 100ms ease-in-out;
-moz-transition: opacity 100ms ease-in-out;
-o-transition: opacity 100ms ease-in-out;
-ms-transition: opacity 100ms ease-in-out;
transition: opacity 100ms ease-in-out;
opacity:0.95;
filter:alpha(opacity=95);


#navi{
	background-color: #FFFFFF;
	width:230px;
	position:fixed;
	right:40px;
	z-index:1000;
}
ul.navi{
	list-style-type:circle;
}

#top_space{
	height:70px;
}

#logo{
	border: 0 none;
	height:42px;
	width:200px;
	margin-left:15px;
}

#logo a img{
	border:none;
}


#space_right{
	width:250px;
}

a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:focus { font-weight:bold; color:#000000; text-decoration:none; }
a:hover { font-weight:bold; color:#000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }


#about {
	float:right;
	width:530px;
	margin-right:300px;
	text-align:right;
}

#circle{
	list-style-type:circle;
}

*/