@CHARSET "utf-8";

* {
    margin: 0;
    padding: 0;
}
a > img {
    border:none;
}
h1, h2, h3, h4, h5, h6 {
    margin:5px 0px;
}
.moduleWrapper {
}
.frontendModuleWrapperActive {
    -moz-box-shadow:     0 0 15px #a2c748;
    -webkit-box-shadow:  0 0 15px #a2c748;
    box-shadow:          0 0 25px #a2c748, 0 0 5px #a2c748 inset;
    position:relative;
}
.listviewItemWrapper:nth-child(odd) {
    border-bottom:1px solid #e3e3e3;
}
.listviewItemWrapper:nth-child(even) {
    border-bottom:1px solid #e3e3e3;
}
.listviewItemWrapper {
    padding:5px;
}
.listviewItemWrapper:hover {
    background-color: #edf7fa;
}
.listviewHeaderWrapper {
    background-color:#00aad3;
    margin-bottom: 5px;
}
.buttonBackend {
    background-color:#00aad3;
    border:2px solid #00aad3;
    color:white;
    font-weight: bold;
    padding:1px 4px;
    cursor:pointer;
    display: inline-block;
    margin-right: 3px;
}
.buttonBackendDisabled
{
    background-color:#999999;
    border:2px solid #999999;
    color: #bbb;
    font-weight: bold;
    padding:1px 4px;
    cursor:pointer;
    display: inline-block;
    margin-right: 3px;
}
.buttonFrontend {
    background-color:#00aad3;
    border:2px solid #00aad3;
    color:white;
    font-weight: bold;
    padding:1px 4px;
    cursor:pointer;
    display: inline-block;
    margin-right: 3px;
}
.buttonBackend:hover {
    background-color: white;
    color:#00aad3;
}
.buttonBackendWarning {
    background-color:#e25f3e !important;
    border:2px solid #e25f3e !important;
    color:white !important;
    font-weight: bold;
    padding:1px 4px;
    cursor:pointer;
}
.buttonBackendWarning:hover {
    background-color: white;
    color:#e25f3e;
}
.buttonBackendWarningSmall {
    background-color:#e25f3e !important;
    border:2px solid #e25f3e !important;
    color:white !important;
    font-weight: bold;
    padding:0px 0px;
    position: relative;
    top:-3px;
    left:3px;
    font-size: 8px;
    cursor:pointer;
}
.buttonBackendWarningSmall:hover {
    background-color: white;
    color:#e25f3e;
}
.borderLeft {
    border-left:2px solid #00aad3;
    padding-left:4px;
}
.borderLeftGreen {
    border-left:2px solid #a2c748;
    padding-left:4px;
}
.borderLeftGrey {
    border-left:2px solid #888888;
    padding-left:4px;
}
.listviewItemWrapper:hover
{
    background-color: #eee;
}
.dropshadow {
    -webkit-box-shadow: 0px 0px 55px 12px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 0px 55px 12px rgba(0,0,0,0.47);
    box-shadow: 0px 0px 55px 12px rgba(0,0,0,0.47);
    background-color: white;
    padding:10px;
    position: relative;
    z-index: 500;
}
.searchHitHighlighting {
    background-color:#00aad3;
    color:white;
}
.backendNavigationWrapper a {
    margin-right:10px;
}
.oneToManyLinkWrapper {
    display: inline-block;
    margin:5px;
}
.oneToManyLinkWrapper > div {
    display: inline-block;
}
.oneToManyRemoveButton {
    cursor:pointer;
}
.warning {
    color:#e25f3e;
    font-weight: bold;
}
.confirm {
    color:#226622;
    font-weight: bold;
}
.fileInfoWrapper img {
    margin-right:10px;
    margin-top:2px;
}
.fileInfoWrapper {
    display:inline-block;
}
.uploadProgressOuter {
    border:2px solid #00aad3;
    width:94px;
    overflow:hidden;
    height:8px;
    margin-top:34px;
    position: relative;
    left:-2px;
}
.ajaxOverlayUploadButton {
    width:94px;
    height:33px;
    background-image:url(/img/common/upload_button.jpg);
    display:inline-block;
    cursor:pointer;
    float:left;
    margin-right:20px;
    border: 2px solid #00aad3;
    margin-bottom: 11px;
}
.singleUploadWarpper {
    padding-bottom:8px;
    border-bottom: 1px solid #e3e3e3;
    width:550px;
    margin-top:5px;
    margin-bottom:6px;
}
.uploadProgressInner {
    background-color:#333333;
    height:8px;
    width:0%;
}
.userBar {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    height:50px;
    background-color: #00aad3;
    color: black;
    text-align: right;
    z-index: 100;
    padding: 15px 100px 15px 15px;
    font-weight: bold;
}
.userBar a {
    color:black;
    display:inline-block;
    margin-left: 30px;
}
.eventSearchWrapper {
    background: url(/img/common/black_70.png);
    position: absolute;
    right:0px;
    bottom:40px;
    color:white;
    padding:20px 30px;
    padding-top: 15px;
}
#searchform .hasDatepicker {
    background-color:#00aad3;
    border:2px solid #00aad3;
    color:white;
    cursor: pointer;
    text-align: center;
    padding:4px 2px;
    font-weight: bold;
    font-size: 20px;
}
#searchform .hasDatepicker:hover {
    color:#000000;
    background-color:white;
    border:2px solid #00aad3;
}
select.buttonFrontend:hover {
    background-color:#00aad3;
    border:2px solid #00aad3;
    color:white;
    padding:3px 7px !important;
}
.buttonFrontendBig {
    font-family: fjalla_oneregular;
    font-size: 22px;
    padding:2px 7px
}
.indentedBackend {
    padding-left:10px;
}
.eventTileFullHeight {
    height:600px;
}
.eventTileHalfHeight {
    height: 300px;
}
.eventTileInfoWrapper {
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    padding:20px;
    font-family: fjalla_oneregular;
}
.nameWrapper {
    color:black;
    font-size: 30px;
}
.timeWrapper {
    color:white;
    font-size: 25px;
}
.slideshowButtonActive {
    color:#00aad3;
}
.buttonWrapper span {
    cursor:pointer;
}
.infoSidebar {
    float:left;
    padding:10px;
    border: 1px solid #00aad3;
    margin-right: 20px;
}
.clear {
    clear: both;
}
.eventName {
    font-size: 40px;
    font-family: fjalla_oneregular;
    margin-top: 7px;
    margin-bottom: 20px;
}
.infoSingle {
    font-weight: bold;
}
.checkoutHeader {
    font-family: fjalla_oneregular;
    text-align: center;
    font-size: 23px;
    padding:18px 0px;
    color:#cccccc;
    margin-top:10px;
    margin-bottom: 30px;
}
.checkoutHeader > div {
    display: inline-block;
    margin:0px 20px;
}
.pageInnerWrapper {
    padding-top: 50px;
}
.intPickerLabel {
    margin:0px 20px;
    width: 120px;
    text-align: center;
    font-weight: bold;
    font-size: 115%;
}
.intPickerButton {
    padding: 0px 6px 2px;
    font-weight: bold;
    cursor:pointer;

}
.blue {
    color:#00aad3;
}
.blueBackground {
    color:white;
    background-color: #00aad3;
}
.highlightFont {
    font-family: fjalla_oneregular;
}
.whiteLineBottom {
    border-bottom: 1px solid #74d2e8;
}
.cartSidebar {
    font-size:20px;
    margin-bottom: 100px;
}
.inputFrontend {
    background-color:rgba(255,255,255,1);
    padding:2px 4px;
    border: 1px solid #979797;
    font-size: 100%;
}
.loginForm div {
    margin:5px;
}
.registerWrapper > div > div {
    padding-right:30px;
    margin-bottom: 10px;
}
.registerWrapper input {
    width:100%;
}
.registerFormWarningString {
    color:#e25f3e;
    margin-top: 4px;
}
.lineBottom {
    border-bottom: 1px solid #00aad3;
    margin-bottom: 20px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #00aad3;
}

/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

.ui-datepicker-multi .ui-state-highlight {
    border:0px solid black !important;
}
.ui-datepicker-multi .ui-state-active {
    background:#e6e6e6 !important;
    border:1px solid #d3d3d3 !important;
}

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #00aad3 none !important;
    color: white;
}
/* end: jQuery UI Datepicker emphasis on selected dates */


/* begin: jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}
/* end: jQuery UI Datepicker hide datepicker helper */


.ui-datepicker-multi {
    font-size:18px;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.distributeContainer {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.distributeContainer > div {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.formModuleInput {
    width:100%;
}
.textHighlight1 {
    font-weight: bold;
    font-size: 100%;
}
.warning {
    color:#cc0000;
    font-weight: bold;
}
.yellow {
    color:#aaaa00;
    font-weight: bold;
}
.ok {
    color:#00bb00;
    font-weight: bold;
}
.innerContent {
    max-width: 1100px;
    margin: 0px auto;
    padding:5px;
}
.scrollerElement {
    margin-right: 20px;
}
.centerHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.collapsibleContent {
    clear:both;
    padding:20px;
    padding-left:46px;
}
.collapsibleContainer {
}
.collapsibleContainer .indicatorContainer {
    width:30px;
    height:31px;
    background-image:url(/img/toggle_minus.png);
    float:left;
    margin-right:15px;
}
.collapsibleContainer.closedToggleContainer .indicatorContainer {
    background-image:url(/img/toggle_plus.png);
}
.collapsibleToggle {
    height:35px;
}
.collapsibleToggle .headline {
    position:relative;
    top:4px;
}
.collapsibleContainer {
    padding:10px;
}
.collapsibleContainer.closedToggleContainer {
    background-color:transparent;
    color:inherit;
}
.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page_kasse .regular-radio:checked {
    background: rgba(000,000,000,0.5);
    color: rgba(000,000,000,0.5);
    border: 2px solid #333333;
}
label {
    font-weight: 400;
}
label.checkbox input[type='radio'], label.checkbox input[type='checkbox'] {display:none;}
label.checkbox span {
    display:inline-block;
    border: 2px solid #333333;
    border-radius:50px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width:25px;
    height:25px;
    vertical-align:middle;
    margin:3px;
    position: relative;
    top:-2px;
    left:-1px;
}
label.checkbox :checked + span {
    background:rgba(160,160,160,1);
}

.inTextTable
{
   display: table;
}

.inTextTableRow
{
   display: table-row;
}

.inTextTableCell
{
   display: table-cell;
   padding-right: 20px;
}

.inTextTableWideCell
{
   display: table-cell;
   //width: 60%;
   padding-right: 10px;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
    html {
        font-size:0.7em;
    }
}