body{
	padding:0;
	border:0;
	margin:0 0 0 0;	
	display:block;
	background-color:rgba(0,0,0,1);
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none;
	font-family: Arial, sans-serif;
	overflow:hidden; 
	letter-spacing:0.11em;
	font-size:0.9em;
}

#load{
	padding:0;
	border:0;
	margin:0;
	left:calc(50% - 25px);
	top:calc(40% - 25px);
	position:absolute;
	z-index:-20;
	width:5em;
	height:5em;
	background-image:url('data/load.gif');
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	background-size:cover;
}

span{ 
	text-shadow: 1px 1px rgba(0,0,0,0.8);
	font-family: Calibri, Arial, sans-serif;
	font-variant: small-caps;
	font-size:15pt;
	letter-spacing:0.1em;
}

span1{	
	color:rgb(225,100,40);
	font-weight:200;
	letter-spacing:0.1em;
}

span2{
	color:rgb(224,98,40);
}
h1{
	font-size:1.1em;
	font-weight:400;
	color:rgb(230,230,230);
	text-shadow: 1px 1px rgba(10,10,10,0.8);	
}
h2{
	font-weight:200;
	font-size:0.9em;
	text-align:right;

}

/*Hintergrund*/
#bckgrnd{
	background-image:url('img/bckgrnd/2.jpg');
	background-size:cover;
	background-position:center top;
	overflow:hidden;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	z-index:0;
	visibility: visible; 
	
}

/*Textfeld*/
#box_ger, #box_eng, #box_fra {
	font-family:arial,sans-serif;
	line-height:135%;
	font-size:11pt;
	overflow-y:auto;	
	padding:20 10 0 10;
	margin:0 0 0 0;
	position:fixed;
	right:5%;
	top:7%;
	width:calc(30% - 20px);
	background-color:rgba(0,0,0,0.75);
	color:white;
	z-index:3;
	height:calc(93% - 20px);
	visibility:hidden;
}


.print{	opacity:0.75;
	width:1.5em;
	height:auto;
	position:relative;
	left:1.5%;
	cursor:pointer;
}

/*Logo*/
#logo{
	font-variant: small-caps;
	font-family:"Calibri", "Arial", sans-serif;
	letter-spacing:0.2em;
	font-size:2.5em;
	font-weight:100;
	color:rgb(210,210,210);
	text-shadow: 1px 1px rgba(225,100,40,0.8);
	position:fixed;
	top:4%;
	left:1.0%;
	height:20vmin;
	width:26.874vmin;
	margin:10;
	border-radius:10px;
	background-color:rgba(0,0,0,7.5);
	background-image:url("data/logoxc.png");
	
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	visibility:visible;
	z-index:5;	
}
#logo img{
	position:relative;
	left:5%;
	top:5%;
	width:auto;
	height:95%;
}

/*Nav-Leiste*/
nav {

	padding:0;
	position:fixed;
	width:30%;
	top:0;
	right:5%;
	min-height:7%;
	background-color:rgba(0,0,0,0.85);
	color:white;
	text-shadow:none;
	overflow:hidden;
	visibility:visible;
	z-index:5;
	font-family:Calibri, Arial, sans-serif;
	text-align:center;
	line-height:0;
}
nav ul li {
	font-variant: small-caps;
	font-weight: 300;
	font-size:2vmin;
	display:inline-table;
	list-style: none;
	margin: 0 1% 0 1%;
	vertical-align:-2vmin;
}
nav ul {
	margin:2.5% 0 0 0;
	border: 0;
	padding: 0 0 0 0;
}
nav a{
	text-decoration:none;
	letter-spacing:0.1em;
	color:white;
}
nav a:hover,a:active{
	color:grey;
}
.flag{
	line-height:50%;
	z-index:10;
	padding:0;
}

ul.flag li{
	display:block;
	cursor:pointer;
}
ul.flag li img{
	padding:1 0 1 0;
	vertical-align:-0.3em;
	width:1.5em;
}


/* Gallery*/
#gal{
	line-height:135%;
	font-size:11pt;
	overflow-y:auto;	
	padding:20 10 0 10;
	margin:0 0 0 0;
	position:fixed;
	right:5%;
	top:7%;
	width:calc(30% - 20px);
	background-color:rgba(0,0,0,0.75);
	color:white;
	z-index:3;
	height:calc(93% - 20px);
	visibility:hidden;
}
#gal ul{
	display:inline;
	padding:0;
	margin:0;
	border:0;
}
#gal ul li{
	display:inline;
}
#gal ul li img{
	width:48%;
	cursor:pointer;
}
#gal_back{
	position:fixed;
	top:0%;
	left:0;
	width:65%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	visibility:hidden;
}
#gal_show{
	width:100%;
	height:93%;
	text-align:center;
}
#gal_nav{
	font-size:2.0vmin;
	text-align:center;
	height:7%;
	width:100%;
	background-color:rgba(255,255,255,0.8);
	color:rgb(30,30,30);
	margin:0;
	border:0;
	padding:0;
}
#gal_nav ul{
	position:relative;
	top:50%;

	width:100%;
	display:inline;
	list-style-type:none;
	padding:calc(7% - 5vmin) 0 0 0;
}
#gal_nav ul li{

	display:inline;
	cursor:pointer;
	margin-left:2%;
	margin-right:2%;
}
#gal_nav img{
	height:1.5vmin;
	width:auto;
}
#gal_down{
	cursor:pointer;
	position:fixed;
	bottom:0.5%;
	left:0.5%;
	font-size:2vmin;
	background-color:rgba(255,255,255,0.6);
	border-radius:3px;
	padding:2 5 2 5;
}
#gal_down img{
	height:2vmin;
	vertical-align:-3px;
}
#gal_down a:link, #gal_down a:visited{
	color:black;
	text-decoration:none;
}
#gal_down a:hover{
	color:rgb(225,100,40);
	text-shadow: 1px 1px rgba(0,0,0,0.8);
}

/*Audio*/
#aud_ger, #aud_eng, #aud_fra{
	font-family:arial,sans-serif;
	line-height:135%;
	font-size:0.9em;
	overflow-y:auto;	
	padding:20 10 0 10;
	margin:0 0 0 0;
	position:fixed;
	right:5%;
	top:7%;
	width:calc(30% - 20px);
	background-color:rgba(0,0,0,0.5);
	color:white;
	z-index:3;
	height:calc(93% - 20px);
	visibility:hidden;
	letter-spacing:0;
}

audio{
	width:80%;
	margin:0 10% 0 10%;
}
.disc{

}
.disc h1{
	color:white;
	font-size:1.5em;
	letter-spacing:0.2em;
	font-variant:small-caps;
	text-decoration:underline;
	text-decoration-color:rgb(225,100,40);
	text-align:center;
}
#disc1{
	display:inline;
}
#disc2{
	display:inline;
}
#disc3{
	display:inline;
}
#disc4{
	display:inline;
}
#disc5{
	display:inline;
}
.disc img{
	position:absolute;
	left:0.25em;
	vertical-align:5em;
}
.disc p{
	position:relative;
	width:calc(100% - 7.5em); 
	left:6em;
	margin:0;
}
.disc span2{
	font-size:1.0em;
	font-weight:200;
	letter-spacing:0.1em;
}

/*Video*/
#vid{
	font-family:arial,sans-serif;
	line-height:135%;
	font-size:11pt;
	overflow-y:auto;	
	padding:20 10 0 10;
	margin:0 0 0 0;
	position:fixed;
	right:5%;
	top:7%;
	width:calc(30% - 20px);
	background-color:rgba(0,0,0,0.75);
	color:white;
	z-index:3;
	height:calc(93% - 20px);
	visibility:hidden;
	text-align:center;
}
#vid>video{
	width:100%;
}
#vid a, #vid a:visited{
	text-decoration:none;
	letter-spacing:0.2em;
	font-size:1.2em;
	font-variant:small-caps;
	font-family:Calibri, Arial, sans-serif;
	font-weight:300;	
}
#vid a:hover{
	color:rgb(225,100,40);
}
#yt{
	padding:15 0 0 0;
}
.yt {
	position:relative;
	width:95%;
	margin:0 auto 0 auto;
}
.yt:before{
	content:"";
	display:block;
	padding-top:56.25%;
}
.content{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

/*Stimmen*/
.quote {
	font-family:"Calibri", "Arial", sans-serif;
	padding: 5 7.5 0 7.5;
	letter-spacing:0;
	display:block;
	position:fixed;
	bottom:2%;
	left:1%;
	width:auto;
	height:auto;
	min-width:100px;
	font-family:Calibri, Arial, sans-serif;
	font-size:1.1em;
	color:rgb(220,220,220);
	background-color:rgba(0,0,0,0.65);
	background-size:cover;
	background-position: center center;
	border-radius:5px;
	visibility:hidden;
}
#a_1.quote{visibility:visible;}


/*Impressum*/
#imp{
	font-variant: small-caps;
	font-family:"Calibri", "Arial", sans-serif;
	font-size:1.2vmin;
	font-weight:100;
	color:rgb(210,210,210);
	position:fixed;
	bottom:0%;
	right:0%;
	width:calc(5% - 10px);
	height:auto;
	padding:0 5 0 5;
	background-color:rgba(0,0,0,0.7);
	visibility:visible;
	z-index:1;		
}
#imp a:link, a:visited{ color:rgb(210,210,210); text-decoration:none;}
#imp a:hover{ 		color:rgb(225,100,40);text-decoration:none;}

#impr{
	font-family: Arial, sans-serif;
	font-weight:lighter;
	line-height:175%;
	font-size:0.9em;
	letter-spacing:0;
	overflow-y:auto;	
	/*padding:20 10 0 10;
	position:fixed;
	right:5%;
	top:7%;
	height:calc(93% - 20px);
	width:calc(30% - 20px);*/
	width:100%;
	max-width:800px;
	height:100%;
	padding:0 10 0 10;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,1);
	color:black;
	z-index:3;
	visibility:visible;
}
#impr a{
	text-decoration:underline;
	color:rgb(225,100,40);
}
#impr a:hover{
	font-weight:bold;
}



/*Sprache*/
#lang {
	width:2%;
	right:5.5%;
	position:fixed;
	top:0.75%;
	margin:0;
	padding:0;
	border:0;
	line-height:100%;
}
#lang ul{
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}
#lang img{
	width:100%;
	cursor:pointer;
}