/* Style File */

body { 
	/*Font Size 1% der BS Breite, wird vererbt an em*/
	font-size: 1vw;
}

input,label,select {
	font-size: 1em;
}

div.login {
  margin: 20px auto;
  width: 50vW;
  height: 50vH;
}

div.debug {
	color:black;
	font-size: 0.75em;
}

div.banner {
	color: blue;
	font-size: 1em;
}

div.menu {
	text-align:left;
}

div.kfz_info {
	color: grey;
	font-size: 1em;
}

div.kfz_page{
	min-height:50vH;
}

div.user_page{
	min-height:50vH;
}

div.tabelle {
	margin: 5px auto;
}

table.list {
	margin: 0 auto;
	width:85vW;
	border: thin solid black; 
	border-spacing: 0;
	border-width: thin 1 1 thin;
}

table.kfz_list {
	margin: 0 auto;
	width:85vW;
	border: thin solid black; 
	border-spacing: 0;
	border-width: thin 1 1 thin;
}

table.user_list {
	margin: 0 auto;
	width:85vW;
	border: thin solid black; 
	border-spacing: 0;
	border-width: thin 1 1 thin;
}

td {
	align: right;
}

i {
	color:darkgrey;
}

.grid-container {
    display: grid;
	grid-template-rows: 100px auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 5px;
}

.grid-item1 {
    background: #e3e3e3;
    text-align: center;
    border: silver 1px solid;
    grid-column-start: 1; 
    grid-column-end: 1; 
    grid-row-start: 1; 
    grid-row-end: 1;
}
.grid-item2 {
    background: #e3e3e3;
    text-align: center;
    border: silver 1px solid;
	grid-column-start: 2; 
    grid-column-end: 5; 
	grid-row-start: 1; 
    grid-row-end: 1;
}
.grid-item3 {
    background: #e3e3e3;
    text-align: center;
    border: silver 1px solid;
	grid-column-start: 5; 
    grid-column-end: 6; 
	grid-row-start: 1; 
    grid-row-end: 1;
}

.grid-item4 {
    background: #e3e3e3;
    text-align: center;
	min-height: 50vH;
    border: silver 1px solid;
	grid-column-start: 1; 
    grid-column-end: 6; 
	grid-row-start: 2; 
    grid-row-end: 2;
}

.grid-item5 {
    background: #e3e3e3;
    text-align: center;
    border: silver 1px solid;
	grid-column-start: 1; 
    grid-column-end: 6; 
	grid-row-start: 3; 
    grid-row-end: 3;
}


.form {
	margin: 10px auto;
	text-align: center;
	width:85vW;
	padding-bottom:1vH;
}

.message {
	margin: 0 auto;
	text-align: center;
	width:85vW;
}

.menu_r {
	list-style-type: none;
}

.kopf {
	text-align: right;
	background-color: #c3c3c3;
}

.zellen {
	text-align: right;
	border-bottom: 1px solid silver;
}

.zellen:nth-child(even) {
   background-color: #d3d3d3;
}
.zellen:nth-child(odd) {
   background-color: #ffffff;
}