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

@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}



html body {
	-webkit-text-size-adjust: none;
	font-family: 'Myriad Pro Regular',Helvetica, Arial, sans-serif;
	font-size:100%;
	color:#555555;
	margin:0;
	background-color:#fff;
	
	}

img {
	max-height:100%;
	width:auto;	
}

.trennungen {
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;	
}

/*
logo blau #1B1464
grün #00FF00
fragebox #0071BC
pink #FF00FF

*/

#wrapper {
	position:absolute;
	width:99% ;
	height:99%;
	border: 1px solid black;
}


#mainpage {
	position:absolute;
	width:640px;
	height:480px;
	
	width:100%;
	height:100%;
}

#header {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:52.28%;	
	float:bottom;
}

#startpage {
	width:100%;
	height:100%;
	cursor:pointer;
}

#startimage {
	width:100%;
	height:100%;
}

#header img {
	height:100%;
	width:100%;
	overflow:hidden;
}

#fragenpage {
	width:100%;
	height:100%;
}

#impressum {
	width:100%;
	height:100%;
	background-color:fff;
	z-index:10000;
	font-size:13px;
	line-height:15px;
}

#impressum_content {
	margin:20px;
	padding-top:20px;
	text-align:center
	
}

.impressum_head {
	font-size:16px;
	font-weight:bold;
}



#div_go_back {
	display:none;
	position:absolute;
	z-index:1000;
	top:20px;
	left:20px;
	width:auto;
	color:#565659;
	text-align:left;
	cursor:pointer;
	font-size:10px;
	background-color:#fff;
	padding:3px 3px 1px 3px;
	
	
	
}

.div_impressum {
	display:block;
	position:absolute;
	z-index:1000;
	top:20px;
	right:20px;
	color:#fff;
	color:#565659;
	text-align:left;
	cursor:pointer;
	font-size:10px;
	background-color:#fff;
	padding:3px 3px 1px 3px;
}

#moreslider .div_impressum {
	color:#000;
}

#div_impressum_close {
	display:block;
	position:absolute;
	z-index:1000;
	top:20px;
	left:20px;
	width:auto;
	color:#fff;
	color:#565659;
	text-align:left;
	cursor:pointer;
	font-size:10px;
	background-color:#fff;
	padding:3px 3px 1px 3px;
}


#div_show_more {

	margin-top:0px;
	color:#35A8AD;
	text-align:right;
	cursor:pointer;
	font-size:10px;
}


.contentbox {
	position:relative;

	width:100% -40px;
	height:44.02%;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
		
}

.content {
	position:relative;
	height:100%;
	height:43%;
	background-color:#fff;
	z-index:1000;
		
}

.test {
	display:none;
}

.answer {

}

.antworten {
	position:relative;
	margin-left:20px;
	margin-right:20px;
	top:20px;
	width:100% -40px;
	background-color:#fff;
}

.ergebnis {
	position:relative;
	margin-left:20px;
	margin-right:20px;
	top:-20px;
	width:100% -40px;
	background-color:#fff;
}

.frage {
	position:relative;
	left:0px;
	top:-30px;
	top:-20%;
	width:100%;
	background-color:none;
	text-align:center;
	color:#fff;
	font-size:18px;
	/*text-shadow: 1px 1px #555555;*/
}


.prod_image  {
	display:none;
	background-color:none;	
	z-index:200;
	position:relative;
	left:67.5%;
	left:63%;
	width:32%;
	height:55%;
	top:-70%;
	margin:0;
	z-index:5000;
	
}

#packshot_erg {
	width:100%;
	height:100%;
	
}


.antwort-4-l {
	position:relative;
	margin-bottom:20px;
	left:0px;
	top:0px;
	width:40%-10px;
	height:45%;
	background-color:#D1DCE2;
	float:left;
	z-index:100;
	cursor:pointer;	
}

.antwort-4-r {
	position:relative;
	margin-bottom:20px;
	left:0px;
	top:0px;
	width:40%-10px;
	height:45%;
	background-color:#D1DCE2;
	float:right;
	z-index:100;
	cursor:pointer;	
}

.antwort-dummy-l {
	position:relative;
	margin-bottom:20px;
	left:0px;
	top:0px;
	width:40%-10px;
	height:22%;
	background-color:#fff;
	float:left;
	z-index:100;
}

.antwort-dummy-r {
	position:relative;
	margin-bottom:20px;
	left:0px;
	top:0px;
	width:40%-10px;
	height:22%;
	background-color:#fff;
	float:right;
	z-index:100;
}

.antwortbreite {
	
}

.antworthoehe_4 {
	
}


.startbutton {
	position:relative;
	left:0px;
	top:-30%;
	width:50%;
	width:250px;
	left:50%;
	margin-left:-125px;
	height:50px;
	padding:5px;
	text-align:center;
	background-color:#B3C7D1;
	z-index:100;
	cursor:pointer;	
	font-size:24px;
	color:#fff;
}

.starttext_head {
	position:absolute;
	left:0px;
	top:20px;
	width:100%;
	text-align:center;
	background-color:none;
	z-index:100;
	font-size:34px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	
}

.runde_ecken {
	-moz-border-radius: 10px; 

    -webkit-border-radius: 10px; 

    border-radius: 10px; 
    -webkit-box-shadow: 0 3px 2px #6590A8;
	-moz-box-shadow:0 3px 2px #6590A8;
    box-shadow: 0 3px 2px #6590A8;
}


td {
	border:0;
	margin:0;	
	padding:0;
}

.answer_cont {
	width:100% -5px;
	height:100%;
	margin:2px;
	
}

.answer_text {
	width:100%;
	text-align:center;
	font-size:12px;
	color:#565659;
	hyphens: auto;
}

.answer_no {
	font-size:26px;
	color:#fff;	
	top:2%;
	left:3px;
	padding-left:5px;
	text-align:vertical;
	line-height:34px;
}


.table_text {
	height:100%;
	text-align:vertical;	
	
}


.ergtext_left {
	top:0px;
	width:60%;
	padding-right:20px;	
	float:left;
}

.ergtext_right {
	position:relative;
	top:0px;
	width:33%;
	float:left;
}

.erg_head {
	font-size:20px;
}

#erg_text {
		padding-top:10px;
}

.erg_text {

	font-size:12px;
	line-height:15px;
	hyphens: auto;
}

.erg_vorteile {
	font-size:9px;
	line-height:11px;
}

.erg_vorteile ul  {
	margin-left:-25px;
	margin-right:-10px;
	margin-bottom:0;
	padding-bottom:0;
	line-height:11px;
	hyphens: auto;
}

.erg_vorteile li  {


	list-style-position: outside;
}

.erg_vorteile li sup {
	font-size:80%;
	line-height:75%;
}



.pflege_text_head {
	top:-40px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:15px;
	margin-bottom:7px;
}

.pflege_text_cont {
	font-size:12px;
	font-weight:normal;
	text-align:center;
	line-height:15px;
}


.pflege_text_cont sup  {
	font-size:80%;
	line-height:75%;
}

.slidetexte {
	text-align:center;
	font-size:12px;
	line-height:18px;
}



.vorteile_head {
	font-size:12px;
	padding:5px;
	text-align:center;
	
}

#logostreifen {
	position:absolute;

	left:0px;
	bottom:0px;
	width:100%;
	height:57px;	
	background-color:#fff;

}

#verlaufstreifen  {
	position:absolute;
	width:100%;
	height:4.8%;
	bottom:0px;
	background-color:#fff;
	z-index:10000;
}

#verlaufstreifen img {
	width:100%;
	height:100%;

}



#footer {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:3%;
	background-color:#FF00FF;
}

#footer img {
	width:100%;
	height:100%;	
}

#bullet_container {
	display:block;
	clear:both;
	position:relative;
	top:17px;
	width:100%;
	width:120px;
	left:50%;
	margin-left:-60px;

	
	
	height:10px;	
	text-align:center;
	z-index:10000;
	


}

.bullet_center {
	position:absolute;
	left:50%;
	margin-left:-55px;
	width:140px;
	text-align:center;
}




.bullet {
	text-align:center;
	position:relative;
	width:10px;
	height:10px;
	background-color:#D1DCE2;
	-moz-border-radius: 5px; 

    -webkit-border-radius: 5px; 

    border-radius: 5px; 
    float:left;
    margin-right:10px;
}

.bullet_active {
	background-color:#6590A8;
}

.logo {
	position:relative;
	width:63px;
	height:27px;
	z-index:100;
	left:20px;
	top:15px;
	background-color:#fff;
	
}



.indextexte {
	position:absolute;
	float:right;
	width:70%;
	height:47px;
	z-index:100;
	right:20px;
	top:10px;
	font-size:8px;
	line-height:10px;
	
}

/* slider produkte */

#div_go_back_erg {
	position:absolute;
	z-index:1000;
	top:20px;
	top:20px;
	left:20px;
	width:auto;
	color:#565659;
	text-align:left;
	cursor:pointer;
	font-size:10px;
	background-color:#fff;
	padding:3px 3px 1px 3px;
}


#slidercontainer {
	position:relative;
	width:100%;
	clear:both;
	margin:0;

}

#div_slidebox1  {
	display:none;
}


#div_slidebox2  {
	display:none;
}

#div_slidebox3  {
	display:none;
}

#div_slidebox4  {
	display:none;
}

.touchSlider {
	position:relative;
	width:100%;
	top:0px;
	height:auto;
	height:100%;
	z-index:100;
}

.slideBox {
	position:absolute;
	width:80%;
	float:left;
	margin-top:30px;
}

#el_direction_1  {
	display:none;
	position:absolute;
	z-index:5000;
	top:200px; 
	top:50%; 
	width:100%;
	height:60px;
	margin-left:20px; 

}

#el_direction_2  {
	display:none;
	position:absolute;
	z-index:5000;
	top:200px; 
	top:50%; 
	width:100%;
	height:60px;
	margin-left:20px; 

}

#el_direction_3  {
	display:none;
	position:absolute;
	z-index:5000;
	top:200px; 
	top:50%; 
	width:100%;
	height:60px;
	margin-left:20px; 

}

#el_direction_4  {
	display:none;
	position:absolute;
	z-index:5000;
	top:200px; 
	top:50%; 
	width:100%;
	height:60px;
	margin-left:20px; 

}

.slider_icon {
	width:24px;
	height:30px;
}




.slideindex {

	position:absolute;
	text-align:center;
	width:100%;
	bottom:50px;
	font-size:8px;
}


.pflege_text {
	position:relative;
	width:100%;
	margin-top:20px;
	text-align:left;	
	float:bottom;
	
}


#bullet_slider1 {
	display:block;
	clear:both;
	position:relative;
	top:0px;
	width:100%;
	width:70px;
	left:50%;
	margin-left:-35px;
	height:10px;	
	z-index:10000;

}

#bullet_slider2 {
	display:block;
	clear:both;
	position:relative;
	top:0px;
	width:100%;
	width:90px;
	left:50%;
	margin-left:-45px;
	height:10px;
	z-index:10000;


}

#bullet_slider3 {
	display:block;
	clear:both;
	position:relative;
	top:0px;
	width:100%;
	width:150px;
	left:50%;
	margin-left:-75px;
	height:10px;	
	z-index:10000;

}

#bullet_slider4 {
	display:block;
	clear:both;
	position:relative;
	top:0px;
	width:100%;
	width:50px;
	left:50%;
	margin-left:-25px;
	height:10px;	
	z-index:10000;

}


.bullet_center {
	position:absolute;
	width:100%;
	text-align:center;

}

.bullet_sl {

	width:10px;
	height:10px;
	background-color:#D1DCE2;
	-moz-border-radius: 5px; 

    -webkit-border-radius: 5px; 

    border-radius: 5px; 
    float:left;
    margin-right:10px;
}

.bullet_active_sl {
	background-color:#6590A8;
}

.pflege_abb {
	height:50%;
	width:auto;
	text-align:center;	
	padding-bottom:20px;
	
}

.pflege_abb_2 {
	height:40%;
	width:auto;
	text-align:center;	
	padding-bottom:20px;
	
}