@charset "UTF-8";
@font-face {
	font-family: 'barcode39';
	src: url('../fonts/pdf/3OF9_NEW.TTF');
}

html, body {
	min-height:100%;
}


body{position:relative;}

.barcode2 {
	font-family: barcode39;
	font-size:14mm;
	line-height:14mm;
	padding:0;
	margin:0;
}
.d-flex {
	display:flex;
}
.d-justify-content-center {justify-content: center}
.d-justify-content-between {justify-content: space-between}
.d-justify-content-around {justify-content: space-around;}
.d-justify-content-start {justify-content: flex-start}
.d-justify-content-end {justify-content: flex-end;}
.d-align-items-center {align-items: center;}

.d-block  {
	display: block;
}
.pt-1 {padding-top: 4px;}
.pt-2 {padding-top: 8px;}

.pb-1 {padding-bottom: 4px;}
.pb-2 {padding-bottom: 8px;}

.ps-1 {padding-left: 4px;}
.ps-2 {padding-left: 8px;}

.px-1 {padding-left: 4px; padding-right:4px}
.px-2 {padding-left: 8px; padding-right:8px}
.px-2 {padding-left: 12px; padding-right:12px}

.pe-1 {padding-right: 4px !important}
.pe-2 {padding-right: 8px !important}
.pe-3 {padding-right: 12px !important}
.pe-4 {padding-right: 16px !important}
.pe-5 {padding-right: 20px !important}

.mx-1 {margin-left: 4px; margin-right:4px !important}
.mx-2 {margin-left: 8px; margin-right:8px !important}
.mx-3 {margin-left: 12px; margin-right:12px !important}

.me-1 {margin-right:4px !important}
.me-2 {margin-right:8px !important}
.me-3 {margin-right:12px !important}
.me-4 {margin-right:16px !important}
.me-5 {margin-right:20px !important}

.ms-1 {margin-left:4px !important}
.ms-2 {margin-left:8px !important}
.ms-3 {margin-left:12px !important}
.ms-4 {margin-left:16px !important}
.ms-5 {margin-left:20px !important}

.mb-1 {margin-bottom:4px !important}
.mb-2 {margin-bottom:8px !important}
.mb-3 {margin-bottom:12px !important}
.mb-4 {margin-bottom:16px !important}
.mb-5 {margin-bottom:20px !important}

.mt-1 {margin-top:4px !important}
.mt-2 {margin-top:8px !important}
.mt-3 {margin-top:12px !important}
.mt-4 {margin-top:16px !important}
.mt-5 {margin-top:20px !important}

.w-100 {width:100% ;}
.w-90 {width:90% ;}
.w-80 {width:80% ;}
.w-75 {width:75% ;}
.w-70 {width:70% ;}
.w-66 {width:66.66% ;}
.w-60 {width:60% ;}
.w-50 {width:50% ;}
.w-40 {width:40% ;}
.w-33 {width:33.33% ;}
.w-30 {width:30% ;}
.w-25 {width:25%;}
.w-20 {width:20% ;}
.w-10 {width:10%;}






.font-size-larger {
	p, div, th, td {
		font-size:1.2rem !important;
		line-height:150% !important;
	}
}

#content{
	display:block;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}
h1 {
	margin: 16px 0 14px;
	font-weight:bold;
	color:#333333;	
}
h2 {
	margin: 14px 0 10px;
	font-weight:bold;
	color:#444444;	
}
h3 {;
	margin:8px 0 10px;
	font-weight:bold;
	color:#555555;	
}
h4 {
    margin:8px 0 10px;
    font-weight:bold;
    color:#555555;
    font-size:1rem;
}
th, td{
	vertical-align: top;
}

input[type]:not[type=submit] {

}
select {font-size: 1rem;}

.expanded select,
.expanded input[type=text],
.expanded input[type=password],
.expanded textarea {
	width:100%;
}
.inner-table td, .inner-table th{
	
	border-bottom :2px solid #ffffff;
	
}
label{
    display:inline-block;
    font-size: 1rem;
    /*margin-right:20px; */
}
label.required {
	margin-right:0;
}
.wide label{
	
}
.label-div {
	float:left;
	display:inline-block;
	min-width: 100px;
}
.form .inline label{
	display:inline-block;
}
.detail {
	float:left;
	width:99%;

}
.item {
	background-color: #E5F1F4;
	margin: 4px;
	border-bottom:1px dotted #ccc;
}
.ulist {
	list-style-type:none;
}
.ulist li{
	margin-left:12px;
}
.bildergrid img {
	max-width:120px;
}

.buttons {
	text-align:right;
}

.linkbutton {
	padding-top:5px;
	padding-bottom:5px;
	border-radius:3px;
	text-decoration:none;
}
.linkbutton-wrap{
	padding-top:1em;
}
.buttons input[type=submit], .buttons .button, .buttons button, .linkbutton {
	font-size: 1rem;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    margin: 0.5em;
	min-width:5em;
	padding: 4px 8px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #81B8D6), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #81B8D6 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #81B8D6 5%, #408c99 100%);
	background:-o-linear-gradient(top, #81B8D6 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #81B8D6 5%, #408c99 100%);
	background:linear-gradient(to bottom, #81B8D6 5%, #408c99 100%);
	background-color:#408c99;
	color:#ffffff;
	border:none;
	border-radius:4px;
}
.buttons input[type=submit]:hover,
.buttons .button:hover,
.buttons button:hover,
.linkbutton:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #81B8D6));
	background:-moz-linear-gradient(top, #408c99 5%, #81B8D6 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #81B8D6 100%);
	background:-o-linear-gradient(top, #408c99 5%, #81B8D6 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #81B8D6 100%);
	background:linear-gradient(to bottom, #408c99 5%, #81B8D6 100%);
}
.linkbutton:hover {
	color:#ffffff;
	text-decoration:none;
}

.buttongroup {
	margin: 0 ;
	padding:0;
}

.buttongroup li {
	list-style-type:none;
	float:left;
	border:1px solid #0066A4;
	border-radius:1px;	
	padding: 4px 8px;
	margin: 0 12px 8px 0;
}
.buttongroup .active {
	background-color:#B7D6E7;
	border:1px solid #0066A4;
}

.buttongroup li:hover {
	background-color:#B7D6E7;
}

.buttongroup a {
	text-decoration: none;
	color:#0066a4;
}
.copy-btn {
	border:none;
	background:none;
	cursor: pointer;
	padding:2px;
}

.grid-button-cell a{
	padding: 2px;
}

.flex-row{
	display:flex;
	background-color:#E5F1F4;
	padding: 4px 4px 0 8px;

}

.row {
	background-color:#E5F1F4;
	clear:both;
	display:inline-block;
	width:100%;
}
.row:after{
	content:'';
	display:block;
}

.row span {
	margin:0 12px 0 0;
}
div[class^="col-"]{
	display:inline-block;
	padding:4px 8px;
	box-sizing:border-box;
}

.col-1{
	width:8.33%;

}
.col-2{
	width:16.66%;

}
.col-3{
	width:24.99%;

}
.col-4{
	width:33.32%;
}
.col-5{
	width:41.65%;
}
.col-6{
	width:49.98%;
}
.col-7{
	width:58.31%;
}
.col-8{
	width:66.64%;

}
.col-9{
	width:74.97%;
}
.col-10{
	width:83.3%;
}
.col-11{
	width:91.63%;
}
.col-12{
	width:100%;
}

.dtable {
	display:table;
}
.drow{
	display:table-row;
}
.dcell{
	display:table-cell;
	padding:2px 18px 2px 0;
	margin: 1px 8px 1px 0;
}


.dcellsep {
	padding:4px 14px;
	display:table-cell;
}

.valid {
	color:#cc0000;
	font-weight:bold;
}


.evmtable {
	display:table;	
}
.evmrow{
	display:table-row;
}

.evmcol, .evmtd{
	display:table-cell;
	padding: 4px 8px;
}

.evmth{
	display:table-cell;
	padding: 4px 8px;
	font-weight:bold;
}
.evmrow:nth-child(odd) {
	background-color:#E5F1F4;
    &.status-false {
        background-color:#F5991DFF;
    }
}
.evmrow.status-false {
    background-color: #F5991DFF;
}

.odd-even tr:nth-child(odd) {
	background-color: #e5f1f4;
}
.odd-even tr:nth-child(even) {
	background-color: #f8f8f8;
}

.table-white-border {
	th, td {border: 1px solid #ffffff;}
}

.table-bordered td,
.table-bordered th {
	border: 1px solid #cccccc;
}

.detail-view, .table-view {
	min-width: 80%;
	margin:0;
}
.table-view.adapted {
	min-width: auto;
	width: auto;
	max-width: 100%;
}
.detail-compact {
	width:auto;
	background-color:#ffffff;
}
.detail-compact td {
	text-align:right;
}

.detail-view th, .detail-view td {
	border: 1px solid #ffffff;
}
.detail-view th, .table-view th{	
	font-weight:bold;
	padding: 4px 12px 4px 8px;
	vertical-align: top;

}
.detail-view th {
	text-align:right;
	width:160px;
}

.detail-view td, .table-view td, .detail-compact td {
	padding: 4px 8px;
	vertical-align: top;
}
.detail-view tr:nth-child(odd), .detail-compact tr:nth-child(odd), .table-view tr:nth-child(odd){
	background-color:#E5F1F4;
}
.detail-view table td, .detail-view table th
 {
	border-bottom:1px dotted #999;
}
.detail-view table tr{
	background-color:transparent !important;
}


.standard-table {
	border: 1px solid #ccc;
}
.standard-table th {
	text-align:center;
}
.standard-table td, .standard-table th {
	border-bottom: 1px solid #ccc;
}
.standard-table input[type=text]{
	width:100%;
	border:none;
}
.standard-table tr.titel th{
	background-color:#dddddd;
}
.formselector {
	background: white url(bg.gif) repeat-x left top;
	padding: 4px 8px;
	color:#ffffff;
	font-weight:bold;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
.formselector .fa-minus-square-o{
	display:none;
}

.filterform {
	background-color:#E5F1F4;
	border:1px solid #4C99C5;
	border-radius:2px;
	margin-bottom:1em;
}
.filterform .form{
	width:99%;
}

#Filter_anzeige input[type="radio"] {
	margin-left:10px;
}

#ankunftform{
	display:none;
}

.form-table td{

	padding: 8px;
}
.form-table tr{
	background-color:#f8f8f8;
}
.form-table tr:nth-child(odd){
	background-color:#E5F1F4;
}

.form-table th{
	color:#ffffff;
}


.item-used {
	background-color:#ffffcc;
}

.hiddenrow {
	display:none;
}
.hiddenrow.shown{
	display:inherit;
}
.hiddendiv {
	display:none;
	background-color:#f0f0f0;
	border:#ccc 1px solid;
	padding:0 2em 1em;
	position:absolute;
	top:8em;
	left:30em;
	z-index:110;
}
.close-icon{
	cursor:pointer;
	margin-bottom:0;
	margin-right:-1em;
	padding:1em;
	display:inline-block;	
}


.hiddendiv table {
	background-color:#fff;
	padding:1em;
}

.basket-detail{
	cursor:pointer;
}

.bold {font-weight: bold; }
.italic {font-style: oblique;}

.rechts{
	text-align:right;
}
.mitte{
	text-align:center;
}
.links {
	text-align:left !important;
}
.rot{
	color:#990000;
}
.gruen {
	color:#009900;
}
.orange{
	color:#EFB100;
}
.placeholder-1 {
	display:inline-block;
	width:10px;
}

/*
.kat1, .kat2, .kat3, .kat4, .kat5, .kat6,
.kat1b, .kat2b, .kat3b, .kat4b, .kat5b, .kat6b{
	border: 2px solid #ffffff;
	margin: 1px;
	float:left;
	width:32px;
	font-size:10px;
	overflow:hidden;
	text-align:center;
	color:#000;
	overflow:hidden;
	line-height:20px;
}
*/
.bezahlt-20 {
	background-color:#f5991d;
}
.bezahlt-30 {
	background-color:#ab304d;
}
.bezahlt-40 {
	background-color:#88ff88;
}

.kat1, .legende1{
	background-color:#ab304d;
	border: 3px solid #ab304d;
	color:#ffffff;
}
.kat2, .legende2{
	background-color:#f5991d;
	border: 3px solid #f5991d;
}
.kat3, .legende3{
	background-color:#ffe400;
	border: 3px solid #ffe400;
}
.kat4, .legende4{
	background-color:#aaaaaa;
	border: 3px solid #aaaaaa;
}
.kat5, .legende5{
	background-color:#ff66ff;
	border: 3px solid #ff66ff;
}
.kat6, .legende6{
	background-color:#66ffff;
	border: 3px solid #66ffff;
}
.gesperrt {
	opacity:0.3;
}
.kat1.belegt {background:rgba(171,48,77,0.6);}
.kat2.belegt {background:rgba(245,153,29,0.4);}
.kat3.belegt {background:rgba(255,228,0,0.2);}
.kat4.belegt {background:rgba(170,170,170,0.4);}
.kat5.belegt {background:rgba(171,48,77,0.6);}
.kat6.belegt {background:rgba(171,48,77,0.6);}

.meinplatz {
	/*background: rgba(0,204,0,0.4); */
	background-color:#f0f0f0;
	color:#666666;
}
.legende {
	padding: 4px 4px;
	width:auto;
	height:auto;
}

.right {
	float:right;
}
.grid-view .button-column{
	width:auto !important;
}
.grid-view .button-column img{
	margin:0 4px;
}
table.belegung {
    border: 1px solid #cccccc;
    width:auto;
    border-collapse:collapse;
}
.belegung td {
    text-align:right;
    padding: 2px 8px;
    border: 1px dotted #cccccc;
}
.belegung th{
    font-weight:bold;
    padding: 2px 8px;
    border: 1px dotted #cccccc;
}
pre{
	font-size:12px;
	margin:4px 0;
	padding: 4px 2px;
	line-height:14px;
	white-space: pre-wrap;
}

/** platzanzeige **/

#platztable td, #platztable th {
	border-bottom: 1px solid #cccccc;
	padding: 2px;
}

#platztable .bereich {
	font-size:12px;
	font-weight:bold;
	background-color:#B7D6E7;
	padding: 8px 2px;
}

.subtitle{
	font-weight:bold;
	font-size:12px;
	padding: 12px 4px 0;
	vertical-align: middle;
	background-color:#B7D6E7;
	white-space: nowrap;
}
.platznr span{
	font-size:10px;
	box-sizing:border-box;
	width:32px;
	height:32px;
	line-height:10px;
	text-align:center;
	float:left;
	margin:1px;
}
.platznr input[type="checkbox"]{
	opacity:1;
	margin:2px;
}
/* Darstellung der Plätze mit vollem Namen =>breitere Darstellung notwendig */
.plaetze-vollname span {
	width:44px;
}

#platztable{ 
	width:100%;
	margin-right:100px;
}
.myform { clear:both;}

.myformx input[type=checkbox]{
	display:none;		
}
.myformx input[type=checkbox] +label{
	display:inline-block;
	width:100%;
	height:100%;	
}
.myformx input[type=checkbox]:checked +label{
	background-color:rgba(100, 100, 255, 0.5);
}

/** kennzeichnung von cmx-meldungen **/
.cmxmsg {
	font-weight:bold;
}
.cmxmsg_E {
	color:#800000;
	font-weight:bold;
	
}
.cmxmsg_S {
	color:#006600;
	font-weight:bold;
}
.cmxmsg_W{
	color:#EFB100;
	font-weight:bold;
}
.cmxmsg_T {
	color:#000066;
	font-weight:bold;
}

/** cgridview-ids bestellung **/
#bestellung-grid_c0 {width:40px;  } /*id */
#bestellung-grid_c1 {width: 90px;} /* datum */
#bestellung-grid_c2 {width:140px; } /* name */
#bestellung-grid_c3 {width:100px; } /* vorname */
#bestellung-grid_c4 {width:140px; } /* firma */
#bestellung-grid_c5 {width:40px; } /* plz */
#bestellung-grid_c6 {width:140px; } /* ort */
#bestellung-grid_c7 {width: 70px; } /*Zahlungsart */
#bestellung-grid_c8 {width: 32px;} /* versand*/
#bestellung-grid_c9 {width: 32px;} /* tickets*/
#bestellung-grid_c10 {width: 32px; } /*cmx-flag */
#bestellung-grid_c11 {width: 32px; } /*deleted */

/*
#event-grid_c0 {min-width: 84px; max-width:100px; }
#event-grid_c1 {width:25%;}
#event-grid_c2 {width:25%; }
#event-grid_c3 {width:25%; }
#event-grid_c4 {min-width:50px; max-width:52px; width:4%;}
#event-grid_c5 {min-width:50px; max-width:52px; width:4%; }
#event-grid_c6 {width:auto;}
#event-grid .button-column {min-width:70px; max-width:80px}
#event-grid .preview_image img {max-height:120px; max-width:100px; width:auto;}
*/

#event-grid_c0 { width:110px; }
#event-grid_c1 {width: auto}
#event-grid_c2 {width:50px;}
#event-grid_c3 {width:100px; }
#event-grid_c4 {width:50px; }
#event-grid_c5 {min-width:50px; max-width:52px; width:4%;}
#event-grid_c6 {min-width:50px; max-width:52px; width:4%; }
#event-grid_c7 {width:auto;}
#event-grid .button-column {min-width:70px; max-width:80px}
#event-grid .preview_image img {max-height:120px; max-width:100px; width:auto;}

/* #event-grid_c3 {width:28px;} */  /* gesperrt */ 

#kunden-gridview_c0{width:40px;}
#kunden-gridview_c1{width:40px;}
#kunden-gridview_c2{width:60px;}
#kunden-gridview_c3{width:130px;}
#kunden-gridview_c4{width:100px;}
#kunden-gridview_c5{width:100px;}
#kunden-gridview_c6{width:40px;}
#kunden-gridview_c7{width:120px;}
#kunden-gridview_c8{width:80px;}
#kunden-gridview_c9{width:80px;}
#kunden-gridview_c10{width:100px;}



/** Filterbuttons */
.element{
	background-color: #E5F1F4;
	margin: 4px;
	padding: 2px 4px;
	float:left;
	display:inline-block;
	
}
.singleelement{
	background-color: #E5F1F4;
	margin: 4px;
	padding: 2px 4px;
	display:inline-block;
}
.simpleelement{
	display:inline-block;
	margin: 1px 8px;
	float:left;
}

.lastelement{
	display:inline-block;
	margin: 1px 8px;
}
.lastelement:after, .singleelement:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

/* Top-Menu */
#topmenu {
	background-color:#B7D6E7;
	text-align:right;
	
}
#topmenu ul {
	height:auto;
	display:inline-block;
}

#topmenu li{
	float:left;
	display:inline-block;
	padding:4px 12px;
}

/** Main-Menu mit Submenu **/
#mainmenu {

}
#mainmenu ul li{
	position:relative;
	overflow:hidden;
}
#mainmenu ul ul {
	display:none;
	position:absolute;
	top:21px;
	left:0;
	background-color:#eff4fa;
	padding: 0;
}

#mainmenu ul ul li {
	display:block;
	color:#4779B3;
	border-bottom: #cccccc 1px solid;
	padding: 0;
}
#mainmenu ul li:hover ul{
	display:block;
	background-color:#eff4fa;
	width:100%;
}
#mainmenu ul ul li a {
	color:inherit;
	width:100%;
	padding: 10px;
	display:block;
}
#mainmenu ul ul li:hover, #mainmenu ul ul li a:hover{
	background-color:#E5F1F4;
}

/** Meldungen **/
#message div{
    margin: 2px 0;
    padding: 10px 10px 4px 10px;
}
#message h4{
    margin: 0 0 0.3em 0;
    font-size:1em;
    font-weight:bold;
}
.error  {
	color:#a00000;
	padding: 1px 4px;
	background-color:#ffe0e0;
}
#message .error{
    
    color:#a00000;
    background-color:#ffe0e0;
    border: 1px solid #a00000;
}

#message .msg{
    color:#20597E;
    background-color:#e0f0ff;
    border: 1px solid #20597E;
}
.msg h4 {
    color:#20597E;
}
#message .cmx{
    color:#333333;
    background-color:#f0f0f0;
    border: 1px solid #333333;
}
#message .debugmsg{
    color:#222222;
    background-color:#ffffc0;
    border:1px solid #a09066;
    display:block;
}
.cmx h4 {
    color:#333333;    
}

/* Gridview Zellhintergrund */
.errorstatus {
	background-color:#a00000;
}
.evmbutton {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	font-family:arial;
	padding:4px 8px;
	margin: 6px;
	background-color:#B7D6E7;
}

.evmbutton-small{
	border-radius:3px;
	padding: 2px 4px;
	margin:0;
	cursor:pointer;
}
a.evmbutton, a.evmbutton-small{
	color:#ffffff;
	text-decoration:none;
}
a.evmbutton:hover, a.evmbutton-small:hover{
	color:#ffffff !important;
	text-decoration:none;
}



.bg-primary{background-color:#599bb3; border:1px solid #29668f;}
.evmbutton-small.bg-primary:hover, .evmbutton.bg-primary:hover{background-color: #3d768a;}
.bg-standard{background-color:#599bb3;border:1px solid #29668f;}
.evmbutton-small.bg-standard:hover, .evmbutton.bg-standard:hover{background-color: #3d768a;}
.bg-warning{background-color:#599bb3;border:1px solid #29668f;}
.evmbutton-small.bg-warning:hover, .evmbutton.bg-warning:hover{background-color: #3d768a;}

.csvbutton {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
    background:-moz-linear-gradient(top, #599bd3 5%, #408c99 100%);
    background:-webkit-linear-gradient(top, #599db3 5%, #408c99 100%);
    background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
    background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
    background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
    background-color:#599bb3;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #29668f;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-weight:bold;
    padding:8px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #3d768a;
}
.csvbutton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
    background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
    background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
    background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
    background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
    background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
    background-color:#408c99;
}
.csvbutton:active {
    position:relative;
    top:1px;
}
#csv_alle, #csv_fest, #csv_konzert {
    display:none;
}
.csvdiv textarea {
    width:100%;
    height:auto;
}

.mailing-content li {
	padding:4px;
	background-color:#fcfcfc;
}

.statistik {
    height:75vh;
    overflow: scroll;
    display:inline-block;
    padding: 12px;
}

.statistik table, .analyze-result table {
    width:auto;
    border-collapse:collapse;
}
.statistik th, .statistik td
.analyze-result th, .analyze-result td
{
    border: solid #ccc 1px;
    font-family: Verdana, Arial, 'sans_serif';
}
.statistik th,
.analyze-result th
{
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 23%, #dddddd 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#fcfcfc), color-stop(98%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 23%,#dddddd 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 23%,#dddddd 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 23%,#dddddd 98%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 23%,#dddddd 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
font-weight:bold;
color:#666;
text-shadow: 1px 1px #fff;
}
.statistik tr.title,
.statistik tr.striped:nth-child(even) {
    background-color:#e8e8e8;
}

.statistikform {
    padding: 10px;
}

.statistikform .ui-button{
    margin: 0 0 0 12px;
}
.statistikform select{
    height:33px;
    margin: 0 4px;
    padding:0 4px;
    background-color:#fafafa;
}

tr.summary {
    td {font-weight: bold; background-color: #6faccf;}
}

/*
.verkauf-detail {
	height:600px;
	overflow: scroll;
	display:inline-block;
	padding: 12px;
}
*/
.verkauf-detail table {
	width:100%;
	border-collapse:collapse;
}
.verkauf-detail table th, .verkauf-detail  table  td {
	border: solid #ccc 1px;
	font-family: Verdana, Arial, 'sans_serif';
}
.verkauf-detail table td:nth-child(4){padding:0;}
.verkauf-detail th{
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 23%, #dddddd 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#fcfcfc), color-stop(98%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 23%,#dddddd 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 23%,#dddddd 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 23%,#dddddd 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfcfc 23%,#dddddd 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	color:#666;
	text-shadow: 1px 1px #fff;
}
.verkauf-detail tr:nth-child(odd) {
	background-color:#e8e8e8;
}
.verkauf-detail-form {
	padding: 10px;
}

.verkauf-detail-form .ui-button{
	margin: 0 0 0 12px;
}
.verkauf-detail-form select{
	height:33px;
	margin: 0 4px;
	padding:0 4px;
	background-color:#fafafa;
}
.verkauf-detail table table{
	border:none;
}
.verkauf-detail table table tr,
.verkauf-detail table table tr:nth-child(odd)
{
	background-color:transparent;
	border-bottom: 1px dotted #cccccc;
}
.verkauf-detail table table tr:last-child {border-bottom: none; }
.verkauf-detail table table td {
	border:none;
}
.verkauf-detail table table td:nth-child(1){width:10%;}
.verkauf-detail table table td:nth-child(2){width:10%;}
.verkauf-detail table table td:nth-child(3){width:40%;}
.verkauf-detail table table td:nth-child(4){width:30%;  padding: 4px}
.verkauf-detail table table td:nth-child(5){width:10%;}

.flowspan {
	padding:0 8px;
}
.no-boder th, .no-border td  {
	border-style:none;
}

.table-reservierung {
	width:auto;
	border-collapse: collapse;
}
caption {
    background: url("bg.gif") repeat-x scroll left top white;
    padding: 4px 4px;
    color:#fff;
    margin:0;
    font-weight: 500;
    font-size: 1rem;
}



.headline {
	background: url("bg.gif") repeat-x scroll left top white;
}

.headline h4 {
	padding: 4px 4px;
	color:#fff;
	margin:0;
    font-weight: 500;
}



.d-flex.headline {
	margin-bottom: 10px;
	h4 {margin:0;}
}
.headrow {
	background-color:#b7d6e7;
	color:#0066a4;
	border:1px solid #b7d6e7;
}
.table-reservierung th {
	text-align:center;
	border:1px solid #6faccf;
}
.table-reservierung td {
	border:1px solid #6faccf;
	padding:4px 18px;
	text-align:center;
}

.cmenu-subtitle {
	font-weight:bold;
	color:#fff;
	background-color:#6faccf;
	padding: 2px 0 2px 4px;
	
}
.status {
	padding: 4px 8px;
	margin:0px 8px 8px 0;
	background-color:#B7D6E7;
	float:left;
	color:#0066A4;
	font-weight:bold;
}
.nowrap {
	white-space: nowrap;
}
.clear{
    clear:both;
}

.overlay{
	position:absolute;
	width:100%;	
	min-height:100%;
	background: rgba(50, 50, 50, 0.8);
	top:0;
	left:0;
	display:none;
	z-index:100;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}

div.form .summary2{
	margin-top:10px;
	margin-bottom:10px;

}
.monat-wrap {
	width:30%;
	display:block;
	padding: 12px;
	float:left;
}
.monat-table{
	border-collapse: collapse;
	margin-bottom:0;
}
.monat-table th{
	text-align:center;
	background-color:#4093B8;
	color:#ffffff;
}
.monat-table td{
	text-align:right;
}
.monat-table th, .monat-table td{
	border:1px solid #ffffff;
}
.monat-wrap .bel-0 {background: #8CBED4; color:#ffffff}
.monat-wrap .bel-1 {background: linear-gradient(to right bottom, #8CBED4 50%, #CFE4ED  50%); color:#ffffff;}
.monat-wrap .bel-3 {background: #CFE4ED; color:#aaaaaa;}
.monat-wrap .bel-2 {background: linear-gradient(to right bottom, #CFE4ED 50%, #8CBED4  50%); color:#ffffff;}
.monat-wrap .bel-empty{border:none;}

#abgleich {
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#abgleich td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 4px 6px;
}

#abgleich .r1 td {
	background-color:#e0e0e0;
}

.checkbox-label {
	float: left;
	padding-right: 8px;
	margin-top: 2px;
}

.inline-checkbox {
	vertical-align: top;
}

.datefield-label {
	padding-right: 8px;
	margin-top: 8px;
}