/*EPOS CUSTOM CSS PART
Hier kommen die Werte, welche angepasst werden können rein.
Es handelt sich um JQueryMobile Framework Klassen, die durch diese DATEI überschreiben werden
    RalpH Tiedtke 14.11.2014 !*/

/* Besichtungsklassen Ralph Tiedtke 29.03.2016*/

/*Generelles Padding um Überschneidungen zu verhindern*/

.leistungDiaButton{
    display: inline-block;
    background-image: url(/css/images/texteditoricon.png);
    width: 32px;
    height: 32px;
}

.dropDownButton{
    display: inline-block;
    background-image: url(/css/images/icons-36-black.png);
    background-position-x: -430px;
    width: 32px;
    height: 32px;
}

.dropSelectBox{
    background-color: lightgrey;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    border-radius: 5px;
    height: 30px;
    width: 100%;
    text-align: center;
    vertical-align: central;
}

.textBoxDialog{
    z-index: 20;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    position: absolute;
    background-color: black;
    font-size: 24px;
}

td {
    padding-left: 8px;
    padding-right: 8px;
}

tr td.Beschreibung {
    width:30px;
}

tr td.PLZ {
    width:30px;
    }

tr td.Land {
    width:10px;
    }
tr td.Ort {
    width:200px;
    }

#ContentPlaceHolder1_bewertField table td{
    padding: 0px;
}

#ContentPlaceHolder1_bewertField table td span{
    padding: 0px;
}

.bewertIcon {
    background-image: url('images/bewertung.png');
    background-size: 192px;
    height:64px; width:64px;
}

.bIcon1 {
    background-position: 0px 0px;
}

.bIcon2{    
    background-position: -64px 0px;
}

.bIcon3{    
    background-position: -128px 0px;
}

/* Besichtungsklassen Ende Ralph Tiedtke 29.03.2016*/




.hiddencol
  {
    display: none;
  }


#visitAddDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

#visitZusatzDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

.kranDatenDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

.kranDaten2Div{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

.transportDatenDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}






/*Schriftgröße der Buttons oben (START / INFO / LOGOIT etc).  Das !important bitte unbedingt stehen lassen nur die Größe in PX ändern.*/

div#schalter .ui-btn-inner

{
    font-size: 15px !important;    /* default:font-size: 15px !important; */
}


/*ENDE EPOS CUSTOM CSS PART*/




/*Ab Hier Standards bitte nicht verändern !*/


body {
    /*background-color: #f0f0f0;*/
}

form {
    height: 100%;
    /*position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 52px;*/
}

body .ui-page{
    min-width: 1400px;
}

.spacer{
    width: 50px;
}

.tableCell{
    padding: 5px;
}

.leistungRechts{
    right: 0px;
    /*position: absolute;*/
    display: inline-block;
    width: 40%;
    margin: 10px;
    margin-left: 50px;
}

.leistungLinks{
    left: 0px;
    /*position: absolute;*/
    display: inline-block;
    width: 40%;
    margin: 10px;
    margin-left: 50px;
}




.rechts { text-align :right;
          
}
.hoch { height:190px; width:100%;
          
}
.rechterheader {
    float: right;
    width: 48%;
    
}
.drittel { width:30%;}

.lightbox  {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 500;
  background: rgba(0, 0, 0, 0.75);
  -moz-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  visibility: collapse;
}

.lightboxContent  {
  overflow: hidden;
  position: absolute;
  padding: 10px;
  width: 80%;
  min-height: 50%;
  left: 10%;
  top: 10%;
  z-index: 600;
  background: rgba(255, 255, 255, 1);
  background-color: white;
}

.datumTableRow{
    background-color: black;
    color: white;
}
.pad {padding-top:3px; padding-bottom:3px;}
.padh {padding-left:3px; padding-right:3px;}
.textueberschrift { padding-left:10px; padding-top:3px; text-decoration:underline; font-weight:bold; font-size:medium;}
.textbig { font-size:large; padding:20px;}
  
.left {float:left;}
.linkerheader {float:left; width:50%; padding-left:15px; }
.right {float:right;}
.schmal {width:40%;}
.statustext { margin-left:25px ; margin-top:20px }
.headline-breite {width:100px}
.wid35 {width:35px;}

.conButtonLeft{

}

.conButtonRight{

}

.conButton{
    display: inline-block;
    margin: 0 -5px 0 0;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-appearance: button;
    opacity: 0.1;
    cursor: pointer;
    background-image: linear-gradient(#fdfdfd,#eee);
    filter: Alpha(Opacity=.0001);
    font-size: 1px;
    border: 0;
    line-height: 999px;
}


.mapsButton
{
    background-image: url(/css/images/maps.png);
    float: right;
    height:32px; width:32px;
    margin: 5px;
}

#flagde
{
    background-image: url(/Images/flags.png);
    background-position: 186px 189px;
    float: right;
    height:35px; width:48px;
    margin: 5px;
}

#flagen
{
    background-image: url(/Images/flags.png);
    background-position: -5px 189px;
    float: right;
    height:35px; width:48px; 
    margin: 5px;
}

#flagfr
{
    background-image: url(/Images/flags.png);
    background-position: -111px 189px;
    float: right;
    height:35px; width:48px; 
    margin: 5px;
} 
.center
{
	margin: 0 auto;
    align-content: center;
    text-align:center;
}

.bildbreit {background-color:#fff;width:100%;left:0px;overflow:hidden;}
.randsw {border:1px solid black; margin-top:10px;padding-left:10px; padding-right:10px; }
.gesamtauftrag {
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #EEEEFF;
  
}
.footer {
    background-color:#fff;
    min-width: 1400px;
    width:100%;
    left:0px;
    bottom: 0px;
    position: absolute;
    overflow:hidden;

}

/*Beschreibung für Tabellen !*/


.even { background-color:#EEE;}
.hover {background-color:#EEEEFF;}