<?php 
ob_start ("ob_gzhandler");
header("Content-type: text/css; charset: UTF-8");
header("Cache-Control: must-revalidate");
$offset = 60 * 60 ;
$ExpStr = "Expires: " . 
gmdate("D, d M Y H:i:s",
time() + $offset) . " GMT";
header($ExpStr);
?>

/* Projekt: cycle-basar */

/* Autor: Dirk Petscheleit / roterblitz.de */

/* @group Reset */

*{padding: 0; margin: 0;}

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	opacity:.999
}

:link,:visited {
	text-decoration: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
	outline: none;
}

/* @end */

/* @group Generelle Formatierungen */

body {
	color: black;
	background: #7b7c7b;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	height:100%;
	z-index:  -1;
}

img {
	border: 0;
}

a, a:link {
	color: #E1001A;
	text-decoration: none;
}

a:hover {
	color: #E1001A;
	text-decoration: underline;
}

a:visited {
	color: #E1001A;
	text-decoration: none;
}

FORM {
	display: inline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 18px;
	margin-top:  10px;

}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 13px;
	padding:  0;
	margin-top: 10px;
}

h4 {
	padding: 5px 0;

}

p {
	margin-bottom: 5px;
	line-height: 18px;
}

th {
	padding: 5px;
	text-align: left;
	background: black url(img/layout/black.gif) bottom repeat-x;
	border: 1px solid #d1d1d1;
	color:  white;
	font-family:Arial,sans-serif;
	font-weight:bold;
	line-height:  16px;
}


/* @end */

#mainContentTwo h4,
h4.divider {
	line-height:  30px;
	padding:  0 0 0 30px;
	background: white url(img/layout/h4.gif) top left no-repeat;
	margin-bottom: 10px;
}
h3.break, h3.opener {
	font-size: 12px;
	margin-left:  10px;
	margin-bottom:  10px;
	margin-top: 30px ;
	color:  #666;
	padding: 7px 0 5px 35px;
	background: white url(img/layout/h4.png) top left no-repeat;
}

#catNav {
	font-size: 12px;
	margin-left:  10px;
	margin-bottom:  10px;
	margin-top: 30px ;
	color:  #666;
	padding: 7px 20px 5px 35px;
	background: white url(img/layout/h4.png) top left no-repeat;
}

#catNav select {
	font-size: 11px;
	width:  160px;
}


.opener {
	cursor: pointer;
}

.center {
	text-align: center;
}

.strong {
	font-weight: bold;
}

/* @group Layout / Container */

#container {
	width: 1000px;
	margin: auto;
	color:  black;
}

#content {
	background: white url(img/layout/container2010.gif) top left repeat-y;
	overflow: hidden;
	padding: 0 7px 20px 7px;
	z-index:  1;
	height:  100%;
}

#index #content {
	padding: 0 7px 0 7px;
}

#header {
	background: transparent url(img/layout/header2010.png) top left no-repeat;
	height: 150px;
	position: relative;
	z-index:  2;
}

#mainContent {
	margin: 0px 0 10px 0px;
	width: 780px;
	overflow: hidden;

}
#mainContentTwo{
	margin: 0px 0 10px 20px;
	width: 590px;
	float:  left;

}

#leftRow {
	float: left;
	width: 180px;
	padding-bottom:  40px;
	margin-right:  15px;
}
#rightRow {
	float: right;
	width: 180px;
}


/* @end */

/* @group Header */

/* @group topnavi */

/* Navigation oben */

#topnav {
	position: absolute;
	top: 94px;
	right:  2px;
	width: 755px;
}

/*** Navigation Layout ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	/*width:11.45em;*/
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.4em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** Navigation Style ***/
.nav {
	float:right;
	margin-right:  4px;

}
.nav li {
	background:transparent;
	width:120px;
	background:transparent url(img/layout/register.png) top left no-repeat;
}
.nav li#mybasar, .nav li#informationen {
	border-right:none;
}
.nav a {
	color: #13a;
	padding: .75em 0 0.7em 0;
	text-decoration:none;
	text-align: center;
	color:black;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {

}
.nav li li {
	background-image:  none;
	/*background-color: white;*/
	border-bottom:  1px solid #6a6a6a;

}

.nav li ul {

}

.nav ul a {
	width: 11.25em;
	padding: .75em 0.5em .75em 1em;
	text-indent: 0;
	font-size:  1em;
	text-align: left;
	background: white;
		border-left:  1px solid #6a6a6a;
	border-right:  1px solid #6a6a6a;
}

.nav ul a:hover {
	background-color: #ebeaeb;
}

/* @end */

#header a, #header a:visited {
	color: white;
}

#topnav a,
#topnav a:visited {
	color:  black;
}

#topnav select {
	float: left;
	width: 180px;
	margin-left: 5px;
	margin-top:  5px;
	font-size:  10px;
}

#manufacturers select {
	margin: 10px 0 20px 10px;
	width: 150px;
}


#categories select {
	margin-left:  10px;
	margin-right: 25px;
}

#roundsearchbox {
	position:  absolute;
	width: 205px;
	text-align: right;
	right: 10px;
}

#roundsearch {
	float: left;
	width: 180px;
	height: 25px;
	overflow: hidden;
	background: url("img/roundsearch.gif") top left no-repeat;
	position: relative;
	z-index: 15;
}

#roundsearch input {
	height: 18px;
	width: 155px;
	background: transparent;
	border: 0;
	margin: 3px 9px 0 0px;
	padding: 3px 7px 0 0;
	color: #91998E;
	font-size: 11px;
	overflow: hidden;
}


#navtrail {
	text-align: left;
	color: black;
	margin-bottom:  20px;
}
#navtrail a {
	color: black;
	font-size: 11px;
}

#klickLogo {
	position: absolute;
	top: 30px;
}

#suche {
	position:  absolute;
	top:  20px;
	right:  20px;
	white-space: nowrap;
	text-align: right;
	width:  180px;
}

#kasse {
	position:  absolute;
	top:  60px;
	right:  40px;
	white-space: nowrap;
	text-align: right;
	width:  180px;
}

#warenkorbBox, #loginBox {
	padding: 0;
	position: absolute;
	left: 550px;
	top: 11px;
	color:  white;
	background: transparent;
	text-align: center;
	width: 190px;
	z-index: 200;
	padding-bottom:  49px;
}

#loginBox {
	left: 350px;
}

#warenkorbInnen {
	background-color:  black;
	color:  white;
	overflow: hidden;
	border: 2px solid white;
	padding:  5px;

}

#loginInnen {
	background-color:  black;
	border: 2px solid white;
	padding:  5px;

}


#loginLink {
	background: transparent url(img/icons/login.gif) top left no-repeat;
	padding: 5px 0 5px 25px;
	text-align: left;
}

#warenkorbLink {
	background: transparent url(img/icons/cart.gif) top left no-repeat;
	padding: 5px 0 5px 15px;
}


/* @end */

/* @group Boxen */

#admin {
	position: fixed;
	top:  50px;
	left:  0;
	background-color:  white;
	overflow:  hidden;
}

#admin h3 {
	color: white;
	background-color: #E1001A;
	font-size: 12px;
}

#admin ul li a {
	display:  block;
	border-bottom: 1px dashed #ccc;
	padding:  3px 0 3px 0;
}

#admin ul li a:hover {
	background-color: #ccc;
}


.box {
	background-color: #f3f3f3;
	border: 1px solid #B6B7CB;
	padding: 5px;
	margin: 0;
}

.box h1 {
	font-size: 14px;
}

/* rechte Boxen mit 250 px Breite */

.rightBox {
	float:  right;
	width: 250px;
	background: url("img/layout/rightBox-bottom.jpg") bottom left no-repeat;
	margin-bottom:  30px;
	
}

.rightBox .boxContent {
	margin-bottom:  10px;
	background: url("img/layout/rightBox-main.jpg") top left repeat-y;
}

.rightBox h1,
.rightBox h2,
.rightBox h3,
.rightBox h4, 
.startBox h2 {
	margin: 0;
	color: white;
	font-size: 13px;
	padding: 0 0 0 28px;
	height: 29px;
	line-height: 32px;
	background: transparent url("img/layout/rightBox-header.jpg") top left no-repeat;
	position:  relative;
}


#startAngebote h2 img,
#startNeueArtikel h2 img {
	position: absolute;
	bottom: 0px;
	right: 5px;
}

.rightBox h3 img {
	float: right;
}

.rightBox p {
	font-size: 10px;
	margin-left:  10px;
}

.rightBox input#email {
	width:  150px;
}

.rightBox ul li a {
	display: block;
	padding:  3px 5px 3px 30px;
	border-bottom: 1px dashed #ccc;
	background: transparent url(img/icons/pfeil-rechts-sw.gif) 13px 6px no-repeat;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
}
.rightBox ul li a:hover {
	background-color: #eee;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
}

#aktionBox {
	margin-top: 15px;
}


#hotlineBox h4 {
 margin-left:  0px;	
	pading:0
}
#hotlineBox p {
	margin-left:  10px;
}

.centerBox {
	padding:  0;
	background: url("img/layout/centerbox-bottom.jpg") bottom left no-repeat;
	padding-bottom:  20px;
	width:  515px;
	margin-bottom:  30px;
}

.centerBox h1,
.centerBox h3 
{
	color:  white;
	font-size:  13px;
	line-height: 28px;
	padding-left:  30px;
	margin:  0;
	background: url("img/layout/centerbox-header.jpg") top left no-repeat;
}

.centerBox .boxContent {
	background: url("img/layout/centerbox-main.jpg") top left repeat-y;
	padding:  20px 20px 5px 20px;
}


/* @end */


/* @group Navigation */

/*###################*/
/* Kategorien Navigation */

ul#catNavi {
	list-style: none;
	padding: 0;
	margin: 0;
}

#leftRow a:visited {
	color:  black;
}
#leftRow a:hover {
	text-decoration:  none;
}

#catNavi li {

}
li.CatLevel1 {
	background: transparent url(img/icons/pfeil-rechts-sw.gif) 12px 7px no-repeat;
		
} 

.CatLevel1 a {
	padding: 2px 2px 1px 22px;
	display: block;
	width:  156px;
	color: black;
	border-bottom: 1px solid #EDEDED;
}

.CatLevel1 a:hover {
	background: #EDEDED url(img/icons/pfeil-unten-sw.gif) 11px 8px no-repeat;

}

li.CatLevel1.Current, li.CatLevel1.CurrentParent {
	font-weight: bold;
	background: #EDEDED url(img/icons/pfeil-unten-sw.gif) 11px 8px no-repeat;
}


li.CatLevel2 {
	font-weight:  normal;
}
.CatLevel2 a {
	background: transparent url(img/icons/pfeil-rechts-sw.gif) 20px 6px no-repeat;
	background-color: white;
	border-bottom: 1px solid #EDEDED;
	padding: 2px 2px 1px 32px;
	width:  146px;
	display: block;
	color: black;
}
.CatLevel2 a:hover {
	background: #EDEDED url(img/icons/pfeil-rechts-sw.gif) 20px 6px no-repeat;

}
.CatLevel3 a:hover {
	background: #EDEDED url(img/icons/pfeil-rechts-sw.gif) 28px 6px no-repeat;

}

li.CatLevel2.Current, li.CatLevel2.CurrentParent {
	font-weight:  bold;
}

li.CatLevel3  {
	font-weight:  normal;
}

.CatLevel3 a {
	background-position: 28px 6px;
	padding: 2px 2px 1px 40px;
	width:  138px;
}

li.CatLevel3.Current {
	font-weight:  bold;
}


/* @end */


/* Spezieller Formatierungen */

/* @group Wichtige Standard Klassen */


.floatLeft {
	float:  left;
}
.rechts, .right {
	text-align: right;
}

.small {
	font-size: 9px;
	color: #a5a5a5;
	font-weight:  normal;
}

.small a, .small a:link, .small a:visited {
	color: #a5a5a5;
}

.grau {
	background-color: #F3F3F3;

}
.dunkelgrau {
	color:  black;
	
}

.price {
	color: #E1001A;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	font-family:  Arial, Helvetica, sans-serif;
}

.price span.prefix {
	font-size: 12px;
	color: #E1001A;
}

.zeile {
	border-bottom: 1px solid #F3F3F3;
	padding: 5px;
}

.warning {
	background: #eee url(img/icons/achtung.png) 5px 5px no-repeat;
	border:  1px solid #ccc;
	padding:  10px 10px 10px 55px;
	margin:  10px 0 10px 0;
}

.summe {
	background-color: #dfdfdf;
}
/*Transparent items*/

.transparent {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	border: 0px solid #FFF;
	background: #FFF;
	z-index: 10;
	cursor: pointer;
}

.transparentFake {
	background: none;
	border: none;
}

.transparent2 {
	z-index: 10;
}

.pdfLink {
	padding: 5px 0 5px 20px;
	background: transparent url(img/icons/pdf.png) 0 2px no-repeat;
}

.newwindow {
	padding: 5px 0 5px 20px;
	background: transparent url(img/icons/newwindow.png) 0 2px no-repeat;
}

.over {
	color: red;
}

.message {
	border: 1px solid red;
}

.strong {
	font-weight:  bold;
}

.last {
	border: none;
}

#message {
	background: #eee url(img/icons/achtung.png) 5px 5px no-repeat;
	border:  1px solid #ccc;
	padding:  10px 10px 10px 55px;
	margin:  10px 0 10px 0;
	font-weight: bold;
}

#message.productAdded {
	background: #eee url(/images/icons/check.png) 15px 5px no-repeat;
	padding:  20px 10px 20px 75px;
}

/* @end */


/* Sitemap Tables */

/* @group Spezielle Unterseiten */

/* @group Kategorieseiten und Artikellisten*/

.kategorieLink a {
	border:  1px solid #ccc;
	width:  50%;
	display: block;
	padding: 10px;
}

ul#kategorieUebersicht {
	margin-left:  10px;

}
#kategorieUebersicht li  {
	margin-right:  10px;
	margin-bottom:  10px;
	display:  block;
	float:  left;
	
}

#kategorieUebersicht li a {
	display:  block;
	padding-top:  5px;
	padding-bottom:  5px;
	color:  black;
	width:  140px;
	height:  130px;
	text-align:  center;
	border:  1px solid #efefef;
	font-size:  12px;
	font-weight:  bold;
	overflow: hidden;
}

#kategorieUebersicht li a:hover {
	border:  1px solid red;
}

.kategorieBild {
	height:  90px;
	width:  140px;
	vertical-align: middle;
	display:  table-cell;
}

* html .kategorieBild {
	display:block;

}

.kategorieBild  img {
	
}

.angebotListe {
	border-bottom:  1px dashed #ccc;
	margin:  0 20px 5px 20px;
	position:  relative;
	overflow: hidden;
	height:  120px;
}

.angebotListe img {
	float:  left;
}

div.shortDesc {
	margin-left:  140px;
	width:  450px;
}

.angebotListe .price {
	position:  absolute;
	right:  0;
	bottom:  30px;
}

.angebotListe .right {
	position:  absolute;
	right:  0;
	bottom:  0px;
}


/* @end */

/* @group Checkout */

#carttable {
	margin-bottom: 20px;
}
#carttable .odd {
	border-bottom: 1px solid #ccc;
}

#carttable td {
	padding: 5px
}

/* CHECKOUT NAVIGATION */

#flashMovie {
	height:  360px;
	width:  510px;
	float:  left;
}

#checkout_confirmation h2, #checkout_payment h2 {
	border-top:  1px solid #eee;
	margin-top:  15px;

}

ul#checkoutnavigation {
	margin-top: 30px;
}
ul#checkoutnavigation h3 {
	padding: 5px;
	text-align: left;
	background: black url(img/layout/black.gif) bottom repeat-x;
	border: 1px solid #d1d1d1;
	color:  white;
	font-family:Arial,sans-serif;
	font-weight:bold;
	line-height:  16px;
	margin: 0;
	position:  relative;
	height:  16px;
}

ul#checkoutnavigation h3 img {
	position:  absolute;
	right:  0px;
	bottom:  3px;
}

ul#checkoutnavigation li {
	height: 100px;
	list-style-type: none;
	float: left;
	width: 160px;
	margin-right: 30px;
	border: solid 1px;

}

ul#checkoutnavigation li.active {
	background-color: white;
	border-color:  #999999;
}

ul#checkoutnavigation li.active .number {

	font-weight: bold
}

ul#checkoutnavigation li.active .title {
	font-size: 14px;
	font-weight: bold
}

ul#checkoutnavigation li.active .description {
	font-size: 11px;
	margin: 8px
}

ul#checkoutnavigation li.inactive {
	color: #999999;
	background-color: #EDEDED;
	border-color: #999999
}

ul#checkoutnavigation li.inactive .number {

	font-weight: bold
}

ul#checkoutnavigation li.inactive .title {
	font-size: 14px;
	font-weight: bold
}

ul#checkoutnavigation li.inactive .description {
	font-size: 11px;
	margin: 8px
}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */

p.checkoutcomment textarea {
	width: 100%
}

/* ORDER DETAILS ON CHECKOUT SITE */

table.checkoutconfirmationorderdetails {
	padding: 0;
	margin: 0px 0px 10px 0px;
	border: none
}

table.checkoutconfirmationorderdetails tr td.productname {
	width: 100%;
	font-weight: bold;
}

table.checkoutconfirmationorderdetails tr td.shippingtime {
	padding: 0px 0px 0px 30px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap
}

table.checkoutconfirmationorderdetails tr td.productattributes {
	padding: 0px 0px 0px 30px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
}

table.checkoutconfirmationorderdetails tr td.productprice {
	white-space: nowrap;
	text-align: right
}

table.checkoutconfirmationorderdetailstotal {
	padding: 0;
	margin: 10px 0px 0px 0px;
	border: none
}

table.checkoutconfirmationorderdetailstotal tr td.name {
	width: 100%;
	text-align: right
}

table.checkoutconfirmationorderdetailstotal tr td.value {
	white-space: nowrap;
	text-align: right
}

/* AGB ON CHECKOUT SITE */

p.checkoutagb textarea {
	width: 100%
}

/* SHIPPING TYPE SELECTION */


table.shippingblock tr td {
	vertical-align: top;
}

table.shippingblock tr td.description {
	width: 100%;
	vertical-align: top;
	padding-left: 6px;
}

table.shippingblock tr td.radiobutton {
	vertical-align: top;
	white-space: nowrap;
	padding: 4px;
}

table.shippingblock tr td.radiobutton input {
	margin: 0;
	padding: 0;
}

table.shippingblock tr td.price {
	vertical-align: top;
	white-space: nowrap
}

/* PAYMENT TYPE SELECTION */

table.paymentblock, table.shippingblock {
	background-color: #EDEDED;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999;
	margin-bottom: 15px;
}

table.paymentblock tr td.header, table.shippingblock tr td.header {
	background: black url(img/layout/black.gif) top left repeat-x;
	padding: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

td.price {
	padding-right:  5px;
}

#shipping h3 {
	margin-top: 25px;
	border-top: 1px solid #D1D1D1;
}

.conditions {
	padding: 10px;
	margin-top: 15px;
	border: 1px solid #E1001A;
	background-color: #e1001a;
	color:  white;
}

/* @end */

/* @group nur Startseite */

/*### todo: Aufräumen !*/

#mainContentStart {
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
	width: 780px;
	z-index:  1;
}

#startMain {
	width:  525px;
	float:  left;
}

#startMain h3 {
	font-weight:  bold;
}

#startMain h3 a {
	color: #666;
}
#startSub {
	width: 250px;
	 float: right;
	 margin-left:  0px;
	 padding:  0;
	 margin-right:  0;
}

#startNeueArtikel {
	width:  261px;
	float:  left;
	background: transparent url(img/layout/neu-im-sortiment.gif) top right no-repeat;
	border-right:  1px solid #d8d8d8;
}

#startAngebote {
	width:  261px;
	float:  left;
	background: transparent url(img/layout/sonderangebote.gif) top right no-repeat;
	border-right:  1px solid #d8d8d8;
}

#startAngebote .boxContent,
#startNeueArtikel .boxContent {

}


.startAngebot {
	height:  190px;
	margin: 10px 0 0 0;
	border-bottom:  1px solid #d8d8d8;
	/*background: transparent url(img/layout/startBox.jpg) bottom left no-repeat;*/
	position:  relative;
	padding: 5px 10px 20px 10px;
}

.last {
	border-bottom: none;
}

.productItem {
	width: 240px;
	height:  190px;
	margin: 15px 5px 0 15px;
	border-bottom:  1px solid #d8d8d8;
	/*background: transparent url(img/layout/startBox.jpg) bottom left no-repeat;*/
	position:  relative;
	padding-bottom:  20px;
}


.startAngebot img,
.productItem img {
	margin:  0 10px 5px 0px;
	float:  left;
}

.startAngebot p.price,
.productItem p.price {
	clear:  left;
	position: absolute;
	bottom: 15px; 
	right:  0;
}

.startAngebot h3,
.productItem h3 {
	margin-top: 0;
}

.startAngebot p.right,
.productItem p.right{
	text-align: left;
	position: absolute;
	bottom: 10px;
	left:  10px;
	margin:  0;
	padding: 0;
}

p.right img, #prodlist p.right img {
	float:  none;
	margin:  0;
}

.startBox {
	width: 250px;
	height: 200px;
	margin: 0 10px 10px 0;
	float: left;
}

.startBox p, .startAngebot p {
	margin: 0px 10px 0 10px;
}

.startBox p {
	margin: 0 10px 10px 10px;
}

.startBox li,
#bigList li {
	font-family:  Arial;
	font-size:  12px;
	font-weight:  bold;
	
}

#bigList {
	padding:  10px;
	list-style: disc;
	list-style-position:outside;
	margin-left:  20px;
}


.startBoxBanner {
	float:  left;
	width: 510px;
	margin: 0 10px 20px 0;
}

.startBox label {
	width: 85px;
	display: block;
	float: left;
}

.startBox fieldset {
	border: none;
}


#productsPreview .startAngebot {
	border-right:  1px solid #D8D8D8;
	width: 235px;
	margin:  0;
}
#productsPreview .last {
	border-right: none;
	border-bottom:  1px solid #D8D8D8;
}

#loginBox fieldset {
	margin-top:  15px;
}
#loginBox input, 
#loginBoxStart input#email_address,
#loginBoxStart input#password {
	width: 120px;
	margin-left:  10px;
	float:  left;
	margin-bottom:  8px;
}

#loginBox .button,
#loginBoxStart .button {
	float:  none;
	width:  auto;
	margin-top:  5px;
}

#newsletter #email {
	width:  120px;
}

.startBox ul {
	margin-left: 30px;
	list-style: disc;
}
ul.floatLinks {
	margin:  0;
	text-align:  right;
	margin-right:  10px;
	margin-left: 0;
}
.floatLinks li {
	display:  inline;
	margin-left:  10px;
	font-weight:  normal;
	font-size:  11px;
}


#hotline .boxContent {
	background: transparent url(img/boxes/hotline.jpg) top left no-repeat;
	height:  195px;
	position: relative;
}

#hotline p.helfen {
	padding-top: 40px;
	padding-left:  10px;
}

#hotline p.zeiten {
	padding-top: 3px;
	padding-left:  10px;
}

#hotline p.kontakt {
	position: absolute;
	bottom: 0px;
	padding-left:  10px;
}

#hotline p.kontakt a,
#hotline p.kontakt a:visited {
	color: black;
	background: transparent url(img/icons/arrow-right.gif) 0 2px no-repeat;
	padding-left:  15px;
}

#zahlen .boxContent {
	background: transparent url(img/boxes/bezahlung.jpg) 0 1px no-repeat;
	height:  200px;
	position: relative;
	
}

#zahlen ul {
	padding-top:  70px;
}

#zahlen ul li {
	background: transparent url(img/icons/check-green.gif) 0 3px no-repeat;
	margin-left: 10px;
	padding:  3px 0 3px 20px;
}

#zahlen p.bottom {
	position: absolute;
	bottom:  0;
}

#zahlen span {
	margin-left: 10px;
}

#newsletter .boxContent fieldset {
	margin-bottom:  10px;
	margin-top:  10px;
	border:  none;
}

#laufschrift {
	height:  50px;
	overflow:  hidden;
	margin-bottom:  10px;
}

#laufschrift img {
	margin-right: 20px;
}

#startSub .startBox {
	width: 250px;
	margin-bottom:  20px;
	margin-right:  0;
	margin-left:  0;
	height:  auto;
}


.startBox .boxContent {
	margin-top: 10px;
	height:  150px;
}

#boxLogin .boxContent {
	height:  170px;
}


/* @end */

/* @group Produktansicht */

#leftCol {
	width:  250px;
	float:  left;
}

#rightCol {
	float:  right;
	width:  510px;
	margin-bottom:  20px;
}

#faktenTabelle {
	width: 300px;
}


#faktenTabelle td {
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	padding: 5px;
}

#funktionen {

	float:  right;
	width:  190px;
}

#funktionen h4, 
#infoBoxes h4
 {
	padding: 5px;
	text-align: left;
	background: black url(img/layout/black.gif) bottom repeat-x;
	border: 1px solid #d1d1d1;
	color:  white;
	line-height:  16px;
}

#funktionen li {

}

#funktionen li a {
	padding: 4px 2px 4px 30px;
	border-bottom: 1px dashed #d1d1d1;
	display:  block;
	background: transparent url(img/icons/small/info.gif) 5px 3px no-repeat;
}
#funktionen li a:hover {
	background-color: #f3f3f3;
}

#funktionen li.print_link a {
	background-image: url(img/icons/small/print.gif);
}
#funktionen li.merkzettel_link a {
	background-image: url(img/icons/small/add.gif);
}
#funktionen li.manufacturer_link a {
	background-image: url(img/icons/small/mehr.gif);
}
#funktionen li.zoom_link a {
	background-image: url(img/icons/small/zoom.gif);
}
#funktionen li.help_link a {
	background-image: url(img/icons/small/info.gif);
}
#funktionen li.ask_link a {
	background-image: url(img/icons/small/ask.gif);
}
#funktionen li.twitter a {
	background-image: url(img/icons/twitter.gif);
}

#funktionen li.facebook a {
	background-image: none;
	padding-left:  7px;
}

.FBConnectButton_Text_Simple {
	margin-left:  22px !important;
}

#manufacturersImage {
	text-align:  center;
	padding-top: 20px;
}

#miniImages {
	margin-top:  10px;
	border-top:  1px dashed #ccc;
	border-bottom:  1px dashed #ccc;
}

#products_description {
	clear:  both;
	border-top:  1px dashed #ccc;
	margin-top:  20px;
	padding:  10px 0px 20px 20px;
}


table#spezifikation {
	width:  530px;
	border-collapse: collapse;
}

table#spezifikation th {
	background: white;
	color:  black;
	width:  200px;
	border:  none;
} 

table#spezifikation tr.even td,
table#spezifikation tr.even th {
	background-color: #f1f1f1;
	border:  1px solid #D1D1D1;
}

#moreImages {
	background-color: white;
	text-align: center;
}

select.productOption {
	font-size: 11px;
}

#products_qty {
	margin-bottom:  3px;
}

/* @end */

/* @group Sitemap */
.sitemap_heading {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}

.sitemap_heading a {
	color: #FFFFFF;
}

.sitemap_heading a:hover {
	color: #F3F3F3;
	text-decoration: none;
}

.sitemap_sub {
	font-size: 9pt;
	color: #000000;
	background-color: #F3F3F3;
	padding: 2px 2px;
}

.sitemap_sub a {
	color: #000000;
}

.sitemap_sub a:hover {
	color: #d1d1d1;
	text-decoration: none;
}

table#impressum td {
	width:  250px;
	padding:  10px;
	border-bottom: 1px solid #efefef;
}

/* @end */

/* @end */


/* @group Content Seiten */

#hilfeseite td {
	padding: 10px 20px 10px 25px;
	width: 50%;
	border-right: 1px dashed #ccc;
	border-bottommain prodlis: 1px dashed #ccc;
}

#hilfeseite h3 {
	color: #E1001A;
}

.person {
	margin: 20px;
}

.person img {
	float: left;
	margin-right: 10px;
}

#hilfetext table {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#hilfetext th {
	background-color: black;
	color: white;
}

#hilfetext th, #hilfetext td {
	text-align: right;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table#versandkosten {
	margin-left: 30px;
	margin-top: 30px;
	width: 400px;
}

table#versandkosten td {
	border-bottom: 1px solid #ccc;
}

.contentBox {
	margin:  10px 15px 25px 10px;
	width:  510px;
}

/* @end */


/* @group xtcommerce Standard alt */

.messageBox {
	font-size: 10px;
}

.messageStackError, .messageStackWarning {
	font-size: 10px;
	background-color: #ffb3b5;
}

.messageStackSuccess {
	font-size: 10px;
	background-color: #99ff00;
}

/* input requirement */

.inputRequirement {
	font-size: 10px;
	color: #E1001A;
}

.tableShop {
	background-color: #ffffff;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #b6b7cb;
}

.contentsTopics {
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #F3F3F3;
}

.tableListingII {
	background-color: #d1d1d1;
}

.tableBody {
	padding: 5px;
}

.poweredby {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.onepxwidth {
	width: 1px;
}

A.headerNavigation {
	color: black;
}

A.headerNavigation:hover {
	color: #000000;
}

#greeting a:link {
	color: white;
}

.productOldPrice {
	font-size: 12px;
}


/* @end */


/* @group Formulare und Buttons */

input.image {
	color: transparent;
	background: transparent;
	border: 3px solid black;
}

/* @end */


/* @group nur Admins */
/*### todo: auslagern !*/
.edit {
	border: 1px solid red;
	min-height: 10px;
}
#admin {
	color:  black;
}

.editT {

}

form.editAreaForm {
	background-color: red;
	border:  1px solid blue;
	padding:  10px;
	z-index: 100;
	position:  absolute;
	width:  200px;	

}

.editAreaForm input {
	float:  left;
	margin-left: 10px;
}
/* @end */


/* @group Footer */

#bottomBoxes {
	background: #e1001a url(img/layout/footer.png) top center repeat-y;
	padding-left:  6px;
	padding-right:  6px;
	padding-bottom:  5px;
	position:  relative;
	clear: both;
	border-bottom:  4px solid white;
	border-left:  4px solid white;
	border-right:  4px solid white;
	min-height:130px;
    height:auto !important;
    height:100px;
}

.bottomBox {
	float:  left;
	width:  275px;
	color:  white;
}


#bottomBoxes #information {
	width:  177px;
}

#information p {
	text-align: left;
	margin-top:  10px;
}

#bottomBoxes #bottomContact {
	background-image: none;
	border-right: none;
	width: 260px;
}
#bottomBoxes #bottomHotline p {
	text-align:  center;
}

#bottomNewsletter {

}

#whatsnew {
	width:  260px;
}
#whatsnew .right a,
#whatsnew .right a:visited {
	white-space: nowrap;
	display: inline;
	position: absolute;
	bottom: 2px;
	width:  115px;
	right:  290px;
	padding-left:  15px;
	background: transparent url(img/icons/arrow-right-onred.gif) 0 4px no-repeat;
}

input#email, input#email2 {
	margin-right: 5px;
	margin-bottom: 3px;
	padding:  2px;
	width: 135px;
}


.bottomBox p {
	margin:  5px 10px 0 10px;	
}

.bottomBox h3 {
	color:  white;
	height: 26px;
	line-height:  26px;
	margin: 0 10px 5px 10px;
	border-bottom: 1px dotted white;
}

#bottomBoxes a:link, #bottomBoxes a:visited {
	color: white;
}

.image {
	float:left;
	margin-left: 10px;
	margin-right:  5px;
	margin-top:  5px;
	height: 72px;
	overflow: hidden;
	
}

#totop {
	text-align: left;
	font-size: 10px;
	margin-left:  10px;
	margin-top:  10px;
}

#totop a, #totop a:link, #totop a:visited   {
	color: white;
	padding-left:  15px;
	background: transparent url(img/icons/arrow-up.gif) 0px 1px no-repeat;
}

.copyright {
	text-align: center;
	color:  black;
}
/* @end */


/* @group Styles aus FCK_Editor bzw. Produktbeschreibungen */

#products_description ul {
	margin-left: 30px;
}

#products_description li {
	list-style:  disc;
}

#products_description h3 {
	margin:  20px 0 10px 0;
	margin-left:  0px;
	font-size:  14px;
} 

div.wichtigBox {
	border:  1px solid #ccc;
	padding:  10px 10px 10px 100px;
	background: transparent url(img/icons/achtung.png) 10px 10px no-repeat;
	margin: 5px;
	
}

/*Eigene Definitionen*/

.imageLeft {
	float:  left;
	margin:  10px;
}
.imageRight {
	float:  right;
	margin:  10px;
}

span.wichtigText {
	color:  red;
	font-weight:  bold;
}


#faktenTabelle select {
	font-size:  11px;
	padding-right:  10px;
	width:  100%;
}

#products_description table {
	border-collapse: collapse;
	margin-left:  10px;
}

#products_description td {
	padding:  5px;
	border:  1px solid #efefef;
	
}


#infoBoxes {
	width: 200px;
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

#infoBoxes div {
	margin-bottom: 10px;
	border: 1px solid black;

}

#infoBoxes h4 {
	position: relative;
	height:  1%;
}

#infoBoxes h4 img {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#infoBoxes p{
	padding: 5px;
}

.wimage {
	border-bottom:  1px solid #ccc;
	position:  relative;
}

h1.wimage img {
	position:  absolute;
	right:  0;
	bottom:  0;
}

/* @end */

/* @group Javascript Specials */

 /*thickbox specific link and font settings*/ 
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  margin-top:  5px;
  font: 12px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* thickbox settings */

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid black;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;

}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  position: relative;
}

#TB_closeWindowButton {
	background: transparent url(img/icons/close.png) top right no-repeat;
	text-indent: 9999px;
	display:  block;
	width: 30px;
	height:  30px;
	position:  absolute;
	right:  -10px;
	top:  -10px;

	
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{

}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* Live Suche */
	
.ac_results {
	padding: 0px;
	border: 1px solid white;
	background-color: black;
	color:  white;
	overflow: hidden;
	z-index:999;
	width:  400px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	border-bottom:  1px solid white;
	color:  white;
}

.ac_results li img {
	float:  left;
	margin-right: 5px;
}

.ac_loading {
	border:  1px solid red;
	background : Window url('img/indicator.gif') right center no-repeat;
	height:  20px;
}

.ac_over {
	background-color: #444;
	color: white;
}


/* @end */


/* Neue Klassen noch einsortieren */


input {
	vertical-align: bottom;
}


#footerNavi {
	margin-top:  20px;
}


div.accordion {
	margin: 0 10px 10px 20px;
}

.headerError {
	background: #eee url(img/icons/achtung.png) 5px 5px no-repeat;
	border:  1px solid #ccc;
	padding:  10px 10px 10px 55px;
	margin:  10px 0 10px 0;
	font-weight: bold;
}

#checkout_products td {
	border:  1px solid #eeeee;
}

#account .centerBox table{
	margin-left:  50px;
}
#account .centerBox td {
	padding: 10px;
	font-weight:  bold;
}

.hightlightBox {
	margin:  20px;
	padding:  10px;
	
}

#pageContent ul {
	margin:  10px 20px 10px 20px;
	list-style: disc;
}

.categoriesDesc {
	position: relative;
	border:  1px solid #ccc;
	padding:  10px 220px 10px 10px;
}

.categoriesDesc img {
	position:  absolute;
	top: -40px;
	right:  0;
	z-index: 99;
}

#superbasar {
	width:  180px;
	overflow: hidden;
	margin-top: 20px;
}

#superbasar a, #superbasar a:link {
	width:  180px;
}

#vorteile {
	background: transparent url(img/boxes/ihre-vorteile.jpg) 0 20px no-repeat;
	padding-top:  70px;
	
}

#vorteile ul {
	list-style: none;
	margin:  5px 0 0 10px;
}

#vorteile li {
	padding: 0;
	margin: 0;
	font-weight: normal;	
}

#vorteile li a,
#vorteile li a:visited {
	padding: 7px 0 7px 40px;
	margin: 0;
	display: block;
	color:  black;
	border-bottom: 1px dotted #d8d8d8;
}

#vorteile li a:hover {
	color:  #e1001a;
}
#vorteile .premium {
	background: transparent url(img/icons/premium.gif) 0 5px no-repeat;
}
#vorteile .mindest {
	background: transparent url(img/icons/mindest.gif) top left no-repeat;
}
#vorteile .versandkost {
	background: transparent url(img/icons/versandkost.gif) top left no-repeat;
}
#vorteile .rabatt {
	background: transparent url(img/icons/rabatt.gif) top left no-repeat;
}
#vorteile .gogreen {
	background: transparent url(img/icons/gogreen.gif) top left no-repeat;
}
#vorteile .schnell {
	background: transparent url(img/icons/schnell.gif) top left no-repeat;
}
#vorteile .gutscheine {
	background: transparent url(img/icons/gutscheine.gif) top left no-repeat;
}
#vorteile .datenschutz {
	background: transparent url(img/icons/datenschutz.gif) top left no-repeat;
}

#vorteile li.premium a,
#vorteile li.premium a:visited {
	border-bottom: none;
	margin-bottom: 20px;
}

#startSub #hotline,
#startSub #vorteile,
#startSub #zahlen,
#startSub #newsletter {
	padding-bottom: 1px;
	border-bottom:  1px solid #d8d8d8;
}

#startSub #newsletter {
	padding-top: 30px;
	background: transparent url(img/boxes/newsletter.jpg) 0 20px no-repeat;
}
div.label { position: relative;  margin-left: 10px;}
label.over-apply { color: #ccc; position: absolute; top: 5px; left: 5px; display: inline;}

div.label label {
	display: none;
}

#startSub #newsletter p {
	margin-left:  10px;
}

input#email2 {
	width:  125px;
}

form#checkout_confirmation input{
	margin-top:  10px;
	float:  right;
}

object.curlypage {outline: none;}