html, body, body div {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
background: #000000;
}	

a:link {
 text-decoration:none;
 color:#D8691A
 } 
 
a:visited {
 text-decoration:none;
 color:#D8691A
 }

a:active { 
 text-decoration:none;
 color:#D8691A
 } 

a:hover {
 text-decoration:none;
 color:#D8691A
} 

body.siouxsite {
position: relative;
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
width: 100%;
background-color: #000000;
}

.top-site { 
position:absolute; 
width:100%; 
height:160px; 
background-color: #000000;
z-index:1;  
}

.wrapper-site {
background-color: #000000;
text-align: center;
height: 100%;
min-width: 0;
position: relative;
z-index: 2;
}

.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}  

.clearfix:after {
clear: both; 
}  

.clearfix {
zoom: 1; 
}

.wrapper-header { 
position: relative;
background-color: #000000;
max-width: 1200px;
width: 90%;
height: 40px;	
margin: 0 auto;
font-size: 1.2em;
font: inherit;
z-index: 20;
}

.logo-header {
position: absolute;
left: 0;
height: 70px;
top: 20px;
z-index: 100;
}

.contact-header {
float: right;
position: relative;
top: 35px;
}

.social-header {
display: inline;
}

.social-header a {
padding: 0px 5px 0px 5px;
}

.social-header-twitterbird {
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
width: 40px;
height:40px;
background-image: url('../images/logos/twitterhover1.png');
}

.social-header-twitterbird:hover {
width: 40px;
height:40px;
background-image: url('../images/logos/twitter1.png');
}

.social-header-facebook {
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
width: 40px;
height:40px;
background-image: url('../images/logos/facebookhover1.png');
}

.social-header-facebook:hover {
width: 40px;
height:40px;
background-image: url('../images/logos/facebook1.png');
}

.social-header-contacts {
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
width: 40px;
height:40px;
background-image: url('../images/logos/contacthover1.png');
}

.social-header-contacts:hover {
width: 40px;
height:40px;
background-image: url('../images/logos/contact1.png');
}

.social-header-mailinglist {
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
width: 40px;
height:40px;
background-image: url('../images/logos/mailinglisthover1.png');
}

.social-header-mailinglist:hover {
width: 40px;
height:40px;
background-image: url('../images/logos/mailinglist1.png');
}

.nav-bar-desktop {
text-align: center;
margin: 0px;
padding: 0px;
width: 860px;
float: right;
margin-top: 40px;
clear: both;
}

.nav-bar-desktop-elements ul {
margin: 0px;
padding: 10px;
text-align: center;
}

.nav-bar-desktop-elements li {
float: right;
font-size: 1em;
font-weight: 400;
display: inline;
}

.nav-bar-desktop-elements li a {
text-decoration: none;
color: #ffffff;
mardin: 0px;
padding: 10px 10px 10px 10px;
font-size: 1em; 
z-index: 900;  
}  

nav-bar-desktop-elements li a:link {
 text-decoration: none;
 color: #ffffff;
 } 
 
.nav-bar-desktop-elements li a:active { 
 color: #000000;
} 

.nav-bar-desktop-elements li a:hover {
 background-color: #808080;
 color: #ffffff;
}

.contact-header-mobile {
position: absolute;
top: 90px;
right: 130px;
background: black;
display: none; 
z-index: 910;
}

.social-header-mobile {
padding: 0px 5px 0px 5px;
position: relative;
display: inline;
}

.social-header-mobile a {
padding: 0px 5px 0px 5px;
}

div.nav-bar-mobile {	
position: absolute;
top: 90px;
right: 0px;
background: #000000;
margin: 0px;
padding: 0px;
width: 130px;
cursor: pointer;
overflow: hidden;
text-align: center;
display: none;
z-index: 900;
} 

.nav-bar-mobile a:hover {
 background-color: #808080;
 color: #ffffff;
}

.nav-bar-mobile-button { 
display: block;
margin: 0px 5px 0px 5px;
padding: 10px 0px 10px 0px;
text-align: center;
color: #ffffff;    
text-decoration: none;
}
.nav-bar-mobile-button a { 
display: block;
margin: 0px 5px 0px 5px;
padding: 10px 0px 10px 0px;
text-align: center;
color: #ffffff;    
text-decoration: none;
}

.nav-bar-mobile ul {
display: none; 
list-style: none;
margin: 0px;
padding: 0px;
z-index: 900;
}

.nav-bar-mobile ul.expanded {
display: block;
z-index: 900;
}

.nav-bar-mobile li a {
color: #ffffff;
display: block;
margin: 2px 5px 2px 5px;
padding: 10px 0px 10px 0px;
font-size: 1em; 
z-index: 900;  
}  

.nav-bar-mobile li a:link {
 text-decoration: none;
 color: #ffffff;
 } 
 
.nav-bar-mobile li a:visited {
 text-decoration: none;
 color: #ffffff;
 }

.nav-bar-mobile li a:active { 
 color: #000000;
 } 

.nav-bar-mobile li a:hover {
 background-color: #808080;
 color: #ffffff;
}

  
@media only screen and (max-width: 800px) {
.nav-bar-mobile { display: block!important; }
.contact-header-mobile  { display:block!important; } 
.nav-bar-desktop { display:none!important; }
.social-header { display:none!important; } 
}

div.wrapper-banner { 
 background-color: #000000;
 margin: auto;
 height: 100%;
 width: 100%;
 text-align:center;
 padding: 1.0px 0px 1.0px 0px;
 float: left;
 font: inherit;
}

.banner-content {
max-width:1200px;
margin:auto
}

.banner-content1 {
max-width:700px;
margin:auto
}

.banner-content2 {
max-width:800px;
margin:auto
}

.banner-section {
margin-top:16px!important;
margin-bottom:16px!important
}

.pics-section {
margin-top:16px!important;
margin-bottom:16px!important
}

.slider {
  padding-bottom:50%;
  margin: auto;
  position: relative;
}

.slider1 {
  padding-bottom:86%;
  margin: auto;
  position: relative;
}

.slider2 {
  padding-bottom:75%;
  margin: auto;
  position: relative;
}

.slide1,.slide2,.slide3,.slideA,.slideB,.slideC,.slideD {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.slide1 {
animation:fade1 12s infinite;
-webkit-animation:fade1 12s infinite;
} 

.slide2 {
animation:fade2 12s infinite;
-webkit-animation:fade2 12s infinite;
}

.slide3 {
animation:fade3 12s infinite;
-webkit-animation:fade3 12s infinite;
}

.slideA {
animation:fadeA 12s infinite;
-webkit-animation:fadeA 12s infinite;
} 

.slideB {
animation:fadeB 12s infinite;
-webkit-animation:fadeB 12s infinite;
}

.slideC {
animation:fadeC 12s infinite;
-webkit-animation:fadeC 12s infinite;
}

.slideD {
animation:fadeD 12s infinite;
-webkit-animation:fadeD 12s infinite;
}

.mySlides1,.mySlides2,.mySlides3,.mySlides4,.mySlides5,.mySlides6,.mySlides7,.mySlides8,.mySlides9,.mySlides10,.mySlides11,.mySlides12,.mySlides13,.mySlides14,.mySlides15,.mySlides16,.mySlides17,.mySlides18,.mySlides19,.mySlides20,.mySlides21,.mySlides22 {
animation:faze 3s;
-webkit-animation:faze 3s;
}

@keyframes faze {
  0%   {opacity:0}
  100% {opacity: 1}
}


@keyframes fade1 {
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}

@keyframes fade2 {
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}

@keyframes fade3 {
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fadeA {
  0%   {opacity:1}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 1}
}

@keyframes fadeB {
  0%   {opacity:0}
  25% { opacity: 1}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 0}
}

@keyframes fadeC {
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 1}
  75% { opacity: 0}
  100% { opacity: 0}
}

@keyframes fadeD {
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 1}
  100% { opacity: 0}
}

.map-content {
max-width:800px;
margin:auto
}

.map {
  padding-bottom:125%;
  margin: auto;
  position: relative;
}

.maparea {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

div.mappoint-wrapper {
    position: absolute;
}

div.mappoint {
    position: relative;
    right: 10px;
}

div.wrapper-main { 
text-align: center;
margin: auto;
width: 100%;
background-color: #000000;
float: left;
}

div.contents-main {
max-width: 1400px;
padding-top: 15px;
margin: auto;
color: #000000;
}

div.contents-sub {
margin: 5px;
background-color: white;
display: inline-block;
width: 260px;
align-content: center;
text-align: center;
color: #000000;
 padding: 20px 20px 20px 20px;
}

div.contents-sub1 {
margin: 5px;
background-color: white;
display: inline-block;
width: 260px;
text-align: center;
color: #000000;
padding: 10px 0px 10px 10px;
vertical-align: middle;
}

div.contents-sub2 {
margin: 0px;
background-color: black;
display: inline-block;
width: 260px;
text-align: right;
color: #000000;
padding: 0px 10px 10px 10px;
vertical-align: middle;
}
div.contents-sub3 {
margin: 0px;
background-color: black;
display: inline-block;
width: 400px;
text-align: middle;
color: #000000;
padding: 0px 10px 10px 10px;
vertical-align: middle;
}

.contents-sub a {
margin: 0;
padding: 0;
}

div.contents-mainlive {
max-width: 820px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
color: #999999;
}

div.contents-sublive {
margin: 10px 10px 10px 10px;
background-color: white;
min-width: 260px;
align-content: center;
text-align: left;
padding: 10px 0px 10px 30px;
}

div.contents-sublive1 {
margin: 10px 10px 10px 10px;
background-color: black;
min-width: 260px;
align-content: center;
padding: 10px 0px 10px 0px;
}

.linWrapper {
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 overflow: hidden;
}

.linWrapper ul {
 list-style: none;                           
 margin: auto;
}                                             

.linWrapper li {
 float: left;
 display: block;
}

.linCol1 {
    list-style-type: none;
    width: 15%;
    min-width: 70px;
    overflow: hidden;    
    height: auto;
    text-align: left;
    color: #000000;
    padding-top:5px;
    padding-bottom:5px;
}

.linCol1light {
    list-style-type: none;
    width: 15%;
    min-width: 70px;
    overflow: hidden;    
    height: auto;
    text-align: left;
    background-color: #ffffff;               
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
}

.linCol1dark {
    list-style-type: none;
    width: 15%;
    min-width: 70px;
    overflow: hidden;    
    height: auto;
    text-align: left;
    background-color: darkgrey;               
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
}

.linCol2 {
    list-style-type: none;
    width: 75%;
    height: auto;
    text-align: left;
    color: #000000;
    padding-top:5px;
    padding-bottom:5px;
}

.linCol2light {
    list-style-type: none;
    width: 95%;
    height: auto;
    text-align: center;
    background-color: lightgrey;               
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
}

.linCol2light:hover {  
    background-color: #ffffff;               
    color: #000000;               
}                                                   
                                                    
.linCol2light a {                                       
    text-decoration: none;                   
    display: block;                            
    color: #000000;                 
}  

.linCol2dark {
    list-style-type: none;
    width: 95%;
    height: auto;
    text-align: center;
    background-color: darkgrey;               
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
}

.linCol2dark:hover {                                   
    background-color: #ffffff;               
    color: #000000;               
}                                                   
                                                    
.linCol2dark a {                                       
    text-decoration: none;                   
    display: block;                            
    color: #000000;                 
}

.linCol3 {
    list-style-type: none;
    width: 20%;
    min-width: 70px;
    height: auto;
    align-content: center;
    text-align: center;
    color: #000000;
    padding-top:5px;
    padding-bottom:5px;
}

.linCol4 {
    list-style-type: none;
    width: 80%;
    height: auto;
    text-align: left;
    color: #000000;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
}

div.contents-subshop {
margin: auto;
background-color: white;
width: 90%;
max-width: 800px;
min-width: 260px;
text-align: center;
padding: 20px 0px 20px 0px;
margin-bottom: 30px;
}

div.contents-subshop1 {
margin: auto;
background-color: black;
width: 90%;
max-width: 800px;
min-width: 260px;
text-align: center;
padding: 20px 0px 20px 0px;
margin-bottom: 30px;
}

div.contents-subshop2 {
margin: auto;
background-color: black;
max-width: 75%;
min-width: 260px;
text-align: center;
padding: 20px 0px 20px 0px;
margin-bottom: 30px;
}
div.contents-mainmusic {
max-width: 1400px;
padding-top: 15px;
margin: auto;
color: #000000;
}

div.contents-submusic {
margin: 5px;
background-color: white;
display: inline-block;
width: 260px;
align-content: center;
color: #000000;
padding: 20px 20px 20px 20px;
}

.contents-submusic a {
margin: 0;
padding: 0;
}

div.contents-mainalbum {
max-width: 900px;
margin: auto;
margin-top: 10px;
margin-bottom: 15px;
color: #000000;
}

div.contents-subalbuminfo {
margin: 10px 20px 10px 20px;
background-color: white;
display: inline-table;
max-width: 780px;
min-width: 260px;
align-content: center;
text-align: left;
color: #000000;
padding: 0px 20px 30px 10px;
}

div.contents-subalbum {
margin: 10px 20px 10px 10px;
background-color: white;
display: inline-table;
max-width: 410px;
min-width: 260px;
height: 480px;
align-content: center;
text-align: left;
color: #000000;
padding: 0px 20px 10px 5px;
}

.lyrics-overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.lyrics-content {
	display: none;
	position: fixed;
	top: 5%;
	left: 5%;
	width: 80%;
	height: 90%;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.pics-content {
	display: none;
	position: fixed;
	top: 5%;
	left: 5%;
	width: 80%;
	height: 90%;
	padding: 40px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.lyrics-closeit {
position: absolute;
top: 10px;
right: 10px;
z-index: 1002;
}

.pics-closeit {
position: absolute;
top: 10px;
right: 10px;
z-index: 1002;
}

.pic-after {
position: absolute;
top: 10px;
right: 10px;
z-index: 1002;
}

.pic-before {
position: absolute;
top: 10px;
left: 10px;
z-index: 1002;
}

div.contents-subcontacts {
margin: 5px;
background-color: white;
display: inline-table;
width: 300px;
height: 480px;
align-content: center;
text-align: left;
color: #000000;
padding: 10px 15px 10px 15px;
}



div.wrapper-footer { 
 margin: auto;
 height: 100%;
 width: 100%;
 text-align:center;
 background-color: #000000;
 padding: 0.5em 0 1.0em 0;
 float: left;
 font: inherit;
}

div.contents-footer {
 margin: auto;
 width: 90%;
 height: 40px;
 text-align:center;
 color: #000000;
}

.contents-footer {
margin: 5px 5px;
}

.contents-footer ul {
height: auto;
margin: auto;
padding: 5px 5px 5px 5px;
text-align: center;
}

.contents-footer li {
display: inline;
padding: 5px 5px 5px 5px;
}
 
.contents-footer a {
padding: 5px 0px 0px 5px;
}

div.marquee {
height:19px;
width:100%;
overflow:hidden;
white-space:nowrap;
}

span.pad {
display:inline-block;
width:100%;
}

h1.c1 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:200%; font-weight:bold; text-align:center;
}

h1.c2 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:200%; font-weight:bold; text-align:center;
}

span.c1 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:120%; font-weight:bold; text-align:center;
}

span.c2 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:100%; font-weight:normal; text-align:left;
}

span.c3 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:100%; font-weight:normal;
}

span.c4 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#D8691A; font-size:100%; font-weight:normal;
}

span.c5 {
	font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#D8691A; font-size:120%; font-weight:normal;
}

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}