@import url(common.css);
@import url(head-nav-icons.css);
@import url(xmlverbatim.css);
*{
    margin:0;
    padding:0;}
html, body{
    height: 100%;
}

body{
//background              : url(../images/body-bg.png) no-repeat #ffffff;
margin                  : 0px;
font-family             :  arial,verdana, helvetica, sans-serif;
font-size               : 12px;
/* background-color:#ddd in #fff geändert, damit gradient nicht durchscheint während die Seite lädt */
background-color:#fff
}
#wrapper-head{
    position:fixed;
    width:100%;       
	z-index:5;
} 
#head{
    background:#fff;
    height:38px;
    padding-bottom:2px;
    z-index: 5;
    
}
#head #head-nav-message{
	position:absolute;
	left:200px;
	top:13px;}
#top{
    float:right;
    margin-right:25px;
    height:36px;
	margin-top:4px}
#head a.logo{
    background:url(../images/logo.png) no-repeat;
    width:200px;
    height:30px;
    position:absolute;
    left:12px;
    top:5px;}
    
#head-highlight.link:hover{
text-decoration         :none;
}
#head-highlight.link {
border:none;
text-decoration:none;
}
#head #searchfield{
	position:absolute;
float:right;
right:0px;
}
#searchfield input{
border: 1px solid #d5d5d5;
height:14px;
margin-top:1px;
color:#d5d5d5;
margin-right:1px;
float:left;
width:150px;
z-index: 10;
}
input#searchfield-icon{
	border:solid 1px #999;
width:17px;
	top:100px;

margin-right:10px;
height:16px;
}


[data-role="left-navigation"] {
    -moz-transform: translateX(-182px);
    -webkit-transform: translateX(-182px);
    -o-transform: translateX(-182px);
    -ms-transform: translateX(-182px);
    transform: translateX(-182px);
    position:fixed;
    left:0;
    top:140px;
    width:240px;
    z-index:9999;
}

[data-role="left-navigation"] div {
    -webkit-border-radius: 0 36px 36px 0;
    border-radius: 0 36px 36px 0;
    opacity:1;
    padding:0px;
    height:56px;
    color:white;
    font-weight:bold;
    border-left: 4px;
    border-top: 2px;
    border-bottom: 2px;
    border-style: solid;
    border-color: white;
    font-size:18px;
    background-color:#f39200;
}
[data-role="left-navigation"] div.active {
    background-color:#a76400;
}

[data-role="left-navigation"] div:first-child {border-top:4px solid white}
[data-role="left-navigation"] div:last-child {border-bottom:4px solid white}
[data-role="left-navigation"] div {border-right:none}
[data-role="left-navigation"] div a {display:block;line-height:3em; padding-left:10px;}
[data-role="left-navigation"] img  {-webkit-border-radius:36px;border-radius:36px;border:4px solid white;padding:0;margin:0;height:50px;width:50px;position:absolute;right:0;top:0}



#logo {
    background: rgba(0, 0, 0, 0) url("../images/kitavita-logo.png") no-repeat scroll 0 0 
}

a {text-decoration:none; color:inherit; font-weight: bold;}
a:hover{text-decoration:underline;
}

[data-role="buttonbar"] {background-color:#a76400;min-height:25px;display:none;}
[data-role="buttonbar"] ul {overflow:auto}
[data-role="buttonbar"] ul li {cursor:pointer;color:white;display:inline-block;margin:0 15px;font-weight:bold;font-size:10pt;line-height:2em}




#username{
position                : absolute;
top                     : 4px;
right                   : 12px;
}

#callNotification{
font-size               : 1.3em;
background-image        : url(../images/icon-phone.png);
padding-left            : 12px;
background-repeat       : no-repeat;
background-position     : 0px 4px;
color                   : #db6700;
}


/*======================START CONTEXT NAVIGATION ======================*/

#context{
background: #fffaf3;
margin:0 0 0 0px;
padding-right:100px;
min-height                  : 100px;}

#logo{
  height: 80px;
    position: absolute;
    right: 37px;
    top: 50px;
    width: 200px;
}
#content.left-menu{
position:absolute; left:250px; padding-top:28px}

.context-link {
    color: #f39200;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    padding-right:40px;

}
.context-link a{
color                   : #f39200;
text-decoration         : none;
margin:0 0 0 15px;


}

.content-link a:hover{

text-decoration:underline;

}
fieldset .content-link a:hover{
background:none;
}
/*======================END CONTEXT NAVIGATION ======================*/

/*======================START HEAD NAVIGATION ======================*/
#head-navigation{
padding-left:50px;
    background: #ffffff repeat scroll 0 0;
}
#head-navigation a:hover{
text-decoration         : underline;
}
/*======================END HEAD NAVIGATION ======================*/

/*======================START TAB NAVIGATION ======================*/
#wrapper-navigation{
background:url(../images/navigation-bg.png) repeat-y;
width:100%;
float:left;
z-index:1000;
}

#searchfield{
float:right;
right:0px;
z-index:10;
position: absolute;
margin-top: 130px;
}
#searchfield input{
border: 1px solid #d5d5d5;
height:14px;
margin-top:1px;
color:#d5d5d5;
margin-right:1px;
float:left;
}
input#searchfield-icon{
border:none;
padding-top:1px;
margin-right:10px;
height:16px;
}
#navigation{
background: url(../images/green.gif) #fff;
float:left;
min-height:20px;
padding-left:20px;

}
#navigation a{
text-decoration:none;
padding-top:2px;
float:left;
padding-right:15px;
padding-left:15px;
color:#fff;
}

hr {   
   
    float: left;      
    width: 199px;
    margin: 10px 0;
    
}

.navi-off-left{
width                   : 0px;
float                   : left;
}

.navi-off-mid{
padding-left            : 10px;
padding-right           : 10px;
height:18px;
padding-top             : 1px;
font-weight             : bold;
float                   : left;

}
.navi-off-mid a{
color                   : #a38c2e;
text-decoration         : none;
border-color            : #f7f2e4;

padding-bottom:3px;
}
.navi-off-mid a:hover{
color                   : #052967;
font-weight             : bold;
float                   : left;
border-bottom           : 2px solid #052967;
}

.navi-off-right{
height                  : 0px;
width                   : 0px;
float                   : left;
}
.navi-on-left{
width                   : 0px;
float                   : left;
}

.navi-on-mid{
height:13px;
padding-top             : 1px;
padding-left            : 10px;
padding-right           : 10px;
font-weight             : bold;
float                   : left;
padding-bottom:3px;
border-bottom           : 2px solid #052967;
}
.navi-on-mid a{
color                   : #052967;
text-decoration         : none;
}
.navi-on-right{
width                   : 0px;
float                   : left;
z-index:3;
}

/*====================== END TAB NAVIGATION ===================*/

#wrapper-buttons{
    padding:0 0 30px 0;
    maring-bottom:10px;
    width:100%;
    float:left;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(33%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#open-left-menu{
	position:absolute;
	top:120px;
	z-index:9999;
	display:inline;
	left:3px;
	float:left;
	cursor:pointer;
	background:url(../images/left-menu-open.png) no-repeat;
	width:63px;
	height:30px;
	}
#open-left-menu:hover{
		background:url(../images/left-menu-open-over.png) no-repeat;	
}
#open-left-menu.close{

	background:url(../images/left-menu-close.png) no-repeat;

	}
#open-left-menu.close:hover{
		background:url(../images/left-menu-close-over.png) no-repeat;	
}

#buttons{
    margin:15px 0 0 83px;
    color: #f39200;
    font-size: 14px;
    font-weight: bold;
    float:left;        
}

#buttons a{
    margin-right:25px;
    white-space:nowrap;
	float:left;
}

#buttons a:hover{
    text-decoration:underline;                  
}

/*====================== INBOX LIST ===================*/
#wrapper-inbox-list{
    
    width:100%;
    float:left;
    background:#ddd;
    margin:0;
    padding: 175px 100px 0;
    background:#fff;
}


#inbox-list{

margin:0px 0 10px 0px;
float:left;
}

.inbox-button{
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    margin-top:0px;
    display:table-cell;
    vertical-align:middle;    
    border:3px solid #fff;
    border-radius:10px;
    font-size:16px;    
    background: rgb(144,144,144); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(144,144,144,1) 14%, rgba(74,74,74,1) 73%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(144,144,144,1)), color-stop(73%,rgba(74,74,74,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(144,144,144,1) 14%,rgba(74,74,74,1) 73%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(144,144,144,1) 14%,rgba(74,74,74,1) 73%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(144,144,144,1) 14%,rgba(74,74,74,1) 73%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(144,144,144,1) 14%,rgba(74,74,74,1) 73%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
}

.inbox-button:hover{
background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 14%, rgba(153,153,153,1) 73%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(221,221,221,1)), color-stop(73%,rgba(153,153,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 14%,rgba(153,153,153,1) 73%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,1) 14%,rgba(153,153,153,1) 73%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,1) 14%,rgba(153,153,153,1) 73%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,1) 14%,rgba(153,153,153,1) 73%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}
.inbox-button.activ{
background: rgb(243,146,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(243,146,0,1) 14%, rgba(255,237,0,1) 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(243,146,0,1)), color-stop(85%,rgba(255,237,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(243,146,0,1) 14%,rgba(255,237,0,1) 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(243,146,0,1) 14%,rgba(255,237,0,1) 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(243,146,0,1) 14%,rgba(255,237,0,1) 85%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(243,146,0,1) 14%,rgba(255,237,0,1) 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8cb4c', endColorstr='#5b7912',GradientType=0 ); /* IE6-9 */


}
.inbox-button.activ .inbox-button-label a{
color:#fff;     
}
#inbox-list .unreaded .inbox-button-label a,#inbox-list .unreaded .inbox-button-counter a{
color:#f00;}

/* H=110 */
td.inbox-status-color-green, .inbox-status-color-green .inbox-button-counter{
background-color        : #008D36 !important;
}
/* H=58 */
td.inbox-status-color-yellow, .inbox-status-color-yellow .inbox-button-counter{
background-color        : #FFEC00 !important;
}
/* H=31 */
td.inbox-status-color-orange, .inbox-status-color-orange .inbox-button-counter{
background-color        : #F39200 !important;
}
/* H=0 */
td.inbox-status-color-red, .inbox-status-color-red .inbox-button-counter{
background-color        : #EEA7A7 !important;
}


#inbox-list .inbox-button-label{
height:40px;
border-right:1px solid #aaa;
padding:0;
float:left;

}
#inbox-list .inbox-button-label a{
    padding:7px 13px 7px 13px;}
#inbox-list .inbox-button-counter{
height:30px;
padding:5px;
padding-right:8px;
letter-spacing:-2px;
display:table-cell;
vertical-align:middle;
float:left;}

#inbox-list .inbox-button-label a,#inbox-list .inbox-button-counter a{
text-decoration:none;
display:table-cell;
vertical-align:middle;
height:24px;
color:#fff;
font-weight:bold;
}
#inbox-list .inbox-button.activ .inbox-button-label a,#inbox-list .inbox-button.activ .inbox-button-counter a{
color:#fff;
font-weight:bold;
}
#inbox-list .inbox-button-counter a{
font-size:24px;
}



/*====================== END INBOX LIST ===================*/
#left-menu{
background:#f7f2e4;
padding:5px 0 10px 0px;
margin-left:40px;
margin-top:35px;
margin-bottom:20px;
width:200px;
float:left;
padding-top:10px;
}
#left-menu a{
display:block;
text-decoration:none;
background:none;
}
#left-menu a.activ{
color:#000;
background:#ccc;
}
#left-menu a:hover{
background:#fff;
}
#left-menu a.level1{
font-size:16px;
padding:0px 5px 0 5px;
margin-top:5px;
}
#left-menu span.level1{
display:block;
padding:0px 5px 0 5px;
margin-top:5px;
color: #000E;
font-size:16px;
font-weight:bold;
}
#left-menu a.errorlevel1{
font-size:11px;
font-weight:bold;
padding-left:10px;
color:#f00;
}
#left-menu a.level2{
font-size:14px;
padding-left:15px;
}
#left-menu a.errorlevel2{
font-size:11px;
font-weight:bold;
padding-left:20px;
color:#f00;
}
#left-menu a.level3{
font-size:13px;
padding-left:25px;
}
#left-menu a.errorlevel3{
font-size:11px;
font-weight:bold;
padding-left:30px;
color:#f00;
}
#left-menu a.level4{
font-size:13px;
font-weight:normal;
padding-left:35px;
}
#left-menu a.errorlevel4{
font-size:11px;

padding-left:40px;
color:#f00;
}
#content.left-menu{
position:absolute; left:250px; top:10px}

#wrapper-content{
    background:#fff;  
    min-width:100%;
   
}


/* Icons/Klassen fuer die verschiedenen Titel Fahrzeug Report, Schaden... */
span.matrix-logo.chart,span.matrix-logo.chart:hover, .active span.matrix-logo.chart,
span.matrix-logo.details,span.matrix-logo.details:hover,.active span.matrix-logo.details,
span.matrix-logo.dereg,span.matrix-logo.dereg:hover,.active span.matrix-logo.dereg,
span.matrix-logo.dailylog,span.matrix-logo.dailylog:hover,.active span.matrix-logo.dailylog,
span.matrix-logo.childdevelopment,span.matrix-logo.childdevelopment:hover,.active span.matrix-logo.childdevelopment,
span.matrix-logo.parentswork,span.matrix-logo.parentswork:hover,.active span.matrix-logo.parentswork,
span.matrix-logo.matrix-logo.calendar,span.matrix-logo.matrix-logo.calendar:hover,.active span.matrix-logo.matrix-logo.calendar,
span.matrix-logo.pickup,span.matrix-logo.pickup:hover,.active span.matrix-logo.pickup,
span.matrix-logo.case-list,span.matrix-logo.case-list:hover,.active span.matrix-logo.case-list,
span.matrix-logo.nurserygroups,span.matrix-logo.nurserygroups:hover,.active span.matrix-logo.nurserygroups,
span.matrix-logo.roster,span.matrix-logo.roster:hover,.active span.matrix-logo.roster,
span.matrix-logo.mandatesmanagement,span.matrix-logo.mandatesmanagement:hover,.active span.matrix-logo.mandatesmanagement,
span.matrix-logo.warteliste,span.matrix-logo.warteliste:hover,.active span.matrix-logo.warteliste,
span.matrix-logo.accounting,span.matrix-logo.accounting:hover,.active span.matrix-logo.accounting,
span.matrix-logo.application,span.matrix-logo.application:hover,.active span.matrix-logo.application,
span.matrix-logo.applicationfilter,span.matrix-logo.applicationfilter:hover,.active span.matrix-logo.applicationfilter,
span.matrix-logo.login,span.matrix-logo.login:hover,.active span.matrix-logo.login,
span.matrix-logo.search,span.matrix-logo.search:hover,.active span.matrix-logo.search,
span.matrix-logo.development,span.matrix-logo.development:hover, .active span.matrix-logo.development,
span.matrix-logo.inbox,span.matrix-logo.inbox:hover, .active span.matrix-logo.inbox,
span.matrix-logo.driver,span.matrix-logo.driver:hover, .active span.matrix-logo.driver,
span.matrix-logo.elicence,span.matrix-logo.elicence:hover, .active span.matrix-logo.elicence,
span.matrix-logo.evb,span.matrix-logo.evb:hover, .active span.matrix-logo.evb,
span.matrix-logo.fst,span.matrix-logo.fst:hover, .active span.matrix-logo.fst,
span.matrix-logo.idea,span.matrix-logo.idea:hover, .active span.matrix-logo.idea,
span.matrix-logo.inspection,span.matrix-logo.inspection:hover, .active span.matrix-logo.inspection,
span.matrix-logo.insurer,span.matrix-logo.insurer:hover, .active span.matrix-logo.insurer,
span.matrix-logo.like,span.matrix-logo.like:hover, .active span.matrix-logo.like,
span.matrix-logo.losses,span.matrix-logo.losses:hover, .active span.matrix-logo.losses,
span.matrix-logo.loss,span.matrix-logo.loss:hover, .active span.matrix-logo.loss,
span.matrix-logo.telematics,span.matrix-logo.telematics:hover, .active span.matrix-logo.telematics,
span.matrix-logo.market,span.matrix-logo.market:hover, .active span.matrix-logo.market,
span.matrix-logo.oil,span.matrix-logo.oil:hover, .active span.matrix-logo.oil,
span.matrix-logo.partner,span.matrix-logo.partner:hover, .active span.matrix-logo.partner,
span.matrix-logo.person-customer,span.matrix-logo.person-customer:hover, .active
span.matrix-logo.person-private,span.matrix-logo.person-private:hover, .active span.matrix-logo.person-private,
span.matrix-logo.persons,span.matrix-logo.persons:hover, .active span.matrix-logo.persons,
span.matrix-logo.petrolstation,span.matrix-logo.petrolstation:hover, .active span.matrix-logo.petrolstation,
span.matrix-logo.qa,span.matrix-logo.qa:hover, .active span.matrix-logo.qa,
span.matrix-logo.rating,span.matrix-logo.rating:hover, .active span.matrix-logo.rating,
span.matrix-logo.refuel,span.matrix-logo.refuel:hover, .active span.matrix-logo.refuel,
span.matrix-logo.registration,span.matrix-logo.registration:hover, .active span.matrix-logo.registration,
span.matrix-logo.reports,span.matrix-logo.reports:hover, .active span.matrix-logo.reports,
span.matrix-logo.rfid,span.matrix-logo.rfid:hover, .active span.matrix-logo.rfid,
span.matrix-logo.tachometer,span.matrix-logo.tachometer:hover, .active span.matrix-logo.tachometer,
span.matrix-logo.tire,span.matrix-logo.tire:hover, .active span.matrix-logo.tire,
span.matrix-logo.unknown,span.matrix-logo.unknown:hover, .active span.matrix-logo.unknown,
span.matrix-logo.upload-email,span.matrix-logo.upload-email:hover, .active span.matrix-logo.upload-email,
span.matrix-logo.bulk-mailing,span.matrix-logo.bulk-mailing:hover, .active span.matrix-logo.bulk-mailing,
span.matrix-logo.upload,span.matrix-logo.upload:hover, .active span.matrix-logo.upload,
span.matrix-logo.upload-settings,span.matrix-logo.upload-settings:hover, .active span.matrix-logo.upload-settings,
span.matrix-logo.uvv,span.matrix-logo.uvv:hover, .active span.matrix-logo.uvv,
span.matrix-logo.vehicle,span.matrix-logo.vehicle:hover, .active span.matrix-logo.vehicle,
span.matrix-logo.vehicles,span.matrix-logo.vehicles:hover, .active span.matrix-logo.vehicles,
span.matrix-logo.contract,span.matrix-logo.contract:hover, .active span.matrix-logo.contract,
span.matrix-logo.contract-insurance,span.matrix-logo.contract-insurance:hover, .active span.matrix-logo.contract-insurance,
span.matrix-logo.person-private,span.matrix-logo.person-private:hover, .active span.matrix-logo.person-private,
span.matrix-logo.upload-settings,span.matrix-logo.upload-settings:hover, .active span.matrix-logo.upload-settings,
span.matrix-logo.sale,span.matrix-logo.sale:hover, .active span.matrix-logo.sale,
span.matrix-logo.settings,span.matrix-logo.settings:hover, .active span.matrix-logo.settings,
span.matrix-logo.person-customer,span.matrix-logo.person-customer:hover, .active span.matrix-logo.person-customer,
span.matrix-logo.upload-telematics,span.matrix-logo.upload-telematics:hover, .active span.matrix-logo.upload-telematics,
span.matrix-logo.trip,span.matrix-logo.trip:hover, .active span.matrix-logo.trip,
span.matrix-logo.billing,span.matrix-logo.billing:hover, .active span.matrix-logo.billing,
span.matrix-logo.telematics-settings,span.matrix-logo.telematics-settings:hover, .active span.matrix-logo.telematics-settings,
span.matrix-logo.partners,span.matrix-logo.partners:hover, .active span.matrix-logo.partners,
span.matrix-logo.sale-vehicle,span.matrix-logo.sale-vehicle:hover, .active span.matrix-logo.sale-vehicle,
span.matrix-logo.person,span.matrix-logo.person:hover, .active span.matrix-logo.person,
span.matrix-logo.audit,span.matrix-logo.audit:hover, .active span.matrix-logo.audit,
span.matrix-logo.esave,span.matrix-logo.esave:hover, .active span.matrix-logo.esave
{
    padding:25px;
    background-size:50px; 
    float:right; 
    background-position:0 0; 
    border: 3px solid #fff; 
    border-radius:50%; 
    background-repeat:no-repeat;
}

.matrix-logo.chart{ background:url(../images/icon/inactive/chart.png)}
.active .matrix-logo.chart, .matrix-logo.chart:hover,#title-logo.chart{ background:url(../images/icon/active/chart.png)}
.matrix-logo.details{ background:url(../images/icon/inactive/details.png)}
.active .matrix-logo.details, .matrix-logo.details:hover,#title-logo.details{ background:url(../images/icon/active/details.png)}
.matrix-logo.nurserygroups{ background:url(../images/icon/inactive/nurserygroups.png)}
.active .matrix-logo.nurserygroups, .matrix-logo.nurserygroups:hover,#title-logo.nurserygroups{ background:url(../images/icon/active/nurserygroups.png)}
.matrix-logo.roster{ background:url(../images/icon/inactive/roster.png)}
.active .matrix-logo.roster, .matrix-logo.roster:hover,#title-logo.roster{ background:url(../images/icon/active/roster.png)}
.matrix-logo.case-list{ background:url(../images/icon/inactive/case-list.png)}
.active .matrix-logo.case-list, .matrix-logo.case-list:hover,#title-logo.case-list{ background:url(../images/icon/active/case-list.png)}
.matrix-logo.applicationfilter{ background:url(../images/icon/inactive/applicationfilter.png)}
.active .matrix-logo.applicationfilter, .matrix-logo.applicationfilter:hover,#title-logo.applicationfilter{ background:url(../images/icon/active/applicationfilter.png)}
.matrix-logo.application{ background:url(../images/icon/inactive/application.png)}
.active .matrix-logo.application, .matrix-logo.application:hover,#title-logo.application{ background:url(../images/icon/active/application.png)}
.matrix-logo.accounting{ background:url(../images/icon/inactive/accounting.png)}
.active .matrix-logo.accounting, .matrix-logo.accounting:hover,#title-logo.accounting{ background:url(../images/icon/active/accounting.png)}
.active .matrix-logo.mandatesmanagement, .matrix-logo.mandatesmanagement:hover,#title-logo.mandatesmanagement{ background:url(../images/icon/active/mandatesmanagement.png)}
.matrix-logo.mandatesmanagement{ background:url(../images/icon/inactive/mandatesmanagement.png)}
.active .matrix-logo.warteliste, .matrix-logo.warteliste:hover,#title-logo.warteliste{ background:url(../images/icon/active/warteliste.png)}
.matrix-logo.warteliste{ background:url(../images/icon/inactive/warteliste.png)}
.active .matrix-logo.login, .matrix-logo.login:hover,#title-logo.login{ background:url(../images/icon/active/login.png)}
.matrix-logo.login{ background:url(../images/icon/inactive/login.png)}
.active .matrix-logo.search, .matrix-logo.search:hover,#title-logo.search{ background:url(../images/icon/active/search.png)}
.matrix-logo.search{ background:url(../images/icon/inactive/search.png)}
.matrix-logo.development{ background:url(../images/icon/inactive/development.png)}
.active .matrix-logo.development, .matrix-logo.development:hover,#title-logo.development{ background:url(../images/icon/active/development.png)}
.matrix-logo.inbox{ background:url(../images/icon/inactive/inbox.png)}
.active .matrix-logo.inbox, .matrix-logo.inbox:hover,#title-logo.inbox{ background:url(../images/icon/active/inbox.png)}
.matrix-logo.driver{ background:url(../images/icon/inactive/driver.png)}
.active .matrix-logo.driver, .matrix-logo.driver:hover,#title-logo.driver{ background:url(../images/icon/active/driver.png)}
.matrix-logo.elicence{ background:url(../images/icon/inactive/elicence.png)}
.active .matrix-logo.elicence, .matrix-logo.elicence:hover,#title-logo.elicence{ background:url(../images/icon/active/elicence.png)}
.matrix-logo.evb{ background:url(../images/icon/inactive/evb.png)}
.active .matrix-logo.evb, .matrix-logo.evb:hover,#title-logo.evb{ background:url(../images/icon/active/evb.png)}
.matrix-logo.fst{ background:url(../images/icon/inactive/fst.png)}
.active .matrix-logo.fst,.matrix-logo.fst:hover,#title-logo.fst{ background:url(../images/icon/active/fst.png)}
.matrix-logo.idea{ background:url(../images/icon/inactive/idea.png)}
.active .matrix-logo.idea, .matrix-logo.idea:hover,#title-logo.idea{ background:url(../images/icon/active/idea.png)}
.matrix-logo.inspection{ background:url(../images/icon/inactive/inspection.png)}
.active .matrix-logo.inspection, .matrix-logo.inspection:hover,#title-logo.inspection{ background:url(../images/icon/active/inspection.png)}
.matrix-logo.insurer{ background:url(../images/icon/inactive/insurer.png)}
.active .matrix-logo.insurer, .matrix-logo.insurer:hover,#title-logo.insurer{ background:url(../images/icon/active/insurer.png)}
.matrix-logo.like{ background:url(../images/icon/inactive/like.png)}
.active .matrix-logo.like, .matrix-logo.like:hover,#title-logo.like{ background:url(../images/icon/active/like.png)}
.matrix-logo.losses{ background:url(../images/icon/inactive/losses.png)}
.active .matrix-logo.losses, .matrix-logo.losses:hover,#title-logo.losses{ background:url(../images/icon/active/losses.png)}
.matrix-logo.loss{ background:url(../images/icon/inactive/loss.png)}
.active .matrix-logo.loss, .matrix-logo.loss:hover,#title-logo.loss{ background:url(../images/icon/active/loss.png)}
.matrix-logo.telematics{ background:url(../images/icon/inactive/telematics.png)}
.active .matrix-logo.telematics, .matrix-logo.telematics:hover,#title-logo.telematics{ background:url(../images/icon/active/telematics.png)}
.matrix-logo.market{ background:url(../images/icon/inactive/market.png)}
.active .matrix-logo.market,.matrix-logo.market:hover,#title-logo.market{ background:url(../images/icon/active/market.png)}
.matrix-logo.oil{ background:url(../images/icon/inactive/oil.png)}
.active .matrix-logo.oil, .matrix-logo.oil:hover,#title-logo.oil{ background:url(../images/icon/active/oil.png)}
.matrix-logo.partner{ background:url(../images/icon/inactive/partner.png)}
.active .matrix-logo.partner, .matrix-logo.partner:hover,#title-logo.partner{ background:url(../images/icon/active/partner.png)}
.matrix-logo.dereg{ background:url(../images/icon/inactive/dereg.png)}
.active .matrix-logo.dereg, .matrix-logo.dereg:hover,#title-logo.dereg{ background:url(../images/icon/active/dereg.png)}
.matrix-logo.parentswork{ background:url(../images/icon/inactive/parentswork.png)}
.active .matrix-logo.parentswork, .matrix-logo.parentswork:hover,#title-logo.parentswork{ background:url(../images/icon/active/parentswork.png)}
.matrix-logo.calendar{ background:url(../images/icon/inactive/calendar.png)}
.active .matrix-logo.calendar, .matrix-logo.calendar:hover,#title-logo.calendar{ background:url(../images/icon/active/calendar.png)}
.matrix-logo.dailylog{ background:url(../images/icon/inactive/gruppentagebuch.png)}
.active .matrix-logo.dailylog, .matrix-logo.dailylog:hover,#title-logo.dailylog{ background:url(../images/icon/active/gruppentagebuch.png)}
.matrix-logo.childdevelopment{ background:url(../images/icon/inactive/childdevelopment.png)}
.active .matrix-logo.childdevelopment, .matrix-logo.childdevelopment:hover,#title-logo.childdevelopment{ background:url(../images/icon/active/childdevelopment.png)}
.matrix-logo.pickup{ background:url(../images/icon/inactive/pickup.png)}
.active .matrix-logo.pickup, .matrix-logo.pickup:hover,#title-logo.pickup{ background:url(../images/icon/active/pickup.png)}
.matrix-logo.person-customer{ background:url(../images/icon/inactive/person-customer.png)}
.active .matrix-logo.person-customer:hover,#title-logo.person-customer{ background:url(../images/icon/active/person-customer.png)}
.matrix-logo.person-private{ background:url(../images/icon/inactive/person-private.png)}
.active .matrix-logo.person-private, .matrix-logo.person-private:hover,#title-logo.person-private{ background:url(../images/icon/active/person-private.png)}
.matrix-logo.persons{ background:url(../images/icon/inactive/persons.png)}
.active .matrix-logo.persons, .matrix-logo.persons:hover,#title-logo.persons{ background:url(../images/icon/active/persons.png)}
.matrix-logo.petrolstation{ background:url(../images/icon/inactive/petrolstation.png)}
.active .matrix-logo.petrolstation, .matrix-logo.petrolstation:hover,#title-logo.petrolstation{ background:url(../images/icon/active/petrolstation.png)}
.matrix-logo.qa{ background:url(../images/icon/inactive/qa.png)}
.active .matrix-logo.qa, .matrix-logo.qa:hover,#title-logo.qa{ background:url(../images/icon/active/qa.png)}
.matrix-logo.rating{ background:url(../images/icon/inactive/rating.png)}
.active .matrix-logo.rating, .matrix-logo.rating:hover,#title-logo.rating{ background:url(../images/icon/active/rating.png)}
.matrix-logo.refuel{ background:url(../images/icon/inactive/refuel.png)}
.active .matrix-logo.refuel, .matrix-logo.refuel:hover,#title-logo.refuel{ background:url(../images/icon/active/refuel.png)}
.matrix-logo.registration{ background:url(../images/icon/inactive/registration.png)}
.active .matrix-logo.registration, .matrix-logo.registration:hover,#title-logo.registration{ background:url(../images/icon/active/registration.png)}
.matrix-logo.reports{ background:url(../images/icon/inactive/reports.png)}
.active .matrix-logo.reports, .matrix-logo.reports:hover,#title-logo.reports{ background:url(../images/icon/active/reports.png)}
.matrix-logo.rfid{ background:url(../images/icon/inactive/rfid.png)}
.active .matrix-logo.rfid, .matrix-logo.rfid:hover,#title-logo.rfid{ background:url(../images/icon/active/rfid.png)}
.matrix-logo.tachometer{ background:url(../images/icon/inactive/tachometer.png)}
.active .matrix-logo.tachometer, .matrix-logo.tachometer:hover,#title-logo.tachometer{ background:url(../images/icon/active/tachometer.png)}
.matrix-logo.tire{ background:url(../images/icon/inactive/tire.png)}
.active .matrix-logo.tire, .matrix-logo.tire:hover,#title-logo.tire{ background:url(../images/icon/active/tire.png)}
.matrix-logo.unknown{ background:url(../images/icon/inactive/unknown.png)}
.active .matrix-logo.unknown, .matrix-logo.unknown:hover,#title-logo.unknown{ background:url(../images/icon/active/unknown.png)}
.matrix-logo.upload-email{ background:url(../images/icon/inactive/upload-email.png)}
.active .matrix-logo.upload-email, .matrix-logo.upload-email:hover,#title-logo.upload-email{ background:url(../images/icon/active/upload-email.png)}
.matrix-logo.bulk-mailing{ background:url(../images/icon/inactive/bulk-mailing.png)}
.active .matrix-logo.bulk-mailing, .matrix-logo.bulk-mailing:hover,#title-logo.bulk-mailing{ background:url(../images/icon/active/bulk-mailing.png)}
.matrix-logo.upload{ background:url(../images/icon/inactive/upload.png)}
.active .matrix-logo.upload, .matrix-logo.upload:hover,#title-logo.upload{ background:url(../images/icon/active/upload.png)}
.matrix-logo.upload-settings{ background:url(../images/icon/inactive/upload-settings.png)}
.active .matrix-logo.upload-settings, .matrix-logo.upload-settings:hover,#title-logo.upload-settings{ background:url(../images/icon/active/upload-settings.png)}
.matrix-logo.uvv{ background:url(../images/icon/inactive/uvv.png)}
.active .matrix-logo.uvv, .matrix-logo.uvv:hover,#title-logo.uvv{ background:url(../images/icon/active/uvv.png)}
.matrix-logo.vehicle{ background:url(../images/icon/inactive/vehicle.png)}
.active .matrix-logo.vehicle, .matrix-logo.vehicle:hover,#title-logo.vehicle{ background:url(../images/icon/active/vehicle.png)}
.matrix-logo.vehicles{ background:url(../images/icon/inactive/vehicles.png)}
.active .matrix-logo.vehicles, .matrix-logo.vehicles:hover,#title-logo.vehicles{ background:url(../images/icon/active/vehicles.png)}
.matrix-logo.contract{ background:url(../images/icon/inactive/contract.png)}
.active .matrix-logo.contract, .matrix-logo.contract:hover,#title-logo.contract{ background:url(../images/icon/active/contract.png)}
.matrix-logo.contract-insurance{ background:url(../images/icon/inactive/contract-insurance.png)}
.active .matrix-logo.contract-insurance, .matrix-logo.contract-insurance:hover,#title-logo.contract-insurance{ background:url(../images/icon/active/contract-insurance.png)}
.matrix-logo.person-private{ background:url(../images/icon/inactive/person-private.png)}
.active .matrix-logo.person-private, .matrix-logo.person-private:hover,#title-logo.person-private{ background:url(../images/icon/active/person-private.png)}
.matrix-logo.upload-settings{ background:url(../images/icon/inactive/upload-settings.png)}
.active .matrix-logo.upload-settings, .matrix-logo.upload-settings:hover,#title-logo.upload-settings{ background:url(../images/icon/active/upload-settings.png)}
.matrix-logo.sale{ background:url(../images/icon/inactive/sale.png)}
.active .matrix-logo.sale, .matrix-logo.sale:hover,#title-logo.sale{ background:url(../images/icon/active/sale.png)}
.matrix-logo.settings{ background:url(../images/icon/inactive/settings.png)}
.active .matrix-logo.settings, .matrix-logo.settings:hover,#title-logo.settings{ background:url(../images/icon/active/settings.png)}
.matrix-logo.person-customer{ background:url(../images/icon/inactive/person-customer.png)}
.active .matrix-logo.person-customer, .matrix-logo.person-customer:hover,#title-logo.person-customer{ background:url(../images/icon/active/person-customer.png)}
.matrix-logo.upload-telematics{ background:url(../images/icon/inactive/upload-telematics.png)}
.active .matrix-logo.upload-telematics, .matrix-logo.upload-telematics:hover,#title-logo.upload-telematics{ background:url(../images/icon/active/upload-telematics.png)}
.matrix-logo.trip{ background:url(../images/icon/inactive/trip.png)}
.active .matrix-logo.trip, .matrix-logo.trip:hover,#title-logo.trip{ background:url(../images/icon/active/trip.png)}
.matrix-logo.billing{ background:url(../images/icon/inactive/billing.png)}
.active .matrix-logo.billing, .matrix-logo.billing:hover,#title-logo.billing{ background:url(../images/icon/active/billing.png)}
.matrix-logo.telematics-settings{ background:url(../images/icon/inactive/telematics-settings.png)}
.active .matrix-logo.telematics-settings, .matrix-logo.telematics-settings:hover,#title-logo.telematics-settings{ background:url(../images/icon/active/telematics-settings.png)}
.matrix-logo.partners{ background:url(../images/icon/inactive/partners.png)} 
.active .matrix-logo.partners, .matrix-logo.partners:hover,#title-logo.partners{ background:url(../images/icon/active/partners.png)}
.matrix-logo.sale-vehicle{ background:url(../images/icon/inactive/sale-vehicle.png)}
.active .matrix-logo.sale-vehicle, .matrix-logo.sale-vehicle:hover,#title-logo.sale-vehicle{ background:url(../images/icon/active/sale-vehicle.png)}
.matrix-logo.person{ background:url(../images/icon/inactive/person.png)}
.active .matrix-logo.person, .matrix-logo.person:hover,#title-logo.person{ background:url(../images/icon/active/person.png)}
.matrix-logo.audit{ background:url(../images/icon/inactive/audit.png)}
.active .matrix-logo.audit, .matrix-logo.audit:hover,#title-logo.audit{ background:url(../images/icon/active/audit.png)}
.matrix-logo.esave{ background:url(../images/icon/inactive/telematics-settings.png)}
.active .matrix-logo.esave, .matrix-logo.esave:hover,#title-logo.esave{ background:url(../images/icon/active/telematics-settings.png)}


#spacer-head-MATRIX{
    padding:109px 0 0 0;
    background:#fff;}
#content{
    padding: 250px 80px 0;
    
}

#content.left-menu{
position:absolute; left:250px; padding-top:28px}
.content-link{
color                   : #7A9E1A;
font-size               : 1em;
font-weight             : bold;
text-decoration         : none;
padding-right           : 15px;

}
.content-link a{
color                   : #f39200;
text-decoration         : none;
padding-left            : 0px;
padding-right           : 0px;
padding-bottom          : 5px;
}
.content-link a:hover{

text-decoration:underline;

}

#headline{
padding-left:15px;
color                   : #999;
font-size               : 18px;
font-weight             : bold;
padding-bottom:5px;


}
#headline span a{
padding-top             : 2px;
}

table{
border                  : 1px #a38c2e solid;
border-collapse         :separate;
border-radius           :6px;
-moz-border-radius      :6px;

}
tr{
padding-left            : 10px;
}
th{
text-align              : left;
vertical-align          : top;
color                   : #a76400;
font-size               : 1em;
font-weight             : bold;
padding                 : 5px;
margin                  : 0px;
border                  : 5px;


}
.header-section {
text-align             : right;
padding                : 2px;
border-top             : 10px solid #ffffff;
border-bottom          : 1px solid #052967;
}
td{
border-right            : 1px solid #fff;
border-left             : 1px solid #fff;
color                   : #000000;
font-size               : 1em;
padding                 : 3px 5px 2px 5px;
vertical-align          : top;
}
.tab-row-space{
border-bottom:2px solid #666;
font-size:0.01em;
}
.bg-color td, .bg-color-outdated td {
background-color        : #f7f2e4;
}
.bg-color th, .bg-color-outdated th {
background-color       : #f7f2e4;
text-align             : center;
padding                : 2px;
border-top             : 10px solid #ffffff;
}
.bg-colorbold td, .bg-colorbold td a {
background-color       : #f7f2e4;
font-weight            : bold;
}
.bold td, .bold td a {
font-weight            : bold;
}
.bg-color td.blank, .bg-color th.blank, .bg-color-outdated td.blank, .bg-color-outdated th.blank, .bg-colorbold td.blank, .bg-colorbold td.blank a {
background-color       : white;
}
.bg-color-outdated td, .outdated td {
color                  : #777777;
}

#outdated{
color                  : #777777;
}

th select{
border                 : 1px solid #a38c2e;
font-size              : 0.9em;


  -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
 
   font-weight: bold;
   padding: 2px 10px;
 
   -webkit-appearance: none;
}
.search-result td {
background-color       : #CFC7A8;
font-weight            : bold;
}
.validationMessage {
color                  : #FF0000;
}

.highlightDocument, .highlightDocument a {
color                  : #FF0000;
}

.nobr{
 white-space           :nowrap;
}
#login #head{
height:85px;
border-bottom           : 1px #a38c2e solid;}
#login #wrapper-content{
	
	height:100%;
	background:url(../images/tapete.png) 292px 18px no-repeat transparent;
}
#login #login-left{
	width:160px;
	padding:35px 20px 20px 20px;
	float:left;
}

#login #content{
	float:left;
	background:url(../images/login-left-bg.png) no-repeat;
	width:300px;;
	height:100%;
	padding:0;
	margin:0;}
#login #content #login-left{
	position:absolute;
	left:0px;
	padding:150px 0 0 0;

	}	
#login #content #login-left fieldset{
	background:none;
	border:none;
	}	
#login #content #login-left fieldset input.text{	
width:160px;}
#login #spacer-head-MATRIX{
	display:none;}	
#login label{
	padding:0;}	
#login #headline{
	position:absolute;
	font-size:22px;
	left:0;
	top:60px;
	color:#fff;
	padding:0 20px 10px 0px;
	margin-left:0px;
	width:150px;
	margin:15px 15px 40px 15px;
	border-bottom:1px solid #fff;
	}	
#login fieldset .content-link{
	background:none;
	border:none;
	width:200px;}
#login .content-link a{
background:none;
border:none;
	color:#fff;
	display:block;
	float:left;
	padding-top:5px;
	padding-left:20px;
	font-size:12px;}	
#login span.content-link a#login_link{
	margin-top:15px;
	background:url(../images/login-link.png) 1px 5px no-repeat ;
	background-size:15px;
}
#login span.content-link a#psw_link{
	background:url(../images/login-psw.png) 1px 5px no-repeat;
	background-size:15px;
}	
#login span.content-link a#reg_link{
	background:url(../images/login-reg.png) 1px 5px no-repeat;
	background-size:15px;
}
#login span.content-link a#coupon_link{
	background:url(../images/login-coup.png) 1px 5px no-repeat;
	background-size:15px;
}
#login #wrapper-all{
	background:url(../images/login_hg.png)200px 0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:2;}
#login #imp{
	position:fixed;
	right:20px;
	top:10px;
	z-index:9999;
    color: #878787;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;	}	
    
#login-right{
position:relative;
left:300px;
top:-200px;
width:800px;
float:left;}
#login-right a{
color                   : #f39200;
text-decoration         : none;
margin:0 0 0 15px;
}
#login-right a:hover{
}

#car-div{
float:left;
}


#timestamp{
  clear					  : both;
  color                   : grey;
  font-family             : sans-serif;
  font-size               : 12px;
  text-align              : center 
}

#head-highlight{
    background:url(../images/achtung-top.png) no-repeat;
    background-size: 20px 17px;
    float: left;
    padding-right: 20px;
}