html
{
	height: 100%;
}
body
{
	font-size: 100.01%;
	background: #8080FF;
	text-align: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	font-size: 0.8em;
	width: 100%;
	height: 100%;
}
div#Seite
{
	width: 100%;
//	height: 100%;
	background: #8080FF;
	height:auto !important;
	height: 100%; 	
	min-height:100%;
}
div#Inhalt
{
	width: 100%;
	height: 100%;
	padding-top: 40px;
}
div#Login_Maske
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 170px;
	margin-left: -150px;
	margin-top: -85px;
	background: #BDBDBD;
	border: 5px solid #424242;
	z-index: 10;
	display: none;
}
div#Login_Maske_Inhalt
{
	padding-left: 10px;
	padding-top: 10px;
	color: #000000;
	font-weight:bold;
	background: #BDBDBD;
}
div#Login_Maske_Titel
{
	padding-left: 5px;
	width: 100%;
	color: #FFFFFF;
	font-weight:bold;
	background: #424242;
}
div#Login_Maske_Inhalt input, select
{
	background: #4169E1;
	color: #FFFFFF;
}
div#Login_Maske_Inhalt input:focus, select:focus
{
	background: #8080FF;
	color: #FFFFFF;
}
div#Login_Maske_Inhalt label
{
	width: 100px;
	float: left;
}
div#Unten_Rechts
{
	position: fixed;
	color: #8080FF;
	bottom:0px;
	background: #FFFFFF;
	z-index: 20;
	right: 0px;
	padding: 0 auto;
	width: 70px;
	font-weight:bold;
	font-size: 2.0em;
}
div#Unten_Rechts a, a:link, a:visited, a:active
{
	text-decoration: none;
}
div#Kopf
{
	position: fixed;
	text-align: center;
	margin-left: -400px;
//	margin-right: auto;
	background: white;
	width: 800px;
	left: 50%;
	z-index: 10;
	top: 0px;
}
div#Kopf_Logout
{
	background: #9AC0CD;
	width: 80px;
	float: right;
}
div#Kopf_Titel
{
	// font-weight: bold;
	// color: #F0FFFF;
	// font-size: 1.7em;
	// padding-left: 20px;
}
div#Kopf_Titel_2Zeile
{
//	line-height: 200%;
//	padding-left: 200px;
//	padding-top: 20px;
}
div#Kopf_Links
{
	float: left;
}



#Inhalt {
   position: relative;
  width: 100%;
}

#Links
{
	position: absolute;
 	top: 0px;
  	left: 0px;
  	width: 180px;
  	height: 300px;
	background: #9AC0CD;
}
#Mitte
{
	margin: 0px 180px;
	background: #F0FFFF;
	height: 800px;
}
#Rechts
{
	position: absolute;
  	top: 0px;
  	right: 0px;
  	width: 180px;
	height: 300px;
	background: #9AC0CD;
}












div#Fuss
{
	background: #9AC0CD;
	float: clear;
	text-align: center;
	font-size: 0.7em;
}
div#Sichtschutz
{
	position:fixed; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	background:#FFF; 
	opacity:0.6; 
	-ms-filter:'alpha(opacity=60)'; 
	filter:alpha(opacity=60);
//	display:none
}





#fuss_rechts
{
	position: fixed;
	color: #8080FF;
	bottom:0px;
	background: #FFFFFF;
	z-index: 20;
	right: 0px;
	padding: 0 auto;
	width: 70px;
	font-weight:bold;
	font-size: 2.0em;
}








div#Lade_Maske
{
	position: absolute;
	left: 50%;
	top: 20%;
	width: 400px;
	height: 100px;
	margin-left: -200px;
	margin-top: -50px;
	background: #BDBDBD;
	border: 5px solid #424242;
	z-index: 20;
}
div#Lade_Maske_Inhalt
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color: #000000;
	font-weight:bold;
	background: #BDBDBD;
}
div#Lade_Maske_Titel
{
	padding-left: 5px;
	width: 100%;
	color: #FFFFFF;
	font-weight:bold;
	background: #424242;
}








ul#Navigation_Oben {
//  float: left;
    border: 0px;
    padding: 0px;
    text-align: center;
    font-size: 1.0em;
    margin: 0;
    padding: 0;
//    width: 13em;
//    background: ;
//  font-family: Comic Sans MS;
//  margin-top: 6em;
//  margin-left: 0px; 
  }
  ul#Navigation_Oben li {
    float: left;
    list-style: none;
    padding: 0 10px;
  }
  ul#Navigation_Oben a {
   font-weight: bold;
    margin: 0;
    display: blocK;
  }
  ul#Navigation_Oben a:link {
//    color:#FFFFFF; 
    color: #000000;
  }
  ul#Navigation_Oben a:visited {
//    color: #FFFFFF; 
    color: #000000;
  }
  ul#Navigation_Oben a:hover {
    color: #000000;
  }
  ul#Navigation_Oben a:active {
//    color: #FFFFFF;
    color: #000000;
  }

.Formular_Label
{
	width: 200px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.unsichtbar
{
	display: none;
}
.bereich {
    overflow:hidden;
    width:auto;
    display:inline-block;
    margin:10px 0;
}
div#LadebalkenUL {
	position: fixed;
	left: 0px;
	bottom: 0px;
	font-weight:bold;
	background: #FFFFFF;
	color: #FF0000;
}


div#TabLeiste {
	text-align: center;
	margin: 0 auto;
	width: 900px;
	padding: 0;
	border: 0px;
	position: fixed;
	background: #FFFFFF;		
	color: #000000;
	bottom: 0px;
	left: 50%;
	margin-left: -450px;
	display: none;
}
ul#TabLeisteListe {

}
ul#TabLeisteListe li
{
    float: left;
    list-style: none;
    padding: 0 10px;
    background: #9AC0CD;
    margin: 0 2px;
}
div#GPSStreckenBox
{
	width: 200px;
	height: 400px;
	position: absolute;
	left: 80%;
	top: 10%;
	margin-top: 220px;
	background: rgba(250,250,250,0.8);
	overflow-y: scroll;
	display: none;
}
div#GPSAutoBox
{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 80%;
	top: 10%;
	background: rgba(250,250,250,0.8);
	overflow-y: scroll;
	display: none;
}
.GPSAutoListe
{
	list-style: none;
	padding-left: 2px;
	font-size: 0.7em;
	margin-top: -1px;
}
.GPSAutoListe li
{
	padding-bottom: 3px;
	border-bottom: 2px solid grey;
}
.GPSStreckenListe li
{
	padding-bottom: 3px;
	border-bottom: 2px solid grey;
}
.GPSStreckenListe
{
	list-style: none;
	padding-left: 2px;
	font-size: 0.9em;
	margin-top: -1px;
}
.GPSStreckenListeLive
{
	list-style: none;
	padding-left: 2px;
	font-size: 0.9em;
}
.awesome-marker i {
        font-size: 18px;
        margin-top: 8px;
}
.GPSStreckenListe .ueberschrift
{
	font-weight: bold;
	text-align: center;
}
.gpstankinhalt
{
	width: 220px;
	text-align: center;
}
div#GPSAutoInfoBox
{
	width: 600px;
	height: 600px;
	position: absolute;
	left: 10%;
	top: 10%;
	background: rgba(250,250,250,0.8);
	display: none;
	padding: 2px;
}
.kennzeichen
{
	background: white;
	border: 2px solid black;
}
.AutoInfoBoxDaten
{
	font-size: 0.9em;
	float: left;
	text-align: center;
}
.AutoInfoBoxWDaten
{
	padding-top: 5px;
	clear: left;
	font-size: 0.9em;
}
.AutoInfoBoxWDaten .titel
{
	font-weight: bold;
}
.AutoInfo .titel
{
	font-weight: bold;
}
div#AutoInfoBoxFahrten
{
	width: 100%;
	height: 370px;
	overflow-y: scroll;
}
.GPSAutoInfoBoxFahrtenInfo li
{
	font-size: 0.8em;
        list-style: none;
	margin-left: -20px;
	margin-top: 10px;
}
.AutoInfoBoxFahrtenTag
{
	text-align: center;
	font-weight: bold;
}
.AutoInfoBoxFahrtenStand
{
	text-align: center;
	font-style: italic;
}
.aenderbar
{
	height: 1.5em;
}

.ZeiterfassungMitDetVorg
{
    	height: 200px;
    	overflow-y: auto;
}
.ZeiterfassungMitDetVorg li
{
	font-size: 0.8em;
        list-style: none;
	margin-left: -20px;
	margin-top: 10px;
}
.ZeiterfassungMitDetVorgTag
{
	text-align: center;
	font-weight: bold;
}
.ZeiterfassungMitDownload
{
	height: 200px;
	overflow-x: hidden;
//	overflow-y: scroll;
	font-size: 0.9em;
}
.ZeiterfassungMitDownload li
{
        list-style: none;
}
.ZeiterfassungMitDownload .jahr
{
	font-weight: bold;
}
#ZeitMitMonatsD
{
	height: 200px;
	position: absolute;
    	left: 500px;
}
.ZeitMonatUTag
{
	font-weight: bold;
}
.ZeitMonatUTagP
{
	font-style: italic;
}
td.Arbeit
{
	background: rgba(128, 128, 128, 0.07);
}
td.Arbeit.Zeitspanne
{
	color: rgb(31, 133, 230);
}
td.Arbeit.Typ
{
	font-weight: bold;
	color: rgb(31, 133, 230);
}
#tagebuch_links
{
	width: 150px;
	background: white;
	float: left;
}
#tagebuch_mitte
{
	width: 80%;
}
#tagebuch_rechts
{
	width: 150px;
	background: white;
	float: right;
}
#tagebuch_mitte_inhalt
{
	background: white;
	margin-left: 180px;
	padding-left: 5px;
}
.tagebuch li
{
	list-style: none;
}
.tagebuch ul
{
	padding-left: 10px;
}
.tagebuch th
{
	font-weight: bold;
}
td.AuftragTitel
{
	font-weight: bold;
}
td.AuftragKolonne
{
	font-size: 1.2em;
	font-weight: bold;
}
td.Eigenschaft
{
	font-weight: bold;
	vertical-align: top;
}
span.SchrittTitel
{
	font-weight: bold;
}
span.SchrittBeschreibung
{
	font-style: italic;
	font-size: 0.9em;
}
li.Schritte
{
	margin-bottom: 10px;
}
ul.Schritte
{
	background: aliceblue;
}
.tagebuch .ueberschrift
{
	font-weight: bold;
	vertical-align: top;
}
.tagebuch .ueberschrift2
{
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: top;
	color: #8080FF;
	padding-top: 10px;
}
.tagebuch .AuftragNeuAuftraege
{
	list-style: none;
	float: left;
	margin-right: 15px;
	background: lightyellow;
	padding: 10px;
	overflow: hidden;
}

#AuftragListe, #AuftragListeAlle 
{
    border: 1px solid #eee;
    width: 142px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
//    float: left;
    margin-right: 10px;
   width: 400px;
  }
#AuftragListe li, #AuftragListeAlle li 
{
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 380px;
}
#AuftragListeUnten
{
	clear: both;
}
#TagebuchAufgabeBL
{
	clear: both;
	float: left;
	width: 400px;
}
#AuftragListe li
{
	background: aliceblue;
}
#AuftragListeAlle li
{
	background: azure;
}
#TagebuchAufgabeBR
{
	float: left;
	width: 400px;
}
.tagebuch .ueberschrift3
{
	font-weight: bold;
	vertical-align: top;
}
.tagebuch #AuftragNeuLinks
{
	float: left;
}
.tagebuch #AuftragNeuRechts
{

}
.tagebuch #AuftragNeuAuftraegeTD
{
}
.tagebuch #AuftragNeuAuftraegeDIV
{
	width: 600px;
	height: 100px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space:nowrap;
}
.tagebuch h2
{
	margin-top: 0px;
}
.tagebuch #AuftragNeuOrtAuftraege
{
	font-size: 0.8em;
	font-style: italic;
	overflow: hidden;
	background: blanchedalmond;
}
.tagebuch #AuftragNeuOrtAuftraege li
{
	padding-top: 5px;
}
.tagebuch .AuftragNeuAuftraege
{
    width: 150px;
}
.tagebuch .Auftrag
{
	background: whitesmoke;
}
.tagebuch #TagebuchAufgabenListe li
{
	margin-bottom: 10px;
}