*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body, input[type=text],input[type=submit], input[type=button], input[type=password], select {
	font-family: 'Roboto', Tahoma, Verdana, Segoe, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.5em;
}
body {
	background:
	linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
	linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
	linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
	linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
	linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
	linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
	background-color: #131313;
	background-size: 20px 20px;
	color: #FFF;
}
.hidden {display:none;}
a.trailer-icon{
	display:block;
	width: 100%;
	height: 100%;
	font-size: 1.8em;
	text-decoration: none;
	color: #000;
}
a.trailer-icon:hover {text-decoration: underline;}
td.trailer{text-align:center;}
legend {
	color: #FFF;
	margin-top: 10px;
}
fieldset {
	border: 1px solid #FFF;
	padding: 1em;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background: rgba(0,0,0,.4);
	margin-bottom:1em;
}
fieldset > fieldset {
	border: none;
	margin: 1em auto;
	width: auto;
	display: block;
	background: none;
}
form {
	width: 90%;
	display: block;
}
input[type=text], select, input[type=submit], input[type=button], input[type=password] {width: 100%;}
 input[type=text], input[type=password] {
	border:1px solid #000;
	padding: 0.4em;
}
h4 {
	margin-bottom: 0.3em;
}
table
{
  border: 1px solid rgba(0,0,0,1);
  border-collapse: collapse;
  empty-cells: show;
  font-size: 0.8em;
  width: 100%;
}
th
{
  border: 1px solid #000;
  background: rgba(46,207,37,.6);
  font-weight:bold;
  padding: 0.3em;
  text-align:left;
}
td
{
  border: 1px solid #000;
  padding: 0.3em;
  text-align: left;
  background: rgba(255,255,255, .8);
  color: #000;
}
p.success, p.error {
	padding: 0.2em 1em;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	width: auto;
	display: inline-block;
	background: rgba(46,207,37,.6);
	color: #fff;
	-webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,1);
	box-shadow: 5px 5px 10px -5px rgba(0,0,0,1);
	display: block;
}
p.error {
	background: rgba(255,0,0,.6);
}
#resultTop {
	display:none;
}
@media screen and (min-width:900px) {
	#login {width: 50%; margin:auto; display: block;}
	#formulare {
		width:35%;
	}
	#ergebnis {
		width:55%;
	}
	#ergebnis, #formulare {
		margin: 2%;
		float: left;
	}
}
@media screen and (max-width:900px) {
	form {width: 70%; margin:auto; display: block;}
	input[type=checkbox],input[type=radio]  {
		width: 2em;
		height: 2em;
       vertical-align:middle;
	}
	input[type=radio]	{
		border-radius: 50%;
	}
	label {
       vertical-align:middle;
	}
	fieldset {
		line-height: 2.2em;
	}
	#ergebnis {
		display:none;
	}
	#resultTop {
		display:block;
	}
}
@media screen and (max-width:460px) {
	form {width: 100%;}
	/*table {
		border: none;
		width: 100%;
		font-size: 0.9em;
	}
	tr {
		width: 100%;
		float: left;
		margin-bottom: 1em;
		padding: 1em;
		-webkit-border-radius: 7px 7px 7px 7px;
		border-radius: 7px 7px 7px 7px;
		background: #2ECF25;
		background: rgba(46,207,37,.6);
		color: #fff;
		-webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,1);
		box-shadow: 5px 5px 10px -5px rgba(0,0,0,1);
	}
	thead {
		display: none;
	}
	td {
		display: block;
		margin-bottom: 7px;
		text-align: left;
		padding: 0;
		border: none;
		background: none;
		color: #FFF;
	}
	td::before {
		content:attr(data-label);
		display: block;
		font-weight: 700;
	}
	*/
	tr  > td:nth-child(3), tr  > th:nth-child(3),
	tr  > td:nth-child(4), tr  > th:nth-child(4),
	tr  > td:nth-child(7), tr  > th:nth-child(7){
		display: none;
	}
}