/*********************************************/
/*           event-manager core css          */
/*           written and composed by         */
/*               markus erdmann              */
/*             © 2009 esense gmbh            */
/*                                           */
/*********************************************/

/*********************************************/
/*              basic framework              */
/*********************************************/
/*** main page styles ***/
body {position:relative;cursor:default;}

/*** center-container ***/
#pageContainer {position:relative;top:1em;margin:0 auto 0 auto;}

/*** main-content ***/
#pageContainer #contentContainer {float:left;}

/*** header ***/
#headerContainer {padding:0;margin:0;float:left;}

.headerContent,
.headerRandomContainer {position:relative;top:0;left:0;margin:0;padding:0;float:left;}

/*** footer ***/
#footerContainer {margin:0;float:left;display:block;}

/*** list container ***/
.content {}

/*** list table ***/
#pageContainer #contentContainer table {margin:0;padding:0;float:left;}
#pageContainer #contentContainer tr {background-color:#fff;}
#pageContainer #contentContainer tr:hover {background-color:#eee;}
#pageContainer #contentContainer td {}

/*** list-content container (cells) ***/
.centerContainer {clear:left;float:left;}
.rightContainer {clear:left;float:left;}
.byKindListContainer {float:left;padding:0;margin:0;display:block;}
.widthImage {}
.widthDate {}
.widthSerieCategory {}

/*** image properties ***/
.imageLink a {padding:0;float:left;font-size:1%;line-height:1%;}
.imageLink a:hover {}
.imageLink a img {cursor:pointer;}

/*********************************************/
/*               basic font styles           */
/*********************************************/
/***** title *****/
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;background-color:transparent; /*safari 2 bg-color bug*/}

/*** H1: 2x baseLine-height ***/
h1 {font-size:2em;}

/*** H2: line-height = baseLine ***/
h2 {font-size:1.5em;}

/*** H3: line-height = baseLine ***/
h3 {font-size:1.1666em;} /* default in core.css is margin-bottom = baseLine */

/*** H4: line-height = baseLine ***/
h4 {font-size:0.8333em;}

/*** H5: line-height = baseLine ***/
/*** used for description (event, artist, caregory, serie, title) ***/
h5 {font-size:0.8333em;float:left;}

/*** H6: line-height = baseLine ***/
h6 {font-size:0.666em;}

/***** text: line-height = baseLine *****/
p,a,dl {font-size:1em;line-height:1.5em;background-color:transparent;padding:0;}

/***** link *****/
a {text-decoration:none;padding:0;}
a:hover {text-decoration:none;}

/***** list *****/
ul, li, ol, ul li, ol li {padding:0;margin:0;text-decoration:none;}

/*********************************************/
/*                  event page               */
/*********************************************/
/*** main container ***/
#eventContainer {float:left;}

/*** event navigation ***/
#eventContainer .navigationContainer {float:left;margin:0;}
#eventContainer a.navigationPrevious {display:block;text-decoration:none;cursor:pointer;text-align:left;float:left;}
#eventContainer a.navigationNext {display:block;text-decoration:none;cursor:pointer;text-align:right;width:auto;float:right;}

/*** event: title-wrap (category, serie, title, artist) ***/
.eventDate {float:left;margin:0;padding:0;}

/*** event: title and date ***/
/*** date ***/
.eventDate h3 {text-align:left;padding:0;}

/*** title ***/
.eventDate h2 {text-align:left;line-height:1.5em;}

/*** event: description-container (artist, serie, caregory) ***/
.eventDescrContainer {width:auto;float:left;text-align:left;}

/*** event: content-wrap (abstract, text, link1, link2) ***/
#eventContainer .contentWrap {position:relative;float:left;margin:0;}

/*** event: title ***/
.eventTitle {}

/*** event: abstract ***/
.abstract {clear:both;display:block;}

/*** event: text ***/
.text {clear:both;display:block;text-transform:none;}
.text p {}

/*** event: external links ***/
#eventContainer a.linkOne,
#eventContainer a.linkTwo {display:block;text-decoration:none;text-transform:none;cursor:pointer;}

/*** wrap image-gallery ***/
#eventContainer .imageGalleryWrap {position:relative;top:0;left:0;float:left;}
.eventFirstImage {position:relative;left:0px;float:left;}

/*** wrap thumbnail-image ***/
#eventContainer .imageGalleryWrap .imageThumbs ul li {float:left;height:65px;}

/*** image gallery: image style ***/
#eventContainer .imageGalleryWrap a {float:left;font-size:1%;cursor:pointer;}
#eventContainer .imageGalleryWrap a:hover {}

/*** mp3 player ***/
.mp3 {}

/*********************************************/
/*     list width firstletter navigation     */
/*********************************************/
/*** first-letter-navigation: wrap ***/
.firstLetterTitle {float:left;display:block;margin:0;padding:0;}

/*** first-letter-navigation: title ***/
.firstLetterTitle h1 {}

/*** first-letter-navigation: link ***/
a.firstLetter {width:auto;border:none;}

/*** first-letter-navigation: anchor-wrap ***/
.firstLetterAnchor {float:left;}

/*** first-letter-navigation: anchor-title ***/
.firstLetterAnchor h2 {float:left;}

/*********************************************/
/*   event-list: (artist, category, serie)   */
/*********************************************/
/*** event-list: title ***/
.allEventTitle {}
.allEventTitle h1 {line-height:1em;}

/*** event-list: year ***/
.year {float:left;padding:0;}
.year h2 {position:relative;top:0;margin:0;float:left;}

/*** event-list: link ***/
.content a.link {display:block;}
.content a.link:hover {}

/*********************************************/
/*        list overview/preview: title       */
/*********************************************/
.overviewTitle {position:relative;top:0;margin:0;float:left;}
.overviewTitle h2 {position:relative;top:0;margin:0;float:left;background-color:transparent;}

/*********************************************/
/*               list elements               */
/*********************************************/
/*** description-title ***/
.rightContainer .description, .centerContainer .description {position:absolute;}

/*** active description-title ***/
.centerContainer .activeDescription {position:absolute;}

/*** description-link ***/
.event, .serie, .category, .artist {position:relative;left:5.5em;}

/*** event "highlighting" ***/
.activeEvent, .inactiveEvent {position:relative;left:0.35em;padding:0;}
.inactiveEvent {}

/*** date ***/
.date {background-color:transparent;}
.dateDay {;font-size:1.5em;line-height:1.3em;background-color:transparent;}

/*********************************************/
/*          random image gallery             */
/*********************************************/
.randomImageContainer {width:auto;float:left;}
.randomTextContainer {float:left;}

/*********************************************/
/*               search form                 */
/*********************************************/
#pageContainer #contentContainer .search #searchForm {margin:0;clear:both;line-height:1px;}

/*** input field ***/
#pageContainer #contentContainer .search input.searchField {}

/*** search button ***/
#pageContainer #contentContainer .search .searchFieldButton {margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none;text-transform:uppercase;font-size:1em;}
#pageContainer #contentContainer .search .searchFieldButton:hover {}
.searchDate {background-color:transparent;}
h2.noResult {padding:0;}
.textSearchResult {}
.textSearchResult strong {}
.onlyImagesSearch p {float:left;}
.onlyImagesSearch input {padding:0;}
.imageSearchResultContainer {}
.imageSearchResultContainer a {padding:0;}
.imageSearchResultContainer a:hover {}

/*********************************************/
/*           back to top button              */
/*********************************************/
.firstLetterAnchor .backToTop,
.overviewTitle .backToTop,
.year .backToTop {float:right;}

/*********************************************/
/*               start page                  */
/*********************************************/
/*** container ***/
.startEventContainer {float:left;}
.startOverviewContainer table tr {border:none;}
.startOverviewContainer table tr td {border:none;}
.startContainerLeft, .startContainerRight {float:left;padding:0;}
.startContainerRight {float:right;}
.startTextWrapper {}

/*** title ***/
.startOverviewTitle {position:relative;top:0;padding:0;margin:0;float:left;}
.startOverviewTitle h2 {position:relative;top:0;margin:0;float:left;line-height:1em;background-color:transparent;}
.startTitleContainer {width:auto;}
.startTitleContainer .event {left:0;}
.startTitleContainer .event a {line-height:1em;}
.startTitleContainer .event a:hover {}

/*** content ***/
.startOverviewContainer .widthImage {width:auto;}
.startOverviewDate {float:left;}

.startAdditionalContainer {float:left;}
.additionalContent {float:left;display:block;width:96%;}

.startContentContainer .serie,
.startContentContainer .category,
.startContentContainer .artist {left:0;}

.startOverviewContainer .text {}
.startContentContainer .description {position:relative;width:auto;text-align:left;}

/*********************************************/
/*               navigation                  */
/*********************************************/
/*** breadcrumb navigation ***/
#navBread {float:left;height:1.8em;}
#navBread h5 {width:auto;text-align:left;}

/*** First Navigation ***/
#navFirst {float:left;}
#navFirst ul {width:auto;float:left;clear:both;margin:0;}
#navFirst ul li { display: inline;}
#navFirst a {text-decoration: none;}
#navFirst a:hover {}

/*** First Navigation Level1 ***/
#navFirst li {}
#navFirst li a:hover {}
#navFirst li.trail a{}
#navFirst li.active a {}

#navFirst li.active.closed strong a,
#navFirst li.active.leaf strong a {}

/*** Second Navigation ***/
#navSecond {float:left;height:1.8em;}
#navSecond ul {width:auto;clear:both;margin:0;}
#navSecond ul li { display: inline;}
#navSecond a {text-decoration: none;}
#navSecond a:hover {}

/*** Second Navigation Level1 ***/
#navSecond li {}
#navSecond li a:hover {}
#navSecond li.trail a{}
#navSecond li.active a {}

#navSecond li.active.closed strong a,
#navSecond li.active.leaf strong a {}

/*** Event Navigation ***/
#navThird {float:left;border-bottom:none;height:1.8em;}
#navThird ul {width:auto;clear:both;margin:0;}
#navThird ul li { display: inline;}
#navThird a {text-decoration: none;}
#navThird a:hover {}

/*** Event Navigation Level1 ***/
#navThird li {}
#navThird li a:hover {}
#navThird li.trail a{}

#navThird li.active a,
#navThird li.active.closed strong a,
#navThird li.active.leaf strong a {}

#navThird li.closed .trail a {}

/*** Year Navigation ***/
.navYear {float:left;padding:0;}
.navYearContent {float:left;}
.navYearContent a {float:left;font-size:1.5em;background-color:transparent; /*safari 2 bg-color bug*/}
.navYearContent a:hover {}
.navYearContent a.activeYear {}

/*********************************************/
/*               paragraphs                  */
/*********************************************/
/*** title lead text image ***/
#eventContainer .imageContainer {float:left;clear:both;}

/*** 2 column containers ***/
h2.twoColumnTitle {}
.leftContentContainer {float:left;}
.rightContentContainer {float:right;}
.rightContentContainer h2.eventTitle, .leftContentContainer h2.eventTitle {}
.twoColumnImageContainer {}
.downloadContainer {}

/*********************************************/
/*            clear block hide               */
/*********************************************/
.clear {width:100%;display:block;clear:both;height:0px;line-height:0px;display:none;visibility:hidden;}
.blockElement {width:100%;display:block;clear:both;height:auto;margin:0;padding:0;line-height:0;}
.overflowHidden {position:relative;top:0;left:0;overflow:hidden;height:auto;float:left;}
.space {width:100%;display:block;clear:both;height:auto;line-height:0px;}

/*********************************************/
/*                 magnolia                  */
/*********************************************/
/*** magnolia-message ***/
.redirectMessage {background-color:#C1C0C0;padding:2px;border:1px solid #E8E8E8;font-size:80%;color:#000;text-decoration:none;}
.redirectMessage a,.redirectMessage a:hover {color: #990000;}

/*** magnolia-controlbar ***/
.mgnlControlBarSmall tr td{background-color: #5e9201;}
.mgnlControlBarSmall span, span.mgnlControlButton, span.mgnlControlButtonSmall, .mgnlControlButtonSmall a, .mgnlControlButtonSmall a:hover {background-color: #5e9201;cursor:pointer;color: #FFF;}

/**************************************************/
/******************* end of css *******************/