/*******************************************************************
 * MAIN STYLES 
 */

/*******************************************************************
 * PAGE 
 */

HTML
{
	height: 100%;
	/*min-height: 100%; */
	margin-bottom: 1px;
}

BODY
{
	background-image: url(../img/bgBody.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

DIV, P, LI, INPUT, TEXTAREA
{
	color: #706D60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}

#page
{
	width: 996px;
	/*min-height: 900px;*/
	position: absolute;
	top: 15px;
	left: 50%;
	margin: 0 0 0 -498px;
}

#page .main
{
	background-image: url(../img/bgPage.gif);
	background-repeat: repeat-y;
	padding: 0 4px 0 4px;
	text-align: left;
}

#page .bottom
{
	background-image: url(../img/bgPageBottom.gif);
	background-repeat: no-repeat;
	height: 3px;
}


/*******************************************************************
 * PAGE PARTS
 */

#header
{
	height: 230px;
	width: 988px;
	background-color:#A0A0A4;
}

#header .tx-rlmpflashdetection-pi1 {
	position: absolute;
	top: 0;
	background-image: url(../img/tobias-berndt-bariton-header.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 988px;
}

#nav_main_l1
{
	background-image: url(../img/bgNavi.jpg);
	background-repeat: repeat-x;
	height: 18px;
	width: 988px;
	padding: 3px 0 0 0;
}

#nav_main_l2
{
	position: absolute;
	top: 260px;
	left: 453px;
	z-index: 2;
}

#content
{
	height: 596px;
	z-index: 1;
	text-align: left;
}

#content .left
{
	width: 456px;
	float: left;
	text-align: left;
}

#content .left .image
{
}

#content .left_home
{
	width: 422px;
	float: left;
	text-align: left;
}

#content .left .review
{
	position: absolute;
	background-image: url(../img/bgReview.png);
	top: 650px;
	left: 30px;
	width: 380px;
	padding: 16px;
}

#content .left .review .header
{
	font-weight: bold;
	color: #264359;
	margin: 0 0 8px 0;
	line-height: 150%;
}

#content .left .review .text
{
	color: #264359;
	line-height: 150%;
}

#content .right
{
	width: 440px;
	float: left;
}

#content .right_gallery
{
	width: 500px;
	float: left;
}

#content .news
{
	width: 290px;
	float: left;
	text-align: right;
	padding: 40px 0 0 0;
}

#content .news p {
	position: absolute;
	width: 290px;
}

#content .next_dates
{
	float: left;
	width: 250px;
	padding: 190px 0 0 15px;
}

#footer
{
	border-top-color: #DBDBD3;
	border-top-style: solid;
	border-top-width: 1px;
	width: 988px;
	height: 15px;
	margin: 1px 0 0 0;
	padding: 6px 0 4px 0;
}

#nav_lang
{
}

#nav_meta
{
	float: right;
}


/*******************************************************************
 * NAVIGATION
 */

/* Main, level 1 */

#nav_main_l1 UL
{
	margin: 0;
	padding: 0 0 0 73px;
	list-style-type: none;
}

#nav_main_l1 UL LI
{
	padding: 0 50px 0 30px;
	margin: 0;
	float: left;
}

#nav_main_l1 UL LI A
{
	color: #FFFFFF;
	text-decoration: none;
}

#nav_main_l1 UL LI.spacer
{
	background-image: url(../img/spacerNavi.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#nav_main_l1 UL LI.sel
{
	font-weight: bold;
}


/* Main, level 2 */

#nav_main_l2 UL
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav_main_l2 UL LI
{
	color: #264359;
	padding: 0 10px 0 10px;
	margin: 0;
	float: left;
}

#nav_main_l2 UL LI A
{
	color: #264359;
	text-decoration: none;
}

#nav_main_l2 UL LI.sel
{
	font-weight: bold;
}

#nav_main_l2 UL LI.spacer
{
	background-image: url(../img/spacerNavLang.gif);
	background-position: right;
	background-repeat: no-repeat;
}


/* Language */

#nav_lang UL
{
	margin: 0;
	padding: 0 0 0 5px;
	list-style-type: none;
}

#nav_lang UL LI
{
	padding: 0 11px 0 11px;
	margin: 0;
	float: left;
	color: #14485B;
	font-size: 11px;
}

#nav_lang UL LI A
{
	color: #14485B;
	text-decoration: none;
}

#nav_lang UL LI.sel
{
	font-weight: bold;
}

#nav_lang UL LI.spacer
{
	background-image: url(../img/spacerNavLang.gif);
	background-position: right;
	background-repeat: no-repeat;
}


/* Meta */

#nav_meta UL
{
	margin: 0;
	padding: 0 2px 0 0;
	list-style-type: none;
}

#nav_meta UL LI
{
	padding: 0 11px 0 11px;
	margin: 0;
	float: left;
	color: #777669;
	font-size: 11px;
}

#nav_meta UL LI A
{
	color: #777669;
	text-decoration: none;
}

#nav_meta UL LI.sel
{
	font-weight: bold;
}

#nav_meta UL LI.spacer
{
	background-image: url(../img/spacerNavMeta.gif);
	background-position: right;
	background-repeat: no-repeat;
}


/*******************************************************************
 * CONTENT
 */

.clearer
{
	clear: both;
}

SPAN.important
{
	color: #033F53;
}

#content A
{
	color: #706D60;
	text-decoration: none;
}

#content A:hover
{
	text-decoration: underline;
}

P
{
	margin: 0 0 24px 0;
	line-height: 160%;
}

#header h1 {
	padding: 20px 0 0 0;
	margin: 0;
}

H2
{
	margin: 0 0 30px 0;
	padding: 0;
}

H3
{
	color: #033F53;
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 11px;
}


/* Standard */

#content .right, #content .right_gallery
{
	padding: 64px 0 0 0;
}

#content .right .scroll, #content .right_gallery .scroll
{
	height: 450px;
	overflow: scroll;
	/* fixes has-layout-bug in IE6 */
	zoom: 1;
}


/* Home */

#content .next_dates H2
{
	margin: 0 0 26px 0;
}

#content .next_dates .date_loc
{
	font-weight: bold;
	margin: 0 0 2px 0;
}

#content .next_dates .opus
{
	margin: 0 0 22px 0;
}

#content .next_dates .link_calendar
{
	margin: 45px 0 0 0;
}

#content .broadcast1 a {
	background-image: url(../img/iconBroadcast1.gif);
}

#content .broadcast2 a {
	background-image: url(../img/iconBroadcast2.gif);
}

#content .broadcast a {
	display: block;
	color: #0A586F;
	padding: 0 0 0 16px;
	line-height: 16px;
	background-repeat: no-repeat;
}

#content .broadcast a:hover {
	text-decoration: none;
}


/* Calendar */

#calendar
{
	margin: -20px 0 0 0;
}

#calendar .nav_years
{
	margin: 0 0 0 -24px;
}

#calendar .years
{
	/*width: 260px;
	height: 34px;
	overflow: scroll;*/
	/* fixes has-layout-bug in IE6 */
	/*zoom: 1;*/
	float: left;
}

#calendar #scrollyears
{
	width: 280px;
	height: 34px;
	overflow: auto;
	margin: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

#calendar #scrollyears #scrollslider
{
	width: 2500px;
	height: 34px;
	padding: 0;
}

#calendar .nav_years #btnScrollLeft
{
	background-image: url(../img/btnScrollLeft.gif);
	width: 14px;
	height: 17px;
	float: left;
	margin: 8px 10px 0 0;
	cursor: pointer;
}

#calendar .nav_years #btnScrollRight
{
	background-image: url(../img/btnScrollRight.gif);
	width: 14px;
	height: 17px;
	float: left;
	margin: 8px 0 0 0;
	cursor: pointer;
}

#calendar .years .year
{
	float: left;
	margin: 0;
	width: 100px;
}

#calendar .years .year IMG
{
	border-style: none;
}

#calendar .nav_month
{
	clear: both;
	padding: 4px 0 0 0;
}

#calendar .nav_month .month
{
	float: left;
	font-weight: bold;
	margin: 0 7px 35px 0;
}

#calendar .nav_month .month A
{
	color: #99968C;
}

#calendar .nav_month .sel
{
	color: #033F53;
}

#calendar .event_list 
{
	clear: both;
}

#calendar .event_list .month_list
{
	margin: 0 0 25px 0;
}

#calendar .event_list .month_list .month
{
	color: #033F53;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#calendar .event_list .event
{
	margin: 0 0 25px 0;
}

#calendar .event_list .event .context
{
	margin: 0 0 3px 0;
}

#calendar .event_list .event .dates
{
	font-weight: bold;
	margin: 0 0 3px 0;
}

#calendar .event_list .event .opus
{
	margin: 0 0 3px 0;
}

#calendar .event_list .event .orchester
{}

#calendar .event_list .event .broadcast1 {
	background-image: url(../img/iconBroadcast1.gif);
}

#calendar .event_list .event .broadcast2 {
	background-image: url(../img/iconBroadcast2.gif);
}

#calendar .event_list .event .broadcast {
	color: #0A586F;
	padding: 0 0 0 16px;
	margin: 2px 0 0 0;
	line-height: 16px;
	background-repeat: no-repeat;
}


/* Images */

.images
{
	margin: 0 0 20px 0;
}

.images .imagetext
{
	width: 120px;
	float: left;
	margin: 0 20px 20px 0;
}

.images .imagetext .image
{
}

.images .imagetext .image IMG
{
	border-style: none;
}

.images .imagetext .caption
{
	margin: 5px 0 0 0;
}

.gallery .image
{
	float: left;
	margin: 0 15px 15px 0;
	width: 137px;
	height: 137px;
}

.gallery .image IMG
{
	border-style: none;
}

.gallery .image:hover .magnifier
{
	position: relative;
	background-image: url(../img/magnifier.png);
	width: 25px;
	height: 25px;
	top: -25px;
	left: 112px;
}

.discografie
{
	 margin: 0 0 0 -138px;
}

.discografie .work
{
	clear: both;
}

.discografie .work .cover
{
	float: left;
	margin: 0 18px 20px 0;
	padding: 32px 0 0 0;
}

.discografie .caption
{
	text-align: right;
	margin: 5px 0 0 0;
}

.discografie .work .description
{
	float: left;
	width: 430px;
}

.discografie .work .description .title
{
	margin: 0 0 15px 0;
}

.discografie .work .description .title H3
{
	color: #033F53;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

.discografie .work .description P
{
	margin: 0 0 15px 0;
}

.discografie .work .description .description
{
	padding: 0 0 20px 0;
}


/* Contact form */

.contactform
{
}

.contactform FIELDSET
{
	border-style: none;
	padding: 0;
	margin: 0;
}

.contactform .form_row
{
	clear: both;
}

.contactform .form_label
{
	float: left;
	width: 78px;
}

.contactform .form_input
{
	float: left;
	margin: 0 0 12px 0;
}

.contactform .form_textarea
{
	float: left;
}

.contactform .form_input INPUT
{
	width: 315px;
}

.contactform .form_textarea TEXTAREA
{
	width: 315px;
}

.contactform .form_submit_button
{
	clear: both;
	margin: 10px 0 0 0;
}

.contactform .form_submit_button INPUT
{
	float: right;
	margin: 0 44px 0 0;
	background-color: #E5E5E5;
	border-style: none;
	width: 86px;
	height: 20px;
}

.contactform .form_error
{
	clear: both;
	color: #033F53;
	font-weight: bold;
	padding: 0 0 6px 0;
}