/* body {
	font-family: Tahoma, Helvetica,Arial,sans-serif;
	background-image: url(./bgnd/teaser.gif);
} */

form {
	margin: 0;
	padding: 0;
}

a {
	cursor: pointer;
}

td {
	cursor: default;
}

table.widetable {
	border-width: 0px;
	/*	border-color: #777777;
	border-style: groove;
	border-collapse: separate;
	background-color: #FFF; */
	margin: 0px;
	width: 100%;
}

table.widetable_sucher {
	border-width: 0px;
	/*border-color: #777777;
	border-style: groove;
	border-collapse: separate;
	background-color: #FFF;*/
}

table.subtable {
	width: 100%;
	border-width: 0px;
	border-spacing: 1px;
	border-style: groove;
	border-collapse: separate;
	background-color: #FFF;
}

table.overtable td {
	vertical-align: top;
}

table.widetable td {
	vertical-align: top;
}

td.headline {
	/*/*font-size: 12px;*/
	font-weight: normal;
	/*color: #135cae;*/
}

th.headlinegross {
	font-size: 1em;
	font-weight: bold;
	color: #135cae;
	text-decoration: none;
	width: 697px;
}

u {
	color: #135CAE;
}

tr.text12 {
	/*/*font-size: 12px;*/
	font-weight: normal;
	color: #444444;
	line-height: 24px;
	height: 24px;
}

tr.text14 {
	font-weight: bold;
	color: #444444;
	line-height: 24px;
}

tr.error {
	/*/*font-size: 12px;*/
	font-weight: bold;
	color: red;
}

.header {
	background-color: #FE8000;
	color: #FFFFFF;
	font-weight: normal;
	/*	line-height: 12px; */
	margin: 0;
	text-align: center;
}

.header a:hover {
	color: #FFF;
	text-decoration: underline;
}

.header a {
	color: #FFF;
	text-decoration: underline;
}

form a:hover {
	color: #135CAE;
	text-decoration: underline;
}


tr.light {
	background-color: #F7F7F7;
	/*/*font-size: 12px;*/
	font-weight: normal;
	color: #444444;
	line-height: 24px;
}

tr.light_u {
	background-color: #E7E7E7;
	/*font-size: 12px;*/
	font-weight: normal;
	color: #444444;
	line-height: 24px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
}

tr.dark {
	background-color: #EAEFF4;
	/*font-size: 12px;*/
	font-weight: normal;
	color: #444444;
	line-height: 24px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

tr.dark_u {
	background-color: #E3E8ED;
	/*font-size: 12px;*/
	font-weight: normal;
	color: #444444;
	line-height: 24px;
}

.middlealign {
	text-align: center;
	vertical-align: middle;
}

.flatinput,
.inputbox {
	/*font-size: 12px;*/
	color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
	width: auto;
}

.flatbutton {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	color: #666666;
	/*font-size: 12px;*/
	font-weight: bold;
	cursor: pointer;
	margin-top: 3px;
}


.error {
	background-color: #D41602;
	color: #FFF;
	font-weight: bold;
	padding-left: 25px;
}

.okay {
	background-color: #6F6;
	color: #000;
	padding-left: 25px;
}

.scrollbarContent {
	height: 400px;
	overflow: auto;
	border-width: 1px;
	border-color: #FE8000;
	border-style: solid;

	/* funktioniert leider nur im IE */
	scrollbar-face-color: #FE8000;
	scrollbar-highlight-color: #FF8101;
	scrollbar-3dlight-color: #FE8000;
	scrollbar-darkshadow-color: #De6000;
	scrollbar-shadow-color: #EE7000;
	scrollbar-arrow-color: #FFF;
	scrollbar-track-color: #DDD;
}

.lolist {
	margin: 0;
	margin-left: 5px;
	padding: 0;
}

.list {
	list-style-type: decimal;
	margin: 0;
	padding: 0;

	border-top-color: #FE8000;
	border-top-width: 1px;
	border-top-style: dotted;
}

.tablist {
	clear: both;
}

.tabs {
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
	margin-top: 3px;
	margin-left: 1px;
	background-color: #FE8000;
	cursor: pointer;
	color: #FFF;
}

.tabs:hover {
	font-weight: bold;
}

.mapfield {
	width: 404px;
	height: 407px;
	margin: 0;
	padding: 0;
}

.tts-dot {
	height: 10px;
	width: 10px;
	background-color: #73ba16;
	border-radius: 50%;
	display: inline-block;
}

.tts-dot.orange {
	background-color: #f5a23d;
}

.tts-dot.red {
	background-color: #f53d3d;
}

/* 2022-09-08 new tooltip for nve datetime*/

.datetime-container {
	position: relative;
	display: inline-block;
}

.datetime-container .dateid-hint {
	visibility: hidden;
	width: 200px;
	background-color: white;
	color: black;
	text-align: center;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	transition: opacity 0.3s;
	box-shadow: 0px 0px 3px 1px lightgray;
	border-radius: 2px;
}

.datetime-container .dateid-hint::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: white transparent transparent transparent;
}

.datetime-container:hover .dateid-hint {
	visibility: visible;
	opacity: 1;
}

.datetime-container .datetime-text {
	margin-top: 0;
	margin-bottom: 0;
}

/* 2022-09-21 new ProDelivery banner*/

.prodelivery-banner {
	text-align: center;
	width: 100%;
	display: grid;
	grid-template-columns: 100%;
	justify-items: center;
	margin-top: 15px;
}

.pro-headline {
	text-align: center;
	color: #012d5a;
}

.pro-image-grid {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 10px 20%;
	/* column-gap: 20px; */
}

.pro-img-container {
	margin: auto;
	max-width: 75px;
}

.pro-img-container:last-child {
	max-width: 100px;
}


.pro-appstores-container {
	display: grid;
	grid-template-rows: repeat(2, auto);
	margin: auto;
}

.pro-appstores-container a {
	margin: auto;
}

.pro-appstores-container a img {
	width: auto;
	height: auto;
}

.pro-link {
	margin: auto;
	color: #012d5a;
	font-size: medium;
	font-weight: bold;
	text-decoration: underline;
}

@media only screen and (max-width: 700px) {
	.pro-image-grid {
		grid-template-columns: repeat(3, 1fr);
		margin: 10px 0px 0px;
		min-width: 0px;
		column-gap: 15px;
	}
}

@media only screen and (max-width: 400px) {
	.pro-image-grid {
		grid-template-columns: repeat(2, 1fr);
		margin: 10px 0px 0px;
	}

	.pro-img-container:last-child {
		grid-column: span 2;
		max-width: 100%;
	}

	.pro-appstores-container {
		min-height: 100px;
		grid-template-rows: repeat(1, auto);
		grid-template-columns: repeat(2, auto);
	}
}

#pro-appstore {
	max-width: 100%;
	max-height: 100%;
	padding: 8%;
}

#pro-qr {
	height: auto;
}

tr.modified {
	background-color: #ECC7A2 !important;
}

tr.history-status {
	opacity: 50%;
}

.sig-link {
	display: block;
	border: solid 1px black;
}

.sig-link:not(:last-child) {
	border-bottom: none;
}

.highslide-credits {
	margin-top: 50px;
}

.nve-collapser {
	display: block;
}

/* Avis Grid */

.avis-container {
	display: grid;
	grid-template-columns: 15% 15% 35% 25% 10%;
	row-gap: 1px;
	column-gap: 1px;
	max-height: 0;
	overflow: hidden;
	transition: max-height cubic-bezier(0, 1, 0, 1) 1s 0s;
	background: white;
}

.avis-container.active {
	max-height: 1000px;
	transition: max-height ease-in-out 1s 0s;
}

.avis-cell {
	height: auto;
	padding-left: 2px;
	word-break: break-word;
	background: #f7f7f7;
}

.avis-cell.avis-header {
	color: white;
	background: #fe8000;
	background-color: #FE8000;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}