/*########### MAIN ########### */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background-color: #000;
	font-family: Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
	font-size: 75%;
	text-align: center;
}

#wrapper {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 987px;
	background: #FFF url(/_resources/elems/chako_page_back.jpg) no-repeat 0px 11px;
}

body.termine #wrapper {
	background: #FFF url(/_resources/elems/chako_page_back_date.jpg) no-repeat 0px 11px;
}

body.geschichte #wrapper {
	background: #FFF url(/_resources/elems/chako_page_back_date.jpg) no-repeat 0px 11px;
}

/* SSY
body.pressefotos #wrapper {
	background: #FFF url(/_resources/elems/chako_page_back_soft.jpg) no-repeat 0px 11px;
}
body.pressefotos #right_content,
*/

body.termine #right_content,
body.geschichte #right_content {
	background: none;
}

#header {
	background: #000;
	height: 11px;
	font-size: 10px;
	line-height: 10px!important;
}

#header a,
#header a:link,
#header a:visited,
#header a:focus,
#header a:hover,
#header a:active {
	color: #000;
	background: #000;
	text-decoration: none;
	cursor: default;
}

#left {
	float: left;
	width: 626px;
}

#left_content {
	padding: 21px 0 0 0;
}

#left_content_inner {
	margin: 21px 21px 21px 21px;
	background: transparent;
}

#banner {
}

#banner_inner {
	margin: 21px 0 21px 21px;
	width: 584px;
	height: 279px;
	overflow: hidden;
}

#logo {
	width: 361px;
	height: 97px;
	overflow: hidden;
}

#logo img {
	width: 361px;
	height: 97px;
}

#right { 
	float: left;
	width: 361px;
	height: 1%; /* Holly hack for Peekaboo Bug */
}

#right_content {
	/* FF & Opera seems to need this ?! else theres a padding of ~ 20px above the div ?! SSY TODO check this! */ 
	margin: -1px 0 0 0;
	border-top: 1px solid transparent; 
	/* FF */
	height: 763px;
	background: url(/_resources/elems/chako_homo_palatinus.jpg) no-repeat;
}

#right_content_inner {
	margin: 763px 21px 21px 21px;
	text-align: center;
}

#right_content.home {
	background: url(/_resources/elems/chako_homo_palatinus.jpg) no-repeat;
	height: 763px;
}

#right_content.presse {
	background: url(/_resources/elems/chako_03_030.jpg) no-repeat;
	height: 1301px;
}

#footer {
	clear: both;
	font-size: 0.8em;
	line-height: 1.5em;
}

#footer_inner {
	position: relative;
	padding: 1px 21px 10px 21px;
	border-top: 2px solid #000;
	border-bottom: 5px solid #000;
	background-color: #FFF;
	color: #000;
}

/*########### FLOAT / VIEW UTILS ########### */

div.contentClearer {
	height: 1px;
	clear: both;
}

div.contentSeparator{ 
	display:none;
}

/*########### SBOOKMARKS ########### */

#sbookmarks {
	float: right;
}

#sbookmarks img {
	border: none;
	vertical-align: middle;
}

/*########### Twitter ########### */

#followme {
	position:absolute;
	left:390px; top:0px;
}

#followme img {
	border: none;
	vertical-align: middle;
	padding: 0 5px 0 0;
}


/*########### BREADCRUMB ########### */
#breadcrumb {
	margin: 7px 21px 7px 21px;
	overflow: hidden;
	color: #AAA;
	font-size: 0.75em;
	line-height: 1.25em;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:focus,
#breadcrumb a:hover,
#breadcrumb a:active {
	color: #AAA;
}

#breadcrumb a:focus,
#breadcrumb a:hover,
#breadcrumb a:active {
	color:#C00;
}

/*########### TYPO ########### */
#banner_inner h2, #logo h1 {
	font-size: 200%;
	margin: 0;
	padding: 0; 
}

h1, h2, h3, h4, h5, h6 {
	color: #C00;
	margin: 0;
}

h2 {
	font-size: 200%;
	margin: 1.25em 0 0.5em 0;
}

h3 {
	font-size: 150%;
	margin: 0.75em 0 0.5em 0;
}

h4 {
	font-size: 125%;
}

body.laden h4 {
	clear: left;
	margin: 1.75em 0 0.5em 0;
}

h5 {
	font-size: 100%;
}



h3, h4, h5, h6 {
	margin: 0.75em 0 0.5em 0;
}

p {
	margin: 0 0 0.75em 0;
	line-height: 1.33em;
}

big { color: #C00; }

#left_content_inner ul {
	margin: 0 0 0 2.5em;
	text-align:left;
	list-style-type:disc;
}

#left_content_inner ol {
	margin: 0 0 0 2.5em;
	text-align:left;
	list-style-type:decimal ;
}

#left_content_inner li {
	margin-bottom: 0.25em;
}


/*########### LINKS ########### */
a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#C00;
}

a:focus,
a:hover,
a:active {
	color:#900;
}

a[href^="http:"], a[href^="https:"]{
	padding-right: 13px;
	background-image: url(/_resources/elems/ext_link.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#bookmark {
	padding: 7px 0 0 0;
	background-position: left bottom;
}

#followme {
	padding: 7px 0 0 0;
	background-position: left bottom;
}

div.share a[href^="http:"], 
div.share a[href^="https:"], 
#bookmark a[href^="http:"], 
#bookmark a[href^="https:"], 
#followme a[href^="http:"],
#followme a[href^="https:"],
#lightbox a[href^="http:"], 
#bookmark a[href^="https:"] {
	background: none;
	padding: 0;
}
#followme a[href^="https:"] {
	background: none;
	padding: 0;
}

/*########### IMAGES ########### */

img.noborder {
	border: none;
}

img.right {
	padding: 0;
	float:right;
	border: 1px solid #C00;
}

img.left {
	padding: 0;
	float:left;
	border: 1px solid #C00;
}

div.img_right {
	padding: 0 0 0 30px;
	float: right;
}

div.img_left {
	padding: 0 30px 0 0;
	float: left;
}

body.pressefotos div.img_left {
	padding: 0 0 0 47px;
}

body.pressefotos div.img_right {
	padding: 0 47px 0 0;
}

div.img_right a,
div.img_right a:link,
div.img_right a:visited,
div.img_right a:focus,
div.img_right a:hover,
div.img_right a:active,
div.img_left a {
	border: none;
}

div.img_right div.caption,
div.img_left div.caption {
	clear: both;
	font-size: 0.75em;
	padding: 5px 0 7px 0;
}

/*########### NAVIGATION ########### */

#nav {
	margin:0; padding:0;
	position: absolute;
	top: 321px;
	left: 21px;
	width: 584px;
	height: 30px;
	background: url(/_resources/elems/nav/chako_nav_back.jpg) no-repeat;
}

body.geschichte #nav {
	background: url(/_resources/elems/nav/chako_nav_back_black.jpg) no-repeat;
}

/* ########### NAVIGATION LEVEL 1 ########### */

#nav ul {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	background: none;
}

#nav ul li {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}

#nav ul li a {
	display: block;
	margin: 0;
	padding: 7px 7px;
	width: auto;
	font-family: Arial,Helmet,Freesans,sans-serif;
	font-weight: bold;
	font-size:13px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: none;
}

body.geschichte #nav ul li a:hover {
	color: #F00;
}

#nav ul li a:hover {
	color: #000;
}

#nav ul li:hover ul {
	top: auto;
	left: auto;
	visibility: visible;
}

#nav ul li:hover ul ul {
	visibility: hidden;
}

/* ########### NAVIGATION LEVEL 2 ########### */

#nav ul ul {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 135px;
	float: left;
	visibility: hidden;
	background: none; 		
	border: none;
}

#nav ul ul li {
	border: none;
	background: url(/_resources/elems/nav/sub_nav_128_29.png) no-repeat;
}

#nav ul ul li a {
	display: block;
	float: left;
	padding: 8px 0 9px 17px;
	border: none;
	width: 113px;
	background: none;
	color: #FFF;
}

#nav ul ul li.current a {
	background: url(/_resources/elems/nav/sub_nav_128_29.png) no-repeat;
	background-color: transparent;
	color: #FFF;
}

#nav ul ul li.current ul li a {
	background: none;
}

#nav ul ul li a:hover {
	background: url(/_resources/elems/nav/sub_nav_128_29.png) no-repeat;
	background-color: transparent;
	color: #FFF;
}

#nav ul ul li:hover ul {
	top: auto;
	left: 130px;
	visibility: visible;
}

#nav ul ul li:hover a {
	color: #FFF;
}
/* ########### NAVIGATION LEVEL 3 ########### */

#nav ul ul ul {
	position:absolute;
	visibility: hidden;
	float: left;
}

#nav ul ul ul li {
	background: url(/_resources/elems/nav/sub_nav_204_29.png) no-repeat;
}

#nav ul ul li:hover ul li a {
	display: block;
	width: 195px;
}

#nav ul ul li:hover ul li a:hover {
	background: url(/_resources/elems/nav/sub_nav_204_29.png) no-repeat;
}

#nav ul ul ul li.current a {
	background: url(/_resources/elems/nav/sub_nav_204_29.png) no-repeat;
}


/*########### PRESS LINKS ########### */
div.press div.inner, div.links  div.inner, div.blogs  div.inner{
	margin: 0 0 2em 0;
	padding: 0 0 4em 0;
	background: url(/_resources/elems/artikel_sep_back.png) repeat-x  bottom;
}

div.press div.inner.full, div.blogs div.inner.full {
	margin: 0 0 1em 0;
	padding: 0 0 2em 0;
	background: none;
}

div.links  div.info{
	margin: 0 0 0.75em 0;
}


/* ########### TERMINE - DATES ########### */
/* border mnemo
Zwei Angaben: die erste Angabe bedeutet die Rahmendicke für oben und unten, die zweite Angabe die Rahmendicke für rechts und links.
Drei Angaben: die erste Angabe bedeutet die Rahmendicke für oben, die zweite die Rahmendicke für rechts und links und die dritte die Rahmendicke für unten.
Vier Angaben: die erste Angabe bedeutet die Rahmendicke für oben, die zweite die Rahmendicke für rechts, die dritte die Rahmendicke für unten und die vierte die Rahmendicke für links.
*/
div.month {
	border: none;
	background-color: transparent;
	padding: 10px 0 5px 0;
}

div.date {
	padding: 3px 0 0 0;
	border: none;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #A00;
	border-right: 1px solid #A00;
	border-bottom: 1px solid #A00;
	border-left: 1px solid #A00;
	height: 36px;
	line-height: 33px;
}

div.sold_out {
	background: url(/_resources/elems/chako_stamp_souldout.gif) no-repeat;
	background-position: right -5px;
}

div.coterie {
	background: url(/_resources/elems/chako_stamp_coterie.gif) no-repeat;
	background-position: right center;
}

div.sold_out_div {
	color: #F00;
	font-size: 1.25em;
	font-weight: bold;
}

div.accordion {
	position: relative; /* required for bounding */
	margin: 0;
	padding: 0;
}

div.accordion-toggle {
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
}

div.accordion-toggle-active {
	margin: 0;
	padding: 0;
}

div.accordion-content {
	padding: 0 0 0 47px;
	cursor: text;
	border-right: 1px solid #A00;
	border-left: 1px solid #A00;
	border-bottom: 1px solid #A00;
	background-color: transparent;
	overflow: hidden;	/* required for effect */
	line-height: 1.66em;
}


div.vevent {
	padding: 1em 0 0.75em 0px;
}

div.date span,
div.date p {
	padding: 0;
	margin: 0;
}

div.date span.program,
div.date span.booking_phone,
div.date span.additional {
	white-space:normal;
}

div.date span.day {
	margin: 2px 3px 0 5px;
	padding: 0 0 0 1px;
	display:block;
	width:37px;
	float:left;
	height:30px;
	line-height:27px;
	font-size:17px;
	font-weight:bold;
	background: url(/_resources/elems/chako_date_back.png) no-repeat;
}

div.share {
	float: right;
}

/* ########### DATES PRESS :: ADDON ########### */
#left_content_inner div.box {
	padding: 0;
	margin: 40px 0 0 0;
	width: 282px;
	font-size: 10px;
	line-height: 21px;
}

#left_content_inner div.box div.date_addon,
#left_content_inner div.box div.press_addon {
	text-align: center;
}

#left_content_inner div.box div.date_addon div.list_inner,
#left_content_inner div.box div.press_addon div.list_inner {
	padding: 11px;
	margin: 0 auto;
	width: 236px;
	background: #FFF;
	border: 1px solid #000;
	text-align: left;
}


#left_content_inner div.box.left {
	float: right;
}

#left_content_inner div.box div.top {
	margin: 0;
	padding: 0;
	height: 31px;
	overflow: hidden;
}

#left_content_inner div.box div.top_inner  {
	padding: 6px 0 0 11px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

#left_content_inner div.box div.top_inner a,
#left_content_inner div.box div.top_inner a:link,
#left_content_inner div.box div.top_inner a:visited,
#left_content_inner div.box div.top_inner a:focus,
#left_content_inner div.box div.top_inner a:hover,
#left_content_inner div.box div.top_inner a:active {
	color: #FFF;
	background: none;
}

#left_content_inner div.box.left div.top {
	background: url(/_resources/elems/boxes/red_01/box_282w_top.png) no-repeat;
}

#left_content_inner div.box.left div.list {
	background: url(/_resources/elems/boxes/red_01/box_282w_back.png) no-repeat;
}

#left_content_inner div.box.left div.bottom {
	background: url(/_resources/elems/boxes/red_01/box_282w_bottom.png) no-repeat;
	height: 12px;
}

#left_content_inner div.box.right div.top {
	background: url(/_resources/elems/boxes/red_01/box_282w_top.png) no-repeat;
}

#left_content_inner div.box.right div.list {
	background: url(/_resources/elems/boxes/red_01/box_282w_back.png) no-repeat;
}

#left_content_inner div.box.right div.bottom {
	background: url(/_resources/elems/boxes/red_01/box_282w_bottom.png) no-repeat;
	height: 12px;
}


div.date_addon, 
div.date_addon div.date {
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 21px;
	height: auto!important;
	border: none;
}

div.date_addon div.date span {
	display:inline;
	width:auto;
	float:none;
	font-size: 10px;
	line-height: 21px;
	height: auto!important;
	font-weight:normal;
	background: none;
	padding: 0;
	margin: 0;
}
div.list_inner a,
div.list_inner a:link,
div.list_inner a:visited,
div.list_inner a:focus,
div.list_inner a:hover,
div.list_inner a:active {
	background: none;
	padding: 0;
	margin: 0;
}


div.blog_comment_addon{ width:390px; border: solid 1px #c00; padding:10px; margin-top:23px;}

/* ########### EDITOR ########### */
body#CKeditor{
	background-color: #FFF;
	text-align: left;
}

body#CKeditor div.contentSeparator{ 
	background-color: #f00;
	display:block;
}

.cke_button_ecmsMM_insert_picture .cke_icon, .cke_button_ecmsMM_insert_document .cke_icon{
	display : none !important;
}  

.cke_button_ecmsMM_insert_picture .cke_label, .cke_button_ecmsMM_insert_document .cke_label{
	display : inline !important;
}

/* ########### MODALBOX ########### */
#MB_content div.Media {
	clear:left;
}

#MB_content fieldset{
	text-align:left;
	border: 1px solid #666;
	padding: 3px 0 2px 5px;
	margin: 5px 0 0 0;
}

#MB_content fieldset.options {
	float:left;
	padding: 3px 5px 2px 5px;
	margin: 5px 5px 0 0;
}

#MB_content input {
	vertical-align: middle;
}
/* ########### YOU TUBE ########### */

#yt_thumbs {
 width: 270px;
 margin: 21px 0 31px 65px;
}

#yt_thumbs div.thumbs {
	float: left;
	padding: 0 15px 11px 0;	
	width: 120px;
	height: 120px;
	background: url(/_resources/elems/yt/yt_sq_thumb_back.gif) no-repeat;
}

#yt_thumbs div.thumbs img {
	padding: 15px 0 15px 0;	
	border:none;
	width: 120px;
	height: 90px;
}