@CHARSET "UTF-8";

body {
	color:#5F5B67;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#EBEAEC;
	margin:0;
	padding:0
}

h1 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px
}
h2, .box h1, .box2 h1, .produktpage h1 {
	margin:0;
	font-size:1.3em
}
.clear {clear:both}
.align-center {text-align:center}
a {
	color:#8c2914;
	font-weight:bold;
	text-decoration:none
}
a:hover, a:focus {color:#5f5b67; text-decoration:underline}

img {border:none}

.clearfix { display:block }
.clearfix:after {
    content:".";
    display: block;
    font-size:0;
    height:0;
    clear:both;
    visibility:hidden
}
#ie_clearing { display:none }

#head {
	width:100%;
	height:174px
}
#head > img {float:left}

#topnavi {
	float:left;
	width:420px;
	padding-top:71px;
	height:36px
}
#navi {
	width:100%;
	height:50px
}
#wrapper {
	width:985px;
	height:100%;
	margin:0 auto;
	background-color:white;
	background:url(../images/start_bg2.gif);
	background-repeat:repeat-x;
	background-color:white
}
#left {
	overflow:hidden;
	float:left;
	width:700px
}
.fff #left {width:630px}
#right {
	margin-left:701px;
	width:285px
}
.fff #right {margin-left:631px;	width:355px}

#content {padding:58px 50px 10px 56px}
#strategie {margin-left:-56px; border:0}
#footer {
	height:40px;
	padding-left:70px;
	background-color:#BAB8BD;
	color:white;
	font-size:11px
}
#footer a:link, #footer a:visited, #footer a:hover {
	color:white
}
#f_left {
	float:left;
	position:relative;
	left:0%;
	top:50%;
	margin-top:-7px
}
#f_right {
	float:left;
	position:relative;
	left:50%;
	top:50%;
	margin-top:-7px;
	text-align:right;
	padding-right:12px
}

#footer ul, #topnavi ul {margin:0; padding:0}
#footer ul li, #topnavi ul li {display:inline}

/*.box {width:526px}
.box_top {
	color:white;
	background:url(../images/box_top.gif);
	background-repeat:no-repeat;
	margin:30px 0 0 0;
	font-weight:bold;
	padding-top:4px;
	padding-left:5px;
	height:27px
}
.box_content {
	background:url(../images/box_content.gif);
	background-repeat:repeat-y;
	padding:16px 12px 12px;
	margin:0
}
.box_bottom {
	background: url(../images/box_bottom.gif);
	background-repeat: no-repeat;
	margin:0;
	height:16px
}
.produktpage .box_bottom, .box2 .box_bottom {
	height:88px;
	background-image:url(../images/box2_bottom.gif);
	padding:25px 15px 0 15px
}
*/

/* BOX */
.small_box, .shopbox {width:526px; margin:30px 0}
.big_box, .shopbox {width:585px; margin-top:42px}
.box h2, .box h1, .box h3 {padding-top:5px}
.box {background: url(../images/produktbox.jpg) no-repeat right top}
.box_top {
	height:30px !important;
	color:white
}
.box_content {
	background:#faf9fa;
	border-left:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
	padding:5px 15px 5px 5px
}
.box_footer	{
	background:#eae7e7;
	border-left:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
	padding:15px 5px 5px
}
.box_bottom {
	height:9px !important;
	background-position:right -42px;
	font-size:8px
}
.box_bottom_d {
	height:7px;
	background-position:right -63px
}
.box.left {
	background-position:left top;
	height:100%;
	width:10px;
	float:left
}
.box_bottom_d .left {background-position:0 -63px}
.box_bottom .left {background-position:0 -42px}

#testsieger {
	background:url(../images/topseller_bg.gif);
	background-repeat:repeat-x;
	width:320px;
	border-bottom:1px dashed #ddd;
	background-color:#BAB8BD;
}
#sortiment {
	background:#BAB8BD url(../images/start_bg2.gif) repeat-x;
	width:220px;
	border-bottom:1px dashed #ddd;
	padding-top:230px;
	margin-left:20px
}
#sortiment_content {
	text-align:center;
	padding-top:60px;
	background:url(../images/rechts_bg.gif) repeat-x;
	margin:auto
}
#sortiment_content a.cat {display:block; width:175px; height:122px; margin:0 auto 30px auto}
#sortiment .haarpflege {background:url(../images/sortiment.gif) no-repeat 0 0}
#sortiment .haarpflege:hover {background-position:-180px 0}
#sortiment .haarkosmetik {background:url(../images/sortiment.gif) no-repeat 0 -124px}
#sortiment .haarkosmetik:hover {background-position:-180px -124px}
#sortiment .zubehoer {background:url(../images/sortiment.gif) no-repeat 0 -248px}
#sortiment .zubehoer:hover {background-position:-180px -248px}
#sortiment .sets {background:url(../images/sortiment.gif) no-repeat 0 -372px}
#sortiment .sets:hover {background-position:-180px -372px}

.ts_box {
	margin:20px auto;
	width:267px
}
.ts_box_content, .ts_box_content p {
	margin:0;
	background:white;
	padding:5px
}
.ts_box_top {
	height:6px;
	background:url(../images/box_oben.gif)
}
.ts_box_bot {
	height:6px;
	background:url(../images/box_unten.gif)
}
#bonicert {
	position:relative;
	left:220px;
	bottom:-2px
}
#sortiment #bonicert {left:120px}

/* Main Navi */
#mainnavigation a{color: white; text-indent: 1000px;}
#navi a {
	display:block;
	float:left;
	font-size:0;
	margin-top:-2px;
}
#navi ul {list-style:none}
.page4 a {
	background:url(../images/nav_home.gif);
	background-repeat:no-repeat;
	width:115px;
	height:50px;
}
.page5 a {
	background:url(../images/nav_shop.gif);
	background-repeat:no-repeat;
	width:134px;
	height:50px;
}
.page6 a {
	background:url(../images/nav_uebertoppik.gif);
	background-repeat:no-repeat;
	width:134px;
	height:50px;
}
.page4 a:hover {background:url(../images/nav_home_mo.gif)}
.page5 a:hover {background:url(../images/nav_shop_mo.gif)}
.page6 a:hover {background:url(../images/nav_uebertoppik_mo.gif)}
.page4-act a {background:url(../images/nav_home_hi.gif)}
.page5-act a {background:url(../images/nav_shop_hi.gif)}
.page6-act a {background:url(../images/nav_uebertoppik_hi.gif)}

#navigation li {color:#8c2914; font-weight:bold}
#footernavigation li {font-weight:bold}

.subcolumns {width:100%; overflow:hidden}
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left}
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px}
.c20l, .c20r { width:20% }
.c40l, .c40r { width:40% }
.c60l, .c60r { width:60% }
.c80l, .c80r { width:80% }
.c25l, .c25r { width:25% }
.c33l, .c33r { width:33.333% }
.c50l, .c50r { width:50% }
.c66l, .c66r { width:66.666% }
.c75l, .c75r { width:75% }
.c38l, .c38r { width:38.2% }
.c62l, .c62r { width:61.8% }
.subc  { padding:0 0.5em }
.subcl { padding:0 1em 0 0 }
.subcr { padding:0 0 0 1em }


/* shop */
span.preis {color:#e2001a; font-size:18px}
.shopbox h3 {margin:0}
.shopbox p {margin-top:0}
.prodbild {float:left; width:145px; height:150px; margin-right:20px}
.box h2 a {color:white; text-decoration:none}
.versandkosten {font-size:10px}
.auswahl_farbe, .auswahl_size {/*width:155px;*/ margin-top:20px}
.size_name {display:inline-block; overflow:hidden}
.auswahl_size .preis {float:right; font-size:inherit;  color:inherit; font-weight:bold}
.type-check {margin:8px 0}
.bestellen {float:right}
.produktpage .box_content {padding-bottom:20px}
.auswahl_extra {margin-left:25px; font-size:11px}
.grundpreis {margin-top:-10px; font-size:11px}

/* News */
.news-latest-ueber {margin-top:10px}
.news-list-item {margin:10px 0}
.news-list-item h3 {margin:0}
.teaserbild {float:left; width:135px}
.news-list-item p {margin-left:135px}
.news-list-morelink {margin-left:5px}
.news-latest-ueber .news-list-item {border-bottom:1px solid gray; padding-bottom:5px}
.news-single-img {float:left; margin-right:10px}
.news-list-browse {text-align:center; margin:14px 0; line-height:1.6em}

#c143 {margin-top:40px}
#c143, #c145 {margin-left:-10px}

/* FARBEN */
.auswahl_farbe input {float:left;}
.farbe {width:20px; height:20px; float:left; border:1px solid #bbb;margin-right: 5px;}
.bgschwarz {background: url(../images/toppik-fasern-schwarz.gif)}
.bgkastanie {background:url(../images/toppik-fasern-rotbraun.gif)}
.bgdunkelbraun {background:url(../images/toppik-fasern-dunkelbraun.gif)}
.bgmittelbraun {background:url(../images/toppik-fasern-mittelbraun.gif)}
.bghellbraun {background:url(../images/toppik-fasern-hellbraun.gif)}
.bgblond {background:url(../images/toppik-fasern-blond.gif)}
.bggrau {background:url(../images/toppik-fasern-grau.gif)}
.bgweiss {background:url(../images/toppik-fasern-weiss.gif)}
.farbname{margin-top: 3px;display:inline-block; }

/* FIXES */
/* fix right col layout, float clearing */
#c29 {overflow:hidden}
.tx-vgetagcloud-pi1 {background-color:inherit !important; overflow:hidden}
.tx-vgetagcloud-pi1 li {margin:0 5px}


.bestellen span {
	float:left;
	margin-top:7px
}
.fb_share_size_Small {
	float:right;
	margin-top:7px;
	margin-right:20px
}

#lbCloseLink {
	background-image:url("../images/close.png") !important;
	width:105px !important
}