/* Stylesheet für die Terminansicht */

.GridContainer {
	width: 100%;
	height: auto;
	display: grid;
	grid-template-columns: 7% 7% 7% 7% 7% 7% 7% 5% 45%;
	text-align: center;
	margin-top:2%;
}

@media only screen and (max-width: 500px) {
	.GridContainer {
		grid-template-columns: 14% 14% 14% 14% 14% 14% 14%;
	}
}

.GridItem {
	height: auto;
	border: none;
}

#Item20 {
 border-radius: 3px 0px 0px 0px;
}

#Item21 {
	grid-row: 1 / 1;
	grid-column: 2 / 7;
}

#Item22 {
	border-radius: 0px 3px 0px 0px;
}

#Item23 {
	grid-row: 1 / 9;
	grid-column: 8 / 8;	
}

#Item24 {
	grid-row: 1 / 9;
	grid-column: 9 / 9;	
}

@media only screen and (max-width: 500px) {
	#Item23 {
		grid-row: 11 / 11;
		grid-column: 1 / 8;
	}
}

@media only screen and (max-width: 500px) {
	#Item24 {
		grid-row: 12 / 12;
		grid-column: 1 / 8;
		margin-top: 10px;
	}
}

#Item67 {
 border-radius: 0px 0px 0px 3px;
}

#Item73 {
 border-radius: 0px 0px 3px 0px;
}

#Item74 {
	grid-row: 10 / 10;
	grid-column: 1 / 8;
	
}

.Tag0 {
	color: rgba(32, 32, 32, 1.0);
}

.Tag1 {
	color: rgba(221, 221, 221, 1.0);
}

.Tag2 {
	color: rgba(221, 115, 115, 1.0);
}

.Tag3 {
	color:  rgba(221, 8, 8, 1.0);
	text-shadow: 0px 0px 4px  rgba(64, 64, 64, 1.0);
}

.mTerm {
	background: url("images/build/mTerm.gif") no-repeat center center;
	background-size: auto 95%;
	cursor: pointer;
}

.mTerm:hover {
	background: url("images/build/mTerm_an.gif") no-repeat center center;
	background-size: auto 95%;
}

[data-img^="images"]:hover {
	background: url("images/build/mTerm_anF.gif") no-repeat center center;
	background-size: auto 95%;
}

.oTerm {
	cursor: cell;
}

.oTerm.Tag1.NHeute {
	background-color:  rgba(24, 24, 24, 1.0);
}

.oTerm.Tag2.NHeute {
	background-color:  rgba(24, 24, 24, 1.0);
}

.oTerm.Tag3.NHeute {
	background-color:  rgba(24, 24, 24, 1.0);
}

.mTerm.Tag1.NHeute {
	background-color:  rgba(24, 24, 24, 1.0);
}

.mTerm.Tag2.NHeute {
	background-color:  rgba(24, 24, 24, 1.0);
}

.mTerm.Tag3.NHeute {
	background-color:  rgba(24, 24, 24, 1.0);
}

.NHeute {
	background-color:  rgba(16, 16, 16, 1.0);
}

.Heute {
	background-color:  rgba(64, 64, 64, 1.0);
}

.Heute:hover {
	background-color:  rgba(64, 64, 64, 1.0);
}

#Item20 {
	background: url("images/build/Arr_LinksNorm.png") no-repeat center center;
	background-size: 80% auto;
	background-color:  rgba(32, 32, 32, 1.0);
	cursor: pointer;
}

#Item21, #Item25, #Item26, #Item27, #Item28, #Item29, #Item30, #Item31 {
	background-color:  rgba(32, 32, 32, 1.0);
}

#Item22 {
	background: url("images/build/Arr_RechtsNorm.png") no-repeat center center;
	background-size: 80% auto;
	background-color:  rgba(32, 32, 32, 1.0);
	cursor: pointer;
}

#Item20:hover {
	background: url("images/build/Arr_LinksHover.png") no-repeat center center;
	background-size: 80% auto;
	background-color:  rgba(32, 32, 32, 1.0);
}

#Item22:hover {
	background: url("images/build/Arr_RechtsHover.png") no-repeat center center;
	background-size: 80% auto;
	background-color: rgba(32, 32, 32, 1.0);
}

#Item74 {
	color: rgba(221, 8, 8, 1.0);
}

#preview {
	width: 100%;
	height: auto;
	max-height: 400px;
}

.HeadDateList, .BodyDateList {
	display: block;
	width:100%;
	margin-top:3%;
}

.HDL01, .HDL02, .HDL03, .HDL04, .HDL05, .HDL06 {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.HDL01 {
	width:20%;
}

.HDL02 {
	width:11%;
}

.HDL03 {
	width:10%;
}

.HDL04 {
	width:12%;
}

.HDL05 {
	width:20%;
}

.HDL06 {
	width:20%;
}

.imgFlag {
	width: 25%;
	margin-top: 3px;
	margin-left: 3%;
	margin-right: 8%;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.2);
	float: right;
}

@media only screen and (max-width: 1000px) {
	.HeadDateList {
 		display: none;
	}
	.HDL01, .HDL02, .HDL03, .HDL04, .HDL05, .HDL06 {
		display: block;
		width: 100%;
	}
	.imgFlag {
		width: 50px;
		float: left;
	}
}

.withImg {
	cursor: pointer;
}

.withImg:hover {
	background-color: rgba(64, 64, 64, 1.0);
}

.noImg {
	cursor: cell;
}

.noImg:hover {
	background-color: rgba(16, 16, 16, 1.0);
}