/* TOP HTML */

.top_grid_header {
	display: grid;
	width: 1300px;
	background-image:url(background_top.png);
	align-items: center;
	grid-template-columns: repeat(50, 2%);
	grid-template-rows: 99px;
	border: 1px solid;
	border-radius: 12px;
	border-color: darkgray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.top_grid {
	display: grid;
	width: 1300px;
	background-color: lightgray;align-items: center;
	grid-template-columns: repeat(50, 2%);
	grid-template-rows: 45px;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	font-family: arial;
	font-size: 9pt;
	align-items: center;
	justify-content: center;
	border: 1px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.top_grid a:link, a:visited {
	background-color: lightgray;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

.top_grid a:hover {
	background-color: white;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}


#button1 {
    grid-column-start:1;
    grid-column-end:5;
    grid-row-start:1;
    grid-row-end:3;
	display:flex;
	align-items: center;
	justify-content: center;
}

#button2 {
	display:flex;
    grid-column-start:5;
    grid-column-end:11;
    grid-row-start:1;
    grid-row-end:3;
	align-items: center;
	justify-content: center;
}

#button3 {
	display:flex;
    grid-column-start:11;
    grid-column-end:17;
    grid-row-start:1;
    grid-row-end:3;
	align-items: center;
	justify-content: center;
}

#button4 {
	display:flex;
    grid-column-start:44;
    grid-column-end:46;
    grid-row-start:1;
    grid-row-end:3;
	align-items: center;
	justify-content: center;
}

#button5 {
	display:flex;
    grid-column-start:48;
    grid-column-end:50;
    grid-row-start:1;
    grid-row-end:3;
	align-items: center;
	justify-content: center;
}

/* END TOP HTML */


/* Grid spacer zwischen den Eintraegen*/

.entries_spacer_grid {
display: grid;
width: 1300px;
align-items: center;
grid-template-columns: repeat(50, 2%);
grid-template-rows: 11px;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

/* END Grid spacer zwischen den Eintraegen*/


/* Statuszeile oben*/

.top_status_line {
display: grid;
width: 1300px;
align-items: center;
background:lightgray;
grid-template-columns: repeat(50, 2%);
grid-template-rows: 35px;
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid;
border-radius: 10px;
border-color: gray;
font-family: arial;
font-size: 12pt;
font-weight:bold;
box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

#status_line_text {
    grid-column-start:2;
    grid-column-end:49;
    grid-row-start:1;
    grid-row-end:1;
	display:grid;
    background:lightgray;
	align-items: center;
}

/* END Statuszeile oben */


/* Grid für alle Bereiche */

.project_entry_grid {
display: grid;
background:lightgray;
width: 1300px;
align-items: center;
grid-template-columns: repeat(100, 1%);
grid-template-rows: repeat(18, 20px);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid;
border-radius: 12px;
border-color: gray;
font-family: arial;
font-size: 9pt;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.project_entry_grid img {
	width: 70px;
	height: 90px;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.project_entry_grid textarea {
	resize:none;
/*	overflow-y: scroll; */
	font-family: arial;
	font-size: 9pt;
	border: 1px solid;
	padding: 5px;
	border-radius: 7px;
	border-color: white;
	background: lightgray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.project_entry_grid input {
	resize:none;
	padding: 3px;
	border: 1px solid;
	border-radius: 7px;
	border-color: white;
	background: lightgray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.project_entry_grid input[type=submit] {
	resize:none;
	padding: 3px;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	background: lightgray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

.project_entry_grid input[type=submit]:hover {
	background: white;
}

.project_entry_grid select {
	padding: 3px;
	border: 1px solid;
	border-radius: 7px;
	border-color: white;
	background: lightgray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3);
}

.project_entry_grid a:hover {
	background-color: white;
}

/* END Grid für alle Bereiche */


/* Login */

#login_username {
    grid-column-start:44;
    grid-column-end:52;
    grid-row-start:5;
    grid-row-end:6;
	display:grid;
    background:lightgray;
	align-items: center;
}

#login_password {
    grid-column-start:44;
    grid-column-end:52;
    grid-row-start:8;
    grid-row-end:9;
	display:grid;
    background:lightgray;
	align-items: center;
}

#login_button {
    grid-column-start:45;
    grid-column-end:54;
    grid-row-start:11;
    grid-row-end:12;
	display:grid;
	align-items: center;
}

/* END LOGIN */



/* Form New/Change Entry/Project */

#form_entry_head {
    grid-column-start:15;
    grid-column-end:55;
    grid-row-start:2;
    grid-row-end:3;
	display:grid;
    background:lightgray;
	align-items: center;
}

#form_entry_description {
    grid-column-start:15;
    grid-column-end:75;
    grid-row-start:5;
    grid-row-end:8;
	display:grid;
    background:lightgray;
	align-items: center;
}

#form_entry_status {
    grid-column-start:15;
    grid-column-end:27;
    grid-row-start:10;
    grid-row-end:11;
	display:grid;
    background:lightgray;
	align-items: center;
}

#form_entry_date_start {
    grid-column-start:29;
    grid-column-end:55;
    grid-row-start:10;
    grid-row-end:11;
	display:grid;
    background:lightgray;
	align-items: center;
}

#form_entry_date_end {
    grid-column-start:53;
    grid-column-end:83;
    grid-row-start:10;
    grid-row-end:11;
	display:grid;
    background:lighgray;
	align-items: center;
}

#form_entry_floor {
    grid-column-start:15;
    grid-column-end:30;
    grid-row-start:12;
    grid-row-end:13;
	display:grid;
    background:lighgray;
	align-items: center;
}

#form_entry_location {
    grid-column-start:30;
    grid-column-end:48;
    grid-row-start:12;
    grid-row-end:13;
	display:grid;
    background:lighgray;
	align-items: center;
}

#form_entry_leader {
    grid-column-start:15;
    grid-column-end:30;
    grid-row-start:14;
    grid-row-end:15;
	display:grid;
    background:lighgray;
	align-items: center;
}

#form_entry_files {
    grid-column-start:31;
    grid-column-end:68;
    grid-row-start:14;
    grid-row-end:15;
	display:grid;
    background:lighgray;
	align-items: center;
}

#form_entry_submit {
    grid-column-start:46;
    grid-column-end:54;
    grid-row-start:16;
    grid-row-end:19;
	display:grid;
	align-items: center;
}

/* Ende Form New/Change Entry/Project */


/* Project Entries Change Documents */

#change_entry_documents_head {
    grid-column-start:5;
    grid-column-end:15;
    grid-row-start:2;
    grid-row-end:3;
	display:grid;
    background:lightblue;
	justify-content: left;
	align-items: center;
}

#change_entry_documents_head_error {
    grid-column-start:17;
    grid-column-end:28;
    grid-row-start:2;
    grid-row-end:3;
	display:grid;
    background:lightblue;
	justify-content: left;
	align-items: center;
}

#delete_entry_documents {
    grid-column-start:5;
    grid-column-end:35;
    grid-row-start:4;
    grid-row-end:10;
	display:grid;
    background:lightblue;
	justify-content: top;
	align-items: top;
	padding: 5px;
	border: 1px solid;
	border-radius: 7px;
	border-color: white;
    background:lightgray;
}

#change_entry_documents_new_files {
    grid-column-start:5;
    grid-column-end:35;
    grid-row-start:13;
    grid-row-end:14;
	display:grid;
    background:lightgray;
	justify-content: left;
	align-items: top;
}

#change_entry_documents_button_submit {
    grid-column-start:6;
    grid-column-end:10;
    grid-row-start:16;
    grid-row-end:17;
	display:grid;
	justify-content: left;
	align-items: top;
}

#change_entry_documents_return {
    grid-column-start:24;
    grid-column-end:26;
    grid-row-start:16;
    grid-row-end:17;
	display:grid;
	justify-content: left;
	align-items: top;
}

/* END Project Entries Change Documents */


/* List All Projects/Entries */

#entry_head {
    grid-column-start:20;
    grid-column-end:70;
    grid-row-start:2;
    grid-row-end:3;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
	padding: 4px;
	font-weight:bold;
}

#info_entry {
    grid-column-start:2;
    grid-column-end:19;
    grid-row-start:2;
    grid-row-end:15;
	display:grid;
    background:lightgray;
	align-items: center;
	padding: 8px;
}

#entry_description {
    grid-column-start:20;
    grid-column-end:70;
    grid-row-start:2;
    grid-row-end:15;
	display:grid;
    background:lightgray;
	align-items: center;
}

#button_entry_01 {
    grid-column-start:5;
    grid-column-end:15;
    grid-row-start:16;
    grid-row-end:17;
	display:grid;
	justify-content: center;
	align-items: center;
}

#button_entry_02 {
    grid-column-start:39;
    grid-column-end:45;
    grid-row-start:16;
    grid-row-end:17;
	display:grid;
	justify-content: center;
	align-items: center;
}

#button_entry_03 {
    grid-column-start:85;
    grid-column-end:88;
    grid-row-start:16;
    grid-row-end:17;
	display:grid;
	justify-content: center;
	align-items: center;
}

#button_entry_01 a:link, a:visited {
	background-color: lightgray;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

#button_entry_02 a:link, a:visited {
	background-color: lightgray;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

#button_entry_03 a:link, a:visited {
	background-color: lightgray;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

#button_entry_01 a:hover {
	background-color: white;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

#button_entry_02 a:hover {
	background-color: white;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}

#button_entry_03 a:hover {
	background-color: white;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid;
	border-radius: 12px;
	border-color: gray;
	box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;
}


#img_project {
    grid-column-start:75;
    grid-column-end:96;
    grid-row-start:5;
    grid-row-end:13;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project img {
	height: auto;
	width: 200px;
}

#img_project_entry1 {
    grid-column-start:75;
    grid-column-end:80;
    grid-row-start:3;
    grid-row-end:9;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry2 {
    grid-column-start:81;
    grid-column-end:86;
    grid-row-start:3;
    grid-row-end:9;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry3 {
    grid-column-start:87;
    grid-column-end:92;
    grid-row-start:3;
    grid-row-end:9;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry4 {
    grid-column-start:93;
    grid-column-end:98;
    grid-row-start:3;
    grid-row-end:9;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry5 {
    grid-column-start:75;
    grid-column-end:80;
    grid-row-start:9;
    grid-row-end:14;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry6 {
    grid-column-start:81;
    grid-column-end:86;
    grid-row-start:9;
    grid-row-end:14;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry7 {
    grid-column-start:87;
    grid-column-end:92;
    grid-row-start:9;
    grid-row-end:14;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

#img_project_entry8 {
    grid-column-start:93;
    grid-column-end:98;
    grid-row-start:9;
    grid-row-end:14;
	display:grid;
    background:lightgray;
	justify-content: center;
	align-items: center;
}

/* END List All Projects/Entries */