@charset "utf-8";/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=121212&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=ffff00&iconColorHighlight=ffff00&bgColorError=121212&bgTextureError=01_flat.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: TheSans, Arial, Helvetica, sans-serif; font-size: 0.9em; }
.ui-widget .ui-widget { font-size: 0.9em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: TheSans, Arial, Helvetica, sans-serif; font-size: 0.9em; }
.ui-widget-content { border: 2px solid #FFFFFF; background-color: #000000; color: #f4f4f4; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #000000; background: #191919 url(images/bg_header.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #000000; background: #adadad url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #121212 url(images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #404040; background: #121212 url(images/ui-bg_flat_55_121212_40x100.png) 50% 50% repeat-x; color: #ffff00; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #ffff00; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #121212 url(images/ui-bg_flat_95_121212_40x100.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_c98000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f29a00_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_ffff00_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: transparent url(images/cgBack.png) repeat; opacity: .70;filter:Alpha(Opacity=70); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { vertical-align: 1px; display: inline-block; position: relative; top: 3px; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.6em; vertical-align: -12px; font-size: 1.1em; height: 18px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

.ui-button-text-only .ui-button-text { padding: .4em 1em;}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button:-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/*		

	Stylesheet-Datei zum Plugin superfish
	Änderungen sind auskommentiert, immer eine Zeile vor dem Befehl

*/

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 11em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 550px;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
	cursor: pointer;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	margin-top: 0;
	left: 0;

	/*		Positon des erscheinenden Untermenüs bezogen auf die oberste Ebene; so überlagert das erscheinende Dropdown-Feld nicht das eigentliche Menü	*/
	top: 2.5em; /* match top ul list item height */

	/*		Das Untermenü soll über den übrigen Inhalten (Module, Tabs, Panes, Sidebars) liegen	*/
	z-index: 350;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.sf-menu > li
{	
	text-align: center;
}

.sf-menu > li ul
{
	text-align: center;
}

.sf-menu li ul ul {
	margin-top: -1px;
	margin-left: 12px;
}

/* Oberste Navigationsebene */
.sf-menu  > li > a
{
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	padding-right: 13px;
	padding-left: 13px;
	padding-top: 7px;
	padding-bottom: 10px;
	/*margin-right: 13px;*/
	text-align: center;
	color: #FFF;
	font-weight: bold;
	z-index: 100;
	border-right: 1px solid #333;
	height: 10px;
}

.sf-menu > li:first-child > a {
	border-left: 1px solid #333;
}

.sf-menu  > li.sfHover, .sf-menu > li:hover
{
}

.sf-menu > li.sfHover > a
{
   /*	Hintergrund beim Hovern von Punkten, die ein Untermenü _haben_	*/
	color: #FFF;
}

/*		Dreieck nach unten für active deaktivieren	*/
.sf-menu > li.sfHover > a:active
{
   background: none !important;
   color: #CC9933;
}
/*		Styling		*/

.sf-menu {
   float: left;
   margin-bottom: 1em;
}
.sf-menu a {
   /*	Trennstrich zwischen den Einträgen im Untermenü	*/
   /*padding: 		0.75em 1em 0.75em 0em;*/
   padding-top: 0.75em;
   padding-bottom: 0.75em;
   text-decoration:none !important;
   /*font-weight:bold !important;*/
   /*line-height:14px;*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
                                  color:			#FFF;
}

.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/
                    color:			#fff;
                    background-image: none;
                    background-color: #000;
}

.sf-menu li {
   background:		transparent;
}

.sf-menu li li 
{
	/* SUBMENU */
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	top: -5px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	border: 1px solid #333;
	text-align: left;
	padding-left: 10px;
	height: 29px;
   
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	z-index: 5000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
   /* Hover	*/
	outline: 0;
	background-image: url(../images/s78_bg_navig.jpg);
	background-repeat: repeat-x;
	color: #CC9933;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
   /*padding-right: 	2.25em;*/
   min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu  > li > a.sf-with-ul {
   /*	Ausgleich bei Navigationspunkten oberster Ebene mit Submenü, weil der Pfeil nach unten ja ausgeblendet ist	*/
   padding-right: 	0px;
}
.sf-sub-indicator {
   position:		absolute;
   display:		block;
   right:			0;
   top:			0;
   width:			10px;
   /*	Höhe für den Hintergrund der Pfeile	*/
   height:			100%;
   text-indent: 	-999em;
   overflow:		hidden;
   /*	Pfad zu den Pfeilen	*/
   background:		url('../../../includes/img/arrows-ffffff.png') no-repeat;
}

.sf-menu  > li > a > .sf-sub-indicator,
.sf-menu  > li > a:focus > .sf-sub-indicator,
.sf-menu  > li > a:hover > .sf-sub-indicator,
.sf-menu  > li > a:active > .sf-sub-indicator,
.sf-menu  > li:hover > a > .sf-sub-indicator,
.sf-menu  > li.sfHover > a > .sf-sub-indicator 
{
   /*	Pfeile incl. Hintergrund in der Naviagtionsleiste ausblenden	*/
   background:none;
}

a > .sf-sub-indicator {
   background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
   background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 10px; }
/*	Pfeil in UNtermenü	*/
.sf-menu ul a > .sf-sub-indicator { background-position:  0 10px; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
   background-position: -10px 10px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
   /*	Pfad zum Schatten	*/
   background:	url('../images/shadow.png') no-repeat bottom right;
   padding: 0 8px 9px 0;
   -moz-border-radius-bottomleft: 17px;
   -moz-border-radius-topright: 17px;
   -webkit-border-top-right-radius: 17px;
   -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
   background: transparent;
}
/* 
    Document   : creaGalery
    Created on : 04.04.2011, 17:38:16
    Author     : Johannes Nazarov
    Description:
         Für das creaGalery-Plugin
*/


/*
 *  Dieser Bereich ist wesentlich für das Funktionieren des Plugins und sollte nicht verändert werden
*/

.creaGalery-backscreen
{
   background:url('../../../includes/img/cgBack.png');
   position:fixed;
   width:100%;
   height:100%;
   padding:0;
   top:0;
   left:0;
   z-index:900;
   opacity:0.7;
   filter:Alpha(opacity=70);
}

.creaGalery-back
{
   background:black;
   /*outline:silver solid 2px;*/
   position:fixed;
   width:900px;
   height:600px;
   margin-left:-450px;
   margin-top:-300px;
   padding:0;
   top:50%;
   left:50%;
   z-index:1000;
   -moz-box-shadow: 5px 5px 5px #000;
   -webkit-box-shadow: 5px 5px 5px #000;
   box-shadow: 5px 5px 5px #000;
}

.creaGalery
{
   position:fixed;
   width:900px;
   height:600px;
   margin-left:-450px;
   margin-top:-300px;
   padding:0;
   top:50%;
   left:50%;
   z-index:1000;
   overflow:hidden;
   border: 2px solid #fff;
}
.creaGalery-close
{
   background:url('../../../data/templates/images/plugIcons.png') -171px center no-repeat #B30617;
   position:fixed; /*  Weil der Button über den Rand der Galerie hinaus schaut  */
   top:50%;
   left:50%;
   margin-left:433.5px; /* galerywidth/2-closewidth/2-border/2 */
   margin-top:-316.5px; /* -galeryheight/2-closeheight/2-border/2 */
   width:30px;
   height:30px;
   border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border:solid #fff 2px;
   cursor:pointer;
   z-index: 1500;
}
.creaGalery-close:hover
{
   background-color:#ffffff;
   background-position: -196px center;
   border:solid #fff 2px;
}


.creaGalery-functionarea
{
   position:absolute;
   top: 10px;
   left: -6px;
   margin:10px;
   width:220px;
   height: 450px;
   color: #000;

   background:url('../../../includes/img/cgPreload.gif') center no-repeat #F2F2F2;
   padding: 10px;
   text-align: center;

    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
}

.creaGalery-functionarea a
{
	color: #000;
	outline: none;
}

.creaGalery-functionarea a:hover
{
	color: #999;
}

.creaGalery-functionarea .area-unten
{
   position:absolute;
   bottom:10px;
   left:50%;
   margin-left: -110px;
   width: 220px;
}

#functionarea_bg {
   background-color: #F2F2F2;
   height: 350px;
}

.creaGalery-functions
{
   position:absolute;
   width:250px;
   height: 530px;
   margin:0;
   padding:0;
   right:0;
   z-index:1100;
   background:#000;
   color:white;
   text-align: center;
}
.creaGalery-functions-header
{
   color:#bbbbbb;
   letter-spacing: 1px;
   border-bottom: solid 1px #bbbbbb;
}
.creaGalery-functions-slideshow
{
   position: absolute;
   bottom:2px;
   left:3px;
   border: solid #bbbbbb 1px;
   width:240px;

    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
}

.creaGalery-functions-slideshow-play,
.creaGalery-functions-slideshow-prev,
.creaGalery-functions-slideshow-next,
.creaGalery-functions-slideshow-alert
{
   width:25px;
   height:25px;
   cursor: pointer;
   display:inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/plugIcons.png');
}

.creaGalery-functions-slideshow-play
{
   background-position:-270px center;
}
.creaGalery-functions-slideshow-play:hover
{
   background-position:-292px center;
}
.creaGalery-functions-slideshow-play[status=on]
{
   background-position:-220px center;
}
.creaGalery-functions-slideshow-play[status=on]:hover
{
   background-position:-245px center;
}
.creaGalery-functions-slideshow-prev
{
   background-position:-60px center;
}
.creaGalery-functions-slideshow-prev:hover
{
   background-position:-92px center;
}
.creaGalery-functions-slideshow-next
{
   background-position:4px center;
}
.creaGalery-functions-slideshow-next:hover
{
   background-position:-28px center;
}
.creaGalery-functions-slideshow-alert
{
   background-position:-128px center;
}
.creaGalery-functions-slideshow-alert:hover
{
   background-position:-155px center;
}




.creaGalery-picture
{
   position:absolute;
   width:600px;
   height:500px;
   top:50%;
   left:0;
   margin:-280px 20px 20px;
   z-index:1100;
   background:black;
   text-align:center;
   vertical-align:middle;
}
.creaGalery-picture img
{
   z-index:1110;
   background:url('../../../includes/img/cgPreload.gif') center no-repeat;
}
.creaGalery-interactive-left,
.creaGalery-interactive-right
{
   width:54px;
   cursor: pointer;
   opacity:0.5;
   filter:Alpha(opacity=50);
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/plugIcons.png');
}
.creaGalery-interactive-right
{
   right:0;
   background-position: -310px center;
}
.creaGalery-interactive-left
{
   left:0;
   background-position: -378px center;
}


.creaGalery-thumbbottom
{
   position:absolute;
   background:#222222;
   bottom:0;
   height:70px;
   width:100%;
   left:0;
}
.creaGalery-thumbline
{
   white-space: nowrap;
   position:absolute;
   z-index:1100;
   width:100%;
   height:70px;
   bottom:0;
}
.creaGalery-thumbcontainer
{
   cursor:pointer;
   display: inline-block;
   position: relative;
}
.creaGalery-thumb-active
{
   outline:double silver 3px;
}

.creaGalery-thumbcontainer img
{
   background:url('../../../includes/img/cgPreload.gif') center no-repeat;
   position:absolute;
}

.creaGalery-interactive
{
   position:absolute;
   z-index:1500;
   margin:20px;
}

.creaGalery-interactive-press
{
   position:absolute;
   top:0;
   height:100%;
   z-index:1550;
   cursor: pointer;
   display:inline;
}

.creaGalery-interactive-arrow
{
   position: absolute;
   top:0;
   height:100%;
   z-index:1555;
}

.creaGalery-thumbline-sLeft,
.creaGalery-thumbline-sRight
{
   position:absolute;
   bottom:0;
   opacity:0.2;
   filter:Alpha(opacity=20);
   min-width:54px;
   height: 70px;
   width: 70px;
   cursor: pointer;
   z-index:1500;
}
.creaGalery-thumbline-sLeft
{
   background: url('../../../data/templates/images/plugIcons.png') -370px center no-repeat #333333;
   left:0;
}
.creaGalery-thumbline-sRight
{
   background: url('../../../data/templates/images/plugIcons.png') -310px center no-repeat #333333;
   right:0;
}
.creaGalery-thumbline-sLeft:hover,
.creaGalery-thumbline-sRight:hover
{
   opacity:0.7;
   filter:Alpha(opacity=70);
}
/**
 * PageWorkx - Template CSS
 *
 * @version	$Id: banner.css 606 2012-11-22 15:13:15Z tim $
 * @package	PageWorkx
 * @subpackage	Templates
 * @author	Mirco Illmann
 * @copyright	Copyright (C)2011 by CREA Werbeagentur GmbH, Osnabrück. All rights reserved.
 *
*/

.banner-container
{
   width:100%;
   height:100%;
   white-space: nowrap;
   overflow: hidden;
   margin-left: 15px;
}
.banner_1 .banner-container
{
   width:100%;
   height:100%;
   white-space: nowrap;
   overflow: hidden;
   margin-left: 0px;
}
.banner-picbox
{
   display: inline-block;
}

.controls
{
   text-align: right;
   margin-bottom: -15px;
}
.controls-prev
{
   background: none;
}
.controls-next
{
   background: none;
   height:0px;
}

.banner-prev,
.banner-next,
.banner-play
{
   width:25px;
   height:25px;
   cursor: pointer;
   display:inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/plugIcons.png');
}
.controls-banner{
   height: 0px;
   margin: 0;
   padding: 0;
   background-color: transparent;
}
.controls-banner
.banner-prev
{
   width:25px;
   height:42px; 
   cursor: pointer;
   display:inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/plugIcons_banner.png');
   position:relative;
   top:-120px;
   left:-247px;
}
.controls-banner
.banner-next
{
   width:25px;
   height:42px;
   cursor: pointer;
   display:inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/plugIcons_banner.png');
   position:relative;
   top:-120px;
   left:247px;
}

.banner-prev
{
   background-position:-60px center;
}
.banner-prev:hover
{
   background-position:-92px center;
}

.banner-next
{
   background-position:4px center;
}
.banner-next:hover
{
   background-position:-28px center;
}

.banner-play
{
   background-position:-270px center;
}
.banner-play:hover
{
   background-position:-292px center;
}
.banner-play[status=on]
{
   background-position:-220px center;
}
.banner-play[status=on]:hover
{
   background-position:-245px center;
}
.controls-banner banner-prev
{
   background-position:-60px center;
}
.controls-banner banner-next
{
   background-position:-60px center;
}
.controls-banner .banner-prev:hover
{
   background-position:-92px center;
}

.controls-banner .banner-next
{
   background-position:4px center;
}
.controls-banner .banner-next:hover
{
   background-position:-28px center;
}
.controls-banner-tall
{
   position: absolute;
   width: 1280px;

}

.controls-banner-tall .banner-next-tall
{
   height:67px;
   width:34px;
   cursor: pointer;
   display:inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/pfeil_rechts.png');
   position:relative;
   top:-250px;
   left:47%;
   

}
.controls-banner-tall .banner-prev-tall
{
   height:67px;
   width:34px;
   cursor: pointer;
   display:inline-block;
   background-repeat: no-repeat;
   background-image: url('../../../data/templates/images/pfeil_links.png');
  position:relative;
  top:-250px;
  left:-47%;

}

#banner_u_rechts
{
   width:250px;
   margin-left: 95px;
}
#banner_u_links
{
   width:250px;
   margin-left: 10px;

}
#banner_u_mitte
{
   width:250px;
   margin-left: 55px;

}
#headbereich_links
{
   width:250px;
}
#headbereich_mitte
{
   width:250px;
   margin-left: 45px;

}
#headbereich_rechts
{
   width:250px;
   margin-left: 85px;

}
.banner_frontpage
{
   float:left;
   width:250px;
   padding-bottom: 20px;

}
.banner-events .event_liste_img
{
   border:none;
}
.banner-events h6
{
   color:black;
}
.banner-events h5
{
   color:black;
}
.banner-events .event_liste_headline
{
   width:100px;
}
.banner-events .event_liste_img
{
   margin-right: 0px;
}
.banner-events
{
   display: inline-block;
   margin-right: 50px;
}
.area-unten .banner-container
{
   margin-left: 0px;
}

#bilddetail {
	margin-bottom: 20px;
	margin-right: 10px;
	width: auto;
	float: left;
	height: auto;
}

#showtags {
	width: 200px;
	float: left;
	height: auto;
	color: #999;
	font-size: 11px;
}

#showtags a {
	color: #627AAD;
	text-decoration: underline;
}

#showtags a:hover {
	color: #FFF;
}

#showtags img {
	border: 1px solid #FFF;	
	display: inline;
}

#showtagstext {
	color: #999;
	font-size: 11px;
}

#showtagstext a {
	color: #627AAD;
	text-decoration: underline;
}

#showtagstext a:hover {
	color: #FFF;
}

.tagged_table {
	color: #FFF;	
}

#tag-wrapper {
	/*border: 1px solid #ccc;
	box-shadow: 0px 0px 10px #bbb;
	-webkit-box-shadow: 0px 0px 10px #bbb;
	-moz-box-shadow: 0px 0px 10px #bbb;*/
	/*display: inline;*/
	/*padding: 10px;*/
	/*position: absolute;*/
}

#tag-target, #tag-wrapper img { 
	cursor: crosshair; 
}

#tag-wrapper img { 
	position: absolute; 
}

#tag-target {
	display: none;
	border: 1px solid #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50000;
	
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#tag-input {
	background-color: #000;
	display: none;
	padding: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	z-index: 50000;
	color: #FFF;
	
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#tag-input label {
	display: block;
}

#tag-input input
{
	color: black;
   background-color: white;
	display: block;
	margin: 5px 0px;
	outline: 0px;
	padding: 3px;
	width: 170px;
}

#tag-input button {
	background-color: #FFF;
	margin: 5px;
	color: #000;
	border: none;
}

.hotspot {
	border-width: 0px;
	box-shadow: 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px #000;
	-moz-box-shadow: 0px 0px 0px #000;
	min-height: 50px;
	min-width: 50px;
	position: absolute;
   z-index: 1550;
}

.hotspot:hover, .hotspothover {
   z-index: 1550;
}

.hotspot span { 
	display: none;
}

.hotspot:hover span, .hotspothover span {
	background-color: #000;
	
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	width: auto;
	cursor: pointer;
}

.remove { 
	color: #748950; 
	cursor: pointer; 
	text-decoration: underline; 
}
/*
Copyright 2010 Mike Brevoort http://mike.brevoort.com @mbrevoort

v1.0 jquery-facebook-multi-friend-selector

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

#jfmfs-friend-selector input {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}
.jfmfs-friend {                
    cursor:pointer;
    display:block;
    float:left;
    height:56px;
    margin:3px;
    padding:4px;
    width:126px;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	-webkit-user-select:none;
	-moz-user-select:none;
	overflow:hidden;
}

.jfmfs-friend img {
    border: 1px solid #CCC;
    float:left;
    margin:0;
}

.jfmfs-friend.selected img {
    border: 1px solid #233E75;
}

.jfmfs-friend div {
    color:#FFFFFF;
    font-size:11px;
    overflow:hidden;
    padding:2px 0 0 6px;
}

#jfmfs-friend-container {
    overflow:scroll;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    width:100%;
    height:400px;  
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    color: #FFF;
    font-size: 12px;
}

#jfmfs-friend-selector {
    width:560px;   
    height:430px;
    overflow-y:hidden;                            
}

#jfmfs-inner-header {
    background:none repeat scroll 0 0 #F7F7F7;
    border-bottom:1px solid #CCCCCC;
    color:#3B5998;
    font-size:11px;
    font-weight:bold;
    height:30px;
    padding:2px;
    margin-top:10px;
}

.jfmfs-friend.selected {
    background-color: #3B5998;
    border: 1px solid #3B5998;
    
    background: #6D84B4; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#233E75', endColorstr='#6D84B4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#233E75), to(#6D84B4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #233E75,  #6D84B4); /* for firefox 3.6+ */    
}

.jfmfs-friend.selected div {
    color: #FFFFFF;
}

.hover {
    background-color: #EFF2F7;
}

.hide-non-selected, .hide-filtered {
    display: none;
}

div.jfmfs-button {
    background:none repeat scroll 0 0 #6D84B4;
    border:1px solid #3B5998;
    color:white;
    cursor:pointer;
    margin:4px 5px 0 4px;
    padding:2px 5px;
    text-decoration:none;
}

#jfmfs-friend-selector a.filter-link:link, a.filter-link:visited {
    font-weight: bold;
    text-decoration: none;
}

#jfmfs-friend-selector a.filter-link:hover, #jfmfs-friend-selector a.selected {
    background-color: #6D84B4;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    color: #FFFFFF;
}

#jfmfs-friend-selector .filter-link {
    margin:4px 5px 4px 5px;
    padding:3px 5px 3px 5px;
}

#jfmfs-inner-header .filter-link {
    float:right;
}

#jfmfs-inner-header div.jfmfs-button-hover {
    text-decoration: underline;
}


#jfmfs-friend-filter-text {
    height: 23px;
}


#jfmfs-inner-header span.jfmfs-title {
    color: black;
    font-weight: bold;
    margin: 3px 0 2px;
}

#jfmfs-max-selected-wrapper {
    float: right;
    margin:4px 5px 4px 5px;
    padding:3px 5px 3px 5px;  
}

/**
 * ------------------------------------------------------------------------------------------
 * 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: 0.9;
   filter: alpha(opacity = 90);
   -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:24px;
}
body .creatooltip.tooltip-bottom .creatooltip-box
{
   left:-10px;
   top:24px;
   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;
}

/* START RESET CSS */
@import url("print.css") print, embossed;
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	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, section {
    display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

body {
	font:13px/1.231 sans-serif;
	*font-size:small;
}

select, input, textarea, button {
	font:99% sans-serif;
}

pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}

/* ENDE RESET CSS */

/* START TEMPLATE AUFBAU */

body {
	color: #FFF;
	background-color: #000;
	background-image: url(../images/s78_bg_body.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper_kompl {
	background-image: url(../images/s78_bg_wrapper.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 1350px;
}

#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

header {
	width: 900px;
	height: 151px;
	float:left;
}

#header_links {
	width: 350px;
	height: 147px;
	float: left;
}

#header_rechts {
	width: 550px;
	height: 147px;
	float: left;
}

#navig {
	width: 525px;
	height: 29px;
	margin-top: 115px;
	padding-left: 25px;
}

#logo {
	width: 300px;
	height: 80px;
	padding-left: 20px;
	padding-top: 30px;
	float: left;
	margin-bottom: 35px;
}

#login {
	width: 302px;
	height: 29px;
	float: right;
	text-align: right;
	margin-top: 50px;
}

#login_box {
	width: 300px;
	height: 29px;
	display: inline;
	line-height: 28px;
	font-size: 11px;
	font-weight: bold;
}

#login_box {
	color: #666;
}

#login_box a {
	color: #FFF;
}

#login_box a:hover {
	color: #CCC;
}

.login_regis {
	margin-left: 10px;
}

.login_profil {
	margin-left: 10px;
}

#main {
	width: 900px;
	height: auto;
	float: left;
}

#main_oben {
	width: 900px;
	float: left;
	height: 332px;
	margin-top: 17px;
	margin-bottom: 26px;
	background-image: url(../images/s78_bg_main_oben.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#main_mitte {
	width: auto;
	float: left;
	height: auto;
	margin-top: 17px;
}

#main_unten {
	margin-top: 17px;
	width: 900px;
	float: left;
	height: auto;
	margin-bottom: 22px;
}

section {
	background: none;
}

.oben {
	width: 900px;
	float: left;
	height: 332px;
}

.mitte {
	width: auto;
	float: left;
	height: auto;
}

.headbereich {
	height: auto;
	margin-bottom: 5px;
}

.headbereich h1 {
	background-image: url(../images/s78_bg_headbereich_h1.jpg);
	background-repeat: repeat-x;
	height: 30px;
	font-size: 16px;
	padding-top: 8px;
	padding-left: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}

.headbereich h3 {
	background-image: url(../images/s78_bg_headbereich_h1.jpg);
	background-repeat: repeat-x;
	height: 30px;
	font-size: 16px;
	padding-top: 8px;
	padding-left: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}

.inhaltsbereich {

}

.inhaltsbereich_rechts {

}

.inhaltsbereich_galerie {

}

.inhaltsbereich_pinnwand {

}

.inhaltsbereich_uebersicht {

}

.force-scroll {
	min-height: auto;
}

.force-scroll_galerie {
	min-height: auto;
}

.force-scroll_uebersicht {
	min-height: auto;
}

.u_links {
	width: 286px;
	float: left;
	height: auto;
	background-color: #000000;
	margin-right: 21px;
	padding-bottom: 20px;
}

.u_mitte {
	width: 286px;
	float: left;
	height: auto;
	background-color: #000000;
	margin-right: 21px;
}

.u_rechts {
	width: 286px;
	float: left;
	height: auto;
	background-color: #000000;
}

/* FOOTER */

footer {
	width: 100%;
float: left;
height: 220px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/s78_bg_footer.png);
background-repeat: repeat-x repeat-y;
}

#footer_links {
	width: 390px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#footer_rechts {
	width: 480px;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

.googleplus {
	vertical-align: -3px;
}

#iconleiste {
	text-align: left;
}

#iconleiste img {
	margin-right: 10px;
}

.credits {
	color: #666666;
	float: right;
	width: 100%;
	text-align: right;
}

.subnavig {
	color: #666666;
	float: right;
	width: 100%;
	text-align: right;
}

/* FOOTER LINKS */

.credits a:link {
	color: #666666;
}

.credits a:visited {
	color: #666666;
}

.credits a:hover {
	color: #FFFFFF;
}

.credits a:active {
	color: #666666;
}

.subnavig a:link {
	color: #666666;
}

.subnavig a:visited {
	color: #666666;
}

.subnavig a:hover {
	color: #FFFFFF;
}

.subnavig a:active {
	color: #666666;
}

/* ENDE FOOTER LINKS */

/* ENDE TEMPLATE AUFBAU */

.breadcrumb {
	margin-bottom: 10px;
	width: 575px;
	background-color: #000;
	line-height: 20x;
	padding: 5px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	text-transform: uppercase;
}

html {
	overflow-y: scroll;
}

a:link {
	color: #CC9933;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #CC9933;
}

a:hover {
	color: #FFF;
}

a:active {
	color: #CC9933;
}

ul, ol {
	margin-left: 1.8em;
}

ol {
	list-style-type: decimal;
}

nav ul, nav li {
	margin: 0;
}

small {
	font-size: 85%;
}

strong, th {
	font-weight: bold;
}

strong {
	color: #FFFFFF;
}

td, td img {
	vertical-align: top;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

pre {
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

.ie6 legend, .ie7 legend {
	margin-left: -7px;
}

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}

.ie6 input {
	vertical-align: text-bottom;
}

label {
	margin: 0;
	padding: 0;
}

label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

button, input, select, textarea {
	margin: 0;
}

input:valid, textarea:valid   {
}

input:invalid, textarea:invalid {
	border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
	background-color: #f0dddd;
}

::-moz-selection{
	background: #FF5E99;
	color:#fff;
	text-shadow: none;
}

::selection {
	background:#FF5E99;
	color:#fff;
	text-shadow: none;
}

a:link {
	-webkit-tap-highlight-color: #FF5E99;
}

button {
	width: auto;
	overflow: visible;
}

.ie7 img {
	-ms-interpolation-mode: bicubic;
}

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.hidden {
	display: none;
	visibility: hidden;
}

.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* START PAGING / NAVIG IMAGES */

.paging
{
   width:50%;
   text-align: center;
   font-weight: normal;
   margin-left: auto;
   margin-right: auto;
   font-size: 14px;
   margin-top: 5px;
   margin-bottom: 5px;
}

.paging .next,
.paging .prev
{
   width:30px;
   height:16px;
}

.paging td
{
   vertical-align: middle;
}

.paging a:link, a:visited, a:active {
    text-decoration: none;
	color: #fff;
}

.paging a:hover {
    text-decoration: none;
    color: #fff;
}

.paging-active {
	padding: 3px;
    color: #fff;
	background-color: #CC9933;

   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;

}

a.link_zurueck,
a.link_weiter
{
   height:22px;
   min-width:52px;
   display:block;
   background-repeat: no-repeat;
   font-size: 12px;
   vertical-align: middle;
   line-height: 22px;
}

a.link_zurueck
{
   padding-left: 28px;
   background-image: url(../images/s78_kalender_back.png);
   background-position: left 2px;
}
a.link_zurueck:hover {
   background-image: url(../images/s78_kalender_back_hover.png);
   color: #FFF !important;
   text-decoration: none;
}

a.link_weiter {
   padding-right: 28px;
   background-image: url(../images/s78_kalender_next.png);
   background-position: right 2px;
}
a.link_weiter:hover {
   background-image: url(../images/s78_kalender_next_hover.png);
   color: #FFF;
   text-decoration: none;
}

/* ENDE PAGING */

/* START IFRAME */

.iframe {
	width: 572px;
}

/* ENDE IFRAME */

/* START FORMULARE */

input, select, textarea, radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
	background-color: #000;
}

textarea {
	overflow:auto;
}

.tellafriend-form input {
    width: 200px;
}

table.detail {
   width:100%;
   color: #fff;
   margin-top: 20px;
}

table.detail th {
    color: #fff;
    vertical-align: top;
    text-align: left;
    padding-left: 5px;
}

table.detail td {
   padding-left: 5px;
   padding-bottom: 10px;
}
table.detail td p {
   margin: 10px 0;
}

.formular_container {
	width: 530px;
	background-color: #000;
	padding-left: 5px;
}

.formular_container_h1 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	display: none;
}

.formular_container h3 {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	padding-left: 5px;
	margin-top: 10px;
}

.formular_infotext {
	padding-left: 5px;
}

.formular fieldset {

}

.formular fieldset ul li a {
	color: #CC9933;
}

.formular fieldset ul li a:hover {
	color: #FFF;
}

.formular legend {
   padding:5px;
   font-size:14px;
   text-transform: uppercase;
   color: #FFFFFF;
   font-weight: bold;
}

.formular select {
    font-size: 0.8em;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}

.formular input[type='text'] {
    width: 200px;
}

.formular input[type='radio'] {
	margin: 0;
	padding: 0;
}

.formular textarea {
    width: 200px;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}

.formular input {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}

.formular input[type='submit'] {
	background-image: url(../images/s78_bg_button.png);
	background-repeat: repeat-x;
    height: 20px;
    color: #fff;
    margin-right: 10px;
	border: none;
	outline: none;
	line-height: 16px;
}

.formular input[type='submit']:hover {
	background-image: url(../images/s78_bg_button_hover.png);
    background-repeat: repeat-x;
    color: #FFF;
}

.formular .info {
   display: block;
   font-size: 10px;
   color: #666;
   margin-bottom: 4px;
}

.formular .disabled {
   background: #666;
}

.disabled, .formular input.disabled, a.disabled {
   color: #666;
   border-color: #FFF;
}

.input-error-message {
    color: #F00;
    display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}

.radioset {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.radiodesc {
	vertical-align: -2px;
}

.form_pflicht {
	font-size: 0.8em;
	margin-bottom: 10px;
}

.tbg-toogle {

}

/* ENDE FORMULARE */


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * Druck Styles
 */
@media print {
* {
	background: transparent !important;
	color: #444 !important;
	text-shadow: none !important;
}

.u_links {
	display: none;
}

.u_rechts {
	display: none;
}

.o_rechts_1 {
	display: none;
}

.o_rechts_2 {
	display: none;
}

footer {
	display: none;
}

header {
	display: none;
}

.messade {
	display: none;
}

nav#menu
{
   display:none;
}
#login
{
   display:none;
}
.noprint
{
   display:none;
}

a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}

a:after {
	content: " (" attr(href) ")";
}

abbr:after {
	content: " (" attr(title) ")";
}

.ir a:after {
	content: "";
}

pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}

thead {
	display: table-header-group;
}

tr, img {
	page-break-inside: avoid;
}

@page {
	margin: 0.5cm;
}

p, h2, h3 {
	orphans: 3;
	widows: 3;
}

h2, h3{
	page-break-after: avoid;
}

}

.message
{
   display: block;
   background: #000;
   border: 1px solid #CC9933;
   padding:3px;
   /*
   border-radius: 5px;
   -moz-border-radius: px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   */
   min-height: 100px;
   margin: 10px;
   box-shadow:10px 10px 10px #000;
}

#messagebox
{
   position: fixed;
   top:50%;
   left:50%;
   width:500px;
   margin-left: -200px;
   cursor: pointer;
   display: none;
}

.message-warnung h3,
.message-hinweis h3,
.message-erfolg h3
{
	color: #fff;
	width: 467px;
	margin-left: -5px;
	margin-bottom: 20px;
	background-image: url(../images/s78_bg_headbereich_h1.jpg);
	background-repeat: repeat-x;
	height: 22px;
	font-size: 14px;
	padding-top: 8px;
	padding-left: 5px;
	font-weight: bold;
	letter-spacing: 1px;
}

.message-warnung,
.message-hinweis,
.message-erfolg
{
  padding-left: 5px;
}

.message-warnung
{

}

.message-hinweis
{

}

.message-erfolg
{

}

.codeemail
{
   direction: rtl;
   unicode-bidi: bidi-override;
}


.fb-send-button iframe{
	min-width:65px !important;
	}
/*
#login_box .fb_button .fb_button_text
{
   width:17px;
   height:16px;
   color:transparent;
   margin-left:0;
   padding:0;
   background-position: -21px 16px;
   font-size:0px;
}
*/

/* FRONTPAGE MODUL */

#frontpage {
	padding: 5px;
}

#frontpage img {
	border: 1px solid #591689;
	float:left;
}

#eventbanner
{
   text-align:center;
   overflow: hidden;
   width: 280px;
   height: 328px;
   float: right;
}

/*
#eventbanner .controls
{
   margin:0;
   height:20px;
   display: block;

}
#eventbanner .controls .banner-prev
{
   height:128px;
   position: relative;
   top: 41px;
   right: 535px;
   background: none;
   background-image: url(../images/s78_frontpage_prev.png);
   background-repeat: no-repeat;
}
#eventbanner .controls .banner-next
{
   height:128px;
   position: relative;
   top: 21px;
   right: -3px;
   background: none;
   background-image: url(../images/s78_frontpage_next.png);
   background-repeat: no-repeat;
}
*/

.banner-picbox img {
	margin-bottom: 10px;
	border: 1px solid #591689;
}

#eventbanner .banner-container
{
   display: inline;
}

#eventbanner .banner-container img
{

}

.box_eventbanner {

}

/* ENDE FRONTPAGE MODUL */

/* PRINT */

.noprint {
	margin-top: 20px;
	padding-left: 5px;
	margin-bottom: 20px;
}

.noprint_button {
	background-image: url(../images/s78_bg_button.png);
	background-repeat: repeat-x;
	background-position: center 4px;
    height: 16px;
    color: #fff;
    margin-right: 10px;
	border: none;
	outline: none;
	padding: 5px;
	cursor: pointer;
	line-height: 22px;
}

.custom_button {
	background-image: url(../images/s78_bg_button.png);
	background-repeat: repeat-x;
	background-position: center 5px;
    height: 16px;
    color: #fff;
    margin-right: 10px;
	border: none;
	outline: none;
	padding: 5px;
	cursor: pointer;
	line-height: 22px;
}

.custom_button a {
    color: #fff;
}

footerlounge {
background-color: black;
bottom: 0;
color: gray;
height: 40px;
left: 0;
position: fixed;
width: 100%;
z-index: 500;
}

.puzzButton
{
   height: 33px;
   padding: 0 8px;
   position: relative;
   margin-top:10px;
}

.puzzButton a {
   color: #CCFF33;
   font-weight: lighter;

}

.puzzButton a:hover {
   color: #FFFFFF;
}

.puzzButton a span {
   color: #FFF;
   font-weight: bold;
}

.puzzButton a:hover span {
   color: #FFFFFF;

}

.puzzButton span {
   background: #591689;
   height: 33px;
   line-height: 33px;
   padding: 0 5px;
   display: block;
   text-align: center;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

.puzzButton .puzzButton-start,
.puzzButton .puzzButton-end
{
   background: url(../images/button_enden.png) no-repeat center;
   width: 8px;
   position: absolute;
   top: 0;
   padding: 0;
   display: block;
}

.puzzButton .puzzButton-start
{
   background-position: left center;
   left:0;
}
.puzzButton .puzzButton-end
{
   background-position: right center;
   right:0;
}
.fblikebox{
	margin-bottom: 108px;
height: 200px;
overflow: hidden;
float: left;
}/* CONTENT ALLGEMEIN */

#content_container {
    width: 572px;
    float: left;
	background-color: #000;
	padding-left: 10px;
	padding-right: 10px;
}

.content_container h1 {
	
}

.content_container h2 {
	text-transform: uppercase;
}

.content_container h3 {
	
}

.content_container h4 {

}

.content_container h5 {
	font-size: 18px;	
}

.content_container h6 {
	
}

.content_video {
	margin-top: 10px;	
}

.content_html {
	margin-bottom: 10px; 
}

.content_html img {
	width: 572px;

}

.content_img_links {
	width: 130px;
	height: 474px;
	float:left;
	margin: 0;
	padding: 0;
}

.content_infos {
    float: left;
    width: 572px;
	height: 100%;
	min-height: 474px;
}

.content_infos h1 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
}

#content_detail_sm {
    width: 572px;
    float: left;
    text-align: center;
    color: #FFF;
	margin-left: -4px;
}


/* MODUL LIST */

.content_kategorie_container {
    width: 572px;
    float: left;
	background-color: #000;
	padding-left: 10px;
	padding-right: 10px;
}

.content_kategorie_headline {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
}

.content_kategorie_image {
	width: auto;
	float: left;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.content_kategorie_info {
    width: 524px;
    padding-left: 6px;
	float: left;
}

.content_kategorie_introtext {
	padding-left: 5px;	
}

.content_kategorie_more {
	text-align: right;
}

.content_kategorie_more a.link_weiter {
	background: none;
	margin: 0;
	padding: 0;
}
/**
 * ------------------------------------------------------------------------------------------
 * 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 Events
 * 
 * SVN revision information:
 * @version    $Rev: 649 $:
 * @author     $Author: sascha $:
 * @date       $Date: 2013-02-28 19:12:12 +0100 (Do, 28 Feb 2013) $:
 * @link       $HeadURL: http://dev.crea.de/svn/crea_cw-cms/trunk/includes/css/event.css $:
*/

/* Comment-Box von Facebook richtig ausrichten */
#event_detail_sm .fb_iframe_widget iframe 
{
   position:static !important;
}

/* Promotion-Icons   */
.event_liste_img
{
   position:relative;
}
.promotion-icon
{
   display:block;
   position:absolute;
   left:50%;
   bottom:0;
   margin-left:-27px;
   width:26px;
   height:33px;
   background:url(../../../includes/img/icon_gewinnspiel.png) no-repeat center;
}
.promotion-icon:hover
{
   bottom:1px;
}
.gutschein-icon
{
   display:block;
   position:absolute;
   left:50%;
   bottom:0;
   margin-left:1px;
   width:26px;
   height:33px;
   background:url(../../../includes/img/icon_gutschein.png) no-repeat center;
}
.gutschein-icon:hover
{
   bottom:1px;
}/* EVENT ALLGEMEIN */

#event_container {
    width: auto;
    float: left;
    height: auto;
	font-size: 14px;
}

.event_container h1 {
	
}

.event_container h2 {

}

.event_container h3 {
	
}

.event_container h4 {

}

.event_container h5 {
	font-size: 18px;	
}

.event_container h6 {
	color: #fff;	
}

#event_block {
    width: 100%;
    height: auto;
    float: left;
}

/* EVENT LISTE */

.event_liste {
	width: 572px;
	margin: 10px;
	float: left;
	background-color: #000;
}

.event_liste_img {
    float: left;
    width: 278px;
	height: 152px;
	max-height: 152px;
	border: 1px solid #591689;
}

.event_liste_info {
    float: left;
    width: 265px;
	height: 152px;
    position: relative;
	padding-left: 5px;
}

.event_liste_datum {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 265px;
	line-height: 29px;
}

.event_liste_headline {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 265px;
	line-height: 29px;
}

.event_liste_trenner {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 1px;
	background-color: #333;
}

.event_liste_introtext {
    color: #fff;
    font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 265px;
	height: 70px;
	overflow-y: hidden;
}

.event_liste_sm {
	position: absolute;
	width: 265px;
	padding-left: 5px;
	overflow: visible !important;
	z-index: 100000;
	margin-right: 20px;
}

.event_liste_more {
   position: absolute;
   bottom: 5px;
   right: 5px;
}

.event_liste_more a.link_weiter {
	background: none;
	margin: 0;
	padding: 0;
}

/* EVENT DETAIL */
 
.event_detail {
    width: 572px;
	margin: 10px;
	height: auto;
    float: left;
	background-color: #000;
}

.event_detail_links {
	float: left;
    width: 290px;
	height: auto;
	min-height: 302px;
}

.event_detail_img {
    float: left;
    width: 278px;
	padding: 0;
	margin: 0;
	height: 152px;
	border: 1px solid #591689;
}

.event_detail_smbuttons {
    float: left;
    width: 278px;
	height: 150px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.event_detail_reservieren {
    float: left;
    width: 182px;
	height: 45px;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.event_detail_info {
    float: left;
    width: 282px;
	height: 100%;
}

.event_detail_datum {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 262px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	line-height: 29px;
}

.event_detail_headline {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 262px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
	line-height: 29px;
}

.event_detail_detailtext {
    color: #fff;
    font-size: 1em;
	margin-bottom: 15px;
}

#event_detail_video1 {
    width: 572px;
    float: right;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
	margin-left: 5px;
}

#event_detail_video2 {
    width: 572px;
    float: right;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
	margin-left: 5px;
}

#event_detail_sm {
    width: 572px;
	clear: both;
    text-align: center;
    color: #FFF;
	margin-left: 10px;
	padding-top: 5px;
	/*
	background-color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	*/
}

.event_detail_zurueck {
    width: 262px;
    float: left;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
    /*display:block;*/
}

.event_detail_zurueck a:hover {
    text-decoration: none;
    color: #fff;
}

.event_detail_pnallg {
	display: block;
	margin-bottom: 20px;
	text-align: right;
	width: 100%;
	float:right;
}

.event_detail_pre {
	background-image: url(../images/event_pre.png);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-table;
	height: 30px;
	line-height: 30px;
	text-align: right;
}

.event_detail_pre a {
	padding-left: 30px;
	color: #FFF;
	text-align: right;
}

.event_detail_pre a:hover {
	color: #FF0;
}

.event_detail_next {
	background-image: url(../images/event_next.png);
	background-repeat: no-repeat;
	background-position: right;
	display: inline-table;
	height: 30px;
	line-height: 30px;
	text-align: right;
}

.event_detail_next a {
	padding-right: 30px;
	color: #FFF;
	text-align: right;
}

.event_detail_next a:hover {
	color: #FF0;
}

/* EVENT NEXTEVENT */

.event_next {
    width: 100%;
    float: left;
}

.event_next_img {
    float: left;
    width: 225px;
    border: 8px solid #1d1d1d;
    margin-bottom: 30px;
}

.event_next_info {
    float: left;
    width: 100%;
    white-space: normal;
}

.event_next_detailtext {
    color: #f2f2f2;
    font-size: 0.9em;
}

/* EVENT EVENTKALENDER */

.eventkalender {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -5px;
	margin-bottom: 20px;
}

.eventkalender a {
	text-decoration: none;	
}

.eventkalender .pane {
   font-size: 11px;
   text-align: center;

   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
}

.eventkalender .pane table {
   width: 100%;
}

.eventkalender .pane th, .eventkalender .pane td {
   text-align: center;
}

.eventkalender .pane th {
   color: #fff;
   padding-bottom: 2px;
}

.eventkalender .pane span {
   background: #444;
   margin: 4px;
   margin-bottom: 8px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
   width: 22px;
   height: 22px;
   display: inline-block;
   color: #000;
   line-height: 22px;
}

.eventkalender .pane span.selected_month {
   background: #fff;
}

.eventkalender .pane span.termin {
   background: #CC9933;
   font-weight: bold;
   color: #fff;
}

.eventkalender a:hover {
    text-decoration: none;
}

.eventkalender .pane span.heute {
    text-decoration: underline;
}

/* EVENT EVENTKALENDER PAGING */

.eventkalender .paging {
   margin-bottom: 5px;
   width: 100%;,
   text-align: center;
}

.eventkalender .paging .name {
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}

.eventkalender .paging .link_zurueck, .eventkalender .paging .link_weiter {
   padding:0;
}

.event_frontpage_rechts
{
   position:relative;
   float:left;
}
.event_frontpage_rechtsimg
{
   margin-bottom:6px;
}

/**      Promotion      **/

#event-promotion .promotion-beschreibung
{
   margin:10px 5px;
   line-height: 18px;
}

.promotionlink
{
   display: block;
   width:184px;
   height:45px;
   background-image: url(../images/gewinnspiel_info.jpg);
   color: transparent !important;
}

#event-promotion
{
   padding-top:300px;
   background: url(../images/vip_gewinnspiel_header.jpg) no-repeat top center;
}

#event-promotion .promotion-teilnahme-result, .event-promotion-form .promotion-teilnahme-result
{
   padding:10px;
   color:green;
}

.event-promotion-form
{
   display:block;
   margin:5px 0;
   border: 5px solid red;
   padding: 10px;
}

#event-promotion .promotion-teilnahme-warn, .event-promotion-form .promotion-teilnahme-warn
{
   padding:10px 5px;
   color:red;
}

.event_gewinnspiel
{
   float: left;
   margin: 10px 0;
   width: 275px;
   background: #161616;
}

.event-promotion-form  .ui-button .ui-button-text, .event_gewinnspiel .ui-button .ui-button-text
{
   height:40px;
   vertical-align:middle;
}

.promotion-icon
{
   margin-left: -15px;
   width: 113px;
   height: 26px;
   background: url(../images/icon_gewinnspiel.png) no-repeat center;
   left: 17px;
   bottom: 32px;
}
.promotion-icon:hover
{
   left: 18px;
   bottom:32px;
}
.event_frontpage_rechts .promotion-icon,
.event_frontpage_rechts .promotion-icon:hover
{
   bottom:40px;
}

.event_img_big .promotion-icon
{
   bottom: 60px;
   left: 20px;
}
.event_img_big .promotion-icon:hover
{
   bottom: 60px;
   left: 21px;
}/* GALERIE ALLGEMEIN */

.galerie_container {
	padding-left: 10px;
	padding-right: 10px;
}

.galerie_bilder_spalte
{
   text-align: center;
}
.galerie_bilder_spalte img
{
   max-width: 100%;
}

.galerie-matrix {
    width: 572px;
    float: left;
	background-color: #000;
	text-align: center;
}

.galerie-thumbnails {
   margin:13.3px;
   /*margin-left:13.3px;*/
   display:inline-block;
}

.galerie-thumbnails:hover {
   position:relative;
   top:-1px;
   left:-1px;
}

.galerie_headline {
	display: none;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 540px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 29px;
	height: 29px;
}

a.galerie_link_zurueck,
a.galerie_link_weiter
{
   height:22px;
   min-width:26px;
   display:inline;
   background-repeat: no-repeat;
   font-size: 16px;
   vertical-align: 2px;
   line-height: 22px;
   margin-left: 5px;
}

a.galerie_link_zurueck
{
   padding-left: 28px;
   background: url("../images/navig.png") left -110px no-repeat;
}
a.galerie_link_zurueck:hover {
    background-position: left -88px;
    color: #FF0 !important;
    text-decoration: none;
}

/* GALERIE ALBEN */

.galerie-albenliste {
    width: 280px;
    float: left;
}

.galerie-albenliste-eintrag {
	width: 100%;
	text-align: left;
	margin: 10px;
	float: left;
}

.galerie-albenliste-thumbnail {
	width: 95px;
	height: 95px;
    display: inline-block;
	margin-right: 5px;
	float:left;
}

.galerie-albenliste-info {
   width: 170px;
   display: inline-table;
   vertical-align: top;
   float: left;
}

.galerie-albumdatum {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 170px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	line-height: 18px;
}

.galerie-albumtitel {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 170px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
}

.galerie_trenner {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	background-color: #FFF;
	width: auto;
}

/* GALERIE DETAIL */

.galerie-albumdesc {
   font-size: 0.8em;
   color: #4f4f4f;
   line-height: 1.2em;
   margin-top: 3px;
}

.galerie-albumdesc_album {
   font-size: 0.8em;
   color: #fff;
   line-height: 1.2em;
   margin-top: 3px;
}

#galerie_sm {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

/* START GALERIE TAGGEN */

#tag_link {
    font-size: 0.7em;
    text-align: left;
}

#tag_link a {
    text-decoration: none;
    color: #000;
}

#tag_text {
    font-size: 0.7em;
    color: #999;
    text-align: left;
}

#tag_text a {
    color: #CC9933;
    text-decoration: none;
}

#tag_text a:hover {
    color: #000;
}

/* GALERIE PARTYPIX */

.galerie_force-scroll {
	min-height: 0;
}

.partypix {
    margin-bottom: 30px;
}

/* GALERIE ZUFALL LASTALBUM */

.zufall_lastalbum {
	margin-left: 12px;
}

.zufall_lastalbum img {
	margin-top: 5px;	
	margin-bottom: 5px;
	margin-left: 7px;
	margin-right: 7px;
}

.zufall-thumbnails {
   display:inline-block;
}

.zufall-thumbnails:hover {
   position:relative;
   top:-1px;
   left:-1px;
}/*
 * ------------------------------------------------------------------------------------------
 * 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;
}.reservierung_zurueck
{
    padding: 5px;
    width: 325px;
}


table.reservierung_eventliste,
table.reservierung_meineliste
{
   width:100%;
}

table.reservierung_eventliste td,
table.reservierung_meineliste td,
table.reservierung_bereichsliste td,
table.reservierung_bereichsliste th
{
   padding:10px;
}

table.reservierung_bereichsliste
{
   width:100%;
}


table.reservierung_bereichsliste td.reservierung_areapic,
table.reservierung_bereichsliste th.reservierung_areapic
{
   vertical-align:top;
}

table.reservierung_bereichsliste th
{
   background:#212121;
   height:30px;
}
table.reservierung_bereichsliste td,
table.reservierung_bereichsliste th
{
   float: none;
   clear: both;
   vertical-align: middle;
   text-align: left;
   font-weight:bold;
}

table.reservierung_bereichsliste td.reservierung_areapic > img,
table.reservierung_bereichsliste th.reservierung_areapic > img
{
   float:right;
}

table.reservierung_bereichsliste .reservierung_areadesc,
table.reservierung_meineliste .reservierung_areadesc
{
   font-size:11px;
   font-weight: 200;
   color:#EFEFEF;
}

table.reservierung_bereichsliste .reservierung_areainfo,
table.reservierung_meineliste .reservierung_areainfo
{
   font-size:12px;
   font-weight: 200;
}

table.reservierung_bereichsliste .reservierung_areastatus.status1,
table.reservierung_meineliste .reservierung_areastatus.status1
{
   color:green;
}
table.reservierung_bereichsliste .reservierung_areastatus.status1a,
table.reservierung_meineliste .reservierung_areastatus.status1a
{
   color:yellow;
}
table.reservierung_bereichsliste .reservierung_areastatus.status2,
table.reservierung_meineliste .reservierung_areastatus.status2
{
   color:red;
}
table.reservierung_bereichsliste .reservierung_areastatus.status2y,
table.reservierung_meineliste .reservierung_areastatus.status2y
{
   color:blue;
}/* GBOOK ALLGEMEIN */

#gbook_container {
    width: 520px;
    float: left;
	background-color: #000;
	padding-left: 10px;
}

.gbook_container h1 {
	
}

.gbook_container h2 {

}

.gbook_container h3 {
	
}

.gbook_container h4 {

}

.gbook_container h5 {
	font-size: 18px;	
}

.gbook_container h6 {
	color: #f00;	
}

.gbook_liste {
    width: 490px;
    float: left;
	background-color: #000;
	background-image: url(../images/mpdd_bg_gbookliste.png);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	border: 1px solid #fff;
	padding: 10px;
}

.gbook_eintraglink {
    width: 490px;
    float: left;
	margin-bottom: 30px; 
	padding-left: 10px;
}

.gbook_liste_info {
    float: left;
    width: 490px;
	border-bottom: 1px solid #f00;
}

.gbook_liste_nachricht {
    float: left;
    width: 490px;
}

.gbook_liste_antwort {
    float: left;
    width: 490px;
	padding-top: 15px;
	color: #666;
}

.gbook_antwort_headline {
	border-bottom: 1px solid #666;
}

.gbook_antwort {
	margin-top: 5px;
}

.gbook_liste_headline {
	font-weight: bold;
	font-size: 12px;
	display: inline-table;
}

.gbook_liste_zusatztext {
	font-size: 10px;
	display: inline-table;
}

.gbook_liste_datum {
	color: #f00;
	font-weight: bold;
	font-size: 12px;
	display: inline-table;
	text-transform: none;
}
/*
 * ------------------------------------------------------------------------------------------
 * 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 Komponenten
 * 
 * SVN revision information:
 * @version    $Rev: 649 $:
 * @author     $Author: sascha $:
 * @date       $Date: 2013-02-28 19:12:12 +0100 (Do, 28 Feb 2013) $:
 * @link       $HeadURL: http://dev.crea.de/svn/crea_cw-cms/trunk/includes/css/user.css $:
*/

/**   Grundeinstellungen   **/
.ac_user,
.ac_user *
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 16px;
   border:none;
   margin: 0;
   padding: 0;
   color: #FFF;
   float: none;
   outline:none;
}
.ac_user p
{
   margin-bottom: 20px;
}
.ac_user strong,
.ac_user b
{
   font-weight: bold;
}
.ac_user .info
{
   color:#999;
}

/**   User-Menü   **/
.ac_user_menu
{
   background-color: transparent;
   width: 150px;
   float: left;
}
.ac_user_menu ul
{
   list-style: none;
   margin:0;
   padding:0;
}
.ac_user_menu a,
.ac_user_menu a:link,
.ac_user_menu a:hover,
.ac_user_menu a:active,
.ac_user_menu a:visited
{
   color:#FFF;
   text-decoration: none;
}
.ac_user_menu a
{
   display:block;
   height:29px;
   margin-bottom: 3px;
   vertical-align: middle;
   line-height: 29px;
   font-size: 12px;
   padding-left:10px;
   border:1px solid #333;
   background-color: #333;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user_menu a:hover,
.ac_user_menu a.active
{
   border-color:#6496C7;
   background-color:#6496C7;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#6496C7), to(#356798));
   background-image: -webkit-linear-gradient(top, #6496C7, #356798);
   background-image:    -moz-linear-gradient(top, #6496C7, #356798);
   background-image:     -ms-linear-gradient(top, #6496C7, #356798);
   background-image:      -o-linear-gradient(top, #6496C7, #356798);
   background-image:         linear-gradient(to bottom, #6496C7, #356798);
}
/* Logout-Button  */
.ac_user .logout,
.ac_user .critical,
.ac_user input[type="submit"].critical
{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   border-color:#CF6565;
   background-color:#CF6565;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#CF6565), to(#9F3738));
   background-image: -webkit-linear-gradient(top, #CF6565, #9F3738);
   background-image:    -moz-linear-gradient(top, #CF6565, #9F3738);
   background-image:     -ms-linear-gradient(top, #CF6565, #9F3738);
   background-image:      -o-linear-gradient(top, #CF6565, #9F3738);
   background-image:         linear-gradient(to bottom, #CF6565, #9F3738);
}
.ac_user .logout:hover,
.ac_user .critical:hover,
.ac_user input[type="submit"].critical:hover
{
   border-color:#993333;
   background-color:#993333;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#993333), to(#660000));
   background-image: -webkit-linear-gradient(top, #993333, #660000);
   background-image:    -moz-linear-gradient(top, #993333, #660000);
   background-image:     -ms-linear-gradient(top, #993333, #660000);
   background-image:      -o-linear-gradient(top, #993333, #660000);
   background-image:         linear-gradient(to bottom, #993333, #660000);
}


/**   User-Inhalte und Formulare   **/
.ac_user_content
{
   margin-left: 160px;
   padding:20px;
   background-color: #666;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user_content_full
{
   margin-left: 0;
}

.ac_user a
{
   color:#6496C7;
}

.ac_user h1,
.ac_user h2
{
   color:#CBCBCB;
   font-size: 18px;
   font-weight: normal;
   text-transform: none;
   margin-bottom: 20px;
}
.ac_user h2
{
   color:#FFF;
}

.ac_user_content fieldset
{
   padding:20px;
   margin: 0;
   margin-top: 20px;
   background-color: #333;
   border:none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}

.ac_user_content .detail th
{
   padding:0;
   line-height: 29px;
   width: 230px;
}
.ac_user_content .detail td
{
   padding-bottom: 3px;
   height: 29px;
   vertical-align: baseline;
}
.ac_user_content .detail thead td
{
   padding:0;
   font-size: 18px;
   font-weight: normal;
   text-transform: none;
   color:#FFF;
}
.ac_user_content .detail .info
{
   color: #999;
   margin: 6px 0;
}

.ac_user_content .detail input
{
   vertical-align:middle;
}

.ac_user_content .form_pflichtfelder
{
   color: #999;
   margin-bottom: 10px;
}
.ac_user input,
.ac_user input[type],
.ac_user .submit,
.ac_user select
{
   color:#FFF;
   width:200px;
   height: 29px;
   font-size: 12px;
   margin:0;
   padding:0 10px;
   border:1px solid #333;
   background-color: #666;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user input:focus,
.ac_user select:focus
{
   outline: none;
}
.ac_user select
{
   width: 222px;
   padding-left: 8px;
   padding-right: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: url(../img/ac_user_pulldown_arrow.gif) no-repeat right center #666;
   background-position-x: 200px;
}
.ac_user input[type="checkbox"]
{
   width:auto;
   position: relative;
   top: -3px;
   margin-right: 3px;
}
.ac_user input[type="radio"]
{
   width:auto;
}
.ac_user input:focus,
.ac_user select:focus
{
   border-color:#6496C7;
}
.ac_user .radioset
{
   display: inline;
   padding-right: 20px;
}

.ac_user input.disabled
{
   background-color: #444; 
   border-color: #444;
}
.ac_user input[type="submit"],
.ac_user .submit
{
   cursor: pointer;
   width: auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   border-color: #689868;
   background-color: #689868;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#689868), to(#366537));
   background-image: -webkit-linear-gradient(top, #689868, #366537);
   background-image:    -moz-linear-gradient(top, #689868, #366537);
   background-image:     -ms-linear-gradient(top, #689868, #366537);
   background-image:      -o-linear-gradient(top, #689868, #366537);
   background-image:         linear-gradient(to bottom, #689868, #366537);
   color: #FFF;
}
.ac_user input[type="submit"]:hover,
.ac_user .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;
}
.ac_user .submit
{
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
   line-height: 24px;
}
.ac_user .button
{
   color:#FFF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   border: 1px solid #656565;
   background-color: #333;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
   background-image: -webkit-linear-gradient(top, #333, #000);
   background-image:    -moz-linear-gradient(top, #333, #000);
   background-image:     -ms-linear-gradient(top, #333, #000);
   background-image:      -o-linear-gradient(top, #333, #000);
   background-image:         linear-gradient(to bottom, #333, #000);
}
.ac_user .button:hover
{
   background: #000;
}
.ac_user .button .ui-button-text
{
   border:none;
}

.ac_user .liste thead tr
{
   background: transparent;
}
.ac_user .liste tr.space
{
   height:20px;
}
.ac_user .liste tr.space2px
{
   height:2px;
}
.ac_user .liste tr.alternate td,
.ac_user .liste tr.alternate th
{
   background: #4D4D4D;
}
.ac_user .liste td,
.ac_user .liste th
{
   text-align: left;
   font-size: 12px;
   padding: 0 10px;
   height: 29px;
   line-height: 29px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.ac_user .liste thead td
{
   font-weight: bold;
}

.ac_user .liste_fc
{
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
}
.ac_user .liste_lc
{
   -moz-border-radius-topright: 3px;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
}

.ac_user .punktestand
{
   padding-left: 0 !important;
}
.ac_user .punktestand .disabled
{
   font-style: normal;
}
.ac_user .punkte
{
   width: 55px;
}
.ac_user .user_ranking
{
   width: 350px;
}
.ac_user .datumzeit
{
   width:140px;
}
.ac_user .punktwert
{
   width: 55px;
}
.ac_user .praemie_picture
{
   width:215px;
}
.ac_user .detail_header
{
   width: 230px;
}
.ac_user th.detail_header
{
   width: 210px;
}
.ac_user .punkt_positiv
{
   color:#66CC04;
}
.ac_user .punkt_negativ
{
   color:#F33;
}

.ac_user .right
{
   text-align: right !important;
}

.social-media-liste thead p,
.social-media-liste tfoot p
{
   margin: 10px 0;
}
.social-media-liste .left_col
{
   width: 230px;
   vertical-align:bottom;
}

.social-media-liste .fb-friends-list
{
   margin:0;
}
.social-media-liste .fb-friends-list .fb-friend
{
   display:table;
}
.social-media-liste .fb-friends-list .fb-friend a
{
   display:table-row;
}

.social-media-liste .fb-friends-list .fb-friend a *
{
   display:table-cell;
   vertical-align:middle;
}

.social-media-liste .fb-friend img
{
   height:50px;
}

.social-media-liste .fb-friends-list .fb-friend-name
{
   padding-left: 10px;
   margin: 0;
}

.social-media-liste .social-media-bild
{
   height:50px;
   width:50px;
   margin:0;
   margin-right:10px;
}

.social-media-liste .left_col .social-media-bild
{
   margin:0;
}

.social-media-liste .more-link
{
   width: 60px;
   text-align: center;
   vertical-align: middle;
}


/**   UserLounge Leiste **/
#userlounge
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 16px;
   width: 100%;
   height: 40px;
   z-index: 5000;
   background-image: url(../../../includes/img/ulounge_back.png);
   background-repeat: repeat-x;
}
.userlounge_centerbox
{
   width:860px;   /* wird u.U. in templates überschrieben   */
   margin:auto;
   height:40px;
   position:relative;
}
.userlounge_content
{
   height:40px;
   line-height: 40px;
   vertical-align: middle;
   position:absolute;
   top:0;
}
.userlounge_left
{
   left:0;
}
.userlounge_right
{
   right:0;
}
.ulounge_text,
.ulounge_text.nohover:hover
{
   height:40px;
   line-height: 40px;
   vertical-align: top;
   color:#999;
   margin-left:4px;
}
.ulounge_text:hover, a:hover .ulounge_text
{
   color:#FFF;
}

.ulounge_trenner
{
   height:40px;
   width:2px;
   background: url('../../../includes/img/ulounge_trenner.png') no-repeat;
   display: inline-block;
   margin: 0 8px;
}

.ulounge_button
{
   height:40px;
   background-repeat: no-repeat;
   background-position: center;
   display: inline-block;
}
.ulounge_logo
{
   background-image: url('../../../includes/img/ulounge_logo.png');
   width:103px;
}
.ulounge_more
{
   background-image: url('../../../includes/img/ulounge_more.png');
   width:65px;
}
.ulounge_more:hover, a:hover .ulounge_more
{
   background-image: url('../../../includes/img/ulounge_more_hover.png');
}
.ulounge_login
{
   background-image: url('../../../includes/img/ulounge_einloggen.png');
   width:64px;
}
.ulounge_login:hover, a:hover .ulounge_login
{
   background-image: url('../../../includes/img/ulounge_einloggen_hover.png');
}
.ulounge_register
{
   background-image: url('../../../includes/img/ulounge_registrieren.png');
   width:76px;
}
.ulounge_register:hover, a:hover .ulounge_register
{
   background-image: url('../../../includes/img/ulounge_registrieren_hover.png');
}
.ulounge_user
{
   background-image: url('../../../includes/img/ulounge_user.png');
   width:24px;
}
.ulounge_user:hover, a:hover .ulounge_user
{
   background-image: url('../../../includes/img/ulounge_user_hover.png');
}
.ulounge_menu
{
   background-image: url('../../../includes/img/ulounge_uebersicht.png');
   width:24px;
}
.ulounge_menu:hover, a:hover .ulounge_menu
{
   background-image: url('../../../includes/img/ulounge_uebersicht_hover.png');
}
.ulounge_fbconnect
{
   background-image: url('../../../includes/img/ulounge_fbconnect.png');
   width:24px;
}
.ulounge_fbconnect:hover, a:hover .ulounge_fbconnect
{
   background-image: url('../../../includes/img/ulounge_fbconnect_hover.png');
}
.ulounge_fbconnected
{
   background-image: url('../../../includes/img/ulounge_fbconnected.png');
   width:24px;
}
.ulounge_logout
{
   background-image: url('../../../includes/img/ulounge_logout.png');
   width:24px;
}
.ulounge_logout:hover, a:hover .ulounge_logout
{
   background-image: url('../../../includes/img/ulounge_logout_hover.png');
}

.ac_user .out
{
   color:yellow;
   font-weight:bold;
}

/**
 * ------------------------------------------------------------------------------------------
 * 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    Data
 * @subpackage CSS Komponenten
 * 
 * SVN revision information:
 * @version    $Rev: 258 $:
 * @author     $Author: johannes $:
 * @date       $Date: 2012-05-03 15:06:52 +0200 (Do, 03 Mai 2012) $:
 * @link       $HeadURL: http://dev.crea.de/svn/crea_cw-cms-kunden/musikpark-badneustadt.de/trunk/data/templates/css/user.css $:
*/
/*    Breite abhängig von Modulposition  */
.ac_user_content
{
}
.ac_user_content_full
{
}
.ac_user .liste
{
   width:621px;
}
/*   Hover-Effekte sind an das Farbschema des Templates angepasst  */
.ac_user_menu a:hover,
.ac_user_menu a.active
{
   border-color:#AD4AF7;
   background-color:#E6ADFF;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#AD4AF7), to(#6623A3));
   background-image: -webkit-linear-gradient(top, #AD4AF7, #6623A3);
   background-image:    -moz-linear-gradient(top, #AD4AF7, #6623A3);
   background-image:     -ms-linear-gradient(top, #AD4AF7, #6623A3);
   background-image:      -o-linear-gradient(top, #AD4AF7, #6623A3);
   background-image:         linear-gradient(to bottom, #AD4AF7, #6623A3);
}
.ac_user input:focus,
.ac_user select:focus
{
   border-color:#AD4AF7;
}
.ac_user a
{
   color:#AD4AF7;
}
/*  Hintergründe, an das Farbschema des Templates angepasst  */
.ac_user_menu a 
{
   border: 1px solid #000;
   background-color: #000;
}
.ac_user_content 
{
   background-color: #000;
}
.ac_user fieldset 
{
   background-color: #222;
}
.ac_user input,
.ac_user input[type],
.ac_user select,
.ac_user option
{
   background-color: #000;
}
.ac_user .liste tr.alternate td,
.ac_user .liste tr.alternate th
{
   background: #000;
}


.event_liste_img img
{
	height:100%;
}

.event_frontpage_rechts img
{
	height: 148px;
}

.event_detail_img img
{
	height: 100%;
}