@charset "utf-8";
/**
 * ------------------------------------------------------------------------------------------
 * 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 CSS General
 *
 * SVN revision information:
 * @version    $Rev: 546 $:
 * @author     $Author: tim $:
 * @date       $Date: 2012-09-20 09:04:05 +0200 (Do, 20 Sep 2012) $:
 * @link       $HeadURL: http://dev.crea.de/svn/crea_cw-cms/trunk/includes/css/screen.css $:
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary {
   display:block;
}
meter,progress,mark, time {
   display:inline;
}
body {
   line-height: 1;
}
blockquote, q {
   quotes: none;
}
html, body {
   height:100%;
}
iframe
{
   border:0;
}
/* BOILERPLATE ENDE  */

/* E-Mail Verschleierung   */
.codeemail
{
   direction: rtl;
   unicode-bidi: bidi-override;
}

/*    Preloader   */
.preloader
{
   background-image: url(../../../includes/img/preloader.gif);
   background-repeat: no-repeat;
   background-position: center;
   height: 200px;
}
.preloader.inline
{
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1000;
}

/*    Klappbare Tabellen   */
.cw-table-clickable
{
   height:22px;
   background-color: black;
   cursor:pointer;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}
.cw-table-clickable:hover
{
   background-color:#2F2F2F;
}

.cw-table-show
{
   background-image: url(../../../includes/img/cw-table-down.png);
}
table .cw-table-show td,
table .cw-table-hide td
{
   text-align:center !important;
}
table .cw-table-show td span,
table .cw-table-hide td span
{
   background:#000;
   color:#CCFF33;
   font-weight: normal;
}
table .cw-table-show:hover td span,
table .cw-table-hide:hover td span
{
   background:#2F2F2F;
   color:#CCFF33;
}
.cw-table-show td span:after
{
   content:"Details anzeigen";
}
.cw-table-hide
{
   background-image: url(../../../includes/img/cw-table-up.png);
}
.cw-table-hide td span:after
{
   content:"Details verbergen";
}
.cw-table-show,
.cw-table-hide
{
   background-repeat: repeat-x;
   background-position-x: 50%;
}

/*    Friendlists    */
.fb-friends-list
{
   display:block;
   margin:5px 0;
}

.fb-friends-list  .fb-friend
{
   display:inline;
   height:25px;
   line-height:25px;
   vertical-align:middle;
   margin:0px 5px;
   white-space: nowrap;
}

.fb-friends-list  .fb-friend img
{
   height:25px;
}

.fb-friends-box .fb-friends-list .fb-friend-name
{
   display:none;
}

.fb-friends-list .fb-friend-name
{
   margin-left:3px;
}

.fb-friends-list .fb-friend-rest
{
   color:silver;
}


/* Facebook-Login Buttons */
.FBAuthButton
{
   display:none;
}
.fblogin-button,
.ac_user .fblogin-button
{
   font-size: 11px;
   line-height: 14px;
   background: #29447E url(../../../includes/img/fbicon.png) 0px -188px;
   background-repeat: no-repeat;
   cursor: pointer;
   display: inline-block;
   padding: 0 0 0 1px;
   text-decoration: none;
   outline: none;
}
.fblogin-button .fblogin-text,
.ac_user .fblogin-button .fblogin-text
{
   font-size: 11px;
   line-height: 14px;
   background: #5F78AB url(../img/fbicon.png);
   border-top: solid 1px #879AC0;
   border-bottom: solid 1px #1A356E;
   color: white;
   display: block;
   font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
   font-weight: bold;
   padding: 2px 6px 3px 6px;
   margin: 1px 1px 0 21px;
   text-shadow: none;
}

/* pwLightbox  */
.pwLightbox
{
   -webkit-box-shadow: 0px 0px 15px 15px #333;
   -moz-box-shadow: 0px 0px 15px 15px #333;
   box-shadow: 0px 0px 15px 15px #333;
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=0, Strength=3)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=45, Strength=2)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=90, Strength=3)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=135, Strength=2)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=180, Strength=3)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=225, Strength=2)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=260, Strength=3)
      progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=305, Strength=2);
   display:none;
}
.pwLightbox-magnify
{
   background: url(../../../includes/img/magnify.png) center no-repeat;
   position: absolute;
   width: 24px;
   height: 24px;
   z-index: 100;
   top: 50%;
   opacity: 1;
   margin-top: -12px;
   left: 50%;
   margin-left: -12px;
   cursor: pointer;
}


/**   Easydialog  **/
.easydialog
{
   display: none;
}


/**   PLUGIN Creatooltip   **/
body .creatooltip
{
   cursor: pointer;
   position:relative;
}
body .creatooltip .creatooltip-box
{
   display: none;
   opacity:0;
   filter: alpha(opacity = 0);
   position:absolute;
   padding:10px;
   top:-10px;
   z-index:100;
   padding /*\**/: 0px\9;
   top /*\**/: 0px\9;
}
body .creatooltip:hover .creatooltip-box,
body .creatooltip .creatooltip-box:hover
{
   display: block;
   opacity: 1;
   filter: alpha(opacity = 100);
   -webkit-animation: fadeIn 0.2s ease-in-out;  /*Saf5, Chrome */
   -moz-animation: fadeIn, 0.2s ease-in-out;  /*FF5+ */
   -o-animation: fadeIn 0.2s ease-in-out;  /*Opera 12+ */
   animation: fadeIn 0.2s ease-in-out;  /*Saf5, Chrome */
}
@-webkit-keyframes fadeIn
{
   0% {opacity: 0.0;filter: alpha(opacity = 0);}
100% {opacity: 0.9;filter: alpha(opacity = 90);}
}
@-moz-keyframes fadeIn
{
   0% {opacity: 0.0;filter: alpha(opacity = 0);}
100% {opacity: 0.9;filter: alpha(opacity = 90);}
}
@-o-keyframes fadeIn
{
   0% {opacity: 0.0;filter: alpha(opacity = 0);}
100% {opacity: 0.9;filter: alpha(opacity = 90);}
}
@keyframes fadeIn
{
   0% {opacity: 0.0;filter: alpha(opacity = 0);}
100% {opacity: 0.9;filter: alpha(opacity = 90);}
}

body .creatooltip .creatooltip-tip
{
   border-radius: 3px;
   background-color: #000;
   border: 1px solid #999;
   padding:10px;
   color:#000;
   text-align: left;
}
body .creatooltip .creatooltip-box,
body .creatooltip.tooltip-right .creatooltip-box
{
   left:6px;
}
body .creatooltip.tooltip-bottom .creatooltip-box
{
   left:-10px;
   top:6px;
   left /*\**/: 0\9
}

body .creatooltip .creatooltip-title
{
   color:#999;
}
body .creatooltip .creatooltip-title h1
{
   white-space: nowrap;
   font-size: 12px;
   font-weight: bold;
   margin:0;
}

/*  Farben */
body .creatooltip.tooltip-green .creatooltip-tip
{
   border-color:#5B0;
}
body .creatooltip.tooltip-green .creatooltip-title,
body .creatooltip.tooltip-green .creatooltip-title h1,
body .creatooltip.tooltip-green .creatooltip-title p
{
   color:#5B0;
}
body .creatooltip.tooltip-yellow .creatooltip-tip
{
   border-color:#EC0;
}
body .creatooltip.tooltip-yellow .creatooltip-title,
body .creatooltip.tooltip-yellow .creatooltip-title h1,
body .creatooltip.tooltip-yellow .creatooltip-title p
{
   color:#EC0;
}
body .creatooltip.tooltip-red .creatooltip-tip
{
   border-color:#C00;
}
body .creatooltip.tooltip-red .creatooltip-title,
body .creatooltip.tooltip-red .creatooltip-title h1,
body .creatooltip.tooltip-red .creatooltip-title p
{
   color:#C00;
}
body .creatooltip.tooltip-blue .creatooltip-tip
{
   border-color:#06B;
}
body .creatooltip.tooltip-blue .creatooltip-title,
body .creatooltip.tooltip-blue .creatooltip-title h1,
body .creatooltip.tooltip-blue .creatooltip-title p
{
   color:#06B;
}
body .creatooltip .creatooltip-tip p
{
   margin:0;
   white-space: nowrap;
}
body .creatooltip .creatooltip-tip .ui-button .ui-button-text
{
   line-height: 1em;
   font-size: 1em;
   height: 14px;
}


/**   Neue USER-Formulare im UI-Dialog **/
.ui-dialog .ui-dialog-content .ac_user_content
{
   width:auto;
   margin:0;
}

.ui-dialog .ui-dialog-content .ac_user_content fieldset
{
   margin-top: 0px;
}

/*U18 Formular*/
#logo_formular
{
   display:none;
}
#unterschrift_eltern
{
   display:none;
}
#anschrift_formular
{
   display:none;
}
#unterschrift_erziehung
{
   display:none;
}
#gesetz
{
   display:none;
}
#drucken
{
   margin-top: 30px;
   float:right;
}
#gesetzt_formular
{
   display: none;

}
#top-box
{
   display: none;
}
#next-event-left
{
   float:left;
   width:250px;
   margin-right:20px;
   margin-top: 30px;
}
#back-left
{
   float:left;
   width:150px;
   margin-right:20px;
}
.ac_user .headbereich h1
{
   text-align: center;
   font-family:  Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
   margin-bottom: 10px;
}
#correct-right
{
   float:right;
   width:150px;
   margin-right:20px;
}
.ac_user #u18_head h1
{
   font-family:  Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
   margin-bottom: 10px;
}
.ac_user #u18_head
{
   width:100%;
   text-align: center;
   margin-bottom: 5px;
}
.ac_user, .ac_user * #next-event-middle
{
   margin:0 auto;
   padding-left: 50px;
}
#intro-box
{
   display: none;
}

#eltern_erklaerung
{
   display: block;
   font-size:12px;
   font-weight: bold;
   padding-top:10px;
   padding-bottom: 5px;
}
#formular-anhang
{
   display: none;
}
#unterschrift_vater
{
   display: none;
}
#formu18_info
{
   font-size: 11px;
   text-align: left;
}
.drucken[type="submit"]
{
   background-clip: padding-box;
   background-color: #689868;
   background-image: -moz-linear-gradient(center top , #689868, #366537);
   border-color: #689868;
   border-radius: 3px 3px 3px 3px;
   color: #FFFFFF;
   cursor: pointer;
   width: auto;
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
   line-height: 24px;
}

.drucken[type="submit"]:hover
{
   width: auto;
   border-color: #363;
   background-color: #363;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#363), to(#030));
   background-image: -webkit-linear-gradient(top, #363, #030);
   background-image:    -moz-linear-gradient(top, #363, #030);
   background-image:     -ms-linear-gradient(top, #363, #030);
   background-image:      -o-linear-gradient(top, #363, #030);
   background-image:         linear-gradient(to bottom, #363, #030);
   color:#FFF;
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
   line-height: 24px;
}

.ac_user .buchen_wunsch
{
	float: left;
	width: 220px;
	height: 170px;
	border-bottom: 2px solid #444;
	cursor: pointer;
}
.kategorie_wunsch p
{
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
.warenkorb
{
	width: 100%;
}
.warenkorb p
{
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
.kategorie_wunsch .title_sonder
{
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 3px;
	width: 333px;
}
.kategorie_wunsch .add_bu
{
	position:relative;
	right:-320px;
	width: 20px;
	top:-45px;
}
.mind_sonder_info
{
	background-color: red;
	color:#fff;
	font-size: 12px;
	float: right;
	position: relative;
	top: 119px;
	right:-77px;
	height:15px;
	width: 300px;
}
.kategorie_wunsch .desc_sonder
{
	margin-bottom: 0px;
	width: 333px;
	margin-bottom: 3px;
	font-size: 11px;
}
.buchen_wunsch .title_sonder
{
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 3px;
	width: 220px;
}
.buchen_wunsch .desc_sonder
{
	margin-bottom: 0px;
	width: 220px;
	margin-bottom: 3px;
	font-size: 11px;
}
.buchen_wunsch img
{
	width: 100px;
	float: left;
	margin-right: 8px;
}

.korb_content .buchen_wunsch .button_add2
{

	width: 20px;
	position: relative;
	right: -280px;
	top: -20px;
}
.korb_content .buchen_wunsch .button_del
{

	width: 24px;
	position: relative;
	right: -280px;
	top: -23px;
}
.ac_user .kategorie_wunsch h1
{
	margin-bottom: 0px;
}
.kategorie_wunsch h1
{
	border-bottom: 1px solid #444;
	background-color: #222;
	padding-top: 14px;
}
.ac_user .warenkorb h1
{
	margin-bottom: 0px;
	width: 220px;
}
.warenkorb h1
{
	border-bottom: 1px solid #444;
	background-color: #222;
	padding-top: 14px;
}
.send_res
{
	float: right;
	position: relative;
	top: 119px;
	right:-173px;
}
#itemlist
{
	width: 380px;
	height:500px;
	float: left;
	background-color: #333;
	border: 1px solid #444;
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
}
#itemlist_buy
{
	width: 380px;
	height:350px;
	float: right;
	background-color: #333;
	border: 1px solid #444;
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
}
.ac_user .buchen_wunsch_inhalt
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ac_user .wunschbestellung
{
	float:left;
	width:250px;
	background-color: #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	height:340px;
	margin-right: 13px;
}

.ac_user .wunschbestellung2
{
	float:left;
	width:250px;
	background-color: #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	height:340px;

}
.ac_user .kategorie_wunsch{
	float: left;
}

.ac_user .wunschinput
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}
.ac_user .wunschhinweis
{
	font-size: 9px;
}

.ac_user .wunschinput p
{
	float:left;
	min-width: 20px;
	height:20px;
	margin-top: 4px;
}
.ac_user .wunschinput input
{
	float:left;
	min-width: 20px;
	height:20px;
}