/* ********************************************************

STYLES for transport-inside
agindo interaktives marekting
Autor: Markus Hasibeder, Oct, Nov 2007


Basisfarben (Näherungswerte):

Orange:	F06E0F (240 110 15)
Rosa: 	B40A5A	(180 10 90)
Grau: 	A0A0A0 (160 160 160) 
Weiß: 	FFF

***************************************************** */

/* -------------------------------------------------------------------
NUR FÜR TESTS
-------------------------------------------------------------------- */

#testversion {
	font-size:14px;
	font-weight: bold;
	color:#FFFF00;
}



/* -------------------------------------------------------------------
TAGS
-------------------------------------------------------------------- */
html {
	height: 100%; 
	margin: 0;
	padding: 0;
	background-color: #FFF;
	visibility: visible;
	height: 100%;
	text-align: left;
	color: 000;
}

body {
	height: 100%; 
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	visibility: visible;
	height: 100%;
	/* IE-Scrollbars */
	scrollbar-base-color:#EDEDEE;
	scrollbar-face-color:#EDEDEE;
	scrollbar-track-color:#EDEDEE;
	scrollbar-arrow-color:#2A4173;  
	scrollbar-3d-light-color:#EDEDEE;
	scrollbar-darkshadow-color:#EDEDEE;  
	scrollbar-shadow-color:#2A4173;
	scrollbar-highlight-color:#2A4173;
}

img {
	border: 0px;
}

h1, h2, h3 {
	color: #000000;
}

.errormessage {
	color:#FF0000;
}

input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#input_datum {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 50px;
	border: 1px solid #F2F2F2;
}

select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 140px;
}


.check {
	width: auto;
}


.pad {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
}

li {
	width: 240px;
	height:58px;
	margin-bottom: 1px;
	border:solid 1px #33CCCC;
	list-style:none;
}



/* -------------------------------------------------------------------
BUTTONS
-------------------------------------------------------------------- */

.submbutton {
	width: 100px;
}	

.tibuttonstyle {
	padding:1px 5px 1px 5px;
	height:20px;
	line-height:22px;
	border: 1px solid #A0A0A0;
	font-size:11px;
	font-weight:bold;
	background-color:#d8e1ea;
	color:#000;
	text-decoration:none;
	background-repeat:repeat-x;
}
.tibuttonstyle:hover {
	padding:1px 5px 1px 5px;
	height:20px;
	line-height:22px;
	border: 1px solid #A0A0A0;
	font-size:11px;
	font-weight:bold;
	background-color:#F06E0F;
	color:#FFFFFF;
	text-decoration:none;	
}



/* -------------------------------------------------------------------
Page: Master Container Placement
-------------------------------------------------------------------- */

#mainmenu {
	width: auto;
	float: left;
	color: #FFF;
	height: 26px;
	padding: 29px 0px 0px 10px;
}

#footer{
   margin: 80px 0 0 0;
   padding: 0 0 0 10px;
}


/* -------------------------------------------------------------------
Page: Content Area
-------------------------------------------------------------------- */

#subzeile {
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0px 0px 0 200px;
}


#randspalte {
	color: #000000;
}

#inhalt {
	margin: 20px 0 0 0;
	padding: 0px 0px 0 200px;
	color: #000000;
}

/* -------------------------------------------------------------------
 Menüführung Besonderheiten
-------------------------------------------------------------------- */

.menupunkt a {
	font-weight:bold;
	float: left;
	/*padding: 0 20px 0 0;*/
	text-decoration:none;
	color: white;
}

.menupunkt {
	font-weight:bold;
	float: left;
	border: 1px #6f1843 solid;
	padding: 3px 10px 3px 10px;
	/*padding: 0 20px 0 0;*/
	text-decoration:none;
	color: white;
}

.menupunktselected {
	font-weight:bold;
	float: left;
	padding: 0 30px 0 0;
	color: #6f1843;
}

#subzeile a, .submenu, .submenu a {
	font-weight:bold;
	padding: 0 10px 0 10px;
	text-decoration:none;
	line-height:20px;
	color: #FC7216;
}



/* -------------------------------------------------------------------
 Schnellsuche
-------------------------------------------------------------------- */

.input_kurz{
	width:30px;
}

.input_datum{
	width:65px;
}

/* -------------------------------------------------------------------
TABELLEN
-------------------------------------------------------------------- */

#Tdevices, #Tsearch, #Tcourses  {
	border: dotted;
	border-color:#F2F2F2;
	width: 800px;
	border-width: 1px;
}



#Tdevices th, #Tsearch th, #Tcourses th, #Tmapcontrol th {
	background-color:#F2F2F2;
	color: #222222;
	padding: 3px 0 3px 10px;
}	

#Tdevices td, #Tsearch td, #Tcourses td , #Tmapcontrol td{
	padding: 3px 0 3px 10px;
	border-bottom: solid;
	border-width: 1px;
	border-color:#F2F2F2;
}	

.warnung, .warnung a {
	background-color: #F06E0F;
	color: white;
}




/****************************************** Blöcke ******************************************/


/************* Die Box *************/
#hauptcontainer #inhalt div.box {
	border: 1px solid #F2F2F2;
	background-color: #FFFFFF;
	background-image: url(/img/header_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/************* Titel *************/
#hauptcontainer #inhalt div.box div.header {
	color: #000;
	font-weight: bold;
	padding: 6px;
	height: 13px;
}

#hauptcontainer #inhalt div.header img {	
	margin-bottom: -5px;
	margin-right: 10px;
}

/************* Fehlermeldungen *************/
#hauptcontainer #inhalt div.errormessages {
	border-bottom:	1px solid red;
	background-color: #FFFF66;
	font-weight:bold;
	padding: 7px;
}	

#hauptcontainer #inhalt  div.errormessages {
	margin-left: -7px;
	margin-right: -7px;
}

/************* Erfolgsmeldungen *************/
#hauptcontainer #inhalt div.successmessages {
	border-bottom:	1px solid green;
	background-color: #6EBA1C;
	font-weight:bold;
	color:#FFFFFF;
	padding: 7px;
}	

#hauptcontainer #inhalt t div.successmessages {
	margin-left: -7px;
	margin-right: -7px;
}

/************* Textinhalt *************/
#hauptcontainer #inhalt div.box div.text {
	margin: 0px 7px 0px 7px;
}







/***************************************************
				Für das alternative Layout
***************************************************/

#haupt_linksunten {
	margin: 0 10px 0 10px;
	color: #000000;
}

.rechtsheader {
	font-size:14px;
	font-weight:bold;
	margin: 10px 0px;
}

/******* Tabellen *******/
.overview {
	border-color:#808080;
	border-style:solid;
	border-width:1px 0pt;
	left:0pt;
	position:relative;
	top:0pt;
	z-index:1;
	width:250px;
	margin-top:10px
}
.overview th {
	background-color: #F2F2F2;
}

select {
	/* border: 1px solid #F2F2F2;*/
}



/* beispiel */
.oddClass {
	background-color:#F2F2F2;
}

/********* Login-Table **********/
.logintable {
	border-color:#808080;
	border-style:solid;
	border-width:1px 0pt;
	width:250px;
	margin-top:10px;
}
.logintable th {
	background-color: #F2F2F2;
}


.loginnew {
	margin-left:185px;
	width:500px;
	height:195px;
	margin-top:10px;
}

/************ Mapcontrol ***************/

#OverlayMapcontrol {
	border-color:#FFF;
	border-style:solid;
	border-width:1px 0pt 1px 1px;
	position: absolute; 
	float:left;
	left: 360px;
	top: 536px;
	width: 315px;
	heigth: 80px;
	background-color:#ebebeb;
}


#IconOverlayMapcontrol {
	position: absolute; 
	left: 660px;
	top: 536px;
	heigth: 80px;
	background-color:#ebebeb;
}


/***************************************************
YAHOO DIALOG Windows
***************************************************/

/******************** Traffic Info *****************/

#genericdialog {
	color: black;
	font-weight: bold;
}	

#example {height:30em;}
label { display:block;float:left;width:45%;clear:left; }
.clear { clear:both; }
#resp { margin:10px;padding:5px;border:1px solid ##ccc;background:##fff;}
#resp li { font-family:monospace }



/***************************************************
Deviceliste
***************************************************/

.trackingisoff {
	color: #646464;
}

.trackingison {
	color: #000000;
}

/***************************************************
Styles für die neu definierte Stammdatenverwaltung, cfr 11.03.2008
***************************************************/
#inhaltcontainerfull {
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}

#headerbox {
	background-color:#CFCFCF;
	border-top: 1px solid #000000;
	height:45px;
	margin-bottom:18px;
}

.listheader {
	cursor: pointer;
	background-color: #CFCFCF;
	padding:7px;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
}

.sorttable_alpha {
	cursor: pointer;
	background-color: #CFCFCF;
	padding:7px;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
}

.sorttable_numeric {
	cursor: pointer;
	background-color: #CFCFCF;
	padding:7px;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
}

.listitem {
	background-color: #E6E6E6;
	padding:7px;
	border-bottom:1px solid #FFFFFF;
}

.listitemhell {
	background-color: #F2F2F2;
	padding:7px;
	border-bottom:1px solid #FFFFFF;
}

.listitem {
	background-color: #E6E6E6;
	padding:7px;
	border-bottom:1px solid #FFFFFF;
}

.listitemsms {
	background-color: #FADA85;
	padding:7px;
	border-bottom:1px solid #FFFFFF;
}

.listitemgprs {
	background-color: #F2F2F2;
	padding:7px;
	border-bottom:1px solid #FFFFFF;
}

.wartungsbutton {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #FC7216;
	background-color: #FFFFFF;
	color: #6F1843;
	text-decoration: none;
	margin-right:7px;
}

.wartungsbutton:hover {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #FC7216;
	background-color: #FC7216;
	color: #FFFFFF;
	text-decoration: none;
	margin-right:7px;
}

#buttonrow {
	margin-top:18px;
	padding-top:24px;
	padding-left: 7px;
	height:22px;
	border-bottom:1px solid #000000;
	background-color: #CFCFCF;
}

.inputbox {
	border: 1px solid #6F1843;
	padding:3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight:normal !important;
}

.headlinebig {
	font-size:12px;
	font-weight:bold;
}

#headerboxcontent {
	margin-top:16px;
	margin-left:7px;
	margin-right:7px;
}

.successmessages {
	background-color: #6EBA1C;
	font-weight:bold;
	color:#FFFFFF;
	padding: 7px;
	border-bottom:1px solid #FFFFFF;
}	

.errormessages {
	border-bottom:	1px solid red;
	background-color: #CD0D23;
	font-weight:bold;
	padding: 7px;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
}	

.overviewgruppe {
	border:1px;
	border-color:#FF9933;
	border-style:solid;
	margin: 10px 0 30px 0;

}

.gruppierungsheader {
	font-size: 14px;
	font-weight:bold;
	background-color: #CFCFCF;
	height:30px;
	padding:10px 0 0 5px;
}


.overviewtb,
.overviewtbop
 {
	background-color: #EEEEEE;
	float:left;
	width:50%;
}

.overviewtb .header,
.overviewtbop .header
 {
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	height:20px;
	padding:5px 0 0 5px;
}

.overviewtbop .header
 {
	background-color: #A1D2EE;
}



.overviewtb minitable, table,
.overviewtbop minitable, table
{
	width:100%;
}


.overviewtb table, .overviewtbop table,
.overviewtb tr, .overviewtbop tr,
.overviewtb td, .overviewtbop td, 
.overviewtb th, .overviewtbop th
{
	border:1px;
	border-color:#FFFFFF;
	border-style:solid;
	font-size: 11px;
	text-align:left;
	padding:2px;
}

.overviewtbop table,
.overviewtbop tr,
.overviewtbop td, 
.overviewtbop th
{
	background-color: #A1D2EE;
}







/* DROP DOWN MENU */

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
color: #FFFFFF;
display: block;
font-size: 11px;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #6f1843;
}
/**************/
/* DEVICELIST */
/**************/

#ReminderBox {
	position: fixed;
	left: 50%;
	top: 50%
	width: 450px;
	height: 155px;
	overflow: auto;
	margin-top: 150px;
	margin-left: -100px;
	z-index: 5000;
	background-image:url(../img/bg_yahoo.jpg);
	overflow:hidden;
	border: 1px #808080 solid;
}

#deviceContainer {
	/*z-index: 10;*/
	position: absolute;
	top: 55px;
	right: 0px;
/*	margin-top: -41px; */
	margin-right: 20px;
	padding: 0;
	float: right;
	width: 310px;
}
#deviceContainer .fLeft {
	margin-left: 5px;
	padding:0;
	width: auto;
	float: left;
}
#deviceContainer .fRight {
	margin-right: 4px;
	padding:0;
	width: auto;
	float: right;
}
#hdDevL {
	display: table;
/*	overflow: hidden;*/
	padding: 0;
	margin:0;
/*	height: 56px;*/	
	width: 310px;
	background-image: url(../img/hddevlistk.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	/* text-transform: lowercase; */ 
	font-weight: bold;
	z-index:2000;
}
#hdCont {
	padding: 8px 0 0 9px;
/*	display: t able-cell; */
	vertical-align: middle;
}
#hd2te {
	border-top: 1px solid #6D1741;
	background-color:#6D1741;
	margin: 0;
	margin-left: 14px;
	padding: 10px 0 6px;
	*padding: 2px 0;
}
#devList {
	/* container für alle devices, 20px breiter für scrollbalken ausserhalb*/
	margin: 5px 0 0 14px;
	width: 316px;
/*	height: 511px;*/
	height: 470px;
	overflow: auto;
	background-color: #FFFFFF;
}
#rowDevL {
	/*display: table;*/
	margin: 0 0 1px 0;
	padding: 0;
	*padding: 3px 0 0 0;
	width: 296px;
/*	height: 46px;
	*height: 42px;  */
	height: 65px;
	*height: 65px;
}
	#rowDevLHD {
	/*display: table;*/
	margin: 0 0 1px 0;
	padding: 0;
	*padding: 6px 0 0 0;
	margin-left: 14px;
	width: 296px;
	height: 46px;
	*height: 42px;
	background:#6D1741;
}
#rowDevL .fLeft1 {
/*	margin: 15px 0 0;*/
	width: 20px;
}
#rowDevL .fLeft2 {
/*	margin: 15px 2px 0 0;*/
	width: 28px;
}
#rowDevL .fLeft3 {
	margin:0;
	width: 134px;
}
#rowDevL .fLeft4 {
	margin-right: 2px;
	width: 26px;
}
#rowDevL .fLeft5 {
	margin-right: 2px;
	width: 80px;
}
#roeDevL .eoft {
	color: #0932CD;
}

#rowDevL table {
	width:294px;
	height:54px;
	padding:0;
	margin:0;
}
#rowDevL td {
	vertical-align:middle;
	height:56px;
	padding:0;
	margin:0;
}
.vcOuterHD {
	display:table;
	overflow:hidden;
	float:left;
	height:60px;
}
.vcInnerHD {
	display: table-cell;
	vertical-align:middle;
}
.vcInner {
	display: table-cell;
	vertical-align:middle;
}
.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.tdstatus0 {
background-color:#E6E6E6;
}

.tdstatus1 {
background-color:#E6E6E6;
}

.tdstatus2 {
background-color:#E6E6E6;
}

.tdstatus3 {
background-color:#FFA0A0;
}

.tdstatus4 {
background-color:#E6E6E6;
}
.tdstatus5 {
background-color:#F2F479;
}
.tdstatus6 {
background-color:#EED39D;
}
.tdstatus7 {
background-color:#FFA0A0;
}
.tdstatus8 {
background-color:#E6E6E6;
}
.tdstatus9 {
background-color:#FFA0A0;
}
.tdstatus99 {
background-color:#FFA0A0;
}
.tdstatus254 {
background-color:#E6E6E6;
}
.abgelaufen {
color:#FFFFFF;
background-color:#CC3300;
padding:7px;
border-bottom:1px solid #FFFFFF;
}

/* END OF DROP DOWN MENU */



/* Tooltip */
#tooltip {
	width: 300px;
	background-color: #EBEBEB;
	border: 1px solid #393939;
	padding: 4px;
}

/******************************************
DIVERSES
/******************************************/

#tours_blaetterfunktion {
	background-color:#F2F2F2;
	padding:5px 5px 5px 7px;
}

/******************************************
PRINT STYLES
/******************************************/

#printHeader {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: 1px solid #393939;
	padding: 5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#printFooter {
	margin-top: 20px;
	background-color: #FFFFFF;
	border: 1px solid #393939;
	padding: 5px;
}

#tmpfilter {
*	margin-left: -20px;
*	margin-right: -10px;
}

#devlsearchbutton {
* margin-left: -10px;
}

#devlallebutton {
	margin-left: -5px;
}