body{
	background-color: #01acc0;
	background-image: url('../Bilder/bg.png');
	background-repeat:no-repeat;
	font-family:sans, "Arial";
	color:#333333;
}

.block{
	width:60%;
	padding:15px;
	margin:auto;
}

#menu{
	background-color: #ffffff;
	background: #ffffff url('../Bilder/ICON.png') no-repeat left bottom;
	background-size: 100px;
	text-align:right;
	margin-top:50px;
}
#hamburgermenu{
	width:100%;
	height:50px;
	background: url('../Bilder/menu.svg') no-repeat center right;
	background-size: 50px;
	display:none;
}
#menu a,#menu  a:active,#menu  a:hover,#menu  a:link,#menu  a:focus,#menu  a:visited{
	font-weight:bold;
	text-decoration:none;
	display:inline;
	margin:20px;
	line-height:50px;
	font-size:1em;
	color:#000000;
}
h1{
	font-size:1.5em;
}
h2{
	font-size: 1.2em;
	color:#999999;
}
h3{
	font-weight:bold;
	font-size:0.7em;
	padding-bottom:0px;
	margin-bottom:0px;
}
h4{
	font-size:1em;
	font-weight:bold;
	margin:0px;
	padding-bottom:0px;
}
h5{
	font-weight:normal;
	font-size:0.7em;
	padding-bottom:0px;
	margin-bottom:0px;
}

#submenu{
	background-color: #ffffff;
}
.content{
	overflow-y:scroll;
	height:100%;
}
.spalte{
	width:45%;
	margin:20px;
	float:left;
}

#buttons{
	text-align:center;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
}

#copyright{
	width:100%;
	text-align:center;
	font-size:0.5em;
	margin-top:-10px;
}



.button{
	background:#333333;
	background-repeat:no-repeat;
  background-position:center top 3em;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:10px;
	opacity:0.9;
	box-shadow: 0px 10px 20px #333333;
	margin:20px;
	float:left;
	font-size:0.8em;
}
.button:hover{
	cursor:pointer;
	opacity:1;
}
.button .icon{
	display:block;
	padding-top:15px;
	margin:auto;
}
.inactive{
	opacity: 0.6;
}


input, textarea, label{
	display: block;
	width:98%;
	padding:5px;
	margin:15px;
}
button, select{
	display: block;
	width:100%;
	padding:5px;
	margin:15px;
	border:1px solid #01acc0;
	background: #75d2dd;
}
textarea{
	height:300px;
	border:1px solid #01acc0;
}
input{
	border:1px solid #01acc0;
}
label{
	padding:5px;
	padding-left:15px;
	margin-bottom:-10px;
	font-weight:bold;
}
fieldset{
	text-align:center;
	border:1px solid #cccccc;
	width:95%;
}
code{
	font-family:monospace;
}
#btable{
	width:100%;
	float:center;
}
#btable td{
	height:30px;
	padding:5px;
	float:center;
	border:1px solid #cccccc;
	font-family:monospace;
}
.symbol{
	width:30%;
	height: auto;
	opacity:0.1;
	display:block;
	margin:auto;
	margin-top:50px;
	transform: rotate(10deg);
}

p{
	text-align:justify;
	font-size:1em;
}

#message{
	width:100%;
	text-align:center;
}
.good{
	background-color:#00ff00;
}
.bad{
	background-color:#ff0000;
}

.device{
	height:30px;
	margin:2px;
	display:inline;
}
.tablet{
	height:25px;
}
.smartphone{
	height:20px;
}
.contentdevices{
	text-align:center;
}
.contentdevices img, #devicelegend img{
	height:50px;
	margin:10px;
	opacity:0.5;
}

#devicelegend{
	font-size:0.7em;
}
#impressumlink, #datenschutzlink{
	text-decoration:underline;
	cursor:pointer;
}
#impressum, #datenschutz{
	display:none;
	background-color: #ffffff;
	height:auto;
}