/**
  * Sendesaal Bremen - styles.css
  *
  * @copyright       NEUSTA GmbH
  * @author          mschaefer
  * @version         
  */
@import url("rte.css");

body				{font-family:Tahoma, sans-serif; font-size:11px; color:#000; text-align:center; line-height:17px;}
form				{display:inline;}
h1.logo				{float:right; margin:28px 36px 0 0; display:inline;}
h3					{color:#c9650f; font-size:12px; padding-bottom:10px;}
a					{text-decoration:underline; color:#c9650f;}

/* Container */
#container			{width:981px; text-align:left; margin:0 auto;}
aside				{width:86px; float:left; background:transparent url(../img/bg_aside_top.png) no-repeat 0 0; margin-top:320px; padding-top:10px; overflow:hidden;}
#mainContent		{width:895px; float:right;}

/* Sidebar */
aside ul			{background:transparent url(../img/bg_aside_bottom_center.png) no-repeat 0 bottom; padding:0 0 10px 0; float:left; width:86px;}
aside ul li			{padding-left:12px; background:transparent;}
aside ul li a		{color:#fff; text-decoration:none; position:relative; z-index:1000; display:block; padding:3px 0;}

/* header */
#top				{height:43px; line-height:43px;}
#top h2				{color:#fff; font-weight:normal; font-size:12px; float:left;}
#searchArea			{float:right;}
* html #searchArea	{float:right; padding-top:8px;}
.tx-macinasearchbox-pi1 input	{width:248px; height:21px; border:0; background:transparent url(../img/bg_search.gif) no-repeat 0 0; margin-right:5px; padding:2px 0 0 5px;}
input.searchButton	{background:transparent url(../img/bg_button_search.png) no-repeat 0 0; width:62px; height:22px; border:0; cursor:pointer;}
#logoArea			{width:894px; height:125px;}
#photobarArea		{width:858px; height:85px; text-align:left; padding-top:30px; padding-left:34px;}

/* Navigation */
#mainNav			{width:894px; height:30px;}
#mainNav ul li		{float:left; padding:0 2px 0 0; background:transparent url(../img/bg_navigation.gif) no-repeat right 0; line-height:18px;}
#mainNav ul li a	{font-size:11px; font-family:Seravek; color:#fff; text-decoration:none;}
#mainNav ul li a:hover,
#mainNav ul li a.active	{font-weight:bold;}

/* Content */
#content			{width:892px; float:left; position:relative;}
#content h2			{font-size:16px; font-weight:bold; margin-left:60px; padding:3px 14px; background:#fff; display:inline;}
#contentInner		{margin:0 30px 0 0; height:331px; overflow-x:hidden; overflow-y:auto; padding:0 50px 0 40px;}

/* concerts */
#concerts article	{padding:10px 5px; border-bottom:1px solid #c9650f; /*margin:0 0 0 37px;*/ float:left; display:inline;}
#concerts article img	{float:left; margin-right:20px;}
.artistDate			{width:210px; float:left; margin-right:20px;}
.info				{float:left; width:250px; margin-right:20px;}
.more				{float:left; width:55px; margin-right:20px; padding-top:15px;}
.ticket				{float:left; background:transparent url(../img/bg_ticket.gif) no-repeat right center; padding:15px 40px 7px 0;}

/* standard */
/*#contentInner .csc-default	{padding:0 70px 0 40px;}*/
#contentInner div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#contentInner div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {margin-left:100px !important;}
#contentInner p		{padding-bottom:15px;}
#contentInner ul	{padding-left:20px;}
#contentInner ul li	{list-style-position:outside; padding:0 0 10px 0; list-style-image:url(../img/bg_list_default.gif);}
* html #contentInner ul li	{list-style-image:url(../img/bg_list_default_ie.gif);}

/* Search */
.tx-indexedsearch	{padding:0 90px 0 40px;}
.tx-indexedsearch h3	{padding-top:50px; display:block;}

/* Gallery */
.tx-chgallery-pi1	{padding:20px 0 0 32px; float:left; width:770px;}

/* Guestbook */
.tx-veguestbook-pi1 input.tx-guestbook-submit {margin-left:425px;}

/* Sitemap */
#contentInner .csc-sitemap ul		{padding-left:0;}
#contentInner .csc-sitemap ul li	{list-style:none; list-style-type:none; padding:0 0 0 0; width:120px; height:100px; float:left;}
#contentInner .csc-sitemap ul li a	{font-size:12px; font-weight:bold; text-decoration:none;}
#contentInner .csc-sitemap ul li a:hover	{text-decoration:underline;}
#contentInner .csc-sitemap ul li ul li	{clear:both; padding:0 0 0 0; width:auto; height:auto;}
#contentInner .csc-sitemap ul li ul li a	{font-size:11px; font-weight:normal;}

/* Footer */
footer				{margin-top:10px; float:left; clear:both; width:300px;}
footer ul li		{float:left; padding-right:30px;}
footer ul li a		{text-decoration:none; color:#fff; font-size:12px;}
footer ul li a:hover	{text-decoration:underline;}


/* color coding default */
#logoArea, #mainNav			{background:#c9650f;}
#photobarArea	{border-width:0 1px; border-style:solid; border-color:#c9650f; background:#fff url(../img/bg_fotobar_c9650f.jpg) no-repeat 0 0;}
#photobarArea img	{margin:0 5px;}
#photobarArea span	{margin:0 5px;}
#content		{border-width:0 1px; border-style:solid; border-color:#c9650f; background:#fff url(../img/bg_content_c9650f.jpg) no-repeat 0 0; padding-bottom:5px;}


/* RTE */
.download {
	bottom:	10px;
}


/* jScrollPane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top:20px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:transparent url(../img/pane_track.jpg) repeat-y 10px 0;
}
.jScrollPaneDrag {
	position: absolute;
	background:transparent url(../img/scrollbar_button.png) no-repeat 0 0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/**
  * @section Lightbox
  *
  * 
  */


/*#TB_overlay					{background:#000; width:100%; height:1000px; position:absolute; left:0; top:0; z-index:99999; opacity:0.7; filter:alpha(opacity=70);}
#TB_window					{width:944px; border:9px solid #fff; position:absolute; top:45px; left:50%; margin-left:-471px; z-index:100000; text-align:left;}*/

/*  Konzerte */
#concertLightbox			{width:945px; float:left; background:transparent url(../img/bg_lightbox.jpg) repeat 0 0;}
#concertDetail				{width:725px; height: 491px; margin-top:30px; background:transparent url(../img/bg_lightbox_concerts.jpg) no-repeat 0 0; padding:35px 0 0 0; float:left; text-align:left;}
#concertDetail h2			{background:#FFFFFF none repeat scroll 0 0;color:#C9650F;display:inline;float:left;font-size:16px;font-weight:bold;margin-bottom:10px;padding-right:10px;}
.lightboxDetailLeft			{border-left:10px solid white;clear:both;color:#000000;float:left;height:430px;margin-right:35px;overflow-x:hidden;overflow-y:auto;text-align:left;width:330px;}
.lightboxDetailLeft ul		{clear:both;}
.lightboxDetailLeft p		{padding-top:15px; width: 100%; float: left;clear:left;}
.lightboxDetailLeft h3		{color:#c9650f; font-weight:normal; padding-top:10px;}
.lightboxDetailLeft	div		{float:left; clear:left; width: 100%;}
.lightboxDetailLeft label	{float: left;margin-bottom: 5px; width: 100%;}
.lightboxDetailLeft h6		{font-weight: normal; font-size: 0.8em; float: left; line-height:12px; width: 100%}
.lightboxDetailLeft b.total	{float: left; margin-right: 60px;}
* html .lightboxDetailLeft div.total 				{width: 100%;}
.lightboxDetailLeft fieldset 						{float: left; clear: left; margin-top: 15px; width: 100%;}
.lightboxDetailLeft fieldset.fieldset_radio input 	{float: left; clear: left;}
.lightboxDetailLeft fieldset.fieldset_radio label 	{width: 220px;}
* html .lightboxDetailLeft fieldset label			{width: 100%;}
.lightboxDetailLeft input#normal 					{border: 1px solid #EA6C30; background-color:#FFFBEE; margin-left:20px;text-align:right;width:30px;}
.lightboxDetailLeft input#reduced 					{border: 1px solid #EA6C30; background-color:#FFFBEE; margin-left:10px;text-align:right;width:30px;}
.lightboxDetailLeft ul.tabbed-form li.last			{background: none; padding-right:0; margin-right:0;}
.lightboxDetailLeft ul.tabbed-form li:hover			{color:#AFAFAF;}
.lightboxDetailLeft ul.tabbed-form li				{background:transparent url(../img/arrow.png) no-repeat scroll right center;cursor:default;float:left;margin-right:5px;padding-right:20px;}
.lightboxDetailLeft ul.tabbed-form li.active input 	{background:white none repeat scroll 0 0;border:0 none;font-size:1em;font-weight:bold;padding:0;}
* html .lightboxDetailLeft ul.tabbed-form			{display: none;}
.lightboxDetailLeft input.textbox,
.lightboxDetailLeft textarea						{background-color:#FFFBEE; border:1px solid #EA6C30; margin-left:20px; text-align:right; width:150px;}
.lightboxDetailLeft textarea						{width: 250px; height: 80px; margin-left: 0; text-align: left;}
.lightboxDetailLeft dt								{display: block; float: left; width: 75px;}
.lightboxDetailLeft dd input 						{margin: 0; width: 220px; text-align: left !important; margin-bottom: 5px;}
.lightboxDetailRight								{float:left; padding-top:63px; width: 200px;}
.lightboxDetailRight ul.error 						{clear: left; color: red;width:150px;}
.mediaContainer				{display:block;padding-top:30px;width:100%;}
.mediaContainer .listen		{height:12px;margin-top:10px; clear: left; background:transparent url(../img/bg_listen.gif) no-repeat right 0; float:left; padding:15px 40px 7px 0;}
.mediaContainer .ticket		{clear: left; clear: left;border:0;}
#nyroModalIframe html body	{background:none !important;}
#nyroModalWrapper			{height: 55px;}

#c56 li {margin-left:20px;}
#c56 ol {list-style-type:decimal}
#c165, #c166 {position:absolute; top:0px; left:490px;}
#c177, #c178 {left:530px;position:absolute;top:22px; color: #6A2717}

.csc-mailform-label {font-size:10pt; font-weight:bold;}

.csc-mailform-field {margin-top:2px; margin-left:5px;}
.csc-mailform-field input {background-color:#FFFBEE;border:1px solid #EA6C30;}
.csc-mailform-field #mailforminformationen input {margin-left:0px;}
.csc-mailform-field input#mailformfirstname {margin-left:67px;}
.csc-mailform-field input#mailformlastname {margin-left:59px;}
.csc-mailform-field input#mailformstreet {margin-left:7px;}
.csc-mailform-field input#mailformpostcode {margin-left:92px;}
.csc-mailform-field input#mailformcity {margin-left:93px;}
.csc-mailform-field input#mailformphone {margin-left:73px;}
.csc-mailform-field input#mailformemail {margin-left:81px;}
.csc-mailform-field input#mailformbank {margin-left:0px;}
.csc-mailform-field input#mailformaccount {margin-left:43px;}
.csc-mailform-field input#mailformbankcode {margin-left:53px;}
.csc-mailform-field input#mailformamount {margin-left:36px;}
.csc-mailform-field textarea#mailformpurpose {margin-left:116px;}
.csc-mailform-field input#mailformauthorisation {margin-left:0px; float:left;}
.csc-mailform-field input#mailformformtype_mail{margin-left:116px; font-size:100%;}


#mailformfirstname, #mailformlastname, #mailformstreet, #mailformpostcode, #mailformcity, #mailformphone, #mailformemail, #mailformbank, #mailformaccount, #mailformbankcode, #mailformamount, #mailformformtype_mail { width:178px;}