#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline}


/* ########### BASICS ########### */
html { font-size: 100.01%; }
body { font-size: 62.5%; font: 13px/22px Georgia, serif; background: #fff url("/assets/images/og-red.gif") repeat-x; }
html, body { margin: 0; padding: 0; height: 100%; }

a { color: #6d91a3; text-decoration: none; }
a:hover { color: #3d6173; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

.rep { display: block; width: 100%; height: 100%; text-indent: -9999px; }
.clear { clear: both; }
.push { height: 400px; clear: both; }
.lfloat { float: left; margin: 6px 10px 0px 0;}
.right { text-align: right; }

.bigpic { text-align: center; color: #63635b; margin-top: 0; position: relative; top: -20px;}
h4.date { display: none; }
#news h4.date { color: #63635b; font-size: 11px; display: block;}
#news ul { margin-left: 1.3em; margin-bottom: 20px; }

/* ########### PAGE ########### */
#page { width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -400px; }

/* ########### HEADER ########### */
header { height: 110px; position: relative; font-size: 11px;}
header div { width: 340px; } 
header h1 { position: absolute; left: 400px; top: 17px; width: 160px; height: 75px; }
header h1 a { background: url("/assets/images/logo.png"); }
header div#h_right { position: absolute; right: 0; top: 0; text-align: right; }

header a#storefinder { background: transparent url("/assets/images/icon_header_stores.png") no-repeat 0 16px; padding-left: 30px; padding-top: 22px; color: #e3e1cf; display: block; width: 70px; }
header a#storefinder:hover { color: #fff; }

header #crumbs { border-top: 1px solid #97978b; padding-top: 5px; }
header #crumbs * { color: #a4656a; }
header #crumbs a:hover { color: #e3e1cf; }

header a#fachhandel { background: transparent url("/assets/images/icon_header_fachhandel.png") no-repeat right 18px; padding-right: 40px; padding-top: 22px; color: #e3e1cf; display: block; width: 120px; margin-left: 191px;}
header a#fachhandel:hover { color: #fff; }

header #search { border-top: 1px solid #97978b; padding-top: 5px; color: #a4656a;}
#ajaxSearch_submit { display: none; }
#ajaxSearch_input { background: #8b0e04; border: 0; text-align: right; color: #a4656a; cursor: pointer; height: 20px; position: relative; top: -2px;}
#ajaxSearch_input:focus { background: #e3e1cf; width: 200px; text-align: left; color: #000 !important;}
#ajaxSearch_input:hover { color: #e3e1cf;}

.ajaxSearch_resultsInfos { font-weight: bold;}
.ajaxSearch_result { border-top: 1px solid #97978b; padding: 20px 0;}
#suche p { margin: 0;}

/* ########### NAV ########### */
nav { height: 100px; background: url("/assets/images/nav_bg.gif") repeat-x 0 40px; position: relative; }
nav ul li { display: block; float: left; margin: 0 12px; background: #fff; padding: 0 12px; }
nav ul li.first { margin-left: 0; padding-left: 1px;}
nav ul li.last { margin-right: 0; padding-right: 2px; position: absolute; right: 0; top: 0px; z-index: 0; height: 60px;}
nav ul li li.last { position: static; }
nav ul li a { font-size: 19px; letter-spacing: 2px; text-transform: uppercase; color: #99978b; padding-top: 30px; display: block; padding-bottom: 10px;}
nav ul li.active a { color: #8b0e04; background: url("/assets/images/star_red.png") no-repeat 50% 10px; }
nav ul li a:hover { color: #8b0e04; }
nav ul li ul { display: none; }
nav ul li:hover ul { display: block; position: absolute; top: 60px; left: 0; width: 960px !important; height: 32px; background: #fff; z-index: 100; }
nav ul li:hover ul li { margin: 0 1px 0 0; padding: 0 0 3px; border-bottom: 2px solid #fff; width: 105px; }
nav ul li:hover ul li.first, nav ul li:hover ul li.last { width: 108px;}
nav ul li:hover ul li a { color: #99978b; background: #e3e1cf; padding: 5px 0 5px; height: 22px; display: block; text-transform: none; font-size: 14px; letter-spacing: 0; text-align: center;}
nav ul li:hover ul li:hover a { background: #e9e7d5; }
nav ul li:hover ul li.active { border-bottom: 2px solid #d0d0ca; }
nav ul li:hover ul li.active a { color: #8b0e04; background: #d0d0ca; }

.p-6 nav ul li ul { display: block; position: absolute; top: 60px; left: 0; width: auto;}
.p-6 nav ul li ul li { margin: 0 1px 0 0; padding: 0 0 3px; border-bottom: 2px solid #fff; width: 105px; }
.p-6 nav ul li ul li.first, .p-6 nav ul li ul li.last { width: 108px;}
.p-6 nav ul li ul li a { color: #99978b; background: #e3e1cf; padding: 5px 0 5px; height: 22px; display: block; text-transform: none; font-size: 14px; letter-spacing: 0; text-align: center;}
.p-6 nav ul li ul li:hover a { background: #e9e7d5; }
.p-6 nav ul li ul li.active { border-bottom: 2px solid #d0d0ca; }
.p-6 nav ul li ul li.active a { color: #8b0e04; background: #d0d0ca; }

.p-1 nav ul li#btn1 ul { display: block; position: absolute; top: 60px; left: 0; width: auto;}
.p-1 nav ul li#btn1 ul li { margin: 0 1px 0 0; padding: 0 0 3px; border-bottom: 2px solid #fff; width: 105px; }
.p-1 nav ul li#btn1 ul li a { color: #99978b; background: #e3e1cf; padding: 5px 0 5px; height: 22px; display: block; text-transform: none; font-size: 14px; letter-spacing: 0; text-align: center;}
.p-1 nav ul li#btn1 ul li:hover a { background: #e9e7d5; }
.p-1 nav ul li#btn1 ul li.active { border-bottom: 2px solid #d0d0ca; }
.p-1 nav ul li#btn1 ul li.active a { color: #8b0e04; background: #d0d0ca; }



/* ########### INTRO ########### */

#intro { height: 330px; position: relative;}
#intro ul { list-style: none; }
#intro ul.carousel li { height: 232px; width: 960px; position: relative; background: url("/assets/images/tab-extravagant.jpg") no-repeat 0 0px;}
#intro ul.carousel li a { display: block; width: 100%; height: 100%;}

#intro ul.carousel li h4 { position: absolute; top: 112px; left: 40px; font-size: 72px; color: #99978b; font-weight: normal; letter-spacing: 1px;}
#intro ul.carousel li blockquote p { position: absolute; top: 164px; left: 80px; color: #000; font-style: italic; width: 350px;}
#intro ul.carousel li blockquote p:before { content: '»';}
#intro ul.carousel li blockquote p:after { content: '«';}

#intro ul.tabNavigation { background: url("/assets/images/tabnav.png") repeat-x; height: 78px; }
#intro ul.tabNavigation li { display: block; float: left; width: 120px; height: 78px; border-right: 1px solid #fff; border-bottom: 2px solid #fff; }
#intro ul.tabNavigation li a { display: block; width: 120px; height: 26px; background:  url("/assets/images/blank.png") no-repeat 50% 8px; padding-top: 53px; text-align: center; color: #99978b; font-size: 14px;}
#intro ul.tabNavigation li.active { border-bottom: 2px solid #c9c8c2; background: url("/assets/images/tabnav-active.png") repeat-x !important;}
#intro ul.tabNavigation li.active a { color: #8b0e04;}
#intro ul.tabNavigation li:hover { background: url("/assets/images/tabnav-hover.png") repeat-x;}

#intro #action { position: absolute; right: 0; bottom: 48px; height: 50px; width: 350px; }
#intro #action h4 { color: #99978b !important; font-size: 18px; font-weight: normal; width: 200px; position: absolute; top: 8px; left: 0; padding-left: 10px; background: url("/assets/images/arrow_zudenschuhen.png") no-repeat 0 5px; }
#intro #action h5 { font-size: 11px; position: absolute; top: 24px; left: 0; padding-left: 10px; color: #63635b;}
#intro #action #a_btn { position: absolute; right: 10px; top: 10px; width: 133px; height: 30px; text-indent: -9999px; display: block; background: url("/assets/images/button_zudenschuhen.png"); }
#intro #action #a_btn:hover { opacity: 0.9; }

/* Intro Thema */

.thema #intro { height: 280px; margin-top: 20px;}
.thema #intro div { height: 275px; width: 960px; position: relative; background: url("/assets/images/dummi-kategorien.jpg") no-repeat 0 0px;}
.thema #intro div h4 { position: absolute; top: 30px; left: 40px; font-size: 72px; color: #99978b; font-weight: normal; letter-spacing: 1px;}
.thema #intro div h5 { position: absolute; top: 80px; left: 80px; color: #000; font-style: italic; width: 250px;}
.thema #intro div ul { position: absolute; top: 110px; left: 80px; }
.thema #intro div ul li { padding-left: 20px; background: url("/assets/images/checker.png") no-repeat 0 6px; width: 290px;}




/* ########### CONTENT ########### */
#main {  padding: 10px 0 50px;}

/* Sidebar */

.sidebar { float: right; width: 280px; }
.sidebar h3 { font-size: 21px; color: #99978b; font-weight: normal; margin-bottom: 18px; padding-top: 3px; background: url("/assets/images/h2_600.png") no-repeat -30px bottom; padding-bottom: 14px;}
.sidebar ul { list-style: none; }
.sidebar ul li { padding-bottom: 10px; border-bottom: 1px solid #99978b; margin-bottom: 21px;}
.sidebar ul li h4 { color: #000; font-size: 13px;}
.sidebar ul li h5 { color: #666; font-size: 11px; }

.sidebar .toc { position: relative; top: -8px;}
.sidebar .toc li { margin: 0; padding: 0; border: 0; }
.sidebar .toc li a { }


/* Content */
.content { width: 600px; }
.content h2 { font-size: 28px; color: #99978b; font-weight: normal; margin-bottom: 10px; padding-left: 30px; background: url("/assets/images/h2_600.png") no-repeat left bottom; padding-bottom: 17px;}

#main .content h2+p:first-letter { font-size: 74px; font-weight: bold; float: left; display: block; padding-top: 10px; margin: 0 5px 0px 0; color: #8b0e04;}

.content p { margin-bottom: 20px; }

.content a, .sidebar a { margin-left: 10px; }

/* Thema/Modell */

.thema #main .content { width: 960px; }
.thema #main .text { clear: both; margin-top: 60px; }
.thema #main .content h2 { background-image: url("/assets/images/h2_960.png"); clear: both;}
.thema .content .t_left > p:first-child:first-letter { font-size: 74px; font-weight: bold; float: left; display: block; padding-top: 10px; margin: 0 5px 0px 0; color: #8b0e04; }
.thema .content .t_left { width: 440px; float: left; }
.thema .content .t_right { width: 440px; margin-left: 520px; }

p.extras { font-style: italic; color: #63635b; margin: 0;}

/* Product Einzelseite */

.product #main { margin-top: 40px; }
.product #main h2 { background: url("/assets/images/h2_600.png") no-repeat 0 7px; }
.product #main h2 span.subtitle { font-size: 11px; font-style: italic; }
.product #bigpic { border-bottom: 1px solid #99988c;}
.product #carousel { list-style: none; border-bottom: 1px solid #99988c; height: 74px; margin-bottom: 40px; }
.product #p_desc { clear: left;}
.product #p_desc > p:first-child:first-letter { font-size: 74px; font-weight: bold; float: left; display: block; padding-top: 10px; margin: 0 5px 0px 0; color: #8b0e04; }

.product .sidebar .row { clear: both; padding-bottom: 10px; margin-bottom: 10px; height: 80px;}
.product .sidebar .row li { display: block; float: left; margin: 0; padding: 0; border: 0; width: 33%; vertical-align: bottom; text-align: center; }
.product .sidebar .row li a { display: block; text-align: center; font-size: 12px; color: #99988c; line-height: 15px; }
.product .sidebar .row li span { font-style: italic; display: block; text-align: center; font-size: 12px; color: #99988c; line-height: 15px; }
.product .sidebar ul.row li a:hover * { color: #63635b !important; cursor: help;}
.product .sidebar ul#colors { padding-left: 10px; margin-bottom: 32px; } 
.product .sidebar ul#colors li { height: 100px; width: 31%; border: 1px solid #fff; }

.product .sidebar ul#colors li a { display: block; text-align: center; font-size: 12px; color: #99988c; line-height: auto; }
.product .sidebar ul#colors li a:hover, .product .sidebar ul#colors li a:hover * { opacity: 0.85; cursor: pointer !important; }
.product .sidebar ul#colors li a span { position: relative; top: 4px; color: #000; }

.product .sidebar div.clear { clear: both; margin: 10px 0; }

.product .sidebar select { width: 100%; display: block; margin-bottom: 30px;}

.product .sidebar #anfrage { display: block; width: 150px; height: 30px; text-indent: -9999px; background: url("/assets/images/button_anfrage.png"); float: left; position: relative; left: -7px;}
.product .sidebar #anfrage:hover { opacity: 0.9; }

.product .sidebar #price { font-size: 32px; font-weight: bold; color: #6d91a3; padding-top: 23px; margin-bottom: 36px; border-top: 1px solid #99988C; text-align: center; }

.product #main .sidebar .related { border-top: 1px solid #99988c; }
.product #main .sidebar .related li { display: block; float: none; padding: 20px 0 20px 10px; border-bottom: 1px solid #99988c; width: 100%; text-align: left; background: url("/assets/images/arrow_weitere.png") no-repeat 0 22px; }
.product #main .sidebar .related li a { display: block; text-align: left; font-size: 16px; color: #99988c; }
.product #main .sidebar .related li a:hover { color: #3d6173; }

.extract { position: relative; }
.extract .sbar_img { position: absolute; top: 30%; left: 680px; width: 280px; text-align: center; }
.extract .sbar_img img { display: block; margin: 0 auto; }

/* Category Hits */

.phits li { width: 220px; margin: 0 10px; float: left; display: block; padding: 0; height: 200px; position: relative;} 
.phits li a { display: block; margin: 0;}
.phits li a:hover { opacity: 0.9; }
.phits li a img { display: block; margin: 0 auto; width: 140px; height: 80px; }
.phits li a span.title { display: block; color: #000; font-weight: bold; }
.phits li a span.desc { display: block; color: #000; width: 170px; float: left; line-height: 18px;}
.phits li a span.price { display: block; color: #6d91a3; font-size: 20px; font-weight: bold; color: #6d91a3; text-align: right; position: absolute; bottom: 26px; right: 0;}
.phits li a span.price sup { font-size: 50%; position: relative; top: -8px;}
 
/* Kontakt*/

#kontakt aside { position: relative; }
#kontakt #main .content h2+p:first-letter { font-size: 13px; font-weight: bold; float: none; display: inline; padding-top: 0px; margin: 0; color: #000;}
#kontakt #main .content h2+p.noinit:first-letter { font-weight: normal !important; }
.store { position: relative; border-bottom: 1px solid #99988c; padding-bottom: 20px; font-weight: bold; }
.store span.sec { color: #63635b; font-weight: normal;}
.store a.gmap { position: absolute; bottom: 20px; right: 0; font-weight: normal;}
#kontakt aside #impressum { position: absolute; right: 0; top: -5px; width: 110px; height: 30px; background: url("/assets/images/button_impressum.png"); text-indent: -9999px; }
#kontakt aside #impressum:hover { opacity: 0.85;}
#kontakt aside p { margin-bottom: 21px;}

#kontakt aside form { position: relative; padding-bottom: 50px;}
#kontakt aside form label { display: block; color: #63635b; font-size: 11px; }
#kontakt aside form input[type='text'], #kontakt form textarea { display: block; width: 100%; border: 1px solid #99988c; height: 20px;}
#kontakt aside form textarea { height: 100px; }
#kontakt aside form input#cfContact { width: 110px; border: 0; height: 30px; background: url("/assets/images/button_senden.png"); text-indent: -9999px; position: absolute; bottom: 30px; right: -5px; cursor: pointer; } 
#kontakt aside form input#cfContact:hover { opacity: 0.85; }

.impressum ul ul { list-style: square inside;}

#a-data { color: #e3e1cf; position: absolute; top: 77px; }


/* ########### FOOTER ########### */


#fwrap { height: 400px; background: url("/assets/images/footer.jpg") repeat-x 50% 0; }

footer { margin: 0 auto; width: 960px; padding-top: 50px; position: relative; height: 350px;}
footer h2, footer h3, footer h4 { font: 24px "FF-Market-Web", cursive, sans-serif; color: #63635b; }

footer .content { padding-top: 12px; }
footer .content h2 { padding-bottom: 5px; color: #63635b; }

footer .sidebar { }
footer .sidebar h3 { font-size: 28px; padding-top: 12px; background-position: -30px 25px; margin-bottom: 0; color: #63635b; }
footer .sidebar li { border: 0; padding-bottom: 0; position: relative; margin-bottom: 0;}
footer .sidebar li img { position: absolute; top: -40px; right: 20px;}
footer .sidebar li+li { }
footer .sidebar li+li img { top: -10px; right: 20px; opacity: 0.8;}

#f_lexikon { bottom: 0; left: 0; width: 960px; }
#f_lexikon h2 { background: url("/assets/images/fleuron.png") no-repeat 0 10px; padding-left: 30px; position: absolute; left: 0; bottom: 35px;}
#f_lexikon ul.tabNavigation { position: absolute; right: 0; bottom: 40px; text-align: right; }
#f_lexikon ul.tabNavigation li { display: inline; margin: 0 2px; }
#f_lexikon ul.tabNavigation li a { color: #99978b; font-size: 16px;}
#f_lexikon ul.tabNavigation li a.selected { color: #8b0e04;}

#f_lexikon p.answers { width: 960px; text-align: center; position: absolute; left: 0; bottom: 5px; }
#f_lexikon p.answers a { font-size: 13px; color: #63635b; font-style: italic; }
#f_lexikon p.answers span.flsep { font-size: 14px; color: #63635b; margin: 0 10px; position: relative; top: 2px;}


/* SAFARI-DUMMY */

/* SAFARI 3 #################################################################################################### */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	nav ul li { padding: 0 13px; }
	nav ul li.last { padding-right: 1px; }
	footer .sidebar h3 { background-position: -30px 24px; }
	.phits li a span.price { bottom: 23px; }
	#main .content h2+p:first-letter, 
	.thema .content .t_left > p:first-child:first-letter,
	.product #p_desc > p:first-child:first-letter { padding-top: 22px; margin: 0 5px 10px 0; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	nav ul li { padding: 0 12px 0 11px; }
}

