/*********************************************/
/*         css styles for cargobar.ch        */
/*           written and composed by         */
/*               markus erdmann              */
/*             © 2009 esense gmbh            */
/*                                           */
/*********************************************/

/*********************************************/
/*                   width                   */
/*       ( overwriting in custom-css )       */
/*********************************************/
#pageContainer #contentContainer,
#headerContainer,
.headerContent,
.headerRandomContainer,
#footerContainer,
.content,
#pageContainer #contentContainer table,
.byKindListContainer,
#navBread,
#navFirst,
#navFirst li,
#navFirst li a:hover,
#navSecond,
#navSecond li,
#navSecond li a:hover,
#navThird,
#navThird li,
#navThird li a:hover,
.navYear,
#eventContainer,
#eventContainer .navigationContainer,
.firstLetterTitle,
.firstLetterAnchor,
.year,
.overviewTitle,
#pageContainer #contentContainer .search #searchForm,
.downloadContainer,
.startEventContainer,
.startOverviewTitle {width:100%;}

#pageContainer {width:80em;}
.centerContainer {width:42em;}
.rightContainer {width:17em;}
.widthSerieCategory {width:22em;}
#eventContainer .contentWrap {width:45em;}
#eventContainer .imageGalleryWrap {width:52em;}
.dateDay {;width:6.5em;}
.startContainerLeft, .startContainerRight {width:38.5em;}
#eventContainer .imageContainer {width:54em;}
h5{width: 6em;}

.widthImage {width:50px;}
.eventFirstImage {width:210px;}
#eventContainer .imageGalleryWrap .imageThumbs ul li {width:90px;}

#eventContainer a.navigationPrevious {width:15%;}
.eventDate {width:69%;}

.widthDate,
.searchDate,
.firstLetterAnchor .backToTop,
.overviewTitle .backToTop,
.year .backToTop {width:10em;}

.leftContentContainer,
.rightContentContainer {width:34em;}

.firstLetterAnchor h2,
.year h2 {width:32em;}

.randomTextContainer,
#pageContainer #contentContainer .search input.searchField {width:30em;}

.rightContainer .description, .centerContainer .description,
.centerContainer .activeDescription {width:5.5em;}

/*********************************************/
/*                   margin                  */
/*       ( overwriting in custom-css )       */
/*********************************************/
#pageContainer #contentContainer {margin:0 0 2em 0;}
.eventDate h3 {margin:0 0 0 4.65em;}
.eventDate h2 {margin:0 0 0 3.65em;}
#pageContainer #contentContainer .search input.searchField {margin:0 1em 0 15.5em;}
h2.noResult {margin:0 0 0 9em;}
.onlyImagesSearch {margin:0 1em 0 14.2em;}
.onlyImagesSearch input {margin:0.1em 0 0 0.5em;}

/*********************************************/
/*                  padding                  */
/*       ( overwriting in custom-css )       */
/*********************************************/
h5,
.eventDate h2,
a.firstLetter,
.startTitleContainer,
#navFirst ul li,
#navSecond ul li,
.navYearContent a,
#navThird ul li {padding:0 0.5em 0 0;}

.abstract,
#eventContainer .imageGalleryWrap {padding:0 0 1em 0;}

#pageContainer #contentContainer .search #searchForm,
.rightContentContainer h2.eventTitle, .leftContentContainer h2.eventTitle {padding:0.5em 0 0.5em 0;}

.firstLetterAnchor .backToTop,
.overviewTitle .backToTop,
.year .backToTop {padding:1em 1em 0 0;}

.leftContentContainer {padding:0 0 0 4em;}

#navSecond,
#navThird {padding:0.1em 0 0 0;}

#navSecond ul,
#navThird ul {padding:0 0 0 3.4em;}

#pageContainer #contentContainer {padding:0 0 2em 0;}
#footerContainer {padding:1em 0 0 0;}
.widthSerieCategory {padding-top:0.4em;}
#eventContainer a.navigationPrevious {padding: 1.2em 0 0 0.5em;}
#eventContainer a.navigationNext {padding: 1.2em 0.5em 0 0;}
.eventDate h3 {margin:0 0 0 4.65em;}
.eventDescrContainer {padding:0 1em 0 0;}
#eventContainer .contentWrap {padding:1em 0 1em 0.7em;}
#eventContainer .imageGalleryWrap a {padding:10px 0 10px 0;}
.mp3 {padding:0.5em 0 2em 0;}
.firstLetterTitle h1 {padding:0 0 0 0.5em;}
.firstLetterAnchor h2 {padding:0.5em 0 0.5em 0.5em;}
.allEventTitle h1 {padding:0.5em 0 0.5em 2.1em;}
.year h2 {padding:0.5em 0 0.5em 2.8em;}
.content a.link {padding:0 0 0 1em;}
.overviewTitle {padding:0 0 0.5em 0;}
.overviewTitle h2 {padding:0.5em 0 0 2.8em;}
.centerContainer .activeDescription {padding:0.9em 0 0 0;}
.randomImageContainer {padding:0 1em 0 0;}
.randomTextContainer {padding:1em 0 0 0;}
#pageContainer #contentContainer .search input.searchField {padding:0.2em;}
.textSearchResult {padding:0 0 0.2em 0.5em;}
.onlyImagesSearch {padding:0.5em 0 0.2em 0;}
.startTextWrapper{padding-left: 10px;}
.startOverviewTitle h2 {padding:0.5em 0 0.35em 0.5em;}
.startOverviewDate {padding:0.9em 0 0 1em;}
.startOverviewContainer .text {padding:0 0 0.5em 0;}
#eventContainer .imageContainer {padding:0 0 1em 15.6em;}
h2.twoColumnTitle {padding:0.5em 0 0.5em 2.65em;}
.rightContentContainer {padding:0 4em 0 0;}
.twoColumnImageContainer {padding:1em 0 1em 0;}
#navBread h5 {padding:0.25em 0 0 4.9em;}
#navFirst ul {padding:0 0 0 2.65em;}

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