@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

html, body{
	height:100%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	font-weight:normal;
	background-color:#b0b0b0;
	overflow-y:scroll;
}
/*#sitecontainer{
	position:absolute;
	top:50%;
	left:50%;
	width:968px;
	height:687px;
	margin-bottom:40px;
	background-color:white;
	margin-top:-343px;
	margin-left:-484px;
}*/
#sitecontainer{
	position:relative;
	width:968px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#sitecontainer2{
	position:absolute;
	top:50%;
	margin-top:-343px;
	height:685px;
	background-color:#FFFFFF;
}
.language_selection{
	width:938px;
	padding-right:30px;
	padding-top:20px;
	text-align:right;
	font-size:13px;
	line-height:18px;
	padding-bottom:6px;
}
.language_selection ul{
	list-style:none;
}
.language_selection ul li{
	display:inline;
}
.language_selection ul li a{
	color:#c4c4c4;
	border-right:1px solid #c4c4c4;
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
}
.language_selection ul li a:hover, .language_selection ul li a.active{
	color:#000000;
}
.language_selection a.last{
	border:none;
}
.main_container{
	width:968px;
	height:auto;
}
.logo{
	float:left;
	width:176px;
	margin-right:15px;
	height:auto;
	min-height:100px;
	overflow:hidden;
}
.blue_container{
	position:relative;
	float:left;
	width:777px;
	height:643px;
	background-image:url(bluecontainer.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.rtecontent_parent{
	width:777px;
	height:480px;
	position:relative;
}
.rteContent{
	height:100%;
	width:100%;
}
.steps{
	padding-top:30px;
	height:20px;
	padding-bottom:50px;
	color:#FFFFFF;
	padding-left:170px;
	font-size:15px;
	line-height:20px;
}
.steps ul li{
	list-style:none;
	display:inline;
}
.steps ul li a{
	color:#FFFFFF;
	opacity:0.3;
	filter:alpha(opacity=30);
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
.steps ul li a.active, .steps ul li a:hover{
	color:#FFFFFF;
	opacity:1;
	text-decoration:underline;
}
.steps span.stepstitle{
	opacity:1;
	filter:alpha(opacity=100);
	padding-right:15px;
	float:left;
	display:inline;
}
.questions_partent{
	position:relative;
	width:577px;
	padding-left:170px;
	padding-bottom:32px;
	padding-right:30px;
}
.questions_partent.short{
	width:290px;
	padding-right:0px;
}
.rls_hidden{
	opacity:0.3;
	filter:alpha(opacity=30);
}
.requestInfo{
	position:absolute;
	top:4px;
	left:134px;
	height:24px;
	width:24px;
}
.requestInfoButton a{
	height:24px;
	width:24px;
	display:block;
	background-image:url(requestInfo.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
}
.requestInfo img{
	border:none;
}
.question{
	padding-top:8px;
	padding-bottom:6px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:18px;
	font-weight:bold;
}
.short .question{
	width:290px;
}
.answerbox{
	position:relative;
	height:auto;
	contenteditable:true;
	filter:inherit;
}
input.answer_radio{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
.answer{
	width:auto;
	padding-left:30px;
	padding-bottom:6px;
	color:#FFFFFF;
	width:448px;
	display:block;
}
.short .answer{
	width:258px;
}
.answer a, .answer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.imagebox{
	position:absolute;
	bottom:76px;
	left:15px;
	height:206px;
	width:120px;
	z-index:10;
	overflow:hidden;
}
.informationbox{
	position:absolute;
	/* grow effect only works with left/top positioning...*/
	left: 457px;
	top: 319px;
	/*bottom:0px;
	right:0px; */
	height:324px;
	width:320px; /*was 256px*/
	padding-right:0px; /*was 20px*/
	padding-left:px;/*was 44px*/
	padding-top:40px;
	background-image:url(infocircle.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
	font-size:15px;
	line-height:19.5px;
	color:#FFFFFF;
}
span.sponsor{
	padding-left:170px;
	color:#FFFFFF;
	width:290px;
	display:block;
}

.startpage{
	padding-left:50px;
	color:#FFFFFF;
	padding-top:100px;
	width:480px;
}
.auswertungspage{
	padding-left:50px;
	color:#FFFFFF;
	padding-top:100px;
	width:580px;
}
.auswertungspage .auswertung{
	display:block;
	margin-bottom:10px;
	color:#FFFFFF;
}
.auswertungspage .sponsor2{
	padding-top:30px;
	display:block;
}
.auswertungspage .auswertung a, .auswertungspage .auswertung a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
.startpage .start1 a, .startpage .start1 a:hover,
.startpage .start2 a, .startpage .start2 a:hover,
.startpage .start3 a, .startpage .start3 a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
.startpage a, .startpage a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.startpage .start1{
	font-size:22px;
	line-height:25px;
	padding-bottom:30px;
	font-weight:bold;
}
.startpage .start2{
	font-size:42px;
	line-height:50px;
	padding-bottom:140px;
}
.startpage .start3{
	font-size:18px;
	line-height:22px;
	padding-bottom:120px;
}
/***************************************/

.informationbox span{
	display:block;
}
.informationbox span.line1{
	padding-left:160px;
}
.informationbox span.line2{
	padding-left:139px;
}
.informationbox span.line3{
	padding-left:114px;
}
.informationbox span.line4{
	padding-left:93px;
}
.informationbox span.line5{
	padding-left:78px;
}
.informationbox span.line6{
	padding-left:66px;
}
.informationbox span.line7{
	padding-left:58px;
}
.informationbox span.line8{
	padding-left:52px;
}
.informationbox span.line9{
	padding-left:47px;
}
.informationbox span.line10{
	padding-left:44px;
}
.informationbox span.line11{
	padding-left:46px;
}
.informationbox span.line12{
	padding-left:44px;
}
.informationplain{
	position:absolute;
  /* grow effect only works with left/top positioning...*/
  left: 457px;
  top: 319px;
  /*bottom:0px;
  right:0px; */
	height:324px;
	width:320px;
	padding-top:40px;
	background-image:url(infoplain.gif);
	background-position:top left;
	background-repeat:no-repeat;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.clear{
	clear:both;
}
.title_rls_arthrose{
	position:absolute;
	bottom:20px;
	left:191px;
	height:30px;
	width:300px;
	color:#000000;
	font-size:22px;
	line-height:30px;
	font-weight:bold;
}
.title_rls_arthrose2{
	position:absolute;
	bottom:20px;
	left:191px;
	height:30px;
	width:300px;
	display:none;
}
.title_rls_arthrose2 a, .title_rls_arthrose2 a:hover{
	text-decoration:none;
	color:#000000;
	font-size:22px;
	line-height:30px;
	font-weight:bold;
}
.backbutton{
	position:absolute;
	bottom:5px;
	right:0px;
	font-size:14px;
	height:15px;
	line-height:15px;
	padding-bottom:11px;
	width:60px;
}
.backbutton a, .backbutton a:hover{
	color:#000000;
	text-decoration:none;
}
.continuebutton{
	position:absolute;
	bottom:86px;
	left:361px;
	font-size:14px;
	height:15px;
	line-height:15px;
	width:60px;
	display:none;
}
.continuebutton a, .continuebutton a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
input.nonJsSubmit{
	position:absolute;
	top:440px;
	left:140px;
	background:none;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	line-height:15px;
}

.logo img {
	border: none;
}