html, body {
margin: 0px;
padding: 0px;
}

a {
  background-color:;
  color: black;
  font-weight: bold; 
  text-decoration: none;
  margin: 50 0 50 0;
  cursor:pointer;
}

td.id_hidde{
	display:none;
	visibility: collapse;
}

td#not{
	background-image: url('../pic/not.png');
	background-size: 30px 30px;
	background-position: -15px 50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: none;
}

div#login_main{
	width:100%;
	height:100%;
	background-color:#E6E6E6;
	display:block;
	overflow:auto;
	position: relative;
	border-style:hidden;
	margin:0px;
}

div#login_form{
	width:300px;
	height:250px;
	background-color:white;
	display:block;
	top:50%;
	left:50%;
	margin: -150px 0 0 -150px;
	position: absolute;
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
}
div#form_logo{
	width:300px;
	height:75px;
	background-image: url(../pic/dbtek.png);
	background-size:70% auto;
	background-repeat: no-repeat;
	background-position:center;
	position: relative;
}

div.user{
	width:80%;
	height:50px;
	position: relative;
	text-align:center;
	border:0px;
	border-style:solid;
	left:10%;
	margin:5px;
}
img.user{
	width:50px;
	height:auto;
	position: relative;
}
input.user{
	top:-20px;
	width:calc(100% - 51px);
	height:46px;
	position: relative;
	font-size:25px;
	font-family:"Papyrus", "Copperplate", "Monaco", monospace;
	font-weight: bold;
}

div.lock{
	width:80%;
	height:50px;
	left:10%;
	position: relative;
	text-align:center;
	border:0px;
	border-style:solid;
	display:block;
	margin:5px;
}
img.lock{
	width:50px;
	height:50px;
	position: relative;
}
input.lock{
	top:-20px;
	width:calc(100% - 51px);
	height:46px;
	position: relative;
	font-size:25px;
	font-family:"Papyrus", "Copperplate", "Monaco", monospace;
	font-weight: bold;
}

div.button_login{
	width:80%;
	height:50px;
	left:10%;
	position: relative;
	vertical-align:middle;
	text-align:center;
	border:0px;
	border-style:solid;
	margin:5px;
}
button.button_login{
	width:100%;
	height:50px;
	text-align:center;
	font-size:20px;
	font-family:"Papyrus", "Copperplate", "Monaco", monospace;
	font-weight: bold;
}

div#push_main{
	width:100%;
	height:100%;
	position:absolute;
	z-index:20;
	display:block;
	background-color:rgb(128, 139, 150, 0.5);
}
div#push_popup{
	width:300px;
	height:300px;
	position:absolute;
	border-radius:10px;
	display:block;
	z-index:21;
	background-color:white;
	top:50%;
	left:50%;
	margin: -150px 0 0 -150px;
	padding:10px;
	border:5px;
	border-color:rgb(44, 62, 80, 0.5);
	border-style:solid;
}
div#push_popup_close{
	width:35px;
	height:35px;
	background-image: url(../pic/close.png);
	background-size:155% auto;
	background-repeat: no-repeat;
	background-position:center;
	background-color:rgb(255, 0, 0, 0.7);
	position:absolute;
	display:block;
	z-index:22;
	border-radius:5px;
	padding:0px;
	vertical-align:middle;
	text-align:center;
	font-size:35px;
	line-height:35px;
	left:calc(100% - 35px);
	top:0px;
}
div#push_popup_head{
	width:100%;
	height:50px;
	position:relative;
	display:block;
	z-index:21;
	background-color:white;
	padding:0px;
	vertical-align:middle;
	text-align:center;
	font-size:25px;
	font-family:"Papyrus", "Copperplate", "Monaco", monospace;
	font-weight: bold;
	line-height:50px;
}
div#warning_red{
	width:35px;
	height:35px;
	background-image: url(../pic/warning.png);
	background-size:155% auto;
	background-repeat: no-repeat;
	background-position:center;
	background-color:rgb(255, 93, 0, 0.7);
	position:absolute;
	top:7px;
	display:block;
	z-index:21;
	border-radius:0px;
	border:0px;
	border-style:solid;
	padding:0px;
	vertical-align:middle;
	text-align:center;
	font-size:35px;
	line-height:35px;
}
div#push_popup_text{
	width:100%;
	height:calc(100% - 100px);
	position:relative;
	display:block;
	z-index:21;
	background-color:;
	border:1px;
	border-color:rgb(44, 62, 80, 0.5);
	border-style:solid;
	padding:0px;
	vertical-align:middle;
	overflow:auto;
	text-align:center;
	font-size:16px;
	font-family:"Copperplate", "Monaco", monospace;
	line-height:20px;
}
div#push_popup_button{
	width:100%;
	height:50px;
	position:relative;
	display:block;
	z-index:21;
	background-color:;
	padding:0px;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
	line-height:35px;
}
button#push_popup_button_klick{
	width:100%;
	height:40px;
	position:relative;
	top:10px;
	text-align:center;
	font-size:16px;
	font-family:"Papyrus", "Copperplate", "Monaco", monospace;
	font-weight: bold;
}

/*######################### Fahrtenbuch ###############################*/
div#Fahrtenbuch{
	width:99%;
	min-width:340px;
	max-width:700px;
	min-height:600px;
	max-height:1280px;
	height:calc(100% - 70px);
	z-index:0;
	position:relative;
	margin: 0 auto;
	background-color:;
	overflow:auto;
}

TABLE#Fahrtenbuch{
	margin: 0 auto;
	width:100%;
	min-width:340px;
	max-width:700px;
	min-height:600px;
	max-height:1280px;
	height:100%;
}

BODY#TEST{
	/*height:100%;
	width:100%;*/
	text-align:center;
	z-index:0;
	position:relative;
	background-color:;
}
input.km{
	width:100%;
	min-width:49%;
	
	height:35px;
	font-size:16px;
}
select.km{
	width:100%;
	min-width:49%;
	max-width:auto;
	height:35px;
	font-size:16px;
}
button.km{
	width:90px;
	height:35px;
	font-size:16px;
	margin:0 2% 0 2%;
}


option#NOT{
	background:red;
}
select option[value="4"] {
  background: rgba(250, 250, 250, 0.3);
}