/**
  * tags
  **************************************/

body {
   background-color: #333333;
   color: #cccccc;
   line-width: 16px;
   margin-top: 9px;
}

body, td, input, select {
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 12px;
   line-height: 16px;
}

input, select {
   color:#333333;
   background-color:#CCCCCC;
   font-size: 11px;
}

a {
   text-decoration: none;
   color: #ffcc33;
}
a:hover {
   text-decoration: underline;
   color: #ffcc33;
}



/**
  * elements & colors
  **************************************/

.arrow {
   float:left;
   padding-top: 4px;
   padding-right: 5px;
}
.arrowEventheader {
   padding-top:2px;
}

.statusIntro {
   text-transform: uppercase;
   padding-bottom: 4px;
}
.statusInfo {
   font-weight: bold;
   text-transform: uppercase;
   padding-bottom: 4px;
}

.eventTitle {
   color: #99ccff;
   font-weight: bold;
}
.eventTitleOnEventpage {
   text-transform: uppercase;
   font-weight: bold;
   color: #ffffff;
}
.eventCategory {
   font-size: 10px;
   color: #484646;
   text-transform: uppercase;
}
.eventLocation {
   color: #ffcc33;
}
.eventLocationName {
   font-size: 14px;
   color: #99ccff;
   text-transform: uppercase;
   font-weight: bold;
}
.eventLocationOrt {
   font-size: 14px;
   font-weight: bold;
}
.eventDescription {
}
.eventUrl {
}
.eventDate {
   font-style: italic;
}
.eventParent {
   font-size: 11px;
   color: #999999;
}
.eventMedia {
   margin-top: 10px;
}
.locationDescription {
   font-weight: bold;
}








/**
  * event-navigation rechts
  */
.navCategory {
   text-transform: uppercase;
   font-size: 10px;
   padding-bottom: 10px;
}
.navItem {
   text-transform: uppercase;
   font-size: 10px;
   padding-bottom: 10px;
   color: #333333;
}
a.navItem {
   color: #a77e03;
}
a.navItem:visited {
   color: #a77e03;
}
.navFormTable {
   padding-left: 10px;
}
.navFormDesc {
   font-size:10px;
   text-transform: uppercase;
   text-align: left;
   padding-top: 10px;
}
.navFormElement {
   text-align: left;
}
.navFormExtend {
   font-size:10px;
   text-transform: uppercase;
   text-align: right;
}

.formElSearch {
   font-size: 11px;
   width: 80px;
}
.formElCountry {
   font-size: 11px;
   width: 80px;
}

/**
  * positioning
  **************************************/


/**
  * fm4-specific
  */
#header {
      width: 540px;
      height: 36px;
      border: 1px solid #999999;
      padding-left: 80px;
}
#headerNav {
   padding-top: 8px;
   padding-bottom: 12px;
}
#grid {
   padding-top: 6px;
   padding-bottom: 5px;
}
#griditem0, #griditem1, #griditem2 {
   width: 148px;
   height: 49px;
   padding-right: 9px;
}
#banner {
   position:absolute;
   left:640px;
   top:9px;
}
.footer {
   background-color: #003366;
   padding-top: 12px;
   padding-bottom: 12px;
   margin-top: 3px;
}
.footer a, .footer a:visited {
   font: normal 11px verdana, sans-serif;
   color: #ffffff;
   text-decoration: underline;
}


/**
  * positioning common
  */


/*
   "list....."
   // vom linken rand: 158px;
   // actual textbreite: 312px;
   
   // leerraum bis zum beginn der navig: 16px;
   // actual navig-breite: 134px
*/


#listTable  {
   padding: 0px;
   margin-top: 25px;
}

/* standards for most cells */
#listStatusCell, #listSearchCell, #listNavColumn, #listContentColumn {
   text-align: left;
   vertical-align: top;
}

#listStatusCell {
   width: 312px;
   padding-left: 158px;
}
#listSearchCell {
   width: 470px;
}
#listNavColumn {
   width: 134px;
   padding-left: 16px;
}
#listContentColumn {
   width: 470px;
   height: 400px;
   padding-top: 20px;
}
#listPageNavigTop {
   font-size: 10px;
   text-transform: uppercase;
   width: 312px;
   border-bottom: 1px solid #999999;
   margin-left: 158px;
   margin-bottom: 25px;
}
#listPageNavigBottom {
   font-size: 10px;
   text-transform: uppercase;
   width: 312px;
   border-top: 1px solid #999999;
   margin-left: 158px;
   margin-bottom: 25px;
}
#listNotfound {
   width: 270px;
   padding-left: 158px;
   padding-top: 30px;
}


/* classes for event in list view */

.listEventTable {
   padding: 0px;
   margin: 0px;
   table-layout: fixed;
}
.listEventThumbnail {
   /*    platz 158px; rand rechts 10px , links 7px;*/
   width: 141px;
   padding-left: 10px;
   padding-right: 7px;
   padding-bottom: 18px;
   text-align: right;
   vertical-align: top;
}
.listEventLocationCell {
   width: 252px;
   text-align: left;
   vertical-align: top;
}
.listEventCategoryCell {
   width: 60px;
   text-align: right;
   vertical-align: top;
}
.listEventMainCell {
   width:312px;
   padding-bottom: 35px;
   text-align: left;
   vertical-align: top;
}



/*
  page = location und eventpage 
  // vom linken rand zur 2. doppelten linie: 148px
  // vom beginn der doppelten linie bis zum textbeginn in der infozelle: 10px
  // actual textbreite: 312px

  // leerraum bis zum beginn der navig: 16px  
  // actual navig-breite: 134px;
*/


#pageTable {
   padding: 0px;
}
#pageTable2 {
   padding: 0px;
}
#pageHeaderLeftCell {
   width:148px;
}
#pageHeaderCell {
   width:312px;
   padding-left: 10px;
   padding-top: 24px;
   padding-bottom: 20px;
}
#pageHeaderRightCell {
   width: 150px;
   /* background-color: #ff0033;*/
}
#pageHeaderBottomLeftCell {
}
#pageHeaderBottomCell {
   width: 472px;
   height: 1px;
   border-top: 1px solid #999999;
   border-bottom: 1px solid #999999;
}
#pageInfoCell {
   width:312px;
   text-align: left;
   vertical-align: top;
   padding-left: 158px;
   padding-top: 6px;
   padding-bottom: 25px;
}
#pageNavColumn {
   width: 134px;
   padding-left: 16px;
   padding-top: 6px;
   text-align: left;
   vertical-align: top;
}
#pageContentColumn {
   width: 470px;
   height: 400px;
   text-align: left;
   vertical-align: top;
}

/* extra styles for location page */
#pageLocationAlleTermine {
   padding-left: 158px;
   padding-top: 12px;
   padding-bottom: 40px;
}


/* extra styles for event page */
#pageEventTable {
   padding: 0px;
   margin: 0px;
   table-layout: fixed;
}
#pageEventImageCell {
   width: 141px;
   padding-left: 10px;
   padding-right: 7px;
   padding-top:15px;
   padding-bottom: 18px;
   text-align: right;
   vertical-align: top;
}
#pageEventMainCell {
   width:312px;
   padding-top:15px;
   padding-bottom: 35px;
   text-align: left;
   vertical-align: top;
}
#pageEventCategoryCell {
   text-align: right;
   float:right;
}



/** extra classes for search form   */

.searchformDesc {
   width: 141px;
   padding-left: 10px;
   padding-right: 7px;
   text-align: right;
   vertical-align: top;
}

.searchformInput {
   width:312px;
   padding-bottom: 5px;
   text-align: left;
   vertical-align: top;
}

.searchformField {
   width: 150px;
}


.calendarTable {
   font-family: verdana;
   font-size: 11px;
   background-color: #333333;
   border: 1px solid #999999;
}

table.calendarTable td {
   width: 15px;
   text-align: right;
   font-size:10px;
}

th.calendarWeekday {
   text-align: right;
   font-weight: bold;
   color: #99ccff;
}

th.calendarMonthname { 
   color: #ffffff;
   text-align: center;
}

th.calendarMonthPrev {  }
a.calendarMonthPrev {
   color: #ffcc33;
   text-decoration: none;
}

th.calendarMonthNext {  }
a.calendarMonthNext {
   color: #ffcc33;
   text-decoration: none;
}

td.calendarDayCurrentMonth {  }
a.calendarDayCurrentMonth {
   color: #ffffff;
   text-decoration: none;
}

td.calendarDayOtherMonth {   }
a.calendarDayOtherMonth{
   color: #cccccc;
   text-decoration: none;
}

td.calendarHolidayCurrentMonth { }
a.calendarHolidayCurrentMonth {
   color: #ff9999;
   text-decoration: none;
}
td.calendarHolidayOtherMonth   { }
a.calendarHolidayOtherMonth   {
   color: #cc9999;
   text-decoration: none;
}