/**************************************************************************************/
/**************************************************************************************/
/*   Elements
/**************************************************************************************/
/**************************************************************************************/

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/icomoon_free/IcoMoon-Free.ttf?-b7qzp2') format('truetype');
    font-weight: normal;
    font-style: normal;
}



html, body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight:300 !important;
    line-height:21px;
    color:#000000;
    height:100%;
    margin: 0;
    padding: 0;
    
    background-color:#F4F4F4;
    background-repeat:repeat-x;
}


h1, h2, h3, h2 span, .menu_artikelbutton_functions span {
    font-family: 'Myriad Pro', Arial, sans-serif;
    font-weight: 400;
    color:#474747;
}


h1 {
    font-size: 24px;
    line-height:30px;
    padding-top:2px;
}

h2 {
    font-size: 23px;
    line-height:35px;
    padding-top:2px;
}

h3 {  
    font-size: 19px;
    line-height:25px;
    padding-top:2px;
}

pre {
    word-wrap: break-word;
    max-width:900px;
    display:block;
    white-space:normal;
    font-family: 'Open Sans';
}

.bold {
    font-family: 'Open Sans';
    font-weight: 600;
    color:#000000;
}

.gruen {
    color:#474747;
}

.darkgreen {
    color:#82ad32;
}

a {
    color: #727272;
    cursor:pointer;
    text-decoration:none;
    transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
}
a:hover{
    color: #a2a2a2;
    font-weight:400;
    text-decoration:none;
    cursor:pointer !important;
}


.underline {
    text-decoration:underline;
    color: #727272;
    cursor:pointer !important;
}
.underline:hover {
    color: #a2a2a2;
    text-decoration:none;
}

.only_underline {
    text-decoration:underline;
}

table.coworker a, #link_asc, #link_desc {
    text-decoration:none;
}

.tAreaStyles {
    height:85px;
    width:175px;
}

input {
    background: #FFFFFF;
    border: 1px solid #ddd;
    outline: none;
    padding-left:5px;
    height:28px;
    float:left;
    font-family: 'Open Sans';
}
   
select {
    background: #ffffff;
    outline: none;
    height:30px;
    width: 210px;
    font-family: 'Open Sans';
}

textarea {
    background: #ffff;
    border: 1px solid #ddd;
    outline: none;
    padding-top:5px;
    padding-left:5px;
    float:left;
    font-family: 'Open Sans';
}

.tAreaStyles_confirm {
    width:100%;
    height:300px;
}



input, input[type="password"], input[type="email"], textarea, select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    background: #f8f8f8;
    
    box-shadow: inset 0 1px 2px rgba(0,0,0,.30), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    border-radius: 3px;
    border: 1px #cfcfcf solid;
    border-top: none;
    border-bottom: 1px solid #cfcfcf;
    
    font-size: 13px;
}

input[type="checkbox"] {
    box-shadow: none; /* Entfernt den Box-Schatten für Checkboxen */
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-spinner {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #93ccb8; /* First color */
    border-right: 10px solid #bbcf64; /* Second color */
    border-bottom: 10px solid #fcbb55; /* Third color */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

/* Größerer und dickerer Spinner für den Mauszeiger */
.cursor-spinner {
    position: absolute;
    width: 30px; /* Breiter */
    height: 30px; /* Höher */
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #93ccb8; /* First color */
    border-right: 8px solid #bbcf64; /* Second color */
    border-bottom: 8px solid #fcbb55; /* Third color */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    pointer-events: none; /* Damit der Spinner keine Mausereignisse abfängt */
    z-index: 10000; /* Über allen anderen Elementen */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




/* Erstelle eine neue Checkbox */
.checkbox {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: white;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
}

/* Erstelle das Häkchen für die neue Checkbox */
.checkbox::after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 2px;
    width: 9px;
    height: 20px;
    border: solid black;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Zeige das Häkchen, wenn die Checkbox geprüft wird */
.custom-checkbox input[type="checkbox"]:checked ~ .checkbox::after {
    display: block;
}

.control_text_checkbox {
    margin-left: 40px;
}

/* Neuer Code: Positioniert die Checkbox relativ zum Container */
.checkbox-container {
    position: relative;
    display: inline-block;
    margin-right:30px;
}

.icon-file-text {
    position: relative;
    top: 2px;
}
.icon-file-text:before {
    content: "\e923";
}



.checkbox_additional {
    display: block;
    margin-top:3px;
    margin-left:20px;
}

#confirm {
    width:20px;
}

span {
    cursor:pointer;
}

.container_agb {
    display:block;
    height:300px;
    width:800px;
    margin:0 auto;
}

.container_datenschutz {
    margin:0 auto;
    width:570px;
    text-align:center;
    padding-top:20px !important;
    padding-bottom:20px !important;
    display:block;
}

.container_agb_step1 {
    width:100%;
    padding-top:20px !important;
    padding-bottom:20px !important;
    display:block;
}

.container_agb_step1 #confirm {
    margin-right:15px;
    width:20px;
}

.confirm_agb {
    float:left;
    margin-top:10px;
}


a.button {
    cursor:pointer !important;
}

.button_confirm {
    padding-top:20px;
}

input.leaflet-control-layers-selector {
    border:0 !important;
    width:20px;
    padding:0 !important;
    clear:both !important;
    float:none !important;
    box-shadow: none !important;
}

.leaflet-marker-icon {
    background-color:#ffffff;
    display:block;
    padding: 2px 2px 2px 2px;
    border-radius:50%;
}



.leaflet-rrose-content h3 {
    margin-bottom:-15px;
}

.leaflet-control-layers-overlays span {
    position:relative;
    top:-5px;
}

.leaflet-control-layers-overlays div {
    text-align:left;
}

button {
    height:31px;
}

.leaflet-tooltip {
    background-color:transparent !important;
    border:0px !important;
    box-shadow: none !important;
    color:white !important;
    padding:0 !important;
    margin:0 !important;
}
.leaflet-tooltip-left {
    padding:0 !important;
    margin-left:6px !important;
}
.leaflet-tooltip-left:before {
    content:"" !important;
    display:none;
}
.leaflet-tooltip-right {
    padding:0 !important;
    margin-left:-6px !important;
}
.leaflet-tooltip-right:before {
    content:"" !important;
    display:none;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Grundlayout Elemente
/**************************************************************************************/
/**************************************************************************************/

div.header {
	position:relative; /* needed for footer positioning*/
	top:0px;
	left:0px;
	height:37px;	
	width:978px;
	background-color: #e6e6e6;
}


ul.menu li a {
    color: #5f576e;
    font-weight: 600;
    font-size:14px;
    font-style: normal;
}




td.ui-state-holiday .ui-widget-content .ui-state-default {
   color:#ff0000;
   background-color:#ff0000;
}

div.ui-widget-content td.ui-state-holiday .ui-state-default {
    border: 1px solid grey;
    background: #ff0000;
    font-weight: bold;
    color: #ffffff;
}

td.ui-datepicker-today .ui-state-highlight {
    border: 1px solid grey;
    background: #484848;
    font-weight: bold;
    color: #ffffff;
}
.ui-dialog {
    z-index:9999 !important;
}





div.logo {
    position:absolute;
    top:5px;
    left:5px;
    background-image: url(../images/mycampsoft_quadratisch.svg);
    background-repeat: no-repeat;
    height:30px;
    width:32px;
    border-radius:8px;
}


div.mycampsoft_logo {
    position:absolute;
    top:5px;
    left:5px;
    background-image: url(../images/mycampsoft_logo.png);
    background-repeat: no-repeat;
    height:100px;
    width:100px;
    border-radius:8px;
}



div.errormsg {
    width:98%;
    padding:10px 10px 10px 0px;
    margin-bottom:10px;
    margin-left:4px;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    background-color:#f9b4b4;
    border:1px solid #ff0000;
}
div.errormsg a{
    color:#ff0000;
}

div.info_msg_white {
    width:100%;
    padding:0;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    background-color:#ffffff;
    border:0px solid #d3c315;
}

div.info_msg {
    width:98%;
    padding:10px 10px 10px 0px;
    margin-bottom:10px;
    margin-left:4px;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    background-color:#eee793;
    border:1px solid #d3c315;
}

div.successmsg {
    width:98%;
    padding:10px 10px 10px 0px;
    margin-bottom:10px;
    margin-left:4px;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans';
    background-color:#c7e89c;
    border:1px solid #7cb82f;
}


#anreisestatus, #abreisestatus {
    height:70px;
}

tr.successmsg {
    background-color:#c7e89c;
    border:1px solid #7cb82f;
}



#createBarverkaufQuestion, #dialog_chip_delete, #lockReservationQuestion, #stornoReservationQuestion {
    display:none;
}

#innerset_box {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width: 100%;
    min-height:100%;
        
    -webkit-box-shadow: inset 0px 0px 58px 1px rgba(219,219,219,1);
    -moz-box-shadow: inset 0px 0px 58px 1px rgba(219,219,219,1);
    box-shadow: inset 0px 0px 58px 1px rgba(219,219,219,1);
}

#content {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width: 990px;
}

.box {
    box-shadow: 1px 1px 4px #c5c5c5;
    margin-top:15px;
    width:990px;
    padding: 20px 20px 20px 20px;
    background-color:#ffffff;
    border-radius:5px;
 }
 
 .box h2 {
     margin-top:-10px;
     text-align:center;
     padding-bottom:10px;
     text-decoration: none;
     font-size:19px;
 }

 .box_min_padding {
    box-shadow: .1875rem .3125rem .525rem rgba(14,31,18,.1)!important; 
    margin-top:15px;
    width:990px;
    padding: 10px 10px 10px 10px;
    background-color:#ffffff;
    border-radius:5px;
 }
 
 .box_no_padding {
    margin-top:15px;
    box-shadow: .1875rem .3125rem .525rem rgba(14,31,18,.1)!important; 
    background-color:#ffffff;
    border-radius:5px;
 }
 
 .box_no_shadow {
    margin-top:10px;
    padding-bottom:15px;
    width: 990px;
 }
 
 
 .box_border {
    border:1px solid #7a7979;
}
.box_border_light {
    border:1px solid #bcbcbc;
}
 
.box_border tr {
    height:1em;
}

.box_border tr > td > span {
    padding-left:7px;
    line-height:30px;
}


 table.borderTable {   
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #b9b9b9;
    box-shadow:0px 0px 3px #e3e3e3;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    margin-top:10px;
    width:950px;
 }



table.headermenu {
   -moz-box-shadow: 1px 1px 4px #adadad;
    -webkit-box-shadow:1px 1px 4px #adadad;
    box-shadow: 1px 1px 4px #c5c5c5; 
    border-radius:5px;
    background: #fff;
    width:990px;
}

.grey_gradient {
    height:40px;
}


.headerimage {
    vertical-align:top;
    width: 1000px;
    background-color:#ffffff;
    background-repeat: no-repeat;
}

table.menu_table {
    margin:0 auto;
    width:100%;
}

table.searchfield_table {
    margin-top:10px;
    float:left;
    padding-left:17px;
    width: 800px;
}




td.content_header {
    height:40px;
    width: 1026px;
    background-image: url(../images/content_header.jpg);
    background-repeat: no-repeat;
}

td.content_middle {
	width: 1026px;
	background-image: url(../images/content_middle.jpg);
	background-repeat: repeat-y;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:20px;
}

td.content_footer {
	height:14px;
	width: 1026px;
	background-image: url(../images/content_footer.jpg);
	background-repeat: no-repeat;
}





/**************************************************************************************/
/*   Preistabelle
/**************************************************************************************/

.form .row {
    padding:0;
}

/* Basisstil für die Tabelle */
.partial_payment_table {
    width: 100%;
    border-collapse: collapse;
}

.partial_payment_table td, .partial_payment_table th {
    padding: 0.5rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e5e7eb;
}

/* Zellen, die rechtsbündig ausgerichtet sein sollen */
.partial_payment_table td[style*="text-align:right;"], .partial_payment_table th[style*="text-align:right;"] {
    text-align: right;
}

/* Top-Zellen-Styling */
.partial_payment_table .artikel_top {
    background-color: #f9fafb; /* bg-gray-100 */
    font-weight: 500; /* font-semibold */
    height: 20px;
}





/**************************************************************************************/
/**************************************************************************************/
/*   Tooltip Elemente
/**************************************************************************************/
/**************************************************************************************/

.ui-tooltip {
    max-width: 800px !important;
    font-size:14px !important;
    font-family: 'Open Sans' !important;
}
.ui-widget-shadow {
    box-shadow:0px 0px 3px #aaa !important;
}

/**************************************************************************************/
/**************************************************************************************/
/*   Calendar Elemente
/**************************************************************************************/
/**************************************************************************************/

#ui-datepicker-div {
    z-index:9999 !important;
}

.datefield_calendar {
    width:80px;
    font-size:14px;
    color:#363636;
    width:100px;
    background-color:#f1f1f1;
}


table.belegungszeitraum {
    margin-top:-8px;
    height:50px;
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
}

#calendar_center_sticky {
    padding-top:0px;
}

.layoutplan {
    width:960px;
    text-align:center;
}

.layoutplan_half {
    width:960px;
    text-align:center;
}

ul.tooltip_calendar {
    padding-left:15px;
}

* html .calender,
* + html .calender {
    width:282px;
}
.calender div.after,
.calender div.before{
    color:silver;
}

.calendar_center {
	background-color:#ffffff;
}


.day {
    height:50px;
    line-height: 23px;
    text-align: center;
    font-size:16px;
}
.day.headline {
    background:#427BD6;
    color:white;
    font-family: 'Open Sans';
}
.day.current {
    font-family: 'Open Sans';
    background: #484848 !important;
    border-top:1px solid grey;
    border-right:1px solid grey;
    color:white;
}


.day.holiday {
    font-family: 'Open Sans';
    background: #d9e4ec !important;
    color:black !important;
    border-top:1px solid grey;
    border-right:1px solid grey;
}


.isplacegroup {
    background: red !important;
    color:white !important;
}

.day.normal {
    border-right:1px solid grey;
    border-top:1px solid grey;
}
.day_counts {
    border-right:1px solid grey;
    border-top:1px solid grey;
    height:30px;
    text-align:center;
}


.group_reservation_symbol {
    
}

.day_counts_last {
    border-bottom:1px solid grey;
}

.day.sunday {
    border-right:1px solid grey;
    border-top:1px solid grey;
    font-family: 'Open Sans';
    color:#e82d0f;
}
.day_bez {
    font-size:13px;
}


tr.day_counts_tr:hover {
    background-color:#e0e0e0;
}

.clear {
    clear:left;
}
.pagination {
    text-align: center;
    line-height:40px;
    font-family: 'Open Sans';
    color:black;
	border-top:1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
}



.pagination_field_left1 {
	border-top:1px solid grey;
	border-right:1px solid grey;
	border-left:1px solid grey;
	color:#363636;
	font-size:15px;
	text-align:center;
}
.pagination_field_left2 {
	border-top:1px solid grey;
	border-right:1px solid grey;
	text-align:center;
}


.pagination_field_right1 {
	border-top:1px solid grey;
	border-left:1px solid grey;
	color:#363636;
	font-size:15px;
	text-align:center;
}
.pagination_field_right2 {
	border-top:1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
	text-align:center;
}


.month_header {
    border-top:1px solid grey;
    text-align: center;
    line-height:40px;
    font-size:18px;
    color:#363636;
}

.clear {
    clear:both;
}
.last {
	font-size:20px;
	color:#363636;
}
.next {
	font-size:20px;
}

/**************************************************************************************/
/**************************************************************************************/
/*   Reservierungs Classen für die Links
/**************************************************************************************/
/**************************************************************************************/

.reservation_color_1 {
    border-top:1px solid grey;
    border-right:1px solid grey;
    height:30px;
    text-align:center;
    color:#ffffff;
    font-size:14px;
    background-color:#e53935;
    background-color: rgba(229, 57, 53, 0.9);
}

.reservation_color_1_5 {
    border-top:1px solid grey;
    border-right:1px solid grey;
    height:30px;
    text-align:center;
    font-size:14px;
    color:#ffffff;
    
    /* Verlauf angepasst: Start wie Lageplan-Rot (#e53935), Ziel gelb unverändert */
    background: #e53935; /* Old browsers */
    background: -moz-linear-gradient(left, rgba(229,57,53,0.9) 71%, #ffea50 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(229,57,53,0.9) 71%,#ffea50 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(229,57,53,0.9) 71%,#ffea50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53935', endColorstr='#ffea50',GradientType=1 ); /* IE6-9 */
}

.reservation_color_2 {
    border-top:1px solid grey;
    border-right:1px solid grey;
    height:30px;
    text-align:center;
    font-size:14px;
    color:#000000;
    background-color:#ffea50;
}
.reservation_color_3, .reservation_color_33 {
    border-top:1px solid grey;
    border-right:1px solid grey;
    height:30px;
    font-size:14px;
    text-align:center;
    color:#000000;
    background-color:#92c647;
}
.reservation_color_4 {
    border-top:1px solid grey;
    border-right:1px solid grey;
    height:30px;
    font-size:14px;
    text-align:center;
    color:#000000;
    background-color:#4377e6;
}
.reservation_color_geplant {
    border-top:1px solid grey;
    border-right:1px solid grey;
    height:30px;
    font-size:14px;
    text-align:center;
    color:#000000;
    background-color:#f7ac41;
}

.reservation_color_free {
    border-top:1px solid grey;
    background-color:#4377e6;
    height:30px;
    font-size:14px;
    text-align:center;
    color:#ffffff !important;
}
.reservation_color_free a {
    color:#ffffff !important;
}

.light_blue {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#49c0f0+0,2cafe3+100;Blue+3D+%2311 */
    background: #49c0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #49c0f0 0%, #2cafe3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #49c0f0 0%,#2cafe3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #49c0f0 0%,#2cafe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */
    border-bottom:1px solid grey;
}
.light_green {
    background-color:#c3dda2;
    border-bottom:1px solid grey;
}
.light_yellow {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efef86+0,d3d167+100 */
    background: #efef86; /* Old browsers */
    background: -moz-linear-gradient(top, #efef86 0%, #d3d167 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efef86 0%,#d3d167 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efef86 0%,#d3d167 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efef86', endColorstr='#d3d167',GradientType=0 ); /* IE6-9 */

    border-bottom:1px solid grey;
}
.light_red {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f28787+0,d67068+100 */
    background: #f28787; /* Old browsers */
    background: -moz-linear-gradient(top, #f28787 0%, #d67068 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f28787 0%,#d67068 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f28787 0%,#d67068 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28787', endColorstr='#d67068',GradientType=0 ); /* IE6-9 */
    
    border-bottom:1px solid grey;
}

.light_orange {
    color:#ffffff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
    background: #ffaf4b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}

.bg_black {
    color:#ffffff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#474747+0,0e0e0e+100 */
    background: #474747; /* Old browsers */
    background: -moz-linear-gradient(top, #474747 0%, #0e0e0e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #474747 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #474747 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

table.legende .reservation_color_1, table.legende .reservation_color_2, table.legende .reservation_color_3 {
    border:0;
}


a.reservation_color_1, a.reservation_color_2, a.reservation_color_3 {
	border-right:0px solid grey;
	border-top:0px solid grey;
}

.footer {
	background-color:#ffffff;
	border:1px solid grey;
}


table.table_article_search {
    margin-top:-15px;
    width:100%;
    height:80px;
    border-bottom:1px solid #7a7979;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Reservierungs Elemente
/**************************************************************************************/
/**************************************************************************************/

  .combobox          { position:relative; float:left; width:300px; }
  .combobox input    { height:1.3em; }
  .combobox .listbox,   .combobox .listbox_article {
    display:none;
    position:absolute;
    top:1.3em; left:0px;
    margin-top:11px;
    min-height:208px;
    max-height:208px;
    overflow:auto;
    width:500px;
    border:1px solid #666666;
    background:#ffffff;
  }
  .combobox .listbox ul, .combobox .listbox_article ul          { margin:0; padding:0; list-style-type:none; }
  .combobox .listbox ul li, .combobox .listbox_article ul li       { padding:2px 30px 2px 10px; margin:1px; cursor:pointer; }
  .combobox .listbox ul li:hover { background:#eeeeee; }
  .combobox .listbox_article ul li:hover { background:#eeeeee; }
  
  .combobox_global          { width:300px; }
  .combobox_global .listbox,  .combobox_global .article_listbox {
    display:none;
    position:absolute;
    top:1.3em; left:0px;
    margin-top:11px;
    min-height:208px;
    max-height:208px;
    overflow:auto;
    width:500px;
    border:1px solid #666666;
    background:#ffffff;
  }
  .combobox_global .listbox ul, .combobox_global .listbox_article ul          { margin:0; padding:0; list-style-type:none; }
  .combobox_global .listbox ul li, .combobox_global .listbox_article ul li       { padding:2px 30px 2px 10px; margin:1px; cursor:pointer; }
  .combobox_global .listbox ul li:hover { background:#eeeeee; }
  .combobox_global .listbox_article ul li:hover { background:#eeeeee; }
  
  #query_listbox, #listbox_article {
      z-index:999;
      background: #f8f8f8;
  }
  
  
/**************************************************************************************/
/**************************************************************************************/
/*   Tab Gestaltungs Elemente
/**************************************************************************************/
/**************************************************************************************/

#box_reservation_art {
    padding-top:20px;
    padding-bottom:20px;
    width:800px;
    margin:0 auto;
}

.hard_height {
    height:110px !important;
}

#box_reservation_art .return_box {
    border: 1px solid #c3c3c3 !important;
    background-color: #f1f1f1;
    padding: 10px 15px 10px 10px !important;
}

#box_reservation_art .return_box .css-label {
    line-height: 28px;
}

#modern_checkbox { 
    padding-bottom:10px;
    padding-top:10px;
}

#modern_checkbox_return {
    padding-left:10px;
    width:100%;
}

#modern_checkbox_return .return_box {
    float:left;
    width:50%;
}
#modern_checkbox_return .return_box .css-label {
    font-size:15px;
}

.wrapper_block {   
    text-align:center;
    margin:0 auto;
    width:100%;
    overflow:hidden;
}

.wrapper_block .summary_title, .summary_title_options {
    margin-top:20px;
}

#wrapper_tabs_ausstattung {
    width:98%;
    margin:0 auto;
}

#wrapper_tabs {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
 
.arrow {
    padding-right:5px;
    color:#474747;
}

.accordionButton {	
    width: 98%;
    float: left;
    background: #e7e7e7;
    color:#000000;
    font-size:16px;
    height:35px;
    padding-top:15px;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;    
    padding-left:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.accordionButton_active {
    background: #e9e9e9 !important;
    color:#000000;
}


.accordionContent {	
    width: 98%;
    float: left;
    display: none;
    margin-left:18%;
    padding-left:10px;
} 

.data_request input, .data_request textarea, .data_request select {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.30), 0 -1px 1px #d0e4bb, 0 1px 0 #d0e4bb;
    border: 1px solid #d0e4bb !important;
}

.data_request {
    padding-top:10px;
}
.data_request td {
    height:30px;
}

.data_adoption {
    font-size:30px;
    cursor:pointer;
}

/**************************************************************************************/
/**************************************************************************************/
/*   Allgemeine Gestaltungs Elemente (Form, Inputs, Submitbutton)
/**************************************************************************************/
/**************************************************************************************/

*{
    margin:0px;
    padding:0px;
}

#steps{
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
	/*height:320px;*/
}

#steps fieldset{
    border:none;
    padding-bottom:20px;
}




legend{
    text-align:left;
    color:#666;
    font-size:24px;
    font-family: 'Open Sans';
    float:left;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
}
#steps p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;

    padding:10px;
    margin-left:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#steps p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    color:#666;
    font-family: 'Open Sans';
}

#steps input:not([type=radio]), #steps input:not([type=text]), #steps input:not([type=checkbox]) {
    border-radius: 3px;
    outline: none;
    padding-left:5px;
    height:27px;
    width: 200px;
    float:left;
}



input[type=checkbox].css-checkbox {
    position:absolute; 
    z-index:-1000; 
    left:-1000px; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0; 
    border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left:55px;
    height:50px; 
    width:100%;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:20px;
    vertical-align:middle;
    cursor:pointer;
    overflow:visible;
    display: table-cell;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -112px;
}
label.css-label {
    background-image:url('../images/green_checkbox_big.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:300px;
}
			
			
	


#steps textarea{
    outline: none;
    padding:5px 5px 5px 5px;
    width: 200px;
    float:left;
    font-size:12px;
}

#steps input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

#platzmerkmale_title {
    font-family: 'Open Sans';
    font-size:13px;
    font-weight:bold;
}

#price_title {
    font-family: 'Open Sans';
    font-size:13px;
    font-weight:bold;
    color:#ff0000;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Fancybox
/**************************************************************************************/
/**************************************************************************************/


.fancybox-slide--iframe .fancybox-content {
    max-width  : 1000px;
    margin: 0;
}





/**************************************************************************************/
/**************************************************************************************/
/*   Buttons & Hintergrund Tabellen
/**************************************************************************************/
/**************************************************************************************/


#saveButton, .saveButton {
    outline:none;
    color:#4a494a;
    cursor:pointer;
    padding: 7px 25px 35px 20px;
    font-weight:normal;
    font-size:21px;
    font-family: 'Open Sans', 'Verdana', sans-serif;

    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    
    border: 1px solid #484c52;
    transition: background-color 0.3s ease;
    background-color:#ffffff;
}
#saveButton:hover, .saveButton:hover {
    background-color:#484c52;
    color:#ffffff;
}




#closeButton, .closeButton {
    outline:none;
    color:#000000;
    cursor:pointer;
    padding: 7px 25px 35px 20px;
    font-weight:normal;
    font-size:21px;
    font-family: 'Open Sans', 'Verdana', sans-serif;
    background-color:#dadada;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #aaaaaa;
}
#closeButton:hover, .closeButton:hover {
    background-color:#aacd6a;
    color:#383838;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}




#saveButtonLittle {
    background-color: #c0c0c0;
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    text-align:center;
    padding: 5px 0px 4px 0px;
    margin-left:5px;
    width:120px;
    font-family: 'Open Sans';
    font-size:14px;
    
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}
#saveButtonLittle:hover {
    background:#d8d8d8;
    color:#666;
}



.addButton {
    outline:none;
    display: block;
    cursor:pointer;
    clear:both;
    font-family: 'Open Sans';
    font-size:14px;
    padding: 5px 5px 6px 25px;
    background:#ffffff;
    border: 1px solid #b9b9b9;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
    background-image: url(../images/add_icon.png);
    background-repeat: no-repeat;
    transition: background-color 0.5s ease;
    background-color:#474747;
    color:white;
}
.addButton:hover {
    transition: background-color 0.5s ease;
    background-color: #98ce51;
    color:white;
}

.addButtonsimple {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    clear:both;
    width:16px;
    padding: 5px 0px 2px 10px;
    font-family: 'Open Sans';
    font-size:14px;
    background:#ffffff;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    
    background-image: url(../images/add_icon.png);
    background-repeat: no-repeat;
}
.addButtonsimple:hover {
    color:#2e5b7e; 
    background-color:#efefef;
}




.forwardButton {
    outline:none;
    color: #363636;
    display: block;
    cursor:pointer;
    clear:both;
    height:19px;
    font-family: 'Open Sans';
    font-size:14px;
    padding: 7px 5px 6px 10px;
    background:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    background-image: url(../images/forward_icon.png);
    background-repeat: no-repeat;
}
.forwardButton:hover {
    color:#363636; 
    background-color:#efefef;
}

.forwardspan {
    font-family: 'Open Sans';
    font-size:14px;
}


.deleteButton {
    outline:none;
    color: #363636;
    display: block;
    cursor:pointer;
    clear:both;
    font-family: 'Open Sans';
    font-size:14px;
    height:19px;
    padding: 7px 5px 6px 10px;
    background:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
}
.deleteButton:hover {
    color:#363636; 
    background-color:#efefef;
}
.deletespan {
    font-family: 'Open Sans';
    font-size:14px;
}


#deleteArtikelButton {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    clear:both;
    width:20px;
    padding: 5px 0px 2px 10px;
    font-family: 'Open Sans';
    font-size:14px;
    background:#ffffff;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    
    background-image: url(../images/delete_icon.png);
    background-repeat: no-repeat;
}
#deleteArtikelButton:hover {
    color:#2e5b7e; 
    background-color:#efefef;
}

.file-container {
    display: flex;
    align-items: center;
}

.file-container a {
    margin-right: 10px;
}

.file-container a#deleteArtikelButton {
    color: #ff0000;
    text-decoration: none;
}




.openButton {
    outline:none;
    color: #7a7979;
    display: block;
    cursor:pointer;
    clear:both;
    font-family: 'Open Sans';
    font-size:14px;
    padding: 4px 5px 4px 40px;
    background:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    background-image: url(../images/open_icon.png);
    background-repeat: no-repeat;
    
    transition: background-color 0.5s ease;
    background-color:#474747;
    color:white;
}
.openButton:hover {
    transition: background-color 0.5s ease;
    background-color: #98ce51;
    color:white;
}




.neutralButton {
    background-color:#aacd6a;
    outline:none;
    color:#383838;
    display: block;
    cursor:pointer;
    padding: 4px 10px 4px 10px;
    
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    text-shadow:0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    font-weight:normal;
    font-size:14px;
    
    border: 0px;
    
}

.neutralButton:hover {
    color:#383838;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}





#Button {
    border:none;
    outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-family: 'Open Sans';
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#7e7e7e;
}
#Button:hover {
    background:#d8d8d8;
    color:#666;
}


#backButton {
    outline:none;
    color: #000000;
    cursor:pointer;
    margin: 0px auto;
    padding: 2px 10px;
    font-size:30px;
    width:0px;
    background:#b6b6b6;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}


#backButton:hover {
    background:#d8d8d8;
    color:#666;
    font-weight:normal;
}

	

.red {
    color:#e82d0f;
}
.orange {
    color:#f7ac41;
}

.blue {
    color:#28B4E2;
}

#ButtonRed {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-family:"Century Gothic", sans-serif;
    font-weight:normal;
    font-size:22px;
    background:#e82d0f;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
}

#ButtonRed:hover {
    background:#e84f37;
    color:#ffffff;
}

.yellow {
    color:#c7cc35;
}
#ButtonYellow {
    outline:none;
    color:#666;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-size:22px;
    text-align:center;			
    background:#dce225;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}

#ButtonYellow:hover {
    background:#e8ec6e;
    color:#666;
}

.green {
	color:#7cb82f;
}
#ButtonGreen {
    outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 9px 0px 11px 0px;
    font-size:22px;
    text-align:center;			
    background:#7cb82f;
    -moz-box-shadow:0px 0px 3px #cfcfcf;
    -webkit-box-shadow:0px 0px 3px #cfcfcf;
    box-shadow:0px 0px 3px #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
}

#ButtonGreen:hover {
    background:#8cc148;
    color:#ffffff;
}




.yellow_in_progress {
    background-color:#eee793;
}
.green_ready {
    color:#71B541;
}
.red_error {
    background-color: #FF968E;
}
.red_zero {
    color:#FF4538;
}
.bg_grey {
    background-color:#e7e7e7;
}



.b-top {
    border-top:1px solid #cfcfcf;
}
.b-left {
    border-left:1px solid #cfcfcf;
}
.b-right {
    border-right:1px solid #cfcfcf;
}
.b-bottom {
    border-bottom:1px solid #cfcfcf;
}

.padding {
    padding:0px 0px 0px 7px;
}

.b-grey {
    border-color: grey;
}
.b-lightgrey {
    border-color: #e5e5e5;
}
.b-lightgrey_darker {
    border-color: #b7b7b7;
}

tr.bg-yellow td {
    background-color:#eee793;
}
tr.bg-red td {
    background-color:#FF968E;
}




table.reservation {
    width:990px;
    float:left;
    clear:both;
    padding:14px;
    -moz-box-shadow:0px 0px 3px #e3e3e3;
    -webkit-box-shadow:0px 0px 3px #e3e3e3;
    box-shadow:0px 0px 3px #e3e3e3;
    background-color:#f4f4f4;
}

.no-border {
    border:0px;
}
table.no-border td {
    border:0px !important;
}

table.request_details td {
    line-height:21px;
    font-size:13px !important;
}

table.request_mother_table tr:hover {
    background-color:#f5f5f5;
}

tr.reservation_messages td span {
    line-height:20px;
}
tr.reservation_messages div {
    font-size:13px !important;
}




/**************************************************************************************/
/**************************************************************************************/
/*   Einstellungen Buchungsstrecke Buttons
/**************************************************************************************/
/**************************************************************************************/

table.settings_buttons td {
    border:1px solid #d3d3d3;
    text-align:center;
    height:85px;
}

table.settings_buttons td:hover {
    background-color:#f7f7f7; 
}

table.settings_buttons ul {
    display:block;
    padding-top:25px;
    margin-bottom:-5px;
    width:180px;
}

table.settings_buttons span {
    display:block;
    width:180px;
    height:50px;
    padding-top:7px;
}

table.settings_buttons a.subnav {
    padding-bottom:20px;
    font-family:'Open Sans';
    font-size:14px;
    font-weight: 600;
}

table.settings_buttons a.subnav:hover {
   background:transparent;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Jquery UI Tabs Elemente
/**************************************************************************************/
/**************************************************************************************/

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: none !important;
    color: #222222;
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    /* border:0px !important; */
}
.ui-widget-header {
    border-top:0px !important;
    border-left:0px !important;
    border-right:0px !important;
}
.ui-widget {
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 14px;
}
.ui-tabs .ui-tabs-panel {
    padding:0px !important;
    margin-top:10px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    list-style: none;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}





/**************************************************************************************/
/**************************************************************************************/
/*   Table Corrections
/**************************************************************************************/
/**************************************************************************************/

table.corrections {
    border-bottom:0px;
}

table.corrections tr td {
    border-bottom:1px solid grey;
    border-right:1px solid #e2e2e2;
    height:30px;
    padding-left:5px;
}

table.corrections tr td:last-of-type {
    border-right:0px solid #e2e2e2;
}

.grey_balk_label {
    width:160px;
    text-align:right;
    margin-right:35px;
    padding-right:20px;
    line-height:23px;
    font-family: 'Open Sans';
}

.tr_belege:hover {
    cursor:pointer;
}
.tr_belege td {
    cursor:pointer !important;
}

.artikel_top {
    border-bottom:1px solid #7a7979;
    height:30px;
}

.artikel_vertical_top {
    padding-top:8px;
    vertical-align: top;
    padding-bottom:8px;
}

.artikel_middle {
    padding-top:8px;
    height:10px;
}

.artikel_bottom_bold {
    height:32px;
    font-family: 'Open Sans';
    vertical-align:middle;
}

.artikel_bottom {
    height:32px;
    vertical-align:middle;
}

.copyright {
    padding-top:5px;
    font-size:10px;
    line-height:15px;
}


div.imp-ui-zoom-button i {
    padding-top:10px;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Tooltip Lageplan
/**************************************************************************************/
/**************************************************************************************/

#cvi_tooltip {
    display:none;
    position:absolute;
    padding:4px 8px;
    color: #666666;
    background: #ffffff;
    font-family: 'Open Sans';
    font-size:14px;
    border: 1px solid grey;
    max-width: 600px;
    min-width: 30px;
    border-radius: 4px;
    -o-border-radius: 4px;	
    -ms-border-radius: 4px;	
    -moz-border-radius: 4px;	
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: rgba(40,20,0,.66) 0px 0px 16px;
    -o-box-shadow: rgba(40,20,0,.66) 0px 0px 16px;
    -ms-box-shadow: rgba(40,20,0,.66) 0px 0px 16px;
    -moz-box-shadow: rgba(40,20,0,.66) 0px 0px 16px;
    -webkit-box-shadow: rgba(40,20,0,.66) 0px 0px 16px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
#cvi_tooltip b {color: #333333; }
#cvi_tooltip i {font-family: Times, serif; }
#cvi_tooltip small {text-transform: uppercase; }
#cvi_tooltip small i {text-transform: capitalize; font-family: Times, serif;}
#cvi_tooltip span small { 
	text-transform: capitalize; font-family: Times, serif; color: #333333; 
}
#cvi_tooltip img { 
	border: 1px solid orange;
	border-radius: 4px;
	-o-border-radius: 4px;	
	-ms-border-radius: 4px;	
	-moz-border-radius: 4px;	
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#cvi_tooltip u {
	text-decoration: none;
	font-family: 'Arial Black', Arial, sans-serif;
}
#cvi_tooltip hr {
	color: orange; 
	border-color: orange; 
	background-color: orange; 
}


/**************************************************************************************/
/**************************************************************************************/
/*  Jquery Switch Green
/**************************************************************************************/
/**************************************************************************************/

.m_switch {
    width: 60px;
    height: 30px;
    border-radius: 100px;
    background-color: #f3f3f3;
    overflow: hidden;
    box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.1);
    transition: 0.25s all;
    transition-delay: 0s, .08s;
    margin: 0;
    padding: 0;
    position: relative;
}

.m_switch_color {
    background-color: #97ce4f !important;
    box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.05) !important;
}

.m_switch_b {
    display: block;
}

.m_switch_check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}
.m_switch_check:hover {
    cursor: pointer !important;
}

.m_switch_element {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 48%;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.m_switch_checked {
    right: 2px !important;
    left: 48% !important;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;
    transition-property: left, right !important;
    transition-delay: .08s, 0s !important;
}

.m_setting_container{
    display:table;
    width:100%;
    height:100%;
    margin: 150px auto;
}

.m_settings_cell_red .m_switch_color {
    background-color: #e82d0f !important;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Booking Engine
/**************************************************************************************/
/**************************************************************************************/

.page {
    display: flex;
    width: 100%;
    margin: 0px auto 0px auto;
    align-content: left;
    height:auto;
}

.block {
    display:block !important;
}

.main {
    width:100%;
}

.card {
    padding: 16px;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border-radius: 2px;
    margin: 16px;
    box-shadow: .1875rem .3125rem .525rem rgba(14,31,18,.1)!important;
}




.progress {
    border-radius:15px;
    float:left;
    width:17%;
    padding:5px 5px 5px 5px;
    margin: 0px 5px 0px 5px;
    background:#f0f0f0;
}


.arrow_box {
    position: relative;
    background: #88b7d5;
    border: 1px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #88b7d5;
    border-width: 30px;
    margin-top: -30px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #c2e1f5;
    border-width: 31px;
    margin-top: -31px;
}



.housing {
    float:left;
}

.disabled {
    opacity:0.2;
    pointer-events:none;
}




.housing_select {
    width:70%;
    max-width:800px;
    min-height: 120px;
    padding: 10px;
}
.housing_person {
    text-align:left;
    min-height:120px;
    padding:10px;
    max-width:800px;
    width:70%;
}
@media only screen and (max-width: 1200px) {
  .housing_select {
	width:80%;
    }
    .housing_person {
	width:80%;
    }
}
/* Media Query für Bildschirme, die kleiner als 1000px sind */
@media only screen and (max-width: 1000px) {
  .housing_select {
	width:90%;
    }
    .housing_person {
	width:90%;
    }
}






.block_single_housing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.HousingBox_backend .housing_select {
    width:280px;
}
.HousingBox .add_housing span {
    cursor: pointer !important;
}
.summary_title_options { display: none; }

.housing_plus {
    width:60px;
}
.HousingBox_backend .housing_plus {
    width:30px;
    padding:57px 10px 10px 10px;
}

.block_single_add_person .add_person {
    align-items: center;
    text-align:center;
}



.HousingBox_backend .housing_person {
    width:500px;
    margin-right:0px;
    padding-right:0px;
}

.housing_action {
    width:50px;
    padding:10px;
    padding-left:20px;
}

.control_black {
    background: none !important;
    color:#000000 !important;
    line-height: 40px !important;
}

.fa-icon-color {
    color:#484c52;
}


.HousingBox .block_single {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width:100%;
}
.HousingBox .block_single_person {
    padding-top:2px;
    padding-bottom:2px;
}




.block_single_housing .block_single select, .block_single_person select, .block_single_add_person select {
    box-shadow: none !important;
    border-top: 1px #cfcfcf solid;
}
.HousingBox .block_single_add_person {
    padding-top:2px;
}

.HousingBox_backend .add_column {
    margin-top:0px !important;
}

.HousingBox_backend .block_single_housing {
    display: table;
}
.HousingBox_backend .add_person {
    padding-top:10px;
}
.HousingBox_backend .block_additional_article .block_single {
    min-height:unset;
}
.HousingBox_backend .block_additional_article .block_single select {
    min-height:unset;
}






.block_additional_article .block_single {
    min-height:40px;
}
.block_additional_article .block_single select{
    min-height:35px;
}

#housingSelect, #housingSelect1, #housingSelect2, #housingSelect3, #housingSelect4, #housingSelect5, #housingSelect6, #housingSelec7, #housingSelect8, #housingSelect9, #housingSelect10 {
    width: 70%;
    display: inline-block;
}
#personSelect, #personSelect2, #personSelect3, #personSelect4, #personSelect5, #personSelect6, #personSelect7, #personSelect8, #personSelect9, #personSelect10 {
    width:100%;
}

#personCount {
    height:33px;
    width:50px;
    font-size:18px;
    float:left;
}



.dd-container, .dd-select, .dd-selected, .dd-options {
    width:100% !important;
}
.HousingBox_backend .dd-container {
    width:270px !important;
}

.HousingBox_backend #personCount {
    width:50px !important;
}

/* Override: Sicherstellen, dass Personenanzahl-ddSlick im Backend 45px breit ist */
.HousingBox_backend .personcount-select,
.HousingBox_backend .personcount-select + .dd-container,
.HousingBox_backend .personcount-select + .dd-container .dd-select,
.HousingBox_backend .personcount-select + .dd-container .dd-selected,
.HousingBox_backend .personcount-select + .dd-container .dd-options { width:45px !important; }





.HousingBox span {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}
.HousingBox .add_column {
    margin-top:10px;
    margin-bottom:5px;
}
.HousingBox .control {
    padding:0 !important;
    background-color: #484c52;
    line-height:28px;
    height:29px;
    text-decoration: none;
    border:0px !important;
}

.block_single_housing_no_table {
    display:unset !important;
}

.HousingBox_backend .housing_action {
    width:0px !important;
    padding:0px;
    padding-top:20px;
}

.HousingBox_backend .housing_person {
    min-height: unset !important;
}

.housing_person .control {
    padding-left:7px !important;
    width:21px;
}
.control_grey {
    background-color:#484c52 !important;
}


.dd-option-description, .dd-selected-description {
    padding:12px 0px 12px 0px;
}

.dd-option-description table, .dd-selected-description table {
    width:100% !important;
    height:100% !important;
    border:0px !important;
}
.dd-option-description table tr, .dd-selected-description table tr {
    height:100% !important;
    border:0px !important;
}
.dd-option-description table td, .dd-selected-description table td {
    vertical-align:top;
    text-align:left;
    height:100% !important;
    font-size:12px;
    border:0px !important;
}
.dd-selected-description-truncated, .dd-option-description, .dd-selected-description {
    white-space: normal !important;
    text-justify:initial !important;
    padding-right:10px;
}
.dd-selected-description {
    padding-right:30px;
}
.option-disabled {
    color: gray;
    opacity: 0.7;
}



.dd-option-image, .dd-selected-image {
    max-width:200px !important;
    padding-right:10px;
}
.HousingBox .control_text {
    margin-top:4px;
}

.HousingBox_backend {
    text-align:center;
}



.dd-selected-text, .dd-option-text {
    font-size:14px;
}
.dd-option, .dd-selected, .dd-desc {
    text-align:left !important;
    color:#000000 !important;
    font-weight:normal !important;
}
.dd-options {
    overflow: visible !important;
}
.dd-option, .dd-selected {
    padding: 5px !important;
}

.remove_person {
    font-family: 'IcoMoon-Free';
    color: #f24141;
    margin-left:5px;
    height:20px !important;
    line-height:20px !important;
    text-decoration: none !important;
}
.remove_person:before {
    content: "\e9ac";
    font-size: 20px;
}



.progress_course {
    border-radius:15px;
    float:left;
    width:47%;
    padding:5px 0px 5px 0px;
    margin: 0px 5px 0px 5px;
}

.progress_active {
    display:block;
    background:#f3f09f;
}
.progress_complete {
    background:#cbe7a8;
}
.progress_inactive {
    background:#e4e4e4;
}

.summary {
    flex: 0 0 300px;
    margin-left: 25px;
    font-size: 14px;
    font-weight: 300;
}

.summary > img {
    max-width:80px;
}

.summary h3 {
    padding-top:10px;
}

.submit {
    width:100%;
}

@media (max-width: 767px){
    .page {
	display:block;
    }
    .step_summary {
	margin-left: 0px;
    }
    .right_box input {
	margin-left:-50px !important;
    }
}



ul.features_booking {
    margin-left:0px;
    list-style-type: none;
    /*
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    */
}
ul.features_booking li {
    text-align:left;
    overflow: visible;
    padding-left: 17px;
    line-height:16px;
    position: relative;
    padding-top:5px;
}

ul.features_booking.popup {
    margin-left:-15px;
}
ul.features_booking.popup li {
    padding-top:1px;
    line-height: 18px;
}

ul.features_booking li:before {
    content: "\2713";
    left: 0;
    position: absolute;
}

ul.features_not_allowed li:before {
    content: "\01F6AB";
    left: 0;
    position: absolute;
}

ul.features_booking li.attention:before {
    content: "\203C";
    color:#ff0000;
    left: 0;
    position: absolute;
}
ul.features_booking li.attention {
    color:#ff0000;
}



ul.features_booking_1_column {
    margin-left:0px;
    list-style-type: none;
}
ul.features_booking_1_column li {
    text-align:left;
    overflow: visible;
    padding-left: 17px;
    line-height:14px;
    position: relative;
    padding-top:5px;
}

ul.features_booking_1_column.popup {
    margin-left:-10px;
}
ul.features_booking_1_column.popup li {
    padding-top:0px;
}

ul.features_booking_1_column li:before {
    content: "\2713";
    left: 0;
    position: absolute;
}
ul.features_booking_1_column li.attention:before {
    content: "\203C";
    color:#ff0000;
    left: 0;
    position: absolute;
}





.left_box {
    float:left;
    display:block;
    width:48%;
    height:70px;
    font-size:20px !important;
}

.left_box .guest_box {
    margin-top:13px;
}




.right_box {
    float:right;
    display:block;
    width:48%;
    height:70px;
    font-size:20px !important;
}

.right_box input {
    border: 1px solid #c3c3c3 !important;
    font-size: 16px;
    height:50px !important;
    width:70%;
    margin-left:-150px;
}

.guest_box {
    align-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.guest_box > .left {
    float:left;
}
.guest_box > .right {
    float:right;
    color:#c9c9c9;
    font-size:18px;
}



@media (min-width: 0px){
    .right_box .datefield_calendar {
	width:70% !important;
    }
}


@media (min-width: 500px){
    .guest_box_input > input {
	width:20% !important;
    }
    .right_box input {
	width:20% !important;
	margin-left:-60px !important;
	height: 50px !important;
    }
    .accordionContent {	
	margin-left:0% !important;
    }
    .right_box .datefield_calendar {
	width:70% !important;
    }
}

@media (min-width: 600px){
    .guest_box_input > input {
	width:16% !important;
	height: 50px !important;
    }
    .right_box input {
	width:16% !important;
	margin-left:-60px !important;
    }
    .right_box .datefield_calendar {
	width:50% !important;
    }
}


@media (min-width: 700px){
    .guest_box_input > input {
	width:15% !important;
	height: 50px !important;
    }
    .right_box input {
	width:15% !important;
	margin-left:-100px !important;
    }
}

@media (min-width: 900px){
    .guest_box_input > input {
	width:13% !important;
	height: 50px !important;
    }
    .right_box input {
	width:13% !important;
	margin-left:-130px !important;
    }
    .accordionContent {	
	margin-left:0% !important;
    }
}

@media (min-width: 1200px){
    .guest_box_input > input {
	width:10% !important;
	height: 50px !important;
    }
    .right_box input {
	width:10% !important;
    }
    .accordionContent {	
	margin-left:15% !important;
    }
}

.guest_box_input > input {
    width:15%;
}


.course_view {
    float:right;
    padding-left:10px;
}

.course_teacher_picture {
    height:170px;
}

.qem-icon .qem-calendar-small {
    width: 90px;
}

.qem-calendar-small .day, .qem-calendar-medium .day, .qem-calendar-large .day {
    display: block;
    color: #ffffff;
    background: #898989;
    border: 1px solid #898989;
    border-bottom: none;
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}

.qem-calendar-small .day {
    background: #343838;
    font-size: 15px;
    color: white;
    display: block;
    padding: 2px 0;
}

.qem-calendar-small .nonday, .qem-calendar-medium .nonday, .qem-calendar-large .nonday {
    display: block;
    border: 1px solid #898989;
    border-top: none;
    background: #FFF;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.qem-calendar-small .nonday {
    padding: 30px 0px 30px 0px;
    font-size: 16px;
}

.qem-calendar-small .nonday .big{
    font-size: 27px !important;
}

.qem-calendar-small .nonday .year{
    font-size: 20px;
}

div.qem-icon .day {
    height:auto;
    padding:5px 0px 5px 0px;
}



.control {
    float:left;
    display:block;
    padding-top:15px;
    margin-right:10px;
    cursor:pointer;
    font-size:25px;
    width:29px;
    height:35px;
    color:#ffffff;
    background-color:#474747;
    border-radius:50%;
}
.control.right {
    padding-top:-40px !important;
    line-height:13px;
}
.control_check {
    font-size:16px;
    background-color:#71B541 !important;
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
    transition: background-color .15s linear .1s;
}




.title {
    padding: 15px 0px 5px 0px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom:10px;
    flex-grow: 1;
    align-content: center;
    display: flex;
    justify-content: left;
    align-items: center;
}

.summary p {
    display: block;
    padding: 10px 25px 10px 0px;
    margin: 0px 0px;
}

.form .row {
    align-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px 10px 0px;
}

.form .label {
    flex: 0 0 160px;
    padding-right: 30px;
    align-self: flex-start;
    padding-top: 11px;
}

@media (max-width: 767px){
    .form .row, .form .row .label {
	display: block;
    }
    .form .row .label {
	padding-top: 0px;
	padding-bottom: 11px;
    }
}

.form .input {
    width: 100%;
}
.required {
    color: #D14836;
}
.form input, .form select, .form textarea {
    border: 1px solid #c3c3c3 !important;
    font-size: 16px;
    height:40px !important;
}
.form select {
    width:100%;
    padding: 8px 15px 10px 5px !important;
}
.form .input .vorname, .form .input .name {
    width: 48%;
}
.form .input .name {
    float: right;
}
.form .input .plz {
    width: 30%;
}
.form .input .ort {
    float: right;
    width: 66%;
}
.form .input .strasse {
    width: 73%;
}
.form .input .hausnummer {
    float: right;
    width: 23%;
}
.form .input .email, .form .input .telefon, .form .input .kennzeichen {
    width: 100%;
}
.form .input .hinweis {
    width: 100%;
    height:80px !important;
}
.form .input #agb {
    height:150px !important;
    font-size:14px;
    width:100%;
}



/**************************************************************************************/
/**************************************************************************************/
/*  Project Table
/**************************************************************************************/
/**************************************************************************************/

.table_progressBar_top {
    width:990px;
    
    margin-left:-20px;
    margin-top:-25px;
    margin-bottom:15px;
    margin-right:-20px;
    text-align:center;
    font-size:12px;
    
    padding-top:3px;
    padding-bottom:3px;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#progressBar_top {
    width: 990px;
    height: 10px;
    
    border: 1px solid #DDDDDD;
    border-left:0px;
    border-right:0px;
    
    background-color: #FFFEEF;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#progressBar_top div {
    position:relative;
    top:-1px;
    left:0px;
    
    height: 100%;
    color:#363636;
    text-align: right;
    font-size:10px;
    
    line-height: 10px;
    width: 0;
    white-space: nowrap;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}



.timeline_bubble {
    text-align: center;
    width:158px;
}

.circle {
    margin: auto;
    text-align: center;
    width: 80px;
    height: 53px;
    border-radius: 50px;
    padding-top:25px;
}

.circle_active {
    border:2px solid #cae7a5;
    background-color:#f6fdec;
}

.check_green {
    font-size:18px;
    color:#8f8f8f;
    font-weight:bold;
}

.circle_disabled {
    border:1px solid #f5f5f5;
    background-color:#f5f5f5;
    font-size:30px;
    color:#d8d8d8;
}
.circle_disabled:before {
    content: "\ea0d";
}

.circle_waiting_red {
    border:1px solid #f28787;
    background-color:#fcf0f0;
    font-size:28px;
    color:#f28787;
}
.circle_waiting_red:before {
    content: "\e979";
}

.circle_waiting {
    border:1px solid #f8db07;
    background-color:#fdfdec;
    font-size:28px;
    color:#f8db07;
}
.circle_waiting:before {
    content: "\e979";
}

.timeline_text {
    text-align: center;
}

.timeline_active {
    font-size:13px;
    line-height:17px;
    vertical-align:top;
    padding-top:5px;
}

.timeline_inactive {
    color:#d8d8d8;
    font-size:13px;
    vertical-align:top;
    padding-top:5px;
    line-height:17px;
}

.price_models td {
    vertical-align: top;
}
.price_models .top {
    color:#000000;
    border-bottom:0.5px solid #a1a1a1;
}


.progressbar_red div {
    border:1px solid #ff0000;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f28787+0,d67068+100 */
    background: #f28787; /* Old browsers */
    background: -moz-linear-gradient(top, #f28787 0%, #d67068 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f28787 0%,#d67068 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f28787 0%,#d67068 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28787', endColorstr='#d67068',GradientType=0 ); /* IE6-9 */
}

.progressbar_orange div {
    border:1px solid #ED6D0B;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: rgb(255,168,76); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

.progressbar_dark_yellow div {
    border:1px solid #EFD002;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf4ae+0,f1da36+100 */
    background: #fcf4ae; /* Old browsers */
    background: -moz-linear-gradient(top, #fcf4ae 0%, #f1da36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcf4ae 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcf4ae 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf4ae', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.progressbar_green_yellow div {
    border:1px solid #DFE527;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eef9ae+0,e6ef37+100 */
    background: #eef9ae; /* Old browsers */
    background: -moz-linear-gradient(top, #eef9ae 0%, #e6ef37 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eef9ae 0%,#e6ef37 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eef9ae 0%,#e6ef37 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef9ae', endColorstr='#e6ef37',GradientType=0 ); /* IE6-9 */
}

.progressbar_green div {
    border:1px solid #7cb82f;
    background: #c0e27a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwZTI3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWQxNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c0e27a 0%, #a1d155 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0e27a), color-stop(100%,#a1d155)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0e27a 0%,#a1d155 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0e27a 0%,#a1d155 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e27a', endColorstr='#a1d155',GradientType=0 ); /* IE6-8 */	
}



.table_progressBar_bottom {
    position:relative;
    top:20px;
    left:0px;
    
    width:990px;
    
    margin-left:-20px;
    margin-top:15px;
    margin-right:-20px;
    text-align:center;
    font-size:12px;
    
    padding-top:3px;
    padding-bottom:-10px;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#progressBar_bottom {
    width: 990px;
    height: 10px;
    
    border: 1px solid #DDDDDD;
    border-left:0px;
    border-right:0px;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#progressBar_bottom div {
    position:relative;
    top:-1px;
    left:0px;
    
    height: 100%;
    color:#363636;
    text-align: right;
    font-size:10px;
    
    white-space: nowrap;
    line-height: 10px;
    width: 0;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



.yellow_in_progress {
    background-color:#eee793;
}
.green_ready {
    color:#71B541;
}
.red_error {
    background-color: #FF968E;
}
.red_zero {
    color:#FF4538;
}
.bg_grey {
    background-color:#e7e7e7;
}


/* =====================================================================
   Leaflet Platznummern-Labels (zentrierte Tooltip-Labels mit Schatten)
   Zentral eingebunden über application/layouts/scripts/layout.phtml
   Verwendet in Kalender- und Buchungsansichten für Platznummern.
   ===================================================================== */
.leaflet-place-label,
.my-label {
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  text-shadow: 0 0 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.9);
  pointer-events: none;
}
.leaflet-tooltip.leaflet-place-label,
.leaflet-tooltip.my-label {
  background: transparent;
  border: none;
  box-shadow: none;
}
.leaflet-tooltip.leaflet-place-label::before,
.leaflet-tooltip.my-label::before {
  display: none;
}