/* ==========================================================================
 *  Übersicht:
 *    - page
 *    - eventslider
 *    - form felder
 * ========================================================================== */


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

   .page.home {
     width:960px;
     position: relative;
     left: 50%;
     margin-left: -480px;
   }
   
   .page.home .colL {
     width:620px;
     margin-right: 20px;
   }

   .page.home .colR {
     width:320px;
   }
   
/* --------------------------------------------------------------------------
 *  eventHighlight
 * -------------------------------------------------------------------------- */
   .page.home .eventHighlights .eventWrapper {
     margin: -5px;
   }

   .page.home .eventHighlights .eventBox {
     width: 200px;
     height: 225px;
     overflow: hidden;
     margin: 5px;
     margin-bottom: 15px;
   }
   
   .page.home .eventHighlights .eventBox .imgWrapper {
     width: 200px;
     height: 100px;
     overflow: hidden;
     position: relative;
   }
   
   .page.home .eventHighlights .eventBox .imgWrapper .corner {
     background: url(../graphics/corner_eventslider.gif) no-repeat transparent;
     width: 5px;
     height: 5px;
     position: absolute;
   }
   
   .page.home .eventHighlights .eventBox .imgWrapper .corner.LT {
     left: 0;
     top: 0;
     background-position: left top;
   }
   
   .page.home .eventHighlights .eventBox .imgWrapper .corner.RT {
     right: 0;
     top: 0;
     background-position: right top;
   }
   
   .page.home .eventHighlights .eventBox .imgWrapper .corner.LB {
     left: 0;
     bottom: 0;
     background-position: left bottom;
   }
   
   .page.home .eventHighlights .eventBox .imgWrapper .corner.RB {
     right: 0;
     bottom: 0;
     background-position: right bottom;
   }
   
   .page.home .eventHighlights .eventBox .infoWrapper {
     width: 200px;
     height: 120px;
     margin-top: 5px;
     background: url(../graphics/bg_eventsliderInfo.gif) no-repeat transparent;
   }

   .page.home .eventHighlights .eventBox .infoWrapper a.details {
     position: absolute;
     right: 0;
     bottom: 0;
     color: #fff;
     font-size: 12px;
     font-weight: bold;
     display: block;
     width: 55px;
     height: 23px;
     line-height: 23px;
     padding-left: 10px;
     cursor: pointer;
   }
   
   .page.home .eventHighlights .eventBox .infoWrapper .sport {
     position: absolute;
     left: 8px;
     bottom: 8px;
     font-weight: bold;
     font-size: 12px;
   }

   .page.home .eventHighlights .eventBox .infoWrapper  a.headline {
     font-size: 13px;
     text-align: center;
     font-weight: bold;
     padding: 6px 4px;
     display: block;
     color: #000;
     cursor: pointer;
     height: 40px;
     overflow: hidden;
   }
   
   .page.home .eventHighlights .eventBox .infoWrapper .date {
     margin-top: 10px;
     text-align: center;
   }

   
/* --------------------------------------------------------------------------
 *  form Felder
 * -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
 *  Quicksearch
 * -------------------------------------------------------------------------- */
   .page.home .quicksearch .bt_search {
     position: absolute;
     right: 0;
     bottom: 0;
     height: 50px;
     width: 165px;
     text-align: center;
     line-height: 50px;
     text-transform: uppercase;

     font-size: 20px;
     cursor: pointer;
   }
   
   
   .page.home .special .corner {
     background: url(../graphics/corner_eventslider.gif) no-repeat transparent;
     width: 5px;
     height: 5px;
     position: absolute;
   }
   
   .page.home .special .corner.LT {
     left: 0;
     top: 0;
     background-position: left top;
   }

   .page.home .special .corner.RT {
     right: 0;
     top: 0;
     background-position: right top;
   }

   .page.home .special .corner.LB {
     left: 0;
     bottom: 0;
     background-position: left bottom;
   }

   .page.home .special .corner.RB {
     right: 0;
     bottom: 0;
     background-position: right bottom;
   }