/**
 * @author Markus Schnieder
 * @copyright mynetworx.de
 * @since 11.01.2016
 */

html { min-height: 100%; height: 100%; }
body { position: relative; font-family: Arial; font-size: 14px; font-weight: normal; color: #000000; background: #ffffff; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%; }
:link,:visited { color: #000000; text-decoration:none; font-weight: normal;}
a:hover { color: #000; }
:focus { outline: none; }

/**
 * GENERALS
 */
 	img, a img,:link img,:visited img, fieldset { border: none }
 	img { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code { font-weight: normal; }
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0; }
	h1 {	font-size: 20px; color: #00305d; text-transform: uppercase; text-align: left; padding-bottom: 0px; }
	h2 {	font-size: 16px; color: #356897; padding-bottom: 5px; margin-bottom: 4px; font-weight: bold; }
	h3 {	font-size: 14px; color: #356897; margin-top: 4px;}
	h4 {	font-size: 13px; color: #000000; }
	h5 {	font-size: 13px; color: #000000; }
	h6 {	font-size: 13px; color: #000000; }
    textarea { font-family: Arial; font-size: 14px; }

    input { padding: 0px 2px 0px 2px; }

/**
 * TABLE CONFIGURATION
 */
	table { border:none; padding:0px; margin:0px; border-spacing:0px; }
	tr { border:none; padding:0px; margin:0px; }
	td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
	th	{ text-align: left; }

#parsingtime	{ position: fixed; left: 0px; bottom: 0px; z-index: 1; }


/**
 * KOPF BEREICH
 */
 #head			{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100px; background: #fff; z-index: 10; }
 
 
 /**
  * Men�
  */
  #menueup		{ position: fixed; top: 0px; right: 30px; top: 10px; }
  #menue		{ position: relative; float: left; width: auto; }
  #menue ul		{ position: relative; width: auto; list-style-type: none; font-size: 12px; line-height: 13px; }
  #menue ul li	{ border: 1px solid transparent; }
  #menue ul li	{ position: relative; width: auto; float: left; background: #fff; border: 1px solid #cccccc; border-bottom: 0px; height: 22px; text-align: center; padding: 5px 10px 0px 10px; }
  #menue ul li:hover	{ border: 1px solid #f8f8f9; background: rgba(248, 248, 249, 0.5); cursor: pointer; }
  #menue ul .aktiv:hover	{ background: #1979ca; cursor: pointer; }
  #menue ul li .aktiv:hover	{ background: #ffffff; }
  
  #menue ul .aktiv				{ background: #1979ca; color: #fff; }
  #menue ul .inaktiv			{ background: transparent; color: #000; }
  #menue ul li .aktiv,
  #menue ul li ul .aktiv		{ background: #f5f6f7; color: #3c3c3c; border: 1px solid #dadbdc; border-left: 0px; border-right: 0px; }
  #menue ul li .inaktiv		{ display: none; }
  #menue ul li ul,
  #menue ul li ul li	{ background: transparent; }
  #menue ul li ul li		{ border: 1px solid transparent; }
  #menue ul li ul li:hover	{ border: 1px solid #cee3f8; background: rgba(206, 227, 248, 0.5); }
  
  #menue ul li ul		{ position: fixed; width: 100%; height: 100px; top: 28px; left: 0px; }
  #menue ul li ul li	{ width: auto; float: left; padding: 5px; height: 88px; }
  
  
/**
 * CONTENT BEREICH
 */
	#memoriaContent		{ position: relative; padding-top: 120px; z-index: 1; width: 100%; padding-left: 0px; min-height: 100%; }
	
	
/**
 * TABELLENLISTE
 */
 .liste				{ position: relative; width: 100%; height: auto; padding: 5px; }
 .liste tr			{ padding: 0px 5px 0px 5px; }
 .liste th			{ text-align: left; font-weight: bold; color: #fff; background: #26a0da; padding: 2px 5px 2px 5px; }
 .liste td			{ padding: 2px 5px 15px 5px; }
 .liste tr:hover	{ background: #d3f1ff; cursor: pointer; }

 .droptable tr:hover    { background: none; }
 .droptable ul          { list-style-type: none; }
 .droptable ul li:hover { background: #d3f1ff; }

 #posorder ul,
 #posorder ul li        { height: 20px;}
 #posorder ul li .zeit  { width: 90px; height: 20px; float: left; display: table-cell;}
 #posorder ul li .tags  { width: 120px; height: 20px; float: right; display: table-cell;}
 #posorder ul li .beschreibung { display: table-cell; }

.timeformat         { width: 35px; }
.dateformat         { /*width: 66px;*/ width: 75px;}

.focusfenster       { border: 1px solid #1883d7 !important; }


#fahrauftraegeliste ul li        { height: 20px; white-space: nowrap;}

.stundenkonto_buchungen_container {
    width: 50%;
    float: left;
    position: relative;
}
.container {
    position: relative;
}
#stunden_add .ScrollBox {
    height: auto;
}
#stunden_add textarea[name=bemerkung] {
    width: calc(100% - 20px);
}

.stundenkonto_liste {
    width: 300px;
    float: left;
}



/**
 * ERROR MESSAGES
 **/

.memShadow			{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.5; z-index: 9999999;  display: none; }
.memMessageCenter	{ position: fixed; top: 50%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -85px; background: #ffffff; border-radius: 5px 10px 5px 5px; z-index: 99999999; padding: 10px; overflow: hidden; box-shadow: 0px 0px 10px #666666; display: none; }
.memMessageCenter .headline	{ position: relative; width: 420px; margin-left: -10px; margin-top: -10px; background: #cccccc; height: 20px; padding-left: 5px; }
.memMessageCenter .headline .close		{ position: absolute; right: 10px; top: 2px; background: url(img/icons/close.png); width: 15px; height: 15px; cursor: pointer; }
.memMessageCenter .warning	{ background: #ffc000; color: #ffffff; font-weight: bold; }
.memMessageCenter .alert	{ background: #990000; color: #ffffff; font-weight: bold; }
.memMessageCenter .ok		{ background: #009900; color: #ffffff; font-weight: bold; }
.memMessageCenter .system	{ background: #3b00c0; color: #ffffff; font-weight: bold; }
.memMessageCenter .status	{ position: relative; width: 80px; height: 100%; background: #ffffff; float:left; }
.memMessageCenter .alertstatus:before	{ content: "\f12a"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #990000; font-size: 128px; position: absolute; top: 10px; left: 0; }
.memMessageCenter .okstatus:before		{ content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #009900; font-size: 68px; position: absolute; top: 10px; left: 0; }
.memMessageCenter .confirmstatus:before		{ content: "\f128"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #999999; font-size: 68px; position: absolute; top: 10px; left: 0; }
.memMessageCenter #memJa,
.memMessageCenter #memNein			{ background: #999999; color: #ffffff; }


.ui-state-highlight { height: 5px !important; line-height: 5px !important; background: none !important; border: none !important; margin-left: -8px;}
.ui-state-highlight:after { content: "\f061"; font-family: FontAwesome; color: #27AF46; }
.ui-widget-content .ui-state-highlight:after { background: #fffa90 none repeat scroll 0 0; border: 1px solid #dad55e; color: #777620; content: ''; }


#logout     { position: fixed; top: 0px; right: 20px; height: 25px; width: 70px; background: #000; z-index: 99; border-radius: 0px 0px 5px 5px; box-shadow: 0 0 3px #666; }
#logout:before {
    content: "\f011";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 19px;
    padding-right: 0.5em;
    position: absolute;
    top: 2px;
    left: 25px;
    cursor: pointer;
}