@font-face {
	font-family: 'arialII';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	src: url('https://bt-ticketportal.ad.steinerdata.de/plugin/fonts/arial.ttf') format('truetype');
}

div.platz {
	position:			absolute;
	/*float:				left;*/
	width:				60px;
	height:				25px;
	font-family:		arial;
	font-size:			12px;
	margin-left:		224px;
	border-radius: 		6px 6px 6px 6px;
}

div.platz-edit {
	position:			relative;
	margin-right:		10px;
	margin-left:		0px;
	float:				left;
}

div.reihe {
/*	position:			relative;
	float:				left;*/
	width:				796px;
	height:				25px;
	margin-bottom:		4px;
}

div.reihennummer_gerade {
	background-color:	#fafafa;
}

div.reihennummer_ungerade {
	background-color:	#eeeeee;
}

div.reihe_platzhalter {
	position:			absolute;
	float:				left;			
	height:				1px;
	background-color:	green;
	}

div.div_platznummer {
	position:		static;
	font-size:		14px;
	/*z-index:		2;*/
	margin-left:	0px;
	height:			15px;
	overflow:		collapse;
	width:			30px;
	vertical-align:	top;
	float:			left;
	margin-top:		3px;
	text-align:		center;
	border-style:	none;
}	

div.div_platzcheckbox {
	position:		absolute;
	height:			25px;
	width:			25px;
	float:			left;
	margin-left:	35px;
	top:			0px;
	visibility: 	visible;
}

.platz_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

div.platz_frei {
	background-color:	lightgreen;
	cursor:				default;
	}

div.platz_belegt {
	background-color:	orange;
	cursor: 			pointer;
	}

div.platz_belegt_fix {
	background-color:	#ff6600;
	cursor: 			pointer;	
	}

div.platz_hover {
/*	opacity:	0.4 !important;*/
	border-style:	solid	!important;
	border-width:	1px		! important;
	}	

div.lautsprecher {
	/*z-index:		10;*/
	position:		absolute;
	width:			25px;
	height:			25px;
	background-color: #dddddd;
	border-radius: 	10px 10px 10px 10px;
}

div.lautsprecher_links {
	/*left:			100px;*/
	margin-left:	80px;
}
div.lautsprecher_rechts {
	margin-left:	750px;
	/*left:			650px;*/
}

div.belegung_div {
	 position:absolute;
	align-items: center;
	justify-content: center;
	height:		700px;
	width:		800px;
	padding-left:	300px;
}

td.thVertikal {
	width:		200px;
/*	border-right-style: solid;
	border-right-width:	1px;
	border-right-color: grey;*/
	padding:		5px 0px 5px 0px;
}

.tdnowrap {
	overflow: 			hidden; 
	text-overflow: 		ellipsis; 
	white-space: 		nowrap;
}

div#otpCodeDiv {
	visibility:			hidden;
}

input, textarea, select {
	font-family: 		'Open Sans', sans-serif;
	font-size:			14px;
	background-color:	#EEEEEE;
	border-style:		solid;
	border-width:		1px;
	padding-left:		10px;
	padding-right:		15px;
	margin:				5px;
	height:				35px;
}

textarea {
	padding-top:		5px;
}


input:focus, textarea:focus, select:focus {
	background-color:	#bbbbbb;
}

body h1 {
	font-family:		arial;
	font-size:			18px;
	font-weight:		bold;
	margin-bottom:		10px;
}
body h2 {
	font-family:		arial;
	font-size:			18px;
	font-weight:		normal;
	margin-top:			0px;
}

body {
	font-family:		arial;
	font-size:			16px;
	line-height:		22px;
	margin-left:		224px;
	margin-top:			55px;
  height: 100%;
  display: table;
  table-layout: fixed;
  background-color: 	white;
  }

html {
	height: 			100%;
	max-width:			1800px;
}


li {
	padding-left:		20px;
	text-indent:		-20px;
}

table.tabelle {
	border-style:		solid;
	border-width:		2px;
	width:				800px;
	font-size:			12px;
}

table.kopftabelle {
	margin-bottom:		50px;	
	font-weight:		bold;
}

.table_header, th {
	background-color: 	#efefef; 
	height:				25px;
	font-weight:		bold;
	text-align:			left;
}

td.gitter-links {
	border-left-style:		dotted;
	border-left-width:		1px;
	border-left-color:		grey;
}

td.gitter-unten {
	border-bottom-style:		dotted;
	border-bottom-width:		1px;
	border-bottom-color:		grey;
}

td.trennlinie-oben {
	border-top-style:			solid;
	border-top-width:			2px;
}

div.reihenbezeichnung {
	font-family:		arial;
	font-size:			14px;
	float:				left;
	height:				25px;
	margin-top:			2px;
}

td#kopf_sperrzeile {
	text-align:			right;
	color:				red;
}

tr.row-highlight-green {
	background-color:	#BBEEBB;
}

th.rotate {
  /* Something you can count on */
  height: 180px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(30px, 55px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 34px;
	margin-top:-110px;
margin-right:	-30px;
	
}
th.rotate > div > div {
  border-bottom: 1px solid #ccc;


margin-top:10px;

}

.right-solid {
	border-right: 1px solid #ccc;*/
}


/* Meldungen */

div.meldungsfenster {
    position:fixed;
    top: 50%;
    left: 50%;
    width:600px;
    height:350px;
    margin-top: -175px; /*set to a negative number 1/2 of your height*/
    margin-left: -300px; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: white;	
}


/*
/* CHECKBOXEN */

.container {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
 /* position: absolute;*/
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark-platz {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  /*background-color: lightgreen;*/
  background-color: lightgreen;
  border-radius: 		0px 6px 6px 0px;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: grey;
  border-radius: 		3px 3px 3px 3px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark-platz {
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #965825;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark-platz {
  background-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-platz:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark-platz:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

/* Style the checkmark/indicator */
.container .checkmark-platz:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* Menuebar */

div#leftbar {
	position:			fixed;
	border-style:		none;
	top:				0px;
	width:				200px;
	height:				100%;
	margin-right:		20px;
	margin-left:		-224px;
	padding-top:		100px;
	padding-bottom:		-100px;
	background-color:	#fff;
}

div#leftbar-button {
	background-image:	url('../icons/grid.png');
	background-color:	silver;

	height:				30px;
	width: 				30px;
}

div#menuebar {
	margin-top:			40px;
	z-index:			10;
}

div.menuebar-item {
	font-size:			14px;
	border-bottom-style:solid;
	border-bottom-width:1px;	
	padding-top:		8px;
	padding-left:		8px;
	height:				30px;
	background-position: left;
	background-repeat: 	no-repeat;
	background-size:	20px 20px;
	background-position:5px 5px;	
	vertical-align:		middle;		
}

div.menuebar-item-disabled {
	color:				silver;
	cursor:				default;
}

div#Info {
	z-index:			0;
	bottom:				120px;
	position:			absolute;
	margin-left:		8px;
	font-size:			10px;
	line-height:		14px;
	left:				0px;
}

div.menue-spacer-s {
	height:				10px;
}
div.menue-spacer-m {
	height:				30px;
}
div.menue-spacer-l {
	height:				50px;
}

div.menue-level-1 {
	padding-left:		8px;
	border-color:		silver;
	background-color:	#eee;
}

div.menue-level-2 {
	padding-left:		16px;
	border-color:		silver;
}

div.menue-level-3 {
	padding-left:		26px;
	border-color:		silver;
	background-color:	white;
}

div#menuebar a:link {
	text-decoration:	none;
	color:				black;
}
div#menuebar a:visited {
	text-decoration: 	none;
	color:				black;
}

div#headline {
	z-index:			500;
	position:			fixed;
	left:				0px;
	top:				0px;
	/*margin-left:		-270px;*/
	background-color:	#eee;
	height:				30px;
	width:				100%;
}

div#headline-project {
	float:				left;
	top:				0px;
	padding-top:		5px;
	height:				25px;
	padding-left:		224px;
	margin-right:		0px;
	width:				100%;
}

div#logo-sds {
	z-index:			1000;
	position:			fixed;
	top:				0px;
	float:				left;
	height:				110px;
	margin-left:		-224px;
	margin-top:			-0px;
	width:				30px;
	background-color:	#965825;
	margin-bottom:		200px;
	background-image:	url('../img/sds-logo-hoch.png');
	background-repeat:	no-repeat;
	background-position:7px 8px;
}

div#titlebox {
	margin-top:				-100px;
	height:				115px;
	background-image:	url('../img/sds-booking.png');
	background-repeat:	no-repeat;
	background-position:50px 52px;
}




table.contenttable {
	margin:			0px;
	border-collapse: collapse;
	font-size:		14px;
}

div.contenttable {
	float:				left;
	border-style:		solid;
	border-width:		1px;
	border-color:		silver;
}



RowEven:hover {
	background-color:	green;
}

div.tablediv {
	overflow: 			auto;
}

.layouttable th {
	text-align:			left;
	font-size:			12px;		
	vertical-align:		top;
	padding-top:		12px;
}

.contenttable table {
	margin:				0px;
	padding:			0px;
}

.contenttable tr {
	/*height:		35px;*/
}
/*
.contenttable tr:hover, .contenttable tr:hover .RowEven {
	background-color:	#BF9776
}*/



.RowEven {
	background-color:	#ddd;
}

td.rowCheckTd {
	margin-top:			-10px;
}

td.rowCheckTd:hover {
	background-color:	#ccc;
}


.contenttable td {
	padding-top:		5px;
	padding-bottom:		5px;
}

.contenttable th {
	background-color:	#ddd;
	color:				Black;
	height:				38px;	
	padding-right:		10px;
	padding-left:		10px;	

}

.headrow {
	background-color:	silver;
	margin-left:		-224px;
	margin-top:			-84px;
}
	
.contenttable tr {
	padding:			0px;
	text-align:			left;
	
}
.contenttable td {
	padding-right:		10px;
	padding-left:		10px;
	vertical-align:		top;
	text-align:			left;
}

.alignR {
	text-align:			right;
}

/* Style buttons */
.btn {
  background-color: gray; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 10px 10px; /* Some padding */
  font-size: 14px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
  margin-right:	5px;
  border-radius: 3px 3px 3px 3px;
}

.btn-small {
	padding: 6px 6px; /* Some padding */
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: #965825;
}

.btn-disabled {
  background-color: #eeeeee !important;
}

.btn-disabled:hover {
  background-color: #eeeeee;
}



body#body-login {
	margin:				0px;
	text-align:			center;
}

div#LoginDiv-outer {
	height:				500px;
	width:				630px;
	margin:				auto;
/*background-color:yellow;*/
	position:absolute; /*it can be fixed too*/
	left:0; right:0;
	left:0; right:0;
	top:0; bottom:0;
	max-width:100%;
	max-height:100%;
}

div#LoginDiv-inner {
	height:				350px;
	margin-left:		30px;
	width:				600px;
	border-color:		#965825;
	border-style:		solid;
	border-width:		2px;	
}

div#LoginDiv-header {
	height:				130px;
	background-image:	url("../img/sds-booking.png");
	background-repeat:	no-repeat;
	background-position:10px 25px;
}

form#login-form {
	margin-left:		60px;
}

form#login-form input {
	width:				400px;
}

div#logo-sds-login {
	position:			absolute;
	float:				left;
	height:				110px;
	margin-left:		-30px;
	margin-top:			-2px;
	width:				30px;
	background-color:	#965825;
	margin-bottom:		200px;
	background-image:	url('../img/sds-logo-hoch.png');
	background-repeat:	no-repeat;
	background-position:7px 8px;
}

div#login-sysinfos {
	margin-left:		40px;
	width:				594px;
}

table#layout-sysinfos {
	float:				left;
	font-size:			12px;
	line-height:		12px;
	margin:				0px;
	padding:			0px;
	border-spacing:		0px;
	
}
table#layout-sysinfos td {
	height:				10px;

}
table#layout-sysinfos th {
	width:				134px;
	font-weight:		400;
	text-align:			left;
	background-color:	#FFFFFF;
	height:				14px;
}
table#layout-sysinfos tr {
	
}

div#login-tux-img {
	float:				right;
	margin-top:			18px;
	margin-right:		-5px;
	height:				40px;
	width:				40px;
	margin-left:		40px;
	background-image:	url('../img/social-tux.png');
	background-repeat:	no-repeat;
	background-position:0px 0px;
	background-size:	40px 40px;
}


/* Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
  min-height: 20px;
	
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltiptext
{
margin-left:20px;
margin-top:	10px;
opacity:	0.5;
font-size:	10px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}




div.progressBar {
	border-style:		solid;
	border-width:		1px;
	margin-right:		5px;
	float:				left;
	border-radius: 		4px;
}

div.progressBarProgress {
	background-color:	grey;
	height:				100%;
	border-radius: 		0px;	
}

div.infobox {
	overflow:			hidden;
	border-style:		solid;
	border-width:		1px;
	border-color:		silver;
	padding:			10px;
	font-size:			14px;
	margin-right:		17px;
	margin-bottom:		30px;
}
div.infobox > h1
{
	font-size:			14px;
	color:				black;
	background-color:	#ddd;
	margin-top:			-10px;
	margin-left:		-10px;
	margin-right:		-10px;
	margin-bottom:		10px;
	padding:			8px;
}