@charset "UTF-8";

html {
    height: 100%;
}

body,
textarea,
input,
select {
	color: #686865;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body {
    background-color: #d8d8d8;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	color: #686865;
    display: block;
    line-height: 18px;
}

.wrapper {
	margin: 0 auto;
	width: 960px;
}

/**
 * @section header
 */

.header_content {
	display: block;
	margin-bottom: 10px;
}

/* language select */

.language_select {
	display: block;
	padding-right: 10px;  
}

.language_select ul {
    background-color: #e8e8e8;
	display: block;
	float: right;
    padding: 5px 11px;
	-webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;  
}

.language_select li {
	color: #a5a5a5;
	display: block;
	float: left;
}

.language_select a {
	display: block;
	float: left;
	height: 11px;
	margin-left: 10px;
	width: 16px;
}

.language_select a.german {
	background: url(../img/de.png) no-repeat;
}

.language_select a.english {
	background: url(../img/gb.png) no-repeat;
	display: none;	
}

/* header logo */

.header_logo {
    padding-left: 14px;
	margin-top: -20px;
    float: left;
}

.header_logo a {
    background: url(../img/header_logo.jpg) no-repeat;
    display: block;
    height: 136px;
    text-indent: -9999px;
    width: 245px;   
}

.header_content span {
	background: url(../img/since_1970.jpg) no-repeat 0px 80px;
	display: block;
	float: right;
	height: 44px;
	padding: 80px 10px 0px 0px;
	text-indent: -9999px;
	width: 360px;
}

/**
 * @section stage
 * 
 */

.stage {
	background: url(../img/stage_bg.jpg) no-repeat;
	display: block;
	height: 281px;
	padding: 32px 9px 33px 281px;
	position: relative;
	width: 670px;
}

.stage h1 {
	background: url(../img/stage_title.jpg) no-repeat;
	display: block;
	height: 81px;
	margin-bottom: 34px;
	text-indent: -9999px;
	width: 670px;
}

.stagelist {
	padding-left: 105px;
}

.stagelist li {
	background: url(../img/stage_marked_bullet.jpg) no-repeat;
	margin-bottom: 9px;
	padding-left: 42px;
	position: relative;
}

.stagelist span {
	display: block;
	height: 16px;
	color: #686865;
    padding: 5px 0px;
	text-indent: -9999px;
    width: 444px;
}

.stagelist li .row_1 {
	background: url(../img/stage_text_row1.jpg) no-repeat 0px 7px;
}

.stagelist li .row_2 {
    background: url(../img/stage_text_row2.jpg) no-repeat 0px 7px;
}

.stagelist li .row_3 {
    background: url(../img/stage_text_row3.jpg) no-repeat 0px 7px;
}

.stagelist li .row_4 {
    background: url(../img/stage_text_row4.jpg) no-repeat 0px 7px;
}

.stagelist li .row_5 {
    background: url(../img/stage_text_row5.jpg) no-repeat 0px 7px;
}

.stage_button .watch_video {
	background: url(../img/stage_button_show_vid.jpg) no-repeat;
	height: 146px;
	left: 15px;
	position: absolute;
	text-indent: -9999px;
	top: 148px;
	width: 146px;
}


.stage_button .watch_video:hover {
    background: url(../img/stage_button_show_vid_hover.jpg) no-repeat;
}


.stage_button .watch_video_active,
.stage_button .watch_video_active:hover {
    background: url(../img/stage_button_show_vid_back.jpg) no-repeat;
}

.stage_button .watch_video_active:hover { background-position: 0 0; }

/**
 * @section navigation
 * 
 */

.navigation {
	display: block;
}

.navigation ul {
	display: block;
}

.navigation li {
	display: block;
	float: left;
	padding: 8px 7px;
}

.navigation li a {
	color: #686865;
    display: block;
	font-size: 14px;
	font-weight: bold;
	height: 29px;
    line-height: 35px;
    text-align: left;
    width: 145px;
}

.navigation li a:hover {
	color: #e55023;
	font-weight: bold;
	text-decoration: none;
}

.navigation li a.active {
	color: #e55023;
	font-weight: bold;
	text-decoration: none;
}

.navigation li .order {
        text-align: left;
	background: url(../img/navigation_button_bg.jpg) repeat;
	border: 4px solid #892d10;
	color: #000000;
	font-wei8ht: bold;
	height: 75px;
        line-height: 35px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
}

.navigation li .order:hover {
	color: #fff;
	background: url(../img/navigation_button_bg_hover.jpg) repeat;
}

.navigation_shadow {
	background: url(../img/navigation_shadow.jpg) no-repeat;
	display: block;
	height: 15px;
	margin-bottom: 20px;
	width: 960px;
}

/**
 * General Content Style
 * 
 */

.content {
	margin-bottom: 20px;
}

/**
 * @section home
 * 
 */

.whitebox {
        background-color: #d8d8d8;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}

.home .whitebox {
	padding: 15px 12px 10px 21px;
}


.home .text_column {
	display: block;
	float: left;
	padding-top: 13px;
	width: 430px;
}


.home .text_colummn h1 {

	display: block;
	height: 15px;
	text-indent: -9999px;
	width: 411px;
}


.home .text_colummn h1 {
	background: url(../img/home_title.jpg) no-repeat;
	display: block;
	height: 15px;
	text-indent: -9999px;
	width: 411px;
}

.home .text_column p {
	padding-top: 25px;
}

.home .pix_column {
	display: block;
	float: right;
	width: 490px;
}

.home .pix_columnn {
	display: block;
	float: left;
	width: 490px;
}



.home .pix_column img {
	padding-left: 8px;
}

/**
 * @section products subsite
 * 
 */

.products h1 {
	background: url(../img/products_h1.jpg) no-repeat;
	display: block;
	height: 33px;
	margin-left: 10px;
	text-indent: -9999px;
	width: 497px;
}

.main_product {
	display: block;
	margin-bottom: 25px;
}

.description_text {
	display: block;
	float: left;
	margin-right: 25px;
	padding-top: 30px;
	padding-left:10px;
    width: 365px;
}

.main_product p {
	margin-bottom: 25px;
}

.main_product .table_title {
	color: #8c8c8c;
	margin-bottom: 10px;
}

.bottle {
	display: block;
	float: left;
	width: 305px;
}

.bottle a {
	background: url(../img/request_button_big.jpg) no-repeat;
	display: block;
	height: 54px;
	margin-left: 86px;
	width: 110px;
}

.bottle a:hover {
	background: url(../img/request_button_big_hover.jpg) no-repeat;
}


.hairtypes {
	display: block;
	float: right;
	padding-top: 30px;
	width: 255px;
}

.hairtypes td {
	color: #8c8c8c;
	font-size: 11px;
	line-height: 19px;
}

.products .content_divider {
	background: url(../img/poducts_content_divider.jpg) no-repeat;
	display: block;
	height: 2px;
	margin-bottom: 25px;
	width: 960px;
}

.extra_products {
	padding: 0px 10px 0px 12px;
}

.extra_products img {
	display: block;
	float: left;
	margin-bottom: 47px;
	margin-right: 38px;
}

.extra_products .extra_box {
	display: block;
	float: left;
	padding: 15px 0px 0px 40px;
	width: 220px;
}

.extra_products .extra_box h4 {
	display: block;
	height: 32px;
	margin-bottom: 23px;
	text-indent: -9999px;
}

.extra_box .title_1 {
	background: url(../img/extrabox_h4_1.jpg) no-repeat;
}

.extra_box .title_2 {
	background: url(../img/extrabox_h4_2.jpg) no-repeat;
}

.extra_box .title_3 {
    background: url(../img/extrabox_h4_3.jpg) no-repeat;
}

.extra_box .title_4 {
    background: url(../img/extrabox_h4_4.jpg) no-repeat;
}

.extra_products .third,
.extra_products .fourth {
	padding-top: 32px;
}

.extra_box p,
.extra_products .whitebox p {
	border-bottom: 1px solid #b4b4b4;
	color: #686865;
	display: block;
	line-height: 18px;
	margin-bottom: 13px;
}

.extra_products .first p,
.extra_products .second p {
	height: 115px;
}

.extra_products .third p,
.extra_products .fourth p {
	height: 138px;
}

.extra_products a {
	background: url(../img/request_button_small.jpg) no-repeat;
	display: block;
	float: right;
	height: 39px;
	width: 65px;	
}

.extra_products a:hover {
    background: url(../img/request_button_small_hover.jpg) no-repeat;
}

.extra_products .whitebox {
	clear: left;
	display: block;
	float: left;
	margin-right: 38px;
	padding: 30px 23px 22px 20px;
	width: 335px;
}

.extra_products .whitebox h2 {
	background: url(../img/extra_products_whitebox_h2.jpg) no-repeat;
	display: block;
	height: 29px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

.extra_products .whitebox h3 {
	background: url(../img/extra_products_whitebox_h3.jpg) no-repeat;
	display: block;
	height: 13px;
	margin-bottom: 34px;
	text-indent: -9999px;
}

.extra_products .whitebox p {
	border-bottom: 0px;
}


/**
 * @section arguments subsite
 * 
 */

.arguments {
	display: block;
	position: relative;
	height: 561px !important;
	width: 960px;
}

.arguments .whitebox {
	display: block;
	float: left;
	padding: 29px 30px 30px 25px;
	width: 415px;
}

.arguments .whitebox h2 {
	display: block;
    height: 14px;
    margin-bottom: 30px;
	text-indent: -9999px;
}

.newspaper h2 {
	background: url(../img/arguments_newspapers_h2.jpg) no-repeat;
}

.radio_tv h2 {
    background: url(../img/arguments_radio_tv_h2.jpg) no-repeat;
}

.medics h2 {
    background: url(../img/arguments_medics_h2.jpg) no-repeat;
}

.arguments .whitebox p {
	line-height: 20px;
    margin-bottom: 20px;
}

.newspaper,
.radio_tv {
	height: 210px;
	margin-bottom: 20px;
}

.newspaper {
	margin-right: 20px;
}

.medics {
	height: 111px;
	margin-right: 20px;
}

.medics p {
	margin-bottom: 0px !important;
}

.clients_content {
    background: url(../img/clients_h2_bg.jpg) no-repeat;
    height: 94px;
	position: absolute;
	left: 0px;
    bottom: 0px;
    text-indent: -9999px;
    width: 490px;
}

.clients_content h2 {
    background: url(../img/arguments_clients_h2.jpg) no-repeat 25px 48px;
    height: 14px;
    padding-top: 48px;
}

.client_texts {
	height: 215px;
	padding-bottom: 28px !important;
	-webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
}


/**
 * @section faq subsite 
 * 
 */

.faq_column {
	display: block;
	float: left;
	padding-left: 10px;
	width: 609px;
}

.faq_column h1 {
	background: url(../img/faq_h1.jpg) no-repeat;
	display: block;
	height: 31px;
	margin-bottom: 3px;
	text-indent: -9999px;
}

.faq_column h2 {
	background: url(../img/faq_h2.jpg) no-repeat;
	display: block;
	height: 20px;
	margin-bottom: 28px;
	text-indent: -9999px;
}

.faq_column h3 {
	color: #686865;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 21px;
}

.faq_column p {
	margin-bottom: 30px;
}

.manual_column {
	display: block;
	float: right;
	padding-right: 10px;
	width: 300px;
}

.manual {
	display: block;
	padding: 20px 25px 25px 20px;
	margin-bottom: 30px;
}

.manual h2 {
	display: block;
	height: 11px;
	margin-bottom: 16px;
	text-indent: -9999px;
}

.manual .step1 {
	background: url(../img/manual_h2_1.jpg) no-repeat;
}

.manual .step2 {
    background: url(../img/manual_h2_2.jpg) no-repeat;
}

.manual .step3 {
    background: url(../img/manual_h2_3.jpg) no-repeat;
}

.manual .step4 {
    background: url(../img/manual_h2_4.jpg) no-repeat;
}

.manual img {
	border: 1px solid #000;
	display: block;
	float: left;
	margin: 0px 10px 5px 0px;
}

.manual_column .download {
	display: block;
	padding: 15px 0px;
	width: 300px;
}


.manual_column .download h2 {
	background: url(../img/manual_downloads_h2.jpg) no-repeat;
	display: block;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 18px;
	text-indent: -9999px;
	width: 100px;
}

.manual_column .download .content_divider {
	background: url(../img/downloads_content_divider.jpg) no-repeat;
	display: block;
	height: 10px;
	margin-bottom: 8px;
}

.manual_column .download a {
	color: #686865;
	background: url(../img/downloads_link_bg.jpg) no-repeat 261px 3px;
	display: block;
	font-weight: bold;
	padding: 10px 21px;
}

/**
 * @section contact subsite
 */

.contact .whitebox {
	display: block;
	padding: 25px 40px 35px 25px;
}

.contact .whitebox h1 {
	background: url(../img/contact_h1.jpg) no-repeat;
	display: block;
	margin-bottom: 13px;
	height: 22px;
	text-indent: -9999px;
}

.contact .whitebox h2 {
	background: url(../img/contact_h2.jpg) no-repeat;
	display: block;
	margin-bottom: 23px;
	height: 17px;
	text-indent: -9999px;
}

.adress_column {
	display: block;
	float: left;
	margin-right: 20px;
	width: 365px;
}

.adress_column p {
	display: block;
	font-weight: bold;
	margin-bottom: 25px;
}

.form_column {
	display: block;
	float: left;
	width: 510px;
}

.form_column label {
	display: block;
	height: 13px;
	margin-bottom: 10px;
	text-indent: -9999px;
} 

.form_column .name,
.form_column .email,
.form_column .question {
	display: block;
	float: left;
	width: 290px;
}

.form_column .name label {
	background: url(../img/contact_label_name.jpg) no-repeat;
}

.form_column .email label {
    background: url(../img/contact_label_email.jpg) no-repeat;
}

.form_column .question label {
    background: url(../img/contact_label_question.jpg) no-repeat;
	height: 17px;
}

.form_column input,
.form_column textarea {
	background-color: #deddd8;
	border: 2px solid #aeada7;
	display: block;
}

.form_column input {
	margin-bottom: 20px;
	padding: 4px 0px;
	width: 280px;
}

.form_column textarea {
	height: 165px;
	width: 506px;
}

.form_column .submit {
	background: url(../img/contact_submit.jpg) no-repeat;
	border: 0px;
	display: block;
	float: right;
	height: 56px;
	text-indent: -9999px;
	width: 94px;
}

.form_column .submit:hover {
    background: url(../img/contact_submit_hover.jpg) no-repeat;
}

.form_column p {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

.form_column a {
	color: #686865;
	font-weight: bold;
}

.form_messages {
	display: block;
	margin-bottom: 10px; 
}

.form_messages li {
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 5px;
}


/**
 * @section order subsite
 * 
 */

.order .whitebox {
    padding: 25px 40px 35px 25px;
}

.order_info {
	display: block;
	float: left;
	margin-right: 95px;
	width: 290px;
}

.order h1 {
	background: url(../img/order_h1.jpg) no-repeat;
	display: block;
	height: 29px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

.order_info p {
	font-weight: bold;
	display: block;
	margin-bottom: 25px;
}

.order .form_column {
	display: block;
	float: left;
	width: 460px;
}

.personal_information {
	display: block;
	overflow: hidden;
	height: 231px;
	width: 460px;
}

.order .info_column {
	display: block;
	float: left;
	margin-bottom: 27px;
	overflow: hidden;
	width: 220px;
}

.order .left {
	margin-right: 20px;
}

.order .info_column label {
	height: 11px;
	text-indent: -9999px;
}

.order .info_column .forename label {
	background: url(../img/order_form_firstname_label.jpg) no-repeat;
}

.order .info_column .lastname label {
    background: url(../img/order_form_lastname_label.jpg) no-repeat;
}

.order .info_column .email label {
    background: url(../img/order_form_email_label.jpg) no-repeat;
}

.order .info_column .street label {
    background: url(../img/order_form_street_label.jpg) no-repeat;
}

.order .info_column .pzip_city label {
    background: url(../img/order_form_city_label.jpg) no-repeat;
}

.order .info_column input {
	display: block;
	width: 216px;
}

.order h3 {
	border-bottom: 1px solid #b4b4b4;
    display: block;
    height: 14px;
    margin-bottom: 22px;
    padding-bottom: 12px;
    text-indent: -9999px;
}

.order .product_selection {
	display: block;
	margin-bottom: 50px;
}

.order .product_selection h3 {
	background: url(../img/order_form_product.jpg) no-repeat;
}

.order .product_selection p {
	background: url(../img/order_form_200ml.jpg) no-repeat;
	display: block;
	height: 13px;
	margin-bottom: 8px;
	text-indent: -9999px;
}

.order .product_selection span {
	color: #8c8c8c;
	display: block;
	font-style: italic;	
	margin-bottom: 30px;
}

.order .product_selection ul {
	display: block;
	width: 460px;
}

.order .product_selection li {
	display: block;
	float: left;
	height: 24px;
	margin-bottom: 8px;
	width: 150px;
}

.order .product_selection li input {
	border: 2px solid #aeada7;
	display: inline;
	font-weight: bold;
    height: 20px;
	line-height: 20px;
	margin: 0px;
	margin-right: 8px;
	padding: 0px 2px;
	text-align: right;
	width: 25px;
}

.order .product_selection li label {
	display: inline;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	width: 110px;
}

.order .payment_selection {
	display: block;
	margin-bottom: 30px;
}

.order .payment_selection h3 {
	background: url(../img/order_form_payment_select.jpg) no-repeat;
}

.order .payment_selection li {
	display: block;
	float: left;
	height: 15px;
	width: 115px;
}

.order .payment_selection li input {
	border: 1px solid #c0c0c0;
	display: block;
	float: left;
	height: 13px;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	width: 13px;
}

.order .payment_selection label {
	display: block;
	float: left;
	font-weight: bold;
	height: 15px;
	text-indent: 0px;
	width: 90px;
}

.order .further_notices {
	display: block;
	margin-bottom: 30px;
}

.order .further_notices h3 {
	background: url(../img/order_form_further_notices.jpg) no-repeat; 
	border-bottom: 0px;
	margin-bottom: 15px;
	padding-bottom: 0px;
}

.order .further_notices textarea {
	padding: 5px;
	width: 446px;
}


/**
 * @section contact subsite
 */

.impressum {
	padding: 30px;
	background-color: #eeeeee;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	margin-bottom: 20px;
}

.impressum h1 {
	margin-bottom: 20px;
	font-weight: bold;
}

.impressum p {
	line-height: 18px;
	margin-bottom: 20px;
}

.impressum a {
	color: #535047;
	text-decoration: underline;
}


.impressum strong {
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 15px;
}


/**
 * @section footer
 * 
 */

.footer {
	display: block;
	height: 80px;
}

.footer_shadow {
	background: url(../img/footer_shadow.jpg) no-repeat;
	display: block;
	height: 14px;
	margin-bottom: 14px;
	width: 960px;
}

.footer_meta {
	display: block;
	float: left;
	padding-left: 7px;
	width: 300px;
}

.footer_meta li {
	color: #535047;
	display: block;
	float: left;
	padding: 1px 0px;
}

.footer_meta li a,
.footer p {
	color: #535047;
	display: block;
	float: left;
	font-size: 14px;
    padding: 0px 5px;
}

.footer p {
	float: right;
	padding: 0px 12px;
}


.stage_video {
	display: none;
	float: right;
	padding-top: 5px;
	padding-right: 150px;
}