html {
    overflow-y: scroll;
}


body{
	Background-color:black;

	}



.Photo {

	Float:left;
	width:45%;
	height: 100%;
	Background-color:black;
	z-index: 1;
	}

.photo img {
	Position: fixed;
	bottom: 0%; left: 5%; 
	max-width:50%;
	max-height: 80%;

	}


#Navi {
	Float:right;
	width:55%;
	height: 100%;
	Background-color:black;

	}


.Logo {

	z-index: 2;
	Position: relative;
	}

.Logo img {
	max-width: 80%;
	heigth: auto;

	}



#Buttons{
	}

#Regie {
	Float:right;
	width:47.8%;
	height: 5%;
	position: relative;
	right:10%;
	clear: both;
	}


#Text {
	Float:right;
	width:47.8%;
	height: 5%;
	position: relative;
	right:10%;
	clear: both;
	}

#Fechten {
	Float:right;
	width:47.8%;
	height: 5%;
	position: relative;
	right:10%;
	clear: right;
	}

#Graphik{
	Float:right;
	width:47.8%;
	height: 5%;
	position: relative;
	right:10%;
	clear: right;
	}


#Vita {
	Float:right;
	width:47.8%;
	height: 5%;
	position: relative;
	right:10%;
	clear: both;
	}

#Zurück {
	Float:right;
	width:25%;
	height: 5%;
	position: relative;
	right:2%;
	clear: both;
	}



#Copy {
	Float:right;
	clear: both;
	position: relative;
	width:80%;
	right:10%;
	height: auto;
}



.Hinterlegung {
	background-color:#0c0c0c;
	    padding-top: 0.2vw;
    padding-right: 0.3vw;
    padding-bottom: 0.5vw;
    padding-left: 0.3vw;
}

.Hinterlegung img {
	max-width: 80%;
	heigth: auto;

	}



.Einrückung {
    padding-left: 2vw;
}
.Einrückung2 {
    padding-left: 3.5vw;
}



a {
text-decoration:none;
 color: inherit;
}

h1	{
	font-family: "helvetica",myriad, Arial, sans-serif;
	font-size: 1.4vw;
	color:white;

	margin:-0.08vw;
	line-height: 110%;
	letter-spacing: -1px;
	opacity:1;
	}


@font-face {
  font-family: "Jonathan Ball - Acre-Medium";
  src: url("type/Jonathan Ball - Acre-Medium.eot");
  src: local("?"),
    url("type/Jonathan Ball - Acre-Medium.woff") format("woff"),
    url("type/Jonathan Ball - Acre-Medium.otf") format("opentype");
  }




h2	{
	font-family: "helvetica",myriad, Arial, sans-serif;
	font-size: 2vw;
	color:white;

	margin:-0.08vw;
	line-height: 110%;
	letter-spacing: -1px;
	opacity:1;
	}


	h2 a:link
		{
		opacity:0.7;
  		filter:alpha(opacity=3); /* For IE8 and earlier */
			}

	h2 a:hover
		 {
			font-family: "Jonathan Ball - Acre-Medium",myriad, Arial, sans-serif;
			font-weight:900; /* nur für den fall, daß es doch wer zur arial schafft... */
			Font-size:2.5vw;
			letter-spacing:-0.05vw;
		 	opacity:1.0;
		 	filter:alpha(opacity=10); /* For IE8 and earlier */
 			}

h3	{
	font-family: "Jonathan Ball - Acre-Medium",myriad, Arial, sans-serif;
	font-size: 2.5vw;
	letter-spacing:-0.05vw;
	font-weight:900; /* nur für den fall, daß es doch wer zur arial schafft... */
	color:white;
	position:relative; top:-0.3vw;

	margin:-0.08vw;
	line-height: 110%;
	opacity:0.7;
  	filter:alpha(opacity=3); /* For IE8 and earlier */
	}





p	{
	font-family: "helvetica",myriad, Arial, sans-serif;
	font-size: 1.03vw;
	color:white;
	white-space: pre-wrap;
	margin:0.2vw;
	line-height: 1.35vw;
	letter-spacing: -0.025vw;
	opacity:1;
	}


	p a:link
		{
		opacity:0.7;
  		filter:alpha(opacity=3); /* For IE8 and earlier */

			}

	p a:hover
		 {
			font-family: "Jonathan Ball - Acre-Medium",myriad, Arial, sans-serif;
			font-weight:900; /* nur für den fall, daß es doch wer zur arial schafft... */
			Font-size:1.0vw;
		 	opacity:1.0;
		 	filter:alpha(opacity=10); /* For IE8 and earlier */
				line-height: 1.0vw;

 			}


p2	{
	font-family: "helvetica",myriad, Arial, sans-serif;
	font-size: 0.9vw;
	color:white;
	white-space: pre-wrap;
	margin:0.2vw;
	line-height: 125%;
	letter-spacing: -0.025vw;
	opacity:1;
	}