body {
	background: url("/img/background.jpg") no-repeat center center fixed;
	background-size: cover;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin: 0;
	color: #666;
}

h2 {
	text-transform: uppercase;
	color: white;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1.4em;
	line-height: 2.8em;
}

h3 {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1.4em;
	line-height: 1.4em;
}

h4 {
	color: white;
	font-weight: 400;
	font-size: 0.6em;
	line-height: 2.8em;
	margin: -40px 0 20px;
}

h5 {
	color: white;
	font-weight: 400;
	font-size: 0.6em;
	line-height: 2.8em;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #aeaeae;
}

p.small {
	font-size: 0.8em;
	margin: 20px 0 0;
}

p.medium {
	font-size: 0.9em;
	margin: -15px 0 0;
}

p.faecher {
	font-size: 0.9em;
	margin: 0 10px;
}


/* Layout */
.container {
	margin: 0;
}

.top {
	margin: 0;
	padding: 0;
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.box {
	background-color: white;
	max-width: 900px;
	margin: 0 auto 80px;
	position: relative;
	top: 80px;
	padding-bottom: 0px;
	border-radius: 10px;
	box-shadow: 0 5px 50px rgba(0,0,0,0.4);
	text-align: center;	
}

.box .box-header {
	background: rgba(145,145,145,1);
	background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,145,145,1)), color-stop(51%, rgba(115,115,115,1)), color-stop(100%, rgba(143,143,143,1)));
	background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -o-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -ms-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: linear-gradient(to bottom, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#8f8f8f', GradientType=0 );
	margin-top: 0;
	border-radius: 5px 5px 0 0;
}

.box .box-footer {
	background: rgba(145,145,145,1);
	background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,145,145,1)), color-stop(51%, rgba(115,115,115,1)), color-stop(100%, rgba(143,143,143,1)));
	background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -o-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -ms-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: linear-gradient(to bottom, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#8f8f8f', GradientType=0 );
	border-radius: 0 0 5px 5px;
}

.box label {
	font-weight: 700;
	font-size: .8em;
	color: #888;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 2em;
}

.box input {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 1.0em;
	color: #888;
}

.box input:focus {
	outline: none;
	border-color: #665851;
	transition: 0.5s;
	color: #665851;
}

.box button {
	margin-top: 0px;
	border: 0;
	border-radius: 2px;
	color: white;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.7em;
	letter-spacing: 1px;
	background-color: #8A8686;
	cursor:pointer;
	outline: none;
}

.box button:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.box button:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.button {
	margin-top: 0px;
	border: 0;
	border-radius: 2px;
	color: white;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.7em;
	letter-spacing: 1px;
	background-color: #8A8686;
	cursor:pointer;
	outline: none;
}
.button:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.button:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.login-box {
	background-color: white;
	max-width: 340px;
	margin: 0 auto;
	position: relative;
	top: 80px;
	padding-bottom: 0px;
	border-radius: 10px;
	box-shadow: 0 5px 50px rgba(0,0,0,0.4);
	text-align: center;
}

.login-box .box-header {
	background: rgba(145,145,145,1);
	background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,145,145,1)), color-stop(51%, rgba(115,115,115,1)), color-stop(100%, rgba(143,143,143,1)));
	background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -o-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -ms-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: linear-gradient(to bottom, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#8f8f8f', GradientType=0 );
	margin-top: 0;
	border-radius: 5px 5px 0 0;
}

.login-box .box-footer {
	background: rgba(145,145,145,1);
	background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,145,145,1)), color-stop(51%, rgba(115,115,115,1)), color-stop(100%, rgba(143,143,143,1)));
	background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -o-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: -ms-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	background: linear-gradient(to bottom, rgba(145,145,145,1) 0%, rgba(115,115,115,1) 51%, rgba(143,143,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#8f8f8f', GradientType=0 );
	border-radius: 0 0 5px 5px;
}

.login-box label {
	font-weight: 700;
	font-size: .8em;
	color: #888;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 2em;
}

.login-box input {
	margin-bottom: 20px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: .9em;
	color: #888;
}

.login-box input:focus {
	outline: none;
	border-color: #665851;
	transition: 0.5s;
	color: #665851;
}

.login-box button {
	margin-top: 0px;
	border: 0;
	border-radius: 2px;
	color: white;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.7em;
	letter-spacing: 1px;
	background-color: #8A8686;
	cursor:pointer;
	outline: none;
}

.login-box button:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.login-box button:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.selected {
	color: #665851!important;
	transition: 0.5s;
}

#Navigationsleiste { 
width: 100%; 
background-color: #FFFFFF; 
border: 1px solid #888888; 
} 

#Navigationsleiste td { 
width: 10%; 
padding: 1px; 
height: 20px; 
background-color: #888888; 
text-align: center; 
} 

#Navigationsleiste a:link, #Navigationsleiste a:visited { 
color: #FFFFFF; 
text-decoration: none; 
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 11px; 
text-transform: none; 
} 

#Navigationsleiste a:hover { 
color: #FFFFFF; 
font-weight: bold; 
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 11px; 
}

table.infotable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.infotable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background: rgba(227,227,227,1);
	background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(222,222,222,1) 99%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(99%, rgba(222,222,222,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(222,222,222,1) 99%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(222,222,222,1) 99%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(222,222,222,1) 99%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(222,222,222,1) 99%, rgba(255,255,255,1) 100%);
}
table.infotable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
}
table.infotable tr {
	background-color: #ffffff;
}
table.infotable tr:hover {
	background-color: #ededed;
}
table.infotable td.yellow{
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background: rgba(252,234,187,1);
	background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(100%, rgba(251,223,147,1)));
	background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 100%);
	background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
}

table.infotable td.red{
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;	
	background: #febbbb;
	background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%);
	background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%);
	background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#fe9090',GradientType=0 );
}

table.infotable td.blue{
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;	
	background: rgba(179,220,237,0.63);
	background: -moz-linear-gradient(top, rgba(179,220,237,0.63) 0%, rgba(179,220,237,0.63) 0%, rgba(179,213,224,0.64) 50%, rgba(188,224,238,0.64) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,0.63)), color-stop(0%, rgba(179,220,237,0.63)), color-stop(50%, rgba(179,213,224,0.64)), color-stop(100%, rgba(188,224,238,0.64)));
	background: -webkit-linear-gradient(top, rgba(179,220,237,0.63) 0%, rgba(179,220,237,0.63) 0%, rgba(179,213,224,0.64) 50%, rgba(188,224,238,0.64) 100%);
	background: -o-linear-gradient(top, rgba(179,220,237,0.63) 0%, rgba(179,220,237,0.63) 0%, rgba(179,213,224,0.64) 50%, rgba(188,224,238,0.64) 100%);
	background: -ms-linear-gradient(top, rgba(179,220,237,0.63) 0%, rgba(179,220,237,0.63) 0%, rgba(179,213,224,0.64) 50%, rgba(188,224,238,0.64) 100%);
	background: linear-gradient(to bottom, rgba(179,220,237,0.63) 0%, rgba(179,220,237,0.63) 0%, rgba(179,213,224,0.64) 50%, rgba(188,224,238,0.64) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 );
}

.info {
    padding: 10px;
    margin: 10px;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
	font-size: 0.9em;  
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;	
}

.info.erfolg {
	background-color: #4CAF50;
	border-size: 10px;
	border-style:solid;
	border-color:white;
	}

.info.meldung {
	background-color: #2196F3;
	border-size: 10px;
	border-style:solid;
	border-color:white;
}

.info.warnung {
	background-color: #ff9800;
	border-size: 10px;
	border-style:solid;
	border-color:white;
}

.info.fehler {
	background-color: #ff0000;
	border-size: 10px;
	border-style:solid;
	border-color:white;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}