/*
 * Augst und Beck neues CSS 11-7-2005
 * Last: 10.03.2012 21:58 - 03.05.2020 21:46
 */

body { 
	font-size: 14px; 
	line-height: 140%; 
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	background-color: #808da0; 
	text-align: center; 
	margin: 0px auto; 
	height:100%;
}

h1 {
	font-size:24px;
	color:#000000;
	margin-top:15px;
}
	
h2 {
	font-size:18px;
	color:#000000;
	margin-top:5px;
}
	
h3 {
	font-size:14px;
	color:#000000;
}
	
p { 
	font-size: 14px; 
	line-height: 140%; 
	font-family: Arial, Helvetica, Geneva, sans-serif; 
}


a:link, a:visited, a:active, a:hover { 
	text-decoration:underline;
	font-weight:normal;
	color:#ff0000;
}

a:active, a:hover
{ 
  color:#009999;
}

audio {
	width:100%;
	border-radius: 5px;
	
}
img {border:0;}

ul {
	list-style:none;
	padding:0 0 0 30px;
	margin:0;	
}

li {padding: 3px 0;}

.clearb {clear:both;}

.left {text-align:left;}

.right {text-align:right;}

.center {text-align:center;}

.hid {text-indent: -5000px; }

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

#container, #page {
	width:605px;
	margin:10px auto;
	background:#eeeeee;
	border:0px solid #000000;
}

#title, #header {
	background:#808DA0;
	margin:0;
}

#left {
	background:#CAD0E1;
	width:192px;
	height: 800px;
	float:left;
}

#content {

}

.content {
	float:left;
	width:63%;	
	margin:0 0 5px 0px;
	padding:10px;
	text-align: left;
	background:#F1F1F1;
}

#content2 {
	width:403px;
	float:right;
	margin:0px;
	padding:5px;
	text-align: left;
	background-color:#ffffff;
}

#nav {
	float:right;
	background:#CAD0E1;
	height: 1400px;
}

.menucontainer  { clear:both; margin:55px 0; }
.menucontainer2   { font-size: 11px; line-height: 150%; text-align: left; margin-top: 5px; padding-left: 5px }

#navigation_left ul, #navigation_performances ul {
	list-style:none;	
	padding:0 0 0 5px;
	margin:0;
}

#navigation_down ul {
	list-style:none;
	font-size: 18px;
	line-height:160%;
	margin:0;
	padding:0;	
	display:inline;	
}

#navigation_down ul li {
	margin:0;
	padding:0 25px 0 0;
	float:left;
}

.ctable {
	border:0;
	margin:40px 0;
}


#xscontent_p {
	border:1px solid #efeff7;
	background-color:#ffffff;
	width:auto;
	float:right;
	padding:0px 6px 0px 5px;
	text-align: left;
}

.media {
	background-color:#cad0e1;
	margin: 30px 0px 40px 0;
	padding:4pt;
}

#footer {
	background-color:#ffffff;
	text-align: left;
	padding:6px;
}

/* --- */
.navi01      { font-size: 11px; line-height: 14pt; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 2pt }

.arial-s1 { font-size: 11px; line-height: 140%; font-family: Arial, Helvetica, Geneva, sans-serif }
.arial-s2 { font-size: 14px; line-height: 140%; font-family: Arial, Helvetica, Geneva, sans-serif }
.verd-s1 { font-size: 11px; line-height: 140%t; font-family: Verdana, Arial, Geneva, sans-serif }

/* counter formatieren */
.counter {
	background-color:transparent;
	font-weight:bold;
	color:#808DA0;
	border:0px solid #fff;
}

/* --- Button --- */

.ABperform {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:16px;
	font-weight:bold !important;
	padding:6px 40px;
	text-decoration:none !important;
}

.ABperform:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}

.ABperform:active {
	position:relative;
	top:1px;
}

/* -------- iPhone D --------------- */
@media screen and (max-device-width: 480px){

body, p { 
	font-size: 16px; 
}
	
img, a img, p a img {
	max-width:100%;
	height:auto;
}

#page {
	width:100%;
	margin:0;
	text-align:left;
}

#nav {
 height:inherit;
}

.content {
	width:auto;
}

.counter {
	font-size:16px;
	border:none;
	width:300px;
}

/* ende max-device */
}