@import url(../../sys/css/common.css);

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#666;
}

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

h1,h2,h3,h4 {
	margin-top:0px;
}
h6 {
	font-size:14px;
}

img {
	border:none;
	border-width:0px;
}

.clear {
	font-size:1px;
	clear:both;
	height:1px;
}

#wrapper_main {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#wrapper_top {
	/* height:145px; */
	position:relative;
}

.logo {
	position:absolute;
	top:5px;
	left:10px;
	width:130px;
}

.topheader {
	background-color:#80ccec;
	height:90px;
	position:relative;
}
.topheader_image {
	position:absolute;
	bottom:0px;
	left:170px;
}
.topheader_teaser {
	position:absolute;
	bottom:20px;
	right:20px;
}

#wrapper_language {
	background-color:#FFF;
	height:20px;
}
.language {
	padding-top:2px;
	color:#2989ba;
	text-align:right;
	padding-right:20px;
	text-transform:lowercase;
}
.language, .language a:link, .language a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	font-size:11px;
}
.language a:hover, .language a:active {

}

.ticker_wrapper {
	position:absolute;
	left:400px;
	top:50px;
	font-size:14px;
}
.ticker_wrapper .dmnt_par, .ticker_wrapper .dmnt_par a:link, .ticker_wrapper .dmnt_par a:visited {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#wrapper_navitop {
	background-color:#80ccec;
	height:26px;
	padding-left:170px;
	text-transform:lowercase;
}
/* siehe styles.de.css */
#wrapper_navitop .navitop_item, #wrapper_navitop .navitop_item_active {

}
#wrapper_navitop .navitop_item a:link, #wrapper_navitop .navitop_item a:visited {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
#wrapper_navitop .navitop_item_active a:link, #wrapper_navitop .navitop_item_active a:visited {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#wrapper_content {
	background-image: url(../images/content_bg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	color:#656565;
}
#wrapper_content, #wrapper_content td {
	line-height:20px;	
}
#wrapper_content a:link, #wrapper_content a:visited {
	color:#656565;
}
#wrapper_content a:hover, #wrapper_content a:active {
	text-decoration:none;
}

#content {
	padding:20px;
}

.content_padding {
	padding:20px;
}

#wrapper_bottom {
	
}

#wrapper_metalinks {
	float:left;
	width:300px;
	color:#000;
	text-transform:lowercase;
	font-size:11px;
	margin-top:5px;
	margin-left:10px;
	font-weight:bold;
}
#wrapper_metalinks a:link,
#wrapper_metalinks a:visited {
	text-decoration:none;
	color:#000;
	font-size:11px;
	font-weight:bold;
}

#wrapper_navimeta {
	float:right;
	width:600px;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	font-size:11px;
	text-transform:lowercase;
}
#wrapper_navimeta a:link, #wrapper_navimeta a:visited {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#666666;
}
#wrapper_navimeta a:hover, #wrapper_navimeta a:active {

}
#wrapper_navimeta .navimeta_sep {
	padding-left:5px;
	padding-right:5px;
}

/* Kontaktformulare */
.contactform {
	width:100%;
}
.contactform th {
	text-align:left;
	padding-bottom:5px;
	vertical-align:top;
}
.contactform td {
	text-align:left;
	padding-bottom:5px;
	vertical-align:top;
}
.contactform td .standard_input {
	width:98%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	border:1px solid #666;
}
.contact .col1 {
	width:630px;
	padding-left:170px;
}
.contact .col2 {
	width:10px;
}
.contact .contactform {
	width:400px;
}
.contact .contactform .row_submit {
	text-align:right;
}
.contact .contactform .row_submit .submit {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	background-image:url(../mediapool/gewinne/gewinnspiel/gewinnspiel_arrow.gif);
	background-repeat:no-repeat;
	background-position: right 0px;
	padding-right:40px;
	background-color:#FFF;
	border-width:0px;
	height:36px;
	color:#666;
}
.required {
	font-size:11px;
	margin-top:5px;
}

/* 3 Spalten */

#wrapper_cols3 {
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
}
#wrapper_cols3 p {
	margin-bottom:0px;
}
#wrapper_cols3 .col1 {
	width:296px;
	float:left;
	border:1px solid #666;
	margin-right:18px;
}
#wrapper_cols3 .col2 {
	width:296px;
	float:left;
	border:1px solid #666;
	margin-right:18px;
}
#wrapper_cols3 .col3 {
	width:296px;
	float:left;
	border:1px solid #666;
}

.product_overview .col1 {
	border-width:0px !important;
	width:230px !important;
	margin-right:150px !important;
	margin-left:50px;
	line-height:20px;
}
.product_overview .col2 {
	border-width:0px !important;
	width:180px !important;
	margin-right:90px !important;
	line-height:20px;
}
.product_overview .col3 {
	border-width:0px !important;
	width:230px !important;
	line-height:20px;
}


/* PRODUKTE */

/* PRODUKTE ÜBERSICHT */
.productoverview_wrapper {
	
}
.productoverview_wrapper .overview_image {
	float:left;
	width:310px;
}
.productoverview_wrapper .overview_text_wrapper {
	float:right;
	width:593px;
	padding-top:10px;
}
.productoverview_wrapper .overview_text {

}
.productoverview_wrapper .overview_text p {
	line-height:20px;
	padding-right:150px;
	font-weight:bold;
}
.productoverview_wrapper .back_to_products {
	margin-top:30px;
}

/* PRODUKT BLATT */
.product_wrapper {
	margin-top:20px;
}
.product_wrapper .col_text .textwrapper .header, .product_wrapper .col_howto .cat {
	height:160px;
	margin-bottom:10px;
}
.product_wrapper .col_image {
	width:250px;
	float:left;
}
.product_wrapper .col_image .arrow {
	margin-bottom:20px;
}
.product_wrapper .col_image .arrow .arrow_image {
	margin-top:40px;
	text-align:right;
}
.product_wrapper .col_image .image {
	text-align:right;
}
.product_wrapper .col_text {
	width:418px;
	float:left;
}
.product_wrapper .col_text .textwrapper {
	padding-left:30px;
}
.product_wrapper .col_text .textwrapper .header {

}
.product_wrapper .col_text .textwrapper .header .header_image {
	margin-top:20px;
}
.product_wrapper .col_text .textwrapper .text {
	padding-right:30px;	
}
.product_wrapper .col_howto {
	width:282px;
	float:left;
}
.product_wrapper .col_howto .cat {

}
.product_wrapper .col_howto .cat .cat_image {
	text-align:right;
}
.product_wrapper .col_howto .howto {
	
}
.howto {

}

.back_to_overview {
	
}

/* SLIDER */
#slider_wrapper {
	border:1px solid #80ccec;
	position:relative;
	height:470px;
}

#slider_wrapper .slider_container {
	width:280px;
	height:470px;
	overflow:hidden;
	position:relative;
}
#slider_wrapper .slider_container .slides {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	padding:0;
	margin:0;
}
#slider_wrapper .slider_container .slides li {
	position:absolute;
	top:0;
	width:280px;
	display:none;
	padding:0;
	margin:0;
}
#slider_wrapper .slider_navi {
	position:absolute;
	bottom:0px;
	right:0px;
}
#slider_wrapper .slider_navi .next, #slider_wrapper .slider_navi .previous {
	cursor:pointer;
	width:24px;
	height:24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:right;
	margin-right:5px;
	margin-bottom:4px;
}
#slider_wrapper .slider_navi .next {
	background-image:none;
}
#slider_wrapper .slider_navi .previous {
	background-image:none;
}
/* HOWTO */
.slider_container li .step_image {
	
}
.slider_container li .step_text {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}
.slider_container li .step_text h2 {
	font-size:14px;
	margin-left:0px;
	margin-top:0px;
	text-indent: -999em;
	padding:0px;
	background-repeat:no-repeat;
	height:20px;
}

/* SCROLLER */
#scroller_wrapper {
	border:1px solid #80ccec;
	position:relative;
}

#scroller_wrapper ul, #scroller_wrapper li {
	padding:0;
	margin:0;
	list-style:none;
}

#scroller_content {
	overflow:hidden;
	width:280px;
}
#scroller_content ul {

}
#scroller_content .element {
	float:left;
	width:280px;
}

#scroller_wrapper .scroller_navi {

}
#scroller_wrapper .scroller_navi .next, #scroller_wrapper .scroller_navi .prev {
	cursor:pointer;
	width:24px;
	height:24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:right;
	margin-right:5px;
	margin-bottom:4px;
}
#scroller_wrapper .scroller_navi .next {
	background-image:none;
}
#scroller_wrapper .scroller_navi .prev {
	background-image:none;
}

/* HOWTO */
#scroller_content li .step_image {
	
}
#scroller_content li .step_text {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}
#scroller_content li .step_text h2 {
	font-size:14px;
	margin-left:0px;
	margin-top:0px;
	text-indent: -999em;
	padding:0px;
	background-repeat:no-repeat;
	height:20px;
}

/* NEWS */
.news-list-container {
	margin-top:30px;
}
.news-list-item {
	padding-left:20px;
}
.news-list-text {
	float:left;
	width:230px;
}
.news-list-text .news-list-headline {
	color:#ff7900;
	font-weight:bold;
	font-size:36px;
	line-height:36px;
	margin-bottom:5px;
}
.news-list-text .news-list-teaser {
	color:#6cc7e8;
	line-height:18px;
}
.news-list-text .news-list-more {
	text-align:right;
}
.news-list-image {
	float:right;
	width:650px;
}
.news-list-image-only {
	margin-left:-20px;
}

.news-list-row2 .news-list-headline {
	color:#6cc7e8;
}
.news-list-row2 .news-list-teaser {
	color:#ff7900;
}

.news-single-item {
	padding:20px;
	padding-left:50px;
	padding-right:60px;
}
.news-single-item .news-single-content {
	
}
.news-single-item .news-single-content h4 {
	color:#ff7900;
	font-size:40px;
	line-height:40px;
}
.news-single-item .news-single-content h5 {
	color:#00aad2;
	font-size:30px;
	line-height:30px;
}
.news-single-item .news-single-image {
	margin-top:20px;
}

/* 2 Spalten */
#wrapper_cols2 {
	
}
#wrapper_cols2 .col1 {
	float:left;
	padding-top:20px;
}
#wrapper_cols2 .col2 {
	float:right;
}
/* INFOSTUDIO */
.standard .col1, .infostudio_standard .col1 {
	width:520px;
}
.standard .col2, .infostudio_standard .col2 {
	width:401px;
}
.infostudio_faq .col1 {
	width:400px;
	position:relative;
}
.infostudio_faq .col2 {
	width:470px;
	padding-top:20px;
}
.infostudio_dictionary .col1 {
	width:530px;
	padding-left:70px;
}
.infostudio_dictionary .col2 {
	width:303px;
}
.infostudio_tippstricks .col1 {
	width:520px;
}
.infostudio_tippstricks .col2 {
	width:401px;
}
.infostudio_expertchat .col1 {
	width:550px;
	padding-left:70px;
}
.infostudio_expertchat .col2 {
	width:303px;
}
.infostudio_pimplefilm .col1 {
	width:450px;
	padding-left:70px;
}
.infostudio_pimplefilm .col2 {
	width:401px;
}
.skincheck .col1 {
	width:560px;
	padding-left:0px;
}
.skincheck .col1 .negative_indent {
	margin-left:0px;
}
.skincheck .col2 {
	width:382px;
}
/* FAQ */
.faq_wrapper {
	margin-bottom:20px;
	padding:20px;
}

.faq-questions-list, .faq-answers-list {
	width:400px;
	height:250px;
	border:1px solid #666;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
}
.faq-answers-list {
	width:470px;
	float:right;
	margin-top:20px;
}
.faq-questions-list {
	float:left;
	margin-top:20px;
}
.faq_wrapper .faq-question, .faq_wrapper .faq-answer {
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}
.faq_wrapper .faq-question a:link, .faq_wrapper .faq-question a:visited  {
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#666;
}
.faq_question_header, .faq_answer_header {
	font-weight:bold;
	font-size:32px;
	padding-left:20px;
	margin-bottom:10px;
}
.faq_wrapper .faq_causes .faq_question_header {
	color:#00aad2;
}
.faq_wrapper .faq_causes .faq_answer_header {
	color:#00aad2;
}
.faq_wrapper .faq_causes .faq-question a:active {
	color:#00aad2 !important;
}
.faq_wrapper .faq_influence .faq_question_header {
	color:#ff7900;
}
.faq_wrapper .faq_influence .faq_answer_header {
	color:#ff7900;
}
.faq_wrapper .faq_influence .faq-question a:active {
	color:#ff7900 !important;
}
.faq_wrapper .faq_treatment .faq_question_header {
	color:#e3ae81;
}
.faq_wrapper .faq_treatment .faq_answer_header {
	color:#e3ae81;
}
.faq_wrapper .faq_treatment .faq-question a:active {
	color:#e3ae81 !important;
}


/* WIRKSTOFFE */
#map_container img {
	border:0px;
}
.marker-layer {
	background-color:#FFF;
	border:1px solid #666;
	padding:10px;
	width:auto;
}
.marker-layer h3 {
	color:#D80400;
}

/* GEWINNSPIEL */
.game_overview .col1 {
	width:470px;
}
.game_overview .col2 {
	width:462px;
}

.game_wrapper {
	margin-left:180px;
	padding-top:20px;
	padding-bottom:30px;
	padding-right:100px;
}
.game_wrapper img {
	margin-left:-120px;
}
.quiz-question {
	font-size:20px;
	font-weight:bold;
	padding-left:25px;
	margin-bottom:10px;
}
.quiz-answer {
	margin-bottom:10px;
	font-size:16px;
}
.quiz-explanation {
	
}
.quiz-submit-button {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	background-image:url(../mediapool/gewinne/gewinnspiel/gewinnspiel_arrow.gif);
	background-repeat:no-repeat;
	background-position: right 0px;
	padding-right:40px;
	background-color:#FFF;
	border-width:0px;
	height:36px;
	color:#666;
}
.quiz-submit {
	text-align:right;
}

/* Newsletteranmeldung */
.tx-sremailsubscribe-pi1 {
	margin-top:20px;
}

#tx-sremailsubscribe-pi1-tx-sremailsubscribe-pi1-tt_address_form {
	text-transform:lowercase;
}
/*
.tx-sremailsubscribe-pi1 a {
    background-image:none;
    padding-left:0px;
	font-weight:bold;
}
*/

/* Hauttypencheck */
.skincheck_qa {
	margin-top:20px;
}
.skincheck_qa .questionheader {
	font-size:18px;
	font-weight:bold;
}
.skincheck_qa .question {
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
}
.skincheck_qa .answer {
	text-indent:0px;
	font-size:14px;
	margin-bottom:10px;
}
.skincheck_qa .next {
	text-align:right;
	margin-top:30px;
}
.skincheck_qa .next .nexttext {
	color:#666;
	font-size:16px;
	float:right;
	width:450px;
	padding-right:10px;
}
.skincheck_qa .next .submit {
	float:right;
	width:36px;
}
.skincheck_qa .next .submit-button {
	background-image:url(../mediapool/gewinne/gewinnspiel/gewinnspiel_arrow.gif);
	background-repeat:no-repeat;
	background-position: right 0px;
	background-color:#FFF;
	border-width:0px;
	height:36px;
	width:36px;
}
.q3a3 {
	display:none;
}
.skincheck_result {
	margin-bottom:20px;
	margin-top:40px;
}
.result_pdf {
	margin-top:30px;
	height:36px;
	text-align:right;
}
.result_pdf a:link, .result_pdf a:visited {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../mediapool/gewinne/gewinnspiel/gewinnspiel_arrow.gif);
	background-repeat:no-repeat;
	background-position: right 0px;
	padding-right:40px;
	padding-top:15px;
	height:36px;
	display:inline-block;
}

/* Mädchen Stylingtour */
.mst_standard .col1 {
	width:560px;
	padding-left:70px;
	padding-top:20px;
}
.mst_standard .col2 {
	width:280px;
	padding-top:20px;
}
.mst_covervoting .col1 {
	width:360px;
	/* width:800px; */
	padding-left:70px;
	padding-top:20px;
}
.mst_covervoting .col2 {
	/* display: none; */
	width:500px;
	padding-top:20px;
}
.mst_tourcities td a:link, .mst_tourcities td a:visited {
	color:#e5007d !important;
}
.mst_tourcities td {
	font-weight:bold;
	font-size:18px;	
}