/* *******************************************************************
 *  Allgemeines Stylesheet fuer IG NRW
 * Hier werden die Styleangaben fuer die einzelnen Seiten angegeben.
 * Der Uebersichtlichkeit halber ist das Stylesheet in einzelne
 * Sektionen unterteilt, die durch Ueberschriften gekennzeichnet
 * sind. Innerhalb der Sektionen sind die Eintraege alphabetisch
 * sortiert, um die Auffindbarkeit zu erhoehen.
 * *******************************************************************/

	.content {
		position: absolute;
		left: 160px;
		top: 70px;
		bottom: 0px;
		right: 0px;
	}


/* ### Allgemeine Klassen - fuer alle Elemente moeglich ### */
.pl100
{
	padding-left: 100px;
}
.anmeldung_blau
{
	background-color: #e3eefb !important;
	border-radius: 18px;
}

.anmeldung_blau_inter
{
	background-color: #FFE8C4 !important;
	border-radius: 18px;
}

.badgeCss
{
    position: absolute;
    background: #ffaa00;
    height:1.7rem;
    width:1.7rem;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 30px 30px 30px 30px;
    color: black;
    border:1px solid #ffaa00;
    margin-left: 1px;
    margin-top: 1px;
}

.badge-orange {
	 background-color: #ffaa00;
	 color: black;
}

.bg_blau
{
	background-color: blue;
}

.bg_gelb
{
	background-color: yellow;
}

.bg_gruen
{
	background-color: green;

}

.bg_orange
{
	background-color: #FF8C00;
}

.bg_rot
{
	background-color: red;
}

.bg_rotgruen
{
	background-color:#99CC33;
}

.bg_weiss
{
	background-color: white;
}

.bg_grau
{
	background-color: lightgrey;
}

.bg_schwarz
{
	background-color: black;
}

.blau
{
	color: blue;
}

.blassGelb
{
	background-color: #ffffaa;
	width: 95%;
}

.btnInfoGruen
{
	color: #fff;
	background-color: #088A68 !important;
	display: inline-block;
}

.symbolInfoGruen
{
	color: #088A68 !important;
}

/* Klassen fuer den Status der NRW-Einheiten */
.statusNrwEinheit_0
{
	display: block;
}

.statusNrwEinheit_1
{
	background-color: #d9d9d9 !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
}

.statusNrwEinheit_2
{
	background-color: #00b050 !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
	color: white;
}

.statusNrwEinheit_3
{
	background-color: #00b0f0 !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
	color: white;
}

.statusNrwEinheit_4
{
	background-color: #ffff00 !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
}

.statusNrwEinheit_5
{
	background-color: #00ffff !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
}

.statusNrwEinheit_6
{
	background-color: #ff0000 !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
	color: white;
}

.statusNrwEinheit_7
{
	background-color: #ffc000 !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
}

.statusNrwEinheit_8
{
	background-color: #ff00ff !important;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -.25rem;
	margin-bottom: -.25rem;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	display: block;
	color: white;
}

li.active
{
	margin-top: 5px !important; 
}

/* Wegen der Probleme mit den Reitern, gibts das auch fuer nichtaktive Reiter */
li.notActive
{
	margin-top: 5px !important;
}

li.inaktiv
{
	margin-top: 5px;
}

div.rahmen_weiss
{
	width: 90%;
	background-color: white;
	margin-left: 4%;
	margin-top: 2%;
	border: 1px solid black;
	border-radius: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 15 !important;
}

.list_overflow
{
	overflow-x: hidden;
	overflow-y: auto;
	height: 85%;
}

.margin_tab_inhalt
{
	background-color: white;
	margin:2.5%;
	border-top: transparent;
}

.list-group-item-hover:hover
{
	background-color: #f5f5f5;
}

#btnShowModal
{
	height: 29px;
}

.cursorHand
{
	cursor:pointer;
}

.disabled
{
	background-color: #cccccc;
}

.durchstreichen
{
	text-decoration: line-through;
}

.faq
{
	width:90%;
	margin-left:5%;
	text-align: left;
}

.fehler
{
	border: 2px solid red !important;
	border-radius: 5px;
}

.fett
{
	font-weight: bold;
}

.filterHintergrund
{
	background-color: #E6F8E0;
}

.float
{
	float:left;
}

.gelb
{
	color: yellow;
}

.grauerHintergrund
{
	background-color: #ffffff;
	border:1px solid black;
	margin:1em;
	padding:1em;
}

.gruen
{
	color: green;
}

.kh_hilfe
{
	border: 1px;
	border-style: solid;
	border-color: black;
	width: 99.8%;
}

.labelXXL
{ 
	width: 450px;
	display: block;
	float: left;
}

.mittig
{
	text-align: center;
}

.ml5
{
	margin-left: 5%;
}

.ml20
{
	margin-left: 20%;
}

.ml40
{
	margin-left: 40%;
}

.ml45
{
	margin-left: 45%;
}

.ohneRand
{
	border-style: none;
}

.orange
{
	color: #FF8C00;
}

.rechtsbuendig
{
	text-align: right;
}

.rot
{
	color: red;
}

.seminar
{
	text-align: left;
	margin-bottom: 10px;
	margin-left: 5%;
}
.seminartitel
{
	font-weight: bold;
	text-align: left;
	margin-left: 5%;
}
.seminartrenner
{
	width: 90%;
	margin-bottom: 20px;
	color: #cecece;
}
.verticalText
{
	width: 50px;
	writing-mode:tb-rl;
}

.verticalTextFF
{
	stransform: rotate(-90deg);
	-webkit-transform: rotate(-270deg); 
	-moz-transform: rotate(-270deg); 
	display:block;
	vertical-align:middle;
}

.horizontalText
{
	width:50px;
	max-width:50px;
	overflow:hidden;
	display:block
}

.horizontalTextFF
{
	
}

.schwarz
{
	color: black;
}

.weiss
{
	color: white;
}


.pl5
{
	padding-left:5% !important;
}

.errorStruts2 {
	border:2px solid red !important;
}

.errorStruts2_js2 {
	border:2px solid #a94442 !important;
	background-color: #f2dede !important; 
}

/* ### Links ### */
a.besuchter_Link 
{
	color: black;
}

a.abmelden
{
	color:blue;
	text-decoration:underline;
}

a.handbuch
{
	color:blue;
	text-decoration:underline;
	font-size: 1.2em;
}

a.info
{
	cursor: pointer;
	font-weight: bold;
}

a.link
{
	color: black;
	text-decoration: underline;
}

a.status_schwarz
{
	color: black;
	text-decoration:underline;
}

a.status_weiss
{
	color: white;
	text-decoration:underline;
}

a.unterstrichen
{
	text-decoration:underline;
}


.titleJQuery
{
	background-color:white;
}

/* ### HTML-Dokument ### */
body.ergListe
{
	font-family: Arial;
	font-size: 13px;
	background-color: #E7E7E7;
}

/* ### Tabellenueberschrift ### */
.tabelle
{
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}



/* ### Seitenbereiche ### */
div#ajaxFilter
{
	padding-left: 5px;
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-bottom-color: white;
	background-color: white;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 5px;
	margin-top: 1px;
	
}

div#alles
{
	width: 100%;
	height: 100%;
}

div.anforder_daten
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: scroll;
}

div.anforder_info
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 200px;
}
div.anforder_blatt
{
	width: 95%;
	background-color: white;
	margin-left: 2%;
	border: 1px solid black;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 40px;
	padding-bottom: 20px;
	z-index: 15 !important;	
}


div.anmeldung
{
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	border-radius: 18px;
	margin-top: 50px;
	display:block;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 20px;
}

div.anmeldunghinweis
{
	height: 20%;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	border-radius: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 25px;
	display:block;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 15px;
}


div.hinweis_neu
{
	width: 90%;
	height: 93%;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display:block;
	text-align: center;
	overflow: auto;
	background-color: #e3eefb;
	padding-top: 15px;
}

div.standardvorlogin
{
	width: 90%;
	height: 93%;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display:block;
	overflow: auto;
	background-color: #e3eefb;
	padding-top: 15px;
}

div.anmeldung_info
{
	width: 360px;
	border-width: 4px;
	border-style: ridge;
	border-color: grey;
	margin-left: 415px;
	margin-top: 10px;
	padding-left: 5px;
	background-color: #e7e7e7;
}

div.beschallung
{
	width: 64%;
	float: left;
	padding-bottom: 5px;
}
div.betreuer
{
	border-width: 2px;
	border-style: ridge;
	border-color: grey;
	padding-left: 5px;
	padding-bottom: 5px;
}

div.betreuer_info
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
	height: 60px;
}

div.bezeichner
{
	font-family: Arial;
	font-size: 13px;
}

div.buttonleiste
{
	height: 40px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #ffffff;
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

div.buttonleiste_dialog
{
	height: 40px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #ffffff;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin-left: -1em;
	border-top: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
	padding-top: 2px;
}

div.buttonleiste_iframe
{
	height: 40px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #ffffff;
	width: 100%;
	border-top: 3px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

div.buttonleistestruts2
{
	padding-top: 2px;
	padding-right: 15px;
}

div.buttonleistevorlogin
{
	height: 40px;
	text-align: right;
	background-color: #ffffff;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	position: absolute;
	bottom: 0px;
	width: 98%;
}


div.button_popup
{
	height: 40px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #ffffff;
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-top-width: 2px;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
}

div.button_hoch
{
	margin-top: 15px;
	float: left;
	width:350px;
	height:200px;
	text-align: center;
}

div.button_quer
{
	margin-top: 40px;
	float: left;
	width: 350px;
	height: 200px;
	text-align: center;
}

div.button_xls
{
	margin-top: 15px;
	margin-left: 150px;
	float: left;
	width: 300px;
	height: 200px;
	text-align: center;
}

div.content
{
	background-color:#E7E7E7;
	font-family: Arial;
	font-size: 13px;
	border-left: 3px;
    border-left-style: solid;
    border-left-color: #c0c0c0;
    border-top: 3px;
    border-top-style: solid;
    border-top-color: #c0c0c0;
}

div.contentiframe
{
	background-color:#E7E7E7;
	font-family: Arial;
	font-size: 13px;
}

div.detail
{
	padding-left: 10px;
}

div.detail_seite
{
	width: 90%;
	background-color: white;
	margin-left: 4%;
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
	padding-bottom: 15px;
	border-radius: 18px;
}

div#dialogOpta
{
	overflow: auto;
}

div.dienststelle
{
	width: 64%;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #606060;
	padding-bottom: 5px;
}

div.fehler
{
	border-style: none;
	border-width: 0px;
	color: red;
	font-size:12px;
	font-weight:bold;
	font-family: Arial;
	background-color:#e7e7e7;
}

div.fehlerlogin
{
	border-style: solid;
	border-width: 1px;
	color: red;
	font-size:12px;
	font-weight:bold;
	font-family: Arial;
	background-color: white;
	margin-bottom: 2px;
}


div.filter
{
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-bottom-color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 10px;
}

div.filterColor
{
	background-color: #E0F8E0;
}

div.filterS2
{
	background-color: #E0F8E0;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid grey;
	border-radius: 10px 10px 10px 10px;
}

div.fsCheckbox
{
	padding-top: 20px;
	padding-left: 30px;
}

div.fsZeile
{
	padding-top: 10px;
}

div#gesperrt
{
	position:absolute;
	top:0px; 
	left:0px; 
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	background-color:white;
	filter:alpha(opacity=90);
	opacity: 0.9;
 	-moz-opacity:0.9;
}

div.gis
{
	position: absolute;
	left: 0px;
	top: 45px;
	bottom: 0px;
	right: 0px;
	font-family: Arial;
	font-size: 13px;
	background-color:white;
}

div.handbuch
{
	padding-left: 5px;
	padding-bottom: 15px;
}

div.hinweis
{
	color:green;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
}

div.innen
{
	width: 500px;
	height: 100%;
	padding-left: 5px;
}

div.kfzRahmen
{
	width: 200px;
	height: 34px;
	background-image: url(../pics/kfz.gif);
	margin-left: 250px;
}

div.kfzRahmenListe
{
	width: 200px;
	height: 34px;
	background-image: url(../pics/kfz.gif);
}

div.kfzSchrift
{
	font-family: Courier;
	font-size: 22px;
	font-weight: bolder;
	padding-left: 25px;
	padding-top: 8px;
}

div.legende
{
	width: 200px;
	padding: 5px;
	margin-left: 2%;
	margin-bottom: 5px;
	float: left;
	background-color: white;
	border: 1px solid black;
}
div.login
{
	font-family: Arial;
	font-size: 13px;
	border: 5px;
	border-style: ridge;
	border-color: #CDCDCD;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 40px;
	background-color: #eeeeee;
	opacity: 0.8; 
	filter:alpha(opacity=80); 
	margin-top: 50px;
}

div.dlogin_neu
{
	font-family: Arial;
	font-size: 14px;
	border: 1px;
	border-style: solid;
	border-color: #CDCDCD;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 40px;
	background-color: white;
	opacity: 0.8; 
	filter:alpha(opacity=80); 
	margin-top: 60px;
	
}


div.logo
{
	border-width: 2px;
	border-style: ridge;
	border-color: grey;
	padding-left: 5px;
	padding-bottom: 20px;
	margin-left: 5px;
	margin-top: 5px;
	width: 50%;
}

div#modal
{
	position:absolute;
	top:0px; 
	left:0px; 
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	background-color:white;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	display: none;
	z-index: 100;
}

div.news_anlagenliste
{
	background-color: #ffffff;
	border:1px solid black;
	width: 780px;
	padding-left: 5px;
	padding-top: 3px;
	margin-top: 10px;
	clear: both;
}

div.news_text
{
	background-color: #ffffff;
	border:1px solid black;
	margin-top: 3px;
	padding-bottom: 3px;
	clear: both;
}

div.news_ueberschrift
{
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	padding-bottom: 10px;
}

div.opta
{
	font-family: monospace;
}

div.opta_adressen
{
	float: right;
	width: 59%;
	border-left-style: solid;
	border-left-color: black;
	border-left-width: 1px;
}

div.opta_warenkorb
{
	float: left;
	width: 39%;
	padding: 5px;
}

div.orgwechseln
{
	border-width: 2px;
	border-style: ridge;
	border-color: grey;
	padding-left: 5px;
	padding-bottom: 20px;
	margin-left: 5px;
	margin-top: 5px;
	width: 70%;
}

div.pw_reset
{
	padding-left: 20% !important;
	padding-top: 5% !important;
	text-align: left;
}

div.rahmen
{
	font-family: Arial;
	font-size: 13px;
	border: 5px;
	border-style: none;
	border-color: #CDCDCD;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 40px;
	overflow-y: scroll;
}

div.rahmenohnescroll
{
	font-family: Arial;
	font-size: 13px;
	border: 5px;
	border-style: none;
	border-color: #CDCDCD;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 40px;
	overflow-y: none;
}

div.rahmen_js
{
	margin: 0.5%;
	margin-top:10px;
	overflow-y: none;
	border:1px solid grey;
	border-radius: 18px;
	background-color: white;
	padding: 10px;
}

div.rahmen_suche
{
	font-family: Arial;
	font-size: 13px;
	border: 5px;
	border-style: none;
	border-color: #CDCDCD;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 40px;
}

div.rahmen_suchergebnis
{
	border: 1px;
	border-style: none;
	background-color: white;
	width:95%;
	margin-left: 2%;
}


div.rahmen_content
{
	margin:2.5%;
	margin-top:10px;
	overflow-y: auto;
	border:1px solid grey;
	border-radius: 18px;
	padding-bottom: 10px;
}

div.rahmen_contentDialogBox
{
	height:90%;
	margin:2.5%;
	margin-top:10px;
	border:1px solid grey;
	overflow: hidden !important;
	border-radius: 18px;
}

div.rechts
{
	margin-left: 150px;
}

div.report_anzeigen
{
	text-align:center;
	font-size:14px;
	padding: 1em;
}

div.ressourcen_hinweis
{
	width:700px;
	text-align:left;
	font-size: 14px;
	font-weight:bold;
	padding-left:0.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.rollenanzeigen
{
	height: 40%;
}

div.schreibhilfe
{
	width: 35%;
	float: right;
}

div.schreibhilfe_pfeil
{
	float: left;
	width: 35px;
	padding-top: 50px;
	padding-left: 5px;
}

.spalteLinks
{
	float: left;
	width: 49%;
}

.spalteRechts
{
	float: right;
	width: 49%;
}

div.suchdaten
{
	font-family: Arial;
	font-size: 13px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 100px;
	overflow-y: scroll;
}

div.suchhinweise
{
	margin: 1%;
	padding: 1%;
	border: 1px dotted black;
	background-color: #F2F2F2;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 60px);
	width:80%;
	margin-left: 8%;
}

div.suchkriterien
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100px;
}

div.ueberschrift
{
	padding-left: 230px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

div.version
{
	clear: both;
	padding-left: 5px;
}

div.zeile
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
}

div.zeile_fix
{
	height: 23px;
	clear: both;
}
div.zeile_error
{
	width: 95%;
	padding-left: 5px;
	clear: both;
}


div.zeile_login
{
	padding-left: 5%;
	padding-top: 10px;
	clear: both;
}


div.zeile_14
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	clear: both;
}

div.zeile_16
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	clear: both;
}

div.zeile_button
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;	
}

div.zeile_erstanmeldung
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
	color:green;
	font-size:12;
	font-weight:bold;
}

div.zeile_gruen
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
	color:green;
}

div.zeile_hilfe
{
	padding-top: 5px;
	padding-left: 20px;
}
div.zeile_koord
{
	width: 80%;
}

div.zeile_mittelgrau
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
	color:dimgray;
}

div.zeile_nrw
{
	padding-top: 5px;
	padding-left: 40px;
}

div.zeile_org
{
	width: 80%;
	padding-left: 5px;
	padding-top: 10px;
}

div.zeile_rollen
{
	width: 80%;
	padding-left: 5px;
	padding-top: 10px;	
}

div.zeile_rot
{
	width: 95%;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
	color:red;
}

div.zeile_suchkrit
{
	width: 95%;
	padding-left: 5px;
	padding-top: 5px;
	font-weight: bold;
}

div.zeile_titel
{
	width: 100%;
	font-weight: bold !important;
	font-size: 14px !important;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}



div.zentriert
{
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.radiusSirene
{
	width: 44%;
	float: left;
	padding-bottom: 5px;
}

div.radiusVorschlag
{
	width: 55%;
	float: right;
}

hr.suche
{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	height: 2px !important;
}

/* ### iFrame ### */
iframe.gisFrame
{
        width: 98%;
        height: 90%;
}



iframe.gisFrame_auswertung
{
	
   	width: 99.7%;
    height: 99.1%;
}


iframe.iframe_kh
{
	border: 0px;
	width:100%;
	height:99%;
}


iframe.suche
{
	width: 99.8%;
	height: 99.8%;
	border: 0px;
}

/* ### Bilder ### */
img.ohneRand
{
	border-style: none;
}

/* ### Eingabefelder ### */

input.input_bsb
{
	width: 100px;
	text-align: right;
}

input.input_bsbgrau
{
	width: 100px;
	text-align: right;
	background-color: lightgrey;
}

input.checkb
{
	position: absolute;
	right: 790px;
}

input.dynamisch
{
	width: 98%;
}

input.fsGewicht
{
	width: 4em;
	margin-right: 20%;
	text-align: right;
	background-color:lightgrey;
	color: black;
}
input.inputL
{
	width: 450px;
}



input.inputM
{
	width: 300px;
	
}

input.inputM_grau
{
	width: 300px;
	background-color: lightgrey;
}

input.inputS_grau
{
	width: 50px;
	background-color: lightgrey;
}

input.inputS
{
	width: 50px;
}

input.opta
{
	width: 20px;
}

/* ### Listenelemente ### */
li.fehlerLi
{
	list-style: none;
}

li.kh_fach
{
	list-style: none;
}

li.kh_fach_spez
{
	border-top: 1px;
	border-top-style: solid;
	border-top-color: black;
	list-style: none;
}

li.ohne_Aufzaehlungszeichen
{
	list-style-type: none;
}

/* ### Absaetze ### */
p.handbuch_info
{
	padding-left: 5px;
	padding-bottom: 15px;
	width: 500px;
}

/* ### Listenfelder ### */
select.input300
{
	width: 305px;
}
select.organisation
{
	width: 450px;
}

select.ressourcen
{
	width: 500px;
}

select.small
{
	width: 50px;
}

select.standard
{
	width: 340px;
}

select.khstandard
{
	width: 440px;
}


/* ### Formatierung im Text ### */
span.abstand5
{
	padding-left: 5px;
	padding-right: 5px;
}

span.abstandAussen5
{
	margin-left: 5px;
}
span.bezeichner
{
	float: left;
}

span.bezeichner_fett
{
	font-weight: bold;
}

span.breit200
{
	min-width: 200px;
	max-width: 200px;
	width: 200px;
	display:block;
	overflow:hidden;
	
}

span.breit300
{
	width: 300px;
}

span.copyright
{
	font-size: 10px;
	padding-top: 10px;
	display: block;
}

span.daten_auflistung
{
	position: absolute;
	left: 230px;
}

span.daten_auflistung_selectbox
{
	position: absolute;
	left: 320px;
}

span.detail
{
	width: 300px;
	display:block;
	margin-left: 150px;
}

span.detail_breit
{
	width: 500px;
	display:block;
	margin-left: 150px;
}

span.fehlerInput
{
	color: red;
}

.freigabe
{
	color: green;
	font-weight: bold;
}

span.hoch
{
	height: 25px;
}

span#karte
{
	position:absolute;
	top: 46px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: block;
}
span.kh_kapazitaet
{
	width: 100%;
	display: block;
	text-align: center;
}

span.kh_tabelle
{
	width: 60px;
	display: block;
	overflow: hidden;
}

span.kh_vorhanden
{
	width: 200px;
	height: 100%;
	display:block;
	float:left;
	border-right: 1px;
	border-right-style: solid;
	border-right-color: black;
	margin-right: 2px;
}

span.kh_vorhanden_th
{
	width: 200px;
	height: 100%;
	display:block;
	float:left;
	padding-top: 5px;
	margin-right: 2px;
}

span.kh_vorhanden_th2
{
	width: 120px;
	height: 200%;
	display:block;
	float:left;
	padding-top: 5px;
	margin-right: 2px;
}


span.koord
{
	position: absolute;
	right: 705px;
}

span.label
{
	width: 150px;
	display: block;
	float: left;
}

span.labelMS
{
	width: 200px;
	display: block;
	float: left;
}
span.labelM
{
	width: 250px;
	display: block;
	float: left;
}
span.labelL
{ 
	width: 300px;
	display: block;
	float: left;
}


span.schaden_erfassungfuer
{
	width:10%;
	display: block;
	float: left;
}


span.label_login
{
	width: 120px;
	display: block;
	float: left;
	margin-left: 10%;
	color: #424242;
}

span.label_pwd_vergessen
{
	display: block;
	color: black;
	font-size: 13px;
	text-decoration: underline;
}
span.labelCombo
{
	width: 344px;
	display: block;
	float: left;
}

span.labelKHFach
{
	width: 60px;
	display: block;
	float: left;
}


span.label100
{
	width: 80px;
	display: block;
	float: left;
}

span.legAbgemeldet
{
	background-color: #FF0000;
	width: 30px;
	height: 20px;
	display:block;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	float:left;
	margin-right: 5px;
}

span.legAbZukunft
{
	clear: both;
	background-color: #99CC33;
	width: 30px;
	height: 20px;
	display:block;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	float:left;
	margin-right: 5px;
}

span.legAngemeldet
{
	clear: both;
	background-color: #008000;
	width: 30px;
	height: 20px;
	display:block;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	float:left;
	margin-right: 5px;
}

span.legende
{
	width: 300px;
	display: block;
	float: left;
}
span.legUngewiss
{
	background-color: #FFFF00;
	width: 30px;
	height: 20px;
	display:block;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	float:left;
	margin-right: 5px;
}

span.legNichtVorhanden
{
	clear: both;
	background-color: lightgrey;
	width: 30px;
	height: 20px;
	display:block;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	float:left;
	margin-right: 5px;
}

span.legNichtAktiv
{
	background-image: repeating-linear-gradient(45deg,lightgrey,green,lightgrey 25%);
	width: 30px;
	height: 20px;
	display:block;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	float:left;
	margin-right: 5px;
}

span.legText
{
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	float: left;
}

span.legendeGrau
{
	margin-left: 30px;
	padding-left: 40px;
	border-style: solid;
	border-color: grey;
	border-width: 1px;
	color: lightgrey;
	background-color: lightgrey;
}

span.legendeWeiss
{
	margin-left: 30px;
	padding-left: 40px;
	border-style: solid;
	border-color: grey;
	border-width: 1px;
	color: white;
	background-color: white;
}
span.leit
{
	margin-left: 48px;
}
span.level1
{
	width: 10px;
	display: block;
	float: left;
}

span.level2
{
	width: 20px;
	display: block;
	float: left;
}

span.level3
{
	width: 30px;
	display: block;
	float: left;
}

span.level4
{
	width: 40px;
	display: block;
	float: left;
}

span.logout
{
	padding-right: 8px;
	padding-top: 8px;
	float: right;
}
span.newsletter
{
	width: 550px;
	display: block;
	float: left;
}

span.nichtfrei
{
	color: red;
	font-weight: bold;
}

span.opta
{
	font-family: monospace;
}

span.seitentitel
{
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 17px;
}

span.sl_abschluss
{
	display: block;
	float: left;
	width: 30px;
	border: 1px solid #8c8c7f;
	background-color: #c8c8b6;
	margin-right: 3px;
}
span.sl_ek
{
	display: block;
	float: left;
	width: 30px;
	border: 1px solid #0B610B;
	background-color: #f6cece;
	margin-right: 3px;
}

span.sl_sch
{
	display: block;
	float: left;
	width: 30px;
	border: 1px solid #0b610b;
	background-color: #cef6ce;
	margin-right: 3px;
}

span.stab
{
	padding-left: 105px;
}

span.status_radio
{
	width: 33px;
	display: block;
	padding-left: 10px;
	margin-left: 100px;
}
span.text
{
	float: right;
}

span.titel
{
	width: 100%;
	display: block;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5%	;
	font-size: 17px;
}

span.hinweistitel
{
	width: 90%;
	display: block;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5%	;
	font-size: 17px;
}


span.rot
{
	text-align: center;
	color: red;
}

span.grau
{
	color: grey;
}


span.zeile1
{
	padding-left: 105px;
	text-indent: -105px;
}

span.zweizeilig
{
	height: 32px;
	overflow: hidden;
	display: block;
	float: left;
}

/* ### Mehrzeilige Eingabefelder ### */
textarea.anforder_bemerkung
{
	height:100px;
	background-color:white;
	width: 75%;
	padding-right:10px;
}

textarea.kh_bemerkung
{
	width: 300px;
	font-family: arial;
	font-size: 13px;
}

textarea.opta_bem
{
	width: 200px;
}

textarea.schrift
{
	font-family: arial;
	font-size: 13px;
}

textarea.suchkriterien
{
	height:55px;
	background-color:lightgrey;
	position: absolute;
	bottom:	0px;
	width: 99%;
}

/* ### Tabelle ### */
table.benutzerliste
{
	margin-top: 10px;
	margin-left: 10px;
	width: 98%;
	border-collapse: collapse;
}

table.collapse
{
	margin-top: 15px;
	margin-left: 15px;
	width: 95%;
	border-collapse: collapse;
}

table.fachabteilung
{
	border-style: none;
}

table.fsDetails
{
	border-collapse:collapse;
	empty-cells:show;
	border: none;
	margin-top: 30px;
}
table.kue
{
	border-style: none;
}

table.liste
{
	border-collapse: collapse;
	font-size: 13px;
	border-style: ridge;
	border-color: lightgrey;
	margin-left: 1px;
	width: 99%;
}

table.opta
{
	border-collapse: collapse;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

table.rand5
{
	margin: 5px;
}

/* ### tbody ### */
tbody.opta
{
	font-family: monospace;
}

tbody.tb_weiss tr td
{
	padding-left: 2px;
	padding-right: 2px;
}
/* ### Tabellenfeld ### */
.liste td
{
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	
}

td.abstand5
{
	padding-left: 5px;
	padding-right: 5px;
}

/* deprecated */
td.abstand5ek
{
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F6CECE;
	border-color: #8A0808;
	text-align: right;
	height: 55px; 
}

/* deprecated */
td.abstand5sch
{
	padding-left: 5px;
	padding-right: 5px;
	background-color: #CEF6CE;
	border-color: #0B610B; 
	text-align: right;
	height: 55px;
}


td.benutzertabelle
{
	height: 15px;
	border-style: solid;
	border-width: 1px;
}	

td.benutzertabelle_header
{
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	height: 25px;
}

td.benutzertabelle_header_mittig
{
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	height: 25px;
	text-align: center;
}

td.bsb_jahr
{
	height: 40px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
}

td.eingerueckt_von_links
{
	padding-left: 15px;
}

td.fachabteilung
{
	/*text-align: left;*/
	padding:2px 5px 2px 5px;
	font-size:12px;
	overflow:hidden;
	min-width:150px;
	width:150px;
	max-width:150px;
	display:table-cell;
	
}

td.fachabteilung_breit
{
	
	text-align: left;
	padding:2px 5px 2px 5px;
	font-size:12px;
	overflow:hidden;
	min-width:300px;
	width:300px;
	max-width:300px;
	display:block;
}

.font14
{
	font-size:14px !important;
}

td.frei
{
	text-align: center;
}

td.freigabe
{
	width: 110px;
	text-align:center;
}

td.fsAntrag
{
	font-size: 14px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	text-align: right;
}

td.fsCheckbox
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 1%;
}

td.fsFahrzeug
{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 45%;
}

td.fsFahrzeugSchmal
{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 35%;
}

td.fsFoerderung
{
	font-size: 14px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 24%;
	text-align: center;
}

td.fsFuehrerscheine
{
	font-size: 14px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 12%;
}

td.fsKFZ
{
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	height: 45px;
	width: 20%;
}

td.fsKFZAntrag
{
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 20%;
}

td.fsKlasse
{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 8%;
	text-align: right;
}

td.fsKlasseSchmal
{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 5%;
	text-align: right;
}

td.fsLeergewicht
{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 8%;
	text-align: right;
}

td.fsLeergewichtSchmal
{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 5%;
	text-align: right;
}

td.fsOrganisation
{
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 25%;
}

td.fsVerifizierung
{
	font-size: 14px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 15%;
	text-align: center;
}

td.fsSpalte1
{
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: black;
	padding: 3px;
	text-overflow: ellipsis;
}

td.fsSpalteGrau
{
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: black;
	padding: 3px;
	background-color: lightgrey;
	text-overflow: ellipsis;
}

td.fsSpalteWeiss
{
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: black;
	padding: 3px;
	background-color: white;
	text-overflow: ellipsis;
}

td.hoehe_voll
{
	height: 100%;
}

td.kh_kapazitaet
{
	text-align: justify;
	font-size:12px;
}

td.kh_bettennachweis
{
	width: 50px;
	max-width:50px;
	overflow:hidden;
	text-align: left;
	padding:2px 5px 2px 5px;
	font-size:12px;
}

td.kh_bettennachweis2
{
	text-align: left;
	padding:2px 5px 2px 5px;
	font-size:12px;
	overflow:hidden;
	min-width:400px;
	width:400px;
	max-width:400px;
	display:table-cell;
	
}



td.kh_meldung
{
	text-align: center;
	padding: 3px;
	font-weight: bold;
	color: red;
	border-color: #E7E7E7;
}

td.kh_status
{
	width: 110px;
	text-align:center;
}

td.kh_status_pva
{
	width: 110px;
}

td.level0
{
	padding-left: 25px !important;
	padding-right: 5px;
}
td.level1
{
	padding-left: 5px !important;
	padding-right: 5px;
}
td.level2
{
	padding-left: 5px !important;
	padding-right: 5px;
}

td.mittig
{
	text-align: center;
}

td.nichtfrei
{
	text-align: center;
}

td.opta
{
	padding-left: 5px;
	font-family: monospace;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.opta_bos
{
	width: 69px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.opta_erg
{
	width: 23px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.opta_funktion
{
	width: 184px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.opta_land
{
	width: 46px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.opta_ort
{
	width: 115px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.opta_zelle
{
	min-width:25px;
	max-width:25px;
	width: 25px;
	padding: 2px;
	text-align: center;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

td.pfeil
{
	width: 45px;
	vertical-align: middle;
	text-align: center;
}

td.rechts
{
	text-align: right;
}	

td.standard
{
	height: 21px;
}
/* ### Tabellen-Kopfzeile ### */
.liste th
{
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	
}	

th.verlauf
{
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	background-image:url(../pics/cell-grey.jpg);
	background-repeat: repeat-x;
	background-position: center 45%;
	height: 25px;
}	

th.verlauf180
{
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	background-image:url(../pics/cell-grey-180.jpg);
	background-repeat: repeat-x;
	background-position: center 45%;
	height: 25px;
}	


th.verlaufek
{
	border-style: solid;
	border-width: 1px;
	background-image:url(../pics/cell-red.jpg);
	background-repeat: repeat-x;
	background-position: center 45%;
	height: 25px;
	border-color:#8A0808; 
}

th.verlaufsch
{
	border-style: solid;
	border-width: 1px;
	background-image:url(../pics/cell-green.jpg);
	background-repeat: repeat-x;
	background-position: center 45%;
	height: 25px;
	border-color: #0B610B;
}		

th.kh
{
	border-style: solid;
	border-width: 1px;
	background-image: none;
	height: 25px;
}	

th.benutzertabelle_header
{
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	height: 25px;
}

th.benutzertabelle_header_kennung
{
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	width: 90px;
	height: 25px;
}

th.bsb_titel
{
	height: 30px;
}

th.schnell
{
	width: 200px;
}

th.summe
{
	width: 150px;
}

th.manv
{
	width: 85px;
}

th.manvProzent
{
	width: 10%;
}

th.grau
{
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	background-color:lightgrey;
	height: 25px;
}

th.tabKopf
{
	height: 37px;
}

/* ### Tabellenzeile ### */
.liste tr
{
	border-style: solid;
	border-width: 1px;
}

tr.benutzertabelle_row
{
	height: 18px;
}

tr.bsbdeckblatt
{
	height: 35px;
}

tr.fsZeile
{
	height: 2em;
}

tr.opta_zeile
{
	background-color: #F0F0F0;
}

/* ### Unsortierte Listen ### */
ul.daten_auflistung
{
	padding-left: 230px;
}

ul.kh_fachabt
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

ul.errorListe
{
	list-style-type:none;
	color: red;
	border-style: solid;
	border-width: 1px;
	font-weight:bold;
}

/* ### Animationen ### */
@keyframes blinkHinweisKHKennungGesperrt {
	50% {color: black;}
}

.blinkHinweisKHKennungGesperrt {
	visibility: visible;
	color: red;
	animation: blinkHinweisKHKennungGesperrt 1.5s steps(1,end) infinite;
}


/*#################################################################*/


tbody.tb_weiss
{
	background-color: white;
}

tbody.KH
{
	
}


.hin 
{
	background-color:gainsboro;
}
.zurueck 
{
	background-color:transparent;
}



/*
.tooltip 
{
    display:none;
    width:200px;
	background-repeat:no-repeat;
	background-position:left center;	
}
*/

.tooltipdiv
{
	background:white; /*url(../pics/white_arrow.png)*/;
	font-size:12px;
	color:#000000;
	border:1px solid black;
	padding:20px;
	width:200px;
	margin-left:auto; 
}


.tooltipinfo
{
	background-image:url(../pics/info.png);
	background-repeat:no-repeat;
  	background-position:left;
  	width:200px;
  	background-color:red;
}


.tooltipjs
{
	background:white; 
	font-family: Arial;
	font-size:13px;
	color:#000000;
	border:1px solid black;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:10px;
	width:300px;
	box-shadow: 2px 2px 3px 3px #808080;
}

.tooltipjsreg
{
	background:white;
	font-family: Arial;
	font-size:13px;
	color:#000000;
	border:1px solid black;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:10px;
	width:270px;
	margin-top:-60px;
	margin-left: -5px;
	box-shadow: 2px 2px 3px 3px #808080;
}


.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=45);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}

.web_dialog_border
{
	border-radius: 18px;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 515px;
   /*height: 200px;*/
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid grey;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
   
}

.web_dialog_schaden
{
   display: none;
   position: fixed;
   width: 480px;
   height: 380px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #e3eefb;
   border: 2px solid grey;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}

.web_dialog_einsatzdaten
{
   display: none;
   position: fixed;
   width: 90%;
   height: 90%;
   top: 20%;
   left: 20%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #e3eefb;
   border: 2px solid grey;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;

}

.web_dialogKarte
{
   display: none;
   position: fixed;
   width: 1003px;
   height: 740px;
   top: 20%;
   left: 20%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid grey;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}

.web_dialog_flex
{
   display: none;
   position: fixed;
   top: 20%;
   left: 20%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid grey;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}


.web_dialog_title
{
   border-bottom: solid 2px #336699;
   background-color: grey;
   padding: 4px;
   height: 35px;
   color: White;
   font-weight:bold;
}

.web_dialog_title_schaden
{
   border-bottom: solid 2px #336699;
   background-color: silver;
   padding-top: 4px;
   height: 35px;
   color: White;
   font-weight:bold;
}


.web_dialog_title a
{
   color: White;
   text-decoration: none;
}

a.bsblink {
	color:black;
	background-color:#e7e7e7;
	text-decoration:underline;
}

a.schaden {
	color:black;
	text-decoration:underline;
}

.auflistung_vorlogin
{
	width: 170px;
	display: block;
	float:left;
}

div.schaden_kopf
{
	width: 85%;
	height:410px;
	background-color: silver;
	margin-top: 40px;
	margin-left: 7%;
	border: 1px solid black;
}

div.schaden_kopf_zuordnen
{
	width: 85%;
	height:200px;
	background-color: silver;
	margin-top: 40px;
	margin-left: 7%;
	border: 1px solid black;
}

div.schaden_erfassung
{
	width: 85%;
	background-color: white;
	margin-top: 25px;
	margin-left: 7%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px solid black;
}

/* deprecated */
div.schaden_erfassung_krise
{
	width: 87%;
	height:100px;
	background-color: #E0E0F8;
	margin-top: 2%;
	padding-top: 10px;
	margin-left: 50px;
	border: 1px solid #0B173B;
}

/* deprecated */
div.schaden_erfassung_hilfe
{
	width: 87%;
	background-color: #A9F5BC;
	margin-top: 2%;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: 50px;
	border: 1px solid #0B3B0B;
}

/* deprecated */
div.schaden_erfassung_warnung
{
	width: 87%;
	height:125px;
	background-color: #F2F5A9;
	margin-top: 2%;
	padding-top: 10px;
	margin-left: 50px;
	border: 1px solid #FFD700;
}

/* deprecated */
div.schaden_erfassung_stand
{
	width: 87%;
	height:25px;
	background-color: silver;
	margin-top: 2%;
	padding-bottom: 10px;
	margin-left: 50px;
	border: 1px solid black;
	text-align: center;
}

/* deprecated */
div.schaden_erfassung_einsaetze
{
	width: 87%;
	height:125px;
	background-color: #CEE3F6;
	margin-top: 2%;
	padding-top: 10px;
	margin-left: 50px;
	border: 1px solid #0B2161;
}

/* deprecated */
div.schaden_erfassung_kraefte
{
	width: 87%;
	height:125px;
	background-color: #F6CECE;
	margin-top: 2%;
	padding-top: 10px;
	margin-left: 50px;
	border: 1px solid #8A0808;
}

/* deprecated */
div.schaden_erfassung_schaeden
{
	width: 87%;
	height:380px;
	background-color: #CEF6CE;
	margin-top: 2%;
	padding-top: 10px;
	margin-left: 50px;
	border: 1px solid #0B610B;
}

/* deprecated */
div.schaden_zeile
{
	width: 95%;
	padding-left: 50px;
	padding-top: 10px;
	clear: both;
}


div.schaden_erfassungfuer
{
	width: 35%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 240px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	background-color: white;
	border: 1px dashed black;
}

span.schaden_zwischentitel
{
	width: 100%;
	display: block;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5%	;
	font-size: 14px;
}


div.schaden_einsatzkraefte_fw
{
	float: left;
	margin-left: 8%;
	width: 70px;
	height:50px;
}

div.schaden_einsatzkraefte_verletzte
{
	float: left;
	margin-left: 8%;
	width: 70px;
	height:10px;
}


div.schaden_einsatzkraefte_alle
{
	float: left;
	margin-left: 1%;
	width: 70px;
	height:50px;
}

div.schaden_schaeden_verletzte
{
	margin-left: 2%;
	width: 100px;
	height:50px;
}

div.details
{
	/*background-color: #e3eefb;*/
	margin-left: 5%;
	width: 90%;
	border: 1px solid silver;
	height: 300px;
}

div.details_kh
{
       width: 90%;
       background-color: white;
       margin-left: 4%;
       border: 1px solid black;
       padding-left: 10px;
       padding-right: 10px;
       margin-top: 2%;
       padding-bottom: 15px;
      
}
td.rahmen_links_oben
{
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #0B610B;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #0B610B;
	border-top-width: 1px;
	border-right: none;
	border-bottom: none;
}

td.rahmen_links_unten
{
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #0B610B;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0B610B;
	border-bottom-width: 1px;
	border-right: none;
	border-top: none;
}
td.rahmen_links
{
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #0B610B;
	border-left-width: 1px;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

td.rahmen_unten
{
	border-collapse: collapse;
	border-bottom-style: solid;
	border-bottom-color: #0B610B;
	border-bottom-width: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}


td.rahmen_rechts
{
	border-collapse: collapse;
	border-right-style: solid;
	border-right-color: #0B610B;
	border-right-width: 1px;
	border-left: none;
	border-top: none;
	border-bottom: none;
}
td.rahmen_rechts_oben
{
	border-collapse: collapse;
	border-right-style: solid;
	border-right-color: #0B610B;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #0B610B;
	border-top-width: 1px;
	border-left: none;
	border-bottom: none;
}

td.rahmen_rechts_unten
{
	border-collapse: collapse;
	border-right-style: solid;
	border-right-color: #0B610B;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0B610B;
	border-bottom-width: 1px;
	border-left: none;
	border-top: none;
}
td.rahmen_oben
{
	border-collapse: collapse;
	border-top-style: solid;
	border-top-color: #0B610B;
	border-top-width: 1px;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

div.gem
{
	background-color: #FFFFFF; 
	height: 30px; 
	width: 370px;
	border: 1px solid gray;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 10px;
}

div.ek
{
	background-color: #F6CECE; 
	height: 30px; 
	width: 370px;
	border: 1px solid #8A0808;
	margin-left: 50px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.schaeden
{
	background-color: #CEF6CE; 
	height: 155px; 
	width: 370px;
	border: 1px solid #0B610B;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#btnKarte
{
	display:none;
}

#sperrbildschirm_hinweis
{
	background-color: #f2f2f2;
	background-image:repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 60px);
	border: 1px dotted black;
	font-family:Verdana;
	display: block;
	position:absolute;
    width:600px;
    height:400px;
    z-index:15;
    top:50%;
    left:50%;
    margin:-200px 0 0 -300px;
}

.kh_font15 {
	font-size: 15pt !important;
}

.form-control-ohneRahmen{
	border:0 !important;
	-webkit-box-shadow:0 !important;
	box-shadow:none !important;
}

.select2-results__options, .select2-selection__rendered
{
	font-size:14px !important;
}


.tooltip-inner {
	max-width: 2000px !important;
	}