/* ==========================================================================
 *  Übersicht:
 *    - page
 *    - search
 * ========================================================================== */


/* --------------------------------------------------------------------------
 *  page
 * -------------------------------------------------------------------------- */

   .page.showDetails {
     width: 960px;
     position: relaitve;
     left: 50%;
     margin-left: -480px;
   }

/* --------------------------------------------------------------------------
 *  showDetails
 * -------------------------------------------------------------------------- */
   .page.showDetails .colL {
     width:760px;
     margin-right: 20px;
   }

   .page.showDetails .colR {
     width:180px;
   }


/* --------------------------------------------------------------------------
 *  eventDetails
 * -------------------------------------------------------------------------- */
    .eventDetailNavigation {
      position: relative;
      margin: 5px 0 20px 0;
    }

    .eventDetailNavigation .slide  {
      position: absolute;
      top: 0;
      right: 0;
    }

    .eventHeader .imageWrapper {
      width: 70px;
    }
    
    .nameField {
      width: 140px;
    }
    
    .infoField {
      width: 230px;
    }
    
    a.newsHeadline,
    .serviceBox a {
      color: #000;
    }
    
    .tabs .eventListLink {
      position: absolute;
      right: 7px;
      bottom: 7px;
    }
    
/* === Alle Daten =========================================================== */

   .showDetails .alldates .number,
   .showDetails .alldates .day,
   .showDetails .alldates .date,
   .showDetails .alldates .kw {
     padding: 3px;
   }
   
   .showDetails .alldates .kw {
     text-align: right;
   }


/* === Übersicht ============================================================ */
    .colInnerL {
     width: 370px;
   }

    .colInnerR {
     width: 320px;
     margin: 0 0 0 40px;
   }

    .eventImage {
     max-width: 300px;
     max-height: 450px;
   }

   .registerBox {
     background-color: #ebe8e8;
     border: 1px solid #e1dede;
   }

   .registerBox,
   .registerBox a {
     color: #999;
   }


/* === Bilder =============================================================== */
   .detailsImages .thumbnails {
     max-width: 100px;
     max-height: 60px;
     margin: 10px 5px;
   }

/* === Kontakt ============================================================== */
   .showDetails .contact .info {
     width: 400px;
     padding-right: 15px;
     overflow: hidden;
   }

   .showDetails .contact .form {
     width: 310px;
   }
   
   .showDetails .contact .form textarea {
     width: 300px;
   }
   
   .showDetails .contact .form input[type=text]{
     width: 100%;
   }
   
   .showDetails .contact .done {
     display: none;
   }
   
   .showDetails .contact .form .colName {
     width: 100px;
   }
   .showDetails .contact .form .colInput {
     width: 200px;
   }
   
   .showDetails .contact .form .ContactError,
   .showDetails .contact .form .ContactErrorWrapper  {
     display: none;
   }
   
   .showDetails .contact .noUser,
   .showDetails .contact .noMail {
     width: 290px;
     text-align: center;
     border: 1px solid #ccc;
     padding: 10px;
     background: #F5F5F5;
   }

/* === Dialog =============================================================== */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog,
#boxes #dialog1 {
  width:500px;
  height:auto;
  padding:10px;
  background-color:#ffffff;
}

/* --------------------------------------------------------------------------
 *  bottomAction
 * -------------------------------------------------------------------------- */
   .page.showDetails .bottomAction .colL {
     width: 540px;
     margin-right: 20px;
   }
   .page.showDetails .bottomAction .colR {
     width: 200px;
   }