/* taxino.css */



body {margin: 0; padding: 0; font-family: arial, verdana, "lucida grande", tahoma, arial, sant-serif; font-size: 1em;}

image {border: 0}

a {
    text-decoration: none;
    color: #42c;
}

a:visited {
    color: #42c;
}

/* #navi li { width:128px; float:left; }
#navi li ul { display:none; }
#navi li:hover ul { display:block; }
#navi, #navi ul { list-style-type:none; margin:0; padding:0; }
*/
.clear { clear:both; }
	  
	  
	  /*###################*/
	  /* Beginn Navigation */
	  /*###################*/

	  #navi, #navi ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */

		#navi li { float:left; } /* Horizontale Anordnung */
		
		#navi li ul { display:none; } /* Normalzustand eingeklappt */
		#navi li:hover ul { display:block; } /* Ausgeklappt */
		
      /*###################*/
	  /* Styles fuers Auge */
	  /*###################*/
	  
	  #navcontainer { height:20px; }
	  
	  #navi { border:  1px solid #c0c0c0; position: absolute;}
	  
	  #navi li { width:48px; border:1px solid #f7f7f7; margin:0 0px 0 0; }
	    #navi ul li { border:none; margin:0; }
		
	  #navi {font-weight:bold; text-align:center; display:block; padding:0.1em; background-color: #f7f7f7;;}
	  
	  #navi a { font-weight:bold; text-align:center; display:block; padding:0.1em; background-color: #f7f7f7; }
	  
	  #navi a:link, #navi a:visited { color:#00F; background:#f7f7f7;  text-decoration:none; }
	  #navi a:active, #navi a:hover { color:#fff; background:#00f; text-decoration:none; }
      
  
#contenti {
    margin: 0 auto; width: 960px; text-align: left;
}

.hmenu  {text-align: center; font-size: 0.67em; border: 1px solid #999999; background-color: #f7f7f7; padding: 2px; margin: 2px; float: left; min-width: 80px;}
.hmenu:hover {background-color: #f1f1ff; }
.navigation {
    background: #fefefe;
    float: left;
	clear: left;
    border: 1px dotted #ededed;
    border-top-color:#777;
    border-left-color:#777;
    border-right-color:#777;
    border-bottom-color:#777;
    min-height: 400px;
    width:19%;
	margin-top: 8px;
}

.navigation p {
    font-weight: normal;
    font-size: 0.9em;
    margin-left: 10px;
}

.navigation ul {
    list-style: none;
	font-size: 0.83em;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
}
.navileft a:hover {
    border: 1px dotted red;
}

.main {width: 960px; margin: 0 auto; border: 0px dotted lightgray;}
#banner {width: 100%; border: 0px dotted lightgray;}
#content {float: left; margin-left: 5px; width: 760px; border: 0px dotted lightgray;}
#navitop {clear: both; width: 100%; padding: 2px 0 6px 0; border: 0px dotted lightgray; background: #fafafa;}
#navileft {float: left; width: 180px; border-right: 1px dotted lightgreen; background: #fafafa}
/* li:before{content:"\002713\000020"; color:#ff00;} */
.hsmenu {float: right; font-size: 0.67em; color: gray; padding: 2px; margin-top: 2px;}
.toolsmenu {float: right; font-size: 0.67em; color: gray; padding: 2px; margin: 2px 2px 0 0; background: #f0f0f0;}
.mycol { float: left; width: 48%;}
.innen {padding: 5px;}
#navileft h5 {
    font-weight: normal;
    font-size: 0.9em;
    margin: 4px 0 2px 4px;
}

#navileft ul {
    list-style: none;
	font-size: 0.83em;
    padding-left: 2px;
    padding-right: 10px;
    margin-left: 10px;
}


.portrait {width: 760px; margin: 0 auto;}
.landscape {width: 1240px; margin: 0 auto;}


li {
    padding-bottom: 0.5ex;
}

input {
    border:1px solid;
    border-top-color:#ccc;
    border-left-color:#ccc;
    border-right-color:#ccc;
    border-bottom-color:#ccc;
}

#header 
{
  background: url(style/header-bg2.png);
  background-color: #f7f7f7;
  background-repeat: repeat-x;
  border: 0;
  border-bottom: 1px solid #999999;
  /* height: 44px; */
  padding: 14px 0px 8px 10px;
  z-index: 1;
}

.del {
    border:1px solid;
    border-top-color:#f00;
    border-left-color:#f00;
    border-right-color:#f00;
    border-bottom-color:#f00;
    font-weight: bold;
}

.ok {
    border:1px solid;
    border-top-color:#696;
    border-left-color:#696;
    border-right-color:#696;
    border-bottom-color:#696;
}

.status {
    background: #ccc;
    color: #333;
}

h1 {
    margin-top: 1ex;
}

.totals {
    border-top: 1px solid #999999;
	font-weight: bold;
    }


/*
 * Tabellen Formatierungen
 */
th {
    border-bottom:1px solid;
    padding: 2px;
}

td {
    border:0px solid;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
	font-size: 0.9em;
}

tr:hover {
    background: #f7f7ff;
}
.mybtn:hover {color: white; background: #fdd; border: 2px solid gray;}

/* /// 22.4.2021 be
jquery ui: Anpassung an taxino Layout
*/
.ui-datepicker, .ui-autocomplete { font-size: 0.8em; font-family: arial; }