/* CSS Document */

/* Allgemeine Definitionen */

body {
    margin:0;
    padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight :normal;
	
}
/*#ctl00_cphContent_CodeListDetailTable div
{border:1px ridge #ff0000;
    border-style:ridge;
   
   
   }*/


.mtitle
{
	width: 110px !important;
	height: 12px;
    display: block;
    float: left;
    clear: left;     
    margin: 1px 0px 1px 0px;
}

table.onr
{
	width: 160px !important;
	float: left;
}

.RoutePinText
{
	color: #000000;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
}

.MapVehicleID
{
	color: #000000;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	display: block;
}

#hidelink, .toleft 
	{
    position: absolute;
    left: -1000em;
	 /*left: 0em;*/
    width: 100em;
    height: 1em;
    overflow: hidden;
	}

.hideall 
	{ 
	display: none;
	 
	}

dfn 
	{ 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0px; 
	height:0px; 
	overflow:hidden; 
	display:inline;
	} 


img
	{
	border:0px;
	}

div
	{
	border:0px  #ffffff ;
	}
	
.none {
    display: none;
	}
	
.invisible {
visibility:hidden;
display: block;
float: left;
    
   
   
	}
	
.bold{font-weight:bold;}






.clear
	{
	clear:both;
	}
		

.clearall 
	{
    height: 0;
    width: auto !important;
    overflow: hidden;
    float: none !important;
    clear: both;
	}
/* Ende Allgemeine Formatierungen */	

/* Textformatierungen*/

h1{
    font-size:0.9em;
    font-weight:bold;
    color:#0F4B92;
    margin:0 0 10px 0;}

h2{font-size:0.8em;
    font-weight:bold;
    color:#528ACC;
    margin:0 0 10px 0;}

h3{font-size:0.8em;
     font-weight:bold;
     color:#9AB4D2;
     margin:0 0 10px 0;}

.text{font-size:0.7em;}     
     
p	
	{
	margin:0em 0 0.7em 0;
	padding:0 0 0 0;
	font-size:0.7em;
	border:0px ;
	color:#000;
	}
	
	p.result	
	{
	margin:0.2em 0 0em 0 !important;
	border:0px solid;
	
	}
	
	p a, .listcontainer ul a
	{color:#2E5574;
	text-decoration:none;
	border-bottom:1px dotted;
	}
	
	p a:visited, .listcontainer ul a:visited
	{color:#2E5574;
	font-weight:normal;}
	
	p a:hover, .listcontainer ul a:hover
	{border-bottom-style:solid;}
	
	p a img, .listcontainer ul a img
	{border:0;}
	
	 a.nohover
	{border:0 !important;
	    text-decoration:none !important;}
	
	p a:hover img, .listcontainer ul a:hover img
	{border:0;}
	
	.leftfloat
	{margin-top:0px;margin-right:3px;float:left;}
	
	.rightfloat
	{margin-top:0px; margin-left:3px; float:right;}
	
	.leftfloattoo
	{margin-bottom:10px;margin-right:10px;float:left;}
	
	.bottom{vertical-align:bottom;}
	
		div.diagram fieldset input.frame
{

    border-style:dotted;
    border-collapse:separate;
    }
    
    		div.diagram fieldset input.normal
{
	border: 1px dotted transparent;
  
    }
	
	div.diagram fieldset input.frame:hover 
{
	border: 1px dotted #ff0000;
    border-style:dotted;
    border-collapse:separate;
    }
    
    	div.diagram fieldset input.active 
{
	border: 1px dotted #ff0000;
   
    }
    
        	div.diagram fieldset img.active 
{
	border: 1px dotted #ff0000;
   
    }
	
hr.small
{margin:0;
    padding:0;}	
	/*Hack für Zeilenumbruch Mozilla */
	
	
	/* Nur für Mozilla sichtbar und notwendig: */
body:-moz-last-node .moz-break::before {
    content:            "\200B"; /* Leerzeichen */
    letter-spacing:     -1ex;
}

/*.listcontainer table tbody input
{
    border:0 !important;}


	

	
Coffee with milk
Table design by Roger Johansson, 456 Berea Street
www.456bereastreet.com
================================================*/

.listcontainer table {
	font:normal 0.7em/150%  Verdana, Arial, Helvetica, sans-serif;
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	color:#000;
	background-color:#fff;
	width: 100%;
	}
.listcontainer table.mobilelist {
	font:normal 0.7em/150%  Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	color:#000;
	background-color:#fff;
	width: 290px;	
	}
.formcontainerMaps .listcontainer div{height:100%!important;}	

.listcontainer table a {
	color:#2E5574;
	text-decoration:none;
	border-bottom:1px dotted;
	}
.listcontainer table a:visited {
	color:#2E5574;
	font-weight:normal;
	}

.listcontainer table a:hover {
	border-bottom-style:solid;
	}
.listcontainer thead th,
.listcontainer thead td,
.listcontainer tfoot th,
.listcontainer tfoot td {
	border:1px solid #2E5574;
	border-width:1px 0;
	background:#e4e4e4;
	}
.listcontainer th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
.listcontainer tbody th,
.listcontainer td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
.listcontainer tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
.listcontainer tbody th a:link,
.listcontainer tbody th a:visited {
	font-weight:bold;
	}
.listcontainer tbody td,
.listcontainer tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
.listcontainer tbody tr.odd th,
.listcontainer tbody tr.odd td {
	border-color:#f0f0f0;
	background:#f8f8f8;
	}
	
	.listcontainer tbody tr.oddout th,
.listcontainer tbody tr.oddout td {
	border-color:#f0f0f0 !important;
	background:#f8f8f8 !important;
	}
	
	.listcontainer tbody tr.oddout:hover th,
.listcontainer tbody tr.oddout:hover td {
	border-color:#f0f0f0;
	background:#f8f8f8;
	}
	
	.listcontainer tbody tr.new th,
.listcontainer tbody tr.new td {
	border-color:#E8FFF4  !important;
	background:#E8FFF4 !important;
	}
	
		.listcontainer tbody tr.new:hover th,
.listcontainer tbody tr.new:hover td {
	border-color:#E8FFF4 ;
	background:#E8FFF4;
	}
	
.listcontainer tbody tr:hover td,
.listcontainer tbody tr:hover th {
	background:#FFF5DF;
	border-color:#2E5574;
	}
	
	.listcontainer tbody tr.out:hover td,
.listcontainer tbody tr.out:hover th {
	background:#fff !important;
	border-color:#fff !important;
	}
.listcontainer caption {
	font-weight:normal;
	font-size:1.2em;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}/* CSS Document */
	
	
	/* Echte Listen mit Mouseover*/
	
	.listcontainer ul
{
font-size:0.7em;
border-top:1px solid #2E5574;
margin-top:1em;
}

.listcontainer ul li
{ list-style-type:square;
     list-style-position:inside;}

.listcontainer ul li a:hover
{

}

.listcontainer ul li a
{

}

.listcontainer ul ul
{
font-size:1em;


}



.listcontainerMaps table {
	font:normal 0.7em/150%  Verdana, Arial, Helvetica, sans-serif;
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	color:#000;
	background-color:#fff;
	width: 100%;
	}

.listcontainerMaps ul
{
font-size:0.7em;
border-top:1px solid #2E5574;
margin-top:1em;
}

.listcontainerMaps ul li
{ list-style-type:square;
     list-style-position:inside;}

.listcontainerMaps ul ul
{
font-size:1em;
}
/* Ende Listen*/

/* Login zentriert*/

div.login
{

text-align:center;
vertical-align:middle;
position: absolute;
top: 45%;
left: 50%;
/*width: 65%;*/
height: 120px;
 margin-top: -60px; /**//* Höhe durch zwei */
margin-left: -12%; /**//* Breite durch zwei */

}


div.loginMobile
{

text-align:left;
vertical-align:middle;
margin:10px 30px;
/*width: 65%;*/
height: 100px;
width:180px;
/* margin-top: -60px; /**//* Höhe durch zwei */
/*margin-left: -27%; /**//* Breite durch zwei */

}

/*Formelformatierung*/

div.format fieldset a 
{
    text-decoration:none; 
    color:#000000;
    float:left;
    padding:0.2em 0.4em 0.2em 0.4em; 
    font-weight:bold;
    font-family:Arial;}



div.format fieldset a.Stil3 {color: #DD5928 !important;}/*Vergleichs-Operatoren*/

div.format fieldset a.Stil5 {color: #028948 !important;}/*Klammer*/
div.format fieldset a.Stil6 {color: #265C9C !important;}/*Verknüpfungen*/
div.format fieldset a.Stil10 {color: #955436 !important;}/*Frei eingegebenen Text*/
div.format fieldset a.Stil11 {color: #FDB913 !important;}/*ausgewähltes Tabellenfeld*/
div.format fieldset a.klammer0 {background-color: #F8F8F8 !important;}/* Grau0*/
div.format fieldset a.klammer1 {background-color: #EEEEEE !important;}/* Grau1*/
div.format fieldset a.klammer2 {background-color: #E0E0E0 !important;}/* Grau2*/
div.format fieldset a.klammer3 {background-color: #D4D4D4 !important;}/*Grau3*/
div.format fieldset a.klammer4 {background-color: #C0C0C0 !important;}/* Grau4*/

div.format fieldset a.Stil12 {background-color: #B72126 !important;color: #ffffff !important;}/*Platzhalter*/


div.format fieldset a:hover 
{
	border: 1px dotted #ff0000;
    border-style:dotted;
    border-collapse:separate;
    background:url(images/icons/ArrowPaste.gif) no-repeat bottom left;}
   

div.format fieldset a
{
	border: 1px dotted transparent;
    border-style:dotted;
    border-collapse:separate;
    }



div.format fieldset div.gruppe{padding:0;border:1px solid #ff0000;}

/*Paging*/
tfoot th a.currentPage
{
	color: #ff0000;
	border:1px dotted;
}
/*Wartungsseite*/



/*div.pseudoformcontainer
{padding:0em 0.6em 0.6em 0.6em;
    background-color: #f8f8f8;
	z-index:10000;
	
	border-bottom: 2px solid #7d7d7d;
	background:url(images/imgwartung/hg_form.gif) repeat-x top;
		
	}
	
	
	
	.wartungsbild
	{
	background: url(images/imgwartung/hg_wartungbottom.gif) repeat-x;
	height:72px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	padding:0;
	margin:0 0 0 0em; }
	
	.wartungsbildtop
	{
	background: url(images/imgwartung/hg_wartungtop.gif) repeat-x;
	height:59px;
	
	padding:0;
	margin:0 0 0 0em; }
	
	.wartunginhalt
	{border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:0em 0.6em 0.6em 0.6em;}
	
	.rand
	{
	background:	url(images/imgwartung/hg_rand.gif) repeat-x ;
	padding:0 2px 0px 0;
	width:96%;
	height:400px;
	}
	.pseudoformcontainer .wartunginhalt ul
	{font-size:0.75em;
	border:2px solid #ff0000 !important;}
	
	*/

	div.pseudoformcontainer
{padding:0em 1.0em 1.0em 1.0em;
  	/*border-right: 2px solid #7d7d7d;*/
	border-bottom: 2px solid #7d7d7d;
	background:url(images/imgwartung/hg_form.gif) repeat-x top #f8f8f8;
	
	
	}
	
	
	
	.wartungsbild
	{
	background: url(images/imgwartung/hg_wartungbottom.gif) repeat-x;
	height:72px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	padding:0;
	margin:0 0 0 0em; }
	
	.wartungsbildtop
	{
	background: url(images/imgwartung/hg_wartungtop.gif) repeat-x;
	height:59px;
	
	padding:0;
	margin:0 0 0 0em; }
	
	.wartunginhalt
	{border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:0em 0.6em 0.6em 0.6em; background-color: #f8f8f8;}
	
	#rand
	{
	background:	url(images/imgwartung/hg_rand.gif) repeat-x #7d7d7d;
	padding:0 2px 0px 0;
	width:96%;
	font-size:0.70em;
		
	}
	
#rand ul a
	{color:#2E5574;
	text-decoration:none;
	border-bottom:1px dotted;
font-size:1em;}

#rand ul a:hover
	{
	border:0;
}

/* Grundlayout */



#iframe_container 
{
    padding-top:1em;
    padding-bottom:1em;
     padding-left:1em;
    padding-right:1em;
    
   
}





#footer {
    position:fixed;
    bottom:0px;
    background:#F4F4F4;
   
    padding:10px;
    width:100%;
	border-top:1px solid #34556E;
	font: normal 0.7em Verdana;
}

/* Angaben nur für den Internet Explorer 6 mittels Star-HTML-Hack */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

* html #content_container {
    padding:1em 0.5em 0 0.5em;
    height:77%;
    overflow:auto;
    position:relative;
}

* html #footer {
    background:#efefef;
    height:23%;
   padding-top:1%;
}
/* Ende Angaben nur für den Internet Explorer 6 mittels Star-HTML-Hack */

#headerwindow {
    position:fixed;
    top:0px; left:0px; right:0px;
     
    padding:0px;
	margin: 0 0 0px 0; 
	height:27px;
	z-index:200000;
	background:url(images/windowbackground.gif) repeat-x;
	
}

.contentwindow
{margin-top:40px;}

#header {
    position:fixed;
    top:0px; left:0px; right:0px;
     background:url(images/hg_links.gif) repeat-x;
    padding:0px;
	margin: 0; 
	height:77px;
	visibility:visible;
}

/* Und für den Internet Explorer 6*/

* html #header {
    margin:0;
    height:8%;
    
}
/* Ende Und für den Internet Explorer 6*/

#innerHeaderLeft
{float:left;

height:69px;
padding:8px 0 0 0;
width:1000px;

}

#innerHeaderRight
{position:absolute;
    right:0;
    top:0;
 height:77px;background:url(images/hg_rechts.gif) repeat-x;
 
 width:200px;
}

/*Header fuer mobile Seiten*/

#headerMobile
{position:fixed;
 top:0px; 
 left:0px; 
 right:0px;
 background:url(images/hg_links.gif) repeat-x;
 padding:0px;
 margin: 0; 
 height:77px;
 width:320px!important;
visibility:visible;
}

#innerHeaderLeftMobile
{float:left;
height:69px;
padding:8px 0 0 0;
}

#innerHeaderRightMobile
{float:right;
 height:77px;
 padding-right:4px;
 }
#innerHeaderRightMobile img{height:77px; width:71px;}

#logo
{
float:left;
background:url(images/logo.jpg) no-repeat;
height:48px;
width:57px;
margin:0px 0px 0 0;}

#navigation
{height:48px;}

#radMenu
{height:22px;}

#rafToolbar
{height:26px;}

#colors
{
background:url(images/farbleiste.gif) no-repeat;
clear:both;
width:436px;
height:21px;
}

#mobileouter{width:320px!important; height:auto;}

#content_container 
{
    padding-top:6em;
    padding-bottom:3em;
   /*  Ohne Treeview  padding-left:10.5em;*/
  
    padding-left:0.5em;
    padding-right:0.5em;
   
}

/* Ende Grundlayout */


#tree
		{
			position:fixed;
			top:4.8em;
			left:0;
			width:8em;
			height:100%;
			padding:.5em;
		   float   :left;
			border-right:1px solid #2E5574;
			padding-right:10px;
			 /* Ohne Treeview*/ 
			display:none;
			}
			
		/*	html:not([dummy]) #tree {
    } */

* html #tree
{height:78%;}		

div.email
{
	width: 100%;
	height: 300px;
	overflow: scroll;
	
	white-space: pre;
	font-family: Courier New;
	font-size: 12px;
	background-color: White;
}


div.bemerkung
{
	font-size: 12px;
}

img.imgLeft
{
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.pnlLeft 
{
	float: left;
	padding-right: 10px;
}

.veControl
{
	color: White;
	font-size: 12px;
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
	height: 13px;
	display: block;
	background: transparent;
}

.notice
{
	display: block;
	border: solid 1px #000000;
	padding: 2px 3px 1px 3px;
	margin: 1px 1px 1px 1px;
	width: 250px;
	height: 120px;
	font-size: 10px;
	background-color: #FFFFE1;
	float: left;
	z-index: 1000;
}

.logbook
{
	font-size: 10px;
	text-align: left;
	width: auto;
}

.logbook_ddl
{
	width: 150px;
}

.logbook_head
{
	font-size: 10px;
    text-align: left;
	font-weight: bold;
}

.logbookdetails
{
	font-size: 10px;
	text-align: left;
	width: auto;
}

.logbookdetails_head
{
	font-size: 10px;
    text-align: left;
	font-weight: bold;
}

.soslist
{
	font-size: 10px;
	text-align: left;
	width: auto;
}

.soslist_ddl
{
	width: 150px;
}

.soslist th
{
	font-size: 10px;
    text-align: left;
	font-weight: bold;
	color: Red;
}

.soslistdetails
{
	font-size: 10px;
	text-align: left;
	width: auto;
}

.soslistdetails_head
{
	font-size: 10px;
    text-align: left;
	font-weight: bold;
}

#rptcontrolarea
{background-color:#e4e4ec;
 border-bottom:1px solid #bebed1;
 width:878px;
 height:26px;
 font-size: 14px;
 }
 
 #rptcontrolarea *
 {float:left;}
 
 #rptcontrolarea2
{background-color:#e4e4ec;
 border-bottom:1px solid #bebed1;
 width:100%;
 height:26px;
 font-size: 14px;
 }
 
 #rptcontrolarea2 *
 {float:left;}
 
/*Reports*/

.reportpanel{z-index:100000; position:absolute; top:30%; left:30%; text-align:center; }

.reportwindow{z-index: 100000; width:450px; height:150px; background-color:#FFFFFF; border:solid 3px black;}

 

.crystalstyle{padding:0!important; margin:0; float:left; width:100%!important; position:absolute; top:0px; left:0px!important;}

.crystalstyle div table{width:120px!important; float:left;}

.crystalstyle div{float:left!important; display:block; width:100%; position:inherit!important;}

.ad3f798ae8-718b-4744-9539-1c1f2037a698-0 {
border-color:#000000;
border-width:0;
width:300px!important;
}
div#Kilometer1{text-align:right!important; width:64px!important;}
#Kilometer1 table{width:64px!important;}
div#Text15{text-align:right!important; width:64px!important;}
div#Text15 table, div#Text15 table td{width:64px!important; text-align:right!important;}
div#StandTime1{text-align:center!important; width:56px!important;}
div#StandTime1 table{text-align:center!important; width:56px!important;}
div#MileAge1, div#Text8{text-align:right!important; width:100px!important;}
div#MileAge1 table, div#Text8 table td{text-align:right!important; width:100px!important;}
div#Text8 table{width:100px!important;}

.treeviewpanel
{position:absolute; /* absolute Positionsart */
 bottom:40px; /* Startposition von unten */
 top:125px;
} /* Startposition von oben */

.add_dock,.add_dock:hover
{
    background: url(images/Icons/dock_add.png) no-repeat !important;
    border:0 none !important;
}

.edit_dock,.edit_dock:hover
{
    background: url(images/Icons/dock_edit.png) no-repeat !important;
    border:0 none !important;
}

.delete_dock,.delete_dock:hover
{
    background: url(images/Icons/dock_delete.png) no-repeat !important;
    border:0 none !important;
}