@import url("./qs-stamp.css");

html { font-size: 12px; }
body { color: #000; font-family: "Arial", "Helvetica", sans-serif; font-size: 1rem; margin: 0; padding: 0; }
th { color: #000; font-family: "Arial", "Helvetica", sans-serif; }
td { color: #000; font-family: "Arial", "Helvetica", sans-serif; }
blockquote { color: #000; font-family: "Arial",  "Helvetica", sans-serif; font-weight: bold; }
li { color: #000; font-family: "Arial", "Helvetica", sans-serif; }
ul { list-style: square; }
h2 { color: #0067CF; text-align: left; font-family: "Arial", "Helvetica", sans-serif; font-size: 14.67px; line-height: 14.67px; }
h3 { color: #0067CF; font-family: "Arial", "Helvetica", sans-serif; font-size: 13.3px; }
h4 { color: #0067CF; font: normal 12px "Arial", "Helvetica", sans-serif; line-height: 12px; text-align: left; }
img.line { width:100px; height: 1px; padding: 0; border: 0 none; }
a, a:link, a:visited, a:active, a:hover { color: #2F67CF; text-decoration: none; }
a.eMail, a.eMail:link, a.eMail:visited, a.eMail:active { color: #000; font-size: 8pt; text-decoration: none; }
a.eMail:hover { text-decoration: underline; }
input.check { border: 0 none; }
input.radio { border: 0 none; }
table.content { margin: 0; padding: 0; border: 0 solid; table-layout: auto; border-collapse: collapse; border-spacing: 0; }
table.content td.norm { vertical-align: top; margin: 0; padding: 0; }
table.content td.footer { vertical-align: bottom; margin: 0; padding: 0; }
table.footer{ width: 100%; height: 16px; margin: 0; padding: 0; background-color: #CCC; border: 0 none; table-layout: auto; border-collapse: collapse; }
table.footer td { padding: 0; margin: 0; text-indent: 16px; background-color: #CCC; line-height: 16px; font-size: 10px; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; text-align: left; white-space: nowrap; border: 0 none; border-collapse: collapse; }
table.footer td.blank { width: 50%; }
table.login { border: 0 none; padding: 2px 6px; margin-top: 5px; table-layout: auto; border-collapse: collapse; }
table.login td{ padding: 2px 6px; }
table.login td.top { padding: 0; margin-bottom: 0; line-height: 0; height: 0; font-size: 0; }
table.login td.blank { padding: 0; }
table.login td.buttons {}
table.login td input.text {}
table.butt {}
table.nbutton { margin: 0; background-color: #0067CF; color: #FFF; border: 1px solid #000; }
table.nbutton td { padding: 1px 2px; color: #FFF; font-family: "Arial", "Helvetica", sans-serif;  font-weight: 500; line-height: 12px;vertical-align: middle; }
table.top { margin: 0; padding: 0; background: transparent url("/images/lo-bgbayer.gif") no-repeat 0 0; }
table.top td.logo { width: 300px; height: 70px; padding-left: 80px; vertical-align: middle; }
table.top td.menue { white-space: nowrap; width: 300px; vertical-align: bottom; padding: 5px; }
table.top td.blank { width: 1%; font-size: 1px; }
table.top td.image { text-align: right; vertical-align: top; margin: 0; padding-right: 10px; }
.top_menu { line-height: 12px; white-space: nowrap; color: #999; border-right: 1px solid #999; padding: 0 2px; }
.top_menu a { white-space: nowrap; color: #999; }
.xmenuetb { height: 19px; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #FFF; }
.xmenuefisttb { width: 171px; height: 19px; margin: 0; padding: 0; }
.xmenuestdf { background-color: #999; color: #FFF; border-right: 1px solid #FFF; cursor: pointer; padding-left: 16px; padding-right: 8px; height: 18px; line-height: 18px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; }
.xmenuestdf a { color: #FFF; text-decoration: none; font-weight: 500; }
.xmenueoverf { background-color: #CCC; color:#666; border-right: 1px solid #FFF; cursor: pointer; padding-left: 16px; padding-right: 8px; height: 18px; line-height: 18px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; }
.xmenueoverf a { color: #666; text-decoration: none; font-weight: 500; }
.xmenueusef { background-color: #0067CF; color: #FFF; border-right: 1px solid #FFF; padding-left: 16px; padding-right: 8px; height: 18px; line-height: 18px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; }
.xmenuestd { background-color: #999; color: #FFF; border-right: 1px solid #FFF; cursor: pointer; padding-left: 8px; padding-right: 8px; height: 18px; line-height: 18px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; }
.xmenuestd a { color: #FFF; text-decoration: none; font-weight: 500; }
.xmenueover { background-color: #CCC; color: #666; border-right: 1px solid #FFF; cursor: pointer; padding-left: 8px; padding-right: 8px; height: 18px; line-height: 18px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; }
.xmenueover a { color: #666; text-decoration: none; font-weight: 500; }
.xmenueuse { background-color: #0067CF; color: #FFF; border-right: 1px solid #FFF; padding-left: 8px; padding-right: 8px; height: 18px; line-height: 18px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; }
.xmenuefill { background-color: #999; height: 18px; line-height: 18px; width: 95%; }
.ymenuestd { cursor: pointer; background-color: #CCC; color: #666; margin: 0; padding-left: 16px; height: 18px; line-height: 15px; text-align: left; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; border-bottom: 1px solid #FFF;}
.ymenuestd a { color: #666; text-decoration: none; }
.ymenueover { cursor: pointer; color:#666; margin: 0; padding-left: 16px; height: 18px; line-height: 15px; text-align: left; background: #CCC url("/images/pfeil_mover.gif") no-repeat 0 2px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; border-bottom: 1px solid #FFF; }
.ymenueover a { color: #666; text-decoration: none; }
.ymenueuse { color: #FFF; margin: 0; padding-left: 16px; height:18px; line-height: 15px; text-align: left; background: #0067CF url("/images/pfeil_act.gif") no-repeat 0 2px; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; vertical-align: middle; border-bottom: #FFF 1px solid; }
.ymenuetr { background-color: #999; border-top: 0 solid #999; line-height: 0; font-size: 0; padding: 0; }
.ymenuesub { background-color: #999; color: #FFF; margin: 0; padding-left: 16px; height: 18px; line-height: 15px; text-align: left; font-weight: 500; font-family: "Arial",  "Helvetica",  sans-serif; vertical-align: middle; }
.ymenuesubunder { background-color: #DDD; color: #656565; margin: 0; padding-left: 16px; height: 18px; line-height: 15px; text-align: left; font-weight: 500; font-family: "Arial", "Helvetica", sans-serif; }
.ymenuesubunder a { color: #656565; text-decoration: none; }
.ymenuesmall { background-color: #DDD; color: #656565; margin: 0; padding-left: 16px; height: 10px; line-height: 13.3px; text-align:left; font: 500 normal 9.3px "Arial", "Helvetica", sans-serif; }
.ymenuesmall a { color:#656565; text-decoration: none; }
input { border: #000 1px solid; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; color: #000; }
input.image { border: #000 0px solid; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; color: #000; }
input.button { background-color: #0067CF; border: #FFF 1px solid; color: #FFF; cursor: pointer; font: normal 11px "Arial", "Helvetica", sans-serif; }
input.buttonweiss { background-color: #FFF; border: #0067CF 1px solid; color: #0067CF; cursor: pointer; font: normal 11px "Arial", "Helvetica", sans-serif; }
input.text { border: #000 1px solid; color: #000; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; width: 120px; }
input.textbig { border: #000 1px solid; color: #000; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; width: 200px; }
input.textheadline { border: #000 1px solid; color: #000; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal;width: 450px; }
input.textsmall { border: #000 1px solid; color: #000; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal;width: 56px; }
input.textmini { border: #000 1px solid; color: #000; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; width: 20px; }
textarea { border: #000 1px solid; color: #000; font-family: "Arial", "Helvetica", sans-serif; }
textarea.big { height: 200px; width: 300px; }
textarea.message { height: 200px; width: 450px; }
textarea.popup { height: 100px; width: 200px; }
textarea.bigger { height: 100px; width: 605px; }
select { border: #000 1px solid; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; }
.red { color: #FF4040; }
.dark { background-color: #BFE0FF; }
.light { background-color: #EFF0EF; }
.colordark { color: #BFE0FF; }
.bordercolordark { border-color: #BFE0FF; }
.blau { background-color: #BFE4FF; }
.bgDarkGray { background-color: #CDCDCD; }
.darkGray { color: #ADADAD; }
.hellgrau { background-color: #F2F2F2; }
.weiss { background-color: #FFF; }
.default { color: #000; font-family: "Arial", "Helvetica", sans-serif; }
.defaultsmall { color: #000; font-family: "Arial", "Helvetica", sans-serif; font-size: 11px; }
.hnav { color: #999; font-weight: 500; text-decoration: none; }
.hnav a { color: inherit; }
.hnav a:hover { color: #666; text-decoration: none; }
.bgHnav { background-color: #999; }
tr.backhgr{ background-color: #EEE; }
td.backhgr{ background-color: inherit; }
td.backred{ background-color: #F00; }
td.backyellow { background-color: #FFE800; }
td.navTopBe { background-color: #0067CF; color: #FFF; font-weight: 500; }
td.navTop { background-color: #999; color: #FFF; font-size: 11px;  font-weight: 500; }
td.bgWhite { background-color: #FFF; }
td.leftNavBgDgrb { background-color: #CCC; color: #666; font-family: "Arial", "Helvetica", sans-serif; font-weight: 500; }
td.leftNavBgDgrb a, td.leftNavBgDgrb a:hover { color: #666666; text-decoration: none; }
td.leftNavBgDgr { background-color: #DDD; color: #656565; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal}
td.leftNavBgDgr a, td.leftNavBgDgr a:hover { color: #656565; text-decoration: none; }
td.leftNavBgLdgr { background-color: #999; color: #FFF; font-family: "Arial", "Helvetica", sans-serif; font-weight: 500; }
td.lineDagr { background-color: #666; height: 1px; padding: 0; font-size: 0; line-height: 1px; }
td.lineDdgr { background-color: #AAA; line-height: 0; padding: 0; font-size: 0; }
td.lineDwhite { background-color: #FFF; color: #F00; line-height: 1px; padding: 0; font-size: 0.05pt; margin: 0; border: 0 solid; }
td.lineDblue { background-color: #0067CF; color: #F00; line-height: 1px; padding: 0; font-size: 0.05pt; margin: 0; border: 0 solid; }
td.lineMigr { background-color: #999; height: 1px; padding: 0; font-size: 0; line-height: 1px; }
td.leftNavBgDdgr { background-color: #666; color: #FFF; font-family: "Arial", "Helvetica", sans-serif; font-weight: 500; }
td.leftNavSmallBgdgr { background-color: #DDD; color: #656565; font-size: 7pt; font-weight: bold; text-decoration: none; }
td.leftNavSmallBgdgr a, td.leftNavSmallBgdgr a:hover { color: #656565; text-decoration: none; }
td.leftNavBe { background-color: #0067CF; color: #FFF; font-weight: 100; }
td.leftNavBe a, td.leftNavBe a:hover{ color: #FFF; text-decoration: none; }
div.tmenue { border: 0 none; color: #FFF; cursor: pointer; font-family: "Arial", "Helvetica", sans-serif; font-weight: 500; height: 18px; margin: 0; position: relative; top: 0; vertical-align: middle; }
div.tmenuefr { border: 0 none; color: #FFF; font-family: "Arial", "Helvetica", sans-serif; font-weight: 500; height: 18px; margin: 0; vertical-align: middle; cursor: pointer; position: relative; top: 0; }
td.formNavBe1 { background-color: #999; color: #FFF; font-weight: 500; }
td.formNavBe1 a, td.formNavBe1 a:hover { color: #FFF; text-decoration: none; }
table.Button { background-color: #000; }
td.formNavBe { background-color: #0067CF; color: #FFF; font-weight: 500; }
td.formNavBe a, td.formNavBe a:hover { color: #FFF; text-decoration: none; }
table.ImgButton { background-color: #000; }
td.formNavGo { background-color: #DDD; color: #656565; font-weight: 500; }
td.formNavGo a, td.formNavGo a:hover { color: #656565; text-decoration: none; }
td.traceSmall { color: #656565; font-size: 7pt; font-weight: 500; text-align: left; text-decoration: none; }
td.traceSmall a, td.traceSmall a:hover { color: #656565; text-align: left; text-decoration: none; }
td.overSmall { color: #000; font-size: 7pt; font-weight: bold; text-decoration: none; text-align: left; }
td.err, span.err { color: #F00; }
span.small { font-size: 7pt; }
span.errsmall { color: #F00; font-size: 7pt; }
td.we_gruen { text-align: right; background-color: #0F0; font-size: 8pt; }
td.we_gelb { text-align: right; background-color:#FF0; font-size: 8pt; }
td.we_rot { text-align: right; background-color: #F00; font-size: 8pt; }
th.prozSmall, td.prozSmall, .prozSmall_right { color: #000; font-size: 7pt; font-weight: bold; text-decoration: none; padding-left: 3px; padding-right:3px; }
.prozSmall_right { text-align: right; }
th.prozSmall { font-size: 8pt; background-color: #DDD; padding-left: 2px; padding-right: 2px; }
.plnumber_right { text-align: right; padding-left: 5px; padding-right: 5px; }
th.backgr { background-color: #E5E5E5; }
th.backgr_pad { background-color: #CCC; text-align: center; padding-left: 3px; padding-right: 3px; }
th.topProz { background-color: #0067CF; color: #FFF; }
.headline { color: #06C; font: bold normal 18px "Arial", "Helvetica", sans-serif; line-height: 115%; }
.normal { color: #000; font: 10pt "Arial", "Helvetica", sans-serif; }
.subheadline { color: #06C; font: bold normal 14px "Arial", "Helvetica", sans-serif; line-height: normal; }
.text {	color: #000; font: normal 12px "Arial", "Helvetica", sans-serif; }
#radioselect { background-color: #FFF; border: 1px solid #000; font-weight: normal; text-align: left; }
#radioselectmain { background-color: #FFF; border: 1px solid #000; font-weight: normal; text-align: left; }

/*	29.11.2016, MR
   */

html {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0 none;
}

body {
	border: 0 none;
	font-size: 1rem;
}

img {
	border: 0 none;
}

table {
	margin: 0;
	padding: 0;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
}

td, th {
	padding: 0;
	border: 0 none;
	/* vertical-align: top; */
	overflow: hidden;
	text-overflow: ellipsis;
}

th {}
td {}

em {
	font-size: 1.05em;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	padding: 0 .3em 0 .2em;
}

nobr {
	white-space: nowrap;
}

p {
	margin: auto;
	padding: .85em 1.5em 1.75em 0;
	text-indent: 0;
}

#x-menue {
	width: auto;
	height: auto;
	overflow: hidden;
}

.xmenuetb {
	width: auto;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #FFF8F8;
	table-layout: auto;
	color: #FFF8F8;
	background: #999999;
}

.xmenuetb td {
	width: auto;
	height: 20px;
	overflow: hidden
}

.xmenuetb .xmenuefisttb {
	height: 19px;
	margin: 0;
	table-layout: fixed;
}

.xmenuetb .xmenuestd,
.xmenuetb .xmenueover,
.xmenuetb .xmenueuse {
	padding: 2px 8px 1px;
	border-left: 1px solid #FFF8F8;
	/* color: inherited; */
	vertical-align: middle;
	white-space: nowrap;
}

.xmenuetb .xmenuestd a,
.xmenuetb .xmenueover a {
	/* color: inherited; */
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
}

.xmenuetb .xmenuefisttb .xmenueuse,
.xmenuetb .xmenuefisttb .xmenueover,
.xmenuetb .xmenuefisttb .xmenuestd {
	padding: 2px 8px 1px 1.5em;
	border-width: 0;
}

#y-menue {
	position: relative;
	margin: auto 0;
	padding: 0;
	border-bottom: 1px solid #FFF8F8;
}

#y-menue > table,
table.vmi-favorites-list {
	position: relative;
	width: auto;
	height: auto;
	min-width: 171px !important;
	max-width: 320px !important;
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 0px none;
	table-layout: fixed;
}

#y-menue > table td,
table.vmi-favorites-list td {
	width: auto;
	height: auto;
	padding: .1em .4em .1em 1.5em;
}

.content-wrap {
	width: auto;
}

.content-wrap .app-img-head {
	display: block;
	margin-bottom: 1em;
}

.content-wrap .page-content {
	width: 550px;
	height: auto;
	margin-left: 2em;
	overflow: hidden;
}

#overDiv {
	position: absolute;
	z-index: 99;
	visibility: hidden;
}
#overDiv #infobox-title-cell {
	padding: 4px;
}
#overDiv .nbutton {
	width: auto !important;
	margin: 6px 4px 3px;
	float: left;
}
#overDiv .nbutton td {
	width: auto;
	font-size: .9em;
	padding: 1px 20px;
}

table.inner {
	width: 90%;
	margin-top: 5px;
	margin-left: 30px;
	border: 0 none;
	text-align: left;
}

/* [30.11.2016, MR] */

/* "line[xxx]"-classified cells exceed 1px height in Firefox */
td.lineDagr,
td.lineDdgr,
td.lineDwhite,
td.lineDblue,
td.lineMigr {
     width: auto;
     height: 1px;
     overflow: hidden;
}
td.lineDagr *,
td.lineDdgr *,
td.lineDwhite *,
td.lineDblue *,
td.lineMigr * {
     display: none;
}

/* additional margin /padding in"nbutton"-tables */
table.nbutton {
	position: relative;
	left: auto;
	right: auto;
	margin: 2px;
}
table.nbutton td {
	padding: 3px 5px !important;
	text-align: center !important;
	white-space: nowrap !important;
}
table.nbutton td:first-letter {
	text-transform: uppercase !important;
}
table.nbutton a {
	color: #F8F8FF !important;
	text-decoration: none !important;
}

table.ImgButton {
	height: 24px;
	overflow-y: hidden;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
}
table.ImgButton td {
	padding: 1px;
	border: 0 none;
}
table.ImgButton table {
	border-spacing: 2px;
	border-collapse: separate;
	table-layout: fixed;
}
table.ImgButton table td {
	height: 20px;
	overflow-y: hidden;
	border: 1px solid rgb(51, 51, 51);
	padding: 0 .2em;
	vertical-align: middle;
}
table.ImgButton td[bgcolor] {
	display: none;
}

/* [01.12.2016, MR] */

/* the ORBIT  LOGISTICS company-logo  as centered background-image in hi-res (1459x 783)*/
.orbit-company-logo {
	position: relative;
	display: inline-block;
	width: 1469px;
	height: 783px;
	margin: auto;
	padding: 0;
	border-top: 0 none;
	border-left: .2em solid transparent;
	border-bottom: 0 none;
	border-right: .2em solid transparent;
	border: 0 none;
	background: transparent url("/images/logo_orbit_web.png") no-repeat center center/100% 100%;
}

/* "backgr"-class  should be applicable to any other element  instead  of table-cells 'n' -headers */
div.backgr {
	display: inline-block;
	margin: auto;
	padding: .2em .4em;
	border: 0 none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #CCCCCC;
	font-size: 1rem;
	font-weight: bold;
}
th.backgr,
td.backgr {
	display: table-cell;
	padding-left: 1px;
	border: 0 none/* 1px solid #FFFFFF */;
}

/* [6.12.2016, MR] */

table.hseparated {
	border-collapse: separate;
	border-spacing: 2px 0;
}

table.bordered td {
	padding: 2px;
	border: 1px solid darkslategray;
}

table.alternate-rows tr:nth-child(even) td {
	background-color: #DEDEDE;
}

#Kopf {
	height: 70px;
}

/* $/scripts/qs-stamp.css [30.8.2019, MR] */
#x-menue {
	position: relative;
}

.qs-system .logo,
.qs-system .imgMenue {
	opacity: .4;
}

.qs-system .imgMenue {
	position: relative;
}

.qs-system .qs-stamp {
	position: absolute;
	top: -5px;
	left: 480px;
	width: 98px;
	height: 98px;
	background: transparent url("/images/qs_stamp.png") no-repeat top left;
	background-size: 100%;
	opacity: 1;
}

.qs-system .qs-stamp::after {
	position: absolute;
	display: block;
	top: 2px;
	left: 1px;
	width: 102px;
	height: 102px;
	background: transparent url("/images/qs_stamp.png") no-repeat top left;
	background-size: 100%;
	opacity: .7;
	content: "";
}

/* apply "nbutton" styles to hyperlinks instead of table elements [18.1.2021, MR] */

a.nbutton {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 3px 5px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
	background-color: #0067cf;
	color: #f8f8ff;
    	text-align: center;
	text-decoration: inherit none;
	white-space: nowrap;
	transition: box-shadow background-color;
}
a.nbutton:active,
a.nbutton:focus,
a.nbutton:hover {
	outline: 0 none;
	color: #ffffff;
	background-color: #1077df;
	/* box-shadow: inset -1px -1px 3px white; */
}
/* a.nbutton:active,
a.nbutton:focus {
	top: 0;
	border-width: 1px 0 0 2px;
} */
a.nbutton:link,
a.nbutton:visited {
	color: inherited;
}

/* "Quality System" bar below header [29.2.2024, MR] */
.qs #Kopf {
	border-bottom: 18px solid red;
}
.qs .content::after {
	content: "Quality System";
	font-size: 16px;
	position: absolute;
	top: 70px;
	color: white;
	left: 20px;
}