/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


 a {transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari und Chrome */
	-o-transition: all 1s; /* Opera */
}

body {margin: 0; background-color: #fff; color: black;	background-image: url(layout/background.jpg);	background-repeat:repeat-x;	background-attachment:  fixed; font-family: 'Open Sans', sans-serif; font-size: 9pt; color: black}

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

h1 {font-size: 11pt; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 5px;}
h2 {font-size: 11pt; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 0px; color: black}
h3 {font-size: 10pt; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 0px; color: black}
h4 {font-size: 10pt; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 5px; color: black}

.pagewrapper {border-radius:4px; -webkit-border-radius:4px; width: 869px; display: block;	margin: auto;  min-height: 900px; height:auto !important; height:100%;
 overflow: hidden !important; position: relative; top: -30px; background-color: rgba(255,255,255,0.4);  margin:0xp; -moz-box-shadow: 0 18px 6px -6px #555;	-webkit-box-shadow: 0 15px 6px #555; box-shadow: 0px 7px 16px #555; border: 1px solid #777;}
.logo  {background-color: rgba(0,0,0,0.5); width: 100%; height: 138px; background-image: url(layout/background.jpg)}
.logo a {color: white; text-transform: uppercase; font-size; 6pt; font-weight: bold;}

.picture {background-color: rgba(0,0,0,0.5); height: 7px; border-bottom: 1px solid #ce0000; }
.menu {width: 912px; height: 30px; position: relative; top: 3px; background-color: rgba(0,0,0,0.2); box-shadow: 0px 7px 16px #555; text-align: left;}
.menu a {color: white; font-size: 11pt; margin: 0 19px 0 19px; text-transform: uppercase;}
.menu a:hover {color: #ae0000}
.menuitems {position: relative; top: -6px; left: 0px; font-weight: bold; width: 900px !important;}
.item {}
.menu ul {list-style: none; margin: 0; padding: 0; }
.menu li {float: left; }
.content {border: 1px solid #999; z-index: -10; background-color: rgba(255,255,255,0.3); float: left; width: 630px; padding: 5px; margin: 19px 0px 15px 10px; line-height: 22px; font-size: 10pt; color: #252525; text-align: left; z-index: 9999; text-align: justify; border-radius:4px; -webkit-border-radius:4px; min-height: 900px; height:auto !important;}
.right {border: 1px solid #999; z-index: -10;  background-color: rgba(255,255,255,0.3); float: left; width: 195px; margin: 19px 0px 15px 10px; line-height: 22px; font-size: 10pt; color: #252525; text-align: left; z-index: 9999; text-align: justify; border-radius:4px; -webkit-border-radius:4px; min-height: 900px; height:auto !important;}
.hintergrund {position: fixed; top: 0; left: 0; min-height: 100%; min-width: 100%; height: 100%; width: 100%; background-image: url(layout/eisberge.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; z-index: -10;}
.kuenstler {background-color: rgba(0,0,0,0.1); width: 244px; height: 220px; margin: 0px 27px 10px 5px; border: 1px solid #777; border-radius:4px; -webkit-border-radius:4px; float: left}

.news {margin: 0; width: 650px; padding: 10px}
.newsheadline {background-color: rgba(0,0,0,0.4); padding: 3px 3px 3px 5px; font-size: 11pt; font-weight: bold; color: #e9e9e9;  text-transform: uppercase; line-height: 16pt; text-align: left;}
.newsdatum {font-size: 8pt; font-weight: normal; color: #d1d1d1}
.newsinhalt {font-size: 10pt; line-height: 15pt; border: 0; text-align: justify; padding: 5px ;}
.newslink {font-size: 10pt; font-weight: normal; border: 0}
.bildrechts {margin: 0 0 20px 20px; width: 180px; border: 1px solid grey}
.bildmitte {margin: 0; width: 628px; border: 1px solid grey}
.bildmitte_home {margin: 0; width: 618px; border: 1px solid grey}
.bildlinks {margin: 0 0 20px 20px; width: 180px; border: 1px solid grey}
.linie {color: #e1e1e1; height: 1px; margin: 0 0 5px 0; border-top: 1px}

.concert {background-color: rgba(255,255,255,0.5); padding: 2px; font-size: 8pt; text-align: left; height: 45px;}

.soldout{	
-moz-transform: rotate(340deg);
-ms-transform: rotate(340deg);
-o-transform: rotate(340deg);
-webkit-transform: rotate(340deg);	
color: white;
background-color: red;
font-weight: bold;
padding: 3px 5px 3px 5px;
width: 70px;
position: relative; top: -70px; left: 110px;
border-radius: 3px;
box-shadow: 0px 7px 6px #bbb;
}

.tourdaten {margin: 0px 20px 20px 0; width: 100%; background-color: rgba(0,0,0,0.1); color: black;}
.tourdaten th, td {border-bottom: 1px solid #ddd; padding: 6px;  font-size: 10pt;}
.tourdaten th {font-weight: bold; background-color: rgba(0,0,0,0.4); color: white}
.tourdaten tr:nth-child(even){background-color: rgba(0,0,0,0.1);}
.tourdaten a {background-color: #2e3e3e; color: white; margin: 3px; padding: 3px 13px 3px 13px;}
.tourdaten a:hover {background-color: #aec0b1; color: white; margin: 3px; padding: 3px 13px 3px 13px;}
.tourdaten_zeile{font-size: 10pt;}
.tourdaten_kopf {font-size:11pt; font-weight: bold; color: white; text-transform: uppercase;}
.tourdaten_klein {font-size: 9pt;  padding: 2px 5px 2px 5px; line-height: 11pt}
.tourdaten_klein a {background-color: transparent; text-decoration: none; color: #d1d1e1; text-shadow: 0px 5px 6px #113c61; padding: 0; margin: 0}
.tourdaten_klein a:hover {background-color: transparent; text-decoration: underline; color: white; text-shadow: 0px 5px 6px #113c61; padding: 0; margin: 0 }
.tourdaten_icon a {background-color: transparent;}
.tourdaten_icon a:hover {background-color: transparent; }

.abdunkeln {background-color: rgba(0,0,0,0.05);}
.abstand {padding: 10px}
.fullsize {width: 835px;}
.abrunden {border-radius:4px; -webkit-border-radius:4px;}

.footer {margin-top: -10px; padding-top: 12px; font-family: 'Open Sans', sans-serif; font-size: 12pt; position: fixed; bottom: 0; left: 0; width: 100%;	min-width: 100%;  text-align: center; 	height: 30px; color: white; font-weight: bold; background-color: rgba(2,13,14,0.5);	border-top: 1px solid #222d2e; z-index: 10; -moz-box-shadow: 0 8px 6px -6px #222d2e;	-webkit-box-shadow: 0 5px 6px #222d2e; box-shadow: 0 5px 6px #222d2e; text-transform: uppercase;}
.footer a {color: white; text-decoration: none}
.footer a:Hover {-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}
.copyright {font-size: 8pt; color: white;}
.rotate {-ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);transform: rotate(-7deg);}
.shadow {-moz-box-shadow:   0px 3px 6px #555; 	box-shadow:   0px 3px 6px #555;}
.textshadow { text-shadow: 0px 5px 6px #222d2e;}

.back-to-top {background-image: url(layout/up.png); position: fixed; width: 55px; height: 55px; bottom: 20px; right: 50px; z-index: 1000;}

.heller {color: #fff; font-weight: bold;}
.dunkler {color: #d1d1d1;}
.loeschen {background-color: transparent; margin: 0px; padding: 0px;}

.fett {font-weight: bold;}
.galerie {width: 130px; height: 86px;  margin: 15px 0 8px 14px;}


.slideshow { height: 269px; width: 193px; margin: 0;}
.slideshow img {padding: 0px;}

div#captioned-gallery {
	width: 100%;
	overflow: hidden;
	border-radius:4px; -webkit-border-radius:4px;
}
figure { margin: 0; }




figure.slider img {
	width: 100%;
	height: auto;
}
figure.slider figure figcaption {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	width: 100%;
	font-size: 1rem;
	padding: .6rem;
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
}

figure.slider figure:hover + figure figcaption { 
	bottom: 0;
}

figure.slider { position: relative; width: 100%;overflow:visible;white-space:nowrap; font-size: 0; animation: 30s slidy infinite; }

figure.slider figure { width: 100%; height: auto; display: inline-block; position: inherit; vertical-align:top }