/* Freimeldungen 4 */

.Timetable4 {
	width: 75vw;
	padding-top: 15px;
	font-size: 16px;
}



.Timetable4.open {
	display: block;
}

.Timetable4.closed {
	display: none;
}

.editGroups.open {
	display: block;
}

.editGroups.closed {
	display: none;
}

.Timetable4 .Toolbar
{
	margin: 0;
	margin: 0;
	padding: 5px;

	height: 32px;
	position: relative;

	color: #ddd;
	font-family:Arial,"MS Trebuchet",sans-serif;

	background-color: var(--eo-dark-grey);
}

.Timetable4 .Toolbar .Buttons {
	padding: 4px;
	margin: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.Timetable4 .Toolbar .Buttons li {
	float:left;
}

.Timetable4 .Toolbar .Buttons a {
	display:block;
	width: 26px;
	height: 26px;
}

.Timetable4 .Toolbar .Buttons select {
	padding-top: 2px;
}

.Timetable4 .Toolbar .Buttons .Button.Prev a,
.Timetable4 .Toolbar .Buttons .Button.Next a {
	background-image: url(/se_data/se_gfx/se4/icons/ic_arrow_back_black_24px.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-color: var(--eo-button-background);
	background-position: center center;
}

.Timetable4 .Toolbar .Buttons .Button.Next a {
	transform: rotate(180deg);
}

.Timetable4 .Toolbar .Buttons .Button.Prev a:hover,
.Timetable4 .Toolbar .Buttons .Button.Next a:hover {
	background-color: var(--eo-button-hover-background);
}


.Timetable4 .Toolbar .Button.Next
{
	margin-right: 16px;
}

.Timetable4 .Freimeldungstool{
	padding:10px;
	color: var(--eo-dark-grey);
	font-family:Arial,sans-serif;
	overflow-x: auto;
}

.Timetable4 .content{
}


.Timetable4 .Freimeldungstool th, .Timetable4 .Freimeldungstool td, .Timetable4 .Freimeldungstool tr {
	padding:0;
	margin:0;
	border-spacing:0;
	height:23px;
	line-height:23px;
	overflow:hidden;
	border-collapse:collapse;
}

.Timetable4 .label.monat {
	height:30px;
	line-height:30px;
	text-align:left;
}

.Timetable4 .Freimeldungstool th.zelle.tage {
	border-right:1px solid #666;
	border-bottom:1px solid #333;
	width:23px;
	cursor:help;
	text-align:center;
}

.Timetable4 .Freimeldungstool th.zelle.kw {
	border-right:1px solid #666;
	text-align:center;
}

.Timetable4 .Freimeldungstool td.label.zimmer {
	border-bottom:1px solid #666;
	padding-right: 10px;
}

.Timetable4 .Freimeldungstool td.label.zimmer span.zusatz {
	padding:0px 5px 0px 5px;
	color:#333;
	background:#999;
}

.Timetable4 .Freimeldungstool td.tag.normal {
	border-right:1px dotted #888;
	border-bottom:1px solid #888;
}

.Timetable4 .Freimeldungstool td.tag {
	border-right:1px dotted #888;
	border-bottom:1px solid #888;
	min-width: 23px;
	max-width: 23px;
	width: 23px;
}


.Timetable4 .Freimeldungstool td.tag.switch1 {
	background: #ccc;
}

.Timetable4 .Freimeldungstool td.tag.switch2 {
	background: #bcbcbc;
}

.Timetable4 .Freimeldungstool td.tag.switch1.wochentag_7 {
	background: #bcbcbc;
	border-right:1px solid #333;
}

.Timetable4 .Freimeldungstool td.tag.switch2.wochentag_7 {
	background: #A8A8A8;
	border-right:1px solid #333;
}

.Timetable4 .Freimeldungstool td a {
	display:block;
	height: 23px;
	width: 100%;
}

.Timetable4 .Freimeldungstool td a.booked {
	color: #ccc	;
	display: block;
	font-style: normal;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	/* width: auto; */
}


.Timetable4 .Freimeldungstool td a.booked.width_1,
.Timetable4 .Freimeldungstool td a.booked.width_0 { width:24px; }
.Timetable4 .Freimeldungstool td a.booked.width_2 { width:48px; }
.Timetable4 .Freimeldungstool td a.booked.width_3 { width:72px; }
.Timetable4 .Freimeldungstool td a.booked.width_4 { width:96px; }
.Timetable4 .Freimeldungstool td a.booked.width_5 { width:120px; }
.Timetable4 .Freimeldungstool td a.booked.width_6 { width: 144px; }
.Timetable4 .Freimeldungstool td a.booked.width_7 { width: 168px; }
.Timetable4 .Freimeldungstool td a.booked.width_8 { width: 192px; }
.Timetable4 .Freimeldungstool td a.booked.width_9 { width: 216px; }
.Timetable4 .Freimeldungstool td a.booked.width_10 { width: 240px; }
.Timetable4 .Freimeldungstool td a.booked.width_11 { width: 264px; }
.Timetable4 .Freimeldungstool td a.booked.width_12 { width: 288px; }
.Timetable4 .Freimeldungstool td a.booked.width_13 { width: 312px; }
.Timetable4 .Freimeldungstool td a.booked.width_14 { width: 336px; }
.Timetable4 .Freimeldungstool td a.booked.width_15 { width: 360px; }
.Timetable4 .Freimeldungstool td a.booked.width_16 { width: 384px; }
.Timetable4 .Freimeldungstool td a.booked.width_17 { width: 408px; }
.Timetable4 .Freimeldungstool td a.booked.width_18 { width: 432px; }
.Timetable4 .Freimeldungstool td a.booked.width_19 { width: 456px; }
.Timetable4 .Freimeldungstool td a.booked.width_20 { width: 480px; }
.Timetable4 .Freimeldungstool td a.booked.width_21 { width: 504px; }
.Timetable4 .Freimeldungstool td a.booked.width_22 { width: 528px; }
.Timetable4 .Freimeldungstool td a.booked.width_23 { width: 552px; }
.Timetable4 .Freimeldungstool td a.booked.width_24 { width: 576px; }
.Timetable4 .Freimeldungstool td a.booked.width_25 { width: 600px; }
.Timetable4 .Freimeldungstool td a.booked.width_26 { width: 624px; }
.Timetable4 .Freimeldungstool td a.booked.width_27 { width: 648px; }
.Timetable4 .Freimeldungstool td a.booked.width_28 { width: 672px; }
.Timetable4 .Freimeldungstool td a.booked.width_29 { width: 696px; }
.Timetable4 .Freimeldungstool td a.booked.width_31 { width: 720px; }
.Timetable4 .Freimeldungstool td a.booked.width_32 { width: 744px; }


.Timetable4 .Freimeldungstool td a {
	cursor:default;
}

.Timetable4 .Freimeldungstool td a.booked:hover {
	text-decoration:underline;
	cursor:pointer;
}

.Timetable4 .Freimeldungstool td.bookable a:hover,
.Timetable4 .Freimeldungstool td.booked_left a:hover,
.Timetable4 .Freimeldungstool td.eraseable a:hover {

	cursor:pointer;
}


.Timetable4 .Freimeldungstool table.edit td.bookable a:hover {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_newbookable.png);
	background-position: 0px -24px;
}

.Timetable4 .Freimeldungstool table.edit td.eraseable a:hover {
	background: #0A0;
	background-image: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_erase.png);

	background-position: 0px -24px;
}

.Timetable4 .Freimeldungstool table.edit.eraseable td.eraseable a:hover,
.Timetable4 .Freimeldungstool table.edit.brush td.eraseable a:hover
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_brush.png);
	background-position: 0px 0px;
}

.Timetable4 .Freimeldungstool table.edit.bookable td.bookable a:hover,
.Timetable4 .Freimeldungstool table.edit.brush td.bookable a:hover{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_brush.png);
	background-position: 0px -24px;
}


.Timetable4 .Freimeldungstool td.marked a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_middle.png);
}

.Timetable4 .Freimeldungstool td.marked.left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_left.png);
	background-repeat: no-repeat;
	background-position: 12px 0px;
}

.Timetable4 .Freimeldungstool td.right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_right.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.Timetable4 .Freimeldungstool td.booked a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
}


/* Status reserviert in orange
.Timetable4 .Freimeldungstool td.booked a.status_1 {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/orange_middle.png);
	background-position: 0px -24px;
}
*/

.Timetable4 .Freimeldungstool td.booked a.status_7,
.Timetable4 .Freimeldungstool td.booked a.status_6,
.Timetable4 .Freimeldungstool td.booked a.status_5 {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
	background-position: 0px -24px;
}

/* Anfrage Mitte*/
.Timetable4 .Freimeldungstool td.booked a.status_4 {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
	background-position: 0px 72px;
}

/* externe Buchungen Mitte  */
.Timetable4 .Freimeldungstool td.booked a.foreign {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
	background-position: 0px 96px;
}

/* externe Anfragen Mitte  */
.Timetable4 .Freimeldungstool td.booked a.foreign_status_4 {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
	background-position: 0px 24px;
	display: block;
}

.Timetable4 .Freimeldungstool td.booked_left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left.png);
	background-repeat: no-repeat;
	background-position: 12px 0px;
}

.Timetable4 .Freimeldungstool td.booked_right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_right.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.Timetable4 .Freimeldungstool td.booked_left_right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left_right.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.Timetable4 .Freimeldungstool td.booked_right.marked.left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green2_left.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.Timetable4 .Freimeldungstool td.booked_left.right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green2_right.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/*Hier die blauen Ecken für Anfragen*/


/* Beginn Anfrage*/
.Timetable4 .Freimeldungstool td.request_left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left.png);
	background-repeat: no-repeat;
	background-position: 12px -48px;
}

/* Ende Freimeldung + Beginn Anfrage*/
.Timetable4 .Freimeldungstool td.request_left.right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green2_right.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
}

/* Ende Anfrage*/
.Timetable4 .Freimeldungstool td.request_right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_right.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
}

/* Ende Anfrage, Beginn Freimeldung*/
.Timetable4 .Freimeldungstool td.request_right.left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green2_left.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
}

/* Ende Anfrage, Beginn Freimeldung, ist irgendwie dasselbe*/
.Timetable4 .Freimeldungstool td.request_right.marked.left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green2_left.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
}



/* Ende Anfrage + Anfang Anfrage */
.Timetable4 .Freimeldungstool td.request_left_right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left_right.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
}

/* Ende Anfrage + Anfang Buchung */
.Timetable4 .Freimeldungstool td.request_booked_left_right a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left_right.png);
	background-repeat: no-repeat;
	background-position: 0px -96px;
}

/* Ende Buchung + Anfang Anfrage  */
.Timetable4 .Freimeldungstool td.request_booked_right_left a {
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left_right.png);
	background-repeat: no-repeat;
	background-position: 0px -144px;
}

.Timetable4 .Freimeldungstool th.zelle.tage.wochentag_7 {
	background: var(--eo-middle-grey);
}
.Timetable4 .Freimeldungstool th.zelle.tage.wochentag_6 {
	background: var(--eo-middle-grey);
}



#button_brush a {
float: left;
}


.Timetable4.editBuchung.open > .content.freeform{
	border: 1px solid var(--eo-dark-grey);
	background-color: #FFFFFF;
}


h2 {
	padding: 10px 0 0 10px;
	color:#222222;
	font-size:16px !important;
	margin:0;
}

.vk {
	margin: 10px 10px;

	background-color: #FFFFFF;
}

.vk h3 {
	margin: 10px;
	padding: 6px 0 4px 30px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #666;
}

.vk h5 {
}

.vk_short {
	float: left;
	height: 14px;
	width: 200px;
	border: 1px solid #A6A4A9;
	padding: 4px;
	margin: 4px 2px 0 0;
	cursor: pointer;
}

.vk_short div {
	float: left;
}

.vk_short img {
	float: right;
}

#uebersicht {
	padding: 10px;
}



.inOutButton {
	float: left;
	margin: 0 10px;
	padding: 5px 6px 4px 30px;

	cursor: pointer;
}


.vk .description {
	clear: left;
	position: relative;
	height: 00px;
	padding: 1px;

	overflow: hidden;
	background-color: #FFFFFF;
}


@media(min-width:1100px){
	#notizBuchungIntern {
		position:absolute;
	}
}

@media(max-width:1280px){
	#detailsBorderLeft{
		border-style:none !important;
	}
	#notizBorderLeft{
		border-style:none !important;
	}
	#detailsBox{
		margin-top:0px !important;
	}
}