/*------------------------------------------------------------------------------------*/
/* GENERAL SETUP */
/*------------------------------------------------------------------------------------*/

*, input{
	outline: none;
}

html {
	font-size: 100%; /*IE hack*/
	/*height: 100%; 
	margin-bottom: 1px;*/
	overflow: scroll;
   	overflow-x: auto;


}


body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 1em;
	line-height: 1em;
	color: #2e2e2e;
	
	background-image: url(../../resources/images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top left;
	
	
}


/*------------------------------------------------------------------------------------*/
/* PAGE STRUCTURE */
/*------------------------------------------------------------------------------------*/

#wrapper{
	width: 100%;
	
	text-align: center;
	font-size: 0.69em;
	
	
}



#page{
	margin: 0 auto;
	width: 992px;
	text-align: left;
	margin-bottom: 20px;
	
}

#header{
	height: 105px;
	border: 0px solid red;
	/*background-image: url(../../resources/images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
	position: relative;
	z-index:99;	
}



#logo{
	position: absolute;
	top: 25px;
	left: 20px;	
}


/*------------------------------------------------------------------------------------*/
/* IMAGE HEADER */
/*------------------------------------------------------------------------------------*/

#header_player{
	position: absolute;
	top: 5px;
	right: 20px;
	z-index: 500;
}

#header_player #icons #pause, #header_player #icons #play, #header_player #icons #pause span, #header_player #icons #play span{
	background: transparent none!important;
	border: none!important;
	width: 25px!important;
	height: 25px!important;
}

#header_player #icons #pause span{
	background: transparent url(../../resources/images/btn_sound_on.png) center center no-repeat!important;
	border: 0px solid red;
}

#header_player #icons #play span{
	background: transparent url(../../resources/images/btn_sound_off.png) center center no-repeat!important;
	border: 0px solid red;
}


#img-header-holder{
	height: 300px;
	height: 279px;
	
	
	
}
#img-header{
	position: relative;
	height: 300px;
	
	/*background-image: url(../../resources/images/header_default.jpg);*/
	background-repeat: no-repeat;
	background-position: top left;
}


/*------------------------------------------------------------------------------------*/
/* BREADCRUMB */
/*------------------------------------------------------------------------------------*/

#bread-crumb{
	color: #999999;
	padding: 0px 0px 5px 19px;
	margin-top: 0px;
	border: 0px solid red;
	
	font-size: 0.91em;
	position: absolute;
	
}

#bread-crumb a{
	color: #999999;
	text-decoration:none;
}


/*------------------------------------------------------------------------------------*/
/* MAIN MENU */
/*------------------------------------------------------------------------------------*/

#main-menu{
	border: 0px solid black;
	/*background-color: #000;*/
	padding: 0px;
	position: absolute;
	height: 40px;
	top: -47px;
	
	top: -34px;
	
	left: 5px;
	left: 21px!important;

	z-index: 999;
	width: 950px;
	overflow: hidden;
}



#main-menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 32px;	
	border: 0px solid yellow;
}

#main-menu li{
	float: left;
	margin: 0px;
	
	
	padding: 0px 0px 5px 11px;
	border: 0px solid red;
	
	height: 35px;
	line-height: 47px;
	
	
	background-image: url(../../resources/images/main_menu_bg_n.png);
	background-repeat: no-repeat;
	

	
	background-position: -3px 9px;
	
	
	font-size: 2.2em;
	position: relative;
}


#main-menu li a{
	color: #2e2e2e;
	text-decoration: none;
	border: 0px solid green;
	padding:12px 15px 10px 5px;
	margin: 0px;
	
	
	font-family: "Times New Roman";
	font-size: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.07em;
	/*line-height: 0px;*/
		
	position: static;
	
	background-image: url(../../resources/images/main_menu_bg_n.png);
	background-repeat: no-repeat;
	background-position: top right;
	outline: none;
	
	
}



#main-menu li a:hover, #main-menu li a.active, #main-menu li:hover, #main-menu li.active {
	color: #264a53;
	text-decoration: none;
	background-image: url(../../resources/images/main_menu_bg_a.png);
}

#main-menu a.active, #main-menu a:hover{
	text-decoration: underline!important;
}

/*------------------------------------------------------------------------------------*/
/* SUB MENU */
/*------------------------------------------------------------------------------------*/

#sub-menu{
	border: 0px solid red;
	/*background-color: #999;*/
	padding: 5px 0px 5px 0px;
	margin-bottom: 50px;
	
	font-family: "Times New Roman";
	font-size: 1.18em;
	
}

#sub-menu ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}



#sub-menu li{
	/*display: inline;*/
	
	background-image: url(../../resources/images/sub_menu_bg_li.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	
	padding: 5px 0px 5px 0px;
}

#sub-menu ul li ul{

	padding: 5px 0px 5px 17px;
}

#sub-menu ul li ul li{
	background-image: url();
	padding: 2px 0px 2px 0px;
}


#sub-menu li a{
	color: #2e2e2e;
	text-decoration: none;
	padding: 0px 3px 0px 17px;
	border: 0px solid red;
	
	background-image: url(../../resources/images/sub_menu_bg_n.gif);
	background-repeat: no-repeat;
	background-position: center left;
	outline: none;
}

#sub-menu li a:hover, #sub-menu li a.active {
	color: #264a53;
	text-decoration: underline;
	background-image: url(../../resources/images/sub_menu_bg_a.gif);
}



/*------------------------------------------------------------------------------------*/
/* PAGE CONTENT */
/*------------------------------------------------------------------------------------*/

#page-content-wrapper {
	border: 0px solid green;
	/*background-image: url(../../resources/images/bg_content_top.gif);*/
	background-repeat: no-repeat;
	background-position: 0em 0em;
	margin-top: 50px;
	padding-top: 12px;
	position: relative;

}


.bg-up {	/*wenn ein header bild bef?llt ist*/
	background-position: 0em -1em!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
	
}


.bg-up #main-menu{
	top: -47px;
}

.bg-up #print-button{
	top: 5px;
}



#page-content-holder{
	
	border: 0px solid red;
	background-image: url(../../resources/images/bg_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	
	padding: 30px 30px 50px 20px;
}

#print-button{
	position: absolute;
	right: 20px;
	top: 18px;
}

#print-button a{
	border: 0px solid red;
	color: #868686;
	text-decoration: none;
	padding: 4px 20px 0px 0px;
	background-image: url(../../resources/images/icon_print.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


#left-column-holder{
	float: left;
	width: 185px;
	margin-right: 40px;
	
	border: 0px solid cyan;
	
}


#page-content{
	float: left;
	width: 510px;
	border: 0px solid red;
	
	border: 0px solid green;
	
	font-size: 13px;
}

#right-column-holder{
	float: right;
	width: 165px;
	
	border: 0px solid blue;
}

#right-column-holder, #left-column-holder{
	line-height: 1.25em;
}


#right-column h2{
	font-weight: bold;
	font-size: 20px;
}

/*----------------------------*/

.cm-2-1{
	float: left;
	width: 500px;
}

.cm-2-2{
	float: left;
	margin-left: 100px;
	width: 300px;
}

/*----------------------------*/


/*------------------------------------------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------------------------------------------*/

#footer {
	border: 0px solid green;
	/*background-color: black;*/
	padding: 5px;
	/*color: white;*/
	padding-bottom: 10px;
}

#footer-content{
	border: 0px solid red;
	float: left;
	font-size: 0.91em;
}

#footer-partner{
	border: 0px solid red;
	/*width: 500px;	margin-left: 40px;*/
	margin: 50px 0px 0px 0px;
	float: left;
	
}
#footer-partner .center{
	border-top: 1px solid #9b9a98;
} 

#footer-partner a img{
	border: none;
	margin-right: 10px;
}

#footer-partner a{
	text-decoration: none;
	border-bottom: 1px solid #9b9a98;
	margin: 10px 0px 10px 0px;
	padding-bottom: 10px;
	display: block;

}


.center{
	text-align: center;
}

/*------------------------------------------------------------------------------------*/
/* SERVNAV */
/*------------------------------------------------------------------------------------*/

#serv-nav{
	border: 0px solid yellow;
	/*float: right;*/
	color: white;
	font-size: 0.91em;
	background: url(../../resources/images/bg_body.gif) repeat scroll 0 0 #394048;
	text-align: right;
}

#serv-nav ul{
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 5px;	
}


#serv-nav li{
	display: inline;
	padding: 0px 9px 0px 9px;
	
	background-image: url(../../resources/images/serv_nav_a.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.27em;
}

#serv-nav li a{
	color: #2e2e2e;
	color: white;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------*/
/* AV TEXT */
/*------------------------------------------------------------------------------------*/


a{
	color: #264a53;
}


p{
	padding: 0px;	
	margin: 0px;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Times New Roman";
	color: #264a53;

}

h1{
	font-size: 2.6em;
	font-size: 2.4em;

	font-weight:normal;
	line-height: 1em;
	padding: 0px;	
	margin: 0px;
}

h2{
	font-size: 1.84em;
	font-size: 1.8em;

	
	font-weight:normal;
	line-height: 1em;
	padding: 0px;	
	margin: 0px;
}

h3{
	font-size: 1.54em;
	line-height: 1em;
	padding: 0px;	
	margin: 0px;
}

h3, h4, h5, h6{
	font-size: 1.24em;
	line-height: 1em;
	padding: 0px;	
	margin: 0px;
	
}

h5{
	font-size: 1em;
	line-height: 1em;
	padding: 0px;	
	margin: 0px;
}


h6{
	font-size: 11px;
	color: #999;
	font-family: Verdana,"Times New Roman";
	font-weight: normal;

}

.bildunterschrift{
	font-size: 0.88em;
	color: #666666;
}
.textbild-bild-holder{
	padding-top: 5px;
	border: 0px solid red;
}

em{
	font-weight: normal;
}

/*------------------------------------------------------------------------------------*/
/* GALLERY */
/*------------------------------------------------------------------------------------*/

.gallery img{
	border: none;
	margin-right: 10px;
	margin-bottom: 8px;
	
}



/*------------------------------------------------------------------------------------*/
/* SUCHE */
/*------------------------------------------------------------------------------------*/
#search_box, #search_box div, #search_box form{

	width: 160px;
}

#search_box{
	border: 0px solid red;
	position: absolute;
	right: 20px;
	top: 23px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	
	text-align: right;
	
	background-image: url(../../resources/images/bg_suchfeld.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
	

#search_box div{
	border: 0px solid green;
	padding: 5px 3px 0px 10px;
	margin: 0px;
	
	width: 145px;
}

#search_box form{
	
	border: 0px solid yellow;
	
}




#search_box form, #search_box form fieldset{
	padding: 0px;
	margin: 0px;	
}

#search_box form fieldset{
	border: none;
}

#search_box form legend{
	display: none;
}

#search_box form label{
	border: 0px solid green;
	display: none;
}

#search_box form input{
	border: 0px solid black;
	background: transparent;
	width: 110px;
	float: left;
	padding: 1px 3px 1px 3px;
	margin: 0px;
	
	/*display: static;*/
	
	color: #6d6d6d;
	font-size: 0.91em;
	padding-top: 3px;
}

#search_box form .button{
	float: right;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
	width: 10px;
	height: 15px;
	
	border: 0px solid red;
	outline: none;
	
}

/*------------------------------------------------------------------------------------*/
/* ADD THIS */
/*------------------------------------------------------------------------------------*/

#socialboomark{
	position: absolute;
	top: 55px;
	right: 20px;
}



/*------------------------------------------------------------------------------------*/
/* RELEASE SWITCH */
/*------------------------------------------------------------------------------------*/

#release-switch #active{
	font-weight: bold!important;

}

#release-switch .new_siwtches {
	margin-left: 10px;
	text-decoration: none!important;
}







#release-switch{
	position: absolute;
	top: 77px;
	right: 20px;
	z-index: 999;
	
}

a.open{
	border: 0px solid red;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 0px 0px 15px;
	
	
	background-image: url(../../resources/images/bg_relswitch_n.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#switch{
	width: 126px; 
	border: 0px solid green;
	z-index: 999;
	background-color: white;
	
	position: absolute;
	top: 20px;
	left: -126px;
	
	border: 1px solid #cccccc;
	padding: 10px 0px 10px 0px;
	display: none;
}

#switch a{
	display: block;
	/*font-style: italic;*/
	padding: 3px 3px 3px 15px;
	color: #333;
	text-decoration: none;
}


#switch a:hover{
	text-decoration: underline;
}


#switch a#important{
	font-style: normal;
	font-weight: bold;
}

#switch a.selected{
	/*color: #ccc;
	text-decoration: underline;*/
	
	background-image: url(../../resources/images/release_selected.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	
}



/*------------------------------------------------------------------------------------*/
/* TEASER */
/*------------------------------------------------------------------------------------*/

.teaser{
	margin: 5px 0px 10px 0px;
}
.teaser h3{

	background-image: url(../../resources/images/dotted_line.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 0px 8px 0px;
	margin: 0px 0px 3px 0px;
	font-size: 20px;
}

hr{
	background-image: url(../../resources/images/dotted_line.gif);
	border: none;
	height: 3px;
}

.teaser img{
	margin: 3px 8px 0px 0px;
	
}
.teaser .img{
	float: left;
	display: block;
}

/*------------------------------------------------------------------------------------*/
/*  NEWS */
/*------------------------------------------------------------------------------------*/

.db_news{

}

.db_news .teaser_eintrag{
	background-image:url(../../resources/images/dotted_line.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.db_news .teaser_eintrag .img_holder img, .db_news .news_detail .img_holder img{
margin-right: 15px;

}


/*------------------------------------------------------------------------------------*/
/* MITGLIEDER und KARTENBESTELLUNG */
/*------------------------------------------------------------------------------------*/

.MITGLIEDER_KARTEN_SWITCH{
	display: none;
}

.button_container{
	text-align: left;
	/*position: absolute;
	left: 150px;*/
	margin-bottom: 30px;
}

input.button{
	padding: 2px 0px 2px 0px;
	width: 120px;
	background: transparent url(../../resources/images/btn_leer.png) no-repeat scroll left top;
	border: none!important;
	color: #264a53;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
}



#db_karten_mitglieder{
	position: relative;
}
	
#db_karten_mitglieder .neustart{
	position: absolute;
	/*bottom: -28px; 
	left: 0px;*/
	right: -10px;
}
	
.neustart .neu_button{
	/*border: 1px solid #FFF;
	background-color: #FFF;
	
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Times New Roman";
	color: #264a53;
	color: #666;
	margin: 0px 0px 5px 0px;
	*/
	cursor: pointer;
	padding: 2px 0px 2px 0px;
	width: 120px;
	background: transparent url(../../resources/images/btn_leer.png) no-repeat scroll left top;
	border: none!important;
	color: #264a53;
	font-size: 11px;
	text-align: center;
}	
	
	
/*---------BREADCRUMB----------------------------------------*/


#db_karten_mitglieder .bread-crumb{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}


#db_karten_mitglieder .bread-crumb ul{
	margin: 0px;
	padding: 0px;
}

#db_karten_mitglieder .bread-crumb ul li{
	display: inline;
	
	border: 0px solid red;
	
	font-family: "Times New Roman";
	color: #ccc;
	font-size: 16px;

}

#db_karten_mitglieder .bread-crumb ul li .number{
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

#db_karten_mitglieder .bread-crumb ul li div.container{
	margin-right: 20px;
	font-family: Verdana;
	
}


#db_karten_mitglieder .bread-crumb ul li.current{
	border: 0px solid yellow;
	color: #264a53;
}

#db_karten_mitglieder form fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}

#db_karten_mitglieder form fieldset.fieldset{
	border: 1px solid #264a53;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	

}
#db_karten_mitglieder form fieldset.fieldset legend{
	font-weight: bold;
	font-size: 1.9em;
	font-family: "Times New Roman";
	color: #264a53;
	margin: 0px 0px 5px 0px;
}

/*---------CONTENTS----------------------------------------*/

#message_box{
	border: 1px solid red;
	background-color: red;
	color: white;
	padding: 5px;
}












/*---------JQUERY----------------------------------------*/


label { 
	width: 25em!important;
	border: 0px solid red;

	float: left; 
}

.mk_form_content input.error {
	border: 1px solid red;
}






label.error { 
	float: none; color: red; padding-left: .5em; vertical-align: top; 
	
	background-image: url(../../resources/jquery/jquery-validate/unchecked.gif);
	background-position:left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	
}

label.valid {
	background-image: url(../../resources/jquery/jquery-validate/checked.gif);
	background-position:left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	
	width: 16px;
	height: 16px;
	color: yellow;
	padding-bottom: 3px;
}


p { 
	clear: both; 
}

.submit { 
	margin-left: 12em; 
}

#db_karten_mitglieder em { 
	font-weight: bold; 
	/*padding-right: 1em;*/
	vertical-align: top; 
}

/*---------M1----------------------------------------*/


.mk_form_content{
	border: 0px solid red;

	margin: 10px 0px 10px 0px;
	

}

.mk_form_content .line, .line{
	margin: 0px 0px 4px 0px;
}




.mk_form_content input{
	margin-right: 10px;
	border: 1px solid #666;
}

.m1 label {
    border: 0 solid red;
    float: left;
    width: 28em !important;
}


/*---------M2----------------------------------------*/

.M2 select{
	width: 131px;
}

.M2 input{
	width: 125px;
}


.M2 label{
	width: 7em!important;
}



/*---------M3----------------------------------------*/
.M3 .mitgliedschaft{
 	border: 1px solid #264a53;
	/*color: #264a53;*/
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
}

.M3 .mitgliedschaft .left {
	
	float: left;
}

.M3 .mitgliedschaft .right{
	
	float: right;
}

.M3 .mitgliedschaft .daten{	
	
	
	border: 1px solid #666;
	padding: 5px;
	margin: 5px 0px 0px 0px;
}

 .summe, .zwischensumme{
	padding: 10px;
	margin: 0px;
	border-bottom: 1px solid #666;
}

 .summe .right, .zwischensumme .right{
	float: right;
}
 .summe .left, .zwischensumme .left{
	float: left;
}

.zwischensumme{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	border-bottom: 0px solid #666;
}

.M3 .mitgliedschaft .title{
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Times New Roman";
	color: #264a53;
	margin: 0px 0px 5px 0px;
}


/*---------K1----------------------------------------*/


.K1{


}

.K1 fieldset{
	

}

.K1 .abos,.K1 .kategorien{
	margin-bottom: 0px;
	

}

.K1 .veranstaltungen{
	margin: 10px 0px 5px 0px;
	border: 1px solid rgb(204, 204, 204); 
	padding: 5px;
	margin-right: 5px;
	background: #F5F5F5;
	position: relative;
}

.K1 .veranstaltungen .db_suchfeld{
	padding: 0px 0px 0px 20px;
}


.K1 .veranstaltungen .db_suchfeld .werk{
	
	font-size: 15px;
	font-weight: bold;
	font-family: "Times New Roman";
	color: #264a53;
	padding: 4px 0px 0px 0px;
	
	
	color:#00606B;
	font-family:"Times New Roman";
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;


}


.K1 .veranstaltungen .date{

	
	font-weight: bold;
	
	color: #264a53;
	padding: 0px 0px 0px 0px;
	
	color:#666666;
	color:#000;
	font-family:georgia;
	font-size:12px;
	font-weight:bold !important;
	margin-bottom:10px;

	border-bottom:1px solid #999999;
	
}
.light_greyX{
	color:#666666;
}

.K1 .veranstaltungen .db_suchfeld .werk h5{
	color: #999;
	font-weight: normal;
	font-family: Arial;
	font-size: 10px;
	padding: 0px 0px 4px 0px;
	
	color:#00606B;
	font-family:Arial;
	font-size:13px;
	font-weight:normal !important;
	
}


.K1 .veranstaltungen .db_suchfeld .ort{
	font-weight: normal;
	position: relative;
	left: 0px;
	top: 0px;
	border: 0px solid red;
	width: auto;
	color: #666;
	font-family: "Times New Roman";
	font-size: 12px;
	line-height: 15px;
	padding-top: 3px;

}

.K1 .veranstaltungen .prefix{
	display: none;
}

.K1 .veranstaltungen .db_suchfeld .ort{
	font-size:13px!important;
	position: absolute;
	top: 3px;
	right: 5px;
	text-align: right;
}


.K1 .veranstaltungen .db_suchfeld .mitwirkende{
	display: none;
}

.K1 .anzahl{
	width: 80px;
	
}

.K1 .preis{
	width: 320px;
	margin-left: 10px;
}

.K1 label{
	width: 160px!important;
}
.K1 input{
	width: 245px;
	margin: 0px;
}

.K1 .auswahl{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background-color: #EEE;
}

/*---------AUFKLAPP TEXT---------------------*/

.K1 .erweitert{
	border: 0px solid red;
	
	position: relative;
	
}
.K1 .erweitert .content{
	display: none;
	margin: 0px;
}

.K1 .erweitert .db_suchfeld *{
	display: block!important;
} 

.K1 .erweitert .db_suchfeld .ort,.K1 .erweitert .db_suchfeld .werk{
	display: none!important;
}


.K1 .erweitert .db_suchfeld, .K1 .erweitert .db_suchfeld  .mitwirkende ul{
	margin: 0px;
	padding: 0px;

}

.K1 .erweitert .db_suchfeld  .mitwirkende ul {
	list-style-type: none!important;

}



.K1 .erweitert .db_suchfeld  .mitwirkende ul li *{
	display: inline!important;

}

.K1 .erweitert .db_suchfeld  .mitwirkende ul li .prefix{
	color: #999;

}

.m_oc{
	/*position: absolute;
	top: -20px;
	right: 0px;*/
	position: relative;
	height: 17px;
	display: block;	
}

.less_info{
	display: none;
}


/*---------RECHNUNG----------------------------------------*/
.rechnung .line label{
	width: 8em!important;
	

}

.rechnung .line input{
	width: 230px;
	

}

.rechnung .line select{
	width: 236px;
}

.rechnung .line #plz{
	width: 40px;
}


textarea{
	border: 1px solid #666;
	width: 230px;
	height: 100px;
	
	
	font-size: 1.1em;
	font-family: Verdana, Arial;
	
}

.rechnung #spende, .rechnung #preis, .rechnung #summe{
	text-align: right;
}

/*------------------------------------------------------------------------------------*/
/*  PRESSE DOWNLOADS */
/*------------------------------------------------------------------------------------*/
.download {
	margin-top: 5px;
}

.download span{
	color: #999;
	display: block;
	margin-left: 19px;
}

.pressedownloads {
	position: relative;
}


.pressedownloads .download_button{
	
	/*position: absolute;*/
	
	right: 0px;
	text-align: right;
	
	
}
.pressedownloads .download_button input{
	padding: 0px 3px 0px 3px;
}


.pressedownloads .kategorie{
	padding: 0px 0px 20px 0px;
}

.pressedownloads h1 {
	margin: 0px 0px 10px 0px;
}

.pressedownloads .dokument{
	border: 0px solid #666;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	position: relative;
	background-color: #EEEEEE;
}

.pressedownloads .dokument img{
	border: 1px solid #666;
}

.pressedownloads .dokument .did{
	text-align: left;
	margin-top: 10px;
	color: #999;
}

.pressedownloads .line input{
	margin-right: 0px;
	border: 1px solid #666;
	width:230px;
}
	
	
.pressedownloads label{
	width: 100px!important;
}

.formholder{
	margin-top: 20px; 
	width: 370px; 
	
}

.button{
	text-align: right;
	margin-top: 10px;
	width: 330px; 
	
}
.button input{
	width: auto;
	text-align: center;
}

.pressedownloads .button input{
	width: 120px;
}

/*------------------------------------------------------------------------------------*/
/* ZITATE  */
/*------------------------------------------------------------------------------------*/
#img-header .zitat{
	border: 0px solid red;
	margin: 20px;
	color: white;	
	font-family: "Times New Roman";
}

#img-header .zitat .zitat-text{
	font-size: 22px;
	line-height: 25px;
	font-style: italic;
	margin-bottom: 10px;
}

#img-header .zitat .autor{
	font-size: 12px;
}


/*------------------------------------------------------*/

#page-content-holder .zitat{
	border: 0px solid red;
	width: 210px;
	float: right;
	margin-left: 15px;
	padding-left: 10px;
	margin-bottom: 7px;
	
	border-left: 1px solid #00606b;
	color: #00606b;
	font-family: "Times New Roman";
}

#page-content-holder .zitat .zitat-text{
	font-size: 18px;
	line-height: 21px;
	font-style: italic;
	margin-bottom: 5px;
}

#page-content-holder.zitat .autor{
	font-size: 12px;
}

/*------------------------------------------------------*/

#left-column .zitat{
	border: none;
	padding: 0px;
	margin: 0px;

}


#left-column .zitat-text{
	font-size: 15px!important;
	line-height: 17px!important;
}


#left-column .zitat-text, #left-column .autor{
	padding: 0px 0px 0px 25px;
	margin: 0px;


}


/*------------------------------------------------------------------------------------*/
/* ARCHIV */
/*------------------------------------------------------------------------------------*/

.archiv{
	border: 0px solid red;
}

.archiv .suchmasken{
	/*height: 160px;*/
	background-color: #f5f5f5;
	border-bottom: 1px dotted #000;
	padding: 10px;
	position: relative;
}


.archiv .time{
	color: #CCC;
}

.archiv .db_suchfeld {
	position: relative;
	
}

.archiv .db_suchfeld ul{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.archiv .db_suchfeld ul li .prefix{
	font-style: normal;
	color: #888;
}
.archiv .db_suchfeld ul li{
	color: #000;
}

.archiv .db_suchfeld h5{
	color: #00606b;
	font-family: Arial;
	padding: 0px 0px 4px 0px;
	font-weight: normal!important;
	font-size: 13px;
}

.archiv .db_suchfeld h5 .prefix{
	display: none;
}

.archiv .db_suchfeld .werk{
	color: #00606b;
	font-size: 16px;
	font-weight: bold;
	font-family: "Times New Roman";
	padding-bottom: 10px;
}

.archiv .db_suchfeld .ort{
	font-weight: normal;
	position: absolute;
	left: -95px;
	top: 40px;
	border: 0px solid red;
	width: 80px;
	color: #666;
	font-family: "Times New Roman";
	font-size: 14px;
	line-height: 13px;
}

.archiv .db_suchfeld .ort .prefix{
	display: none;
}


.archiv .helper{
	cursor: pointer;
	color: #666;
}

.archiv .left {
	
	float: left;
}

.archiv  .right{
	
	float: right;
}


.archiv .s_box{
	width: 130px;
	float: left;
	margin-right: 20px;
}
.archiv .s_box input, .archiv .s_box select{
	width: 95%;
	background-color: #FFFFFF; 
	border: 1px solid #666666; 
	color: #666666;
	padding: 3px 3px 3px 3px;
}
 .archiv .s_box select{
	width: 100%;
}

.archiv .button{
	border: 1px solid #666; 
	width: 130px; 
	text-align: center;
	padding: 3px 0px 3px 0px;
	cursor: pointer;
}


.archiv .extended{
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #999;
}

.archiv  .pages{
	text-align: center;
	border: 0px solid red;
	height: 30px;
}

.archiv .ergeb{
	color: #BBB;
	padding: 0px 0px 10px 0px;
	text-align: center;
}


/*------------------------------------------------------------------------------------*/
/* DB GALLERY */
/*------------------------------------------------------------------------------------*/

.gallery_eintrag{
	border-bottom: 1px dotted #000;
	padding: 20px;
}

.gallery_eintrag .left{
	float: left;
	width: 130px;
}

.gallery_eintrag .right{
	float: left;
	width: 250px;
}

.gallery_eintrag h2{
	margin-bottom: 5px;
}

.gallery_eintrag .g_link{
	margin-top: 20px;
	display: block;
}

.gallery_eintrag img{
	border: none;
}

.foto {
	float: left;
	margin: 0px 12px 10px 0px;
}

.foto a img{
	border: none;
}

#img_switcher{
	margin: 0px 0px 20px 0px;
}





/*----------------------------------------------------------*/

#slider {

	/* You MUST specify the width and height */
	width:500px;
	height:325px;
	position:relative;	
	overflow:hidden;
	margin: 0px;
	border: 1px solid #00606b;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=90);
	-moz-opacity:0.9;  
	-khtml-opacity: 0.9;
	opacity: 0.9;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#00606b;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}

#buttons{
	padding: 10px 0px 20px 0px;
	height: 30px;
}

#buttons a{
	text-decoration: none;
}

#buttons .btn{
	padding: 0px 5px 0px 5px;	
}

#buttons .left{
	float: left;
}

#buttons .right{
	float: right;
}

#buttons .middle{
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
}



/*------------------------------------------------------------------------------------*/
/* AUDIO PLAYER */
/*------------------------------------------------------------------------------------*/

.mp3_player{
	padding: 10px 0px 10px 0px;

}

.mp3_player .title{
	display: block;
	color: #00606b;
	padding: 0px 0px 7px 0px;
}




/*------------------------------------------------------------------------------------*/
/* PROGRAMM */
/*------------------------------------------------------------------------------------*/

#programm{
	
}

#programm .abos, #programm .kategorie {
	background-color: #F5F5F5;
	padding: 10px;	
	margin-bottom: 15px;
	position: relative;
}

#programm .veranstaltung{
	padding: 20px 0px 0px 20px;
	position: relative;
	border: 0px solid red;
}


#programm .veranstaltung .datum{
	color: #666;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	font-family:georgia;
	font-size:12px;
	font-weight:bold!important;
}

.light_grey{
	color: #ccc;
	
}


#programm .veranstaltung .db_suchfeld{
	border: 0px solid red;
}

#programm .veranstaltung .ort{
	position: absolute;
	top: 20px; 
	right: 0px;
	color: #666;
	
	
	color:#666;
	font-family:georgia;
	font-size:12px;

}

#programm .veranstaltung .ort .prefix, #programm .veranstaltung .werk h5 .prefix{
	display: none;
}

#programm .veranstaltung .werk h5{
	color:#00606B;
	font-family:Arial;
	font-size:13px;
	font-weight:normal !important;
	padding:0 0 4px;

}

#programm .veranstaltung .werk{
	margin-bottom: 8px;
	color: #00606b;
	font-family: "Times New Roman";
	font-weight: bold;
	font-size: 16px;
}

#programm .veranstaltung .mitwirkende{
	display: none;
	padding: 0px;
	margin: 0px;
}


#programm .veranstaltung .mitwirkende ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#programm .veranstaltung .mitwirkende ul li .prefix{
	color: #888888;
}

#programm .veranstaltung .m_oc{
	position: absolute;
	text-align: right;
	top: 40px;
	top: 50px;
	
	top: 40px;
}

.preisauswahl{
	
}


 .btn_karten,  .btn_saal,  .btn_plus,  .btn_minus{
	width: 120px;
	height: 17px;
	background: transparent url(../../resources/images/btn_leer.png) top left no-repeat;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 9px;
	
}

 .btn_plus{
	background: url(../../resources/images/btn_plus.png)  no-repeat;
}

 .btn_minus{
	background: url(../../resources/images/btn_minus.png) no-repeat;	
	display: none;
	padding-left: 8px;
	width: 112px;
}

.btn_plus, .btn_minus {
	position: absolute;
	right: 0;
}

.konz_anm{
	padding-top:  15px;
	display: none;
}

.preisbox{
	margin: 5px 5px 5px 0px;
	font-weight: normal;
}

.preisline{
	clear: both;
	padding-bottom: 4px;
}

.preiscolor{
	display: block;
	width: 15px; 
	height: 15px;
	float: left;
	margin-right: 5px;
}

.zusatz_links{
	position: relative;
	height: 40px;
	
}

.btn_saal{
	position: absolute;
	right: 0px;
	top: 0px;
}

.btn_karten{
	position: absolute;
	right: 0px;
	top: 20px;
}

/*------------------------------------------------------------------------------------*/
/* IMAGE FADER */
/*------------------------------------------------------------------------------------*/

.image_fader{
	border: 0px solid red;
	
	height: 300px;
	overflow: hidden;
}

#fade_ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.fade_item_holder {
	border: 0px solid red;
	position: relative;
}


.fade_item_holder .item_text, .fade_item_holder .item_text_bg{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 250px;
	height: 300px;
	border: 0px solid green;
	z-index: 10;
	
	
}

.fade_item_holder .item_text .holder{
	padding: 40px 30px 10px 30px;
}

.fade_item_holder .item_text_bg{
	z-index: 5;
	background: transparent url(../../resources/images/bg_image_fader_text_trans.png) top right no-repeat;
}

.header_link{
	display: block;
	margin-top: 15px;
	text-decoration: underline!important;
}

.image_fader h1{
	font-size: 1.8em;
	margin-bottom: 5px;
}

/*------------------------------------------------------------------------------------*/
/*  */
/*------------------------------------------------------------------------------------*/


#db_kontrapunkte .K1 .veranstaltungen .erweitert .content{
	display: block;	
}

#kartenverkauf_online .K1 .veranstaltungen .erweitert .content{
	display: block;	
}

#db_kontrapunkte .btn_plus, #db_kontrapunkte  .line2{
	display: none;
}

#kartenverkauf_online .btn_plus, #db_kontrapunkte  .line2{
	display: block;
}

.fusszeile{
	font-size: 10px;
	color: #666;
}


#db_kontrapunkte  .btn_saal{
	top: -37px;
	/*right: 10px;*/
	position: absolute;
}

#kartenverkauf_online  .btn_saal{
	margin-top: -22px;
}

/*------------------------------------------------------------------------------------*/
/*  */
/*------------------------------------------------------------------------------------*/

.show-info{
	padding-left: 25px;
	display: none;
}


/*------------------------------------------------------------------------------------*/
/*  */
/*------------------------------------------------------------------------------------*/

.ort_rechnung {
	padding-bottom: 5px;
}

.wrapper-rechnung-info {
	margin: 10px 0 20px 20px;
	border: 0 solid red;
}

/*.rechnung-bold {
	font-weight: bold;
}*/

.wrapper-rechnung-info .db_suchfeld {
	border: 0px solid red;
}

.wrapper-rechnung-info-rot-wrapper {
	padding-bottom: 5px;
	color: #82312e;	
}



/*------------------------------------------------------------------------------------*/
/*  */
/*------------------------------------------------------------------------------------*/






