/*
Design by QMDU
Released for free under a Creative Commons Attribution 2.5 License
*/

tr.hov:hover { background: #F8AF00; } 
tr.hov { border:solid #bbbbbb 1px }

tr.hov-fzg:hover { background: #ffe8b3; } 
tr.hov-fzg { border:solid #bbbbbb 1px; background: #ebebe0;}

tr.zebra:nth-child(odd) { background: #f2f2f2; }
tr.zebra:nth-child(even) { background: #e6e6e6; }
/*
tr.zebra1 { background: blue; }			
tr.zebra0 { background: gray; }			
*/

/* Dropdown */
    ul li ul.dropdown{
        width: 200px; /* Set width of the dropdown */
        background: #574b42;
        display: none;
        position: absolute;
        z-index: 999;
        left: 407px;
		text-align: left;
    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }


/* Dropdown */

/* Auto Complete */
	.autocomplete-items {
	  position: absolute;
	  border: 1px solid #d4d4d4;
	  border-bottom: none;
	  border-top: none;
	  z-index: 99;
	  /*position the autocomplete items to be the same width as the container:*/
	  top: 70px;
	  width: 495px;
	  left: 0;
	  right: 0;
	}

	.autocomplete-items div {
	  padding: 10px;
	  cursor: pointer;
	  background-color: #fff; 
	  border-bottom: 1px solid #d4d4d4; 
	}

	/*when hovering an item:*/
	.autocomplete-items div:hover {
	  background-color: #e9e9e9; 
	}

	/*when navigating through the items using the arrow keys:*/
	.autocomplete-active {
	  background-color: DodgerBlue !important; 
	  color: #ffffff; 
	}
/* Auto Complete */

	
	
#edit_inputfield, #country, #location  {
	font-size: 14px;
	padding: 12px 20px 12px 20px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	}	
#edit_inputfield_strasse  {
	font-size: 14px;
	padding: 12px 20px 12px 20px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	}
[id^="submit-data-"]:disabled {
	font-size: 14px;
	padding: 12px 20px 12px 20px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
[id^="submit-data-"] {
	font-size: 14px;
	padding: 12px 20px 12px 20px;
	border: 1px solid #FF0000;
	margin-bottom: 10px;
}
	
	
.input-group > select,
.input-group > input {
	float: left;
	}			

tr.border_all td {
	border-bottom:1pt solid black;
	border-top:1pt solid black;
	}

tr.border_top {
	border-top:1pt solid black;
	}

tr.border_top_dotted {
	border-top:1pt dotted gray;
	}

* {
	box-sizing: border-box;
	}

#myInputTyp, #myInputErfasser, #myInputOrt, #myInputName {
	background-image: url('pic/searchicon15-15.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	width: 90%;
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	}

#myTable {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 18px;
	}

#myTable th, #myTable td {
	text-align: left;
	padding: 12px;
	}

#myTable tr {
	border-bottom: 1px solid #ddd;
	}

#myTable tr.header, #myTable tr:hover {
	background-color: #f1f1f1;
	}

.center  { text-align: center; }
.justify { text-align: justify; }


#inner {
	display: table;
	margin: 0 auto;
	/* border: 1px solid black; */
	}
	
#outer {
	border: 1px solid red;
	width:100%
	}
	
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}	


/* Style a button */
.but{
    -moz-appearance: button;
    -ms-appearance: button;
    -o-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    text-decoration: none;
	font-size: 14px;
	padding: 12px 20px 12px 20px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	cursor: pointer;
}