body {background:#eee; font:76% "Verdana";}
.logo {width:90; background:#000; }

#nav {width:900px;; background:#295b9a url(../img/nav-bg.jpg) repeat-x; height:120px;  margin:0 auto;}
#nav ul {line-height: 36px}
#nav li {float:left;padding:0px 20px; border-right: 1px solid #eee;}
#nav li a { color:#fff; font:130% "Trebuchet MS"; text-transform: uppercase; text-decoration: none;}
#nav li:hover {background-color: #000;}
#nav li:first-child { padding-left: 45px; }
#nav li:last-child { border-right: none;  }

#wrapper {margin:10px auto; width: 900px; background: #fff; height: 100%; overflow: auto;
}

.content {
	width:620px;
	background:#fff;
	float:left;
	padding: 10px;
	height:100%;
	border-right:1px solid #eee;
}

.content h3 {font: 1.6em "Verdana"; border-bottom: 1px dotted #eee; padding:10px 0px;}
.content h4 {font: 1.1em "Verdana"; border-bottom: 1px dotted #eee; padding:10px 20px; background: url(../img/calendar_view_day.png) no-repeat left;}
.disco li {float:left; width:280px;}
.disco p {line-height: 16px;}
.content p {padding:10px 20px; line-height: 24px;}
.zentrum {padding: 9px; background-color: #eee; border: 1px solid #ddd;}
.concerti h4 { background-color: #eee; }
.compositori { margin: 10px 15px;  border-left: 2px solid #eee; }


.panel {width: 240px; float: right; padding: 10px 10px 0 0; text-align: center;}
.panel a {line-height: 13px; color: #295b9a; text-decoration: none;}
.panel a:hover {text-decoration: underline;}
.panel h4 {border-bottom: 1px solid #ddd;}
.panel p {line-height: 24px;}
.panel li {line-height: 24px; background: url(../img/music.png) no-repeat left; padding-left:30px;}

 
.caption{font-style:italic;color:#887;}
.demo{overflow: hidden;}
.gallery_demo{width:600px;}
.gallery_demo li{width:60px; height:50px; float:left; margin:10px 10px 10px 0;}
#main_image{height:auto;min-height:450px;width:600px;background:#fff;}
#main_image img{margin-bottom:10px; }

	
	
	

#contactFormArea {
	width: 600px;
	padding: 9px;
	background: #ffe; 
	border: 1px solid #e7e5dd;
	margin-top: 20px;
}

lable {display: block;}


input.text {
width:100%; !important;
font-size:20px;
color:#333;
height:30px;
border:none;

}

textarea {
width:100% !important;
font-size:14px;
color:#333;
border:none;
}

input.submit {
width:100% !important;
background-color:#473e35;
margin-top:5px;
font-size:14px;
color:#fff;
border:none;
padding:3px;
}

p#loadBar {
width:100% !important;
background-color:#fff;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
text-align:center;
height:24px;
padding: 0;
margin: 0;
}

p#emailSuccess {
width:100% !important;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
background-color:#fff;
text-align:center;
color:green;
height:24px;
padding: 0;
margin: 0;
}
#footer {width: 900px; margin:10px auto 0 auto; background:#295b9a url(../img/nav-bg.jpg) repeat-x bottom; height: 36px; }
#footer p {padding:0 30px; color: #fff; line-height: 36px}











.pdf { padding-left: 20px; background: url(../img/pdficon.gif) left no-repeat; }










ul.concerti_thumb    { clear: both; padding: 5px; margin-bottom: 5px;}
ul.concerti_thumb li { float:left; display: inline; height: 200px; clear: right;}






ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px;
	background: #6192d5;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #ccc;
	border-bottom: 1px solid #fff;
	}
.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_concert {
	padding: 20px;
	font-size: 1.2em;
}
.tab_concert h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_concert h3 a{
	color: #254588;
}
.tab_concert img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}