/***** Modawi WebSigner basic_layout.css *****/

/*** Grundeinstellungen ***/
/* Dokumentkoerper */
html {
	width: 98%;								/* Breite, notwendig für Skalierbarkeit */
	height: 92%;							/* Hoehe, notwendig für Skalierbarkeit */
}
body {
	width: 98%;								/* Breite, notwendig für Skalierbarkeit */
	height: 92%;							/* Hoehe, notwendig für Skalierbarkeit */
	padding: 0;  							/* Boxabstand innen*/
	border-style: none;  					/* kein Rahmen */
	outline-style: none; 					/* keine Outline */
    text-align: center;  					/* Zentrierung nur im Internet Explorer */
}

/*** Allgemeine Formatvorlagen  ***/
/* Absatz */
p { 
	text-decoration: none; 					/* Textformatierung */ 
	margin: 0 0 1em;  						/* Absatzabstand aussen, nach Absatz: 1 Zeile */
	padding: 0; 		 					/* Absatzabstand innen */
}
/* Schaltflaechen */
a.button {
    text-align: center;  					/* Zentrierung nur im Internet Explorer */
	padding: 5px 10px; 						/* Innenabstand oben/unten 5px, links/rechts 10px */
	margin: 0px;							/* Aussenabstand 0px */
	vertical-align: middle;					/* vertikal in der Mitte zentriert */
}
input.button {
    text-align: center;  					/* Zentrierung nur im Internet Explorer */
	padding: 3px 8px; 						/* Innenabstand oben/unten 3px, links/rechts 8px */
	margin: 0px;							/* Aussenabstand 0px */
	vertical-align: middle;					/* vertikal in der Mitte zentriert */
}
*.button:hover { 							/* Links als Schaltflaechen bei "MouseOver" */
	text-decoration: none;					/* Textformatierung nicht unterstrichen */ 
}
/* Links */
a:link, a:visited, a:active, a:focus {		/* Link, noch nicht besucht, besucht, angeklickt, Fokus */
	text-decoration: none; 					/* Textformatierung */ 
}
a:hover { 									/* Verweise bei "MouseOver" */
	text-decoration: underline;				/* Textformatierung unterstrichen */ 
}
/* Ueberschrift 1 */
h1 { 
	margin: 0 0 2em;  						/* Absatzabstand aussen, nach Absatz: 2 Zeile */
	padding: 0; 		 					/* Absatzabstand innen */
}
/* Ueberschrift 2 */
h2 { 
	margin: 2em 0 1.5em; 					/* Absatzabstand aussen, vor Absatz: 2 Zeilen, nach: 1,5 Zeilen */
	padding: 0; 		 					/* Absatzabstand innen */
}
/* Ueberschrift 3 */
h3 { 
	margin: 1em 0;  						/* Absatzabstand aussen, vor Absatz: 1 Zeile */
	padding: 0;		  						/* Absatzabstand innen */
}
/* nicht numerierte Aufzaehlung */
ul { 
	margin: 0 0 1em 40px; 					/* Absatzabstand aussen, nach Absatz: 1 Zeile, nach rechts eingerueckt um 40px */
	padding: 0; 		 					/* Absatzabstand innen */
}
/* horizontale Linie */
hr { 
	width: 100%; 	 						/* Breite der Linie */
	height: 1px;  							/* Liniendicke */
	margin: 0;  							/* Absatzabstand aussen */
	padding: 0;  							/* Absatzabstand innen */
	border: solid 1px;	  					/* durchgezogene Linie 1px breit */
}
/* Tabellen */
table {
	width: 100%;							/* maximale, zur Verfuegung stehende Breite */
	border-style: none;						/* kein Rahmen */ 
	border-collapse: collapse;				/* Zellenrahmen fallen zusammen. */
	border-spacing: 0px;					/* Rahmenabstand Gitternetz */ 
	empty-cells: show;						/* leere Zellrahmen werden angezeigt */
}
th {
	vertical-align:top;						/* vertikal oben */
}
td {
	vertical-align:top;						/* vertikal oben */
}
/* Bilder */
img { 
	border: none; 							/* kein Rahmen */
}

/*** Box-Einstellungen ***/
/* Hintergrund des Appliklationsfensters / Rahmenfenster */
div#background { 
	margin: 0 auto;							/* Zentrierung fuer Mozilla */
	position: absolute;						/* absolute Position zu body */
	z-index: 3;								/* Schichtposition bei Überlappung */
	width: 100%;							/* Breite, notwendig für Skalierbarkeit */
	height: 100%;							/* Hoehe, notwendig für Skalierbarkeit */
	min-width:  996px; 						/* minimale Breite = 1000px Gesamtbreite - 2 * 2px Rahmen */
	min-height: 546px; 						/* minimale Hoehe  =  550px Gesamthoehe  - 2 * 2px Rahmen */
	top: 0px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	padding: 0; 		 					/* Boxabstand innen */
    text-align: left;    					/* Seiteninhalt kuenftig links ausrichten */
}
/* Hintergrund des Fensters der Online-Hilfe / Rahmenfenster */
div#background_help { 
	margin: 0 auto;							/* Zentrierung fuer Mozilla */
	position: absolute;						/* absolute Position zu body */
	z-index: 3;								/* Schichtposition bei Überlappung */
	width: 99.5%;							/* Breite, notwendig für Skalierbarkeit */
	height: 99.5%;							/* Hoehe, notwendig für Skalierbarkeit */
	min-width:  996px; 						/* minimale Breite = 1000px Gesamtbreite - 2 * 2px Rahmen */
	min-height: 546px; 						/* minimale Hoehe  =  550px Gesamthoehe  - 2 * 2px Rahmen */
	top: 0px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	padding: 0; 		 					/* Boxabstand innen */
	border: ridge 2px; 	 					/* Rahmentyp 3D-Effekt, 2px dick */
    text-align: left;    					/* Seiteninhalt koenftig wieder links ausrichten */
}
/* Kopfelement */
div#head {
	position: absolute;						/* absolute Position zu body */
	z-index: 2;								/* Schichtposition bei Überlappung */
	height: 79px; 							/* Hoehe = 80px Kopfelementhoehe - 1px Rahmen unten*/
	width: 100%;							/* Breite, notwendig für Skalierbarkeit */
	min-width: 996px; 						/* minimale Breite = 1000px Gesamtbreite - 2 * 2px Rahmen */
	top: 0px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	border-bottom-style: solid;				/* Rahmentyp unten */
	border-bottom-width: 1px;	 			/* Rahmendicke unten */
	overflow: hidden;  						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements oeberschreitet */
}
/* Navigation/Aufgabenbereich */
div#navigation { 
	position: absolute;						/* absolute Position zu body */
	z-index: 2;								/* Schichtposition bei Überlappung */
	width: 179px; 							/* Breite = 200px Aufgabenbereichbreite - 1px Rahmen rechts - 2 * 10px Padding */
	min-height: 426px; 						/* minimale Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 10px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0px; 		 					/* Boxabstand aussen */
	padding: 10px;		 					/* Boxabstand innen */
	border-right-style: solid; 				/* Rahmentyp rechts */
	border-right-width: 1px;  				/* Rahmendicke rechts */
	overflow: hidden;  						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements oeberschreitet */
}
div#navigation h1 {
	margin-top: 0; 	 						/* Absatzabstand oben */
}
div#navigation h2 {
	margin-top: 2em; 						/* Absatzabstand oben: 2 Zeilen */
	margin-bottom: 0; 						/* Absatzabstand unten */
}
/* Inhaltsbereich */
div#content_non { 
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 426px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 10px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 200px;							/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 10px; 	 						/* Boxabstand innen */
	overflow: auto;  						/* Der Web-Browser soll entscheiden, wie das Element angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein */
}
div#content_noff { 
	position: absolute;						/* absolute Position zu body */
	z-index: 2;								/* Schichtposition bei Überlappung */
	min-height: 426px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 10px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 10px; 	 						/* Boxabstand innen */
	overflow: auto;  						/* Der Web-Browser soll entscheiden, wie das Element angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein */
}
div#content_indent { 
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 366px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 40px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 40px 220px; 					/* Boxabstand innen */
	overflow: auto; 						/* Der Web-Browser soll entscheiden, wie das Element angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein */
}
div#content_iframe_non {						/* Box fuer iframe ohne Boxabstand innen mit Navigation*/
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 446px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 200px;							/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 0;	 							/* Boxabstand innen */
	overflow: hidden; 						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements oeberschreitet */
}
div#content_iframe_noff {					/* Box fuer iframe ohne Boxabstand innen ohne Navigation*/
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 446px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 0;	 							/* Boxabstand innen */
	overflow: hidden; 						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements oeberschreitet */
}
div#content_help { 
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 406px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 20px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 200px;							/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 20px; 	 						/* Boxabstand innen */
	overflow: auto; 						/* Der Web-Browser soll entscheiden, wie das Element angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein */
}
iframe#content {							/* iframe foer externe HTML-Seiten */
	border: none;		 					/* kein Rahmen */
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	width: 100%;							/* Breite, notwendig für Skalierbarkeit */
	height: 100%;							/* Hoehe, notwendig für Skalierbarkeit */
	min-height: 446px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 2 * 2px Rahmen */
	top: 0px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 0px;							/* Startposition von unten */
	overflow: scroll; 						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten. */
	margin: 0; 			 					/* Boxabstand aussen */
	padding: 0;	 							/* Boxabstand innen */
}
div#message_non { 
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 301px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 125px Margin-Top - 2 * 10px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 200px;							/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 125px auto 0; 	 				/* Boxabstand aussen */
	padding: 10px; 	 						/* Boxabstand innen */
	overflow: hidden; 						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet */
	text-align: center;    					/* Seiteninhalt zentriert ausrichten */
}
div#message_noff { 
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 301px; 						/* Hoehe = 550px Gesamthoehe - 20px Fusselementhoehe - 80px Kopfelementhoehe - 125px Margin-Top - 2 * 10px Padding - 2 * 2px Rahmen */
	top: 80px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 20px;							/* Startposition von unten */
	margin: 125px auto 0; 	 				/* Boxabstand aussen */
	padding: 10px; 	 						/* Boxabstand innen */
	overflow: hidden; 						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet */
	text-align: center;    					/* Seiteninhalt zentriert ausrichten */
}
div#message-center {
	position: absolute;						/* absolute Position zu body */
	z-index: 1;								/* Schichtposition bei Überlappung */
	min-height: 125px;						/* Hoehe = 125px Imghoehe */
	top: 0px;								/* Startposition von oben */
	left: 0px;								/* Startposition von links */
	right: 0px;								/* Startposition von rechts */
	bottom: 0px;							/* Startposition von unten */
	border: none;							/* kein Rahmen */
	overflow: visible;
}
/* Fusszeile */
div#bottom {
	position: absolute;						/* absolute Position zu body */
	z-index: 2;								/* Schichtposition bei Überlappung */
	width: 90%;								/* Breite, notwendig für Skalierbarkeit */
	min-width: 726px; 						/* minimale Breite = 1000px Gesamtbreite - 250px Copyright - 2 * 2px Rahmen - 2 * 10px Padding */
	height: 19px; 							/* Hoehe = 20px Fuss-Element-Hoehe - 1px Rahmen  */
	left: 0px;								/* Startposition von links */
	bottom: 0px;							/* Startposition von unten */
	padding: 0 10px 0 10px; 				/* Boxabstand rechts und links 10 px */
	border-top-style: solid; 				/* Rahmenlinie oben */
	border-top-width: 1px;  				/* Rahmendicke oben */
	overflow: hidden;  						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet */
}
div#bottom p {
	margin-top: 2pt;	 					/* Absatzabstand oben */
	margin-bottom: 0pt; 					/* Absatzabstand unten */
	text-align: left;						/* rechtsboendig */
    font-size: 8pt; 						/* Schriftgroeoee foer Copyright-Hinweis im Fuoe */
}
div#copyright {
	position: absolute;						/* absolute Position zu body */
	z-index: 2;								/* Schichtposition bei Überlappung */
	width: 240px; 							/* Breite = 250px Gesamtbreite - 1 * 10px Padding */
	height: 19px; 							/* Hoehe = 20px Fuss-Element-Hoehe - 1px Rahmen  */
	right: 0px;								/* Startposition von links */
	bottom: 0px;							/* Startposition von unten */
	padding-right: 10px; 					/* Boxabstand rechts 10 px */
	border-top-style: solid; 				/* Rahmenlinie oben */
	border-top-width: 1px;  				/* Rahmendicke oben */
	overflow: hidden;  						/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet */
}
div#copyright p {
	margin-top: 2pt;	 					/* Absatzabstand oben */
	margin-bottom: 0pt; 					/* Absatzabstand unten */
	text-align: right;						/* rechtsbuendig */
    font-size: 8pt; 						/* Schriftgroeoee foer Copyright-Hinweis im Fuss */
}

/*** sonstige Elemente ***/
/* Icon zum Auf-/Zuklappen des Aufgabenbereiches */
div#nav_off {
	position: absolute;
	z-index: 2;								/* Schichtposition bei Überlappung */
	left: 180px; 							/* x-Position */
	top:   79px; 							/* y-Position */
	width: 18px; 							/* Breite = 20px Gesamticonbreite - 2 * 1px Rahmen */
	height: 13px; 							/* Hoehe = 20px Fuss-Element-Hoehe - 1px Rahmen */
	margin: 0;			 					/* Boxabstand auoeen */
	padding: 0;			 					/* Boxabstand innen */
	border-style: solid; 					/* Rahmenlinie */
	border-width: 1px; 	 					/* Rahmendicke */
	overflow: hidden; 		 				/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet */
}
div#nav_on {
	position: absolute;
	z-index: 2;								/* Schichtposition bei Überlappung */
	left: 0px; 								/* x-Position */
	top: 79px; 								/* y-Position */
	width: 18px; 							/* Breite = 20px Gesamticonbreite - 2 * 1px Rahmen */
	height: 13px; 							/* Hoehe = 20px Fuss-Element-Hoehe - 1px Rahmen */
	margin: 0;			 					/* Boxabstand aussen */
	padding: 0;			 					/* Boxabstand innen */
	border-style: solid; 					/* Rahmenlinie */
	border-width: 1px; 		 				/* Rahmendicke */
	overflow: hidden; 	 					/* Inhalt wird abgeschnitten, wenn er die Grenzen des Elements ueberschreitet */
}
/* Modawi WebSigner Logo */
img#modawi_websigner_logo {
	width: 425px;		 					/* Breite */
	height: 79px;		 					/* Hoehe */
}
/* Modawi Kunden-Logo */
img#provider_logo {
	width: 571px;		 					/* Breite */
	height: 79px;		 					/* Hoehe */
	text-align : right;						/* rechtsbuendig */
}
/* Symbol Navigationspfeil */
img#nav_arrow {
	width:  18px;		 					/* Breite */
	height: 13px;		 					/* Hoehe */
}
/* Symbol "bitte warten" */
img#symbol-bitte-warten {
	width:  125px;		 					/* Breite */
	height: 125px;		 					/* Hoehe */
	vertical-align:middle
}
.dijitTreeRow, .dijitTreeContent {
white-space: normal;
}

div.dijitTree {
        font-size: 7.5px;
        font-weight: normal;
        height:40%;
        overflow: scroll;
        width: 100%;
}