html{height:100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, strong, ul, li,
fieldset, form, label, legend,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
ul li a{
	text-decoration: none;
}
h1{
	font:20pt/26pt Verdana, Arial, Helvetica, sans-serif;
	
	color:#fff;
	margin:0px 0px 20px 150px;
	
}

h2{
	font:44pt/44pt Verdana, Arial, Helvetica, sans-serif;
	color:#ADFF2F;
	margin:120px 30px 50px 30px;
	
}
h3{
	font:24pt/26pt Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#fff;
	margin:20px 70px 10px 30px;
	
}

body{
	color:#fff;
	font:16pt/20pt Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 60px;

	
	
	
	
}

.impressum{
	font:16pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: right;
	margin:0px 30px 0px 0px;
}
.haftungshinweis{
	font:12pt/18pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	margin:120px 0px 0px 30px;
	}
	
.starthead{
	font:24pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: right;
	padding:100px 30px 50px 0px;
}

.linkbox_2{
	font:16pt/20pt Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#fff;
	width:400px;
	height:282px;
	padding:0px 0px 0px 0px;
	margin:-1250px 30px 0px 0px;
	float:right;
}
.videos_links{
	font:16pt/20pt Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#fff;
	width:400px;
	height:282px;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 40px;
	float:left;
}

.videos_rechts{
	font:16pt/20pt Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#fff;
	width:400px;
	height:282px;
	padding:0px 0px 0px 0px;
	margin:20px 40px 0px 0px;
	float:right;
}
.audio-box{ 
	float:left;
	width:100%;
	margin:0px 30px 50px 30px;
	}

#Email{
	color:#fff;
	font:16pt/20pt Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin:0px 30px 60px 0px;
	
}
#Emailbox{
	color:#fff;
	width: auto;
	height: 60px;
	margin:0px 30px 60px 0px;
}
	
#Seitenbegrenzung{
background:#000;
width:1000px;
height:1700px;
padding:60px 70px 0px 70px;
margin:40px auto;
box-shadow: 0px 0px 100px #000000;
}
#Seitenbegrenzung_2{
background:#333;
width:auto;
height:auto;
margin:left;

}
#ROL_visual{ 
	float:left;
	margin:20px 30px 50px 30px;
	}
	
#Hinweistext{
	font:18pt/20pt Verdana, Arial, Helvetica, sans-serif; 
	float:left;
	margin:30px 30px 50px 30px;
	}
		
	
#band_rot{ 
float:left;
margin:30px 0px 0px 30px;
}

#rp_keller{ 
float:left;
margin:40px 0px 0px 30px;
}

#rp_garten{ 
float:left;
margin:50px 0px 0px 30px;
}
	
#einleitungstext {
	float:left;
	margin:30px 0px 0px 30px;
	
	
	}
	
#slider{ 
	float:left;
	margin:20px 30px 50px 30px;
	}
	
#audio{ 
	float:left;
	margin:20px 30px 50px 30px;
	}
	
#header {
	float:left;
	margin:0px 0px 0px 30px;
	width: 100%;
	padding-top: 0em;
	padding-bottom: 2em;
	font:25pt/24pt Verdana, Helvetica, sans-serif;
}

#nav{
	width: 100%;
	overflow: hidden;
	line-height: 1em;
	
}

#nav ul {
	
	
	display: inline;
	float: left;
}

#nav ul li {
	display: inline;
	float: left;
	font-size: 1em;
	line-height: 1em;
	list-style-type: none;
	
	
	
}

#nav ul li a {
	color: #fff;
	display: block;
	font-size: 1em;
	line-height: 2em;
	padding: 0;
	font-weight: normal;
	
	width: auto;
	
}


#nav ul li a:hover{
	color: #fff;
	
}

#nav ul li a:visited {
	color:#fff;
}

div.img
  {
  margin:2px;
  border:1px solid #333;
  background:#808080;
  height:auto;
  width:auto;
  float:left;
  text-align:left;
  font:11pt Calibri, Arial, Helvetica, sans-serif;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #ffffff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
}

#rp_assel_2
{

margin:300px 30px 0px 30px;
width:140px;
height:140px;

position:relative;
animation:myfirst 20s infinite;
animation-direction:alternate;
/* Firefox */
-moz-animation:myfirst 20s infinite;
-moz-animation-direction:alternate;
/* Safari and Chrome */
-webkit-animation:myfirst 20s infinite;
-webkit-animation-direction:alternate;
/* Opera */
-o-animation:myfirst 20s infinite;
-o-animation-direction:alternate;
}



@keyframes myfirst
{
0%  {background:none; left:0px; top:0px;}
25%  {left:900px; top:0px;}
50%  {left:900px; top:250px;}
75%  {left:0px; top:250px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%  {background:none; left:0px; top:0px;}
25%  {left:900px; top:0px;}
50%  {left:900px; top:250px;}
75%  {left:0px; top:250px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%  {background:none; left:0px; top:0px;}
25%  {left:900px; top:0px;}
50%  {left:900px; top:250px;}
75%  {left:0px; top:250px;}
100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%  {background:none; left:0px; top:0px;}
25%  {left:900px; top:0px;}
50%  {left:900px; top:250px;}
75%  {left:0px; top:250px;}
100% {left:0px; top:0px;}
}