/*	--------------------
		- BODY -
		-------------------- */
		
			html{
			    background:url(images/background.jpg) no-repeat fixed;
			    background-size:cover;
				max-height:100%;
				margin-bottom: 1px;
				-moz-background-size:cover;
     			-webkit-background-size:cover;
				}
			
			body {
			    max-height:100%;
			    overflow-y: scroll;
				}
				
			#wrapper {
				font-family:Helvetica, sans-serif;
				max-height:100%;
				max-width:948px;
				text-align: center;
				margin:0 auto;
				}
				
			.clear {
				clear:both;
				}

			ul, li {
				padding: 0;
				margin: 0;
				list-style: none;
				text-align: center;
				}
	
			/*.player {
				position: fixed;
    			height: auto;
    			width: 100%;
    			z-index: 100;
				margin-top:10px;
				margin-left:10px;
				margin-right:10px;
				}*/
				
				
		/*	--------------------
			- HEADER -
			-------------------- */
			
			
			#logo_box {
				max-height:100%;
				margin:0 auto;
				margin-top:60px;
				margin-bottom: 40px;
				width:360px;
				}
				
				
		/*	--------------------
			- NAVIGATION -
			-------------------- */
			
			ul, li {
				padding: 0;
				margin: 0;
				display: inline-block;
				}
				
			.banner {
				background-color:rgba(255,255,255,0.3);
				margin-top:15px;
				height:50px;
				}
		
			ul	{
				color:#000;
				list-style:none;
				}
			
			nav a, a:visited, a:link {
				position:relative;
				color:#000;
				text-decoration:none;
				z-index:2;
				-o-transition:color .2s ease-out, background 2s ease-in;
			  	-ms-transition:color .2s ease-out, background 2s ease-in;
			 	-moz-transition:color .2s ease-out, background 2s ease-in;
			 	-webkit-transition:color .2s ease-out, background 2s ease-in;
			 	transition:color .2s ease-out, background 2s ease-in;
				}
			
			#main_nav li a {
				text-decoration:none;
				z-index:2;
				}
			
			#main_nav li a:hover {
				text-decoration:none;
				color:#FFF;
				text-shadow:0px 0px 10px #FFF;
				}
				
			#main_nav li a:hover:after {
				text-decoration:none;
				display: block;	
				}
			
			#main_nav li a:after  {
				text-decoration:none;
    			content:"";
				display: none;
    			position: absolute;
				left: 50%;
				margin-left: -15px;
				top: 10px;			
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-bottom: 15px solid rgba(255,255,255,0.3);
				}
	
			.active a:hover, .active a {
				color: white;
				}
				
			.active a:after {
				display: block;
				}

			/*#social_nav {
				display: inline-block;
				margin: 0 auto; 
				margin-top: 10px;
				}

			#social_nav img {
				width: 30px;
				margin-left:12px;
				}*/

			#social_nav li {
				max-width: 35px;
				list-style: none;
				height: auto;
				width: auto;
				padding: 7.5px;
				}


		/*	--------------------
			- SECTION -
			-------------------- */
	
			.field {
				border:1px solid rgba(255,255,255,0.3);
				background-color:rgba(0,0,0,0.3);
				margin:0 auto;
				margin-top:15px;
				z-index:1;
				}
			
			iframe {
				display: inline-block;
				margin:12px;
				margin-top:28px;
				margin-bottom:20px;
				}

			.video {
				margin-bottom: -5px;
				}
			
			img {
				display:block;
				z-index:1;
				}
			
		/*	--------------------
			- footer -
			-------------------- */
				
			.imprint {
				display: inline-block;
				}

			.imprint li {
				font-size: 10px;
				padding: 10px;
				}
				
			.copyright a {
				margin-top: 0;
				color: white;
				}

			.copyright :hover {
				color: red;
				text-decoration:none;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				}

			.impressum a {
				margin-top:0;
				color: white;
				}

			.impressum :hover {
				color: deepskyblue;
				text-decoration:none;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				}

			.dates a {
				margin-top:0;
				color: white;
				}

			.dates :hover {
				color: lawngreen;
				text-decoration:none;
				-o-transition: all 400ms ease-in, all 400ms ease-out;
				-ms-transition: all 400ms ease-in, all 400ms ease-out;
				-moz-transition: all 400ms ease-in, all 400ms ease-out;
				-webkit-transition: all 400ms ease-in, all 400ms ease-out;
				}

			#logo_apple	 {
				max-height:100%;
				margin:0 auto;
				margin-top:20px;
				margin-bottom: 40px;
				width:160px;
				}
				
			footer {
				padding-bottom: 40px;
				}