﻿/* Allgemeines */
	body { font-family: "Myriad Pro", "Fedra Sans Std", Arial; font-size:18px; text-align:center; margin:0; padding:0; }
	p {}
	td {}
	a:link { color:#FFF; text-decoration:none; }
	a:visited { color:#FFF; text-decoration:none; }
	a:hover { color:#525252; text-decoration:none; }
	a:active { text-decoration:none; }
/**************/

/* Body */
	#background { position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; background-color:#0B80C6; background-image:url("../design/background.png"); background-repeat:no-repeat; background-size:cover; }

	#logout {position: relative; top:10px; width:80%; height:30px; margin:auto; max-width:1200px; text-align: right; }

	#login_container { position: relative; top:100px; width:90%; max-width:400px; text-align:center; margin:auto; color:#FFF; border: 1px solid #FFF; border-radius: 20px; }
	#login_container_content { padding:50px; }
	.login_field { width:94%; height:45px; border:1px solid #5AACDA; border-radius:5px; background-color:#5AACDA; padding-left:5%; margin-top:5px; margin-bottom:5px; color:#FFF; font-size:18px; }
	.login_field::placeholder { color:#FFF; }
	.login_field:-ms-input-placeholder { color:#FFF; }
	.login_field::-ms-input-placeholder { color:#FFF; }
	.login_submit { -webkit-appearance: none; width:100%; height:45px; border:1px solid #5AACDA; border-radius:5px; background-color:Transparent; margin-top:5px; margin-bottom:5px; color:#FFF; font-size:18px; }
	.login_submit:hover { background-color:#5AACDA; }
	#login_footer { position: relative; margin: auto; margin-top:150px; color: #FFF; }

	.head { position: relative; color:#FFF; font-weight: bold; font-size:30px; padding-top:50px; }
	.headline { color:#FFF; font-weight: bold; font-size:22px; padding:20px; }

	.main { position: relative; width:80%; max-width:1200px; margin:auto; margin-top:50px; margin-bottom: 100px; padding:20px; border: 1px solid #FFF; border-radius: 20px; overflow: auto; color:#FFF; }

	.input_field { width:94%; max-width:300px; height:45px; border:1px solid #5AACDA; border-radius:5px; background-color:#5AACDA; padding-left:5%; margin-top:5px; margin-bottom:5px; color:#FFF; font-size:18px; }
	.input_field::placeholder { color:#FFF; }
	.input_field:-ms-input-placeholder { color:#FFF; }
	.input_field::-ms-input-placeholder { color:#FFF; }

	.input_button { -webkit-appearance: none; width:94%; max-width:300px; height:45px; border:1px solid #5AACDA; border-radius:5px; background-color:Transparent; margin-top:5px; margin-bottom:5px; color:#FFF; font-size:18px;}
	.input_button:hover { background-color:#5AACDA; }

	.input_field_hand { -webkit-appearance: none; width:200px; height:200px; font-size:20px; font-weight: bold; border:3px solid #5AACDA; border-radius:5px; }
	.input_field_hand:hover { border:3px solid #FFA500; }

	.green_button { background-color: green; color:#FFF; }

	.input_field_hand_comment { width:94%; max-width:300px; height:45px; border:1px solid #5AACDA; border-radius:5px; background-color:#5AACDA; padding-left:5%; margin-top:5px; margin-bottom:5px; color:#FFF; font-size:20px; }
	.input_field_hand_comment::placeholder { color:#FFF; }
	.input_field_hand_comment:-ms-input-placeholder { color:#FFF; }
	.input_field_hand_comment::-ms-input-placeholder { color:#FFF; }

	.table_headline { color: #FFF; }
	.zeittabelle { width:100%; min-width:1000px; }
/********/