/*
      Created by Anil Hamal  //  01.12.2009   //   Zürich  //  Switzerland   //   http://www.cinergy.ch     
*/

body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF; 
}

/* --------------- Datepicker settings ---------------*/

	
input#popupDatepicker {
	float:left;
	background: url(../images/datepicker/icon_datepicker.gif);
	background-repeat: no-repeat;
	background-position: right center;
    background-color: #ffffff;    
    border: 2px solid #777777;
    font-family: Arial;
    font-size: 10px;
	font-weight:bold;
    color: #000000; 
	width:75px;
	height:12px;
	text-align:justify; 
	margin-top:5px;
	margin-left:2px;
	margin-right:0px;
	margin-bottom:0px; 
	position:absolute;  
	padding: 2px;
	cursor:hand;
} 






/* ---------------  main box wrapper ---------------   */
#mainBox{
	font-family:Arial,Verdana,sans-serif;
	font-size:9px;
	font-weight: bold;
	text-align:left;  
	color:#000000;
	margin-top:0%;
	margin-left:0px;
	margin-right:0%;
	margin-bottom:0%; 
	padding:0px;
	width:470px; 
	height:576px;
	position:absolute;
	background-color:#ffffff; 
}

/* ---------------  togglebox wrapper ---------------   */
 #toggleBox{
	margin-top:0px;
	margin-left:169px;
	margin-right:0%;
	margin-bottom:0%; 
	border:0px solid #FF0000;
	padding:0px;
	width:240px; 
	height:30px;
	position:absolute;
	background-color:#ffcc00;	
}
  
 /* ---------------  teaser spin   ---------------   */
#carouselBox{
	float:left;
	color:#999999;
	font-weight:bold; 
	position:absolute;  
	padding:0px;
	height:200px;  
	width:470px;
	background-color:#FFFFFF; 
 }
 
 /* ---------------  date box  ---------------   */
#dateBox{
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px; 
	position:absolute;  
	padding: 0px;
	width:85px; 
	height:29px;
	float:left;
	background-color:#666666;
    border-bottom: 1px dotted #999999;  
  }

 /* ---------------  select box  ---------------   */
#selectBox_box{
	margin-top: 0px;
	margin-left:85px;
	margin-right:0px;
	margin-bottom:0px; 
	position:absolute;  
	padding: 0px;
	width:84px; 
	height:29px;
	background-color:#666666;
    border-bottom: 1px dotted #999999;  
  }  

  /* ---------------  Navigation ---------------   */
#navigationBox{ 
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px; 
	color:#FF6600;
	font-weight:normal; 
	position:absolute;  
	padding:0px;
	display:inline; 
	width:240px; 
	height:30px;
	float:right; 
	background-color:#666666; 
 }
 
 
 #short_stList { 
	margin-top:0px;
	margin-left:0px;
	margin-right:-61px;
	margin-bottom:0px; 
	position:relative;  
	padding:0px;
	display:inline; 
	width:62px; 
	height:30px;
	float:right; 
	background-color:#666666; 
}

/* keine treffer */

div.no_treffer {
    font-family: Arial, sans-serif;
    font-weight:normal;
    color: black;
    font-size:13px;
    padding: 0px 10px;
}

 .shortlist-nav {
 	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:13px;
	height:16px;
	width:453px;	
	background:#888888;
	text-decoration:none; 
	padding:2px 2px 2px 270px;
	border-bottom: 1px dotted #999999;
	}
 
 
  #searchFieldBox {
	width:180px;
	height:45px;
	margin-top:-260px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px; 
	position:relative;  
	padding: 5px 0px 0px 5px;
	display:inline; 
	float:right; 
	background-color:#666666; 
	border: 1px dotted #999999;
    color :#FFFFFF;

	}
 

   /* ---------------  databox binding ---------------   */
#dataBox{
	margin-top: 30px;
    height: 419px;
    overflow: auto;
    overflow-x: hidden;
 } 
 
  /* ---------------  footer layouter ---------------   */
 #footer {
	height:20px;
	width:453px;	
	background:#666666;
	}

	/* ---------------  footer text  layouter ---------------   */	
#footer_text {
	font-family:Arial, sans-serif;
    font-size: 11px;
	font-weight:normal;
    color: #ffffff; 
	text-align:center;
	border: 0px solid #ffffff; 
	margin:0px 0px;
	padding:2px 0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	float:center;
	}

/* ---------------  footer layouter ---------------   */
#ajax-loader-gif-cont {
	padding-top: 100px;
	text-align: center;
}


/* place arrow button on footer	 */	
.btn_footer_next_float { 
float: right;
}

.btn_footer_next { 
width: 31px; 
height: 20px; 
background: url('../images/btn/btn_forward.gif') no-repeat; 
background-position:0 -20px; 
cursor:pointer; 
}

.btn_footer_next:hover { 
background-position: 0 0; 
}

.btn_footer_back_float { 
float: left;
}

.btn_footer_back { 
width: 31px; 
height: 20px; 
background: url('../images/btn/btn_previous.gif') no-repeat; 
background-position:0 -20px; 
cursor:pointer; 
}

.btn_footer_back:hover { 
background-position: 0 0; 
}


/* --------------- Listing Tables ---------------*/
#listingTable {
	padding: 0;
	margin: 0;
}

td.listingCover {
	border-right: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 0px 0px 0px 0px;
	background:#000000;
	height:85px;
	width:85px;
	vertical-align:top;
}

td.listingCover a {
    display: block;
}

td.listing1 {
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background: #fff;
	padding: 0px 0px 0px 0px;
	color: #4f6b72;
	height:85px;
	width:265px;
	vertical-align:top;
	
}


td.listing2 {
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background: #fff;
	padding: 0px 0px 0px 0px;
	color: #4f6b72;
	height:85px;
	width:120px;
	vertical-align:top;
}

th.nobg{
border-top:0;
border-left:0;
border-right:1px solid #ff6600;
}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #c5c5c5;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background: #fff;
	padding: 0px 0px 0px 12px;
	color: #4f6b72;
	height:85px;
	width:110px;
}



/* ============ DB Events Lisiings  ===================*/

caption {
	padding: 0 0 5px 0;
	width: 9px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

h1.artistName {
		font-family:Georgia, Arial, sans-serif;
		font-weight:normal;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		font-size:2em;
		color:#000000;
		background:#E8E8E8;		
}

h1.artistDate {
		font-family:Georgia, Arial, sans-serif;
		font-weight:normal;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		font-size:2em;
		color:#000000;
		background:#E8E8E8;	
}

.ticks{ 
		font-family:Arial, sans-serif;
		font-weight:bold;
		margin: 0;
		font-size:12px;
		color:#780000;
}
    
.ticks a { color: #780000; text-decoration:underline; } 
    
p.one{ 
		font-family:Arial, sans-serif;
		font-weight:normal;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		font-size:11px;
		color:#780000;
}

p.two{ 
		font-family:Arial, sans-serif;
		font-weight:normal;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		font-size:11px;
		color:#000000;
		
}
p.three{ 
		font-family:Arial, sans-serif;
		font-weight:bold;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		font-size:11px;
		color:#666666;
}

p.four{ 
		font-family:Arial, sans-serif;
		font-weight:normal;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		line-height:14px;
		font-size:11px;
		color:#000000;
}
p.five{

		font-family:Arial, sans-serif;
		font-weight:normal;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 12px;
		font-size:10px;
		color:#666666;
}

/*.six{
        font-family:Arial, sans-serif;
        font-weight:normal;
        margin:0 0 0em 0;
        padding: 0px 0px 0px 80px;
        margin-top: -20px;
        font-size:10px;
        color:#666666;
} */
.six{
		font-family:Arial, sans-serif;
        font-weight:bold;
		margin:0 0 0em 0;
		padding: 0px 0px 0px 80px;
		font-size:10px;
		color:#666666;
}


/* --------------- mehr info  hyperlinks --------------- */

a.mehr_info:link  { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #003399;
	font-size:11px;
	text-decoration:underline; 
  }
 
 a.mehr_info:visited { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #999999;
	font-size:11px;
	text-decoration:underline; 
  }
  
 a.mehr_info:focus { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:11px;
	text-decoration:underline; 
  }
  
  
 a.mehr_info:hover { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #7FAAFF;
	font-size:11px;
	text-decoration:underline; 
  }
  
 a.mehr_info:active { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color:#000000; 
	text-decoration:none; 
  }

  /* --------------- shortlist-nav link hyperlinks --------------- */

  
  a.shortlist-navLink:link  { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:12px;
	text-decoration:underline; 
  }
 
 a.shortlist-navLink:visited { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:12px;
	text-decoration:underline; 
  }
  
 a.shortlist-navLink:focus { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:12px;
	text-decoration:underline; 
  }
  
  
 a.shortlist-navLink:hover { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FCC200;
	font-size:12px;
	text-decoration:underline; 
  }
  
 a.shortlist-navLink:active { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color:#FFFFFF; 
	font-size:12px;
	text-decoration:none; 
  }

/* --------------- global settings  hyperlinks ---------------
a:link { font-weight:normal; color:#780000; text-decoration:underline; }
a:visited { font-weight:normal; color:#999999; text-decoration:underline; }
a:focus { font-weight:normal; color:#ffCCDD; text-decoration:underline; }
a:hover { font-weight:normal; color:#0066CC; text-decoration:underline; }
a:active { font-weight:normal; color:#41A317; text-decoration:underline; } */

/* --------------- footer hyperlinks settings ---------------*/
a.footer_link:link { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:underline; 
}
a.footer_link:visited { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:underline; 
}
a.footer_link:focus { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:underline; 
}
a.footer_link:hover { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:underline; 
}
a.footer_link:active { 
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:underline; 
}

/* ------------ heyperlinks styling on content field ---------------	 */
h1 a:link { font-weight:normal; color:#000000; text-decoration:none; }
h1 a:visited { font-weight:normal; color:#999999; text-decoration:none; }
h1 a:focus { font-weight:normal; color:#000000; text-decoration:none; }
h1 a:hover { font-weight:normal; text-decoration:none; }
h1 a:active { font-weight:normal; color:#999999; text-decoration:none; } 

/* farben nach sbb_category */
h1 a.musik:hover { 	color:#4B84A6; } 
h1 a.party:hover { 	color:#92A688; } 
h1 a.buehne:hover { color:#83688C; } 
h1 a.ks:hover { 	color:#746067; } 


/* --------------- Carousel ---------------*/ 
#carousel {
	margin:0 auto;
	width:470px;
	height:200px;
	padding:0;
	overflow:scroll;
	border:0px solid #000000;
	background: #ffffff;
}
#carousel ul {
	list-style: none;
	width:940px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	margin: 0;
	padding: 0;
	display:inline;
	float:left;
	color: #ff6600;
}

#carousel li p {
    color: #FF0000;
}

/* ---------------- Carousel Text Holder ------------- */
.textholder {
	font-family: Helvetica, Arial, sans-serif;
/*	text-indent:90px;*/
 	text-align:left;	
	padding:2px;
	background: #000000
	}
		
 	a.artist {
	font-family: Helvetica, Arial, sans-serif;
 	text-align:left;	
	padding:2px;
	margin:50px; 
	color:#F6BE07;
	font-size: 20px;
	font-weight:normal; 
	text-decoration:none; 
}
 	a.artist:hover {
	font-family: Helvetica, Arial, sans-serif;
 	text-align:left;	
	padding:2px;
	margin:50px; 
	color:#ffffff;
	font-size: 20px;
	font-weight:normal; 
	text-decoration:none; 
}

	a.eventlocation {
	font-family: Helvetica, Arial, sans-serif;
 	text-align:left;	
	padding:2px;
	margin: 0 0 0 50px; 
	color:#ff0000;
	font-size: 14px;
	font-weight:normal; 
	text-decoration:underline; 
} 

	a.eventlocation:hover {
	font-family: Helvetica, Arial, sans-serif;
 	text-align:left;	
	padding:2px;
	margin: 0 0 0 50px;  
	color:#FFFFFF;
	font-size: 14px;
	font-weight:normal; 
	text-decoration:underline; 
} 



/* --------------- Navigation ---------------*/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
		
}
.sf-menu {
	line-height:9px;
	color: #ffffff;
}

.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
	color: #FF6600;
}
.sf-menu ul li {
	width:106%;	
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	color: #FFDDCC;
} 
.sf-menu li {
	color: #FF0022;
	float:left;
	position:relative;
}

.sf-menu a {
	color: #ff6600;
	display:block;
	position:relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	color: #ffffff;
	left:0;
	top:3.3em; /* match top ul list item height */
	z-index:99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	color:#ffffff;
	top:-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */
	top:0em;
}
	
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

li.nav_main_cat a { padding: 10px 5px 9px 5px;}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-bottom:1em;
}
.sf-menu a {
	color: #ffffff;
	border-left:	1px dotted #999999;
	border-right:1px none #999999;
	border-top:	1px none #999999;
	border-bottom:1px dotted #999999;
	text-decoration:none;
	}

	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-family:Arial, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	font-size:13px;
	letter-spacing: 0px;
	padding: 10px 4px 10px 4px;
}
.sf-menu li {
	background:#666666;
}
.sf-menu li li {
	line-height:3px;
	font-size: 10px;
	background:#333333;
}
.sf-menu li li li {
	background:#ffccdd;
}
.sf-menu li:hover{
	background:#780000;
}
.sf-menu li.musik:hover, .sf-menu li.musik li:hover, .sf-menu li.musik a:focus, .sf-menu li.musik a:active{
	background:#4B84A6;
}
.sf-menu li.party:hover, .sf-menu li.party li:hover, .sf-menu li.party a:focus, .sf-menu li.party a:active{
	background:#92A688;
}
.sf-menu li.buehne:hover, .sf-menu li.buehne li:hover, .sf-menu li.buehne a:focus, .sf-menu li.buehne a:active{
	background:#83688C;
}
.sf-menu li.ks:hover, .sf-menu li.ks li:hover, .sf-menu li.ks a:focus, .sf-menu li.ks a:active{
	background:#746067;
} 



/*.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#780000;
	outline:0;
}  */

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:0.3em;
	min-width:4px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0.4em;
	top:			1em; /* IE6 only */
	bottom:			1em;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
/* 	background:		url('../images/btn/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
 */
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:1.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 2px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}