@charset "utf-8";
/* CSS Document */


/********************************LINKS********************************/

a{
	color: #bf0859;
	text-decoration: none;
}


/********************************LINKS********************************/


/* Start Styles für usgang.ch */
.u_program {
	margin-bottom: 30px;
	height: 80px;
	position: relative;
}

.u_program .img {
	float: left;
	width: 125px;
}

.u_program .descr {
	float: left;
	width: 300px;
}

.u_program .date {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 2px;
}

.u_program .title {
	font-size: 16px;
	font-weight: bold;
}

.u_program .act {
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
}

.u_program_detail {
	margin-bottom: 30px;
	clear: both;
}

.u_program_detail .date {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 2px;
}

.u_program_detail .title {
	margin-top: 6px;
	font-size: 16px;
	font-weight: bold;
}

.u_program_detail .act {
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
}

.u_program_detail .descr {
	float: left;
}

.u_program_detail .img {
	float: left;
	width: 125px;
	margin-bottom: 12px;
}

.u_program_detail .text {
	clear: both;
}


.u_paging {
	margin-bottom: 30px;
	margin-top: 30px;
}
	
.u_event {
	width: 260px;
	height: 120px;
	float: left;
}

.u_event .img {
	width: 115px;
	float: left;
}
	
.u_event .descr {
	float: left;
	width: 140px;
}

.u_event_wer {
	width: 58px;
	height: 58px;
	float: left;
}

a.current {
	text-decoration: underline;
}

.u_picture {
	width: 160px;
	/**height: 200px;**/
	float: left;
}

.u_picture .img {
	width: 115px;
	float: left;
}

/* End Styles für usgang.ch */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
	
	background-color: #000000;
	
	margin: 0px;
	padding: 0px;

}

#body_top{
	position: absolute;
	width: 100%;
	height: 279px;
/*
	background-image: url(/fileadmin/pics/design/hg_liquid.jpg);
	background-repeat: repeat-x;
*/
}


/********************************FLASH********************************/

#Flashcontent{
	position: absolute;
	width: 100%;
	height: 410px;
	
	text-align: center;
	
	border: 0px solid red;
	z-index: 1;
}


#no_flash{
	position: absolute;
	width: 100%;
	height: 410px;
	
	border: 0px solid red;
	z-index: 1;
	
	background-image: url(/fileadmin/pics/design/top_1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin: auto;
}


#navi{
	position: relative;
	width: 950px;
	border: 0px solid red;
	margin: auto;	
	margin-top: 330px;
}

.navi_elemente{
	width: 115px;
	float: left;
	margin-left: 15px;
	text-align: left;	
}

.navi_elemente a{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #eb7dcb;
	font-weight: bold;
	
	text-decoration: none;
}

.subtitle a{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eb7dcb;
	font-weight: normal;
	
	text-decoration: none;
}

.navi_elemente a:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	
	text-decoration: none;
	text-align: left;	
}

.subtitle a:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	
	text-decoration: none;
	text-align: left;	
}

.delimiter{
	width: 1px;
	height: 50px;
	float: left;
	
	background-color: #333333;
}

/********************************PAGE********************************/
#page{	
	width: 100%;
	padding-top: 409px;
	
	text-align: center;
	border: 0px solid yellow;	
}


/********************************IFRAME********************************/

#iframe{
	width: 1000px;
	height: 0px;
	border: 0px solid red;
	
	overflow: hidden;
	/*border: 1px solid red;*/	
}


/********************************CONTENT ALL********************************/

#content_all{
	width: 997px;
	margin: auto;
	
	text-align: left;
	border: 0px solid red;
}

/********************************TOP********************************/

#top_subnav{
	width: 981px;
	/*height: 45px;
	padding-top: 5px;*/	
		
	background-image: url(/fileadmin/pics/boxcontent/bg_981.jpg);
	background-repeat: repeat-y;
	margin-left: 7px;
}


#subnavi{
	width: 900px;
	/*height: 45px;*/
	border: 0px solid red;
	margin-left: 20px;
	/*
	background-image: url(/fileadmin/pics/design/line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	*/
}

#subnavfooter {
	background-image: url(/fileadmin/pics/boxcontent/footer_981.jpg);
	background-repeat: no-repeat;
	width: 981px;
	height: 45px;
	clear: both;
}

.subnavi_elemente{
	margin-right: 30px;
}

.subnavi_elemente_active{
	margin-right: 30px;
}


.subnavi_elemente a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;	
}
.subnavi_elemente a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3fa4c5;
	font-weight: normal;
	text-decoration: none;	
}

.subnavi_elemente_active a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3fa4c5;
	font-weight: normal;
	text-decoration: none;
}


#top{
	width: 981px;
	height: 400px;
	padding-top: 0px;		
	margin-left: 8px;
	
	display: none;
}
/********************************TOP LEFT********************************/

#top_left{
	float: left;
	/**width: 715px;**/
	width: 450px;
	height: 330px;
	
	border: 0px solid red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;		
}

#top_left table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

#legende #event{
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 11px;
}

#legende #datum{
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 12px;
}

#legende #artists{
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 12px;
}

#legende .title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}

#flash_video{
	margin-top: 22px;
	border: 0px solid red;	
}

/********************************TOP RIGHT********************************/

#top_right{
	float: left;
	width: 250px;
	height: 330px;
	border: 0px solid red;	
}

#legende #upcommingevent{
	margin-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

#upcomming{
	margin-top: 3px;
	
	width: 250px;
	height: 318px;
	
	background-image: url(/fileadmin/pics/design/upcomming_new.jpg);
	background-repeat: no-repeat;
}

#upcomming img{
	position: absolute;
	margin-top: 13px;
	margin-left:24px;
}


/********************************TOP FLASH********************************/


#top_flash{
	float: left;
	width: 250px;
	height: 330px;
	
	border: 0px solid red;	
}

#legende #partners{
	margin-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

#slideshow{
	margin-top: 3px;
	
	width: 250px;
	height: 318px;
	
	background-image: url(/fileadmin/pics/design/upcomming_new.jpg);
	background-repeat: no-repeat;
}

#slideshow .tx-slideshow-pi1{
	position: absolute;
	margin-top: 13px;
	margin-left:24px;
}

/********************************CONTENT UMFASSUNG********************************/

#content_umfassung{
	float: left;
	width: 978px;
	margin-left: 8px;
	
	/**background-image: url(/fileadmin/pics/design/line.jpg);
	background-repeat: no-repeat;
	background-position: top;**/
	
	padding-top: 20px;
}


#content_left{
	float: left;
	width: 545px;
}

#content_right{
	float: right;
	width: 413px;
	/**margin-left: 40px;**/
}

#content_left .inhalt{
	margin-top: 10px;
	margin-bottom: 20px;
	
	letter-spacing: 1px;
	line-height: 18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

#content_right .inhalt{
	margin-top: 10px;
	margin-bottom: 20px;
	
	letter-spacing: 1px;
	line-height: 18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

#content_left .inhalt h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #7b7a7a;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 20px;
}

#content_right .inhalt h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #7b7a7a;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 20px;
}

#content_left .inhalt h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7b7a7a;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 20px;
}

#content_right .inhalt h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7b7a7a;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 20px;
}


#content_left .inhalt table{
	letter-spacing: 1px;
	line-height: 18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

#content_right .inhalt table{
	letter-spacing: 1px;
	line-height: 18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;
}

.line_left{
	width: 515px;
	height: 20px;
	
	background-image: url(/fileadmin/pics/design/line_left.jpg);
	background-repeat: no-repeat;
	
	margin-bottom: 10px;
}

.line_right{
	width: 387px;
	height: 20px;
	
	background-image: url(/fileadmin/pics/design/line_left.jpg);
	background-repeat: no-repeat;
	
	margin-bottom: 10px;	
}

.line_right_login{
	width: 387px;
	height: 20px;
	
	background-image: url(/fileadmin/pics/design/line_left.jpg);
	background-repeat: no-repeat;
	
	margin-bottom: 10px;
	display: none;
}

/*#content_left .blank{
	width: 535px;
	height: 20px;
	
	background-color: #000000;
	border: 0px solid red;
	margin-top: -30px;
	
	border: 0px solid red;	
}*/

/*#content_right .blank{
	width: 387px;
	height: 20px;
	
	background-color: #000000;
	border: 0px solid red;
	margin-top: -30px;
	
	border: 0px solid red;
}*/



/********************************FOOTER********************************/

#footer{
	width: 965px;
	height: 145px;
	clear: both;
	
	margin-left: 15px;
	
	background-image: url(/fileadmin/pics/design/footer.jpg);
	background-repeat: no-repeat;
}


#copyright_liquid{
	position: absolute;
	
	margin-top: 83px;


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	font-weight: normal;	
}

#copyright_liquid a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	font-weight: normal;
	text-decoration: none;	
}

#copyright_programming{
	position: absolute;
	width: 300px;
	text-align: right;
	
	margin-top: 83px;
	margin-left: 665px;


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	font-weight: normal;	
}

#copyright_programming a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	font-weight: normal;
	text-decoration: none;	
}



/********************************IMAGE LIGHTBOX********************************/

.csc-textpic-caption{
	display: none;
}


/********************************TT_NEWS********************************/

#tt_news{
	margin-top: 20px;
	width: 520px;	
	height: 380px;
}

#tt_news, #tt_news table{
	letter-spacing: 1px;
	line-height: 18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7c7c7;	
}

#tt_news table .date{
	letter-spacing: 1px;
	line-height: 18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b7a7a;	
}

#tt_news table .bodytext{
	margin: 0px;
	padding: 0px;
}

#divContainer {
	position: relative;
	
	width: 520px;
	height: 350px;
	
	z-index: 4;
	overflow: hidden;

	visibility: hidden;
}

#divContent {
	position:absolute; 
	z-index:1;
	width: 520px;
}

#scroll_up{
	float: right;
	height: 10px;
	width: 69px;
	
	margin-right: 20px;		
}

#scroll_down{
	float: right;
	height: 10px;
	width: 69px;
}


/**************************WT_DIRECTORY*************************/

.tx-wtdirectory-pi1{
	margin: 0px;
	padding: 0px;
}


/**************************MAILFORM*************************/

form fieldset{
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: 20px;	
}

form .csc-mailform-field{
	margin-bottom: 5px;
}

form .csc-mailform-field select{
	width: 275px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form .csc-mailform-field input{
	/**width: 220px;**/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form .csc-mailform-field textarea{
	width: 275px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}


form .csc-mailform-field label{
	width: 160px;
	display: block;	
	vertical-align: top;
}

form .csc-mailform-submit{
	margin-top: 20px;
	/**margin-left: 125px;**/
}

form .csc-mailform-submit input{
	/**width: 100px;**/
}


/**************************POWERMAIL*************************/
.tx-powermail-pi1{
	margin-top: 20px;
}

.tx-powermail-pi1 form table{
	margin-bottom: 10px;
}


.tx-powermail-pi1 form table a img{
	border: none;
}


.tx-powermail-pi1 form table input{
	width: 270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 form table .input{
	width: 270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 form table textarea{
	width: 270px;
	height: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 form table .textarea{
	width: 270px;
	height: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 form table select{
	width: 270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}





.tx-powermail-pi1 form table upload{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.tx-powermail-pi1 form .submit{
	width: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.tx-powermail-pi1 form .submit_email{
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 form .reset{
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 .tx-powermail-pi1_confirmation form .submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx-powermail-pi1 .tx-powermail-pi1_confirmation form .submit_long{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.tx-powermail-pi1 .tx-powermail-pi1_mandatory form .submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.powermail_mandatory_js{
	color: #eb7dcb;
}
/**************************NEWLOGINBOX*************************/

.tx-newloginbox-pi1{
	margin-top: 20px;		
}


.tx-newloginbox-pi1 table th, .tx-newloginbox-pi1 table td{
	text-align: left;
}

.box_545 {
	background-image: url(/fileadmin/pics/boxcontent/bg_545.jpg);
	background-repeat: repeat-y;
	width: 545px;
	margin-bottom: 20px;
}

.box_545 .header {
	background-image: url(/fileadmin/pics/boxcontent/head_545.jpg);
	background-repeat: no-repeat;
	width: 545px;
	height: 32px;
}

.box_545 .box_content {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.box_545 .footer {
	background-image: url(/fileadmin/pics/boxcontent/footer_545.jpg);
	background-repeat: no-repeat;
	width: 545px;
	height: 35px;
	clear: both;
}

.box_413 {
	background-image: url(/fileadmin/pics/boxcontent/bg_413.jpg);
	background-repeat: repeat-y;
	width: 413px;
	margin-bottom: 20px;
}

.box_413 .header {
	background-image: url(/fileadmin/pics/boxcontent/header_413.jpg);
	background-repeat: no-repeat;
	width: 413px;
	height: 32px;
}

.box_413 .box_content {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.box_413 .footer {
	background-image: url(/fileadmin/pics/boxcontent/footer_413.jpg);
	background-repeat: no-repeat;
	width: 413px;
	height: 40px;
	clear: both;
}

.box_978 {
	background-image: url(/fileadmin/pics/boxcontent/bg_981.jpg);
	background-repeat: repeat-y;
	width: 981px;
	margin-bottom: 20px;
}

.box_978 .header {
	background-image: url(/fileadmin/pics/boxcontent/header_981.jpg);
	background-repeat: no-repeat;
	width: 981px;
	height: 39px;
}

.box_978 .box_content {
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.box_978 .footer {
	background-image: url(/fileadmin/pics/boxcontent/footer_981.jpg);
	background-repeat: no-repeat;
	width: 981px;
	height: 45px;
	clear: both;
}