@CHARSET "ISO-8859-1";

/* ################################################## */
/* CSS für den offenen Bereich von easy-Online        */
/*                                                    */
/* Verwendete CSS-Hacks:                              */
/*     *:first-child+html (IE7)                       */
/*                                                    */
/* Author: Henning Klimaczewski                       */
/* ################################################## */
/* Table of Contents                                  */
/*                                                    */
/*    I.    Allgemeine HTML-Elemente                  */
/*   II.    CSS für unsichtbare Elemente              */
/*  III.    CSS für den Rahmen der Anwendung          */
/*                                                    */
/*   IV.    CSS für den Bereich "Header"              */
/*   IV.-ESF CSS für den Bereich "Header" - ESF       */
/*    V.    CSS für den Bereich "Menü"                */
/*    V.-ESF CSS für den Bereich "Menü" - ESF         */
/*   VI.    CSS für den Bereich "Content"             */
/*  VII.    CSS für den Bereich "Footer"              */
/*                                                    */
/* VIII.    CSS für den Kontakt/Support               */
/*   IX.    CSS für die Sitemap                       */
/*    X.    CSS für die Nutzungsbedingungen           */
/*                                                    */
/*   XI.    CSS für Popups                            */
/*   XI-1.  CSS für allgemeine Popup-Elemente         */
/*   XI-2.  CSS für das Popup Adresssuche             */
/*                                                    */
/*  XII.    CSS für: Neues Formular                   */
/*                                                    */
/* XIII.    CSS für: Formularbearbeitung              */
/* XIII-1.  CSS für das Übersichten-Tab               */
/* XIII-2.  CSS für den Header der Finanzierung       */
/* XIII-3.  CSS für die Buttons                       */
/* XIII-4.  CSS für die Tabellen                      */
/* XIII-5.  CSS für allgemeine Elemente               */
/*                                                    */
/*  XIV.    CSS für: Endfassung einreichen            */
/*   XV.    CSS für: Finanztabelle                    */
/* ################################################## */



/* ================================================== */
/*    I.    Allgemeine HTML-Elemente                  */
/* ================================================== */

body {
	background-color:	#FFFFFF;
	font-size:			0.8em;
}

body, table {
	color:				#000000;
	font-family:		Arial, Helvetica, sans-serif;
}

table {
	border-collapse:	collapse;
	font-size:			0.95em;
}

a {
	color:				#000000;
	cursor:				pointer;
	margin:				0.1em;
	padding:			0.1em;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

h1, h2, h3, h4, h5, h6 {
	color:				#000000;
	margin:				0;
}

ol {
	font-family:		Arial, Helvetica, sans-serif;
}

div.rahmen {
	border:				0.2em solid #9DCAE5;
	margin:				0.5em 0 0.5em 0.5em;
}

div.rahmenESF {
    margin:             0.5em 0 0.5em 0.5em;
}

div.hintergrund {
	background-color:	#E0EDF7;
	padding:			1em;
}

div.hintergrundESF {
    background-color:   #FFFFFF;
    padding:            0.55em;
}

.verticalAlign {
	vertical-align:		middle;
}

.lokalSpeichernVerboten {
	color:				#FF0000 !important;
	font-weight:		bold;
}

.center {
	text-align:			center;
}

.textRechts {
	text-align:			right;
}

.textRechts-dis {
	text-align:			right;
}

.absolute {
	position:			absolute;
}

.bold {
	font-weight:		bold;
}

.clearBoth {
	clear:				both;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

.italic {
    font-style:			italic;
}

.level2, .level3,
.level4, .level5,
.level6, .level7, .level8 {
	position:			relative;
}

.level2 { left:	1.25em;	margin-right: 1.25em	!important; }
.level3 { left:	2.5em;	margin-right: 2.5em		!important; }
.level4 { left:	3.75em;	margin-right: 3.75em	!important; }
.level5 { left:	5em;	margin-right: 5em		!important; }
.level6 { left:	6.25em;	margin-right: 6.25em	!important; }
.level7 { left:	7.5em;	margin-right: 7.5em		!important; }
.level8 { left:	8.75em;	margin-right: 8.75em	!important; }

span.textFuerBetraege {
	position:			absolute;
	right:				0.5em;
}

abbr {
	border:				none;
}

div.width100 {
	width:				100%;
}

.ersterAbsatz {
    margin-top:			0;
}

.eoStartseiteMandantenCol1 {
	background-color:	#FFFFFF !important;
	text-align:			left;
	min-width:			7em;
}

.eoStartseiteMandantenCol2 {
	background-color:	#FFFFFF !important;
	text-align:			left;
	width:				auto;
}

div.aktuelleHinweise {
	background-color:	#FFFFFF;
	border:				0.1em solid #9DCAE5;
	height:				10em;
	overflow:			auto;
	padding:			1em;
}

.downloadButton {
	background-color:	#EEEEEE;
	border:				0.1em solid #6E6E6E;
	border-radius:		0.2em;
	display:			inline-block;
	padding:			0.1em 0.75em 0.1em 0.75em;
}

.downloadButton:before {
	content:			url(../images/download.png) " ";
}

.downloadButton:focus {
	border-color:		#004F80;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
	text-decoration:	none;
}

.downloadButton:hover {
	border-color:		#004F80;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
	text-decoration:	none;
}

.downloadButton:active {
	box-shadow:			0 0 0.2em 0.05em #2E2E2E inset;
}

.signaturButton {
	background-color:	#EEEEEE;
	border:				0.1em solid #6E6E6E;
	border-radius:		0.2em;
	display:			inline-block;
	padding:			0.1em 0.75em 0.1em 0.75em;
}

.signaturButton:before {
	content:			url(../images/signatur.png) " ";
}

.signaturButton:focus {
	border-color:		#004F80;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
	text-decoration:	none;
}

.signaturButton:hover {
	border-color:		#004F80;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
	text-decoration:	none;
}

.signaturButton:active {
	box-shadow:			0 0 0.2em 0.05em #2E2E2E inset;
}

div.vorlagenentwicklungLogs {
	border-left:		0.2em dotted #004F80;
	margin-left:		1em;
	padding-left:		1em;
	padding-top:		0.1em;
}

.vorlagenentwicklungLogsButton {
	width:				12em;
}

div#faq {
	box-shadow:			0 0 0.5em 0.1em #004F80;
	margin-top:			0.5em;
	max-height:			40em;
	overflow:			auto;
}

div.loaderFrameGrau {
	background-color:	black;
	cursor:				not-allowed;
	height:				100%;
	left:				0;
	opacity:			0.5;
	position:			fixed;
	top:				0;
	width:				100%;
	z-index:			25002;
}

div.loaderFrame {
	background-color:	#FFFFFF;
	border:				0.25em solid #004F80;
	border-radius:		0.5em;
	box-shadow:			0 0 2em 1em #2E2E2E;
	margin-left:		42.5%;
	margin-top:			15em;
	padding:			1em;
	position:			fixed;
	width:				15em;
	z-index:			25003;
}

.loaderFrameText {
	font-weight:		bold;
	padding-bottom:		1em;
    text-align:			center;
}

div.loader {
    animation:			spin 1s linear infinite;
    border:				0.5em solid #9DCAE5;
    border-top:			0.5em solid #004F80;
    border-radius:		50%;
    height:				2em;
    margin-left:		41%;
    width:				2em;
}

@keyframes spin {
    0% { transform:		rotate(0deg); }
    100% { transform:	rotate(360deg); }
}

.textareaCounter {
	color:				#6E6E6E;
	display:			block !important;
	font-size:			0.85em;
	margin-left:		0.25em;
	margin-top:			-0.25em;
}


/* ================================================== */
/*   II.    CSS für unsichtbare Elemente              */
/* ================================================== */

.unsichtbar {
	height:				0.1em;
	left:				-625em;
	overflow:			hidden;
	position:			absolute;
	top:				auto;
	width:				0.1em;
}


/* ================================================== */
/*  III.    CSS für den Rahmen der Anwendung          */
/* ================================================== */

div#appFrame {
	min-width:			800px;
}


/* ================================================== */
/*   IV.    CSS für den Bereich "Header"              */
/* ================================================== */

div#header {
	clear:				both;
}

.headerUnsichtbarLink {
	font-size:			0.9em;
	font-weight:		bold;
	left:				-625em;
	position:			absolute;
	text-decoration:	underline;
	top:				0.75em;
}

.headerUnsichtbarLink:focus {
	left:				1em;
}

.headerVollbildUnsichtbarLink {
	font-size:			0.9em;
	font-weight:		bold;
	left:				-625em;
	position:			absolute;
	text-decoration:	underline;
	top:				0.75em;
}

.headerVollbildUnsichtbarLink:focus {
	left:				1em;
}

div#headerAlleLinks {
	text-align:			right;
}

div#headerAlleLinks ul {
	margin:				0 1em 0.5em 0;
}

div#headerAlleLinks li {
	display:			inline;
	padding-left:		1em;
}

.headerWarning {
    color:              #FF0000;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
}

.headerLink {
    color:              #000000;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-weight:        unset;
}

.headerLink-dis {
	color:				#000000;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			0.8em;
	font-style:			normal;
	font-weight:		bold;
}

.headerLink-dis-dis {
	color:				#000000;
	cursor:				default;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			0.8em;
	font-style:			normal;
	font-weight:		bold;
}

.headerLinkNichtVerfuegbar {
	color:				#6E6E6E;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			0.8em;
	font-style:			italic;
}

.headerLinkGebaerdensprache {
	color:				#000000;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			0.8em;
	font-weight:		unset;
}

.headerLinkGebaerdensprache:before {
	content:			url(../images/gebaerdensprache_klein.png);
	vertical-align:		middle;
}

.headerLinkLeichteSprache {
    color:              #000000;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-weight:        unset;
}

.headerLinkLeichteSprache:before {
    content:            url(../images/leichteSprache_klein.png);
    margin-right:       0.6em;
    vertical-align:     middle;
}

.headerLinkJs {
    color:              #6E6E6E;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    margin-left:        -1em;
}

div#headerLogo {
	position:			absolute;
	z-index:			-1;
}

div#headerEasyOnline {
	background-color:	#004F80;
    color:				#FFFFFF !important;
    height:				8em;
	margin-left:		15em;
	overflow:			hidden;
}

div#headerEasyOnlineSimplified {
    background-color:	#004F80;
    color:				#FFFFFF !important;
    height:				2.5em;
    margin-left:		15em;
    overflow:			hidden;
}

div#headerEasyOnlineSimplifiedVollbild {
    background-color:	#004F80;
    color:				#FFFFFF !important;
    height:				2.5em;
    margin:				0 0 0 0.5em;
    overflow:			hidden;
}

div#headerEasyOnlineText {
	color:				#FFFFFF !important;
	font-size:			1.5em;
	font-weight:		bold;
	padding:			1em;
	position:			absolute;
}

div#headerEasyOnlineTextSimplified {
	color:				#FFFFFF !important;
    font-size:			1.3em;
    font-weight:		bold;
    padding:			0.3em;
}

div#headerEasyOnlineTextTitel {
	position:			absolute;
}

div#headerEasyOnlineTextBeschreibung {
	margin-left:		7em;
	width:				18em;
}

div#timerVollbild {
	background-color:	#9DCAE5;
	border:				0.1em solid #004F80;
	padding:			0.25em;
	position:			fixed;
	right:				0.9em;
	text-align:			right;
	top:				2.65em;
	z-index:			24999;
}


/* ================================================== */
/*   IV.-ESF CSS für den Bereich "Header" - ESF       */
/* ================================================== */

div#headerLogoESF {
	margin-left:        48px;
    position:           absolute;
    z-index:            -1;
}

.headerLinkGebaerdenspracheESF {
    color:              #385885;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-weight:        unset;
    margin-left:        -1em;
}

.headerLinkGebaerdenspracheESF:before {
    content:            url(../images/gebaerdensprache_klein.png);
    vertical-align:     middle;
}

.headerLinkLeichteSpracheESF {
    color:              #385885;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-weight:        unset;
    margin-left:        -1em;
}

.headerLinkLeichteSpracheESF:before {
    content:            url(../images/leichteSprache_klein.png);
    margin-right:       0.6em;
    vertical-align:     middle;
}

.headerLinkESF {
    color:              #385885;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-weight:        unset;
    margin-left:        -1em;
}

.headerLinkESF-dis {
    color:              #000000;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-style:         normal;
    font-weight:        bold;
    margin-left:        -1em;
}

.headerLinkESF-dis-dis {
    color:              #000000;
    cursor:             default;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          0.8em;
    font-style:         normal;
    font-weight:        bold;
    margin-left:        -1em;
}

div#headerEasyOnlineESF {
    background-color:   #004F80;
    color:              #FFFFFF !important;
    height:             79px;
    margin-left:        15em;
    overflow:           hidden;
}

div#headerEasyOnlineTextESF {
    color:              #FFFFFF !important;
    font-size:          1.5em;
    font-weight:        bold;
    padding:            1.5em;
}


/* ================================================== */
/*    V.    CSS für den Bereich "Menü"                */
/* ================================================== */

div#menu {
	background-color:	#E0EDF7;
	float:				left;
	padding:			0 0 1em 0;
	width:				15em;
}

div#menuContainer {
	background-color:	#FFFFFF;
	float:				left;
	padding:			0 0 1em 0;
	width:				15em;
}

div#menuFixed {
	background-color:	#E0EDF7;
	padding:			0 0 1em 0;
	position:			fixed;
	width:				15em;
}

div#menuFixedMeldungen {
	background-color:	#FFFFFF;
	border:				0.2em solid #9DCAE5;
	height:				7.25em;
	margin:				0 0.5em 0 0.5em;
	padding:			0.5em;
}

div.menuFixedEinreichung {
	background-color:	#9DCAE5;
	margin:				0 0.5em 0 0.5em;
	padding:			0.25em;
	text-align:			center;
}

div.menuFixedEinreichungNachEinreichen {
	background-color:	#9DCAE5;
	margin:				0 0.5em 1em 0.5em;
	padding:			0.25em;
	text-align:			center;
}

div.shutdown {
	border:				0.1em solid #FF0000;
}

div.menuAbschnitt {
	padding:			1em 0 0 0;
}

h2.menuHeader {
	font-size:			1.2em;
	font-style:			italic;
	padding:			0 0.75em 0.25em 0.75em;
}

ul.menuAlleLinks {
	margin:				0;
	padding:			0;
}

ul.menuAlleLinks li {
	border-top:			0.1em solid #004F80;
	list-style-type:	none;
}

ul.menuAlleLinks li > input {
	width:				100%;
}

.menuLink {
	display:			block;
	font-family:		Verdana, Arial, sans-serif;
	margin:				0;
	padding:			0.4em 0.75em 0.4em 0.75em;
	text-align:			left;
	white-space:		normal;
	width:				inherit;
}

.menuLink:focus {
	background-color:	#9DCAE5;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
}

.menuLink:hover {
	background-color:	#9DCAE5;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
}

.menuLink:active {
	background-color:	#9DCAE5;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E inset;
}

.menuLink-dis {
	color:				#000000;
	display:			block;
	font-family:		Verdana, Arial, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	margin:				0;
	padding:			0.4em 0.75em 0.4em 0.75em;
}

.menuLink-dis-dis {
	color:				#000000;
	cursor:				default;
	display:			block;
	font-family:		Verdana, Arial, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	margin:				0;
	padding:			0.4em 0.75em 0.4em 0.75em;
	text-align:			left;
	white-space:		normal;
}

.menuLink-dis-dis:hover {
	text-decoration:	none;
}

div.menuLinkNichtVerfuegbar {
	padding:			0.4em 0.75em 0.4em 0.75em;
}

.menuLinkNichtVerfuegbarText {
	color:				#6E6E6E;
	font-family:		Verdana, Arial, sans-serif;
	font-style:			italic;
}


/* ================================================== */
/*    V.-ESF    CSS für den Bereich "Menü" - ESF      */
/* ================================================== */

div#menuESF {
    background-color:   #E0EDF7;
    float:              left;
    height:             100vh;
    padding:            0 0 1em 0;
    width:              15em;
}

div#menuContainerESF {
    background-color:   #FFFFFF;
    float:              left;
    height:             100vh;
    padding:            0 0 1em 0;
    width:              15em;
}

div#menuFixedESF {
    background-color:   #E0EDF7;
    height:             100vh;
    padding:            0 0 1em 0;
    position:           fixed;
    width:              15em;
}

ul.menuAlleLinksESF {
    margin:             0;
    padding:            0;
}

ul.menuAlleLinksESF li {
    border-top:         1px solid #9DCAE5;
    list-style-type:    none;
}

ul.menuAlleLinksESF li > input {
    width:              100%;
}

.menuLinkESF {
    color:              #333333;
    display:            block;
    font-family:        Verdana, Arial, sans-serif;
    font-size:          12px;
    font-weight:        bold;
    margin:             0;
    padding:            0.4em 0.75em 0.4em 0.75em;
    text-align:         left;
    white-space:        normal;
    width:              inherit;
}

.menuLinkESF:focus {
    background-color:   #004F80;
    box-shadow:         0 0 0.2em 0.05em #2E2E2E;
    color:              #FFFFFF;
}

.menuLinkESF:hover {
    background-color:   #004F80;
    box-shadow:         0 0 0.2em 0.05em #2E2E2E;
    color:              #FFFFFF;
}

.menuLinkESF:active {
    background-color:   #004F80;
    box-shadow:         0 0 0.2em 0.05em #2E2E2E inset;
    color:              #FFFFFF;
}

.menuLinkESF-dis {
    color:              #000000;
    display:            block;
    font-family:        Verdana, Arial, sans-serif;
    font-style:         normal;
    font-weight:        bold;
    margin:             0;
    padding:            0.4em 0.75em 0.4em 0.75em;
}

.menuLinkESF-dis-dis {
    color:              #000000;
    cursor:             default;
    display:            block;
    font-family:        Verdana, Arial, sans-serif;
    font-style:         normal;
    font-weight:        bold;
    margin:             0;
    padding:            0.4em 0.75em 0.4em 0.75em;
    text-align:         left;
    white-space:        normal;
}

.menuLinkESF-dis-dis:hover {
    text-decoration:    none;
}


/* ================================================== */
/*   VI.    CSS für den Bereich "Content"             */
/* ================================================== */

div#content {
	overflow:			hidden;
}


/* ================================================== */
/*  VII.    CSS für den Bereich "Footer"              */
/* ================================================== */

div#footer {
	margin:				-0.5em 0 0 0;
	overflow:			hidden;
}

div#footerAlleCheckboxen {
	float:				left;
	padding:			1.5em 1.5em 0 0;
}

p.footerCheckbox {
	margin:				0;
	padding:			0 0 0.25em 0;
}

p#footerMeldungsfenster {
	margin:				0;
	padding-right:		0.25em;
	text-align:			right;
}

div#footerMeldungsrahmen {
	background-color:	#FFFFFF;
	border:				0.1em solid #9DCAE5;
	display:			block;
	max-height:			14em;
	min-height:			14em;
	overflow:			auto;
}

.footerMeldungstabelle {
	margin:				0;
	width:				100%;
}

.footerMeldungstabelleColHdr1 {
	text-align:			left;
	width:				12.5em;
}

.footerMeldungstabelleColHdr2 {
	width:				auto;
}

.footerMeldungstabelleTyp:hover {
	text-decoration:	underline;
}

.footerMeldungstabelleTypText {
	color:				#000000;
	font-weight:		bold;
	text-decoration:	none;
}

img.footerMeldungstabelleTypIcon {
	border-style:		none;
	text-decoration:	none;
}

.footerMeldungstabelleMeldungText {
	display:			inline;
	float:				left;
}

.footerMeldungstabelleMeldungenGesamt {
	display:			inline;
	float:				right;
}

.footerMeldungstabelleCol1,
.footerMeldungstabelleCol2 {
	background-color:	#FFFFFF;
	text-align:			left;
}

.meldungsLink {
	font-weight:		bold;
	margin:				0;
	padding:			0;
}


/* ================================================== */
/*  VII.-ESF CSS für den Bereich "Footer" - ESF       */
/* ================================================== */

div#footerMeldungsrahmenESF {
    background-color:   #FFFFFF;
    border:             0.1em solid #000000;
    display:            block;
    max-height:         14em;
    min-height:         14em;
    overflow:           auto;
}

.footerMeldungstabelleESF {
    margin:             0;
    width:              100%;
}

.footerMeldungstabelleESFColHdr1 {
    text-align:         left;
    width:              12.5em;
}

.footerMeldungstabelleESFColHdr2 {
    width:              auto;
}

.footerMeldungstabelleESFCol1,
.footerMeldungstabelleESFCol2 {
    text-align:         left;
}


/* ================================================== */
/* VIII.    CSS für den Kontakt/Support               */
/* ================================================== */

fieldset.rettungsring {
	border:				0.1em solid #004F80;
	border-radius:		0.4em;
	box-shadow:			0 0 0.5em 0.1em #2E2E2E;
	margin:				2em;
}

.rettungsringButton {
	background-color:	#EEEEEE;
	border:				0.1em solid #6E6E6E;
	border-radius:		0.2em;
	display:			inline-block;
	margin:				1em 1em 0 0.5em;
	padding-bottom:		0;
}

.rettungsringButton:before {
	content:			url(../images/help-content.png);
}

.rettungsringButton:focus {
	border-color:		#004F80;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
	text-decoration:	none;
}

.rettungsringButton:hover {
	border-color:		#004F80;
	box-shadow:			0 0 0.2em 0.05em #2E2E2E;
	text-decoration:	none;
}

.rettungsringButton:active {
	box-shadow:			0 0 0.2em 0.05em #2E2E2E inset;
}

p.rettungsringText {
	margin-bottom:		0.5em;
}


fieldset.foerderung {
	border:				0.1em solid #004F80;
	border-radius:		0.4em;
	box-shadow:			0 0 0.5em 0.1em #2E2E2E;
	margin:				2em;
}

p.foerderungText {
	margin-bottom:		0.5em;
}

div.kontaktLabel {
	position:			absolute;
}

div.kontaktFeld {
	margin-left:		18em;
}

div.kontaktFeldBeschreibung {
	margin-left:		19.5em;
}


/* ================================================== */
/*   IX.    CSS für die Sitemap                       */
/* ================================================== */

h4.sitemapHeader {
	margin-top:			1em;
}

.sitemapLink-dis {
	color:				#000000;
	font-style:			normal;
	font-weight:		bold;
}

.sitemapLink-dis-dis {
	color:				#000000;
	cursor:				default;
	font-style:			normal;
	font-weight:		bold;
}

.sitemapLink-dis-dis:hover {
	text-decoration:	none;
}

.sitemapLinkNichtVerfuegbar-dis {
	color:				#6E6E6E;
	font-style:			italic;
}

.sitemapLinkNichtVerfuegbar-dis-dis {
	color:				#6E6E6E;
	cursor:				default;
	font-style:			italic;
}

.sitemapLinkNichtVerfuegbar-dis-dis:hover {
	text-decoration:	none;
}

.sitemapLinkGebaerdensprache:before {
	content:			url(../images/gebaerdensprache_klein.png);
	vertical-align:		middle;
}

.sitemapLinkLeichteSprache:before {
	content:			url(../images/leichteSprache_klein.png);
	padding-right:		0.6em;
	vertical-align:		middle;
}


/* ================================================== */
/*    X.    CSS für die Nutzungsbedingungen           */
/* ================================================== */

div.nutzText {
	background-color:	#FFFFFF;
	border:				0.1em solid #9DCAE5;
	height:				32em;
	overflow:			auto;
	padding:			1em;
}


/* ================================================== */
/*   XI.    CSS für Popups                            */
/* ================================================== */

/*----------------------------------------------------*/
/*   XI-1.  CSS für allgemeine Popup-Elemente         */
/*----------------------------------------------------*/

div.hintergrundGrau {
	background-color:	black;
	cursor:				not-allowed;
	filter:				Alpha(Opacity = 50);
	height:				100%;
	left:				0;
	opacity:			0.5;
	position:			fixed;
	top:				0;
	visibility:			visible;
	width:				100%;
	z-index:			25000;
}

.popupClass {
	box-shadow:			0 0 2em 1em #2E2E2E;
	left:				25%;
	max-width:			45em;
	position:			fixed;
	top:				20%;
	z-index:			25001;
}

.popupClassMaxHeight {
	overflow:			auto;
	max-height:			25em;
}

.popupTitel {
	color:				#FFFFFF;
	font-size:			120%;
	margin:				0;
	padding:			0.25em 0em 0.25em 0.75em;
}

p.popupErsterAbsatz {
	margin-top:			0;
}

div#softPopup {
	background-color:	#9DCAE5;
    border:				0.1em solid #004F80;
	border-radius:		0.5em;
	box-shadow:			0 0 2em 1em #2E2E2E;
	margin:				0.5em;
	position:			fixed;
	width:				22.5em;
	z-index:			24999;
}

h2#softPopupTitle {
    background-color:	#004F80;
    color:				#FFFFFF;
    font-size:			120%;
    font-weight:		bold;
    padding:			0.25em 0.25em 0.25em 0.8em;
}

p#softPopupDescription {
	padding:			0 1em 0 1em;
}

div#softPopupButton {
	margin-bottom:		1em;
	text-align:			center;
}


/*----------------------------------------------------*/
/*   XI-2.  CSS für das Popup Adresssuche             */
/*----------------------------------------------------*/

.adressPopup {
	box-shadow:			0 0 2em 1em #2E2E2E;
	left:				12.5%;
	position:			fixed;
	top:				10%;
	width:				70em;
	z-index:			25001;
}

div.adressMaxHeight {
	border:				0.1em solid #9DCAE5;
    overflow:			auto;
    max-height:			20em; 
}

.adresseLabel {
	position:			absolute;
}

.adresseFeld {
	margin-left:		24.1em;
	width:				51em;
}

.adresseButtonSuchen {
	margin-left:		20.9em;
}

@media not screen and (1) {
	.adresseButtonSuchen {
		margin-left:	22.2em;
	}
}

.adresseLink {
	font-style:			normal;
}

.adresseLink-dis {
	color:				#000000;
	font-style:			normal !important;
	font-weight:		bold !important;
}

.adresseAusgewaehlt {
	background-color:	#9DCAE5;
}

.adresseNichtAusgewaehlt {
	background-color:	#FFFFFF;
}

.adresseAusgewaehlt > span,
.adresseAusgewaehlt > a,
.adresseAusgewaehlt > input,
.adresseAusgewaehlt > .iceCmdLnk {
	cursor:				default;
	font-style:			normal;
	font-weight:		bold;
}

.adresseAusgewaehlt:hover > .iceCmdLnkJSDis {
	text-decoration:	none;
}

.adressTabelle {
	width:				100%;
}

.adressTabelleColHdr1,
.adressTabelleColHdr2 {
	text-align:			left;
}

.adressTabelleCol1,
.adressTabelleCol2 {
	text-align:			left;
}

.adressTabelleRow1:hover > td,
.adressTabelleRow2:hover > td {
	background-color:	#9DCAE5;
}


/* ================================================== */
/*  XII.    CSS für: Neues Formular                   */
/* ================================================== */

p.ausrichtungSelectboxen {
	margin-bottom:		0.5em;
	margin-top:			-1.7em;
}

p.ausrichtungSelectboxen > select {
	margin-left:		20em;
}

ul.listeFormularTypen {
	margin:				0 0 0 19em;
}

li.listeFormularTyp,
li.listeFormularTyp > input {
	list-style-type:	none;
	text-align:			left;
}

.buttonWeiterErstellen {
	margin-left:		21.25em;
}

.weiteFuerFormularTypen {
	position:			absolute;
}


/* ================================================== */
/* XIII.    CSS für: Formularbearbeitung              */
/* ================================================== */

/*----------------------------------------------------*/
/* XIII-1.  CSS für das Übersichten-Tab               */
/*----------------------------------------------------*/

.uebersichtFieldset {
	border:				0.1em solid #004F80;
	padding:			2em;
}

.uebersichtLegend {
	color:				#000000 !important;
}

.uebersichtLevel1,
.uebersichtLevel1 > .iceCmdLnk,
.uebersichtLevel1 > input {
	text-decoration:	underline;
}

.uebersichtLevel1 {	padding: 0.1em; }
.uebersichtLevel2 {	padding: 0.1em 0.1em 0.1em 2em; }
.uebersichtLevel3 {	padding: 0.1em 0.1em 0.1em 4em; }
.uebersichtLevel4 {	padding: 0.1em 0.1em 0.1em 6em; }
.uebersichtLevel5 {	padding: 0.1em 0.1em 0.1em 8em; }
.uebersichtLevel6 {	padding: 0.1em 0.1em 0.1em 10em; }
.uebersichtLevel7 {	padding: 0.1em 0.1em 0.1em 12em; }
.uebersichtLevel8 {	padding: 0.1em 0.1em 0.1em 14em; }

*:first-child+html .uebersichtLevel2 > a { padding: 0.1em 0.1em 0.1em 1.5em; }
*:first-child+html .uebersichtLevel3 > a { padding: 0.1em 0.1em 0.1em 3em; }
*:first-child+html .uebersichtLevel4 > a { padding: 0.1em 0.1em 0.1em 4.5em; }
*:first-child+html .uebersichtLevel5 > a { padding: 0.1em 0.1em 0.1em 6em; }
*:first-child+html .uebersichtLevel6 > a { padding: 0.1em 0.1em 0.1em 7.5em; }
*:first-child+html .uebersichtLevel7 > a { padding: 0.1em 0.1em 0.1em 9em; }
*:first-child+html .uebersichtLevel8 > a { padding: 0.1em 0.1em 0.1em 10.5em; }

*:first-child+html .uebersichtLevel1 > .iceCmdLnk { padding: 0.1em }
*:first-child+html .uebersichtLevel2 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 3em; }
*:first-child+html .uebersichtLevel3 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 4.5em; }
*:first-child+html .uebersichtLevel4 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 6em; }
*:first-child+html .uebersichtLevel5 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 7.5em; }
*:first-child+html .uebersichtLevel6 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 9em; }
*:first-child+html .uebersichtLevel7 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 10.5em; }
*:first-child+html .uebersichtLevel8 > .iceCmdLnk { padding: 0.1em 0.1em 0.1em 12em; }

.uebersichtLevel1 > a, .uebersichtLevel2 > a,
.uebersichtLevel3 > a, .uebersichtLevel4 > a,
.uebersichtLevel5 > a, .uebersichtLevel6 > a,
.uebersichtLevel7 > a, .uebersichtLevel8 > a {
	color:				#000000;
	display:			block;
	padding-left:		0;
}

.uebersichtLevel:hover,
.uebersichtLevel:hover > .iceCmdLnk,
.uebersichtLevel:hover > input {
	background-color:	#9DCAE5;
	color:				#000000;
}


/*----------------------------------------------------*/
/* XIII-2.  CSS für den Header der Finanzierung       */
/*----------------------------------------------------*/

div.finanzierungHeader {
	background-color:	#FFFFFF;
	border:				0.1em solid #9DCAE5;
	margin-bottom:		1em;
	padding:			0.3125em;
}

ul.finanzierungHeader {
	list-style-type:	none;
	margin:				0;
	padding:			0 0.25em;
}

.finanzierungHeaderText {
	vertical-align:		super;
}

.finanzierungHeaderText-dis {
	color:				#000000;
	font-style:			normal;
	font-weight:		bold;
	vertical-align:		super;
}

.finanzierungHeaderText-dis-dis {
	color:				#000000;
	cursor:				default;
	font-style:			normal;
	font-weight:		bold;
	vertical-align:		super;
}

img.finanzHeaderIcon {
	vertical-align:		sub;
}


/*----------------------------------------------------*/
/* XIII-3.  CSS für die Buttons                       */
/*----------------------------------------------------*/

.buttonMitIcon {
	background-color:	transparent;
	border:				none;
	color:				transparent;
	cursor:				pointer;
	margin:				0;
	padding:			0;
}

.buttonMitIcon:active {
	border-style:		none;
}

.buttonMitIcon:focus {
	outline:			0.1em dotted #000000;
}

.buttonMitIcon-dis {
	cursor:				default;
	margin:				0;
	padding:			0;
}

.buttonMitIcon-dis:hover {
	cursor:				not-allowed;
}

.buttonMitIconTabelle {
	background-color:	transparent;
	border:				none;
	color:				transparent;
	cursor:				pointer;
}

.buttonMitIconTabelle:active {
	border-style:		none;
}

.buttonMitIconTabelle:focus {
	outline:			0.1em dotted #000000;
}

.buttonMitIconTabelle-dis {
	cursor:				not-allowed;
}

.buttonNeuBerechnen {
	background-color:	transparent;
	border:				none;
	border-style:		none !important;
	color:				transparent;
	cursor:				pointer;
}

.buttonNeuBerechnen:focus {
	outline:			0.1em dotted #000000;
}

*:first-child+html .buttonNeuBerechnen:focus {
	border:				0.1em dotted #000000;
}

.buttonNeuBerechnen-dis {
	background-color:	transparent;
	border:				none;
	border-style:		none !important;
	color:				transparent;
	cursor:				not-allowed;
}

.buttonJahresscheibe,
.buttonJahresscheibe_selected {
	display:			inline;
	padding:			0.2em;
	min-width:			5.1em;
}

.buttonJahresscheibe {
}

.buttonJahresscheibe_selected {
	border:				0.2em inset;
	font-weight:		bold;
}


/*----------------------------------------------------*/
/* XIII-4.  CSS für die Tabellen                      */
/*----------------------------------------------------*/

div.jahresscheiben {
	float:				left;
	overflow:			hidden;
	padding-right:		0.5em;
	min-width:			7em;
}

ul.jahresscheiben {
	list-style-type:	none;
	margin:				0;
	max-height:			50em;
	overflow-x:			hidden;
	overflow-y:			auto;
	padding-right:		1.25em;
}

ul.jahresscheiben:active {
	border:				none;
}

div.rahmenUmTabelle {
	overflow:			auto;
}

div.tabelleRahmen {
	margin-left:		1em;
	overflow:			hidden;
}

*:first-child+html div.div.tabelleInnenRahmen {
	height:				auto;
	margin-left:		5em;
	min-height:			10.5em !important;
	overflow:			hidden;
}

div.tabelleInnenRahmen {
	font-size:			110%;
	overflow:			auto;
}

*:first-child+html div.div.tabelleInnenRahmen {
	font-size:			110%;
	height:				auto;
	overflow-x:			auto;
	overflow-y:			hidden;
	table-layout:		auto;
	overflow:			auto;
}

.paginatorIcon {
	border:				none;
	margin-bottom:		-0.5em;
}

span.paginatorSeitenanzahl {
	float:				left;
	margin:				0.25em 0 0 0;
}

span.paginatorSeitenanzahl > h6 {
	font-size:			90%;
	margin:				0;
}


/*----------------------------------------------------*/
/* XIII-5.  CSS für allgemeine Elemente               */
/*----------------------------------------------------*/

span.textFuerAkronym {
	font-size:			0.9em;
	margin-left:		0.5em;
}

.noLineBreakSpacer {
	display:			table-row;
	padding-right:		2em;
}

.fieldnr {
    color:				#3E3E3E;
	font-size:			0.7em;
	padding-top:		0.25em;
	position:			absolute;
}

*:first-child+html .fieldnr {
	padding-top:		0.5em;
}

.fieldnrtabelle {
	font-size:			0.7em;
	margin-right:		0.25em;
}

label.label {
	float:				left;
	margin-top:			0.2em;
}

.fieldlbl {
	padding-left:		2.5em;
}

.fieldlbltabelle {
}

div.tabellenfeld {
	white-space:		nowrap;
}

div.tabellenfeld > div {
	margin:				0 auto;
}

.fieldinp {
	font-size:			90%;
}

.fieldStatisch {
	background-color:	#EBEBE4;
	border:				0.125em solid #9DCAE5;
	margin-left:		0.1em;
	padding:			0.2em 0.5em;
}

.fieldStatischOhneRahmen {
	margin:				0.1em 0.25em 0 0.5em;
}

td > div > .fieldStatisch,
td > div > .fieldStatischOhneRahmen {
	font-size:			90%;
}

.feldtitel {
	font-size:			100%;
	margin:				0;
	padding-bottom:		0;
	padding-left:		2.5em;
	padding-right:		0;
	padding-top:		1em;
}

div.feldlangbeschreibung {
	padding-left:		2.5em;
	padding-top:		0.5em;
}

div.feldkurzhilfe {
	padding-bottom:		0.5em;
	padding-left:		2.5em;
}

.aIconFehler {
	display:			block;
}

.iconFehler {
	float:				right;
	margin-top:			-0.25em;
}

*:first-child+html .iconFehler {
	float:				none;
	margin-bottom:		-0.8em;
}

.hilfeOhneIcon {
	display:			table;
}

*:first-child+html .hilfeOhneIcon {
	display:			inline-block;
}

.mandatory {
	background-color:	#FFFFCC;
}

.mandatoryInput {
	background-color:	#FFFFCC;
}

.error {
	background-color:	#FFAAAA;
}

.errorInput {
	background-color:	#FFAAAA;
}


/* ================================================== */
/*  XIV.    CSS für: Endfassung einreichen            */
/* ================================================== */

li.einreichenPunkte {
	padding-top:		1em;
}

div.urlNachEinreichen {
	border:				0.2em solid #004F80;
	display:			table;
	font-size:			125%;
	font-weight:		bold;
	margin-top:			0.1em;
	padding:			0.2em;
}


/* ================================================== */
/*   XV.    CSS für: Finanztabelle                    */
/* ================================================== */

ul.finanzEbenen {
	list-style-type:	none;
	padding:			0;
}

li.finanzEbeneEinzeln {
	display:			inline-block;
	*display:			inline;
}

.finanzHdr,
.finanzHdr1,
.finanzHdr2,
.finanzColGrpHdrCol {
}

.finanzHdrFeldgruppe {
	text-align:			left;
}

.finanzHdrBezeichnung {
	text-align:			right;
}

.finanzFtr {
	color:				#000000;
	background-color:	#E0EDF7;
	border-left:		0.1em solid #004F80;
	border-right:		0.1em solid #004F80;
	border-top:			0.1em solid #004F80;
}

.finanzCol,
.finanzCol1,
.finanzCol2 {
	border-left:		0.1em solid #004F80;
	border-right:		0.1em solid #004F80;
	border-bottom:		0.1em solid #004F80;
}

.finanzColHdr,
.finanzColHdr1,
.finanzColHdr2 {
	font-weight:		bold;
}

.finanzCol1 {
	background-color:	#FFFFFF;
}

.finanzCol2 {
	background-color:	#E0EDF7;
}

.tableRow2 td,
.tableRow2 th {
	background-color:	#E0EDF7;
}