/*fester scrollbalken*/
html {
	overflow-y: scroll;
}
/*browservoreinstellung zurücksetzen*/
html, body {
	margin:0;
	padding:0;
}
body {
	background-color:#000;
}

audio {
    background-color: #03F;
}

h1 {
	color:yellow;
	padding:0;
	margin:20px 0 0 0;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	font-size:22px;
	font-weight:300;
	text-align:center;
}
h2 {
	color:#CCC;
	padding:0;
	margin:20px 0 0 0;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	font-size:18px;
	font-weight:100;
}
p {
	padding:0;
	margin:10px 70px 10px 70px;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
	text-align: justify;
	color:white;
}

span	{
	padding:0;
	margin:10px auto 10px auto;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
	text-align:left;
	color:white;
}
span2	{
	padding:0;
	margin:10px auto 10px auto;
	font-family: "Lucida Console", Monaco, monospace;
	text-decoration:none;
	font-size:30px;
	font-weight:300;
	text-align:left;
	color: #C8A80B;
}

.clear {
	clear:both;
}
a {
	outline: none;
	text-decoration: none;
	color:white;
}
.justify {
	text-align: justify;
}
.bold {
	font-weight: bold;
}
.normal {
	font-size: 14px;
}
.center {
	text-align:left;
	margin:30px 0 0 250px;
}
.right {
	text-align: right;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
img {
	border:none;
	outline:none;
}
#logo {
	width:1000px;
	height:150px;
	position:relative;
	margin:50px auto -40px auto;
	border-bottom:3px solid rgb(133,28,48);
	z-index:1000;
}
#header-navi-100 {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:389px;
	background:url(../bilder/body-bg.jpg) top center repeat-x;
}
#rumpf-100 {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	background:url(../bilder/back_.jpg) top center repeat;
}
#footer-100 {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	border-top: 5px solid #871a2f;
	border-bottom: 5px solid #871a2f;
	background-color:#000;
}
#wrapper-header-navi-cool, #wrapper-rumpf, #wrapper-footer {
	width:1024px;
	position: relative;
	margin:0 auto 0 auto;
	background-color:transparent;
}
#header {
	width:996px;
	height:50px;
	position:relative;
	float:left;
	margin:0;
	padding:20px 15px 0 15px;
}
/*Start Navi*/
.navi {
	width:1024px;
	height:50px;
	position:relative;
	float: left;
	margin:0;
	padding:0;
}
.navi ul {
	margin:-20px 0 0 0;
	padding:0;
	width:100%;
	text-align:center;
}
.navi ul li {
	padding:3px 15px 0 0;
	margin:20px 15px 0 0;
	display:inline;/*setzt die Liste nebeneinander*/
	background:url(../bilder/navi_spacer.jpg) top right no-repeat;/*senkrechter Strich*/
}
.navi ul li:last-child {
	background:none;/*letzter Listenpunkt ohne senkrechtem Strich*/
	margin: 0;
	padding: 0;
}
.navi ul li a {
	padding:0;
	margin:0;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	color:white;
	font-size:28px;
	font-weight:300;
}
.navi ul li a:hover, .navi ul li a.aktiv {
	color:#999;
}
/*Ende Navi*/
.cool {
	width:1024px;
	height:264px;
	background-image:url(../bilder/sa-ul-sa-front.jpg);
	position:relative;
	float:left;
	margin:0;
}
.cool1 {
	width:217px;
	height:264px;
	position: absolute;
	float:left;
	margin:120px 0 0 0;
}
.cool1 a {
	position:relative;
	float:left;
	width:258px;
	height:264px;
	margin:0;
	background:none;
	text-indent:-50000px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	/*background-image:url(../bilder/sa-ul-sa-bin.jpg);*/
}
.cool1 a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.cool1 a span {
	display:none;
}
.cool1 a:hover span {
	display:block;
	position: absolute;
	width:400px;
	top: 260px;
	left: 0;
	padding: 5px;
	z-index: 100;
	color: yellow;
	background: none;
	font: 18px 'Lato', sans-serif;
	font-weight:300;
	text-align: left;
	text-indent:0;
}
.cool2 {
	width:258px;
	height:264px;
	position:absolute;
	float:left;
	margin:120px 0 0 217px;
}
.cool2 a {
	position:relative;
	float:left;
	width:170px;
	height:264px;
	margin:0;
	text-indent:-50000px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	/*background-image:url(../bilder/sa-ul-sa-sab.jpg);*/
}
.cool2 a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.cool2 a span {
	display:none;
}
.cool2 a:hover span {
	display:block;
	position: absolute;
	width:400px;
	top: 260px;
	left: 0;
	padding: 5px;
	z-index: 100;
	color: yellow;
	background: none;
	font: 18px 'Lato', sans-serif;
	font-weight:300;
	text-align: left;
	text-indent:-30px;
}
.cool3 {
	width:100px;
	height:264px;
	position:absolute;
	float:left;
	margin:120px 0 0 350px;
}
.cool3 a {
	position:relative;
	float:left;
	width:250px;
	height:264px;
	margin:0;
	text-indent:-50000px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;

}
.cool3 a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.cool3 a span {
	display:none;
}
.cool3 a:hover span {
	display:block;
	position: absolute;
	width:400px;
	top: 260px;
	left: 0;
	padding: 5px;
	z-index: 100;
	color: yellow;
	background: none;
	font: 18px 'Lato', sans-serif;
	font-weight:300;
	text-align: left;
	text-indent:-30px;
}
.cool4 {
	width:304px;
	height:264px;
	position:absolute;
	float:left;
	margin:120px 0 0 620px;
}
.cool4 a {
	position:relative;
	float:left;
	width:304px;
	height:264px;
	margin:0;
	text-indent:-50000px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;

}
.cool4 a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.cool4 a span {
	display:none;
}
.cool4 a:hover span {
	display:block;
	position: absolute;
	width:500px;
	top: 260px;
	left: 0;
	padding: 5px;
	z-index: 100;
	color: yellow;
	background: none;
	font: 18px 'Lato', sans-serif;
	font-weight:300;
	text-align: left;
	text-indent:-135px;
}

.cool5 {
	width:304px;
	height:264px;
	position:absolute;
	float:left;
	margin:120px 0 0 780px;
}
.cool5 a {
	position:relative;
	float:left;
	width:304px;
	height:264px;
	margin:0;
	text-indent:-50000px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;

}
.cool5 a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.cool5 a span {
	display:none;
}
.cool5 a:hover span {
	display:block;
	position: absolute;
	width:500px;
	top: 260px;
	left: 0;
	padding: 5px;
	z-index: 100;
	color: yellow;
	background: none;
	font: 18px 'Lato', sans-serif;
	font-weight:300;
	text-align: left;
	text-indent:50px;
}
#rumpf {
	width:100%;
	position:relative;
	float:left;
	min-height:300px;
	background: url(../bilder/black-40.png) top left repeat;
}
.rumpf-left {
	width:50%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	background: url(../bilder/black-40.png) top left repeat;
	border-right:2px solid rgb(133,28,48);
}
.rumpf-right {
	width:48%;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	background: url(../bilder/black-40.png) top left repeat;
}
#rumpf #text1 {
	width:70%;
	position:relative;
	float:left;
	margin: 50px auto 20px auto;
	padding:0 15% 0 15%;
}
#rumpf #text2 h1 {
	width:100%;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:normal;
	text-align:center;
	color:#666;
	margin:30px auto 0 auto;
	padding:0;
	background-color:#0033FF;
}
#rumpf #text3 h1 {
	width:100%;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:white;
	margin:10px auto 30px auto;
	padding:0;
	background-color: transparent;
}

#rumpf #text1 h1 {
	width:100%;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-align:left;
	color:yellow;
	margin:0;
	padding:0 0 20px 0;
}


#rumpf #text1 h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	color:#999;
	margin:0 auto 0 auto;
	padding:0;
}
#rumpf #text1 p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	color:#999;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
}
#rumpf #text1 p.center {
	padding:30px 0 0 0;
	text-align:center;
}
#rumpf #text1 p {
	padding: 0 auto 0 auto;
}
/*Bildergalerie Anfang*/

#galerie {
	width:1024px;
	position:relative;
	float:left;
	margin:20px;
}

.box {
	width:1024px;
	height:469px;
	position:relative;
	float:left;
	display:block;
	
}


/*Bildergalerie Ende*/


#footer {
	position:relative;
	float:left;
	bottom:0px;
	margin:0;
	width:600px;
	padding: 10px 0 10px 0;
}
#footer-100 #wrapper-footer #footer h1 {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#ccc;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
	margin:0;
	padding:8px 0 0 0;
}
#footer-left {
	position:relative;
	float:left;
	margin:0;
	width:139px;
	padding: 5px 10px 2px 70px;
}
#footer-right {
	position:relative;
	float:right;
	margin:0;
	width:139px;
	padding: 10px 20px 2px 0;
}

#video	{
	position:relative;
	float:left;
	margin:0 0 0 200px;
}
figure	{
	margin:50px 0 0 0;
	padding:0;
	width:220px;
	height:220px;
	border:none;
}

#galerie2 {
background:#black;
-moz-border-radius:10px;
border-radius:10px;
padding:20px;
width:1000px;
margin:20px auto;
}

#galerie2 img {
background:#ffffff;
width:150px;
margin:15px 10px;
padding:10px 10px 50px 10px;
opacity:0.8;
-moz-box-shadow: 0 0 5px 2px #ccc;
-webkit-box-shadow: 0 0 5px 2px #ccc;
box-shadow: 0 0 5px 2px #ccc;
-webkit-transform: rotate(-2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(-2deg);  /* FF3.5+ */
-o-transform: rotate(-2deg);  /* Opera */
transform: rotate(-2deg);
-webkit-transition: all 0.4s ease-out;	/* Saf3.1+, Chrome */
-moz-transition: all 0.4s ease-out;	/* FF3.5+ */
-o-transition: all 0.4s ease-out;	/* Opera */
transition: all 0.4s ease-out;
}

#galerie2 img:nth-child(2n) {
-webkit-transform: rotate(2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(2deg);  /* FF3.5+ */
-o-transform: rotate(2deg);  /* Opera */
transform: rotate(2deg);
}

#galerie2 img:active {
opacity:1;
padding:0;
position:relative;
z-index:1;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
-webkit-transform: rotate(0deg) scale(5);  /* Saf3.1+, Chrome */
-moz-transform: rotate(0deg) scale(5);  /* FF3.5+ */
-o-transform: rotate(0deg) scale(5);  /* Opera */
transform: rotate(0deg) scale(5);
}

#galerie3 {
background:#black;
-moz-border-radius:10px;
border-radius:10px;
padding:20px;
width:1000px;
margin:20px auto;
}

#galerie3 img {
background:#ffffff;
width:150px;
margin:15px 10px;
padding:10px 10px 50px 10px;
opacity:0.8;
-moz-box-shadow: 0 0 5px 2px #ccc;
-webkit-box-shadow: 0 0 5px 2px #ccc;
box-shadow: 0 0 5px 2px #ccc;
-webkit-transform: rotate(-2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(-2deg);  /* FF3.5+ */
-o-transform: rotate(-2deg);  /* Opera */
transform: rotate(-2deg);
-webkit-transition: all 0.4s ease-out;	/* Saf3.1+, Chrome */
-moz-transition: all 0.4s ease-out;	/* FF3.5+ */
-o-transition: all 0.4s ease-out;	/* Opera */
transition: all 0.4s ease-out;
}

#galerie3 img:nth-child(2n) {
-webkit-transform: rotate(2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(2deg);  /* FF3.5+ */
-o-transform: rotate(2deg);  /* Opera */
transform: rotate(2deg);
}

#galerie3 img:active {
opacity:1;
padding:0;
position:relative;
z-index:1;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
-webkit-transform: rotate(0deg) scale(5);  /* Saf3.1+, Chrome */
-moz-transform: rotate(0deg) scale(5);  /* FF3.5+ */
-o-transform: rotate(0deg) scale(5);  /* Opera */
transform: rotate(90deg) scale(5);
}