/* cubee Standardstyles */
body
{
	font:10px/24px  Arial;
	background:#FFFFFF;
	border: 0; 
	font-size:1em;
			
	margin:0 auto;
}

/* Menüleiste */
.inoKopf
{
	background-color:#6c869b;
	font: 11px/24px  Arial;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bolder;
    table-layout:fixed;
    white-space: nowrap;
    overflow: hidden;
}

.NavTop {
    text-align: center;
    height:50px;
    table-layout:fixed;
    border: 0;
    padding: 0;
}  

/* Menüleiste - Benutzerinformationen */
#UserInfo{
    display:inline-block;
    vertical-align:middle;
    line-height: 1em;
    text-align:left;
}
#Company
{
    font-size: 8pt;
}

/* Menüleiste - Separator */
.Separator
{
    vertical-align:middle;
}

/* Menüleiste - Navigation Buttons */
.insideDunkel {
    height: 26px;
    float: left;
    padding-right: 8px;
    padding-Left: 8px;
    line-height: 26px;
    vertical-align: middle;
}

.NavContainer {
    overflow: hidden; /* verhindert, dass Navigationselemente oben links in nebenstehende Elemente hineinragen */
}

.NavOutside {
    height: 26px;
    background-color: transparent;
    overflow: hidden;
    display: inline-flex; /* hält Navigationselemnte oben links zusammen in einer Zeile */
    float: left; /* links ausrichten */
}

.NavLink 
{
    color:#EBEBEB;
    text-decoration: none;
}
.NavLink:hover
{
    color:white;
}

.insideTransparent {
    height: 26px;
    text-align:left;
    padding-right: 9px;
    padding-Left: 3px;
    line-height: 26px;
    vertical-align: middle;
    overflow:hidden;
}

/* Menüleiste - Navigation Zwischenräume */
.zeroTransparent 
{
    width: 0;
    height: 11px;
    margin: 0;
    margin-top:4px;
    line-height: 0;
    font-size: 0;
    background-color: transparent;
    border-color: transparent transparent;
    border-style: solid;
    float: left;
}

.oneTransparent {
  width: 10px;
  height: 11px;
  margin: 0;
  margin-top:4px;
  line-height: 0;
  font-size: 0;
  background-color: transparent;
  border-color: transparent transparent;
  border-style: solid;
  float: left;
  background-image: url(../Images/NavArrow.png);
  background-repeat: no-repeat;
  background-position:center; 
} 

.twoTransparent {
    width: 0;
    height: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
    background-color: transparent;
    border-width: 13px 10px 13px 0;
    border-color: transparent transparent;
    border-style: solid;
} 

/* Menüleiste - cubee Text */
#HeaderLabel
{
    color:White;
    text-decoration:none;
    font-size:18px;
    font-weight: normal;
}

/* Lizenzinformationen in Startansichten */
.PublicLicenceInformation
{
    position:inherit; 
    margin-top:10px; 
    line-height: 24px;
}
.PublicLicenceInformation.Licence
{
    width:100%; 
    text-align:center; 
    border-bottom: 1px solid #BFBFBF;
}
.PublicLicenceInformation.LicenceExpire
{
    margin-left:620px;    
    color:Red;
}

/* Adminansichten (Kacheln + Tabellenheader) */
.GroupArea {
    background-color: #d9cb68;
    color: White;
}
.BookArea {
    background-color: #3c7567;
    color: White;
    white-space: nowrap;
}
.RelationArea {
    background-color: #dead5b;
    color: White;
}
.UserArea {
    background-color: #384e73;
    color: White;
    white-space: nowrap;
}
.QueryArea {
    background-color: #b8445e;
    color: White;
    white-space: nowrap;
}
.ObjectArea {
    background-color: #4ea5ba;
    color: White;
}
.LOVArea {
    background-color: #969696;
    color: White;
}

.EinBlickArea {
    background-color: #9dbb61;
    color: White;
}

 /* Body Style der Views */   
.inoHiGesamt
{
	background:#FFFFFF;
	font-size:0.9em;        
}

/* Detailbereich der Views */
.inoLayout
{
	color:#03406B;
	font-size:0.9em;
	        
}

.LayoutDiv
{   
    width:700px;
    min-height:790px;
    position:absolute;
    top:60px;
    left:50%;
    bottom:50px;
    margin-left:-350px;
}

/* Scrollbare Bereiche im Detailbereich der Views */
.ScrollDiv1
{
	position:absolute;
	overflow:hidden;
	top:30px;
	bottom:15px;
	width:49%;
	left:20px;
}	
	   
.ScrollDiv2
{
	position:absolute;
	overflow:hidden;
	overflow-y:auto;
	top:30px;
	bottom:15px;
	width:45%;
	right:18px;
}	

/* Detailheader ( + Firmennamenheader) im Detailbereich */
.LabelDiv1
{
    position:absolute;
    top:0;
    left:23px;
    text-align:left;
    margin-top:5px;
    Font-Size:1.2em;
    Font-weight:bold;
}

.DetailHeader
{
    font-family: Arial,Helvetica,Sans-Serif; 
    font-size: 14px; 
    font-weight: bold; 
}

/* Listen im Detailbereich */
.inoTable
{
	background:#FFFFFF;
	color:#000000;
	font-size:0.9em;
	border: 0 solid #B9B9B9;
}

.BasicTable  
{
	width:99%;
	border-collapse:collapse;
	padding: 1px;
	border: 1px solid #B9B9B9;
	margin: 1px;
	empty-cells: show;
} 

.BasicTable th { 
	padding: 0;
	padding-left:5px;
	padding-right:5px;
	text-align: left;
	vertical-align:middle;
	font-size:1em; 
} 	    

.BasicTable td  
{   
	text-align:right;
	padding-left:5px;
	padding-right:5px;
	border-bottom: 1px solid #B9B9B9;
}

.BasicTable tr td:first-child  
{
	margin-left: 1px;
	text-align: left;
	padding-left:5px;
	padding-right:5px;
	width:85%;               
}

.EmptyTableKorrektur tr th:first-child  
{
	margin-left: 1px;
	text-align: left;
	width: 120px;
	padding-left:5px;
	padding-right:5px;
	width:85%;            
}

/* Selektierte Listenelemente im Detailbereich */
tbody .inoSelectedRow {
    color:#0A64A4;
    font-weight:bolder;
}

/* Deselektierte Listenelemente im Detailbereich */
.inoDefaultBackground {
    color:#000000;
}

/* Listenelemente im Focus im Detailbereich */
.inoHoverRow {
    color:#0A64A4;
}

/* Kommentarfelder im Detailbereich */
.CommentField {
    -moz-resize:none;
    -ms-resize:none;
    -o-resize:none;
    resize:none;
}

/* Popup Style */
.ModalWindow
{
    background:transparent;
    padding: 0 0 0 0;
    position:absolute;
    text-align:center;
    width:370px;  
}

.modalBackground {
    background-color:#AEAEAE;
    -webkit-filter:alpha(opacity=20);
    -moz-filter:alpha(opacity=20);
    -o-filter:alpha(opacity=20);
    filter:alpha(opacity=20);
    -ms-opacity:0.4;
    opacity:0.4;
}

/* In Popups verwendet für die Headerzeile ?! */
.Default {
    background-color: #6c869b;
    color: #FFFFFF;
}

/* Initialer Style für Popups */
 .hidden
 {
     visibility:hidden;
 }

 /* Style des Popup-Inhalts */
.modalTable  
{
	width:96%;
	border-collapse:collapse;
	padding: 1px;
	margin: 1px;
	text-align:center; 
	margin-top:25px; 
	border:1px solid #121b28;
} 

.modalTable th { 
	padding: 0;
	padding-left:5px;
	padding-right:5px;
	font-size:1em; 
	line-height: 25px;
} 	    
	
.modalTable td  
{   
	padding-left:5px;
	padding-right:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.modalTable > tr td:first-child  
{
	margin-left: 1px;
	width: 140px;
	padding-left:5px;
	padding-right:5px;
	width:85%;
}

#ExpiringMaintenanceContainer {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.ExpiringMaintenanceCritical {
    background-color: rgb(255, 0, 0)
}

.ExpiringMaintenanceWarning {
    background-color: rgb(255, 150, 0)
}

.ListTable td {
    cursor: default;
    border-top: 1px solid #B9B9B9;
}

.FixedHeaderTable {
    border: none;
}

.FixedHeaderTable tbody, .FixedHeaderTable thead {
    display: block;
}

.FixedHeaderTable tbody {
    overflow-y: auto;
    overflow-x: hidden;
}

.FixedHeaderTable tr {
    border-left: 1px solid #B9B9B9;
    border-right: 1px solid #B9B9B9;
}

.ListButton {
    cursor: pointer;
}

.inoLogo{
    height:30px;
}

.myBigDiv {
    background-color: #F4F5F7;
    height: 230px;
    width: 300px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -150px;
    margin-right: -100px;
    border: 1px solid #121b28;
}

/* mobile Darstellung */
@media screen and (orientation: portrait) {
    /* Login-Element in login.aspx */
    .myBigDiv {
        zoom: 2;
    }

    /* Menüband oben */
    .NavTop {
        zoom: 1.45;
    }

    /* Inhaltsbereich unter Menüband */
    .NavTop + div {
        top: 75px !important;
    }

    .DetailHeader {
        font-size: 28px;
    }

    .PublicLicenceInformation {        
        margin-top: 20px;        
    }

    .PublicLicenceInformation.Licence {
        height: 40px;
    }

    /* zeige Buch-Symbol statt Text 'Bücher' */
    .NavTop #lbtnBook {
        content: url(../Images/Presentation.png);
        zoom: 1.5;
    }

    /* verstecke Pfeil direkt nach Buch-Symbol */
    .NavTop #Div3 {
        display: none !important;
    }

    /* verstecke 'Seite #/#' */
    .NavTop #DivLblPages {
        display: none !important;
    }

    /* verstecke Pfeil direkt vor 'Seite #/#' */
    .NavTop #Div6 {
        display: none !important;
    }

    
}