/* CSS HTML selectors */

body {
  	background-image: url('../images/bg/Schieferplatte_prof.jpg');
  	background-repeat: repeat-y;
	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: white;
}

input[type=text], input[type=password]
{
	width: 100%;
	height: 30px;
	padding: 16px 20px;
	border: thin;
	border-color: black;
	border-radius: 4px;
	font-size: 25px;
	color: black;
	background-color: #A8CDDC;
}

input[type=submit]
{
	width: 200px;
	height: 30px;
	border: thin;
	border-color: black;
	border-radius: 4px;
	font-size: 25px;
	color: black;
}

/* =================================================================================================================== */

/* CSS ID-selectors */

#main_logo_header {
	align-self: center;
	
	height: 100px;
	width: auto;
}

#main_text_header {
    margin: 20px;
    padding: 20px;
    width: auto;
    height: auto;
    align-self: center;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    left: auto;
    right: auto;
}

#note {
	color: white;
	text-align: center;
	font-weight: bold;
}

#login_container {
	display: flex;
    padding: 20px;
    width: auto;
    height: auto;
	margin-top: 3em;
}

#login_table {
	width: auto;
	height: auto;
}

#bowl_box {
	width: auto;
	height: 232px;
}

#login_box {
	width: 1000px;
	height: auto;
	vertical-align: top;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	border: thin;
	border-radius: 20px;
	border-color: black;
	background-color: cadetblue;
}

#login_header {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: white;
}

#login_userinput {
	float: right;
}

#bowl {
	width: auto;
	height: 232px;
}

/* =================================================================================================================== */

/* CSS Class selectors */

.header_logo {
	height: 100px;
}

.inner_div {width: auto;}

.distance {
	width: 50px;
}

.login_text_set {
	color: #464646;
	font-size: 25px;
	text-align: left;
}

.button {
  background-color: #9BDCD6;
  border: 2px;
  border-color: black;
  border-radius: 4px;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button:hover {
	border-color: white;
	background-color: white;
	color: black;
}

/* =================================================================================================================== */