/* Allgemein */

html {background:url(images/bg-html.jpg) repeat center top transparent; height:auto; font:0.75em/1.3 arial;}
body {background:url(images/bg-body.png) repeat-x center top transparent; height:auto;}
.page_width {width:980px;}
#page {background:transparent; width:1020px; background:url(images/bg-body2.png) repeat-x center top transparent;}

h1, h2, h3, h4 {font-family:arial,sans-serif;}
h1 {position:absolute; z-index:10; top:20px; right:20px; background:#EF8614; color:#fff; padding:5px 10px;}
a, a:visited, a:link {color:#333;}


/* Header*/

#header {height:150px; background:url(images/bg-body.png) repeat-x center top transparent;}
#logo {z-index:110;}
#logo img {top:0; left:-16px;}

#search {padding:0; background:transparent; position:relative;}
#search-form {position:absolute; top:-147px; right:0;}
#search input[type="text"] {border-color:#444; width:150px;}#kat1.keinbild
#search .search-form input[type="submit"] {height:24px; font-size:13px; color:#eee; background:#444; border:0;}

#settings {top:0; padding:0; font-size:1em; right:253px;}
#settings > ul > li > a {color:#eee; border:0 !important; padding:0 14px !important; text-decoration:none; height:30px; line-height:30px;}
#settings > ul > li > a:hover {color:#EF8614 !important; background-color:transparent !important;}
#settings a.expander {background:url("./images/sprite.png") no-repeat scroll 73px -31px transparent;}
#settings a.expander.active, #settings a.expander:hover {color:#EF8614; border:0; background:url("./images/sprite.png") no-repeat scroll 73px -11px transparent;}
#settings .expander_box {border-color:#292929; top:28px; right:-3px; font-size:1em; background:url(images/sprite.png) repeat-x 0 -240px #fff;}
#settings li.basket:hover div {display:block;}
#settings li.basket.items a {color:#fff; font-weight:bold; background:#FD6102;}
#settings li.basket div {display:none; position:absolute; border:2px solid #292929; display:none; right:0; top:28px; width:400px; background:url(images/sprite.png) repeat-x 0 -240px #fff; padding:5px;}
#settings li.basket.items div a {color:#333; background:transparent;}
#settings li span.hello {display:none;}

#rabatt {position:absolute; right:-1px; top:30px; display:none;}

#service {position:absolute; width:370px; top:45px; /*left:370px;*/ right:0;}
#service div {float:left; width:170px; margin:0 0 7px;}
#service div p {line-height:11px; font-size:11px; color:#827E77; text-align:left;}
#service div p.servtop {font-weight:bold;}
#service div span {float:left; background: url(images/sprite.png) no-repeat 0px -96px transparent; width:40px; height:40px; margin-right:10px;}
#service div.serv1 span {background-position: -82px -55px;}
#service div.serv3 span {background-position: -41px -96px;}
#service div.serv4 span {background-position: -41px -55px;}
#service div.serv5 {float:right;}
#service div.serv5 span {background-position: -123px -55px; width:60px; height:60px;}


/* header SF Menü */

#sf-menu {position:relative; z-index:10;}
#sf-menu li {background:#292929;float:left; width:16.6666666%;}
#sf-menu li a {color:#fff; text-decoration:none; font-size:16px; display:block; height:60px; line-height:60px; text-transform:uppercase;}
#sf-menu li:hover {background:#EF8614;}
#sf-menu li .trenn {width:2px; height:40px; float:right; background: url(images/sprite.png) no-repeat -14px -10px transparent; margin-top:10px;}
#sf-menu li:hover .trenn {background:transparent;}

#sf-menu li div {display:none; position:absolute; top:60px; background:#EF8614; width:96%; padding:2%; box-shadow:0 8px 6px -6px black;}
#sf-menu li:hover div {display:block;}
#sf-menu li div p {float:left; margin:15px;}
#sf-menu li div p img {border:5px solid #FFA449;}
#sf-menu li div ul {float:left; background:transparent; width:140px; border-left:1px solid #FFA449; margin:0 0 0 20px; padding:0 0 0 20px;}
#sf-menu li div li {float:none; width:140px; background:transparent;}
#sf-menu li div ul.small li {float:left; width:70px;}
#sf-menu li div ul.small li a {padding-left:5px;}
#sf-menu li div ul.long {width:200px;}
#sf-menu li div ul.long li {width:200px;}
#sf-menu li div ul.mittel {width:280px;}
#sf-menu li div ul.mittel li {float:left;}
#sf-menu li.head {background:transparent !important; font-weight:bold; font-size:16px; text-align:left; float:none !important; color:#eee;}
#sf-menu li div li:hover {background:#ddd;}
#sf-menu li div li a {color:#222; text-decoration:none; font-size:14px; display:block; height:auto !important; line-height:20px !important; text-transform:none; padding:0 10px; text-align:left; font-weight:normal !important; border-top:0 !important;}





/* Footer */

#footer_wrapper {background:#292929; margin-top:100px;}
#footer {padding:20px 0;}
#footer .master {background:transparent;}
#footer ul.hlist li h6 {color:#eee; font-size:14px; border-bottom:1px solid #E8E9EA;}
#footer ul.hlist li a {color:#eee;}
#footer #ftr_newsletter h6 {color:#292929;}

/* Sidebox */

.sidebox h3 {display:none;}
.sidebox div.sidebox_content {padding:0;}



/* Content Allgemein */

#content {padding:0; margin-top:15px;}
#content .settings {background:#fff; padding:30px 30px 50px;}
#breadcrumb {margin:0 0 15px; padding:0; border:0; color:#333; color:#FD6102;}



/* Kategorieübersicht */

#kat1 {float:right; position:relative; text-align:right; height:340px; margin:0 0 20px; max-width:310px;}
#kat1 .social {position:absolute; top:50px; left:20px; text-align:left;}
#kat1 img {max-height:340px;}
#kat1.keinbild {background:#F7F1DB; width:310px;}
#kat1.keinbild img {display:none;}
#kat2 li {float:left; margin:0 0 20px 25px; width:310px; position:relative; background:#fff; min-height:160px;}
#kat2 li.first {margin-left:0;}
#kat2 li a {display:block; text-align:center;}
#kat2 li p {position:relative; background:#555;}
#kat2 li p a {color:#fff; text-align:left; text-decoration:none; font-size:20px; line-height:30px; padding:0 0 0 10px;}
#kat2 li:hover p {background:#292929;}
#kat2 li a img {max-width:310px;}
#kat3 {background:#F7F1DB; padding:30px; margin:50px 0 0; float:left;}





/* Artikelübersicht */

.styled_view {display:inline-block;}
.styled_view li.gallery {width:19.2%; float:left; margin:15px 0 0 1%;}
.styled_view li.gallery.last {margin-left:0;}
.styled_view li.gallery .fullitem {background:#ddd; min-height:220px; margin:0; padding:0; border-radius:0; border:0;}
.styled_view li .fullitem:hover {background:#eee;}


.styled_view li .fullitem a {text-decoration:none; color:#333; display:block; height:100%;}
.styled_view li .fullitem .bild {text-align:center; background:#fff; min-height:169px;}

.styled_view li .fullitem .frei {height:11px; background:url(images/sprite.png) no-repeat 0 -219px transparent;}
.styled_view li .fullitem .at {display:block;}
.styled_view li .fullitem .preis {margin:0 5px;}
.styled_view li .fullitem .price {color:#000; float:left;}
.styled_view li .fullitem .sale {float:left; margin-left:10px;}
.styled_view li .fullitem .size {float:right;}
.styled_view li .fullitem .name {font-size:0.8em; margin:0 5px; clear:both; min-height:32px;}
.styled_view li .fullitem:hover .name {color:#FF6A00;}

.article_image .image {border:0;}

.kategoriebild {float:right; width:583px; margin:10px 0 0; position:relative; text-align:right;}
.kategoriebild .social {position:absolute; left:15px; bottom:5px; text-align:left; width:300px;}
.kategoriebild .social .share {float:left; width:140px; height:25px;}
.kategorietext {border:0; border-radius:0; margin:10px 0 0 10px; padding:0; float:right; width:387px; height:220px; overflow:hidden; background:#fff;}
.kategorietext:hover {overflow:auto;}
.kategorietext div {width:346px; padding:20px 0 20px 20px;}
.kategorietext div p {text-align:justify;}
.schatten {padding:0; position:absolute; top:250px; right:0; width:360px; margin-right:17px; height:10px; background:url(images/sprite.png) repeat-x center top transparent;}
.kategorietext div div {padding:0;}

ul.pagenavi li.page a, ul.pagenavi li.next a, ul.pagenavi li.prev a {border:1px solid #777; padding:5px 10px; color:#292929; background:#fff; text-decoration:none;}
ul.pagenavi li.page a:hover, ul.pagenavi li.next a:hover, ul.pagenavi li.prev a:hover {border-color:#333; background:#555; color:#fff;}
ul.pagenavi li.page.selected a, ul.pagenavi li.page.selected a:hover {border-color:#292929; background:#292929; color:#fff;}



/* Overlaybild (Neu + Sale) */

.styled_view li.gallery {overflow:inherit;}
.overlay_image_wrapper {position:static;}
.overlay_image {left:-5px !important; top:5px !important; width:165px !important; height:165px !important;}






/* Artikel */

#contentmid {background:#fff; padding:40px;}
#content_footer {display:none;}

ul.semtabs {padding-left:230px;}
ul.semtabs li {margin:0 5px 0 0 !important;}
ul.semtabs li.active a {border:1px solid #292929; border-bottom:0; background:#fff;}
div.semtabs {border:0; border-top:1px solid #292929;}
#description table {border:0;}
#description table tr {background-color:#fff !important;}
#description table td {border-bottom:1px solid #ccc; color:#555;}
#description table td font {color:#444 !important; font-size:1.2em !important;}
#mytabset {margin:30px 0 100px !important;}
.jcarousel-skin-tiny .jcarousel-container {border-color:#292929; border-radius:0;}

#article .article_details {float:right; margin-top:20px; width:360px; background:#eee; padding:10px; box-shadow: 0 1px 4px #bbb;}
#article .article_varcombi {display:none;}
#article_configuration {margin:0;}
#config_wrapper .config_group {margin:0;}
#config_wrapper .config_group .group {border-radius:0; padding:5px 10px 10px 0; background:transparent;}
#config_wrapper .config_group .actions {display:none;}
#config_wrapper .config_group .title {padding:0;}
#config_wrapper .config_group .item_wrapper {border-radius:0; padding:0; margin:3px 0 0; background:transparent;}
#config_wrapper .config_group .item select {width:170px;}
#config_wrapper .box_plain {display:none;}
#article fieldset.article_buyfield {border-radius:0; margin:0; background:transparent; padding:0 0 10px;}
#article fieldset.article_buyfield ul {margin:0;}
#article fieldset.article_buyfield .variations {float:left; width:50%;}
#article fieldset.article_buyfield .choose_quantity {width:50%; padding:0; border-radius:0; text-align:right; float:right; background:transparent;}
#article fieldset.article_buyfield .choose_quantity div {margin:0 0 10px;}
#article fieldset.article_buyfield .variations select.variation {width:170px;}
.change_quantity a, .change_quantity a:link, .change_quantity a:active, .change_quantity a:visited {border-radius:0; height:2em; line-height:2em; width:2em; background-color:#666; color:#eee;}
.change_quantity a:hover {background-color:#ccc; color:#222;}
#article input.quantity {width:41px;}
#article label.quantity .quantity_unit {display:none;}
#article #buy_form {display:inline-block; width:100%;}
#article .article_image {min-width:300px; max-width:320px !important; text-align:center; margin:0 0 0 20px;}
#article .article_image .image img {max-width:300px;}

#article .why {float:left; width:150px;}
#article .why .back {width:50px; text-align:center; margin:0 0 15px;}
#article .why .back a {color:#666; text-decoration:none; padding:5px; display:block; border-radius:5px; background:#f5f5f5;}
#article .why .back a:hover {color:#000;}
#article .why .back a span {background:url(images/sprite.png) no-repeat -16px -10px transparent; width:40px; height:44px; display:block;}
#article .why .back a:hover span {background-position:-56px -10px;}

#article .why ul {padding:10px 10px 5px; background:#f5f5f5;}
#article .why p {font-weight:bold; color:#555; padding:15px 0 0; text-align:center; background:#f5f5f5;}
#article .why li {position:relative; padding:0 0 0 18px; line-height:11px; font-size:0.9em; color:#777; margin:0 0 8px;}
#article .why li span {position:absolute; width:14px; height:14px; background: url(images/sprite.png) no-repeat 0 -63px transparent; left:0; top:-2px;}
#article .why li:hover {color:#FD6102;}
#article .why li:hover span {background-position:0 -77px;}

#article .social {float:right; width:300px; text-align:right; height:80px; padding:0 0 0 100px;}
#article .social .share {float:left; width:140px; height:25px; text-align:left; margin:8px 0 0;}

#article_buyfield {margin:20px 0 0 0;}
#article span.price {color:#F77936; font:bold 12px arial;}
#article .article_details span.price {font-size:24px;}
#article span.price_label {display:none;}
#article span.vat_info, #article span.vat_info a {color:#aaa;}
#article .article_list {color:#888;}

#contentmid h1.fn {background:#292929;}



/* Startseite */

#s {margin-top:5px; z-index:1000;}
#s .s0 {position:absolute; top:5px; right:0; background: url(images/bg-black.png) repeat center center transparent; width:300px; padding:25px; height:300px; color:#eee; z-index:10;}
#s .s0 h1 {position:relative; top:0; right:0; margin:0 0 18px; float:right; font:small-caps 26px/26px arial;}
#s .s0 p {font-size:1.1em; text-align:justify; clear:both;}

#s .s1 {display:inline-block;}
#s .s1 ul {margin:0; padding:0; list-style-type:none;}
#s .s1 li {float:left !important; width:176px; height:238px; padding:0; margin:0 25px 25px 0; position:relative;}
#s .s1 li.last {margin-right:0;}
#s .s1 li a {display:block;}
#s .s1 li p {position:absolute; top:3px; left:6px; margin:0;} 
#s .s1 li p a {color:#F26F17; text-decoration:none; font:small-caps bold 20px arial; letter-spacing:-0.5px;}
#s .s1 li p a span {color:#6C584D; font:10px/9px arial; display:block; margin:0 0 0 2px; width:70%; word-spacing:0.2em; text-transform:uppercase;}
#s .s1 li:hover p a {color:#000;}

#s .s2 {background:#F7F1DB; padding:30px 0 30px 30px; margin-top:30px; height:225px; overflow:hidden;}
#s .s2:hover {overflow:auto;}
#s .s2 p {text-align:justify; color:#333;}
#s .s2 .s21 {width:920px; padding:0 0 30px;}

#s .s3 {background:#F7F1DB; padding:30px; margin-top:30px; float:left; width:920px;}
#s .s3 div {float:none; display:block;}
#s .s3 ul {float:left !important; list-style-type:square;}
#s .s3 li.head {font-weight:bold; list-style-type:none;}

#s .s4 {margin:0 0 20px;}
#s .s4 img {display:block;}

.theme-light.slider-wrapper {padding:0; margin-top:20px;}
.nivo-directionNav {position:relative; top:-46px; right:25px;}



/* Buttons */

.submit, input.submit[type="submit"], button.submit[type="submit"], button.submit[type="button"] {background:#FD6102; color:#fff; text-shadow:none; border:0; border-radius:0; padding:10px 20px !important; font: 1.2em arial;}
.submit:hover, input.submit[type="submit"]:hover, button.submit[type="submit"]:hover, button.submit[type="button"]:hover {background-color:#CE4D02;}
.change_quantity a, .change_quantity a:link, .change_quantity a:active, .change_quantity a:visited {border-raius:0;}



/* Warenkorb */

#platzda, #login_form, #passwort_vergessen, #rechnungsdaten, form#password, #delete_account {background:#fff; padding:30px;}

#basket_checkout a.submit {padding:0 35px 0 15px !important; color:#fff !important; font-size:1.3em; height:40px; line-height:40px; background:url(images/sprite.png) no-repeat right -137px #FD6102;}
#basket_checkout a.submit:hover {background-color:#CE4D02; background-position:right -178px;}
#content h1.underline, #content h2.underline {border:0;}
.basket_wrapper #xselling {margin-top:100px;}



/* Bestellvorgang */

#bestellvorgang {background:#fff; display:inline-block; width:94%; padding: 30px 3%; min-height:300px;}
#bestellvorgang .form fieldset#order_choose_order_type, #bestellvorgang .form fieldset#order_customer_login {float:left; margin:10px 25px 100px 0; min-height:185px; position:relative; width:268px;}
#bestellvorgang .form fieldset#order_customer_login {margin-right:0;}
#new_customer .submit, #bestellvorgang .submit, #order_register_or_login #order_customer_login input.submit, #warenkorb_form .submit {padding:0 35px 0 15px !important; color:#fff !important; font-size:1.3em; height:40px !important; line-height:40px !important; background:url(images/sprite.png) no-repeat right -137px #FD6102;}
#order_register_or_login #order_customer_login input.submit {width:268px;}
#order_register_or_login .submit {bottom:10px; margin:0; position:absolute; width:218px;}
#new_customer .submit:hover, #bestellvorgang .submit:hover, #order_register_or_login #order_customer_login input.submit:hover, #warenkorb_form .submit:hover {background-color:#CE4D02; background-position:right -178px;}
#bestellvorgang table.tiny.positions {border:2px solid #777; padding:10px; border-radius:0; background:transparent;}
#bestellvorgang table.tiny.positions td, #bestellvorgang table.tiny.positions th {border-color:#fff #ccc #ccc #fff;}
#order_register_or_login fieldset#order_choose_order_type ul {list-style-type:square; margin:0 0 10px 20px;}

#bank_transfer {float:left; margin:30px; width:50%;}
#bank_transfer table {background:#F2F2F2; border:1px solid #888; padding:15px 20px;}
#bank_transfer table th {border-bottom:2px solid #666;}
#bank_transfer table td {border-bottom:1px solid #CCC;}
#bank_transfer .value {padding-left:20px;}
#bank_transfer .space {padding-bottom:20px;}
#bank_transfer .last {border-bottom:0 none;}
#fb-bestellabschluss {border 1px solid #888; float:left; margin:10px 0 0 50px;}

#complete_order .form td fieldset ul .error_block {border:1px solid #FF8484; width:91%; padding:10px 4%;}
.box_error {border-color:#FF8484;}
.order_completed {background:#fff; padding:30px;}

#amazonpayments {background:#fff; padding:30px;}
#amazon_checkout {margin-top:30px;}
#AmazonWidget {float:left;}



/* Body Klassen */

body.page_type_18 li.startseite {background:#fff;}
body.page_type_18 #sf-menu ul li.startseite {background:#fff;}
body.page_type_18 #sf-menu ul li.startseite a {color:#000; border-top:5px solid #EF8614; height:55px; line-height:55px; font-weight:bold;}
body.page_type_18 #sf-menu ul li.startseite a .trenn {background:transparent;}

body.piercingschmuck #sf-menu ul li.piercing {background:#fff;}
body.piercingschmuck #sf-menu ul li.piercing a {color:#000; border-top:5px solid #EF8614; height:55px; line-height:55px; font-weight:bold;}
body.piercingschmuck #sf-menu ul li.piercing a .trenn {background:transparent;}

body.ohrfleshtunnel #sf-menu ul li.tunnel {background:#fff;}
body.ohrfleshtunnel #sf-menu ul li.tunnel a {color:#000; border-top:5px solid #EF8614; height:55px; line-height:55px; font-weight:bold;}
body.ohrfleshtunnel #sf-menu ul li.tunnel a .trenn {background:transparent;}

body.ohrplugs #sf-menu ul li.plug {background:#fff;}
body.ohrplugs #sf-menu ul li.plug a {color:#000; border-top:5px solid #EF8614; height:55px; line-height:55px; font-weight:bold;}
body.ohrplugs #sf-menu ul li.plug a .trenn {background:transparent;}

body.piercingdehner #sf-menu ul li.dehner {background:#fff;}
body.piercingdehner #sf-menu ul li.dehner a {color:#000; border-top:5px solid #EF8614; height:55px; line-height:55px; font-weight:bold;}
body.piercingdehner #sf-menu ul li.dehner a .trenn {background:transparent;}

body.fakeplugs #sf-menu ul li.fake {background:#fff;}
body.fakeplugs #sf-menu ul li.fake a {color:#000; border-top:5px solid #EF8614; height:55px; line-height:55px; font-weight:bold;}
body.fakeplugs #sf-menu ul li.fake a .trenn {background:transparent;}




/* Scrolling für Ipad+Iphone aktivieren */
@media only screen and (max-width:1024px;) {
	#s .s2, .kategorietext {-webkit-overflow-scrolling:touch; overflow-y:scroll;}
}





/* Slider Startseite */


#slider-wrap {background:#fff;}
#slider	{background: url(images/bg-slider.jpg) no-repeat center top transparent; height:350px; overflow:hidden; position:relative;}
								  
	/* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */	
							  
#mover	{width:2940px; position:relative;}
.slide	{padding:0; width:980px; float:left; position:relative;}
.slide h1 {position:relative; top:0; right:0; margin:0 0 18px; float:right; font:small-caps 26px/26px arial;}
.slide h2 {text-align:right:}
.slide p {font-size:1.1em; text-align:justify; clear:both;}
.slide div {float:right; width:350px; padding:25px;}
.slide img {position:absolute; top:0; left:0;}
#slide-1 div {height:300px; width:280px; color:#333; z-index:10; background: url(images/bg-black.png) repeat center center transparent; color:#eee;}
#slider-stopper	{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }







/* New Table */

#newtable {width:100%; border: 0; border-collapse: collapse; border-spacing: 0px 0px;}
#newtable th {font-weight:bold; font-size:12px; background:#ddd; text-align: left; padding:5px 10px;}
#newtable td {font-size:12px; border-bottom:1px solid #B4BCC0;}
h2 {margin:30px 0 10px;}
#newtable .noborder {border:0;}
#newtable .rabatt {color:#30A300; font-weight:bold;}