@charset "ISO-8859-1";

/**
	* Allgemeine Definitionen
	*
	* @section allgemein
	*/
* {
	margin: 0;
	padding: 0;
}

h1 {
	margin-bottom: 5px;
}

h2 {
  color: #01A88E;
  font-size: 15px;
  margin: 20px 0px 10px 0px;
  border-bottom: 1px dotted #00A88E;
}

.listHeader {
    border-top: 1px dotted #9a9a9a;
    border-bottom: 1px dotted #9a9a9a;
    background: #EBEBEB;
    padding: 5px 10px;
    margin: 5px 0 0 0;
    position: relative;
}
.listHeader h2 {
  color: #4B4B4B;
  border: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.listHeader .buttons {
  position: absolute;
  right: 5px;
  top: 0px;
  padding: 4px 0 0 0;
  text-align: right;
}
.listHeader form .sizeInput {
  width: 30px;
  height: 17px;
  text-align: right;
  border: 1px solid #A7A6AA;
  padding-right: 2px;
}

.listHeader form label{
  margin: 0 10px 0 0;
}
.listHeader form .submit{
  float: right;
}

a {
  color: #018A70;
	text-decoration: none;
	outline-style: none;
}

a:hover {
	text-decoration: underline;
}

a.withArrow {
	background: url(styles/img/linkArrow.png) center right no-repeat;
	padding-right: 8px;
}

a.galleryLink {
	margin-top: 5px;
	display: block;
	width: 60px;
}

a.upLink {
	font-size: 11px;
	font-weight: normal;
	display: block;
	position: absolute;
	right: 0;
	top: 4px;
}

a.send {
	background: url(styles/img/sendIcon.jpg) center left no-repeat;
	padding-left: 15px;
	margin-left: 2px;
}

a img {
	border: none;
}

ul{
	list-style-type: none;
}

#mainContent ul {
    list-style-type:square;
}

ul.noStyle,
#mainContent ul.noStyle {
	list-style-type: none;
}

ul.noStyle li,
#mainContent ul.noStyle li{
	list-style-position: outside;
}

li.first {
	border: none !important;
}

#header a {
	text-decoration: none;
}

.point {
	font-size: 15px;
	padding-right: 5px;
}

.price {
	color: #01A88E;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}

.hidden {
	visibility: hidden;
}

.clearfix:after {
	content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
	display: inline-block;
}

hr.clearfix {
	visibility: hidden;
	margin: 0;
	padding: 0;
  clear: left;
}

.dottedLine {
	border-top: dotted 1px #00A88E;
	height: 1px;
	width: 100%;
}

.bigDottedLine {
	background: #ebebeb;
  border-top: dotted 1px #9A9A9A;
  height: 15px;
}

.bigLine {
	background: #ebebeb;
  height: 14px;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */

.hidden {
	visibility: hidden;
}

#mainContent p {
	margin: 5px 0 5px 0;
}

/**
	* Layout Definitionen
	*
	* @section layout
	*/
body {
	background: url(styles/img/bg_header.png) repeat-x;
	/* font-family: Times New Roman, Arial,Helvetica,sans-serif */
}

#mainContent ol,
#mainContent ul{
    list-style-position:inside;
}

#mainContent .wysiwygContent ul{
    list-style-position:outside;
    margin-left: 13px;
}

#mainContent .wysiwygContent ol {
    list-style-position:outside;
    margin-left: 25px;
}

#contentWrapper {
	margin: auto;
	width: 1010px;
}

.column {
	float: left;
}

/* Header */
#header {
	height: 150px;
	position: relative;
}

#logo {
	left: 30px;
	position: absolute;
	top: 17px;
}

#topnavi {
	left: 200px;
	position: absolute;
	top: 73px;
}

.topnaviStart {
	left: 380px !important;
  z-index: 1;
}

#topnavi li {display: inline; margin: 0 5px 0 0;}
#topnavi a {color: #FFFFFF; font-size: 11px;}
#topnavi a:hover {text-decoration: underline;}

#metanavi {
	left: 658px;
	position: absolute;
}
#metanavi li {
	float: left;
}

#header_contact_info
{
  position: absolute;
  top:47px;
  right: 31px;
}

#header_filialen_info
{
  display: block;
  position: absolute;
  top:47px;
  right: 223px;
}
#header_filialen_info img {
  border: 0px solid black;
}

#mainbar {
	position: relative;
	top: 110px;
	height: 40px;
}

#mainbar form {
	left: 679px;
	position: absolute;
}

* html #mainbar form {
	left: 679px;
}

#mainbar .inputText {
	background: #9d9d9d;
	border: #a4a4a4 solid 1px;
	color: #ffffff;
	padding: 2px 0px 2px 0px;
	width: 170px;
	position: absolute;
	top: 11px;
}

* html #mainbar .inputText {
	width: 155px;
}

*+html #mainbar .inputText {
	width: 155px;
}

#mainbar .inputSubmit {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	position: absolute;
	top: 12px;
	left: 277px;
}

#mainnavi {
	left: 20px;
	position: absolute;
}

#mainnavi li {
	float: left;
}

#mainnavi li.active {
	background: #FFFFFF;
}

#mainnavi li.active a {
	color: #000000;
}

#navbasket button
{
    width:35px;
    height:40px;
    border:0;
    background: url('styles/img/basketIconSprite.jpg') no-repeat;
    
    cursor:pointer;
}

#navbasket button.filled
{
    background: transparent url('styles/img/basketIconSprite.jpg') -36px 0 no-repeat;
}


#nav {
   	left: 20px;
	position: absolute;
	margin: 0;

}
#nav li {
	position: relative;
	float: left;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: red;
	text-decoration: none;
	display: block;
	margin: 0;
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#nav ul a:hover {
	background-color: #0078ff;
	color: #000000 !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	z-index:60;
	background-color: #FFFFFF;
	/* border: solid 1px #000000;
	border-top:none; */
	border:none;
        padding-top:5px;

	-webkit-box-shadow: 3px 5px 3px rgba(0,0,0, .5);
	-moz-box-shadow: 0 5px 6px rgba(0,0,0, 0.8);
	box-shadow: 3px 5px 5px rgba(0,0,0, .5);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	margin-left:5px;
    margin-top:2px;
}

#nav ul a {
    font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

#nav ul a:hover {
    	font-weight: bold;
}

/* level 3+ list */
#nav ul ul {
	left: 182px;
	top: -7px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}

html[xmlns] #nav {
	display: block;
}

* html #nav {
	height: 1%;
}

#basketcount
{
    position: relative;
    z-index: 20;
    top:-9px;
    left:-21px;

    background-color:#FFFFFF;
    color:#4C4C4C;
    font-size:1em;
    
    float:left;
    margin-top: 10px;
    margin-left:2px;
    
    width:16px;
    height:16px;
    
    border:1px #FFFFFF solid;
    
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    
    overflow: hidden;
}

#basketcount a,
#basketcount a:active,
#basketcount a:hover,
#basketcount a:visited
{
    text-align: center;
    text-decoration: none;
    color:#4C4C4C;
    background-color: transparent;
}

/* Ende Header */

#breadcrumb {
	padding: 10px 0 0 30px;
}

#contentarea,
#contentarea_start {
	margin: 10px 30px 10px 30px;
	position: relative;
}

/* new frontpage design */

#teasercontainer
{
	height:350px;
	margin:0;
}

div#ffteaser-pagination
{
	width:215px; /* margin-right = 23px */
	height:350px;
	background-color:#dfdfdf;
	float:left;
	background-image:url(styles/img/TeaserMenu_BG.png);
}

div#ffteaser-pagination a
{
  display: block;
  width: 175px;
	color:white;
}

div#ffteaser-pagination a:hover
{
    text-decoration:none;
}

div#ffteaser-pagination li
{
    padding-left:10px;
    /* font: 26px/30px 'SteelfishRegular', Tahoma, sans-serif; */
      padding-left:10px;
     line-height:30px;
     font-family: Tahoma, Arial;
     font-size:18px;
    font-weight: normal;
    margin-bottom: 5px;
}

div#ffteaser-pagination li.active
{
  background-color:#535351;
  -webkit-box-shadow: 3px 3px 5px 0px #363636;
  -moz-box-shadow: 3px 3px 3px 0px #363636;
  box-shadow: 3px 3px 3px 0px #363636;
}

div#ffteaser-pagination li.arrow
{
	background-image:url(styles/img/teaserarrow.png);
	background-repeat:no-repeat;
	background-position:right center;
}


div#ffteaser
{
 width:495px;
 height:330px;
 background-color:#4D4D4B;
 float:left;
 overflow:hidden;
 position:relative;
 padding:10px 10px 10px 10px;
}

div#ffteaser ul li
{
    width: 500px;
    height: 330px;
    overflow:hidden;
}

div#ffteaser ul li img
{
    width: 495px;
    height: 330px;
}

div#ffteaser span.frontpageTeaser
{
    position:absolute;
    bottom:25px;
    right:30px;
    z-index:99;
    font-size:2em;
    color:white;
    background-color:#FAFAFA;
    padding-left:5px;
    padding-right:5px;
     filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

}

div#ffteaser span.frontpageTeaser a,
div#ffteaser span.frontpageTeaser a:visited
{
    color:#008975;
}

div#ffteaser span.frontpageTeaser a:hover
{
    text-decoration:underline;
}

div#interactionboxes
{
	height:150px;
	padding-top:20px;
}

div.boxservice
{
	float:left;
}

div#boxbranches
{
	padding-left:15px;
}


div.boxinteraction
{
	width:171px;
	height:165px;
	padding-left:5px;

	float:left;
}

button#helpdeskButton
{
    color:white;
    font-size:11px;
    font-family:Arial;
    font-weight:bold;
    border:none;
    padding:4px;
  	background-color: #008A75;
	background-image: -moz-linear-gradient(top, #00A28B, #008975);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00A28B),color-stop(1, #008975));
	background-image: -o-linear-gradient(rgb(0,162,139), rgb(0,137,117));
     /* background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); */
    background-image: linear-gradient(rgba(0,162,139, 1) 50%, transparent 50%, transparent);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A28B', endColorstr='#008975');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A28B', endColorstr='#008975')";

}

img#trustedlogo
{
       z-index:98;
       top:-175px;
       left:105px;
       position:relative;
       width:61px;
       height:59px;
}


/* end new frontpage design */

/* linke Sidebar */
#sidebar {
	width: 192px;
	margin-right: 22px;
}
#contentAddictedNavi {
  background-color: #ECECEC;
	padding: 10px 10px 30px 20px;
}
#contentAddictedNavi li {
	margin-bottom: 5px;
}
#contentAddictedNavi li.active {
	list-style-image: url(styles/img/listImage.jpg);
	list-style-position: outside;
}
* html #contentAddictedNavi li.active {
	list-style-image: url(styles/img/listImage_ie.jpg);
	list-style-image: none;
	background: url(styles/img/listImage_ie.jpg) left 5px no-repeat;
	margin-left: -10px;
	padding-left: 10px;
}
*+html #contentAddictedNavi li.active {
  list-style-image: url(styles/img/listImage_ie.jpg);
  list-style-image: none;
  background: url(styles/img/listImage_ie.jpg) left 5px no-repeat;
  margin-left: -10px;
  padding-left: 10px;
}
#contentAddictedNavi li.active_noDot {
  list-style-image: none;
}
.activelink{
	color: #000000!important;
}
.subLevel {
	list-style-image: none;
	margin: 5px 0 10px 15px;
}
.subLevel li,
.subLevel li.active {
	margin-bottom: 0 !important;
}
/* Ende linke Sidebar */

/**
	* Hauptbereich
	*
	* Der erste Teil enthält allgemeine Definitionen für den Hauptbereich.
	* Danach werden Seitenspezifische Styles definiert.
*/
#mainContent,
#mainContent_wide {
	margin-right: 20px;
}
#mainContent {
	width: 516px;
}
#mainContent_wide {
  width: 733px;
  margin-right: 17px;
}
* html #mainContent_wide {
  width: 735px;
}
*+html #mainContent_wide {
  width: 735px;
}

#mainContent,
#mainContent_wide {
    overflow: hidden;
}

#footerstart {
	margin: 20px 0px 30px 0px;
	padding-top: 10px;
	clear: both;
	width: 730px;
}

#footer {
	margin: auto;
	padding-top: 15px;
	clear: both;
	width: 950px;
        float: left;
        color: #464445;
}
#footerTopBar {
	position: relative;
	height: 80px;
}
*+html #footerTopBar {
	height: 15px;
}
#footerNavi {
  text-align: right;
  	margin: 5px 0 0 0;
	width: 300px;
	position: absolute;
	right: 0px;
}
#footerNavi li {
	display: inline;
}

#sharethis
{
	padding: 15px 0 0 8px;
}

#sharethis span
{
	float: left;
  margin: 0 3px 0 0;
}

#logoBox {
	width: 380px;
	padding-top:5px;
	margin-left: 1px;
	float: none;
	position: absolute;
  	left: 0px;
}
#logoBox img {
  	vertical-align:top;
	border: 1px solid #868686;
	padding: 2px;
}
a.send {
	float: left;
	display: block;
}
#categoryNavi {
	padding: 7px 5px 7px 5px;
	text-align: center;
	clear: both;
	margin-top: 8px;

	background-color: #008A75;
	background-image: -moz-linear-gradient(top, #00A28B, #008975);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00A28B),color-stop(1, #008975));
	background-image: -o-linear-gradient(rgb(0,162,139), rgb(0,137,117));
     /* background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); */
    background-image: linear-gradient(rgba(0,162,139, 1) 50%, transparent 50%, transparent);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A28B', endColorstr='#008975');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A28B', endColorstr='#008975')";
}
#categoryNavi li {
	display: inline;
	padding-right: 5px;
}

.separator,
.separator2{
	border-bottom: 1px dotted #018A70;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.separator2{
    border-bottom: 1px dotted #989898;
}
.anchorList {
	margin: 20px 0 20px 0;
}
.anchorItem span{
	float: right;
	padding: 10px 0 0 0;
}
.anchorItem h2{
	float: left;
}
.anchorItem {
	margin: 0 0 20px 0;
}
.checkoutForm {
	width: 100%;
}

  /* Styles für Startseite */
  #contentarea_start #mainContent_wide,
	#contentarea_start #marginalspalte {
	  margin-top: 5px;
	}

  .bigTeaser {
    float: left;
    width: 471px;
  }
  .mediumTeaser {
    margin: 0px 0px 6px 476px;
  }
  .bigTeaser img,
  .mediumTeaser img,
  .smallTeaser img,
  .teaserLink {
    display: block;
  }
  a.teaserLink:hover {
    text-decoration: none;
  }
  .bigTeaser .teaserLink,
  .mediumTeaser .teaserLink {
    height: 20px;
    padding: 8px 10px 8px 10px;
  }
  .bigTeaser .teaserLink {
    background: url(styles/img/teaserBig_background.png) no-repeat;
  }
  .bigTeaser a.teaserLink:hover {
    background: url(styles/img/teaserBigAktiv_background.png) no-repeat;
  }
  .mediumTeaser .teaserLink {
    background: url(styles/img/teaserMedium_background.png) no-repeat;
  }
  .mediumTeaser a.teaserLink:hover {
    background: url(styles/img/teaserMediumAktiv_background.png) no-repeat;
  }

  .bigTeaser h2,
  .mediumTeaser h2,
  .smallTeaser h3{
    font-weight: normal;
    margin: 0;
    border-bottom: none;
  }

  #teaserbar {
    margin-top: 36px;
  }
  .smallTeaser {
    float: left;
    margin-left: 2px;
  }
  .smallTeaser.first {
    margin-left: 0px;
  }
  .smallTeaser .teaserLink {
    background: url(styles/img/teaserSmall_background.png) no-repeat;
    margin-top: 1px;
    padding: 5px 10px 5px 10px;
  }
  .smallTeaser a.teaserLink:hover {
    background: url(styles/img/teaserSmallAktiv_background.png) no-repeat;
  }
  #productOverviewBox {
    margin-top: 20px;
  }
  * html #productOverviewBox {
    margin-top: 0px;
  }
  *+html #productOverviewBox {
    margin-top: 0px;
  }
  #productOverviewBox h1,
  #articleTeaserBox h2 {
    border-bottom: 1px dotted #00A88E;
    color: #01A88E
  }
  * html #productOverviewBox h1 {
    margin-top: 0px;
  }
  *+html #productOverviewBox h1 {
    margin-top: 0px;
  }
  .productLinkBox {
    float: left;
    margin: 0px 40px 0px 0px;
  }
  /* Ende Styles für Startseite */

	/* Styles für Kategorie Übersichtsseite */
	.mainTeaserText {
    margin: 14px 0px 36px 0px;
	}
	.mainBoxes_252 {
		margin: 0 0 20px 0;
	}
	.mainBoxes_252 img {
    display: block;
	}
	.mainBoxes_252 p {
		padding: 0 10px 0 10px;
	}
	.mainBox_252,
	.mainBox_252_left {
		float: left;
		position: relative;
		width: 252px;
		margin-bottom: 30px;
	}
	.mainBox_252_left {
		margin-right: 12px;
	}
	.mainBoxLink {
		background: url(styles/img/mainBoxes_background.jpg) #bfbfbf no-repeat right;
		border-top: 1px solid #FFFFFF;
		display: block;
		color: #FFFFFF;
		padding: 7px 20px 8px 10px;
	}
	a.mainBoxLink:hover {
    text-decoration: none;
    background: url(styles/img/mainBoxesAktiv_background.png) #a5a5a5 no-repeat right;
	}
	.mainBox_516 {
		float: left;
		position: relative;
		width: 516px;
		margin-bottom: 30px;
	}
	/* Ende Kategorie Übersichtsseite */


	/* Checkout */
	#basketStepsRow {
    height: 66px;
	}
	.basketStepBox,
	.basketStepBox_active {
    width: 133px;
    float: left;
    margin-left: 14px;
	}
	.basketStepBox.first,
  .basketStepBox_active.first {
    margin-left: 0;
  }
	.basketStepBox_active,
	.basketStepBox_active a {
    color: #CD0079;
	}
	.basketStepBox .headline,
	.basketStepBox .headline a {
    color: #666666;
	}
	.basketStepBox .headline {
    border-bottom: 1px dashed #868686;
	}
	.basketStepBox_active .headline {
    border-bottom: 1px dashed #CD0079;
	}
	.basketStepBox .basketStepText_big,
	.basketStepBox_active .basketStepText_big {
    font-size: 18px;
    font-weight: bold;
	}
	.basketStepBox .basketStepText_normal,
  .basketStepBox_active .basketStepText_normal {
    font-size: 15px;
    font-weight: bold;
  }
	.basketStepBox .basketStepText_small,
	.basketStepBox .basketStepText_small a {
     color: #7f7f7f;
     font-size: 11px;
	}

  .basketStepBox_active .basketStepText_small,
  .basketStepBox_active .basketStepText_small a {
    font-size: 11px;
  }
	h2.basketHeader {
    color: #cd0079;
    background: #d8d8d8;
    padding: 5px 20px 5px 20px;
    font-size: 15px;
    margin: 20px 0px 0px 0px;
    border: none;
	}
	* html h2.basketHeader.first {
    margin-top: 0px;
	}
	*+html h2.basketHeader.first {
    margin-top: 0px;
  }
	.basket {
    background: #ebebeb;
    width: 100%
	}
	.basket th {
    color: #6a6a6a;
    padding-bottom: 5px;
    text-align: left;
	}
	.basket td {
    vertical-align: top;
	}
	.basket .singleLine,
	.basket .doubleLine {
    border: none;
    border-bottom: 1px dotted #858585;
    margin: 5px 0px 5px 0px;
    height: 1px;
	}
	.basket .doubleLine {
    border-top: 1px dotted #858585;
    height: 5px;
	}
	* html .basket .doubleLine {
    margin-bottom: 20px;
	}
	th.alignRight,
	td.alignRight {
    text-align: right;
	}
	* html .quantityCell {
    position: relative;
    width: 100px;
	}
	*+html .quantityCell {
    position: relative;
    width: 100px;
  }
	.basket .quantityInput {
    border: 1px solid #CECECE;
    color: #6b6b6b;
    font-size: 12px;
    padding: 3px;
    text-align: right;
    margin-right: 5px;
    display: block;
    float:left;
	}
	* html .basket .quantityInput {
    width: 15px;
    height: 15px;
	}

  *+html .basket .quantityInput {
    width: 15px;
    height: 15px;
  }
	.basket .refreshButton {
    margin-left: 5px;
    display: block;
	}
	* html .basket .refreshButton {
    position: absolute;
    top: 0;
    left: 20px;
	}
	*+html .basket .refreshButton {
    position: absolute;
    top: 0;
    left: 20px;
  }
	.basket .deleteButton {
    display: block;
    margin: -10px 0px 0px 42px;
	}
	* html .basket .deleteButton {
    position: absolute;
    top: 35px;
    left: 25px;
    margin: -10px 0px 0px 0px;
	}
	*+html .basket .deleteButton {
    position: absolute;
    top: 35px;
    left: 25px;
    margin: -10px 0px 0px 0px;
  }
	.nextStepBox,
	.infoBox,
	.noProductsBox {
    background: #f7d6e9;
    margin-top: 10px;
    padding: 10px 20px 10px 20px;
    text-align: right;
	}
	.noProductsBox {
    font-size: 16px;
    text-align: center;
  }
	form .nextStepBox {
    text-align: left;
	}
	form .nextStepBox input {
    position: relative;
    left: 490px;
	}
	.sumRow {
    color: #494949;
    font-size: 18px;
	}
	.basket .productTitle a {
    color: #6A6A6A;
    font-weight: bold;
	}
	.infoBox {
    margin: 20px 0 20px 0;
    text-align: left;
	}
	.infoBox a {
    color: #767676;
    text-decoration: underline;
	}
	.infoBox input {
    display: block;
    float: left;
    margin-top: 10px;
	}
	.infoBox label {
    margin: 10px 200px 10px 30px;
    display: block;
	}
	.greyBox {
    background: #EBEBEB;
    padding: 20px;
    position: relative;
	}
	.greyBox input {
    float: right;
	}
	.greyBox input.rechnungButton {
    float: none;
    position: absolute;
    top: 20px;
    left: 450px;
	}
	/* Ende Checkout */

	/* Styles für CMS Detailseite */
	h2#empfehlung {
	 margin-bottom: 20px;
	}
	/*
	#articleTeaserBox h2 {
    color: #01A88E;
    font-size: 15px;
    margin: 30px 0px 30px 0px;
	}*/
	.productImage {
    border: solid 3px #bebebe;
    float: left;
    width: 100px;
    overflow: hidden;
    margin: 0 8px 0 0;
    position: relative;
	}
	.productTitle {
    color: #666666;
    font-weight: bold;
	}
	.priceContainer {
    position: absolute;
    top: 33px;
    left: 112px;
	}
	p.priceContainer {
    padding: 0px;
    padding-left: 3px;
	}
	/* Ende CMS Detailseite*/

	/* Suchseite */
	.locationBar {
    margin: 0px 0 5px 0;
	}
	.optionBar {
    background: #ebebeb;
    border-top: dotted 1px #9A9A9A;
    border-bottom: dotted 1px #9A9A9A;
    padding: 5px;
	}
	.barContent_left {
    float: left;
	}
	.barContent_right {
    float: right;
	}
	.searchItemBox {
    margin: 10px 0px 10px 0px;
    position: relative;
    height: 1%; /* IE6 */
	}
	.searchItemBox_titleRow {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    width: 399px;
    overflow: hidden;
    position: relative;
	}
	.searchItem_title {
	   display: block;
	   width: 305px;
	}
	.searchItem_price {
    float: right;
    text-align: right;
	}
	.searchItem_price .subInfo {
    display:block;
	  font-size: 10px;
	}
	.searchItem_content {
    margin-right: 150px;
	}
  .searchItem_content .searchItem_deliveryTime,
  #productDetail .deliveryTime  {
    text-align: right;
    color: #575757;
  }
  .searchItem_content .searchItem_deliveryTime {
    width: 150px;
    position: absolute;
    top: 18px;
    right: 3px;
    font-size: 11px;
  }
  #productDetail .deliveryTime {
    font-size: 12px;
    float: right;
  }
  .priceBox .deliveryTime {
    position: relative;
    top: -5px;
    color: #575757;
  }

	.listSearchPages {
    text-align: right;
	}
	/* Ende Suchseite */

	/* Anfang Sitemap */
	.sitemapColumn{
	  float: left;
	  overflow: hidden;
	  width: 121px;
	  line-height: 20px;
	}
	.sitemapColumnMargin{
	  margin-right: 10px;
	}
	.sitemapColumn a{
	  color: #666666;
	}
	.sitemapColumn h2{
	  font-size: 13px;
	}
	.aUnderline{
	  text-decoration: underline;
	}
	.subpageUl{
	  margin-bottom: 20px;
	}
	/* Ende Sitemap */

	/* Formulare */
	.floatingForm {
    margin-top: 20px;
	}
	* html .floatingForm {
    margin-top: 0px;
	}
  *+html .floatingForm {
    margin-top: 0px;
  }
	.floatingForm fieldset,
	.paymentcontenttext {
    background: #EBEBEB;
    padding: 20px;
    border: none;
    position: relative;
	}
  .paymentImportantNote {
    color: #CD0079;
    font-size: 15px;
    text-align: center;
    display: block;
    padding: 0.5em;
    border: 1px solid #CD0079;
    margin-top: 1em;
  }
	.floatingForm .nextStepBox input {
    float: none !important;
	}
	.floatingForm label,
	.floatingForm input,
	.floatingForm textarea,
	.floatingForm select {
    display: block;
    float: left;
    /*margin-bottom: 5px;*/
    width: 120px;
	}
	.floatingForm label {
    color: #666666;
    font-weight: bold;
    margin: 5px 0px 5px 0;
	}
	.floatingForm br {
    clear: left;
	}
	.floatingForm .textInput,
	.floatingForm .checkInput,
	.floatingForm textarea,
	.floatingForm select,
	.searchPageForm .textInput {
    border: 1px solid #bcbcbc;
    margin: 3px 0px 3px 0;
    padding: 3px 5px 3px 5px;
	}
  .floatingForm select {
    padding: 0px;
  }
	.floatingForm .textInput.geburtstag {
    display: inline;
    float: none;
	}
	.floatingForm input.checkInput,
	.floatingForm input.radioInput {
    float: none;
    display: inline;
    height: 16px;
    width: 16px;
	}
	.floatingForm input.radioInput {
    float: left;
	}
	.floatingForm input {
    width: 200px;
	}
  .floatingForm textarea {
    height: 100px;
    width: 250px;
  }
  .floatingForm .mainLabel {
    margin-left: 10px;
    margin-top: 0px;
    width: auto;
  }
	p.hinweis {
    font-size: 11px;
    padding: 10px 10px 10px 120px;
	}
	.floatingForm .optionContent {
    margin-left: 27px;
	}
	.floatingForm .optionContent label {
    font-weight: normal;
	}
	.floatingForm .formText {
    margin-bottom: 20px;
	}
	.floatingForm .optionContent .formText {
    margin: 0px 0px 0px 120px;
	}
  input#contactSubmit {
    float: none;
    margin-left: 120px;
    width: auto;
  }
  .searchPageForm {
    background: #ebebeb;
    margin: 20px 0 20px 0;
    position: relative;
    height: 50px;
  }
  .searchPageForm label,
  .searchPageForm .textInput,
  .searchPageForm .submitInput {
    float: left;
    position: absolute;
  }
  .searchPageForm label {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: bold;
    left: 20px;
    top: 15px;
  }
  .searchPageForm .textInput {
    width: 200px;
    left: 150px;
    top: 10px;
  }
  .searchPageForm .submitInput {
    left: 370px;
    top: 13px;
  }
	/* Ende Formulare */

/* Ende Hauptbereich */

/* Marginalspalte */
#marginalspalte {
	width: 200px;
}

.container {
	margin-bottom: 5px;
}

.container h3 {
	height: 31px;
	width: 200px;
	text-indent: -1000000px;
}

.containerContent {
	padding: 10px 15px 20px 15px;
}

.containerContent img {
	margin-top: 10px;
}

	/* Mini Warenkorb */
	#basket {
		background: url(styles/img/basket_background.jpg) bottom center no-repeat;
	}
	#basket h3 {
		background: url(styles/img/basket_header.jpg) top center no-repeat;
	}
	#basket table,
	#basket table a {
		width: 100%;
		color: #C40D69;
	}
	#basket thead th {
		border-bottom: 1px dotted #C40D69;
	}
	#basket tfoot td,
	#basket #summe_row td {
		border-top: 1px solid #C40D69;
		font-weight: bold;
	}
	#basket tbody td {
		padding: 3px 0 3px 0;
	}
	* html .miniBasket_product {
    padding-right: 3px;
	}

	/* Filialen */
	#branches {
		background: url(styles/img/branches_background.jpg) bottom center no-repeat;
		position: relative;
	}
	* html #branches {
		position: static;
	}
	#branches h3 {
		background: url(styles/img/branches_header.jpg) top center no-repeat;
	}
	#branches .dkarte {
		float: right;
		margin-top: -38px;
        margin-right: -10px;
		position: relative;

	}

        #helpdesk
        {
        color: #464445;
        font-size: 11px;
        margin: 2px 10px 0 0;
        width: 200px;
        height: 165px;
        position: relative;
        background: url(styles/img/branches_background.jpg) -5px bottom no-repeat;
	}

	* html #helpdesk
        {
            position: static;
	}

	#helpdesk_header
        {
            margin-top:-3px;
            margin-left:1px;
            width:191px;
            height:31px;
            border-bottom:1px solid white;
            /* Thanks to: http://www.colorzilla.com/gradient-editor/ */
            background: #00BE9F;
            background: -moz-linear-gradient(top, #00BE9F 0%, #00AB93 62%, #418B65 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00BE9F), color-stop(62%,#00AB93), color-stop(100%,#418B65));
            background: -webkit-linear-gradient(top, #00BE9F 0%,#00AB93 62%,#418B65 100%);
            background: -o-linear-gradient(top, #00BE9F 0%,#00AB93 62%,#418B65 100%);
            background: -ms-linear-gradient(top, #00BE9F 0%,#00AB93 62%,#418B65 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BE9F', endColorstr='#418B65',GradientType=0 );
            background: linear-gradient(top, #00BE9F 0%,#00AB93 62%,#418B65 100%);
        }
        #helpdesk_header h3
        {
            color:white;
            text-indent: 0;
            font-family: Arial, sans-serif;
            /* font-family: 'SteelfishRegular', Arial, sans-serif;
            line-height: 28px;
            */
            font-size: 13px;
            font-weight: bold;
            /* letter-spacing:0.1em; */
            padding-top: 8px;
            padding-left: 10px;
	}

	* html #branches .containerContent
        {
            height: 10px;
	}

	/* generic boxes - start page */
	.genericbox
        {
            color: #464445;
            font-size: 11px;

            background-image: url(styles/img/BoxInteraction_Generic.jpg);
            background-repeat:no-repeat;
            background-position:bottom center;
	}

	div.genericheader
	{
		background-image: url(styles/img/BoxInteractionHeader_Generic.jpg);
		background-repeat:no-repeat;
		background-position:center left;

		height:33px;
		width:200px;
		color:white;
	}

	div.genericheader h3
	{
		padding-top:8px;
		padding-left:10px;
		font-weight:bold;
	}

	#tslogo
	{
		background-image: url(out/oxbaseshop/html/0/images/BoxHeader_TSLogo.png);
		background-repeat:no-repeat;
		background-position:center left;

	}

	/* Top Produkte */
	#topProducts,
	#informationen,
	#hotline,
	#teaser,
  #video{
		background: url(styles/img/topProducts_background.jpg) bottom center no-repeat;
	}
	#topProducts h3 {
		background: url(styles/img/topProducts_header.jpg) top center no-repeat;
	}
	#topProducts li {
		border-top: dotted 1px #7c7c7c;
	}
	#topProducts img {
    border: 2px solid #FFFFFF;
    display: block;
		float: left;
	}
	#topProducts .productBoxText {
		color: #464646;
		font-size: 13px;
		margin-left: 70px;
		padding: 25px 5px 25px 0;
	}
	* html #topProducts .productBoxText {
	 padding-top: 5px;
	}
	*+html #topProducts .productBoxText {
	 padding-top: 5px;
	}
	#topProducts .productBoxText a {
		font-size: 11px;
	}

	/* Hotline */
  #hotline h3 {
    background: url(styles/img/hotline_header.png) top center no-repeat;
  }
  #hotline {
    color: #454545;
  }

	/* Teaser */
	#teaser h3 {
    background: url(styles/img/teaser_header_special.png) top center no-repeat;
  }

	/* Informationen */
	#informationen h3 {
    background: url(styles/img/informationen_header.png) top center no-repeat;
  }
    #informationen li a{
    color: #454545;
    font-size: 11px;
    font-weight: bold;
    }
    #informationen li  {
		border-top: dotted 1px #7c7c7c;
		padding: 5px 0px 5px 0px;
	}

/* Ende Marginalspalte */

/**
  * Typografische Definitionen
  *
  * @section typografie
  */
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #767676;
}

h1 {
  color: #4b4b4b;
  font-size: 22px;
  margin-left: -1px;
}
/*
h2 {
	font-size: 22px;
}*/

#productOverviewBox h1 {
	font-size: 16px;
}

a.send {
	font-size: 11px;
}


#mainbar,
#mainbar a {
	/* font: 12px  Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #ffffff; */
}

/* Ende Header*/
#breadcrumb,
#breadcrumb a {
	font-size: 11px;
	text-decoration: none;
	color: #797979;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
/* linke Sidebar */
#contentAddictedNavi,
#contentAddictedNavi a {
	color: #696969;
	text-decoration: none;
}
#contentAddictedNavi a:hover {
	font-weight: bold;
}
#contentAddictedNavi li.active,
#contentAddictedNavi li.active_noDot {
	color: #000000;
	font-weight: bold;
}

#socialButtonContainer {
  margin-top: 10px;
  position: relative;
}

#socialButtonContainer #facebookLikeButton {}
#socialButtonContainer #shareThisButton {
  position: absolute;
  right: -4px;
  top: 0;
}


.subLevel {
	font-weight: normal;
}
/* Ende linke Sidebar */

/* Hauptbereich */
.mainBoxLink {
	font-size: 14px;
	font-weight: bold;
}
.mainBoxes_252 p {
	color: #4E4E4E;
	font-size: 11px;
}
#categoryNavi,
#categoryNavi a {
	color: #FFFFFF;
	text-transform: uppercase;
}
#categoryNavi a {
	font-weight: bold;
}
.bigTeaser .teaserLink,
.mediumTeaser .teaserLink {
  color: #007b5f;
  font-size: 18px;
}
.smallTeaser .teaserLink {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
#productOverviewBox a {
	color: #868686;
	font-size: 11px;
}
/* Ende Hauptbereich */

/* Marginalspalte */
#basket thead th,
#basket tfoot td {
	font-weight: bold;
}
#basket {
	font-size: 11px;
}
#branches {
	color: #464445;
	font-size: 11px;
}
/* Ende Marginalspalte */

.anchorList {
	font-weight: bold;
	line-height: 1.5;
}
.anchorItem h2{
	color: #018A70;
}

.tabMenu {
    height: 30px;
    background-image:  url(0/images/tab_bg.png);
    background-repeat: repeat-x;
    margin: 0 0 15px 0;
    padding: 0 0 0 8px;
}

#mainContent .tabMenu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	display: block;
}

.tabMenu li a {
	float: left;
	background-image: url(0/images/tab_std2.png);
	background-position: top right;
	background-repeat: no-repeat;
    color: #FFFFFF;
    height: 10px;
    padding: 8px 15px 12px 0px;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 0 -5px;
    text-decoration: none;
}
.tabMenu li a:hover {text-decoration: none;}
.tabMenu li {background-image: url(0/images/tab_std1.png);}
.tabMenu li.hover{background-image: url(0/images/tab_over1.png);}
.tabMenu li.hover a{background-image: url(0/images/tab_over2.png);}
.tabMenu li.active a{
  color: #C40D69;
  background-image: url(0/images/tab_act2.png);
}
.tabMenu li.active {background-image: url(0/images/tab_act1.png);}
.tabMenu li.active2 a{
  color: #C40D69;
  background-image: url(0/images/tab_act22.png);
}
.tabMenu li.active2 {background-image: url(0/images/tab_act12.png);}

/* NEU Ende */

.formContent{
	padding: 20px 0 0 12px;
	background-color: #C6C6C6;
}

.mainImages li{
    float: left;
    width: 30px;
    height: 30px;
    padding: 6px 0 0 6px;
}
.mainImages li.active{
    background-image: url(0/images/config_activeColor1.jpg);
}

.subImages{
    background-color: #EEEEEE;
    padding: 6px;
    margin-bottom: 5px;
}

.subImages li{
    border: 1px solid #BEBEBE;
	float: left;
	width: 22px;
	height: 22px;
	margin: 1px 1px 1px 1px;
}
.subImages img{
    display: block;
	width: 20px;
	height: 20px;
	margin: 1px;
}

.subImages li.active,
.subImages li:hover {
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
.subImages .active img{
  width: 16px;
	height: 16px;
	margin: 3px;
}
.formContent .col2{
    width: 150px;
	float: left;
	margin: 0 0 0 10px;
}

#formTrailer{
    position: absolute;
	width: 126px;
	background-color: #FFFFFF;
	padding: 10px 10px 0 10px;
}
#formTrailer h2{
	border-bottom: 1px dotted #989898;
	color: #858585;
	font-weight: normal;
	font-size: 11px;
	padding: 0 0 3px 0;
	position: relative;
	margin: 0;
}
#formTrailer .trailerPrice{
	color: #CD0079;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: 7px 0 0px 0;
}
#formTrailer span{
	font-weight: bold;
}
#formTrailer ul{
	margin: 3px 0 10px 0;
	padding: 0;
}

.formContent h2{
	color: #535353;
	border-bottom: 1px dotted #FFFFFF;
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 0 0 6px 0;
}
.formContent fieldset,
.formContent .formText {
	width: 308px;
	float: left;
	border: none;
	background-color: #D1D1D1;
	padding: 14px 16px 14px 16px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.formContent fieldset {
    margin: 0;
}
.formContent .formText {
	background-color: transparent;
	padding-top: 0px;
	padding-left: 0px;
	width: 324px;
}
.formContent .rowInfo {
    width: 146px;
    float: left;
	margin: 0 0 0 1px;
	overflow: hidden;
	background-color: #FFFFFF;
	text-align: center;
}

.formRow {
    margin: 0;
    font-size: 11px;
}
.formRow label {
	width: 135px;
	margin: 0 0 5px 0;
	float: left;
	padding: 5px 0 0 0;
}
.formRow select {
    width: 150px;
    height: 20px;
}
.formRow input{
    width: 47px;
    height: 17px;
    padding: 3px 0 0 5px;
}
.formRow input,
.formRow select {
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #807E7E;
}
.formRow .configButtonOk{
 float: left;
 margin-right: 5px;
 cursor: pointer;
}

.formRow .intervalInput{
    float: left;
}

* html .formRow .intervalInput{
    margin-left: 3px;
}

.hideFormRow .formRow {
    display: none;
}

.formRow .radio_group {width: 340px; float: left;}
.formRow .radio_group li {width: 170px; float: left; height: 20px; overflow: hidden;}
.formRow .radio_group input {float: left; width: 20px; height: auto; margin: 5px 5px 0 0; padding:0; border: none;}
.formRow .radio_group label {float: left; width: 145px;}

.errorbox {
    border: 1px solid #C7177A;
    color: #C7177A;
    padding: 10px;
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 14px;
}
.errorbox p {
    padding: 5px 0 0 0;
    font-size: 11px;
    font-weight: normal;
}
.msgbox {
    border: 1px solid #018A70;
    color: #018A70;
    padding: 10px;
    margin: 0 0 20px 0;
    font-size: 14px;
}
.filter_test_a .productSummary {
  border: 1px solid #008A75;
}
.filter_test_b .productSummary {
  border: 1px solid #C7177A;
}
.filter_test_c .productSummary {
  border: 1px solid #C7177A;
}
.productSummary {
    border: 1px solid #C7177A;
    padding: 18px;
    margin: 6px 0 0 0;
    font-size: 11px;
}
.productSummary h3 {
    font-size: 22px;
    font-family: Arial;
    font-weight: normal;
}
.productSummary .properties {
    width: 320px;
    float: left;
    margin: 10px 0 0 0;
    overflow: hidden;
}
.productSummary .properties li{
    padding: 3px 0 3px 0;
}
.productSummary .properties label {
    clear: left;
    width: 145px;
    float: left;
    overflow: hidden;
}
.productSummary .properties span {
    width: 150px;
    float: left;
}
.basketProductSummary .properties {
    width: 210px;
    float: left;
    margin: 10px 0 0 0;
    overflow: hidden;
}
.basketProductSummary .properties li{
    padding: 0;
}
.basketProductSummary .properties li div{
    padding: 0 0 9px 0;
}
.basketProductSummary .properties label {
    /*clear: left;
    width: 120px;
    float: left;*/
    margin: 0 5px 0 0;
}
.basketProductSummary .properties span {
    /*width: 40px;
    float: left;*/
}


.quickselectConfiguratorToBasketStripe {
  position: relative;
  height: 50px;
}

.quickselectConfiguratorToBasketStripe .amountBox {
  position: absolute;
  top: 9px;
  right: 160px;
}
.quickselectConfiguratorToBasketStripe .amount {
  width: 40px;
  height: 21px;
}
.quickselectConfiguratorToBasketStripe .buttonToBasket {
  position: absolute;
  top: 10px;
  right: 10px;
}

table.quickselectSizeTable {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0;
  margin-top: 0;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
}

table.quickselectSizeTable td {
  text-align: right;
  padding: 1px 5px;
  cursor: pointer;
  white-space: nowrap;
}
table.quickselectSizeTable td input {
  cursor: pointer;
}
table.quickselectSizeTable tr:hover {
  background: #D1D1D1;
}


.priceBox {
    width: 140px;
    float: right;
}
.priceBox span {
    color: #C7177A;
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin: -1px 0 0px 0;
    font-family: Arial;
}
.priceBox .amount {
    border: 1px solid #BCBCBC;
    width: 20px;
    text-align: right;
    font-weight: bold;
    padding: 2px;
}
.priceBox label {
    margin: 0 0 0 5px;
}
.priceBox .buttonToBasket {
    display: block;
    margin: 5px 0 0 0;
}
.imageZoom{
    position: absolute;
    margin: 5px 0 0 5px;
    padding: 1px;
    border: 1px solid #C6C6C6;
    background-color: #FFFFFF;
}

.specialPrice{
    color: #CD0079;
    font-size: 15px;
    margin: 10px 0 0 0;
    text-align: right;
}

.specialPrice span{
    font-weight: bold;
    font-size: 18px;
}

.specialPrice span.delivery,
.priceBox span.delivery,
#formTrailer span.delivery {
    font-weight: normal;
    font-size: 12px;
    color: #575757;
    float: right;
    margin: 5px 0 0 0;
}
.priceBox span.delivery {
  float: left;
  margin-bottom: 5px;
}
#formTrailer span.delivery {
  margin-bottom: 10px;
}

#mainContent .configSnippet li{
    float: left;
    /* height: 162px; */
    width: 161px;
    padding: 0 0 0 10px;
    margin: 0;
    border-left: 1px dotted #00A88E;
    /* overflow: hidden; */
}
.configSnippet span{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 0 0 2px 0;
}
.configSnippet h3{
    margin: 2px 0 2px 0;
    font-size: 12px;
    font-weight: normal;
    /* white-space: nowrap; */
}
.infoLink {
    float:right;
    margin: -6px 0 0 0;
}
.formContent fieldset:hover{
    background-color: #DFDFDF;
}
.formContent fieldset.active{
    background-color: #DFDFDF;
}

/*.filter_test_a */
.formContent fieldset.nextStep {
  border: 1px solid #008A75;
  background-color: #BFFFF5;
  width: 306px;
}
.filter_test_b .formContent fieldset.nextStep {
  border: 1px solid #CD0079;
  background-color: #FFDFF2;
  width: 306px;
}
.filter_test_c .formContent fieldset.nextStep {
  border: 1px solid transparent;
  background-color: #DFDFDF;
  width: 306px;
}

#extendedContentMenu{
    margin: 20px 0 10px 0;
}

#extendedContentMenu li{
    float: left;
    margin: 0 10px 0 0;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 23px;
    cursor: pointer;
}

.altLink {
    color: #C7177A;
}

.paymentcontenttext .fontbold {
    font-weight: bold;
}
.paymentcontenttext input{
    width: auto;
}
.voucherlistwarning {
    color: red;
    font-weight: bold;
}

.tooltip {
    position: absolute;
    background: url(0/images/tooltip_bottom.png) bottom left no-repeat;
    padding: 0 0 17px 0;
    width: 159px;
}

.tooltip .inner_tooltip {
    width: 147px;
    border-top: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #c0c0c0;
    padding: 5px;
    background: url(0/images/tooltip.png) bottom left no-repeat #ffffff;
    margin: 0;
    font-weight: bold;
}

div.tabBackground {
	background-image:url(0/images/tab_bg.png);
	background-repeat:repeat-x;
	height:30px;
	margin: 0px 0 5px;
	padding:0 0 0 8px;
	position: relative;
	z-index: 1;
}

/** Styles for autocomplete searchbox ***/
div#search_hint li.selected {
    background: #999;
    color: #fff;
}

.searchItemBox .searchButtons {
    position: absolute;
    bottom: 0px;
    left: 420px; /* IE6 - otherwise right */
    white-space: nowrap;
}

.searchItemBox .searchButtons a {
    margin-top: 5px;
}
.searchItemBox .selectlist_image_item {
    position: absolute;
    left: 405px;
    z-index: 2;
    top: -9px;
}

#zoomImage {
    position: absolute;
    top: 50px;
    left: 300px;
}


#productDetail {
    overflow: hidden;
    height: 190px;
    margin: 20px 0 20px 0;
}

#productDetail #left{
    float: left;
    width: 245px;
    height: 190px;
    position: relative;
}

#productDetail #actionButton{
    margin: 10px 0 0 4px;
}

#productDetail #actionButton a,
#productDetail #actionButton a:hover,
#productDetail #actionButton a:visited
{
    text-decoration: none;
}


#productDetail #extendedContentMenu{
    position: absolute;
    bottom: 0px;
    margin: 0;
    width: 245px;
    border-bottom: 1px dotted #989898;
    padding: 0 0 20px 4px;
}

#productDetail #extendedContentMenu li{
    width: 115px;
    height: 23px;
    float: left;
    margin: 10px 10px 0 0;
    color: #FFFFFF;
    cursor: pointer;
}

#productDetail #right {
    float: left;
    width: 245px;
    margin: 0 0 0 25px;
}
#productDetail #right #medium{
    width: 190px;
    float: left;
    margin: 0 15px 0 0;
    position: relative;
    cursor: pointer;
}
#productDetail #right #medium #buttonZoom{
    position: absolute;
    bottom:5px;
    right: 5px;
}
#productDetail #right #thumbs{
    width: 40px;
    float: left;
    list-style-type: none;
}
#productDetail #right #thumbs li{
    width: 40px;
    height: 40px;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
    background-color: #CCCCCC;
}

#productDetail #right #thumbs li img{
    cursor: pointer;
}

#listZoomImageContainer {
    background-image: url(0/images/rahmen_schatten2.png);
    background-position: right bottom;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    padding: 0 5px 6px 0;
    overflow: hidden;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
}

#listZoomImage {
    border: 3px solid #BEBEBE;
    cursor: pointer;
}

.dialogBackground{
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left:0px;
    opacity: .5;
    filter: Alpha(opacity:50);
}

.dialogContainer{
    text-align: center;
    left: 10%;
    right: 10%;
}

#box_select_size {
  border-top: 1px dotted #A2A2A2;
  border-bottom: 1px dotted #A2A2A2;
  background-color: #ECECEC;
  margin: 10px 0 0 0;
  padding: 10px;
}
#box_select_size h3 {
  color: #000000;
  font-size: 12px;
  margin: 0 0 10px 0;
  padding: 0;
}

#box_select_size table {
  border-collapse: collapse;
  margin: 0 0 7px 0;
}

#box_select_size table input {
  width: 75px;
}

.videoListNotice {
  text-align: right;
  font-size: 10px;
  padding: 0 1px 0 0;
  margin: -13px 0 0 0;
}

.selectListFilter_header{margin: 5px 0 0px 0; position: relative; }
.selectListFilter_header h2 {float: left; width: 120px; overflow: hidden; white-space: nowrap;}
.filter_test_a .selectListFilter_header.filter_highlighted h2 {color: #008A75;}
.filter_test_b .selectListFilter_header.filter_highlighted h2 {color: #CD0079;}
.filter_test_c .selectListFilter_header.filter_highlighted h2 {}
.selectListFilter_header #selected_item {position: absolute; top: 2px; left: 168px;}
.selectListFilter_header #selected_item .selectlist_image_item {float: left;}
.selectListFilter_header #selected_item span {float: left; margin: 4px 0 0 3px; width: 190px; overflow: hidden; white-space: nowrap;}
.selectListFilter_header .buttons {float: right;}
.selectListFilter_form {background-color: #EBEBEB;}
.selectListFilter_form .formContent {
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto;
}
.selectListFilter_form .infoLink{margin: 10px 5px 0 0;}
.selectListFilter_form .infoLink_block {margin: 0; float: none; text-align: right; padding: 2px 5px 0 0;}
.selectListFilter_form .formContent fieldset{
  border: none;
  background-color: transparent;
  padding:0px; width: auto;
  float: none;
}
.selectListFilter_form .formRow{padding: 10px; border-bottom: 1px dotted #9a9a9a;}
.selectListFilter_form .formRow_images{border-bottom: 1px dotted #9a9a9a; padding: 0 0 0 2px;}
.selectListFilter_form .subImages li{margin: 0 5px 5px 0; border: none; width: 23px; height: 23px;}
.selectListFilter_form .buttons{text-align: right; padding: 5px; border-bottom: 1px dotted #9a9a9a;}

.selectlist_image_item {
  border: 1px solid #BEBEBE;
	width: 22px;
	height: 22px;
}
.selectlist_image_item img {
  display: block;
	width: 20px;
	height: 20px;
	margin: 1px;
  overflow: hidden;
}
.selectlist_image_item.active,
.selectlist_image_item:hover {
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
.selectlist_image_item.active img {
  width: 16px;
	height: 16px;
	margin: 3px;
}
#sample_order_form .subImages{margin-bottom: 0px;}
#sample_order_form_separator {padding: 5px 5px 0 5px; border-top: 1px dotted #9a9a9a;}
#sample_order_form_selected_items {height: 55px; padding-bottom: 0px; border-bottom: 1px dotted #9a9a9a;}

.imageDetailButton {
    position: absolute;
    bottom: 10px;
    right: 35px;
    cursor: pointer;
}

#configurator_selected_item {margin: 0 0 10px 0;}
#configurator_selected_item label {float: left; margin: 5px 0 0 0; width: 134px;}
#configurator_selected_item div {float: left; width: 22px; margin: 0 62px 0 0;}
#configurator_selected_item span {float: left; margin: 5px 0 0 0;}

#configurator_thumb_image_item {position: absolute; bottom:5px; right: 5px;}
#configurator_submit_step_1 {float: right; margin: 5px 0 0 0;}
#configurator_button_basket_trailer {
  padding-left: 0; padding-right: 0; width: auto;
  margin: 34px 0 10px 0;
  padding-left: 5px;
  font-weight: bold;
  padding-top: 3px;
}

.filter_icon {position: absolute; left: 130px; top: 4px;}


label.item_groups_label {
  display: block;
  width: auto;
  float: none;
  color: #4B4B4B;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: -5px;
}
.ie6 label.item_groups_label {
  margin-top: -15px;
}

/* grouped color filter items */
div.item_group {
  float: left;
  padding: 5px 20px 5px 0;
  margin-right: 10px;
  min-width: 135px;
  position: relative;
  border-right: 1px dotted #9A9A9A;
}
.ie7 div.item_group {
  width: 130px;
  min-width: 130px;
}
.ie6 div.item_group {
  width: 110px;
  min-width: 110px;
}
div.item_group.no_margin_right {
  margin-right: 0;
  border-right: none;
}

div.item_group_line_seperator {
  border-top: 1px dotted #9A9A9A;
  clear: both;
  margin: 0 -10px;
  height: 0px;
}
.ie6 div.item_group_line_seperator,
.ie7 div.item_group_line_seperator {
  width: 516px;
}

div.item_group ul {
  list-style-type: none!important;
  float: left;
}

div.item_group label.group_label,
div.item_group li label {
  margin: 0;
  padding: 0;
  line-height: 18px;
  cursor: pointer;
}

div.item_group label.group_label {
  float: left;
  display: block;
  width: auto;
  clear: both;
  padding-right: 10px;
  color: #4B4B4B;
  font-size: 12px;
}
.ie6 div.item_group label.group_label,
.ie7 div.item_group label.group_label,
.ie8 div.item_group label.group_label {
  padding-right: 7px;
}

div.item_group li {
  float: none;
  clear: both;
}
div.item_group li label {
  width: 100%;
  display: block;
}
div.item_group li label span {
  display: block;
  margin-right: 10px;
  float: left;
}
div.item_group li label input {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  margin-top: 3px;
  cursor: pointer;
  border: none;
}
.ie6 div.item_group li label input,
.ie7 div.item_group li label input {
  margin-top: 0;
}

.generic_button
{
  font-size: 12px;
  display: block;
  width: 73px;
  height: 18px;
  padding: 2px 10px 0 10px;
  background: url('0/images/generic_button_gray.png') repeat-x;
  color: #EEEEEE;
  text-align: center;
  white-space: nowrap;
}
.generic_button:hover
{
  text-decoration: none;
  background-image: url('0/images/generic_button_gray_hover.png');
}

.generic_button.mag {background-image: url('0/images/generic_button_green.png');}

.filter_test_b .generic_button.mag,
.filter_test_c .generic_button.mag {
  background-image: url('0/images/generic_button_mag.png');}
.filter_test_b .generic_button.mag:hover,
.filter_test_c .generic_button.mag:hover {
  background-image: url('0/images/generic_button_mag_hover.png');}

.generic_button.generic_button_magenta {
  background-image: url('0/images/generic_button_mag.png');
}
.generic_button.generic_button_magenta:hover {
  background-image: url('0/images/generic_button_mag_hover.png');
}

.filter_test_a #filter_dimension.filter_highlighted {
  border: 1px solid #008A75; background-color: #BFFFF5;
}
.filter_test_b #filter_dimension.filter_highlighted {
  border: 1px solid #CD0079; background-color: #FFDFF2;
}
.filter_test_c #filter_dimension.filter_highlighted {}

.filter_test_a #filter_dimension input.filter_highlighted_sub {border: 1px solid #008A75;}
.filter_test_b #filter_dimension input.filter_highlighted_sub {border: 1px solid #CD0079;}
.filter_test_c #filter_dimension input.filter_highlighted_sub {}

.filter_test_c .listHeader form .sizeInput:focus {
  border-color: #CD0079;
  background-color: #FFDFF2;
}

/* configForm = colorFilter */
#configForm .filter_highlighted_sub {border: 1px solid #008A75 !important; color: #008A75; background-color: #BFFFF5;}
#configForm .filter_highlighted_sub .subImages {background-color: transparent;}
.filter_test_b #configForm .filter_highlighted_sub {border: 1px solid #CD0079 !important; color: #CD0079; background-color: #FFDFF2;}
.filter_test_b #configForm .filter_highlighted_sub .subImages {background-color: transparent;}
.filter_test_c #configForm .filter_highlighted_sub {border: 1px solid transparent !important; color: #008A75; background-color: transparent;}
.filter_test_c #configForm .filter_highlighted_sub .subImages {background-color: transparent;}

#article_list {margin-top: 20px;}

.gradientMagenta
{
    background: #dc148c;
    background: -moz-linear-gradient(top, #dc148c 0%, #d51185 23%, #b50065 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc148c), color-stop(23%,#d51185), color-stop(100%,#b50065));
    background: -webkit-linear-gradient(top, #dc148c 0%,#d51185 23%,#b50065 100%);
    background: -o-linear-gradient(top, #dc148c 0%,#d51185 23%,#b50065 100%);
    background: -ms-linear-gradient(top, #dc148c 0%,#d51185 23%,#b50065 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc148c', endColorstr='#b50065',GradientType=0 );
    background: linear-gradient(top, #dc148c 0%,#d51185 23%,#b50065 100%);    
}

.buttonDetailOrder
{
    width:240px;
    height:23px;
    line-height:23px;
    text-align:center;
    vertical-align:text-bottom;
    color:white;

    overflow:hidden;
}

/* quickselect on list pages */
.qs_sizeMatrixFormContent 
{
  padding: 5px 0 0 5px;
}
.qs_sizeMatrixFormContent table
{
  /* margin: 0 15px 0 15px; */
}

.qs_filterFormSubmit 
{
  padding: 10px 24px 10px 0;
  text-align: right;
}

/* video layer styles */
 #player{
  display: none;
  position: absolute; 
  width:230px;
  height:511px;
  background-color:#CCC8C9;
  cursor: move;
  z-index: 900;
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
  box-shadow: 3px 3px 4px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
  
 #control{
  position: absolute; 
  width: 35px;
  height: 35px;
  left:20px; 
  top:-5px;
 }
 
 .button {
  float: right;
  margin: 3px;
  padding: 3px;
  cursor: pointer;
  position: relative;
  top: 5px;
  right: 5px;
  align: right;
  z-index: 910;
}

 #movie{
  cursor: move;
 }

 #controlSide{
  cursor: pointer;
 }
 
 #videoControlButton{
    width: 142px;
    height: 23px;
    background-color:#006D5C;
 }
 
 #controlText{
  width: 124px;
  font-family: arial;
  font-size: 11.5px;
  color: #E5EFEE;
  position: relative;
  top: 3px;
  left: 10px;
 }
 
 #controlPlaceholder{
  width: 24px;
  height: 23px;
 }
 
 /* footer cms blocks */

#footerbox1{
  width: 209px;
  height: 310px;
  background-color:#E0DEDF;
  border-right: 1px dotted #ADACAC;
  float: left;
  padding-top: 5px;
}

#footerbox2{
  width: 264px;
  height: 310px;
  background-color:#E0DEDF;
  border-right: 1px dotted #ADACAC;
  float: left;
  padding-top: 5px;
}

#footerbox3{
  width: 264px;
  height: 310px;
  background-color:#E0DEDF;
  border-right: 1px dotted #ADACAC;
  float: left;
  padding-top: 5px;
}

#footerbox4{
  width: 210px;
  height: 310px;
  background-color:#E0DEDF;
  float: left;
  padding-top: 5px;
}
.footerContent{
  margin: 8px;
  font-size: 12px;
}

.footerContentSmall{
  margin: 10px;
  width: 140px;
  font-size: 12px;
}


 a.mangenta-link{
  color:#cc3366;
  text-decoration: underline;
}

.mangenta{
  color:#cc3366;
  font-weight:bold;
}

 a.link-grey {
   text-decoration: underline;
   color: #464445;
 }
 
  .picture{
    width:67px;
    float:left;
    overflow: hidden;
 }
  .picture-1{
    float:right;
    margin: 2px;
    }
    
   .picture-2{
     float:right;
     margin: 2px;
    }
 
.payservicePictures {
  float: right;
  left: -10px;
  overflow: hidden;
  position: relative;
  top: -111px;
  width: 76px;
}

.couponPicture {
  float: right;
  left: 70px;
  overflow: hidden;
  position: relative;
  top: -60px;
  width: 76px;
}

.footer_button
{
  font-size: 10px;
  font-weight: bold;
  display: block;
  width: 70px;
  height: 18px;
  padding: 3px 0 0 0;
  color: #EEEEEE;
  text-align: center;
  white-space: nowrap;
  background-image: url('0/images/generic_button_green.png');
}
  
.extendedListItem
{
  font-size: 12px;
  display: block;
  width: 115px;
  height: 23px;
  background: url('0/images/extendedButtonGray.png') repeat-x;
  color: #EEEEEE;
  text-align: left;
  white-space: nowrap; 
  position: relative;
}

.extendedListItem:hover
{
  text-decoration: none;
  background-image: url('0/images/extendedButtonGray_hover.png');
}

.extendedPlaceholder
{
  width: 1px;
  left: 90px;
  position: absolute;
}

.extendedButtonText
{
    left: 5px;
    position: absolute;
    width: 88px;
    font-weight: normal;
    height: 23px;
}

.extendedIcon
{
  left: 91px;
  position: absolute;
}

#startVideo{
  position: absolute;
  left: 200px;
  top: 0px;
  z-index: 1;
}

	#video h3 {
    background: url(styles/img/container_header.png) top center no-repeat;
    color: #FFFFFF;
    font-size: 15px;
    margin-bottom: -6px;
    padding-top: 7px;
    text-indent: 15px;
  }
  
  #playVideo{
    height: 122px;
    margin: 2px 5px 9px 5px;
    width: 188px;
  }
  
  .videoButtonCaption{
    color: #FFFFFF;
    font-size: 13px;
    position: relative;
    text-align: center;
    top: -115px;
  }