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

/* ------------- Offer List ------------- */

#subnav_box {
	width:726px;
	height:76px;
	margin-bottom: 19px;
	margin-top:30px;
	color: #FFF;
}
#subnav_box a:link 		{ color: #fff !important; text-decoration: none; z-index:20 !important; }
#subnav_box a:visited 	{ color: #fff !important; text-decoration: none; }
#subnav_box a:active 	{ color: #ED8C0E !important; text-decoration: none; }
#subnav_box a:hover 	{ color: #ED8C0E !important; text-decoration: none; }
#subnav_fris img,
#subnav_hair img,
#subnav_beauty img,
#subnav_make img,
#subnav_naegel img {
	position:absolute;
	left:0px;
	top:0px;
	z-index:10 !important;
}
a.subnav_link {
	width:147px;
	height:76px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 40px;
	padding-top: 30px;
	display:inline-block;
	color: #FFF;
	text-decoration: none;
	z-index:20 !important;
	position:absolute;
	left:0px;
	top:0px;
}
.subnav_link a:link 		{ color: #fff !important; text-decoration: none; }
.subnav_link a:visited 	{ color: #fff !important; text-decoration: none; }
.subnav_link a:active 	{ color: #ED8C0E !important; text-decoration: none; }
.subnav_link a:hover 	{ color: #ED8C0E !important; text-decoration: none; }
#subnav_fris {
	width:167px;
	height:76px;
	background-image: url(../img/frisuren_1.jpg);
	float: left;
	position:relative;
}
#subnav_keratin {
	width:167px;
	height:76px;
	background-image: url(../img/keratin_glaettung_1.jpg);
	float: left;
	position:relative;
}
#subnav_men {
	width:167px;
	height:76px;
	background-image: url(../img/men_bartpflege_1.jpg);
	float: left;
	position:relative;
}
#subnav_beauty {
	width:167px;
	height:76px;
	background-image: url(../img/beauty_1.jpg);
	float: left;
	position:relative;
}
#subnav_make {
	width:167px;
	height:76px;
	background-image: url(../img/schminke_1.jpg);
	float: left;
	position:relative;
}
#subnav_naegel {
	width:167px;
	height:76px;
	background-image: url(../img/naegel_1.jpg);
	float: left;
	position:relative;
}
#subnav_trenner {
	width:19px;
	height:76px;
	float: left;
}


/* ------------- Offer List ------------- */

.offer_list {
	width:726px;
	height:72px;
	position: relative;
	cursor: default;
	margin-bottom: 24px;
}
.offer_list_hover {
	width:576px;
	height:72px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	opacity:0;
	background-image: url(../img/vi_list_hover.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #e78802;
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 150px;
	line-height:72px;
}
.offer_list_image {
	width:140px;
	height:72px;
	position:absolute;
	top:0px;
	left:0px;
}
.offer_list_titel {
	width:360px;
	position:absolute;
	top:0px;
	left:150px;
	font-size: 20px;
	font-weight: 700;
	color: #b2b2b2;
	padding-top: 19px;
}
.offer_list_box {
	width:206px;
	position:absolute;
	top:0px;
	right:0px;
}
.offer_list_offer {
	width:186px;
	background-color: #e78802;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 34px;
	line-height: normal;
	font-weight: 700;
	color: #000;
}
.offer_list_valid {
	font-size: 14px;
	line-height: normal;
	font-weight: 300;
	color: #b2b2b2;
	text-decoration: none;
	padding-top:2px;
}
.offer_list_regular {
	font-size: 16px !important;
	line-height: normal;
	font-weight: 300 !important;
	color: #fff !important;
	text-decoration: none;
	padding-left:15px !important;
	padding-bottom: 20px;
}


/* ------------- Youtube Box  ------------- */

#youtube_box{
	width: 726px;
	height:408px;
	margin-bottom: 19px;
}

/* ------------- Offer Box  ------------- */

#offer_titelbox {
	width: 726px;
	margin-bottom: 19px;
	margin-top:50px;
	position:relative;
}
#offer_titelbox_titel {
	top:0px;
	left:0px;
	display:inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #e78802;
	font-style: normal;
	line-height: 22px;
	font-weight: 300;
	text-decoration: none;
}
#offer_titelbox_subtext{
	position:absolute;
	top:0px;
	right:0px;
	display:inline-block;
	font-size: 14px;
	font-weight: 300;
	color: #FFF;
	background-color: #363636;
	line-height: 22px;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 10px;
	background-image: url(../img/vi_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#offer_titelbox_subtext a:link 		{ color: #fff !important; text-decoration: none; }
#offer_titelbox_subtext a:visited 	{ color: #fff !important; text-decoration: none; }
#offer_titelbox_subtext a:active 	{ color: #ED8C0E !important; text-decoration: none; }
#offer_titelbox_subtext a:hover 	{ color: #ED8C0E !important; text-decoration: none; }

/* ------------- Linkbox  ------------- */

#link_box{
	width: 200px;
	margin-right:10px;
	padding:0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #474d43;
}
#link_box_1 {
	width: 100px;
	margin:0px;
	padding:0px;
	float:left;
}

/* -------- Nav2 -------- */

#sub_navi a {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
}
#sub_navi ul {
	margin:0px;
	padding: 0px;
}
#sub_navi ul li {
	height: 76px;
	width: 167px;
	display:inline-block;
}
#sub_navi ul li a {
	display: block;
	padding:0px;
	width: 167px;
} 
#sub_navi ul li.rex-current,
#sub_navi ul li.rex-active {
	visibility: hidden !important;
	height: 0px !important;
	width: 0px !important;
	display:inline-block;
}
#sub_navi ul li a:hover  {
	color: #FFF;
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	padding-bottom:7px !important;
	background-image: url(../img/keng_nav_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------- Galerie ------------- */

.image {
    margin-bottom: 10px;
}
.image img {
    display: block;
}
.image.left {
    float: left;
    margin-right: 19px;
}
.image.right {
    float: right;
    margin-left: 19px;
}
.image.no-margin {
    margin-left: 0;
    margin-right: 0;
}
.gallery .image {
    margin-bottom: 19px;
}

/* ------------- Team Galerie ------------- */

.team_border img {
    display: block;
}
.team_border.no-margin {
    margin-left: 0;
    margin-right: 0;
}
.team_border {
	margin-right: 19px;
    margin-bottom: 19px;
	float:left;
}
#team_titel {
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #e78802;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0px;
}

/* ------------- Angebotsbox ------------- */

.offer_box {
	width:344px;
	height:140px;
	display:inline-block;
	margin-right: 19px;
	position: relative;
}
.offer_box_hover {
	position: absolute;
	width: 311px;
	height: 76px;
	top: 0;
	left: 0;
	text-decoration: none; /* No underlines on the link */
	z-index: 5;
	opacity:0;
	background-image: url(../img/vi_sub_bkg.png);
	background-repeat: repeat;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	color: #e78802;
	padding-top: 64px;
	padding-left: 33px;
}
.offer_box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 20; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
#offer_box_image {
	width:140px;
	height:140px;
	float:left;
}
#offer_box_text {
	width:204px;
	float:left;
}
#offer_box_text {
	width:204px;
	float:left;
}
#offer_box_titel {
	width:184px;
	font-size: 20px;
	line-height: normal;
	font-weight: 700;
	color: #b2b2b2;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#offer_box_price_box {
	width:184px;
	background-color: #e78802;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#offer_box_price {
	font-size: 36px;
	line-height: normal;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	float:left;
}
#offer_box_subprice {
	font-size: 16px;
	line-height: normal;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	padding-left:15px;
	float:left;
}
#offer_box_subtext {
	font-size: 14px;
	line-height: normal;
	font-weight: 300;
	color: #b2b2b2;
	text-decoration: none;
	padding-left:10px;
	padding-top:5px;
}


/* ------------- Map ------------- */

#header_map_link {
	margin: 0px !important;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
#header_map_link a:link 		{ color: #ED8C0E; text-decoration: none; }
#header_map_link a:visited 	{ color: #ED8C0E; text-decoration: none; }
#header_map_link a:active 	{ color: #636363; text-decoration: none; }
#header_map_link a:hover 	{ color: #636363; text-decoration: none; }

/* --------	Modul WYSIWYG mit Bild -------- */

img.logo_top_left {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	float:left;	
}
img.logo_top_right {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	float:right;
}

div.tinymcewysiwyg {
	margin-bottom:20px;
	}

/* ----- Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie ----- */

div.wysiwygimg {
	margin-bottom:20px;
	}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {
	padding:1px;
}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link { display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {}
.wysiwygimg a.wysiwygimg:focus {}
.wysiwygimg a.wysiwygimg:active {}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

/* --------	Xform --------	*/


div#form-module {
	}
form#form_formular {
	margin-top:20px;
	margin-bottom:20px;
	}

input, textarea {
	color: #636363 !important;
	font-family: 'Abel', sans-serif;
	font-size: 20px !important;
    line-height: normal;
	}

p.formcheckbox {}
input.checkbox {
	}
label.checkbox {
	}
input.select {
	width: 220px;
	margin-left: 4px !important;
	margin-bottom:5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 16px;
	}
label.select {
	width: 210px;
	clear: left;
	float: left;
	font-weight: normal;
	color: #636363;
	}
p.formtext {}
input.text {
	width: 300px;
	margin-left: 4px;
	margin-bottom:5px;
	padding: 8px;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #636363;
}
label.text,
label.radio {
	width: 200px;
	clear: left;
	float: left;
	font-weight: normal;
	color: #636363;
	}
p.formtextarea {}
label.textarea {
	width: 200px;
	clear: left;
	float: left;
	font-weight: normal;
	color: #636363;
	}
textarea.textarea {
	height: 100px;
	width: 300px;
	margin-left: 4px;
	margin-bottom:5px;
	padding: 8px;
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #636363;
	}
	#form_formular input:focus, #form_formular input:hover,
#form_formular textarea:focus, #form_formular textarea:hover {
	border-bottom-color: #636363;
	background-color: #eceded;
	color:#636363;
}
p.formcaptcha {}
label.captcha img {
	margin-right:20px;
	margin-top: 30px !important;
	padding-top:30px !important;
}
label.captcha {
	margin-right:80px;
}
.as-label {
	margin-right:20px;
	margin-top: 30px !important;
	padding-top:30px !important;
}
p.formcaptcha input {}


p.formsubmit {}
input.submit {
	width: 230px;
	/*height:32px;*/
	text-align: center;
	background-color: #636363;
	border: 1px solid #636363;
	color: #FFFFFF !important;
	margin-top: 20px;
	margin-left: 204px;
	padding-top:5px;
	padding-bottom:5px;
	}
input.submit:hover {
	background-color: #ED8C0E !important;
	}
p.answertext {}
label .text form_warning, .text form_warning, .form_warning {
	color: #D4001D !important;
	font-weight: bold !important;
	}
ul.form_warning {
	color: #ffffff !important;
	font-weight: bold;
	background-color: #D4001D;
	}
ul.form_warning li {
	padding: 3px !important;
}
.form_warning ul li {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.kon_block {
	margin-top:20px;
	margin-bottom:20px;
	font-style: italic;
	}
.kon_trenner {
	height:30px;
}
.radios {
	margin-left:200px;
	margin-bottom:15px;
}