/* ==========================================================================
 *  Ü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;
   }
   
/* --------------------------------------------------------------------------
 *  eventslider
 * -------------------------------------------------------------------------- */
   .page.home .eventslider {
     width: 620px;
     height: 225px;
     overflow: hidden;
     position: relative;
   }
   
   .page.home .eventslider .paddingKeeper {
     margin: 0 -5px;
     width:20000em;
     position:absolute;
   }
   
   .page.home .eventslider .eventBox {
     width: 200px;
     height: 225px;
     overflow: hidden;
     margin: 0 5px;
   }
   
   .page.home .eventslider .eventBox .imgWrapper {
     width: 200px;
     height: 100px;
     overflow: hidden;
     position: relative;
   }
   
   .page.home .eventslider .eventBox .imgWrapper .corner {
     background: url(../graphics/corner_eventslider.gif) no-repeat transparent;
     width: 5px;
     height: 5px;
     position: absolute;
   }
   
   .page.home .eventslider .eventBox .imgWrapper .corner.LT {
     left: 0;
     top: 0;
     background-position: left top;
   }
   
   .page.home .eventslider .eventBox .imgWrapper .corner.RT {
     right: 0;
     top: 0;
     background-position: right top;
   }
   
   .page.home .eventslider .eventBox .imgWrapper .corner.LB {
     left: 0;
     bottom: 0;
     background-position: left bottom;
   }
   
   .page.home .eventslider .eventBox .imgWrapper .corner.RB {
     right: 0;
     bottom: 0;
     background-position: right bottom;
   }
   
   .page.home .eventslider .eventBox .infoWrapper {
     width: 200px;
     height: 120px;
     margin-top: 5px;
     background: url(../graphics/bg_eventsliderInfo.gif) no-repeat transparent;
   }
   

   .page.home a.browse {
	background: url(../graphics/bt_eventslider.png) no-repeat transparent;
	display:block;
	width:23px;
	height:48px;
        z-index: 2000000;
	cursor:pointer;
	font-size:1px;
}

.page.home a.left {
  position: absolute;
          left:-11px;
        top: 30px;
        background-position: top left;
}

.page.home a.right {
  position: absolute;
          right:-11px;
        top: 30px;
        background-position: -23px top;
}

 a.disabled {
	visibility:hidden !important;
}

   .page.home .eventslider .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 .eventslider .eventBox .infoWrapper .sport {
     position: absolute;
     left: 8px;
     bottom: 8px;
     font-weight: bold;
     font-size: 12px;
   }
   
   .page.home .eventslider .eventBox .infoWrapper .price .big {
     font-size: 17px;
   }
   
   .page.home .eventslider .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 .eventslider .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;
   }