#img { border: none; }


/**
 * Copyright (c) by designchuchi
 *
 * Global css file for screen media.
 */

/*******************************************************************************
 * GLOBAL
 ******************************************************************************/
body {
	margin: 0;
	color: #fff;
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: transparent url('../images/interface/back_body.jpg') 0 0 repeat;
}

.clear { clear:both; }
div.clear {
  height: 0;
  clear: both;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.float-left { float: left; }
.float-right { float: right; }

p { color: #dfddde; }

a {
	outline: none;
	color: #e56700;
	text-decoration: none;
}

a.videolink {
	color: #DFDDDE;
	padding-left: 20px;
	background: transparent url('../images/interface/icon_ext_program.png') 0 center no-repeat;
}

.artist {
	background-image: url('../images/interface/icon_image.png');
	background-position:  right center;
	background-repeat: no-repeat;
}
span.artist {
	background-position: left center;
	padding-left: 22px;
}

a.videolink:hover,
a.videolink:focus,
a.videolink:active {
	color: #fff;
	background: transparent url('../images/interface/icon_ext_program.png') 0 center no-repeat;
}

a:focus,
a:active,
a:hover {
	color: #f2f2f2;
	background: #e56700;
}

h1 {
	color: #fff;
	height: 48px;
	line-height: 48px;
	padding-left: 52px;
	font-family: "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 26px;
	background: transparent url('../images/interface/back_heading.jpg') 0 0 no-repeat;
}

h2, h3, h4, h5, h6 {  color: #E53B00; }

h3 {
	color: #BF530B;
	font-size: 14px;
}

h2,
legend {
    color: #E53B00;
    font-size: 18px;
    font-weight: normal;
}

abbr,
acronym { cursor: help; }

table td { vertical-align: top; }

/*******************************************************************************
 * WRAPPER
 ******************************************************************************/
#main_wrapper {
	padding-top: 18px;
	background: transparent url('../images/interface/back_page.jpg') 0 0 repeat-x;
}
#content {
    padding-top: 18px;
}
#gradient_wrapper {
	min-height: 500px;
	padding-bottom: 9px;
	background: transparent url('../images/interface/back_gradient.jpg') left bottom repeat-x;
}

/*******************************************************************************
 * HEADER
 ******************************************************************************/
#logo {
	padding: 0;
	height: 56px;
}

#logo a:hover,
#logo a:focus,
#logo a:active { background: transparent; }

/*******************************************************************************
 * FOOTER
 ******************************************************************************/
#footer p,
#footer a,
#footer a:hover {
	text-align: right;
	background: transparent;
	color: #6b6363 !important;
}

/*******************************************************************************
 * NAVIGATION
 ******************************************************************************/
#navigation {
	padding: 0;
	height: 48px;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
}
#navigation li {
	float: left;
	width: 120px;
}
#navigation li.last { width: 110px; }

#navigation li a {
	color: #fff;
	display: block;
	line-height: 43px;
	text-align: center;
	text-decoration: none;
	border-top: 5px solid #554d4d;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active,
#navigation li.active a {
	border-top: 5px solid #9e0002;
	background: transparent url('../images/interface/back_nav_hover.png') 0 0 repeat-x;
}

/*******************************************************************************
 * ACCORDION
 ******************************************************************************/
#accordion {
	width: 950px;
	height: 234px;
	margin-bottom: 3em;
}
#accordion .accordion_toggle {
	float: right;
	width: 70px;
	outline: none;
	height: 234px;
	display: block;
	cursor: pointer;
	text-indent: -10000em;
}
#accordion .accordion_content {
	float: right;
	overflow: hidden;
	height: 234px !important;
}

#accordion .accordion_content h3 { color: #000; }

#accordion .accordion_content p { padding: 0 10px; }

#details_container .desc,
#accordion .accordion_content .desc {
	padding: 9px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px dotted #b34041;
}
#accordion #content_news .desc { border: 1px dotted #ec8d40; }

#slider_event {	background: transparent url('../images/interface/slider_event.png') 0 0 no-repeat; }
#slider_news {	background: transparent url('../images/interface/slider_news.png') 0 0 no-repeat; }
#slider_pictures {	background: transparent url('../images/interface/slider_pictures.png') 0 0 no-repeat; }

#content_event { width: 740px; }

#content_news,
#content_pictures {
	display: none;
}

#content_event { background: #a00002 url('../images/interface/acc_back_event.jpg') right 0 no-repeat; }
#content_news { background: #e56700 url('../images/interface/acc_back_news.png') right 0 no-repeat; }
#content_pictures { background: #36842c url('../images/interface/acc_back_pictures.png') right 0 no-repeat; }

#accordion h3 {
	height: 50px;
	font-size: 26px;
	margin-top: 18px;
	line-height: 42px;
	padding-left: 10px;
	margin-bottom: 0.5em;
	font-family: "Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#content_news h3 { background: transparent url('../images/interface/acc_back_h_news.jpg') 0 0 no-repeat; }
#content_pictures h3 { background: transparent url('../images/interface/acc_back_h_pictures.jpg') 0 0 no-repeat; }

#news_hidden {
	display: none;
}
#news_hidden_content {
	padding: 10px;
	min-height: 380px;
	background: transparent url('../images/interface/back_body.jpg') 0 -20px repeat;
}

/*******************************************************************************
 * BUTTONS
 ******************************************************************************/
.button {
	height: 34px;
	width: 142px;
	border: none;
	outline: none;
	display: block;
	color: #585052;
	cursor: pointer;
	line-height: 30px;
	padding-left: 10px;
	position: relative;
	text-decoration: none;
	background: transparent url('../images/interface/back_button.png') 0 0 no-repeat;
}

a.button:hover,
a.button:focus,
a.button:active {
	color: #000 !important;
	background: transparent url('../images/interface/back_button.png') 0 0 no-repeat;
}

a.button-down,
a.button-down:hover,
#show_cats {
	width: 140px !important;
	background-image: url('../images/interface/back_button_down.png') !important;
}

.submit {
	padding: 0;
	border: none;
	outline: none;
	width: 152px;
	height: 34px;
	cursor: pointer;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #585052;
 	background: transparent url('../images/interface/back_button.png') 0 0 no-repeat;
}

p.padded { padding-left: 10px !important; }
p.flat { margin-bottom: 0; }

img.flat { margin: 0; }
img.decor {
	border: 5px solid #2F2F2F;
	margin-bottom: 10px;
}
a:hover img.decor { border-color: #3f3f3f; }

.dotted p {
	padding: 0.5em 0;
	border-top: 1px dotted #493f41;
	border-bottom: 1px dotted #493f41;
}
.dotted_top { border-top: 1px dotted #493f41; padding-top: 0.5em; }
.dotted_bottom { border-bottom: 1px dotted #493f41; padding-bottom: 0.5em; }

.submit:hover { color: #000; }

/*******************************************************************************
 * CONTENT
 ******************************************************************************/
#triple {
	background: transparent url('../images/interface/back_headline.png') 0 0 repeat-x;
}
#triple h2 {
	color: #fff;
	padding: 0 10px;
	font-size: 16px;
	margin-bottom: 18px;
	line-height: 2em;
	text-transform: uppercase;
}

/* partner */
#partner img {
	margin: 0;
	float: left;
}

/* anschrift */
#anschrift {
	width: 310px;
	height: 162px;
	padding: 10px;
	background: transparent url('../images/interface/back_contact.jpg') 0 0 no-repeat;
}
#anschrift div.org {
	margin: 1em 0;
	font-size: 1.4em;
}
#anschrift div.adr {
	font-size: 1.2em;
}

/* mailing list form */
#mailinglist_form fieldset {
	padding: 0;
	border: none;
	border-bottom: 1px solid #392f32;
}

#mailinglist_form .field {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #392f32;
}

#mailinglist_form .field label {
	width: 106px;
	font-size: 1.2em;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

#mailinglist_form .field input {
	padding: 0;
	color: #ccc;
	width: 146px;
	height: 21px;
	border: none;
	outline: none;
	line-height: 25px;
	padding: 0 5px;
	padding-top: 2px;
	vertical-align: middle;
	background: #3f3136 url('../images/interface/back_input.png') 0 0 no-repeat;
}

/* lists */
div.content ul {
	margin: 0;
	margin-bottom: 1.5em;
	list-style-type: none;
	border-bottom: 1px dotted #493f41;
}
div.content ul li {
	padding: 0.5em 0;
	border-top: 1px dotted #493f41;
	/*
	background: transparent url('../images/interface/bullet_arrow.png') 10px center no-repeat;
	*/
}

div.content ul li:hover,
div.content ul li.selected {
	background-color: #1a1515;
}

/* latest pictures */
#acc_pictures {
	margin-bottom: 1em;
	padding-left: 10px;
}
#acc_pictures a:hover { background: transparent; }
#acc_pictures a { margin-right: 10px; display: inline-block; }
#acc_pictures img {	border: 5px solid #9bc296; }

/* gallery navigation */
#sub_navigation {
	width: 140px;
	margin-right: 0;
}

#sub_navigation ul a {
	display: block;
	outline: none;
	padding: 0.5em 10px 0.5em 10px;
}
#sub_navigation ul a.with_desc {
	padding: 0.2em 10px 0.2em 10px;
}

#sub_navigation ul li {
	padding: 0;
	border-top: 1px dotted #493f41;
	background: transparent;
}

#sub_navigation ul li:hover,
#sub_navigation ul li.active {
	background-color: #312b2b;
}

/* right content */
#right_content {
	min-height: 420px;
	padding-left: 20px;
	background: transparent url('../images/interface/back_gallery.png') 0 0 repeat-y;
}
#right_content .thumbnail {
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}
#right_content .info {
	left: 5px;
	bottom: 5px;
	width: 140px;
	height: 28px;
	display: none;
	position: absolute;
	background: transparent url('../images/interface/thumb_hover.png') left bottom no-repeat;
}
#right_content .thumbnail a {
	width: 140px;
	height: 98px;
	display: block;
	border: 5px solid #312b2b;
}
#right_content .thumbnail a:hover {
	border-color: #554d4d;
	background-color: transparent;
}
#right_content .last { margin: 0; }

/* GALLERY SPECIFIC */
#show_cats {

}

#more_cats {
	display: none;
}

/*******************************************************************************
 * FORMS
 ******************************************************************************/
fieldset {
	margin: 0;
	margin-bottom: 1.5em;
	border: none;
	padding: 10px 0;
}

#quote p,
form.quote p,
div.dotted p {
	margin: 0;
	padding: 0.5em 0;
	border-top: 1px dotted #493f41;
}
div.dotted p.total { margin-top: 2px; font-weight: bold; margin-bottom: 1.5em; color: #E56700; }

#quote p:hover,
form.quote p:hover,
div.dotted p:hover { background-color: #1a1515; }

#quote p.last,
form.quote p.last,
div.dotted p {
	border-bottom: 1px dotted #493f41;
}
#quote p.clean,
form.quote p.clean {
	border: none;
	margin-bottom: 1.5em;
	padding-top: 0;
	padding-bottom: 0;
}

#quote p.clean:hover,
form.quote p.clean:hover { background: transparent; }

#quote label {
	width: 100px;
	display: inline-block;
}

#quote p>label {
	display: block;
	float: left;
}
/*
form.quote label {
	width: 100px;
	display: inline-block;
}
*/
span.desc {
	width: 300px;
	margin-right: 10px;
 	display: inline-block;
}

.captcha img {
	margin: 0;
}

p>span.desc {
	display: block;
	float: left;
}

#form_navigation {
	width: 140px;
	margin-right: 0;
}
#form_navigation li {
	height: 36px;
	color: #E56700;
	padding-left: 10px;
}
#form_navigation li:hover,
#form_navigation li.active {
	background: transparent url('../images/interface/back_list.png') 0 0 repeat;
}

#form_navigation span.desc,
#sub_navigation span.date {
	width: auto;
	color: #6b6363;
	display: block;
}
#sub_navigation span.date { padding: 4px 10px 0 10px; }

input {
	padding: 2px;
	border: 1px solid #493F41;
}
input.fixed { width: 200px; }
input.date_input {
	width: 175px;
	padding-left: 25px;
	background: #fff url('../images/interface/icon_date.png') 4px center no-repeat;
}

textarea.fixed {
	width: 400px;
	height: 200px;
}
/*******************************************************************************
 * DETAILS
 ******************************************************************************/
/* container */
#details_container {
	background: #36842c;
	margin-bottom: 1.5em;
}
#details_container h1 {
	color: #000;
	height: 54px;
	line-height: 42px;
	padding-left: 10px;
	background: transparent url('../images/interface/back_title_event.png') 0 0 no-repeat;
}

/* details */
#details { padding-top: 1.5em; }

#details .desc {
 	margin-bottom: 1em;
	padding-bottom: 0px;
	border-color: #cccccc;
}
#details .desc h2,
#details .desc h3,
#details .desc h4,
#details .desc h5,
#details .desc h6 {
	color: #DFDDDE;
}

/* details lists */
#details_list {
	border: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 1em;
}

#details_list li {
	border: none;
	padding: 3px 0;
	padding-left: 10px;
	background: #2b2927;
	margin-bottom: 0.5em;
}

#details_list li.last { margin: 0; }

#details_list .detail {
	width: 55px;
	color: #6b6363;
	display: inline-block;
}

/* details image */
#details_image {
	padding-top: 20px;
	position: relative;
}

/* flyer */
#overlay_flyer {
	top: 10px;
	left: 0;
	width: 62px;
	height: 61px;
	position: absolute;
	z-index: 10;
	background: transparent url('../images/interface/back_flyer.png') 0 0 no-repeat;
}
#flyer {
	height: 216px;
	margin-left: 18px;
	background: transparent url('../images/interface/back_details_image.png') 0 0 no-repeat;
}
#flyer img {
	top: 8px;
	left: 8px;
	position: relative;
}

#flyer a,
#flyer a:hover,
#flyer a:active,
#flyer a:focus { display: block; background-color: transparent; }

/* entry link button */
#entry_link_button {
	margin: 18px 0 1.5em 20px;
}

/* listings */
ul.listing .date,
ul.listing span.date {
	color: #6b6363;
	display: inline-block;
}
ul.listing span.date {
	width: 75px;
}

ul.listing .short_details {
	margin: 0;
	border: none;
	color: #DFDDDE;
}

ul.listing .short_details li {
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	padding-left: 15px;
	list-style-type: none;
}
ul.listing .short_details li,
ul.listing .short_details li:hover {
	background: transparent url('../images/interface/bullet_line.png') 0 center no-repeat;
}

/*******************************************************************************
 * FANCYZOOM
 ******************************************************************************/
/* FancyZooom fixes */
#ShadowBox td,
#ZoomCapDiv td {
	padding: 0;
}

#ShadowBox table,
#ZoomCapDiv table {
	width: auto;
}
#ZoomImage {
	background: #000;
}

/*******************************************************************************
 * SHADOWBOX
 ******************************************************************************/
#shadowbox_loading a {
	color: #fff;
}
#shadowbox_loading a:hover,
#shadowbox_nav a:hover {
	background-color: transparent;
}

#shadowbox_content.html { color: #000; }

div.prototip div.content,
div.prototip div.title {
	text-align: center;
}}

/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #003C78;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }


/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */