html {
    height: 100%;
}

body {
  background-color: #ffffff;
  font-family: Arial,sans-serif;
  /* with font-size 12px it looks awful from the outside... why? */
  /* font-size:12px; */
  margin: 0;
  overflow-y: scroll;
  height: 100%;
}

/* Links */
a:link {
    color: #022269;
    padding: 0;
    margin: 0;
    display: inline-block;
}
a:visited {
    color: #022269;
}
a:active {
    color: #3399ff;
}
a:hover {
    color: #0626a9;
}

/* ====================== HEADER =========================== */
/* complete header area */
div.hmenu {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    box-shadow: 15px 0px 10px 10px #FFF;
}

/* banner with conti logo and opendxm logo */
div.hmenu #hmenu-banner{
    height: 70px;
    border-bottom: 1px solid black;
}
img#bannerimage-left {
    height: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
}
img#bannerimage-right {
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
}

/* area for "Help" and "Support" links */
div.hmenu-right {
    float: right;
    font-weight: bold;
    font-size: 90%;
    position: relative;
    top: 5px;
}
div.hmenu-right a {
    margin-right: 12px;
    margin-left: 0px;
}

/* area for "Logout" and "Settings" links */
div.hmenu-left {
    float: left;
    font-weight: bold;
    font-size: 90%;
    position: relative;
    top: 5px;
}
div.hmenu-left a {
    margin-right: 0px;
    margin-left: 12px;
}

/* ul containing tabs */
ul.hmenu-navigation {
    background-color: silver;
    border-bottom: 1px solid black;
    text-align: center;
    font-weight: bold;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

/* a single tab */
li.hmenu-tab {
    position: relative;
    display: inline-block;
    background-color: #D5D5D5;

    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    margin-top: 5px;
    margin-bottom: -1px;
    padding-bottom: 1px;

    line-height: 28px;
    min-width: 100px;
    z-index: 1;
}

/* tab: changes for mouse-over */
li:hover.hmenu-tab-hover {
    background-color: white;
    border-bottom: 1px solid white;
}

/* tab: mark the currently active tab */
li.hmenu-active-tab {
    background-color: white;

    border-top: 1px solid black;
    border-bottom: 1px solid white;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

/* tab: links */
a.hmenu-tab {
    text-decoration: none;
    display: block;
}
a:focus.hmenu-tab {
    color: blue;
    outline: 0;
}

/* move page content a little bit down to avoid overlapping between header and page content */
div.hmenu-spacing {
    height: 120px;
}



.lmtext {
  font-family: Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size:12px; 
  padding:1px 4px 0px 0px;
}

p.lmtext {
  text-align: left;
  margin: 0px 2px 2px 4px;
  padding: 0px;
}

.head {
  font-family: Arial;
  font-size:18px;
  font-weight:bold;
}

/* auch rechte Box */
.lmentry {
  color:#ffffff;
}

.disabled {
    background-color: white;
    border: 1px solid #cccccc;
    color: #cccccc;
    font-family:Courier;
    font-size:12px;
}

/* alternierende Hintergrundfarbe bei Tabellenzeilen */
.line1 {
    color: #000000;
/*    background-color: #f8f8f8; */
    background-color: #ced4e4;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    border-color: white;
    border-top-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-width: 1px;
    border-collapse: separate;
}
.line2 {
    color: #000000;
/*    background-color: #e9e9e9; */
    background-color: #f8f8f8;
    font-family: Arial,Helvetica,Sans-serif;
    font-size:12px;
    border-color: white;
    border-top-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-width: 1px;
    border-collapse: separate;
}
.line3 {
    color: #000000;
    background-color: #F7F7F7;
    font-family: Arial,Helvetica,Sans-serif;
    font-size:12px;
}

.jobline {
    color: #000000;
    font-family:Courier,Arial;
    font-size:12px;
}
.inputlayer {
    color: #000000;
    font-size:12px;
    font-family:Courier,Arial,Verdana;
    position:relative;
}
.input {
    color: #000000;
    font-size:12px;
    font-family:Courier,Arial,Verdana;
}
.input_d {
    background-color: #D4D2CC;
    color: #6F6F6F;
    font-size:12px;
    font-family:Courier,Arial,Verdana;
}
.label_d {
    color: #6F6F6F;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
}
.labelsel {
    color: #000000;
    background-color: #3399ff;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
}
.statuserr {
    color: #000000;
    background-color: #3399ff;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
}
.statusok {
    color: #000000;
    background-color: #3399ff;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
}
.fsheadline {
    color: #000000;
    background-color: #3399ff;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
}

.label {
    color: #000000;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
}
.label_light {
    color: #9F9F9F;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
}
.label_layer {
    color: #000000;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
    position:relative;
}
.label_layer_light {
    color: #9F9F9F;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:12px;
    position:relative;
}
.label_head {
    color: #000000;
    font-family:Arial,Sans-serif,Helvetica,Verdana;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
}

.action {
   font-family:Arial,Sans-serif,Helvetica,Verdana;
   font-size:12px;
   color: #000000;
}

H2 {
    color: #000000;
    font-family: Arial,Sans-serif,Verdana;
    font-size: 26px;
    font-style: normal
}

.white {
   color: #ffffff;
   font-family: Arial,Sans-serif,Verdana;
}
.bgwhite {
   background-color: #ffffff;
   font-family: Arial,Sans-serif,Verdana;
   font-size:12px; 
}
.linknoline {
  text-decoration:none;
}
.bgpage {
   background-color: #DDDDDD;
   font-family: Arial,Helvetica,Verdena,sans-serif;
   font-size:12px; 
}

/* Filter */
.myborder {
  border-width:1px;
  border-style:solid;
  border-color:#cccccc;
  background-color: #f8f8f8;
}

.submitDisabled , .submitHighlighted {
}

.submitStandard {
  min-width: 90px;
}

.submitDouble {
  min-width: 180px;
}


a.linkRight {
}

.modal { 
  width: 100%;
  left: 0;
  background-color: transparent; }

.modal-body { 
  display: inline-block; 
  background-color: #FFF; }

.modal img { min-width: 0 !important; }

#fileupload-table
{
    font-family: Arial,Sans-serif,Verdana;    
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#fileupload-table th
{
    background-color: #dddddd;
    color: #000000;
    font-weight:bold;
    padding: 8px;
    
    
    border-bottom: 1px solid gray;
   
}
#fileupload-table td
{
    padding: 2px;
    background: #ffffff;
    color:#000000;
}
#section-fileuploaddirectory-table {
    font-family: Arial,Sans-serif,Verdana;    
    width: 793px;
    text-align: left;
    
	border-width: 1px;  
	border-style: solid; 
	border-color: gray; 
}
#section-fileupload-table {
    font-family: Arial,Sans-serif,Verdana;    
    width: 793px;
    text-align: left;
}

#fileupload-table tr:hover td
{
    background: #eeeeee;	
    color:#000000;
}
#fileupload-table tr:hover td
{
    background: #eeeeee;	
    color:#000000;
}

.column-action {
	width: 20px;
}
.column-file {
    width: 400px;
	text-align: left;
}

.column-progress{
     width: 10px;
}
.myprogresstable{
	font-family: Arial,Sans-serif,Verdana;	
	border-width: 1px;  
	border-style: solid; 
	border-color: gray; 
	
}
.myprogresstable tr {
	height: 18px;
}
.myprogressglobaltable{
	height: 20px;
	border-width: 1px;  
	border-style: solid; 
	border-color: gray; 
}

.fileinput-button {

}

 #loading-div-background 
    {
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:white;
        width:100%;
        height:100%;
     }
#loading-div
    {
         width: 300px;
         height: 200px;
         background-color:  transparent;
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
     }