/* ===
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License	
=== */

/* googlefonts import */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';

body { 
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	color: rgba(129,131,135,1);
}

a { 
	text-decoration: none;
	outline: none;
}

#header {
	position: fixed;
	width: 100%;
	min-width: 980px;
	height: auto;
	z-index: 10;
}

/* logo */
#logo a img {
	position: absolute;
	width: 130px;
	height: 130px;
	top: 20px;
	right: 20px;
	z-index: 10;
}

/* navigation */
#header ul { list-style-type: none; }

#header li {
	font-size: 15px;
	font-weight: 600;
	float:left;
	margin: 30px 0 0 15px;
	z-index: 10; 
}

#header li a {
	padding: 30px 4px 2px 4px;
	color: #f8f7f7;
	background-color: rgba(0,0,0,0.3);
	box-shadow: -5px -5px 15px rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
	
#header li a.sie-sind-hier { background-color: rgba(86,206,231,1); } /* petrol */

#header li a.top-link { background-color: rgba(0,0,0,0.8); } /* black */

#header li a:hover { background-color: rgba(86,206,231,1); } /* petrol */

/* navigationspfeile links/rechts */
#prevslide, #nextslide {
	visibility: visible;
	position: absolute; 
	width: 70px; 
	height: 100px; 
	top: 50%; 
	margin-top: -50px; 
	opacity: 0.6;
	z-index: 10;	
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out; 
}

#prevslide { left: 0px; background: url('../img/back.png'); background-size: 70px 100px; }

#nextslide { right: 0px; background: url('../img/forward.png'); background-size: 70px 100px; }
	
#prevslide:active, #nextslide:active {}
	
#prevslide:hover, #nextslide:hover { cursor: pointer; opacity: 0.6 !important; }

/* wrapper text, slidecounter, impressum start ===== */

/* wrapper */
#controls-wrapper { 
	position: absolute;
	width: 885px;
	height: auto; 
	bottom: 0px; 
	left: 80px;
	background-color: rgba(255,255,255,0.9); 
	box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	z-index: 10; 
}

/* lauftext */
#slidecaption p {
	margin: 10px 15px 60px 15px;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%; 
}

/* ueberschrift */
.fett {  
	font-weight: 600;
	margin-right: 30px;
}

/* slide_counter */	
ul#slide-list { 
	position: absolute;
	right: 15px;
	bottom: 10px;
}
					
ul#slide-list li { list-style: none; width: 16px; height: 10px; float: left; margin: 0 0 0 6px; }
	ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position: 0px; }
	ul#slide-list li a { display: block; width: 16px; height: 10px; background: url('../img/nav-dot.png') no-repeat -32px; }
		ul#slide-list li a:hover { background-position: -16px; cursor: pointer; }
		
/* link impressum */	
#controls-wrapper h5 a {
	position: absolute;
	bottom: 10px;
	left: 15px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(129,131,135,0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
}

#controls-wrapper h5 a:hover { color: rgba(129,131,135,1); }

/* wrapper text, slidecounter, impressum ende ===== */