body {
    font-family: Verdana, sans-serif;
    background-color: #FFFFFF;

}


label.question
{
	display:block;
}

h3	{ 
	display:inline; !important
}

table.rate-video-table {
	width: 450px;
	text-align: center;
	display: table;
    table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}

div.container {
    /*margin: 50px auto 0;*/
    background-color: #ffffff;
    height: 100vh;
    width: 1200px;
    padding: 10px;
    align: center;
}

div.rate-video {
	display: table-cell;
    width: 450px;
    height: 70px;
    align: center;
    margin-bottom:1.5em;
}

div.top {
	width: 1000px;
	display: table-row;
}

div.test {
	display: table-row;
	width: 500px;
}

div#thefragebogen {
	display: table-row;
}

div.llogo {
	display: table-cell;
	width:350px;
	height:50px;
	text-align:center;
}

div.title {
	display: table-cell;
	width:500px;
	height:50px;
	text-align:center;
}

div.rlogo {
	display: table-cell;
	width:350px;
	height:50px;
	text-align:center;
}

div.question {
	text-align:right;
}

div.answer {
	width:200px;
	height:60px;
}

div.replay {
	width: 300px;
	text-align: center;
	display: table-cell;
}

div.buttonContainer {
	width: 300px;
	text-align: center;
	display: table-cell;
}

div.form-group {
/*	height:3em;
	display:block;
	clear:both;*/
}

div.notify_space { 
    min-height: 30px;
    max-height: 30px;
    overflow:auto;
}

div.explanation{
	padding-top:10px;
	padding-bottom:0px;
    text-align: center;
}

div.thanks_info{
	padding-top:0px;
	padding-bottom:0px;
    text-align: center;
}

div.explanation_text{
	padding-top:10px;
	padding-left:300px;
	padding-right:300px;
    text-align: justify;
}
div.explanation_info{
	padding-bottom:10px;
	padding-left:350px;
	padding-right:350px;
    text-align: justify;
}

div.thanks{
	padding-top:30px;
    height: 300px;
    text-align: center;
}

div.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.25rem;
  background-color: #efefef;
  text-align: center;
  font-size: 9pt;
}

.screenPreview table {
    width: 100%;
    border-collapse: collapse;
    word-break: break-all;
}

.screenPreview table td, .screenPreview table th {
    font-size: 1em;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

.screenPreview table th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #A7C942;
    color: #ffffff;
}

.screenPreview table tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}

.video video {
width: 1000px    !important;
height: auto   !important;
text-align: center;
    /*width:5%; height:auto; max-height: 768px; margin-bottom: 10px;*/
}

select {
	padding:.75em 1em .5em 1em;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,1);
	background-color:#FFFFFF;
	color:black;
	border-radius:0.55rem;
}

option {
	background:#FFFFFF;
	border-top:1px solid #444;
	padding:.3em 1em .3em 1em;
}

.myButton {
	clear:both;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	margin:1em;
	outline: 0;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}

.myButton:active {
	position:relative;
	top:1px;
}