@import "basestyles.css";
@import "dropdown.css";
@import "lightbox.css" screen;

/* F29400 */

/* Logo Box mit home link und suche */
div#logo { padding:5px 0; }


div#suche {position:absolute;top:14px;left:358px;width:150px;height:17px;} 

div#suche input[type=text] { border:0;width:110px; height:17px;margin-right:6px;font:bold 14px arial;color:#666;background-color:#fff;}
div#suche input[type=image] { padding-top:1px;}

div#topBar {width:454px;height:15px;	float:right;background:url("../gfx/navi/topBarBg.png") top left no-repeat;
padding:17px 0px 17px 60px; font-size:15px; font-weight:bold; position:relative; color:#fff;
}
a#lnkms {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	top:10px;
	right:318px;}
	
a#lnktwitter {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	top:10px;
	right:280px;}
	
a#lnkfb {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	top:10px;
	right:244px;}

a#lnkdwnblg {
	position:absolute;
	top:14px; 
	display:block;
	font-size:16px;
	left:294px;
	color:#fff}


li.float {float:left;overflow:hidden;position:relative;border:0;margin:0;}

div.fehler {border:1px solid red;color:red;font:bold 12px arial;padding:1px 3px;margin:3px 0;text-align:center;}


/* clickable navi-path */
div#navPath {padding:5px 0;font: normal 13px arial;color:#000;text-transform:uppercase;}
#navPath a {font-weight:bold;color:#888;}
#navPath b { text-transform:uppercase;font:bold oblique 14px arial;}
div#navKart {	float:right;}

div#footer {
	width:100%;
	height:35px;
	background:url("../gfx/site/footer_bg.gif") repeat-x;
	font:bold 11px arial;
	padding-top:2px;
}

div#footer a {color:#000;margin-left:8px;text-transform:uppercase;}
div#footer a:hover{color:#ff9813}

/* Rechte Spalte */

div#rightPane {
	float:right;
	width:294px;
	text-align:center;
	border:0;
	padding:0;
	margin-top:4px;
	background-color:#fff;}

div#rightPane  a { color:#666;}
div#rightBannerSpace {border:0;margin:0 0 20px 0;background-color:#000;}
div#rightBannerSpace img {border:0; margin:1px auto;border:1px solid #222}


table#rightTopTen { width:294px;border:0;	table-layout:fixed;}

#rightTopTen td {
	vertical-align:middle;
	padding:1px 0;
	border-bottom:1px dashed #ece7e7;
	}

td.rtt1 { text-align:center; font:bold 18px arial; color:#888; width:26px;}
td.rtt2 { width:56px;}
td.rtt3 {font:bold 12px arial, sans-serif;text-transform:uppercase;}
td.rtt4 { color:#ff9813;font:bold 12px Arial;text-align:right;width:56px;padding-right:2px;}


table#rightVVK { width:294px;border:0;margin-bottom:12px;}

#rightVVK td {
	vertical-align:middle;
	font:bold 11px arial;
	padding:0 4px;
	letter-spacing:-0.5px;
	border-bottom:1px solid #ece7e7;}

div#styleshopmap {
	border-bottom:1px dashed #ddd;
	margin:12px 0;
	border-top:1px dashed #ddd;
}
	

div#blog { 
	width:100%;
	font:bold 12px arial, Helvetica, sans-serif;
	border:0;
	text-align:left;
	color:#111;
	background-color:#ECE7E7;
	margin:1px 0;
	padding-bottom: 2px;
	font-variant:small-caps;}
div#blog div { text-align:center;background-color:#fd9400;padding:2px 0;}
div#blog div a { color:#fff;font:bold 18px arial, Helvetica, sans-serif;text-transform:uppercase;}
div#blog small { font:normal 8px arial, Helvetica, sans-serif;color:#888;}



/* eingabefelder mit fieldset+legend, Klasse CLK */
fieldset.clk {
	padding:0px 4px 3px 4px;
	border:1px solid #fff;
	display:inline;
	}

fieldset.clk input {
	border:0;
	margin:0;
	font:normal 14px arial;
	background-color:#ece7e7;
	padding:0px 2px;
	position:relative;
	top:-1px;}

fieldset.clk textarea {
	border:0;
	margin:0 0 1px 0;
	font:normal 14px arial;
	background-color:#ece7e7;
	padding:0px 2px;
} 
	
fieldset.clk select {
	border:0;margin:0;
	text-transform:uppercase;
	font:normal 10px arial;
	width:100%;
	background-color:#ece7e7;
	position:relative;
	display:inline;
	top:-1px;
	min-height:16px;}
	
fieldset.clk:hover {cursor:text;} 
fieldset.current {border-color:#fd9600;}
fieldset.current legend { color:#000000;}

/* Alternative Checkboxen, Klasse CHK auf input element,  Klasse myCheckbox vom script gesetzt */
img.myCheckbox {float:left;margin:0 3px; border:0;}
img.myCheckbox:hover { cursor:pointer; }

/* "Sixpacks", 6 Artikel Vorschau */
div.sixpack {margin:25px 0 10px 0;text-align:left;border-bottom:1px solid #f0f0f0; width:676px;padding-bottom:5px;}
div.sixpack li {width:100px;margin:1px 12px 11px 0;padding:0 0 3px 0;height:142px;background-color:#ece7e7;}
div.sixpack img { border:2px solid #ddd;  }
div.sixpack .packtitle { font:bold 15px arial, Helvetica, sans-serif;text-transform:uppercase;color:#999;}
div.sixpack .packtitle a { text-decoration:none;color:#999;}

div.sixpack .name {font:normal 9px arial, Helvetica, sans-serif;height:23px;overflow:hidden;margin:0 4px;line-height:11px;}
div.sixpack .preis {font:bold 11px arial, Helvetica, sans-serif;color:#444;text-align:right;margin-right:6px;}
div.sixpack li a:hover {cursor:pointer;text-decoration:none !important;}
div.sixpack li a:hover img { border:2px solid #FF9400; }

/* suplrg action */
 .suplrg .packtitle {color:#FF9400 !important;font:bold 18px arial !important; letter-spacing:3px; }
 .suplrg {background-color:#f8f8f8;padding-left:8px;}
 .suplrg .preis { background-color:#FF9400 !important; color:#fff !important; padding:0 2px;font-size:14px !important;}
 .suplrg .vkalt { color: #000 !important; font:11px bold arial; }

 .prodpage .packtitle { background-color:#000;color:#fff !important;width:646px;padding:1px 8px;}
 
 /* Main Layout */
div#mainContainer {margin:0 auto 0 auto;width:998px;}
div#subContainer {width:992px;font-size:12px;z-index:1;background-color:#fff;padding:0 3px;}


/* Page Specific: Startpage */
div#startpage {margin:0 2px;width:690px;}

div#frontbanner {
width:664px;height:328px;margin-top:3px;
}

div#frontbanner img {
	margin:1px;
}

div.tpf 	{
	float:left;
	width:322px;
	height:150px;
	padding:2px;
	margin:3px;
	display:block;
	overflow:hidden;
	border:0;
	background-color:#ece7e7;
}
	
div.tpf div { width:150px;height:150px;overflow:hidden;float:left;margin-right:4px; }
div.tpf div img {margin:-5px;width:160px;height:160px;}
div.tpf h1 {font:bold 14px arial, Helvetica, sans-serif; letter-spacing:-0.3px;line-height:14px;text-align:right;margin:0 2px;border-bottom:1px solid #ff9400;}
div.tpf p {margin:0 2px;line-height:11px;}

#startpage .preis { position:absolute;bottom:20px;right:8px;font:bold 18px arial, Helvetica, sans-serif;text-align:right;margin:0;}
#startpage .discount { color:red;}

#startpage a {text-decoration:none;color:#ff9400 !important;}
#startpage a:hover {text-decoration:underline;}

/* container für obere navigation */
div#topNav {
	background-color:#000;
	text-align:center;
	width:992px;
	padding:3px 3px 1px 3px;
	border-bottom:3px solid #000;
	z-index:1;
	color:#ccc;
	margin:26px 0 10px 0;
}


div#subNav  {
	width:956px;
	padding:2px 20px;
	color:#000;
	font:bold 10px arial;
	text-align:left;
}

#subNav span {
	margin:0;
	padding:0px 3px 0px 6px;
	background: url(../gfx/navi/bullet.gif) left top no-repeat;
	line-height:18px;
	vertical-align:baseline;
	text-transform:uppercase;
}

#subNav span a {
	color:#fff;
	white-space:nowrap;
	text-decoration:none;
}

#subNav span a:hover {
	text-decoration:none;
	color:#FF9400;
}

#subNav span#current {	
	background:url(../gfx/navi/tab1_left_current.gif) left top no-repeat;

}

#subNav span#current a {
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
}

div#subNav {
	background-color:#000;
	
	/* 082567 */
}

#subNav span#subCurrent a{text-decoration:none;color:#FF9400;}

/* Warengruppen/Suche/Produktlisten */

div.pageOptions {width:684px;padding:4px 0 4px 0;text-transform:uppercase;}	
.pageOptions li {border:0;margin:0px 5px;padding:1px 6px;text-align:left;font-weight:bold;color:#888;}
.pageOptions table {border:0;}
.pageOptions table td {background-color:#fff;border:0;padding:0 4px;}
.pageOptions td.selected { background-color:#eB8900;}
.pageOptions a { color:#666; text-decoration:none;font-weight:bold;}
.pageOptions td.selected a {color:#fff;}
.pageOptions td.disabled { background-color:#fff;color:#aaa}

/*  Warengruppen-Seite */

div#grouppage {margin:4px 4px;padding:0;width:690px;border:0;text-align:left;}

p#katdesc {
	font: oblique bold 11px arial,sans-serif; width:640px; color:#888; text-align:justify; margin:4px auto 9px 26px;line-height:13px;	
}
p#katdesc:first-letter { font:bold oblique 16px arial,sans-serif;line-height:13px;}

table#groupheader {background-color:#eee;margin:0px 0;width:676px;font:normal 9px arial, Helvetica, sans-serif;border-color:#ddd;border-style:solid;border-width:0 1px 1px 1px;margin-bottom:5px;}
table#groupheader td {vertical-align:middle;padding:2px 4px;}
table#groupheader h2 { font:bold 14px arial, Helvetica, sans-serif;margin:0;padding:0;}


#grouppage li {float:left;height:215px;width:153px;overflow:hidden;position:relative;color:#fff;
background-color:#bbb;border:2px solid #bbb;margin:0 12px 10px 0;text-align:left;}

#grouppage li img.groupview {  }
#grouppage li a { color:#fff;text-decoration:none;}

div.groupimgdesc a:first-line {
		font:bold 14px arial, Helvetica, sans-serif;
}

.groupimgdesc { 
		width:155px;
		vertical-align:top;
		margin:0;
		padding:3px 2px 0 2px;
		overflow:hidden;
		height:auto;
		font:bold 12px arial, Helvetica, sans-serif;
		}

.groupimgdesc a {width:100%;height:100%;display:block;}

.groupimgdesc span {font:bold 15px arial, Helvetica, sans-serif;color:red;}
.groupimgdesc span b {color:black;}



#grouppage li .preis { 
		position:absolute;
		bottom:1px;
		right:5px;
		font:bold 12px arial, Helvetica, sans-serif;
		color:#000;
		letter-spacing:-0.5px;
}

.discount { 
		color:#000 !important;
		background-color:#FF9400; padding:2px; 
}

span.vkalt {
	color:#444;
	padding-right:5px;
	text-decoration:line-through;
	font:oblique 10px verdana;
	letter-spacing:-1px;
	}


div#filter {
	padding:4px 10px;
	font:normal 11px arial, Helvetica, sans-serif;
	width:644px;
	margin-left: 8px;
	border-color:#ccc;}
	
#filter a {font:normal 12px arial, Helvetica, sans-serif;}

#filter input {margin-top:20px;}

fieldset.filterprop {
	width:160px;
	float:left;
	padding:0 2px 3px 2px;
	margin:3px 6px;
	position:relative;}

.filterprop select {
	margin:3px;
	border:0;
	background-color:#fff;
	padding:0 1px;
	width:156px;
	overflow:hidden;
	font:normal 12px arial, Helvetica, sans-serif;
	z-index:200;}
	
.filterprop option {
	border:0;
	font:normal 12px arial, Helvetica, sans-serif;
	z-index:2;}

div .toggle { font:bold 13px arial, Helvetica, sans-serif;color:#666; }
.tClosed:before { content:url(../gfx/site/toggleclosed.gif)" "; }
.tOpen:before { content:url(../gfx/site/toggleopen.gif)" "; }
	
	
fieldset#subGroups { margin:0px;width:680px;}
#subGroups li {float:left;font:bold 14px arial, Helvetica, sans-serif;text-transform:uppercase;}

/* Gruppen Topfeature - wieder deaktiviert wegen Fugly */
fieldset#groupFeature {
	width:654px;
	margin:0 0 10px 0;
	
	height:110px;
	border:2px solid #bbb;
	padding:2px 5px 4px 4px; 
	background-color:#ece7e7;
}

#groupFeature a:hover {text-decoration:none !important;}
#groupFeature b {font:bold 13px arial, Helvetica, sans-serif;text-transform:uppercase;}
#groupFeature h1 { font:bold 15px arial, Helvetica, sans-serif;}
#groupFeature .preis { font:bold 18px arial, Helvetica, sans-serif;text-align:right;margin:0;}
#groupFeature .discount { color:red;}


/*  ------------ warenkorbseite ------------- */


div#kartContainer { border:0;width:690px;padding:2px;}

#karttab { border:0;table-layout:fixed;padding:0;margin:12px 0;table-layout:fixed; border-bottom:1px dashed #000;}

#karttab .col1 {width:100px;text-align:center;padding:0 2px;}
#karttab .col2 {width:432px;text-align:left;}
#karttab .col3 {width:64px;text-align:center;}
#karttab .col4 {width:76px;text-align:center;}

table#karttab th { font-size:10px;padding:2px;color:#666;letter-spacing:1px;text-transform:uppercase;}

table#karttab td b { 
	font-size:14px;}
	
table#karttab td {font:12px arial, Helvetica, sans-serif;
	border-top:1px solid #ddd;
	padding:2px;}
	
form#kart  .kartInput {
	border:1px solid #888;
	width:32px;
	margin:0 auto;
	text-align:center;
	font:13px arial, Helvetica, sans-serif;
	padding:2px;}
	
.btPlus {margin:auto 3px;}
.btMinus {margin:auto 3px;}

/* -----------  Produktseite -------------- */

div#productPage {margin:0;padding:0 4px;width:984px;border:0;text-align:left;}
#productPage p {text-align:justify; font:normal 11px arial, Helvetica, sans-serif; margin:2px 0;} 

#productPage h1 { font-size:22px;}



#vOeBox  {border:2px solid red;margin:2px 0;padding:1px;text-align:center;font:normal 11px arial, Helvetica, sans-serif;}

/* Links in Fliesstext rot und fett */
p a {color:#FF9400; font-weight:bold;letter-spacing:-0.3px;}

table#productView { margin:0 auto;table-layout:fixed; width:940px;}

td#ansichtContainer { 
padding:20px 0 20px 1px;
border:0; border:0; text-align:center;
}
#ansichtContainer a img { margin:1px 3px 3px 1px;}

img#ansicht { margin:0 !important;} 

div#playercontainer { padding: 1px 3px 10px 1px;}

div#videothumbs {width:300px;border-top:1px solid #ccc;padding-top:3px;}
div#videothumbs img {background-position:center;border:0;margin:0;}

td#descriptContainer {  width:450px;padding:14px 0 20px 5px; }
td#descriptContainer h1{  background-color:#ff9813;color:#fff;padding:4px;}


#ansichtContainer i { font: italic 10px arial, Helvetica, sans-serif;}

table#variants {width:450px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:40px;}

tr.variants { height:23px; }

.variants td { 
		font: bold 12px arial, Helvetica, sans-serif;
		text-transform:uppercase;
		vertical-align:middle;}
		
tr.outOfStock td { background-color:#ece7e7;}


/* ------------------ checkout seite */

div#checkoutPage,div#checkoutConfirmPage  {
	margin:10px 0 0 0;
	padding:0 4px;
	width:680px;
	text-align:left;}

table#checkoutSteps { 
	text-align:center;
	font:bold 13px arial, Helvetica, sans-serif;;
	margin-bottom:12px;
	width:640px;}

div#checkoutPage p  {font-size:13px;margin:2px 3px;}
div#checkoutConfirmPage p  {font-size:13px;margin:2px 3px;}
div#checkoutPage td {font-size:12px;}
div#checkoutConfirmPage td {font-size:12px;}
	
div#checkoutSubmit {text-align:center;margin-top:10px;}
	
table#customerForm { border:0;border-collapse:collapse; margin-top:10px;width:640px;}
table#customerForm td {padding:2px 0;}

table#customerForm select {width:300px;}

fieldset#checkagb {display:block !important; margin:5px 80px 0 0;}
fieldset#checkagb table {border:0;width:100%;}
fieldset#checkagb  table td { vertical-align:middle; padding:4px 0px;}

#checkoutPage input#vn, input#nn, input#email, input#tel { width:300px;}
#checkoutPage input#adr1,input#adr2 {width:618px;}
#checkoutPage input#plz	{width:80px;}
#checkoutPage input#ort {width:203px;}


#checkoutConfirmPage fieldset {margin-bottom:5px;}
#checkoutConfirmPage  select { width:60px !important;}


#checkoutConfirmPage  input[type=text][readonly] 
{
	color:#888;
}

fieldset#CCdata {
	border:2px solid #e28400;
	text-align:center;
}

table#versand td {border-bottom:1px solid #ddd;padding:4px 0;}

p#CCinfo { margin:3px auto;font:bold 12px arial, Helvetica, sans-serif;text-align:center;}
table#vkpayment {width:600px; border-collapse:collapse;margin:10px auto;}
table#vkpayment td {border:1px solid #ece7e7;padding:2px;font-weight:bold;}
table#vkpayment th {border:1px solid #ece7e7;padding:2px;text-align:right;}
/* feedback seite */

#feedbackPage {
	margin:10px 0 0 0;
	padding:0 8px;
	width:680px;
	border:0;
	text-align:left;}

#feedbackPage div.ident { font:normal 12px arial; padding:2px 0 0 18px;border-bottom:1px solid #ddd;padding-bottom:7px;}	
#feedbackPage textarea {width:646px;height:180px;overflow: auto;}
#feedbackPage input#name {width:315px;}
#feedbackPage input#email  {width:315px;}
#feedbackPage a {font-weight:bold;color:#e00;}