/*
 * -----------------------------------------------------------------------------
 * FormsForWeb
 * (C) 2007 Lucom GmbH, Erkrath. All rights reserved.
 *
 * $Id: app.css 3409 2008-01-15 09:26:36Z henning $
 * -----------------------------------------------------------------------------
 */

/* ---------------------------------------------------------------------- common
*/

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body.formBody {
	background-color: #999999;
}

/* to avoid padding above in Internet Explorer */
form {
	margin: 0px;
	padding: 0px;
}

/* to avoid padding above in Internet Explorer */
page {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 1em 0px 0px 0px;
	padding: 0px;
}

h1 {
	margin: 1em 0px 0.5em 0px;
	padding: 0px;
}

h2 {
	margin: 0.5em 0px 0.25em 0px;
	padding: 0px;
}

strong {
	font-weight: bold;
}

input {
	background-color: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	border: 1px ridge #888888;
}

input.button {
	background-color: white;
	color: black;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	border: 1px ridge #888888;
	cursor: pointer;
}

/* highlight current control: does not work with IE */
input:focus, textarea:focus {
	background-color: yellow;
}

.caption {
	color: white;
	background-color: #00214E;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 1px 3px 1px 3px;
}

.panel {
	background-color: #F8FCF4;
	margin: 0px;
	padding: 0px;
	border: 1px solid #00214E;
}

.error {
	color: red;
	font-weight: bold;
}

.invisible {
	position: absolute;
	height: 1900px;
	width: 1900px;
	overflow: hidden;
	left: -2000px;
	top: -2000px;
}

/* -------------------------------------------------------------- autoGatherForm
*/

.autoGatherForm {
}

.autoGatherForm .line {
	display: block;
	clear: both;
	padding: 0.5em 0 0.5em 0;
}

.autoGatherForm .label {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}

.autoGatherForm .info {
}

.autoGatherForm .warning {
	color: red;
}

.autoGatherForm .error {
	color: red;
	font-weight: bold;
}

.autoGatherForm input.password {
	color: red;
}

/*    iaaContent */
.iaaContentStartpage {
	margin: 40px 20px 20px 0px;
}

.iaaContentGrid{
	grid-area: main;	
}
.iaaContent {
	margin: 40px 20px 20px 40px;
	max-width: 1200px;
}

.iaaContent h1 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 16pt;
}

.iaaContent h2 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 14pt;
}

.iaaContent h3 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 12pt;
}


.wartungshinweise {
    font-weight: bold;
    font-size: 16pt;
    text-align: left;
    color: red;
}

/* ----------------------------------------------------------------- headerPanel
*/

.headerPanelGrid {
	grid-area: header;
	text-align: right;
	vertical-align: middle;
}

.introheaderPanel {
	/*${color:headerPanel.productLink.color:"color: #;"} */
	/*${color:headerPanel.background:"background-color: #;"} */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;          /* GEÄNDERT MATERNA */
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	cursor: default;
	background-repeat: repeat-x;  /* GEÄNDERT MATERNA */
	position: relative;
	width: 100%;
    height: 60px;   /* GEÄNDERT MATERNA */
  	display:table;
  	background-color: #00214e;
}
.introheaderPanel a {
	/*${color:headerPanel.productLink.color:"color: #;"} */
	/*${color:headerPanel.background:"background-color: #;"} */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;          /* GEÄNDERT MATERNA */
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 20px;
	cursor: default;
	background-repeat: repeat-x;  /* GEÄNDERT MATERNA */
	position: relative;
	width: 100%;
    height: 50px;   /* GEÄNDERT MATERNA */
    background-color: #00214e;
    color: white;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
  }

.introheaderPanel a, .introheaderPanel a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}

.introheaderPanel a:hover{
	text-decoration: none;
	cursor: pointer;
}

.introheaderPanel a:focus {
	text-decoration: none;
	cursor: default;
}



.headerPanel td {
	white-space: nowrap;
	background-color: #00214e;
}

.headerPanel td.whiteStripe {
	background-color: #C3DBF5;
	font-size: 7pt;
}

.headerPanel td.headerSlogan {
	color: white;
	font-size: 7pt;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	border-bottom: 0px solid #007700;
}

.headerPanel .logo {
	position: relative;
	display: table;
	height: 50%;
	width: 100%;
	
}
.headerPanel .customization {
	position: absolute;         	/* GEÄNDERT MATERNA */
	right: 0; 			/* GEÄNDERT MATERNA */
	bottom: 0;
	padding: 3px 5px;		/* GEÄNDERT MATERNA */
	height: 17px;			/* GEÄNDERT MATERNA */

}

.headerPanel .customization .customizationContent {
	display: table-cell;
	vertical-align: middle;
}

.headerPanel .customization .customizationWrapper {
	display: table;
	float: right;
	top: 3px;
	position: relative;
}

.headerPanel .customization .separator {
	text-align: center;
	margin: 0;
	width: 16px;		/* GEÄNDERT MATERNA */
	height: 16px;		/* GEÄNDERT MATERNA */
	line-height: 26px;
	border: none;
	float: left;
	position: relative;
}

.headerPanel .customization img {
	margin:  0 2px;		/* GEÄNDERT MATERNA */
}

.headerPanel .customization img .blind {
	width: 16px;
	height: 16px;
}

.headerPanel .customization .logoffImage {
	padding-top:2px;
	margin-left:3px;
}

.lip_companyLogoLink {
	text-decoration: none;
}

/* ----------------------------------------------------------------- footerPanel
*/

.footerPanelGrid {
	grid-area:footer;
}

.footerPanel {
	background-color: #00214E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 1px 3px 1px 3px;
	cursor: default;
	border-top: 1px solid #007700;

}

.footerPanel .productLink {
	color: white;
	text-decoration:none;
}

.footerPanel td {
	color: white;
	font-size: 8pt;
	vertical-align: middle;
}

/* ---------------------------------------------------------------- contentPanel
*/

.contentPanel {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 10px 10px 10px 30px;
}

.contentPanel td {
	font-size: 10pt;
	}

.contentPanel hr {
	border-color: #00214E;
	border-style: solid;
	height: 1px;
}

.contentPanel h1 {
	font-weight: bold;
	font-size: 16pt;
}

.contentPanel h2 {
	font-weight: bold;
	font-size: 12pt;
}

.contentPanel a {
	color: #00214E;
	font-weight: bold;
	text-decoration: none
}

.contentPanel a:hover,
	.contentPanel a:focus {
	text-decoration: underline
}

.lpMenuItem {
	color: #00214E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}


/* ------------------------------------------------------------------- leftPanel
*/
.leftPanelAES {
	color: black;
	background-color: #C3DBF5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.leftPanelAES_Ausfuhrzollstelle{
	color: #356ba8;
	background-color: #eeeeee;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-left: 20px;
	margin: 0px;
}

.leftPanelAES_Ausgangszollstelle{
	color: #356ba8;
	background-color: #eeeeee;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;	
	margin: 0px;
	padding: 20px;
}

.leftPanelAES_Stammdaten{
	color: #356ba8;
	background-color: #eeeeee;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
    letter-spacing: 0.1em;	
	margin: 0px;
	padding: 20px;
}

.leftPanelAES_Belegueberm{
	background-color: #eeeeee;
	color: #356ba8;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
    letter-spacing: 0.1em;	
	margin: 0px;
	padding: 20px;
}

.leftPanelAES_Ausfuhrzollstelle_ueb{
	color: #356ba8;
	background-color: #eeeeee;
	font-family: Arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 20px;
	margin: 0px;
}

.leftPanelAES_Beleguebermittlung_ueb{
	background-color: #eeeeee;
	color: #356ba8;
	font-family: Arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 20px;
	margin: 0px;
}

.leftPanelAES_Ausgangszollstelle_ueb{
	color: #356ba8;
	background-color: #eeeeee;
	font-family: Arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 20px;
	margin: 0px;
}



.leftPanelAbstand {
	color: #C3DBF5;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.leftPanelAbstand_Ausfuhrzollstelle {
	color: #FF965F;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 20px;
}

.leftPanelAbstand_Ausgangszollstelle {
	color: #FF965F;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 20px;
}

.leftPanelAbstand_Stammdaten {
	color: #FF965F;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 20px;
}

.leftPanelAbstand_Belegueberm {
	color: #FF965F;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 20px;
}


.leftPanelGrid  {
	grid-area:menu;
	    background-color: #eeeeee;	
border-right: 1px solid #cccccc;
}


.leftPanel a {
	color: #00214E;
	font-weight: 200;
	text-decoration: none
}

.leftPanel a:hover,
	.leftPanel a:focus {
	text-decoration: underline
}


/*   leftMenuText    */
.leftMenuText {
	margin: 0px;
	padding: 10px;
}


.leftMenuText li {
	list-style: none;
	}

/* ------------------------------------------------------------------- menuPanel
*/

.introMenuSeparator {
	height: 3px;
	background-color: #326cae;
}

.grid-container{
	display: grid;
	grid-template-areas:
	'header header header header header header'
	'menu main main main main main'
	'menu footer footer footer footer footer';
	gap: 1px;
	/*background-color: #2196F3;
	padding: 10px;
	*/
}

/*.grid-container > div {
	text-align: left;
	background-color: rgba(255,255,255,0.8);
	padding: 20px 0;
}
*/
.menuPanel {
	background-color: #EEF6E8;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.menuPanel_top{
	background-color: #00214E;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal
	font-weight: normal
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.menuPanel ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.menuPanel li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.menuPanel a,
	.menuPanel a:hover,
	.menuPanel a:focus,
	.menuPanel a:active {
	text-decoration: none;
	display: block;
}

.menuPanel .item a {
	/*background-color: C3DBF5;*/
	background-color: #EEF6E8;
	color: black;
	padding: 4px 5px 4px 20px;
}

.menuPanel_top .item a {
	/*background-color: C3DBF5;*/
	background-color: #00214E;
	color: white;
	text-decoration: none;
	text-align : right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight:normal;
        padding: 0px 20px 0px 0px;
}
.menuPanel .item_Ausfuhrzollstelle a {
	/*background-color: C3DBF5;*/
	background-color: #FFDDCA;
	color: black;
	padding: 6px 6px 4px 25px;
}

.menuPanel .item_Ausgangszollstelle a {
	/*background-color: C3DBF5;*/
	background-color: #D6DCE3;
	color: black;
	padding: 6px 6px 4px 25px;
}

.menuPanel .item_Stammdaten a {
	/*background-color: C3DBF5;*/
	background-color: #D7E8DA;
	color: black;
	padding: 6px 6px 4px 25px;
}

.menuPanel .item_Beleguebermittlung a {
	background-color: #ede4de;
	color: black;
	padding: 6px 6px 4px 25px;
}

/*
 * Note: ths definition has to be listed AFTER the ".item a" definition.
 * Otherwise NS7 will not change the background color on the hover effect.
 * So the order of style definitions seems to be quite important ;-)
 */
.menuPanel .item a:hover,
	.menuPanel .item a:focus,
	.menuPanel .item a:active {
	/*background-color: #F8FCF4;*/
	background-color: #F8FCF4;
	color: #00214E;
}

.menuPanel .item_Ausfuhrzollstelle a:hover,
	.menuPanel .item_Ausfuhrzollstelle a:focus,
	.menuPanel .item_Ausfuhrzollstelle a:active {
	/*background-color: #F8FCF4;*/
	background-color: #FF965F;
	color: #00214E;
}

.menuPanel .item_Ausgangszollstelle a:hover,
	.menuPanel .item_Ausgangszollstelle a:focus,
	.menuPanel .item_Ausgangszollstelle a:active {
	/*background-color: #F8FCF4;*/
	background-color: #4D97FF;
	color: #00214E;
}

.menuPanel .item_Stammdaten a:hover,
	.menuPanel .item_Stammdaten a:focus,
	.menuPanel .item_Stammdaten a:active {
	/*background-color: #F8FCF4;*/
	background-color: #96D9A2;
	color: #00214E;
}

.menuPanel .item_Beleguebermittlung a:hover,
	.menuPanel .item_Beleguebermittlung a:focus,
	.menuPanel .item_Beleguebermittlung a:active {
	/*background-color: #F8FCF4;*/
	background-color: #cfbfb0;
	color: #00214E;
}

.menuPanel .itemSelected a {
	background-color: #00214E;
	color: white;
	padding: 4px 5px 4px 5px;
}

.menuPanel .subItem a {
	background-color: #F8FCF4;
	color: black;
	font-size: 9pt;
	font-weight: normal;
	padding: 2px 5px 2px 20px;
}

	/**
	 Note: ths definition has to be listed AFTER the ".subItem a" definition.
	 Otherwise NS7 will not change the background color on the hover effect.
	 So the order of style definitions seems to be quite important ;-)
	 */
.menuPanel .subItem a:hover,
	.menuPanel .subItem a:focus,
	.menuPanel .subItem a:active {
	color: white;
	background-color: #B4D797;
}

.menuPanel .subItemSelected {
	background-color: #B4D797;
	color: white;
	font-size: 9pt;
	font-weight: normal;
	padding: 2px 5px 2px 20px;
}

/*
.menuPanel .subItemSelected a:hover,
	.menuPanel .subItemSelected a:focus,
	.menuPanel .subItemSelected a:active {
	color: red;
}
*/

.menuPanel .subItemSelected a {
	color: black;
}

/* ----------------------------------------------------------------- childWindow
*/

.childWindow {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

.childWindow td {
	font-size: 10pt;
}

.childWindow a {
	color: #00214E;
	font-weight: bold;
	text-decoration: none
}

.childWindow a:hover,
	.childWindow a:focus {
	text-decoration: underline
}

/* ---------------------------------------------------------------- lookupWindow
*/

.lookupWindow {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

.lookupWindow td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	cursor: pointer;
}

.lookupWindow .row {
	vertical-align: top;
	cursor: pointer;
}

.lookupWindow .row a {
	color: black;
	font-size: 10pt;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

.lookupWindow .rowOver {
	background-color: #B4D797;
	vertical-align: top;
	cursor: pointer;
}

.lookupWindow .rowOver a {
	color: black;
	font-size: 10pt;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

/* when JavaScript disabled: does not work with IE */
.lookupWindow tr.row:hover {
	color: white;
	background-color: #B4D797;
}

/* ----------------------------------------------------------------- pageBrowser
*/

.pageBrowser {
	cursor: default;
	white-space: nowrap;
}

.pageBrowser a {
	color: black;
	background-color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
}

.pageBrowser a.current {
	color: white;
	background-color: #B4D797;
}

.pageBrowser a:hover,
	.pageBrowser a:focus {
	color: white;
	background-color: black;
	text-decoration: none;
}

.pageBrowser input {
	color: black;
	background-color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
}

.pageBrowser input.current {
	color: white;
	background-color: #B4D797;
}

/* does not work for Internet Explorer */
.pageBrowser input:hover,
	.pageBrowser input:focus {
	color: white;
	background-color: black;
	text-decoration: none;
}

/* ----------------------------------------------------------------- formCatalog
*/

.formCatalog td {
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

.formCatalog a {
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}

.formCatalog img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.formCatalog a:active,
	.catalog a:visited {
	color: black;
	text-decoration: none;
}

.formCatalog a:hover,
	.formCatalog a:focus {
	color: #00214E;
	text-decoration: none;
}

.formCatalog .highlight {
	background-color: yellow;
}

.formCatalog .info {
	font-size: 7pt;
}

.formCatalog .info a {
	font-size: 7pt;
}

.formCatalog .infoBlock table {
	background-color: #F5F1B6;
	margin-top: 10px;
	padding: 0px;
	border: 1px outset #777777;
}

.formCatalog .infoBlock th {
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: white;
	background-color: #00214E;
	margin: 2px 0px 2px 0px;
	padding: 2px 5px 2px 5px;
}

.formCatalog .infoBlock td {
	font-size: 7pt;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.formCatalog .formHandling {
	font-size: 7pt;
	background-color: #F5F1B6;
}

.formCatalog .formHandling .highlight {
	font-size: 7pt;
	font-weight: bold;
	color: blue;
	background-color: #F5F1B6;
}

.formCatalog .formHandling  a {
	font-size: 7pt;
	background-color: #F5F1B6;
}

/* ----------------------------------------------------------------- formToolbar
*/

.formToolbar {
	background-color: #00214E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

.formToolbar .whiteStripe {
	background-color: white;
}

.formToolbar .whiteStripe td {
	font-size: 8pt;
	white-space: nowrap;
}

.formToolbar .headerSlogan {
	color: white;
	font-size: 7pt;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	border-bottom: 1px solid #007700;
}

.formToolbar .separator {
	background-color: white;
}

.formToolbar .button {
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.formToolbar .textItem {
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
}

.formToolbar .text {
	padding: 0px 5px 0px 5px;
}

.formToolbar .deletedInstance {
	color: red;
}

.formToolbar .newInstance {
	color: green;
}

.formToolbar .modifiedInstance {
	color: blue;
}

/* ------------------------------------------------------------------- formPanel
*/

.formPanel {
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

.formPanel .alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #F8BCBC;
	margin: 3px 3px 3px 21px;
	padding: 0px;
	width: 95%;
	cursor: default;
}

.formPanel .alert .title {
	background-color: #DD5555;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
}

.formPanel .alert .contents {
	padding: 5px;
}

.formPanel .alert a {
	color: white;
}

.formPanel .info {
	background-color: #B3B3F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 3px 3px 3px 21px;
	padding: 0px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
	width: 95%;
	cursor: default;
}

.formPanel .info .title {
	background-color: #5555DD;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	cursor: default;
	padding: 3px;
}

.formPanel .info .contents {
	padding: 5px;
}

.formPanel .info a {
	color: white;
}

.formPanel .confirm {
	background-color: #FFFDCD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 3px 3px 3px 21px;
	padding: 0px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
	width: 95%;
	cursor: default;
}

.formPanel .confirm .title {
	background-color: #F0EA55;
	color: black;
	font-size: 10pt;
	font-weight: bold;
	cursor: default;
	padding: 3px;
}

.formPanel .confirm .contents {
	padding: 5px;
}

.formPanel .confirm a {
	color: white;
}

/* ------------------------------------------------------------------------ form
*/

.form {
}

.form .page {
	border: 2px outset #777777;
}

.form .button {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/* ------------------------------------------------------------------- selectbox
*/

.selectbox {
	background-color: #EEF6E8;
	border: 1px solid #00214E;
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

.selectbox .scrollButton {
	background-color: transparent;
	position: absolute;
	right: 0px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.selectbox .canvas {
	position: absolute;
	height: 100%;
}

.selectbox .content {
	position: absolute;
	line-height: 15px;
	width: 100%;
	height: 100%;
}

.selectbox td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	padding: 1px 2px 1px 2px;
	vertical-align: top;
	cursor: pointer;
}

.selectBox a {
	color: black;
	text-decoration: none;
	width: 100%;
}

.selectbox .row {
}

.selectbox .currentRow {
	background-color: yellow;
}

.selectbox .currentRow a {
	font-weight: bold;
}

.selectbox .rowOver {
	background-color: #B4D797;
}

/* when JavaScript disabled: does not work with IE */
.selectbox tr.row:hover {
	background-color: #B4D797;
}

/* --------------------------------------------------------------------- tooltip
*/

.tooltip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	border: 1px outset #777777;
	z-index: 5;
}

.tooltipIFrame {
	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	z-index: 4;
}

.tooltip .body {
	background-color: #F8FCF4;
	color: black;
	padding: 2px 3px 2px 3px;
}

.tooltip .bodyError {
	background-color: #EED0D0;
	color: #550000;
	padding: 2px 3px 2px 3px;
}

.tooltip .header {
	background-color: #00214E;
	color: white;
	font-weight: bold;
	padding: 1px 3px 2px 3px;
}

.tooltip .headerError {
	background-color: #EE1111;
	color: white;
	font-weight: bold;
	padding: 1px 3px 2px 3px;
}

/* ------------------------------------------------------------------- listPanel
*/

.listPanel {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 30px 10px 10px 30px;
	cursor: default;
}

.listPanel td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	cursor: pointer;
}

.listPanel a {
	color: black;
	text-decoration: none;
	width: 100%;
}

.listPanel .instance {
}

.listPanel .currentInstance {
	background-color: yellow;
}

.listPanel .currentInstance a {
	font-weight: bold;
}

.listPanel .newInstance a {
	color: green;
}

.listPanel .modifiedInstance a {
	color: blue;
}

.listPanel .instanceOver {
	background-color: #B4D797;
}

/* when JavaScript disabled: does not work with IE */
.listPanel tr.instance:hover {
	background-color: #B4D797;
}

.listPanel input.checkbox {
	background-color: transparent;
	border: none;
	cursor: default;
}

.listPanel .button {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.listPanel .filter {
	background-color: #B4D797;
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	vertical-align: top;
}

/* ------------------------------------------------------------ browseDataWizard
*/

.browseDataWizard {
}

.browseDataWizard td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	cursor: pointer;
		
}

.browseDataWizard a {
	color: black;
	text-decoration: none;
	width: 100%;
	font-weight:normal;
	
}

.browseDataWizard .row0 {
}

.browseDataWizard .row1 {
	background-color: #c3dbf5;
}

.browseDataWizard .rowOver {
	background-color: #B4D797;
}

.browseDataWizard .currentRow {
	background-color: yellow;
}

.browseDataWizard .currentRow a {
	font-weight: bold;
}

/* when JavaScript disabled: does not work with IE */
.browseDataWizard tr.row:hover {
	background-color: #B4D797;
}

.browseDataWizard .caption input {
	border: none;
	color: white;
	font-weight: bold;
	background-color: #00214E;
	cursor: pointer;
}

.browseDataWizard input.checkbox {
	background-color: transparent;
	border: none;
	cursor: default;
}

.browseDataWizard .button {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.browseDataWizard .filter {
	background-color: #c3dbf5;
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	vertical-align: top;
}

/* ---------------------------------------------------------------- fileAttachment
*/

.fileAttachment {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 30px 10px 10px 30px;
	cursor: default;
}

.fileAttachment td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

.fileAttachment .row {
}

/* ---------------------------------------------------------------- statusChange
*/

.statusChange table {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 5px 10px 10px 5px;
	cursor: default;
}

.statusChange td {
	font-size: 10pt;
	padding: 5px;
	vertical-align: top;
}

.statusChange .info {
	background-color: #F8FCF4;
	border-left: 3px solid #00214E;
}

/* ---------------------------------------------------------------- sendMail
*/

.sendMail {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 10px 10px 10px 30px;
	cursor: default;
}

.sendMail td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: top;
}

sendMail .info {
	color: green;
	font-weight: bold;
}

/* ----------------------------------------------------------- manageMailsWizard
*/

.manageMailsWizard {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	cursor: default;
}

.manageMailsWizard td {
	font-size: 8pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

.manageMailsWizard .header {
	color: white;
	background-color: #888888;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 1px 3px 1px 3px;
}

/* -------------------------------------------------------------------- appError
*/

.appError .details {
	background-color: #F5F1B6;
	border: 1px solid black;
	margin-top: 10px;
	padding: 1px 3px 1px 3px;
}

/* -------------------------------------------------------------- viewEmbeddings
*/

.viewEmbeddings {
	background-color: transparent;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 1px;
	border: none;
	cursor: default;
}

.viewEmbeddings a {
	color: black;
	font-weight: bold;
	text-decoration: none
}

.viewEmbeddings a:hover,
.viewEmbeddings a:focus {
	text-decoration: underline
}


.viewEmbeddings .message {
	background-color: #B3B3F3;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
}

.viewEmbeddings .message .caption {
	background-color: #5555DD;
	color: white;
	font-weight: bold;
	padding: 2px;
}

.viewEmbeddings .message .icon {
	padding: 3px 10px 3px 3px;
}

.viewEmbeddings .message .text {
	padding: 3px;
}

.viewEmbeddings .message .button {
	margin: 5px;
	padding: 1px 5px 1px 5px;
}
.viewEmbeddings .question {
	background-color: #FFFDCD;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
}

.viewEmbeddings .question .caption {
	background-color: #F0EA55;
	font-weight: bold;
	padding: 3px;
}

.viewEmbeddings .question .contents {
	padding: 5px;
}

.viewEmbeddings .question a {
	color: white;
}

/* ---------------------------------------------------------------- favorites
*/

.favsSolo {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 30px 10px 10px 30px;
	cursor: default;
}

.favsSolo hr {
	border-color: #54A321;
	border-style: solid;
	height: 1px;
}
	
.favsSolo td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

.favsSolo .row {
}

#impressumHead {
 text-align: center;	
}

div.iaaSection{
	padding-top: 20px;
	padding-bottom: 40px;
}

div.iaaSection p{
	padding-left: 40px;
}

div.iaaSection a {
	font-size:11pt;
}

div.level1{
	padding-left : 20px;
}
ul.level1 {
	list-style-type: disc;
	font-size:11pt;
}
ul.level2 {
	list-style-type: circle;
	font-size:11pt;
}
ul.link {
	list-style-type: none;
	font-size:13pt;
}

ul.link li {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.level2{
	padding-left : 40px;
}

div.horizontalLine {
	border-top: solid;
	border-top-color: #326cae;
	margin-top: 10px;
}

table.favCatalogList td a {
	color: black;
}

table.favCatalogList td a:hover {
	color: #54A321;
	text-decoration: none;
}

table.favCatalogList td.actionLink a {
	color: #54A321;
}

table.favCatalogList td.actionLink a:hover {
	text-decoration: underline;
}

table.favCatalogList {
	margin-top: 10px;
} 

table.favCatalogList td {
	padding: 2px 4px 2px 4px; 
	border-left: 1px solid #54A321; 
	border-bottom: 1px solid #54A321;
} 

table.favCatalogList td.right {
	text-align: right;
	padding: 2px 4px 2px 4px; 
	border-left: 1px solid #54A321; 
	border-bottom: 1px solid #54A321;
} 


div.LizButton{
margin-left: 30px; 
height: 50px; 
width: 260px; 
background-color: #c3dbf5;
text-align: center;
vertical-align: middle;
line-height:50px;
}

input.LizButtonAkzeptieren{
float:left;
cursor: pointer; 
background-color: #c3dbf5; 
width: 240px; 
height: 80px;
font: 16px Verdana, Arial, Helvetica, sans-serif; 
color: black
}


input.LizButtonAblehnen{
float:right;
cursor: pointer; 
background-color: #c3dbf5; 
width: 410px; 
height: 80px;
font: 16px Verdana, Arial, Helvetica, sans-serif; 
color: black
}

input.LizButtonAnzeigen{
margin-left: 30px;
float:left;
cursor: pointer; 
background-color: #c3dbf5; 
width: 240px; 
height: 80px;
font: 16px Verdana, Arial, Helvetica, sans-serif; 
color: black
}

p.ButtonBeschr2{
color: black;
	background-color: white;
	font-size: 12pt;
	font-style: normal;
	font-weight: lighter;
	line-height:1.0;
text-align: center;
vertical-align: middle;
}

p.ButtonBeschr{
color: black;
	background-color: #c3dbf5;
	font-size: 12pt;
	font-style: normal;
	font-weight: lighter;
	line-height:1.0;
text-align: center;
vertical-align: middle;
}


div.Main{
margin: 0px auto; 
width: 60%; 
}
div.Section {
	position: static;
	width: 100%;
	}



textarea.authenticator{
    width: 100%;
    height: 350px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #e4ecf5;
    font-size: 16px;
    resize: none;	
	
	
}

p.authenticator{
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

h1.authenticator{
	color: black;
	background-color: white;
	font-size: 16pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#downloadtab{
    width: 100%;
    background-color: #e4ecf5;	
}

#downloadtab td, #downloadtab th{
	border: 1px solid #ccc;
    text-align: center;
	padding-top: 12px;
    padding-bottom: 12px;
}
#downloadtab tr:nth-child(even){background-color: #f2f2f2;}

 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

@media screen and (max-width: 1350px) {

	input.LizButtonAblehnen {
		float: right;
		cursor: pointer;
		background-color: #c3dbf5;
		width: 365px;
		height: 70px;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
		color: black
	}
	input.LizButtonAkzeptieren {
		float: left;
		cursor: pointer;
		background-color: #c3dbf5;
		width: 200px;
		height: 70px;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
		color: black
	}
}
@media screen and (max-width: 1170px) {

	input.LizButtonAblehnen {
		float: right;
		cursor: pointer;
		background-color: #c3dbf5;
		width: 335px;
		height: 60px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: black
	}
	input.LizButtonAkzeptieren {
		float: left;
		cursor: pointer;
		background-color: #c3dbf5;
		width: 180px;
		height: 60px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: black
	}
}
@media screen and (max-width: 1095px) {

	input.LizButtonAblehnen {
		float:initial;
		cursor: pointer;
		background-color: #c3dbf5;
		width: 335px;
		height: 60px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: black;
		margin-top: 5px;
	}
	input.LizButtonAkzeptieren {
		float:initial;
		cursor: pointer;
		background-color: #c3dbf5;
		width: 180px;
		height: 60px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: black;
		margin-bottom: 5px;
	}
	div.Main {
	margin: 0px auto;
	width: initial;
}
}
input.login_button {
	cursor: pointer;
	background-color: #c3dbf5;
	width: 120px;
	font: 18px Arial, Helvetica;
}

.intro_h1 {
	font-weight: normal;
}

.intro_li {
	list-style: none;
}

.reqAcc {
    padding: 36px;
}

.verticalSpaceSmall {
	height: 20px;
}

input.minimal {
	background: #326cae;
	border: 2px solid #326cae;
	border-radius: 4px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	text-align: center;
	font-size: 14px;
	margin: 5px;
}

input.minimal:hover {
	background: white;
	-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
	box-shadow: inset 0 0 1px 1px #eaeaea;
	color: #326cae;
	cursor: pointer;
}

input.minimal:focus {
	border: 2px solid black;
	border-radius: 4px;
}

input.minimal:active {
	background: #d0d0d0;
	-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
	box-shadow: inset 0 0 1px 1px #e3e3e3;
	color: #000;
}