body{font-size:13px; font-family: 'Quicksand', sans-serif; font-weight:100;}
white{ color:white; font-size:16px; font-family: 'Quicksand', sans-serif;  font-weight:100;}
black{ color:black; font-family: 'Quicksand', sans-serif;  font-weight:100;}
h1{ color:white; font-size:16px; font-family: 'Quicksand', sans-serif;  font-weight:100:}
p{ color:white; font-size:10px; font-family: 'Quicksand', sans-serif;  font-weight:100;}
p1{ color:white; font-size:10px; font-family: 'Quicksand', sans-serif;  font-weight:100;}
p2{ color:white; font-size:14px; font-family: 'Quicksand', sans-serif; font-weight: 100;}
hometext{color:white; font-size:35px; font-family: 'Quicksand', sans-serif; font-weight: 100;}
figcaption{ background: rgba(0, 0, 0, 0.1); bottom: 3%; display: none; left: 0; position: absolute; top:70%; right: 0;}
a{color:white; font-size:14px; font-family: 'Quicksand', sans-serif; font-weight: 100;text-decoration:none;}
figure{position: relative;}
figure:hover figcaption{display: block;}

		/*Jumpbutton*/

			/* Position */
			#nach_oben {
			  position: fixed;
			  bottom: 20px;
			  margin-left: 1115px; }

			/* Aussehen des Buttons */
			#nach_oben a {
			 width: auto;
			 padding: 0px 10px 1px 10px;
			 display: block;
			 text-align: center;
			 text-transform: uppercase;
			 text-decoration: none;
			 color: white;
			 font-size: 40px;
			 font-family: arial;
			 background-color: #0e6988;
			 
			/* abgerundete Ecken */
			 border: 1px solid #c9c9c9;
			 -webkit-border-radius: 15px;
			 -moz-border-radius: 15px;
			 border-radius: 5px;

			/* transition */
			 -webkit-transition: 1s;
			 -moz-transition: 1s;
			 transition: 1s; }

			/* Hover bei Mauskontakt */
			#nach_oben a:hover {
			 color: white;
			 background-color: #282828;}
	 
#website{
	position: absolute;
	margin-top: -1%;
	width: 1100px;
	margin-left: -550px;
	left: 50%;
}

#bgt{
	position:absolute;
	top:550px;
	width: 1100px;
	height: 3562px;
	background-color: trasparent;
	box-shadow: -4px 0px 5px palegoldenrod, 4px 0px 5px palegoldenrod; 
}

#head{
	position:absolute;
	background-image: url(../images/logo.png);
	background-size:100%;
	background-repeat:no-repeat;
	height: 550px;
	width:1100px;
}

/*NAVI*/

#navigation{
	position:absolute;
	height:50px;
	width:888px;
	top:550px;
	background-color:#282828;
	padding-left:14.6%;
	z-index: 1;
}

#navbox{
	position:absolute;
	height:50px;
	width:888px;
	margin-left:-18%;
	padding-left:24%;
	background-color:#282828;
}

#nav{
	position:absolute;
	height:50px;
	width:888px;
	top:0px;
	background-color:#282828;
}
	
a.menu{
	display: block;
	width:130px;
	height:36px;
	padding-top:14px;
	border:0px groove: #99d;
	font-family: 'Quicksand', sans-serif;
	font-size:16px;
	font-weight:100;
	color: white;
	text-decoration: none;
	/* transition */
	 -webkit-transition: 1s;
	 -moz-transition: 1s;
	 transition: 1s; }
}
	
a.menu:link{
	color:white;
	background-color:transparent; 
	text-decoration:none; 
}
a.menu:visited {
	color:white;
	background-color:transparent; 
	text-decoration:none; 
	}
a.menu:hover   {
	color:#17181c;
	background-color:#0e6988; 
	text-decoration:none;
	}
a.menu:active  {
	color:#17181c;
	background-color:#0e6988; 
	text-decoration:none; 
	}
div.menu { 
	color:white; 
	background-color:transparent; 
	width:511px; 
}

#home{
	position:absolute;
	height:500px;
	width:958px;
	top:600px;
	background-color:rgba(23,24,28,0.9);
	padding-top:5%;
	padding-left:13%;
	}
	
#game{
	position:absolute;
	height:700px;
	width:958px;
	top:1155px;
	background-color: rgba(14,105,136,0.9);
	background-size:100%;
	padding-top:5%;
	padding-left:13%;
}

/* SLIDESHOW */

#slideshow{
	position:absolute;
	height:600px;
	width:958px;
	top:1910px;
	background-color:rgba(23,24,28,0.9);
	padding-top:5%;
	padding-left:13%;
}

#slideshows #slidesContainer {
	width:820px;
	height:500px;
	position:absolute;
}

#slideshows #slidesContainer.slide {
	width:800px; /* reduce by 20 pixels to avoid horizontal scroll */
	height:500px;
	position: absolute;
}

.control {
	display:block;
	width:50px;
	height:500px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:15%;
	left:5%;
	background:transparent url(../images/control_left.png) no-repeat 0 0;
}
#rightControl {
	top:15%;
	left:92%;
	background:transparent url(../images/control_right.png) no-repeat 0 0;
}

#team{
	position:absolute;
	height:500px;
	width:958px;
	top:2565px;
	background-color: rgba(14,105,136,0.9);
	background-size:100%;
	padding-top:5%;
	padding-left:13%;
}

#blog{
	position:absolute;
	height:500px;
	width:958px;
	top:3120px;
	background-color:rgba(23,24,28,0.9);
	padding-top:5%;
	padding-left:13%;
}

#firstfooter{
	position:absolute;
	height:450px;
	width:1101px;
	top:3675px;
	background-color:rgba(124,124,124,0.9);
}
#footer{
	position:absolute;
	height:300px;
	width:959px;
	top:3675px;
	background-color: rgba(124,124,124,0.9);
	padding-left:13%;
	opacity: 0.9;
	padding-top:8%;
}


#lastfooter{
	position:absolute;
	height:50px;
	width:1101px;
	top:4062px;
	background-color:rgba(23,24,28,0.9);
	opacity: 0.9;
}

/* Anchorpoints */

#anchor1 {
	position:absolute;
	top: 570px;
}

#anchor2 {
	position:absolute;
	top: 1125px;
}

#anchor3 {
	position:absolute;
	top: 1880px;
}

#anchor4 {
	position:absolute;
	top: 2535px;
}

#anchor5 {
	position:absolute;
	top: 3090px;
}

.to-hover {
   position: relative;
}

.to-hover .showIfHovered {
   display: none;
   position: absolute;
   top:75.5%;
}

.to-hover:hover .showIfHovered {
   display: block;
   background-color:rgba(200,200,200,0.7);
   width:130px;
}