@charset "utf-8";

/*
dunkelblau: #0a152c
linkblau: #1b4970
beige: #e9e3d5
braun: #684d26
*/

* {
	margin: 0;
	padding: 0;	
}

img, a {
	border: none;
	outline: none;	
}
html, body {
	height:100%;
	}
html {

	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	}

body {
	background-color: #e9e3d5;
	text-align: center;
	color: #684d26;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.floatstop {
	clear: both;
}


.noscript {
	color: #f00;
	width: 100%;
	position:absolute;
	top: 0;
	left:0;
	text-align: center;
	background-image: url(../images/gbp-bg.png);
	padding: 5px 0px 10px 0px;
	margin-top: 35px;
	font-size: 12px;
}


/*fuer footer */
.positionwrapper {
min-height: 100%;
margin: 0 auto;
	padding-bottom: 0px;
}

#container, #top, #main, #footer {
	width: 100%;
}
#container {
	margin: 0 auto;
}

#top {
	background-image: url("../images/gold_bar.jpg");
	background-repeat: repeat-x;
	padding-top: 4px;
	position: absolute;
	top: 0px;
	width: 100%;
}
.logo {
	text-align: right;
	margin-right: 30px;
}
.innerlogo {
	display: inline-block;
	width: 64px;
}

.theme, .nav {
	width: 100%;
}

.theme {
	position: relative;
	background-color: #0a152c;
	background-image: url("../images/bg_innenkachel.png");
	background-repeat: repeat-y;
}
.pic img {
max-width: 100%;
height: auto;
}
.pic {
	min-height: 350px;
	background-image: url("../images/bild_start.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.picsize {
	max-width: 100%;
 	height: auto;
}

.nav {
	text-align:left;
	width: 340px;
	height: 420px;
	float: left;
	margin-top: -40px;
}
.nav ul {
	list-style-type: none;
}
.nav ul li.nav-on, .nav ul li.nav-off {
	width: 200px;
	height: 50px;
	margin-bottom: 5px;
}
.nav ul li ul li.nav-off, .nav ul li ul li.nav-on {
	width: 200px;
	height: 20px;
	margin-bottom: 5px;
}
li.nav-off a:link, li.nav-off a:visited {
	background-position: 0 0px;
}
li.nav-off a:hover {
	background-position: 0 -50px;
}
.nav ul ul li {
	height: auto;
	margin:0px 0px 3px 40px;
	width:auto;
}
.nav a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
}
li.nav-off a:link, li.nav-off a:visited {
	color: #000;
	text-decoration: none;
}
li.nav-off a:hover {
	color: #e9e3d5;
	text-decoration: none;
}
.nav-off {
	background-position: top left;
}
li.nav-on a:link, li.nav-on a:visited, li.nav-on a:hover {
	background-position: 0 -50px;
	margin-bottom: 0;
	color: #e9e3d5;
}
.nav-sub-off {
	display: none;
}
.nav-one {
	background-image: url("../images/nav_willkommen.png");
	background-repeat: no-repeat;
}
.nav-two {
	background-image: url("../images/nav_musik.png");
	background-repeat: no-repeat;
}
.nav-three {
	background-image: url("../images/nav_kontakt.png");
	background-repeat: no-repeat;
}
.nav-one-en {
	background-image: url("../images/nav_willkommen_en.png");
}
.nav-two-en {
	background-image: url("../images/nav_musik_en.png");
}
.nav-three-en {
	background-image: url("../images/nav_kontakt_en.png");
}
.nav-one, .nav-two, .nav-three {
	display: block;
	background-size: 200px 100px;
}
.nav-main {
	height: 500px;	
}

.player {
    position: relative;
    top: -70px;
    z-index: 100;
    width: 200px;
    height: 200px;
	margin-left: 10px;
	float: left;
}

#main {
	margin: 0 auto;
	width: 100%;
	min-height: 300px;
}


.boxestop {

	width: 100%;
	height: 4px;
}
.boxes {
	text-align: center;
	background-color: #e9e3d5;
	margin-top: -200px;
	background-image: url("../images/gold_bar_mitte.jpg");
	background-repeat: repeat-x;
	background-position: 0 200px;
	height: 100%;
}
.one {
	width: 100%;
	position:relative;
	top: 0px;
	left:0;
	background-image: url("../images/vorhang_links.png");
	background-repeat: no-repeat;
	background-position: 0 23px;
	float: left;
	min-height: 500px;
	text-align: left;
}

.language {
	
	position: relative;
	left: 12px;
	top: 85px;
	width: 152px;
	height: 124px;
	overflow:hidden;
}
.language a:link, .language a:visited {
	display: block;
	background-image: url("../images/language_de.png");
	background-size: 76px 152px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.language a:hover {
	display: block;
	background-image: url("../images/language_de.png");
	background-size: 76px 152px;
	background-repeat: no-repeat;
	background-position: 0 -76px;
}
.language-de, .language-en {
	width: 76px;
	height: 76px;
	overflow:hidden;

}

.language-en {
	position: relative;
	left: 60px;
	top: -30px;
	overflow:hidden;
}
.language-en a:link, .language a:visited {
	display: block;
	background-image: url("../images/language_en.png");
	background-size: 76px 152px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.language-en a:hover {
	display: block;
	background-image: url("../images/language_en.png");
	background-size: 76px 152px;
	background-repeat: no-repeat;
	background-position: 0 -76px;
}
.lang-on a:link, .lang-on a:visited, .lang-on a:hover {
	background-position: 0 -76px;
}
.lang-off {
	background-position: 0 0;
}

.two {
	width: 100%;
	min-height: 650px;
	text-align: center;
	position: relative;
	left: 0px;
	top: 0px;
	
	background-image: url("../images/vorhang_rechts.png");
	background-repeat: no-repeat;
	background-position: right 145px;
}
.content {
	min-width: 300px;
	max-width: 800px;
	text-align:center;
	margin: 0 auto;
	padding: 10px 170px 0px 340px;
	font-size: 16px;
}
.content a:link, .content a:visited {
	text-decoration: underline;
	color: #1b4970;
}
.content a:hover {
	color: #000;	
}
.content p {
	padding-top: 16px;	
}
.content p.nospace {
	padding-top: 0;	
}

.one, .two, .three, .onetwo {
	display: block;
}


/* Gaestebuch derzeit nicht aktiv, muss wieder angeschaltet werden */
.guestbookarea {
		display: none;
	}



/* popup ------------------------ */
.gsp-inputbox a:link, .gsp-inputbox a:visited {
	text-decoration: underline;
	color: #1b4970;
}
.gsp-inputbox a:hover {
	color: #000;	
}
.gsp-success a:link, .gsp-success a:visited {
	text-decoration: underline;
	color: #1b4970;
}
.gsp-success a:hover {
	color: #000;	
}
.nl-inputbox a:link, .nl-inputbox a:visited {
	text-decoration: underline;
	color: #1b4970;
}
.nl-inputbox a:hover {
	color: #000;	
}
.gs-signin a:link, .gs-signin a:visited {
	text-transform:none;
	text-decoration: underline;
	color: #1b4970;
}
.gs-signin a:hover {
	color: #000;	
}
.gs-signin {
	width: 250px;
	padding-left: 16px;	
}

.guestbook {
	text-align: left;
	font-size: 14px;
}
.guestbook p {
	padding-top: 8px;	
}
.g-item {
	background-color: #d6c9aa;
	padding: 8px;
	margin-top: 10px;
	border-radius: 6px;
	width: 95%;
}
.g-itemhead {
	border-bottom: 1px solid #7c5c2d;	
}
.g-name {
	float: left;
}
.g-date {
	float: right;	
}
.g-name, .g-date {
	font-size: 12px;
	color: #7c5c2d;	
}
.g-headline {
	padding-top: 10px;
	font-weight: bold;
}


.turnpage {
	width: 100%;
	text-align: center;
}
.turnbutton {
	border-radius: 6px;
	background-color: #684d26;
	color: #e9e3d5;
	display: inline-block;
	margin: 15px 10px 10px 10px;
}
.turnbutton a {
	display: block;
	padding: 4px 10px 4px 10px;
	font-family: arial, helvetica, sans-serif;
}
.turnpage a:link, .turnpage a:visited {
	color: #e9e3d5;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}
.turnpage a:hover {
	color: #e9e3d5;
}
.turnbutton:hover {
	background-color: #1b4970;
}

.news {
	text-align: right;
	padding-right: 90px;
}
.news a {
	font-size: 16px;	
}
.newsbreak {
	display: none;	
}
.title {
padding-bottom: 20px;
padding-top: 50px;
	width: 100%;
	display: block;
}
.titlesmall {
padding-bottom: 20px;
padding-top: 35px;
	width: 100%;
	display: block;
}
.titlekon {
	background-image: url("../images/kontakt.gif");
	background-repeat: no-repeat;
	background-size: 167px 64px;
	width: 190px;
	display: inline-block;

}
.titlekon-en {
	background-image: url("../images/kontakt_en.gif");

}
.titleguestbook {
	background-image: url("../images/gaestebuch.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 371px 64px;
	width: 364px;
	display: inline-block;
}
.titleguestbook-en {
	background-image: url("../images/gaestebuch-en.gif");
	background-size: 271px 64px;
	background-position: center;
}
.divider {
	padding-top: 20px;
	
}
.divider-home {
	margin-top: 40px;
	
}

/*  Alternativplayer im text */
.fallbackplayer {
	padding-top: 20px;
	display: none;
}
.fallbackplayer-box {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
/* ausrangiert: in linker Spalte
.fallbackplayer-box {
	font-size: 12px;
	position: absolute;
	top: 700px;
	left: 0px;
	width: 230px;
	text-align: left;
	padding: 0px 0px 0px 20px;
}
*/

/* Auftrittsinfo */

.innerwrap {
	text-align: center;
	width: 100%;
	position: relative;
	display: inline-block;
}
.performinfo {
	text-align: left;
	width: 310px;
	position: relative;
	top: 0;
	left: 420px;
	display: block;
	float: left;
}
.performinfo ul {
	list-style-position: outside;
	padding-left: 12px;
	padding-top: 12px;
	font-size: 11px;
	color: #1b4970;
}
.performinfo ul li {
	padding-top: 4px;
}
span.perform-li {
	font-size: 16px;
	color: #684d26;

}
.divider-contact {
	display: none;
}
.contactform {
	position: relative;
	top: 0;
	width: 310px;
	left: -250px;
	text-align: left;
	display: block;
	float:left;
}


/* Formular --------------------- */
input, textarea {
	border: 1px solid #684d26;
	border-radius: 4px;
	color: #684d26;
	font-family: "Courier New", Verdana, Arial, sans-serif;
	font-size: 1em;
	padding: 2px 3px 3px 3px;
}
input.error, textarea.error {
	border: 1px solid #f00;
	background-color: #F4AFB0;
	border-radius: 4px;
	color: #684d26;
	font-family: "Courier New", Verdana, Arial, sans-serif;
	font-size: 1em;
	padding: 2px 3px 3px 3px;
}
input[type="submit"] {
	background-color: #1b4970;
	color: #e9e3d5;
	padding: 3px 5px 5px 5px;
	border-color: #1b4970;
	cursor: pointer;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
input[type="submit"]:hover {
	background-color: #684d26;
	border-color: #684d26;
}
.f-block {
	padding-top: 20px;
	width: 310px;
	display: block;
	margin: 0 auto;
}
.f-block textarea {
	height: 200px;
}
.f-contact {
	width: 298px;
}
.f-1 {
	width: 130px;
}
.cap {
	border: 1px solid #684d26;
	border-radius: 4px;
	padding: 10px;
	width: 278px;
	display: block;
	margin: 5px auto;
	text-align: left;
}
.cap1 {
	width: 100px;
	height: 62px;
	float: left;
}
.cap2 {
	display: inline-block;
	padding-top: 18px;
	padding-left: 10px;
}
.cap3 {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.mandatory {
	color: #f00;
}
.f-hint {
	font-size: 0.8em;
}
.c-label, .c-label-center {
	width: 300px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.c-label-center {
	text-align: center;
}
.c2 {
	display: inline-block;
	width: 300px;
	text-align: left;
}
.motz {
	color: #f00;
	font-weight: bold;
}

.zeichen {
	background-image: url("../images/zeichen.gif");
	background-size: 27px 18px; 
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline;
}


/* ------------------------------- */
#footer {
	clear: both;
	background-color: #e9e3d5;
    width: 100%;
	background-image: url("../images/fusskachel.png");
background-position: center bottom;
background-repeat: repeat-x;
margin: 0px auto;
	outline:0;
	padding-top: 20px;
}
.copyright {
	background-image: url("../images/fuss.png");
background-position: center bottom;
background-repeat: no-repeat;
height: 22px;
padding-top: 85px;
	margin-left: 170px;
color: #e9e3d5;
font-size: 12px;
}

.impressum {
	position: absolute;
	top: 0;
	display: block;
	margin : 4px 0px 0px 10px;
	width: 200px;
	text-align: left;
	}
.impressum a {
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	padding: 5px 6px 5px 6px;
	margin-right: 4px;
	border-radius: 0px 0px 3px 3px;
	}
.impressum a:link, .impressum a:visited {
	color: #f5efdf;
	background-color: #1b4970;
}
.impressum a:hover {
	color: #fff;
	background-color: #235f92;
}
.impressum a.impressum-on {
	color: #fff;
	background-color: #235f92;
}


/* allgemein */

.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}




/* ---------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1241px) {
	body {
		background-color: #000f18;
		background-image: url("../images/bg_kachel.png");
		background-repeat: repeat-y;
		background-position: center;
	}
	#container {
		width: 1241px;
	}
	.logo {
		width: 1200px;
		padding-right: 41px;
		padding-top: 4px;
		margin: 0 auto;
		background-image: url("../images/gold_bar.jpg");
	background-repeat: repeat-x;
	}
	.impressum {
		margin: 0px 0px 0px 0px;
		padding-top: 4px;
		display: inline-block;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.innerimpressum {
		width: 1241px;
		display: inline-block;
		text-align: left;
		padding-left: 20px;
	}
	.fallbackplayer-box {
		width: 500px;
		display: inline-block;
	}
	#footer {
		width: 1241px;
	}

	#top {
		background-image: none;
		padding-top: 0;
	}
	.textwidth {
		width: 600px;
		display: inline-block;
	}
}

@media only screen and (max-width: 1240px) {

	.divider-contact {
		display: block;
		padding-top: 26px;
	}
	.performinfo {
		text-align: left;
		width: 90%;
		padding-left: 3%;
		display: block;
		float: none;
		position: static;
	}
	.fallbackplayer-box {
		width: 345px;
		display: inline-block;
	}
	.contactform {
		width: 100%;
		text-align: center;
		display: block;
		float:none;
		position: static;
	}

	.contactintro {
		font-weight: bold;
	}
}
@media only screen and (max-width: 945px) {

	.newsbreak {
		display: inline;	
	}

}

@media only screen and (max-width: 900px) {

	.two {
		background-image:none;
	}
	
	.content {
		margin: 0px auto 0 auto;
		padding-right: 10px;
	}
	.news {
		padding-right: 10px;
	}
		.copyright {
	margin-left: 325px;
}

}

@media only screen and (max-width: 700px) {
	.boxes {
		background-image: url("../images/vorhang_mobile_breit.jpg");
		background-repeat: no-repeat;
		background-position: -100px 150px;
	}
	.one {
		display: block;
		background-image: url("../images/vorhang_rechts_mobile_breit.png");
		background-position: right 95px;
	}
	.two {
		text-align:left;	
	}
	.boxes {
		margin-top: -150px;
	}
	.player {
		top: 0px;
		left:0;
			float: none;
	display: inline-block;
	width: 200px;
	padding-left: 0px;
	margin-left: 0;
	text-align: center;

	}
	.cp-container {
			
	}
	.content {
		margin: 0px auto 0 auto;
		padding-bottom: 50px;
		padding: 70px 10px 50px 15px;
		clear: both;
		width: auto;
		min-width: 275px;

	}
		.nav {
		width: auto;
		height: 300px;
		clear: both;
		display: inline-block;
		margin: 0 auto;
		margin-top: 30px;
		float:none;
	
	}
	.language {

	position: relative;
	top: 0px;
	float: none;
	width: 180px;
	height: 80px;
	padding-top: 80px;
	left: 20px;
	margin: 0 auto;
	margin-top: -100px;
	display: inline-block;
}
.language-en {
	position: relative;
	left: 0px;
	top: 0px;
	overflow:hidden;
	display: inline-block;
}
.language-de {
	position: relative;
	left: 0px;
	top: 0px;
	overflow:hidden;
	display: inline-block;
}

.newsbreak {
		display: none;	
	}

.copyright {
	margin-left: 0px;
}
}


@media only screen and (max-width: 450px) {
	#main {
	min-height: 400px;	
}
.picstart {
	background-image: url("../images/bild_start.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 440px;
	}
.pic a img {
	display: none;
	}
.pic a {
width: 200px;
height: 200px;
display: block;
}
.pic {
height: 385px;	
}
	.logo {
		display: none;
	}

	.boxes {
	margin-top: -80px;
	background-position: 0 65px;
	background-image: none;
}
	.one {
		display: block;
		background-image: url("../images/vorhang_mobile.png");
		background-position: center 0;
	}
	.two {
		background-image:none;
		text-align: center;
	}
	.nav {
		width: auto;
		height: 300px;
		clear: both;
		display: inline-block;
		margin: 0 auto;
		margin-top: -180px;
		float:none;
		text-align: center;
	}
	.nav-one {
	background-image: url("../images/nav_willkommen_mobile.png");
}
.nav-two {
	background-image: url("../images/nav_musik_mobile.png");
}
.nav-three {
	background-image: url("../images/nav_kontakt_mobile.png");
}
.nav-one-en {
	background-image: url("../images/nav_willkommen_mobile_en.png");
}
.nav-two-en {
	background-image: url("../images/nav_musik_mobile_en.png");
}
.nav-three-en {
	background-image: url("../images/nav_kontakt_mobile_en.png");
}
.nav-one, .nav-two, .nav-three {
	background-position: center;
}
.nav ul ul li {
	margin-left: 0px;	
}

#container, #main, .boxes, .one, .two, #footer {
	min-width: 300px;	
}
.content {
	margin: -120px auto 0 auto;
	padding-bottom: 50px;
	padding: 120px 10px 50px 15px;
	clear: both;
	width: auto;
	min-width: 275px;

	}
.player {
	float: none;
	display: inline-block;
	width: 260px;
	padding-left: 10px;
	text-align: center;
	top: -110px;
	}
.language {
	background-image: url("../images/ring.png");
	background-size: 140px 140px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: -170px;
	float: none;
	width: 200px;
	height: 80px;
	padding-top: 80px;
	left: 0px;
	margin: 0 auto;
	display: inline-block;
}
.language-en {
	position: relative;
	left: 0px;
	top: 0px;
	overflow:hidden;
}
.language-de {
	position: relative;
	left: 0px;
	top: 0px;
	overflow:hidden;
}

.title {
	padding-top: 35px;

}

.titleguestbook {
	background-image: url("../images/gaestebuch2zeilen.gif");
	background-repeat: no-repeat;
	background-size: 232px 132px;
	width: 232px;
	height: 132px;
	display: inline-block;
}	
.titleguestbook-en {
	background-image: url("../images/gaestebuch2zeilen_en.gif");
	background-repeat: no-repeat;
	background-size: 189px 132px;
	width: 232px;
	height: 132px;
	display: inline-block;
}	

.news {
	position: relative;
	top: 0;
	display: inline-block;
	text-align: center;
	width: 200px;
}
	.f-contact {
		width: 200px;
	}
	.f-block {
		width: 200px;
	}
	.c-label {
		width: 200px;
	}
	.c2 {
		width: 200px;
	}
.cap {
	width: 178px;
	text-align: center;
}
	.cap2 {
		padding-left: 0px;
	}
	.cap1 {
		display: inline-block;
		float: none;
	}
.f-1 {
	width: 130px;
}
	
	.fallbackplayer-box {
		width: 280px;
	}
	.copyright {
	margin-left: 0;
}

}