body 
{
	font-family: "Oswald", sans-serif;
	max-width:100%;
	font-size: 100%;
        font-weight:300;
}

img#claim 
{
}

img#logo
{
    float: right;
}

input 
{
    font-family: "Oswald", sans-serif;
}

img, object, embed, video 
{
	max-width: 100%;
}

a, a:hover, a:visited, a:active
{
	text-decoration: none;
	color:#06F;
}

h1, h2
{
	margin: 0;
	padding: 0;
	font-weight:300;
}

.ie6 img 
{
	width:100%;
}

div.container
{
	width: 99%;
	margin: 5px auto 0;
	border: solid thin #000;
        min-width: 480px;
}

div.header
{
	width: 98%;
	margin: 5px auto 0;
	border-bottom: solid thin #000;
	padding-bottom: 10px;
	background-size:auto 65px;
}


div.navbar
{
	width: 98%;
	/*font-size: 8pt;*/
	border-bottom: solid thin #000;
	margin: 0 auto;
	height: 10px;
	padding: 8px 0 16px;
}

div.navbar ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

div.navbar ul li
{
	width: 95px;
	text-align: right;
	padding: 0 5px 0 0;
	float:right;
}



div.navbar ul li a
{
	text-decoration: none;
	color: #000;
	padding: 0;
}

div.navbar ul li a:hover, div.navbar ul li a:active
{
	font-weight:700;
}


div.inhalt
{
    width: 98%;
    max-width: 960px;
    margin: 0 auto;
    min-height:100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.nachrichten, table.log, table.baustellen, table.baufelder, table.benutzer, table.ressourcen, table.ressource_details, table.material_details, table.lieferanten, table.lieferant_details, table.lieferant_details_baustellen, table.benutzer, table.benutzer_details, table.benutzer_details_gruppen, table.termine, table.materialien
{	
    border-collapse:collapse;
    overflow:scroll;
}

table.lieferant_details_baustellen
{
    overflow-x: hidden;
    overflow-y: auto;
}

th.nachrichten, td.nachrichten, th.log, td.log, th.baustellen, td.baustellen, th.baufelder, td.baufelder, td.benutzer, th.ressourcen, td.ressourcen, th.ressource_details, td.ressource_details, th.lieferanten, td.lieferanten, td.lieferant_details, th.lieferant_details th.lieferant_details_baustellen, td.lieferant_details_baustellen, th.benutzer, td.benutzer, th.benutzer_details, td.benutzer_details, th.benutzer_details_gruppen, td.benutzer_details_gruppen, td.termine, th.termine, th.materialien, td.materialien
{
    border: solid thin #999;
    font-weight:300;
    padding: 0;
}


div.nachrichten, div.log, div.baustellen, div.baufelder, div.ressource_details, div.lieferanten, div.lieferant_details, div.lieferant_details_baustellen, div.benutzer, div.benutzer_details, div.benutzer_details_gruppen
{
    display:block;
}

input.login
{
    width:62px;
    margin-bottom:2.5px;
    font-size: 50%;
}

div.login_buttons
{
    width:65px;
    display: inline-block;
}

input#Anmelden
{
	float: left;
	width:60px;
}

input#Abbrechen
{
	float: right;
	width:60px;
}

span.login_status
{
	color: #FF0000;
}

div.log
{
	margin-top:5px;
}

.nachrichten, .log
{	
	font-size: 100%;
}


	
	
div.login
{

}



span.login
{
        width: 135px;
        display: inline-block;
}

input.login
{
        width:104px;
        margin-bottom:5px;
        font-size: 100%;
}

div.login_buttons
{
        width:108px;
        display: inline-block;
}

input#Anmelden
{
        float: left;
        width:100px;
}

input#Abbrechen
{
        float: right;
        width: 100px;
}

span.login_status
{
        font-size: 80%;
}

table.nachrichten, table.log
{	
        border-collapse:collapse;
}

th.nachrichten, td.nachrichten, th.log, td.log, th.baustellen, td.baustellen, th.baufelder, td.baufelder, td.benutzer, th.ressourcen, td.ressourcen, th.ressource_details, td.ressource_details, th.lieferanten, td.lieferanten, td.lieferant_details_baustellen, th.lieferant_details_baustellen, th.benutzer, td.benutzer, th.benutzer_details, td.benutzer_details, td.benutzer_details_gruppen, th.benutzer_details_gruppen, th.benutzer_details_kontaktinfo, td.benutzer_details_kontaktinfo, th.benutzer_details_baustellen, td.benutzer_details_baustellen, th.materialien, td.materialien, td.material_details, tr.material_details
{

        border: solid thin #999;
        font-weight:300;
        padding: 1px 3px;
}

tr.lieferanten.ebene0
{
    font-weight:300;
    font-size: 100%;
}
tr.lieferanten.ebene1
{
    font-weight:300;
    font-size: 85%;
}
tr.lieferanten.ebene2
{
    font-weight:300;
    font-size: 85%;
    font-style: italic;
}
tr.lieferanten.ebene3
{
    font-weight:300;
    font-size: 70%;
}
tr.lieferanten.ebene4
{
    font-weight:300;
    font-size: 70%;
    font-style: italic;
}



fieldset.nachrichten, fieldset.log, fieldset.baustellen, fieldset.baustelle_details, fieldset.material_details, fieldset.baufelder, fieldset.baufeld_details, fieldset.benutzer, fieldset.ressourcen, fieldset.ressource_details, fieldset.lieferanten, fieldset.lieferant_details, fieldset.benutzer, fieldset.benutzer_details, fieldset.benutzer_details_gruppen, fieldset.materialien
{
        background:rgba(204,204,204,0.2);
        padding: 5px;
        border: solid thin black;;
        float:left;
        display: inline;
}

fieldset.login
{
        background:rgba(204,204,204,0.2);
        padding: 5px;
        border: solid thin black;;
        display:block;
        width: 270px;
        margin: 10px auto;	
}

legend.nachrichten, legend.log, legend.baustellen, legend.baufelder, legend.baustelle_details,legend.material_details, legend.baufeld_details, legend.benutzer, legend.benutzer_details, legend.login, legend.ressourcen, legend.ressource_details, legend.lieferanten, legend.lieferant_details, legend.benutzer, legend.benutzer_details, legend.benutzer_details_gruppen, legend.materialien
{
        padding: 0 10px;
        font-weight:700;
}

div.nachrichten, div.log, div.baustellen, div.benutzer, div.ressourcen, div.lieferanten, div.benutzer, div.materialien
{
        display:inline-block;
        position: relative;
}
.nachrichten, .log
{	
        font-size: 100%;
}

.ui-tabs-vertical 
{
        font-size: 80%;
}
tr.baustelle-gesperrt, tr.benutzer-gesperrt, tr.ressource-gesperrt
{
        background:rgba(255,0,0,0.1);
        cursor: pointer;
}

tr.baustellen-hover, tr.benutzer-hover, tr.materialien.hover
{
        background:rgba(102,102,102,0.25);
        cursor: pointer;
}

tr.baustellen-active, tr.benutzer-active, tr.materialien.active
{
        background:rgba(102,102,102,0.5);
        cursor: pointer;
}

div.baustellen, div.benutzer, div.lieferanten, div.materialien
{
        float:left;
        display:block;	
}

div.baustelle_details, div.material_details, div.baufeld_details, div.benutzer_details, div.baustelle_baufelder, div.ressource_details, div.lieferant_details, div.benutzer_details, div.benutzer_details_gruppen
{
        float:left;
        display:none;
}



p.error_msg
{
        background:rgba(255,0,0,0.2);
        border: solid thin #666666;
        padding:5px;
        margin-top: 22px;
        display:block;
}

p.success
{
        background:rgba(51,154,0,0.2);
        border: solid thin #666666;
        padding:5px;
        margin-top: 22px;
}

p.warning
{
        background:rgba(255,255,102,0.2);
        border: solid thin #666666;
        padding:5px;
        margin-top: 22px;
        display:block;
}

a.submit_form
{
        cursor:pointer;
}

.modal 
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}

#ui-datepicker-div
{
	font-size:70%;
}

label.error_msg
{
	font-size: 70%;
	color: red;
	display:block;
}

.error_msg
{
	border: solid thin red;
}



input.baustelle_details, select.baustelle_details, textarea.baustelle_details, textarea.benutzer_details, input.benutzer_details, select.benutzer_details, input.benutzer_details_baustellen, select.benutzer_details_gruppen,textarea.benutzer_details_gruppen
{
	width:97%;
}

.ui-tooltip, .arrow:after {
    background:rgba(255,255,255,0.8);
    border: 1px solid black;
  }
  .ui-tooltip {
    padding: 2.5px 5px;
    color: black;
        font-size:60%;
    border-radius: 2.5px;
    box-shadow: 0 0 5px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

  table.ressource_tabelle_details, table.lieferant_details_baustellen, table.benutzer_details_gruppen, table.benutzer_details_kontaktinfo, table.benutzer_details_baustellen
  {
          border-collapse:collapse;
          float:left;
          margin-left:3px;
          display:none;
  }
  
  table.benutzer_details_baustellen
  {
      display: block;
  }
  
  table.benutzer_details_kontaktinfo
  {
      clear: both;
      display:none;
      margin-left: 0;
  }

  #lieferant_details_baustellen
  {
      display: block;
  }

  table.lieferanten tr th.expandall
  {
      cursor: pointer;
  }
  
  table.lieferanten tr td.expand
  {
      text-align: center;
  }

  
  div#passwort_dialog
  {
      border: solid thin black;
  }
  
  div#zeigePasswort
  {
      float:left;
  }
  
  div#termine_benutzer_details
  {
      clear: both;
      float: none;
      display: block;
  }
  
  fieldset.termine
  {
      clear: both;
      display: block;
      width: 30%;
      min-width: 100px;
      
  }
  
  div#termine_kalender, div#calhead
  {
      font-size: 8pt;
      min-width: 300px;
  }
  
  div.ctoolbar div, div.ctoolbar span   
  {
      height: 14px;
  }
  
  div.ctoolbar
  {
      height: 20px;
  }
  
  span.wk-daylink
  {
      font-size: 7pt;
  }
  
  div.tg-time
  {
      font-size: 7pt;
  }
  
  
  div#overlay
  {
    position: absolute;
    width: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
    height: 100%;
    display:none;
    height:100%;
  }
  
  table.lieferanten tr td.lieferanten.lid
  {
      text-align: right;
  }
  
  table.lieferanten tr td.lieferanten.expand
  {
      min-width: 10px;
  }
  
  .ui-dialog .ui-dialog-title, .ui-button-text
  {
      font-size: 9pt;
  }
  
 div#dialog-confirm.ui-dialog-content.ui-widget-content
 {
     font-size: 8pt;
 }
 
 .ui-dialog .ui-dialog-buttonpane
 {
     height: 30px;
     padding: 0;
 }
 
 .ui-dialog .ui-dialog-buttonpane
 {
     font-size: 7pt;
 }
 
 .ui-dialog-titlebar-close
 {
     display: none;
 }
 
 *{margin:0; padding:0;} /* clear all default CSS */

 
 pre 
 {
     margin: 10px;
     padding: 0px;
 }


#mainNav li a em, h4 {font-size: 100%} /* =15 */

#mainNav{clear:both}
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(/includes/wizard/images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(/includes/wizard/images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(/includes/wizard/images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(/includes/wizard/images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:700;
}

#mainNav li a span{
width:150px;
display:block;
margin-left:10px;
font-weight:300;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:51px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:152px;}
#mainNav.fiveStep li a{width:152px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}

#wizardpanel {
	background-color: #F5F5F5; margin:5px;display:none;
}
#wizardcontentwrap {
	height:200px;
        text-align: center;
}

#wizardcontent {
    display:inline-block;
    margin-top: 20px;
    text-align: left;
}

#wizard{width:760px;}

/* BUTTONS */
.buttons{margin:10px;clear:both;border-color:#C36615;}
#next, #login_check, #dialog_schliessen {float:right; margin-left:2px;}
#previous {float:left}

button
{
    height:22px;
    
}
 
 div#dialog_neuerBenutzer
 {
     display: none;
     font-size: 60%;
 }
 
 div#dialog_neuerBenutzer
 {
     
 }
 
 .ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-icon-only .ui-dialog-titlebar-close
 {
     display: block;
 }
 
 ul#Ressourcenliste
 {
     margin-left:30px;
     padding: 10px;
 }
 
 ul#Ressourcenliste li ul
 {
     margin-left:10px;
 }
 
 
 ul#Ressourcenliste div.top_ress.freigegeben, ul#Ressourcenliste div.top_ress
 {
     border: solid thin black;
     background: #959DAF;
     padding: 0 20px;
     margin-bottom: 5px;
 }
 
 ul#Ressourcenliste div.top_ress.freigegeben:hover
 {
     background: #1dc116;
 }
 
 div#fMaterial
 {
     border-left:grey solid thin;
     padding: 0;
     //width: 100%;
 }
 
 div.mLabel
 {
     float: left;
     width: 38%;
     display: block;
 }
 
 div.mValue
 {
     //clear: both;
     float:left;
     //display: block;
 }
 
 div.TableItem
 {
     display: block;
     width:100%;
     clear:both;
     
 }
 
 table#fMaterial
 {
     width: 100%;
 }
 
 table#fMaterial td.TableItem
 {
     margin-bottom: 10px;
     padding: 5px;
     background: none repeat scroll 0% 0% rgb(149, 157, 175);
     border: solid thin black;
 }
 
 input#filter_bez, input#filter_name
 {
     width: 90%;
     margin: 0 auto;
 }
 
 html, body
{
    height: 100%;
    padding: 0px;
    margin: 0px;
    //overflow: hidden;
}

div.container
{
    width: 100%;
    margin: 0;
    border: none;
    height: 100%;
}

table#lieferanten
{
    display: block;
    overflow-y: scroll;
    margin-left: 10px;
}

table#benutzer
{
    display: block;
    overflow-y: scroll;
   
}

fieldset.benutzer
{
    max-width: 30%;
    min-width:400px;
}

fieldset.benutzer_details
{
    max-width:65%;
}

table#material_bezeichnungen_detail_table thead
{
    cursor: pointer;
}

tr.table_item.fahrzeuge:active
{
    background:rgba(102,102,102,0.5);
        cursor: pointer;
}

tr.table_item.fahrzeuge:hover
{
    background:rgba(102,102,102,0.25);
    cursor: pointer;
}

tr.table_item.fahrzeuge td.bezeichnung.fahrzeuge.baustellen input
{
   float: left;
   max-width: 150px;
}

tr.table_item.fahrzeuge td.bezeichnung.fahrzeuge.baustellen input img
{
    position: absolute;
    float: right;
    cursor: pointer;
}

div#tabs-termin {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: 0;
    min-height: 0px;
    font-family: "Myriad Pro";
    font-size: 80%;
}

li.ui-menu-item a.ui-corner-all
{
    font-size: 0.7em;
}


.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  
  id#fahrzeug_freitext
  {
      position: relative;
      display: block;
      margin-top:2px;
  }
  
  .add_row_button
  {
      float: right;
      margin-right:5px;
      margin-top: 5px;
      height: 16px;
      width: 16px;
  }
  
  table#fahrzeuge_admin tbody tr td input
  {
      width: 110px;
  }
  
  table#fahrzeuge_admin tbody tr td.bezeichnung.fahrzeuge.baustellen
  {
      width: 165px;
  }
  
  img#deleteBtn, img#saveBtn
  {
      height: 16px;
      width: 16px;
  }
  
  td.bezeichnung.fahrzeuge.baustellen input
  {
      height: 13px;
      font-size: 90%;
  }
  
  .ui-widget
  {
      font-size: 0.7em;
  }
 
td.material_details.freitext_text input
{
    width: 250px;
}

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all.ui-multiselect-single, .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all
{
    font-size:0.9em;
}

button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all
{
    font-size: 0.8em;
}

td.menge.materialien input
{
    width: 55px;
}

td.details.materialien input
{
    width:90px;
    font-size: 0.75em;
}

.color-box {
        float: left;
	width:15px;
	height:15px;
	margin:0;
        margin-right: 5px;
	border: 1px solid lightgrey;
        cursor: pointer;
}

i.fa.fa-times.farbe
{
    cursor: pointer;
}

ul#Ressourcenliste li {
    font-size: 9pt;
}