html, body{width:100%;height:100%;margin:0;padding:0}
body{background: url(../img/backn.jpg) no-repeat center center fixed;background-size:cover;font-family:Arial;font-weight:bold;overflow-x:auto}
.lang{float:right;margin-right:20px}
.svg{width: 400%; height: auto;}
.inhalt{padding-left:70px}
.mshow{display:none}
.wolfie{float:left;margin-right:30px}
.navigation{padding-left:60px}
.nav{
display:table;
text-align:center;
margin:0 auto 0;
border-bottom: dashed 3px #333;
}
.nav_tr{
display:table-row;
}
.nav_td{
display:table-cell;
padding:10px 5px;
}
.nav a{
text-decoration:none;
font-family:Courgette;
font-size:20px;
color:black;
display:block;
padding:0 5px;
}
.nav a:hover{
text-decoration:underline;
color:darkorange;
}
.rbuttw{
width:74px;
height:85px;
float:left;
margin:15px;
font-size:12px;
text-align:center;
}
.rbuttw a{
color:black;
text-decoration:none;
}
.rbuttw img:hover{width:105%;height:auto}
.bildercont{width:450px;float:left;}
.lbild{
margin:30px 0px 10px ;
border: 10px solid Cornsilk;
box-shadow: 4px 4px 4px #111;
max-width:500px;
}
.bild{
float:left;
margin:30px 10px 10px ;
border: 10px solid Cornsilk;
box-shadow: 4px 4px 4px #111;
width:400px;
height:300px;
}
.bild img{
width:400px;
height:300px;
}
.djinfo{
text-align:center;
#margin-left:10px;
background-color:black;
color:white;
padding-bottom:3px;
margin-bottom:8px;
}
.player{float:left}
.paypal{float:left;margin:30px 0 0 0;width:450px;text-align:center}
.foot a{float:left;margin:0 0 10px 30px;color:black;text-decoration:none}
.foot a:hover{text-decoration:underline;color:darkorange}
.rechts{float:left;}
.jukebox{display:table;float:right;height:40px;width:300px}
.jukebox *{background:black;}
audio{width:290px}
.plan{
width:600px;
border:3px dashed saddlebrown;
}
.plan th{
border:1px dotted saddlebrown;
height:20px;
width:100px;
text-align:right;
vertical-align:top;
height:100px;
}
.plan td{
border:1px dotted saddlebrown;
height:20px;
font-size:10px;
width: 100px;
vertical-align:top;
text-align:center;
}
input[name=tl]{
display:none;
}
input[name=plz]{
display:none;
}
input[name=zip]{
display:none;
}
input[type=text] {
background:none;
border:0;
border-bottom: 2px dotted saddlebrown;
width:344px;
outline:none;
}
textarea{
background:none;
border:2px dotted saddlebrown;
width:340px;
outline:none;
}
input[type=submit]{
font-family:Courgette;
font-size:20px;
background:none;
border: ridge 4px saddlebrown;
cursor:pointer;
}
input[type=submit].enbutton{
    background:url('../img/en.gif');
    border:0;
    height: 19px;
    width: 28px;
}
input[type=submit].debutton{
    background:url('../img/de.jpg');
    border:0;
    height: 19px;
    width: 28px;
}
.paypalbutton{
    background: green;
padding: 5px 25px;
color: white;
text-decoration: navajowhite;
border-radius: 10px;
}
.streaminfo{width:180px; height:30px;font-weight:normal}
audio{border-radius:10px;background:black;outline:none}
audio:focus{outline:none}
@media screen and (-webkit-min-device-pixel-ratio:0) {
audio{border-radius:10px;background:none;}
.jukebox *{background:none;}
}
@media handheld, only screen and (max-width: 767px) {
	body{font-size:14px}
	.svg, .nav, .col-3-12 {display:none}
	.mshow{display:block;cursor:pointer;position:fixed}
	.nav{width:200px;position:fixed;left:10px;top:80px;border:3px solid black;}
	.nav_td{display:block;float:left;background-color:white;border-bottom:2px solid black;width:100%;padding:7px 0}
	.nav a{width:100%;font-size:36px}
	.col-1-1{position:fixed;bottom:0}
	.bild, .bild img{width:200px;height:150px}
	.bildercont{width:250px; margin-left:-50px}
}
/**********************************/
@keyframes marquee {
 0%   { text-indent: 270px }
 100% { text-indent: -700px }
}

.marquee {
 width: 270px;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
 border: none;
 animation: marquee 7s linear infinite;
}

.marquee:hover {
 animation-play-state: paused;
}
iframe{
	border:0;
	border-radius:10px;
}
iframe audio{
	width:100%;
}