/*
 * ------------------------------------------------------------------------------------------
 * Copyright (c): Crea Werbeagentur GmbH, 2012
 * This software is the proprietary information of Crea Werbeagentur GmbH, Osnabrück, Germany
 * All Right Reserved.
 * ------------------------------------------------------------------------------------------
 *
 *
 * @project:   ClubWorkx CMS
 * @copyright  CreaWerbeagentur 2012
 * @link       http://clubworkx.de
 * @package    Core
 * @subpackage Include CSS
 *
 * SVN revision information:
 * @version    $Rev: 415 $:
 * @author     $Author: johannes $:
 * @date       $Date: 2012-08-03 10:42:03 +0200 (Fr, 03 Aug 2012) $:
 * @link       $HeadURL: http://dev.crea.de/svn/crea_cw-cms/trunk/includes/css/reservierung.css $:
*/
.ac_reservierung
{

}

.ac_reservierung_auswahlHoriz
{
   width:100%;
   text-align: center;
   position: relative;
}

.ac_reservierung_auswahlHoriz .prev,
.ac_reservierung_auswahlHoriz .next
{
   width: 25px;
   height: 25px;
   display: inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/plugIcons.png');
   top: 50px;
   position: absolute;
}
.ac_reservierung_auswahlHoriz .prev
{
   background-position: -60px center;
   left: 0;
}
.ac_reservierung_auswahlHoriz .prev:hover
{
   background-position: -92px center;
}
.ac_reservierung_auswahlHoriz .next
{
   background-position: 4px center;
   right:0;
}
.ac_reservierung_auswahlHoriz .next:hover
{
   background-position: -28px center;
}
.ac_reservierung_auswahlHoriz .inactive .prev,
.ac_reservierung_auswahlHoriz .inactive .next
{
   opacity: 0;
   filter: alpha(opacity = 0);
   cursor: auto;
}


.ac_reservierung_auswahlHoriz .auswahlpunkt
{
   width:160px;
   height:100px;
   border:5px solid #333;
   border-radius:3px;
   display: inline-block;
   text-align: left;
   padding:5px;
   margin:0 10px;
   opacity: 0.9;
   filter: alpha(opacity = 90);
   cursor: pointer;
   position: relative;
}
*+html .ac_reservierung_auswahlHoriz .auswahlpunkt, /* IE6 */
* html .ac_reservierung_auswahlHoriz .auswahlpunkt /* IE7 */
{
   display:inline;
}

.ac_reservierung_auswahlHoriz .auswahlpunkt:active,
.ac_reservierung_auswahlHoriz .auswahlpunkt.aktive
{
   border-color:#999;
   font-family: 'Times New Roman',Times,serif;
}
.ac_reservierung_auswahlHoriz .auswahlpunkt:hover
{
   border-color:#FFF;
}
.ac_reservierung_auswahlHoriz .inactive,
.ac_reservierung_auswahlHoriz .inactive:hover
{
   opacity: 0.2;
   filter: alpha(opacity = 20);
   cursor: auto;
   border-color: #333;
}

.ac_reservierung_auswahlHoriz .auswahlpunkt .datum
{
   font-size: 22px;
   line-height: 22px;
   font-weight: lighter;
}
.ac_reservierung_auswahlHoriz .auswahlpunkt .titel
{
   font-size: 17px;
   text-transform: uppercase;
   height:50px;
   position:absolute;
}

.ac_reservierung_auswahlHoriz .auswahlpunkt .datum
{
   margin-bottom: 10px;
   border-bottom: 1px dotted white;
}

.ac_reservierung_auswahlHoriz .auswahlpunkt .areapic
{
   text-align: center;
   vertical-align: middle;
   line-height: 100px;
}
.ac_reservierung_auswahlHoriz .auswahlpunkt .areapic img
{
   vertical-align: middle;
}

.ac_reservierung_saalplan
{
   width:100%;
   text-align: center;
   vertical-align: middle;
}
.ac_user .ac_reservierung_saalplan_grafik
{
   vertical-align: middle;
   position: relative;
   display: inline-block;
   margin:auto;
}
*+html .ac_reservierung_saalplan_grafik, /* IE6 */
* html .ac_reservierung_saalplan_grafik /* IE7 */
{
   display:inline;
}

.ac_user .ac_reservierung_saalplan_punkt
{
   position:absolute;
}

.ac_user .ac_reservierung_detail_foto
{
   width:200px;
   height:130px;
   border-radius:3px;
   margin-right:10px;
}