*, *:before, *:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html{
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 100%;
	height: 100%;
	outline: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	color: #333;
	font-size: 16px;
	min-height: 100%;
	text-align: center;
	margin: 0 !important;
}

html, body{
	background: #000!important;
}

#back_btn, #next_btn, .back_btn, .next_btn, input, textarea, select, span, font{
	font-family: Arial, sans-serif !important;
}

.col1, .col3{
	display:none;
}


.maincontainer{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #000;
}


body > table > tbody > tr{
	vertical-align: top;
}



.toptable{
	background: #FFF;
	/* border-bottom: 1px solid #bdbdbd; */
	position: relative;
	width: 100%;
	height: 90px;
}

.toptable img, .upperspacetable img, .upperspacetable img, .questiontexttable img, .mainspacertable img, .bottomtable img{
	max-width:100%;
	/* margin: 10px 0; */
}



.toptable div{
    margin: auto;
    max-width:950px;
    width:100%;
    /* padding: 20px 0px; */
    position: relative;
    text-align: left;
}

.toptable img{
    width: 210px;
    height: 100px;
    margin-left: 8px;
    margin-right: 8px;
}



.upperspacetable{
	padding: 0 10px;
	background: #000;
}




#progoutertable{
    background: #FFF;
}

#progoutertable, #infooutertable{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#proginnertable{
	border-collapse: collapse;
	width: 950px;
	margin: 0 auto;
}
#proginnertable > tbody > tr > td{
	padding: 20px 0 0px!important;
	white-space: normal !important;
}

	@media only screen and (max-width: 949px){

		#proginnertable{
			width: 100%;
		}

	}




form{
	margin-bottom: 0;
	margin-top: -2px;
}

.maininnertable{
    margin-left: auto;
    margin-right: auto;
}


.maintable{
	background: #000;
	border: none;
	margin-left: auto;
	margin-right: auto;
	/* padding: 0 20px; */
	width: 100%;
	background-image: url(https://sw01.rogsurvey.de/data/bauermedia/pic18de/bg.png);
	border-left: 1px solid #dddede;
	border-right: 1px solid #dddede;
	border-bottom: 1px solid #dddede;
	max-width: 1000px;
}

div.maintable{
	padding-bottom: 30px;
}

div.maintable .questiontable div{
	padding:10px;
}

.questiontable.q_single, .questiontable.q_multiple{
    margin: auto;
}

.maincontainer tbody tr td > .upperspacetable{
	color: inherit;
	display: none;
}

.maintable tbody tr td > .upperspacetable{
	border: none;
	height: 40px;
}


.questiontexttable{
	/* background: #000; */
	margin-left: auto;
	margin-right: auto;
	padding: 20px 16px;
}

.maininnertable{
	padding: 10px 16px 0;
	width: 100%;
	max-width: 950px;
}

.questiontexttable{
    width: 100%;
    max-width: 950px;
}

.questiontexttable tbody tr td{
	padding: 0 !important; 
}


.maintable > tbody > tr > td > div{
    max-width: 950px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 26px;
}



.questiontable{
	margin:auto;
}


.answer.single, .answer.multiple, .answer.freetext, .answer.points{
	/* padding: 5px 10px !important; */
	/* height: 50px; */
	background: transparent;
	/* vertical-align: top; */
}



.answer.single.checked, .answer.multiple.checked{
	background: #878787 !important;
	/* width: 25%; */
	border: 1px solid #ccc;
}

.answer.single.checked > div > span, .answer.multiple.checked > div > span{
    color: #FFF !important;
    text-align: left;
    position: relative;
}

.answer.single:hover, .answer.multiple:hover{
	color: inherit;
}

.answer.matrix, .answer.rmatrix, .answer.mmatrix{
	padding: 2px!important;
	height: 34px;
}

.answer.matrix.text1{
padding: 0 !important;
}

#mx0, #mx1, #mx2, #mx3, #mx4, #mx5, #mx6, #mx7, #mx8, #mx9{
	color:#0086CB;
	font-weight:bold;
	text-align: left;
}







.answercol1, .answercol2{
	padding: 4px 0!important;
	vertical-align: top;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}




.commenttable{
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.commenttable tbody tr th{
    padding:0!important; 
}
.commenttable tbody tr td{
    padding:0!important;
}


a{color: #f60 !important; }
a:visited{ color: #f60 !important; }
a:hover{ color: #f60 !important;}
a:active{ color: #f60 !important; }


#back_btn, #next_btn, .startlink, .back_btn, .next_btn{
	background: #e1001a;
	border: 1px solid #e1001a;
	color: #FFF !important;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	/* margin-bottom: 40px; */
	/* margin-top: 40px; */
	margin: 40px 5px;
	outline: none;
	padding: 10px 25px;
	text-decoration: none;
	text-transform: none;
	-webkit-appearance: none;
	border-radius: 30px;
}


#back_btn:hover, #next_btn:hover, .back_btn:hover, .next_btn:hover, .startlink:hover{
	border: 1px solid #e8293f;
	background: #e8293f;
	color: #FFF !important;
	text-decoration: none;
}


.startlink{
	display: inline-block;
	font-weight: bold !important;
	margin-top: 0;
	margin-left: 0;
}


.lsel{
	border: 1px solid #d8d8d8;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 16px;
	max-width: 100%;
	outline: 0;
	width: 100%;
	max-width: 400px;
	text-align: left;
}
.lsel td{
	text-align:left;
}

.popinmid{
	text-align: left;
}



b{
	font-weight: bold;
}




.bottomtable{
	/* width: 100%; */
	/* padding: 10px 10px; */
	/* background: #000; */
}




#infooutertable{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
#infoinnertable{
	border-collapse: collapse;
}
#infoinnertable > tbody > tr > td{
	white-space: normal !important;
}



.footer-wrapper{
	font-size: 15px;
	color: #333;
	font-weight: normal;
	padding: 20px 26px;
	width: 950px;
}



.footer-wrapper a{
	text-decoration:none;
	color: #333 !important;
}

.progress-wrap{
	margin: 0 auto;
	height: 40px;
	background: #fff;
	position:relative;
}

.progress-innerwrap{
	width:950px;
}

.outerprogress-wrap{
	width: 50%;
	display:inline-block;
	height: 20px;
}

.outerprogress{
	background: #ccc;
	height: 4px;
	position: relative;
}

.innerprogress{
	background: #ab269d;
	float: left;
	height: 4px;
	position: relative;
}

.innerprogress div{
	position: absolute;
	right: -4px;
	top: -2px;
	color: #811d77;
	width: 8px;
	height: 8px;
	background: #811d77;
}

.textprogress{
	font-size: 13px;
	font-weight: normal;
	text-align: right !important;
	display: none;
	width: 25%;
	float: left;
	padding-right: 6px;
}


	@media only screen and (max-width: 949px){

		.footer-wrapper, .progress-innerwrap{
			width: 100%;
		}

	}


div.footer.right p{
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 0;
}


div.maincontainer .col1, div.maincontainer .col2, div.maincontainer .col3{
	text-align: center;
} 

div.maincontainer > .upperspacetable, div.maincontainer > .mainspacertable{
	display: none;
}



.additionalpagetext{
	/* color: #333; */
	font-size: 16px;
	width: 100%;
	/* max-width: 950px; */
	text-align: left;
	/* background: #000; */
	margin-left: auto;
	margin-right: auto;
	padding: 20px 26px;
}






textarea, input[type="text"], input[type="number"], input[type="email"], input[type="password"], select{
	background: #FFF !important;
	border: 1px solid #ffffff;
	color: #333 !important;
	font-size: 15px !important;
	margin-bottom: 4px;
	margin-top: 4px;
	outline: 0 none;
	padding: 4px 10px;
	vertical-align: middle;
	max-width: 100% !important;
	border-radius: 4px;
}

textarea{
	padding: 10px;
}

select{
	height: 30px;
}




input[type="number"]{
	text-align: center;
}


textarea:hover, input:hover[type="text"], input:hover[type="number"], input:hover[type="email"], input:hover[type="password"], select:hover, textarea:focus, input:focus[type="text"], input:focus[type="number"], input:focus[type="email"], input:focus[type="password"], select:focus{
	background: #FFF !important;
	color: #333 !important;
	outline: 0 none;
}

a{
	background: transparent; /*remove the gray background color from active links in IE 10.*/
}

a:active,
a:hover{
	outline: 0; /*improve readability when focused and also mouse hovered in all browsers.*/
}

a{
	margin: 0;
	padding: 0;
}


h1{
	font-size: 22px;
	margin: 0;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.1; margin-bottom: 5px; color: #a5a5a5;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1{ font-weight: 200; font-size: 34px;}
h2{ font-weight: 200; font-size: 37px;}
h3{ font-weight: 500; font-size: 27px;}
h4{ font-weight: 500; font-size: 23px;}
h5{ font-weight: 500; font-size: 17px;}
h6{ font-weight: 900; font-size: 14px; text-transform: uppercase; color: #444;}



abbr[title]{
border-bottom: 1px dotted; /*address styling not present in IE 8/9/10/11, Safari, and Chrome.*/
}

b,strong{
font-weight: bold; /*address style set to `bolder` in Firefox 4+, Safari, and Chrome.*/
}

b{
font-family: Helvetica, Arial, sans-serif !important;
font-weight: bold;
}

strong{
font-family: Helvetica, Arial, sans-serif !important;
font-weight: 700;
}

dfn{
font-style: italic; /* address styling not present in Safari and Chrome.*/
}

/*address styling not present in IE 8/9.*/
mark{
background: #ff0;
color: #000;
}

small{
font-size: 80%; /*address inconsistent and variable font size in all browsers.*/
}

/*prevent `sub` and `sup` affecting `line-height` in all browsers.*/
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup{
top: -0.5em;
}

sub{
bottom: -0.25em;
}


/* - - embedded content - - */
img{
border: 0; /*remove border when inside `a` element in IE 8/9/10.*/
}

svg:not(:root){
overflow: hidden; /*correct overflow not hidden in IE 9/10/11.*/
}

hr{
box-sizing: content-box;
height: 0;
-moz-box-sizing: content-box;
}


.width100{ width: 100%; }
.width75{ width: 75%; }
.width50{ width: 50%; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }

table{text-align: center;} 

td{
padding: 0 !important;
}

img{
border: 0;
}






.answer.single > div, .answer.multiple > div{
	/* border: 1px solid #333; */
	background: none;
	text-align: center;
	/* border-radius: 5px; */
	padding: 0px 0px 4px;
	margin-bottom: 0px;
	height: 100%;
}

.answer.single.checked > div, .answer.multiple > div.checked{
	/* border: 1px solid #ccc; */
	/* background: #545454; */
}

.answer.single > div > span, .answer.multiple > div > span{
	text-align: left;
	display: inline-block;
	/* margin: auto; */
	/* height: 180px; */
}

.answer.single > div > span > font, .answer.multiple > div > span > font{
	text-align: left;
}



.answer.single, .answer.multiple{
	background: #4a4a4a !important;
	border-radius: 5px;
	border: 1px solid #333;
}


.answer img{
	max-width: 160px;
	max-height: 120px;
}

.carDescription{
	padding: 3px;
	display: inline-block;
}


.dreiSpalter{
	padding: 5px 0 !important;
	width: 33%;
}

.imageContainer{
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 24px;
	}