@charset "utf-8";
/*
Projektname:   Carlo Colucci
Erstellt am:   04.08.2008 von aschuengel
Bearbeitet am: 11.09.2008 von jdobriakova
QS am:         12.08.2008 von MKue
Freigabe am:   12.08.2008 von MKue
/*

/* ################################## */
/* ### Inhaltsverzeichnis ########### */
/* ################################## */

/* Hauptcontainer */
/*Beratungs-Teaser*/
/* Typo */
/* Sonderfaelle */
/* Hauptnavigation */
/* allgemeine Listen */
/* Definitions - Listen */
/* Definitionsliste subnavi */
/* Listen im Footer */
/* Listen im Header */
/* Liste Warenkorb Header */
/* Contentvorlagen */
/*warenkorb-Layer*/
/*Message -Layer*/
/*Lightbox-effekt*/
/* allgemeine Formularelemente */
/* Suche im Header */
/* floats aufheben allg. */
/* Helfer - am Ende der Datei belassen */


/* ################################## */

html, body {
height: 100%;
}

* html { /* IE6 Fix gegen Flackern bei Hover */
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/* Hauptcontainer */
body {
font: normal 62.5%/1.0 "Trebuchet MS", Arial, sans-serif; /* dadurch wird 1em zu 10px */
color: #fff;
background: #161616;
text-align: center;
line-height: 1;
}

#wrapper {
text-align: left;
margin: 0 auto;
position: relative;
margin: 0 auto;
height: auto;
width: 100%;
background: #333333 url(../images/body_bg.jpg) repeat-x ;
}

#imagewrapper {
padding:155px 0 0 0;
position:relative;
}

#website {
margin:0 auto;
padding:0;
position:relative;
text-align:left;
width:900px;
}




/*
#content {
display:inline;
float:right;
position:relative;
width:747px;
min-height: 360px;
height:auto !important;
height: 360px;
background:#484848 url(../images/content_bg.jpg) repeat-x;
}
*/

#content {
position:relative;
width:747px;
float: right;
}

#content.startseite {
	display: inline;
	float: right;
	position: relative;
	left: 0;
	width: 900px;
	min-height: 360px;
	height: auto !important; /* fuer moderne Browser */
	height: 360px; /*fuer den IE */
	background: none;
	z-index: 500;
	margin-top:0;
}

#container {
	background: #484848 url(../images/content_bg.jpg) repeat-x top left !important;
	display: inline;
	float: right;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	padding: 0 30px 20px;
	position: relative;
	top: 0;
	left: 0;
	width: 687px;
    min-height: 500px;
	}



/* Popup allgemein */

#popup, agb_popup {
background: #484848 url(../images/content_bg.jpg) repeat-x top left !important;
}

#agb_popup #content {
position: absolute;
left: 0;
width: 100%;
height: auto;

}
#agb_popup #container {
display: block;
float: none;
padding: 5px 15px 10px 15px;
width: 100%;
min-height: 360px;
	height: auto !important;
	height: 360px;
}


#popup #content {
position: absolute;
left: 0;
width: auto;
height: auto;
float: none;
}

#popup #container {
display: block;
float: none;
padding: 5px 15px 10px 15px;
width: 160px;
min-height: 0;
}



/* Warenkorb Popup */

#popup.popup-warenkorb form {
margin:0;
padding: 0;
}

#popup.popup-warenkorb button {
margin-left: 0;
margin-bottom: 10px;
font-size: 1.1em;
}

#popup.popup-warenkorb button span {
padding:7px 5px 0 33px;
font-size: 1.1em;
}

#popup.popup-warenkorb #container p {
font-size:1.1em;
height: 1%;
}

#popup.popup-warenkorb #container p.abstand-label {
height: 1%;
margin: 0;
}





#container.zweispaltig {
padding:0;
width:747px;
}

#container.cols {
display:inline;
float:right;
position:relative;
width:717px;
min-height: 360px;
height:auto !important;  /* fuer moderne Browser */
height: 360px; /*fuer den IE */
background:#484848 url(../images/content_bg.jpg) repeat-x;
padding: 0 0 0 30px;
}

#header {
height:155px;
width: 900px;
background:transparent url(../images/header_bg.jpg) center left repeat-x;
position:absolute;
top:-155px;
left:0;
}

#meta {
width: 646px;
height: 30px;
position: absolute;
top: 0;
left: 0;
background: #232323;
color: #a8a8a8;
}

#meta form input.submit{
width: 52px;
}

#header-warenkorb {
background:transparent url(../images/warenkorb_header_bg.jpg) center left repeat-x;
position: absolute;
top: 0;
left: 648px;
width: 218px;
height: 20px;
padding-left: 34px;
padding-top: 10px;
}

#hauptnavigation-damen {
position: absolute;
top: 90px;
left: 0;
width: 364px;
}

#hauptnavigation-herren {
position: absolute;
top: 90px;
right: 0;
width: 364px;
}

#lefthand {
float:left;
position:relative;;
top: 0;
left: 0;
width:152px;
}

#subnavi {
background: #3a3a3a url(../images/subnavi_bg.jpg) top left repeat-x;
width: 123px;
padding: 8px 0 10px 0;
margin: 0 0 40px 0;
}

* html #subnavi {
width: 103px;
}

/*Beratungs-Teaser*/
#beratungs-teaser {
background: #3a3a3a url(../images/beratungsteaser-bg.jpg) top left repeat-x;
width: 123px;
padding: 3px 0 2px 0;
}

#beratungs-teaser  p {
line-height: 1.4em;
margin: 20px 0 0 10px;
}

#beratungs-teaser  h2 {
font-size: 1.6em;
display: block;
text-transform: uppercase;
}

#druck-logo {
display: none;
z-index: 300;
width: 100%;
background-color: #000000;
}

#logo {
position: absolute;
top: -120px;
left: 410px;
width: 80px;
height: 100px;
z-index: 600;
}

#footer {
background:#161616 url(../images/footer_bg.jpg) repeat-x scroll left top;
height:247px;
padding:0;
position:relative;
text-align:left;
width:100%;
margin: 50px 0 0 0;
}

#footer-inhalt {
margin: 0 auto;
padding:0;
position:relative;
width: 900px;
}

/* Typo */
h1 {
font-size: 2.5em;
margin: 20px 0 10px 0;
text-transform: uppercase;
}

#website #content #container.zweispaltig h1 {
text-transform: none;
font-size: 2em;
}

#content h2{
font-size: 1.6em;
font-weight: bold;
border-bottom: 1px solid #8b8b8b !important;
padding: 0 0 5px 0;
margin: 5px 0;
text-transform: uppercase;
}

#lefthand h2 {
font-size: 1.6em;
font-weight: bold;
padding: 0 0 5px 0;
margin: 5px 10px;
}

#content h3 {
font-size: 1.3em;
font-weight: bold;
margin: 5px 0;
}

h4,h5,p {
font-size: 1.2em;
line-height: 1.3em;
}

#content p {
margin: 14px 0;
}

#content p.treffer {
margin: 4px 0;
font-size: 1.1em;
}

a {
	color: #bababa;
	background: url(../images/pfeil_bababa.gif) no-repeat 0 6px;
	padding: 0 0 0 8px;
}

#footer a {
background: url(../images/pfeil_bababa.gif) no-repeat 0 5px;
}

a:hover {
cursor: pointer;
color: #fff;
background: url(../images/pfeil_fff.gif) 0 6px no-repeat;
}

a.gutschein{
	margin-left: 10px;
}

* html .produkt-info a:hover{
	background: transparent none;
}

* html .pagination a:hover{
	background: transparent none;
}


#footer a:hover {
background: url(../images/pfeil_fff.gif) 0 5px no-repeat;
}

a.white {
color: #fff;
background: url(../images/pfeil_fff.gif) 0 5px no-repeat;
padding: 0 0 0 8px;
}

a.white:hover {
color: #bababa;
background: url(../images/pfeil_bababa.gif) 0 5px no-repeat;
}

a.link-normal{
	color: #c2c2c2;
	font-size: 1.0em;
	background: url(../images/pfeil_bababa.gif) no-repeat 0 5px;
}

*html a.link-normal{
font-size: 0.9em;
}

*html a.link-normal:hover{
font-size: 0.9em;
}

a.link-normal:hover{
	color:#fff;;
	font-size: 1.0em;
	background: url(../images/pfeil_fff.gif) 0 5px no-repeat;
}

a.forward {
color: #bababa;
background: url(../images/pfeil_bababa.gif) right 5px no-repeat !important;
padding: 0 8px 0 0;
}

a.forward:hover {
color: #fff;
background: url(../images/pfeil_fff.gif) right 5px no-repeat !important;
padding: 0 8px 0 0;
}

a.back {
color: #898989;
background: url(../images/pfeil_898989_back.gif) 0 7px no-repeat;
padding: 0 0 0 8px;
}

a.back:hover {
cursor: pointer;
color: #fff;
background: url(../images/pfeil_fff_back.gif) 0 7px no-repeat;
}

a.back-button {
color: #000;
background: url(../images/pfeil_000_back.gif) 0 7px no-repeat;
padding: 0 0 0 8px;
}


a.back:hover {
cursor: pointer;
color: #fff;
background: url(../images/pfeil_fff_back.gif) 0 7px no-repeat;
}

td div.schritt-zurueck a.back{
font-weight: normal;
font-size: 1.2em;
}

td div.schritt-zurueck-button a{
font-size: 0.785em;
}

/* verlinkte bilder bekommen keine hintergrundgrafik */
a.img {
padding: 0;
background: none;
}

a.img:hover {
background: none;
padding: 0;
}

/* Sonderfaelle */

#footer h2 {
font-weight: normal;
font-size: 2em;
text-transform: none;
}

#logo h2 a {
background: none;
display: block;
width: 80px;
height: 100px;
}

#logo h2 a:hover {
background: url(../images/logo_hover.jpg) no-repeat;
display: block;
width: 80px;
height: 100px;
}

#logo h2 a span {
display: none;
background: none;
}

.spalteerstesviertel h3,
.spaltezweitesviertel h3,
.spaltedrittesviertel h3,
.spalteviertesviertel h3 {
display: block;
border-bottom: 1px solid #858585;
padding-bottom: 2px;
margin: 0 0 8px 0;
font-weight: bold;
text-transform: uppercase;
}

#content .spaltenwrapper p {
margin: 0;
}

.text-teaser h4 {
margin-bottom: -12px;
font-weight: bold;
}

/* Bilder */
img.left {
margin: 0 25px 25px 0;
}

img.right {
margin: 0 0 25px 25px;
}

/* Hauptnavigation */
#hauptnavigation-damen h3,
#hauptnavigation-damen ul {
float: right;
}

#hauptnavigation-herren h3,
#hauptnavigation-herren ul {
float: left;
}

#hauptnavigation h3 {
font-size: 1.2em;
width: 100%;
text-align: right;
color: #9d9d9d;
}

#hauptnavigation #hauptnavigation-herren h3 {
text-align: left;
}

#hauptnavigation #hauptnavigation-damen ul {
margin: 10px -10px 0 0;
}

#hauptnavigation #hauptnavigation-herren ul {
margin: 10px 0 0 -10px;
}

#hauptnavigation ul li {
font-size: 1.2em;
float: left;
margin: 0 0 0 7px;
padding: 0 10px;
border-left: 1px solid #fff;
text-transform: uppercase;
}

#hauptnavigation #hauptnavigation-herren ul li {
margin: 0 7px 0 0;
}

#hauptnavigation ul li a {
background: none;
padding: 0;
}

/* allgemeine Listen */
ol, ul {
list-style: none;
margin: 15px 0;
}

ol li,
ul li {
font-size: 1.2em;
margin: 3px 0;
}

ol ul li,
ul ul li {
font-size: 1em;
}

#content ul li {
list-style-type: square;
list-style-position: outside;
margin-left: 13px;
line-height: 1.2em;
}

* html #content ul li {
margin-left: 15px;
}

* + html #content ul li {
margin-left: 15px;
}

#content ol li {
list-style-type: decimal ;
list-style-position: outside;
margin-left: 18px;
line-height: 1.2em;
}

* html #content ol li {
margin-left: 22px;
}

* + html #content ol li {
margin-left: 22px;
}

.first,
.last,
.no-border{
border: none !important;
}

.active,
.active a {
color: #debb99;
background: url(../images/pfeil_debb99.gif) center left no-repeat;
}

/* Definitions - Listen */
dl {
font-size: 1.2em;
}

dl dt a,
dl dd a {
color: #fff;
background: url(../images/pfeil_fff.gif) center left no-repeat;
}

dl dt a:hover,
dl dd a:hover {
color: #bababa;
background: url(../images/pfeil_bababa.gif) center left no-repeat;
}

dl.inline dd,
dl.inline dd a {
display: inline;
background: none;
padding: 0;
}

#container dl dt {
background: url(../images/definitionsliste-punkt.gif) 0 5px no-repeat;
padding: 0 0 0 10px;
margin: 15px 0 0;
font-weight: bold;
}

#container dl dd {
padding: 0 0 0 10px;
margin: 4px 0 0 0;
line-height: 1.3em;
/*  pflegehinweisebilder haben die h�he 30px, passen nicht mehr in die line-height 1.3 */
}

/* Definitionsliste subnavi */
#subnavi h2 {
border-bottom: 1px solid black;
text-transform: uppercase;
margin: 0 0 10px 0;
padding: 0 0 8px 10px;
}

#subnavi ul  {margin: 0 0 0 20px;}
#subnavi ul  ul {margin: 0 0 9px 10px;}

#subnavi ul  li a {
background: url(../images/pfeil_fff.gif) no-repeat scroll left center;
color: #fff;
display: block;
padding: 5px 5px 5px 9px;
}

#subnavi ul li a.active {
padding: 5px 5px 5px 9px;
}

#subnavi ul li ul li a {
padding: 0 0 2px 9px;
}

#subnavi ul li ul li a.active {
padding: 0 0 2px 9px;
}

#subnavi ul  li a:hover {
background: url(../images/pfeil_bababa.gif) no-repeat scroll left center !important;
color: #bababa !important;
}

#subnavi ul  li a.active {
background:transparent url(../images/pfeil_debb99.gif) no-repeat scroll left center;
color:#DEBB99;
}



/* Listen im Footer */
#footer-inhalt ul {
float:left;
width: 210px;
margin: 30px 20px 0 0;
}

#footer-inhalt ul.last {
margin-right: 0;
}

#footer-inhalt ul ul {
margin: 0;
}

#footer-inhalt ul h2 {
color: #bababa;
font-size: 1.085em;
border-bottom: 1px solid #5e5e5e;
padding: 0 0 7px 0;
}

#footer-inhalt ul ul li {
color: #bababa;
border-bottom: none;
margin: 13px 0;
padding: 0;
}

/* Listen im Header */
#meta ul {
float: left;
margin: 0;
}

* html #meta ul {
margin: 0 0 0 10px;
}

#meta ul li {
font-size: 1.1em;
float: left;
position: relative;
margin: 0 12px 0 0;
background: url(../images/meta_trenner.gif) top right no-repeat;
padding: 9px 12px 0 0;
height: 21px;
}

#meta ul .second-last {
margin: 0;
}

#meta ul li a {
background: none;
padding: 0;
}

#meta ul li.last {
border: none;
padding: 9px 0 0 0;
margin-right: 0;
background: none;
}

* html #meta ul li.last {
width: 20px;
padding-left: 10px;
}

* + html #meta ul li.last {
width: 20px;
padding-left: 10px;
}

#meta ul li.last a {
padding: 0px 10px 5px 1px;
background: url(../images/pfeil_a8a8a8_runter.gif) right 7px no-repeat;
}

#meta ul li.last a:hover {
background: url(../images/pfeil_ffffff_runter.gif) right 7px no-repeat;
}

#meta #sprachversion li {
float: none;
border: none;
background: #232323;
height: 1%;
}

#meta ul ul {
background: #232323;
padding: 0 0 7px 11px;
margin: 0;
width:  69px;
position: absolute;
left: -9999px;
top: 30px;
border-top: 2px solid #000;
}

#meta ul li:hover ul,
#meta ul li.sfhover ul {
left: 0;
}

#meta ul ul a{
padding: 0 !important;
background: none !important;
}

#meta ul ul li{
margin: 0;
padding: 5px 0 0 0;
}

/* Liste Warenkorb Header */
#header-warenkorb dl {
font-size: 1em;
}

#header-warenkorb dl dt {
margin-right: 5px;
text-transform: uppercase;
}

#header-warenkorb dl dd a {
font-weight: bold;
}

#header-warenkorb dl dt,
#header-warenkorb dl dd {
font-size: 1.1em;
display: block;
float: left;
color: #fff;
}

#header-warenkorb dl dd {
width: 55px;
margin: 0 0 0 2px;
text-align: right;
}

#header-warenkorb dl dd.artikel {
border-right: 1px solid #fff;
padding-right: 10px;
}

/* Contentvorlagen */

/* Startseite */
.spaltelinkshalb,
.spalterechtshalb {
float: left;
width:450px;
}

#content.startseite .spaltelinkshalb img,
#content.startseite .spalterechtshalb img {
width:450px;
height: 300px;
}

.spaltelinksdrittel,
.spaltemittedrittel,
.spalterechtsdrittel {
width: 268px;
float: left;
}

.spaltelinksdrittel,
.spaltemittedrittel {
margin-right: 47px;
}

.spaltenwrapper {
margin-top: 40px !important;
float: left;
}

* html .spaltenwrapper {
margin-top: 36px !important;
margin-bottom: 4px;
float: left;
}

* + html .spaltenwrapper {
margin-top: 36px !important;
margin-bottom: 4px;
float: left;
}

#content.startseite .spaltelinksdrittel div,
#content.startseite .spaltemittedrittel div,
#content.startseite .spalterechtsdrittel div {
background: black;
text-align:center;
padding: 10px 0 7px 0;
}

* html #content.startseite .spaltelinksdrittel div,
* html #content.startseite .spaltemittedrittel div,
* html #content.startseite .spalterechtsdrittel div {
padding: 10px 0 7px 0;
margin: -4px 0 0 0 !important;
}

* + html #content.startseite .spaltelinksdrittel div,
* + html #content.startseite .spaltemittedrittel div,
* + html #content.startseite .spalterechtsdrittel div {
padding: 10px 0 7px 0;
margin: -4px 0 0 0 !important;
}

.spalteerstesviertel,
.spaltezweitesviertel,
.spaltedrittesviertel {
margin-right: 19px
}

.spalteerstesviertel,
.spaltezweitesviertel,
.spaltedrittesviertel,
.spalteviertesviertel {
width: 210px;
float: left;
}

.produkt-foto {
float: left;
}

.produkt-text {
margin-left: 92px;
}

* html .produkt-text {
margin: -1px 0 0 89px;
}

.produkt-text a {
color: #fff;
background: transparent url(../images/pfeil_fff.gif) 0 7px no-repeat;
font-weight: bold;
}

.produkt-text a:hover {
color: #bababa;
background: url(../images/pfeil_bababa.gif) 0 7px no-repeat;
}

.produkt-text span {
font-size: 1.6em;
display: block;
margin: 16px 0 8px 0;
}

.produkt-text span del {
font-size: 0.8em !important;
color: #bebebe;
margin: 0 5px 2px 0;
display: block;
}

.produkt-text span ins {
text-decoration: none !important;
}

.text-teaser div.ausgeklappt,
.text-teaser div.zugeklappt {
float: left;
}

.text-teaser div.ausgeklappt,
.text-teaser div.zugeklappt {
margin: 10px 0 !important;
}

/*Message-Layer*/
.message {
z-index: 999;
clear: both;
background: url(../images/bg_message.gif) #9a795b repeat-x;
width: 160px;
padding: 10px 10px;
border: 1px solid #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -77px;
margin-top: -50px;
text-align: left;
}
.message iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
}
.message p {
z-index: 999;
font-size: 1.4em;
color: #000;
margin: 0 0 10px 0;
}

.message a {
z-index: 999;
background: none!important;
position: absolute;
top: -14px;
right: -14px;
}

.message img {
z-index: 999;

}

/*warenkorb-Layer - Erweiterung von message-layer*/
.warenkorb-layer {
background: url(../images/bg_warenkorb-message.gif) #a6a6a6 repeat-y!important;
height: 276px;
}

.warenkorb-layer hr {
background-color: #fff;
color: #fff;
border: none;
height: 1px;
position: absolute;
top: 210px;
left: 0;
}

* + html .warenkorb-layer hr {
top: 215px;
}

* html .warenkorb-layer hr {
top: 217px;
width: 180px;
}

.warenkorb-layer img.produkt {
position: absolute;
top: 75px;
right: 115px;
float: left;
width: 65px;
height: 85px;
margin: 0;
margin: 0;
}

.preload {
background: none!important;
border: none;
}

img.preload {
position: absolute;
top: -1px;
border: 1px solid #fff;
right: -1px;
}

.warenkorb-layer img.warenkorb {
position: absolute;
top: 180px;
right: 24px;
}

.warenkorb-layer img.weitershoppen {
position: absolute;
top: 250px;
right: 24px;
}

.warenkorb-layer div {
margin: 10px 5px 0 0;
float: right;
}

* html .warenkorb-layer div {
margin: 10px 3px 0 0;
float: right;
}

.warenkorb-layer div p {
font-size: 1.1em;
margin: 0 0 5px 0;
}

.warenkorb-layer div h2 {
font-size: 1.4em;
color: #000;
}

/* lightbox-effekt */
#layer{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
filter:alpha(opacity= 50);
-moz-opacity: 0.5;
opacity: 0.5;
}

a.layer {
background: none!important;
}

/* Banner zur Vorteilskommunikation */
.vorteilskommunikation {
margin: 0 30px 0 -30px;
padding: 6px 0 0 0;
text-align: center;
background: #383838;
height: 26px;
width: 747px;
border-bottom: 3px solid black;
}

.vorteilskommunikation {
display:inline;
float:right;
position:relative;
left: 30px;
background: #383838;
padding: 6px 0 0 0;
width:747px;
height: 26px;
border-bottom: 3px solid black;
}

.vorteilskommunikation dl {
font-size: 1.4em;
line-height: 1.5em;
}

.vorteilskommunikation dl dd {
border-right: 1px solid #7a7a7a;
padding: 0 25px;
}

/* Feature Liste Checkout */
#features {
float: left;
margin: 50px 0 20px 0;
width: 687px;
}

#features dl {
font-size: 1.4em;
}

#features dl dd {
padding: 0;
display: block;
float: left;
margin: 0 8px 0 0;
padding-left: 15px;
border-right: 1px solid #919191;
}

#features dl dd.last {
margin: 0 !important;
}

#features dl dd span.verschluesselung {
background: url(../images/ssl-verschluesselung.gif) 0 3px no-repeat;
padding: 0 0 0 30px;
display: block;
width: 230px;
}

#features dl dd span.umtausch {
background: url(../images/umtausch.gif) 0 3px no-repeat;
padding: 0 0 0 50px;
display: block;
height: 35px;
width: 125px;
}

#features dl dd span.lieferung {
background: url(../images/lieferung.gif) 0 3px no-repeat;
padding: 0 0 0 50px;
display: block;
height: 35px;
width: 115px;
}

/* Abschnitt Pagination */

.pagination-wrapper {
padding: 30px 0;
}

.pagination {
width: 100%;
float: left;
}
.pagination dl {
font-size: 1.1em;
}

.pagination dl,
.pagination dl dd a {
color: #a8a8a8;
}

.pagination dl dd a:hover,
.pagination dl dd a.active {
color: #fff;
}



#content .pagination dl dt,
#content .pagination dl dd {
display: inline;
background: none;
padding: 0;
font-weight: normal;
margin-right: 6px;
}

.pagination dd.last {
margin-right: 2px !important;
}

* html .pagination dd.last {
margin-right: -1px !important;
}

* + html .pagination dd.last {
margin-right: -1px !important;
}

.pagination dl dd a.pagination-default {
padding: 0px 20px 0 0;
background: url(../images/pfeil_a8a8a8_runter_rauf.gif) right 7px no-repeat;
}

.pagination dl dd a.pagination-up {
padding: 0px 20px 0 0;
background: url(../images/pfeil_a8a8a8_fff.gif) right 7px no-repeat;
}

.pagination dl dd a.pagination-down {
padding: 0px 20px 0 0;
background: url(../images/pfeil_fff_a8a8a8.gif) right 7px no-repeat;
}

#content .pagination dl dt.umschaltung,
#content .pagination dl dt.umschaltung_back{
margin-right:0;
}

dl dt.umschaltung a{
background: transparent url(../images/pfeil_bababa.gif) no-repeat scroll right center
}
dl dt.umschaltung a:hover{
background: transparent url(../images/pfeil_fff.gif) no-repeat scroll right center
}
dl dt.umschaltung_back a{
background: transparent url(../images/pfeil_bababa_back.gif) no-repeat scroll left center
}
dl dt.umschaltung_back a:hover{
background: transparent url(../images/pfeil_fff_back.gif) no-repeat scroll left center
}

/* Abschnitt Produktuebersicht */
#produkt-uebersicht {
}

.produkt {
/*width: 163px;
margin-right: 11px;*/
/* p2-bilder von test sind 165 breit*/
width: 165px;
float: left;
/*margin: 0 11px 30px 0;*/
margin-right: 8px;
}

.produkt-thumb,
.produkt-thumb a {
/* height: 214px; */
/* p2-bilder von test sind 215 hoch */
height: 215px;
overflow: hidden;
}

.produkt  .produkt-thumb img.kein_bild_vorhanden {
margin-left: 40px;
margin-top: 40px;

}
.produkt .produkt-thumb a img,
.produkt_last .produkt-thumb a img{
height:215px;
width:165px;
}

.produkt .produkt-thumb a img.kein_bild_vorhanden,
.produkt_last .produkt-thumb a img.kein_bild_vorhanden {
height:91px;
width:84px;
}


.produkt.last {
margin: 0 0 30px 0;
width: 165px;
}

.produkt-thumb a,
.produkt-farbe a {
background: none;
padding: 0;
}

.produkt-info {
background: #232323;
text-align: center;
margin: 0 !important;
}

.produkt span.produktpreis del {
font-size: 0.8em !important;
color: #bebebe;
margin-right: 5px;
margin-right: 5px;
}

span.produktname,
span.produktpreis {
display: block;
padding: 0;
font-size: 1.4em;
}

span.produktname {
border-bottom: 1px solid #474747;
display: block;
}

span.produktname span.default {
text-align: center;
background: none;
padding: 7px 0 3px 0 !important;
display: block;
height: 20px;
}

span.produktname span.sale {
text-align: center;
background: url(../images/produkt_sale.gif) center right no-repeat;
padding: 7px 52px 3px 0 !important;
display: block;
height: 20px;
}

span.produktname span.topstyle {
text-align: center;
background: url(../images/produkt_topstyle.gif) center right no-repeat;
padding: 7px 52px 3px 0 !important;
display: block;
height: 20px;
}

span.produktname span.neu {
text-align: center;
background: url(../images/produkt_neu.gif) center right no-repeat;
padding: 7px 52px 3px 0 !important;
display: block;
height: 20px;
}

span.produktname span span {
padding: 0 0 0 10px;
background: url(../images/pfeil_fff.gif) center left no-repeat;
display: inline;
line-height: 1.2em;
}

span.produktpreis {
padding-bottom: 10px;
}

.produkt-info a {
background: none;
padding: 0;
color: #fff;
}

span.produktpreis ins {
text-decoration: none !important;
}

.produkt-farbe {
text-align: center;
padding: 5px 1px;
margin-bottom: 3px;
}

.produkt-farbe img, .produkt-farbe a img,
.produkt-farbe *:link img, .produkt-farbe *:visited img  {
border: 1px solid #fff;
margin: 0 2px;
margin-bottom: 3px;
}

/* Tabellen im Content*/
#content #container table td{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 10px 0;
	padding: 5px 20px 5px 10px;
}

/* allgemeine Formularelemente */
form, fieldset,button {
border: none;
margin:0;
padding:0;
}

form {
margin: 20px 0;
border: none;
}

fieldset {
padding: 10px 0;

margin-bottom: 10px;
float: left;
width: 100%;
}

fieldset.bestellangaben {
border-bottom: 1px solid #919191;
}
legend {
display: none;
}

label {
font-size: 1.1em;
line-height: 1.3em;
}


input, select, textarea {
border: 1px solid #e2e3ea;
font-size: 1.2em;
font-family: "Trebuchet MS", Arial, sans-serif;
padding: 1px 2px;
margin: 0;
width: 196px;
padding: 1px 2px
}


select {
padding: 0;
height: 20px;
width: 202px;
}

input.submit {
border: 0 !important;
padding: 0 !Important;
margin: 0;
}

.formular label, .formular .fakelabel span {
float: left;
font-size:1.2em;
margin:0pt 10px 16px 0pt;
width: 135px;
padding: 4px 0 0 0;
}

.formular .fakelabel span.newsletter {
width:  290px;
margin-right: 20px;
line-height: 1.2em;
margin-top: -2px;
}

.formular input,
.formular select,
.formular textarea {
margin: 0 7px 0 0;
}

.formular label.versandmit{
	width: 225px;
}

*html #kunde .formular label {
margin:0pt 10px 16px 0pt;
}

#content .label-small {
width: 69px;
margin-left: 18px;
margin-bottom: 0px;
}

*html #content .label-small {
margin-left: 17px;
}
*html #content .label-pwd {
margin-bottom: 0px;
margin-right: 13px;
}

.fakelabel label {
float:none;
vertical-align:middle;
width:auto;
}

.fakelabel span label {
font-size:1em;
margin:0pt;
}

.fakelabel-inner {
margin: 0 0 0 145px;
float: left;
width: 450px;
}

* html .fakelabel-inner {
margin: 10px 0 0 75px;
float: left;
width: 450px;

}

.fakelabel-inner input.checkbox {
margin-top: 4px !important;
}

.breites-label {
width: 377px !important;
}

.sehr-breites-label {
width: 577px !important;
padding: 0 !important;
line-height: 1;
}

*html .sehr-breites-label {
line-height: 1.8;
}

* + html .sehr-breites-label {
line-height: 1.8;
}

.formular .radio {
border: none;
margin:0 5px 0 0 !important;
padding:0 !important;
vertical-align: middle;
width: 12px;
}

.formular .checkbox {
border: none;
margin:0 5px 0 0 !important;
padding:0 !important;
vertical-align: middle;
width: 12px;
float: left;
}

.formular .schritt-zurueck {
float: left;
width: auto;
margin: 0;
padding: 0;
border: none !important;
}

/*schritt zurueck pfeil in button-optik*/
#container .formular .schritt-zurueck-button  {
background: transparent url(../images/bg_button.gif) repeat-x scroll left center;
width: auto;
float: left;
padding: 0 10px 6px 10px;
border: none !important;
margin: 1px 0 0 0;
}

#content .formular .schritt-zurueck p,
#content .formular .schritt-zurueck-button p  {
font-size: 1.4em;
margin: 0;
padding: 6px 0 0 0;
}


input#nl-email-adresse {
width: 115px;
}

/* Fehlermeldungen*/
input.error {
background: #c07e7e;
}

div.error {
background-color: #c07e7e;
color: #000;
margin: 0 0 15px 145px;
padding: 5px;
width: 366px;
font-size: 1.1em;
/*float: right;*/
}

div#login.error{
margin: 10px 0 15px 0px!important;
width: 303px;
padding: 5px!important;
font-size: 1.1em;
}

div#pruefen.error{
margin: 10px 0 15px 0px!important;
padding: 5px!important;
width: 666px;
font-size: 1.1em;
}

div.error p {
margin: 0 !important;
text-align: center;
font-size: 1.1em;
}

.error dl {
margin: 0 !important;
padding: 0 !important;
}

.error dt,
.error dd {
background: none !important;
margin: 0 0 5px 0 !important;
padding: 0 !important;
}

/* grafischer dynamischer button */
button {
background: url(../images/bg_button.gif) center left repeat-x;
padding: 6px 10px;
float: right;
font-size: 1.4em;
font-family: "Trebuchet MS", Arial, sans-serif;
/*margin-right: 10px; */
}

.filialtypen button {
float: left;
margin-top: 20px !important;
margin-left: 3px;
}


button#kontakt-cancel{
	float: left;
}

button.pers_daten {
background: url(../images/bg_button.gif) center left repeat-x;
padding: 6px 10px;
float: right;
margin-right: 10px;
}

* html button {
background: url(../images/bg_button.gif) center left repeat-x;
float: right;
}

.produktdetailseite button {
margin-right: 0;
}

.pagebreak{
	display: none;
}

button.flach {
padding: 2px 5px;
}

* html button.flach span {
border: 1px solid red;
}

button span {
background: url(../images/pfeil_000.gif) 0 7px no-repeat;
padding: 0 0 0 7px;
}

button.warenkorb {
float: left;
padding-left: 5px;
white-space: nowrap;
overflow: visible;
margin-left: 45px;
padding: 0 !important;
}

button.warenkorb span {
background: url(../images/btn_warenkorb.gif) top left no-repeat;
padding: 7px 10px 0 41px;
display: block;
height: 23px;
width: 115px;
}

* html button.warenkorb span {
padding: 8px 5px 0 45px;
height: 20px;
}

* + html button.warenkorb span {
padding: 9px 5px 0 45px;
height: 20px;
}

button[type] {
width:auto;
}

button {
cursor:pointer;
overflow: visible;
}


button#gutschein:hover{
	color:#fff;
}

button#gutschein {
	float: none;
	font-size: 1.0em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	/*background: transparent url(../images/pfeil_bababa.gif) no-repeat scroll 0px 2px;*/
	background:none;
	color: #bababa;
	cursor: pointer;
	padding: 0 0 0 5px;
	margin-right: 26px;
	height: 18px;
}

button#gutschein span{
background:none;
background: transparent url(../images/pfeil_bababa.gif) no-repeat scroll 0px 4px;
padding: 0 0 0 8px;
}

/* Suche im Header */
#meta form {
float: left;
margin: 5px 12px 0 11px;
}

* html #meta form {
float: left;
margin: 5px 0px 0 6px;
}

#meta form label,
#meta form input {
float: left;
}

#meta form label {
margin: 4px 5px 0 0;
}

#meta form input {
margin-right: 5px;
margin-top: 1px;
border: 1px solid #656565;
background: transparent;
color: #a8a8a8;
width: 95px;
height: 14px;
}

* html #meta form input {
margin-top: 0;
}

* + html #meta form input {
margin-top: 0;
}

#meta form input.submit {
width: 52px;
height: 18px;
}

/* Newsletter-Teaser */
form#newsletter-anmeldung {
margin: 5px 0 0 0;
}

form#newsletter-anmeldung input {
float: left;
margin: 0 5px 0 0;
width: 112px;
}

*html form#newsletter-anmeldung input {
width: 105px;
}

form#newsletter-anmeldung button {
height: 23px;
}

* + html form#newsletter-anmeldung button {
width: 80px;
}

form#newsletter-anmeldung button span {
border: none;
}

/* Checkout Formular  */
#checkout-formular {
margin: 20px 0 0 0;
}

#wrapper #content #container #checkout-formular h2 {
border-bottom: none !important;
/*text-transform: none;*/
}

#wrapper #content #container #checkout-formular h3 {
background: black;
float: left;
width: 100%;
padding: 10px 0;
font-size: 1.4em;
font-weight: normal;
}

#wrapper #content #container #checkout-formular h3#pe_meine_daten{
	margin-top: 20px;
}

#wrapper #content #container .anmerkung {
	margin-top: 40px;
	line-height: 1.2em;
}

#wrapper #content #container .anmerkung small {
font-size: 0.85em;
}


#wrapper #content #container #checkout-formular h3 span {
padding-left: 10px;
}

#checkout-formular form, #checkout-formular #proof_bill {
margin: 0 0 0 10px;
}

.pwd-restore form {
margin: 0 !important;
}

/* Fortschrittsbalken */
#checkout-fortschritt {
height: 32px;
float: left;
width: 747px;
text-align: center;
margin-bottom: 3px;
background: #373737;
}



#checkout-fortschritt dl {
margin: 0 0 0 15px;
}

#checkout-fortschritt dl dd {
font-size: 1.165em; /* 14px*/
margin: 0 0 0 -15px;
padding: 0;
display: inline;
float: left;
}


#checkout-fortschritt dl dd span {
float: left;
display: inline;
padding: 10px 22px 0 28px;
margin: 0;
height: 22px;
}

#checkout-fortschritt dl dd span a {
background: none;
padding: 0;
color: #fff;
}

#checkout-fortschritt dd.active {
background: url(../images/checkout_current_left.gif) #717171 no-repeat;
color: #fff;
}

#checkout-fortschritt.warenkorb dd.active {
background-image: none;
}


#checkout-fortschritt dd.active span {
background: url(../images/checkout_current_right.gif) right no-repeat;
}


#checkout-fortschritt dl dd span strong {
font-weight: normal;
}

/* Schritt 1 Warenkorb */
#checkout table#proof_bill_table	{
border-collapse:collapse;
width: 677px !important;
}

#checkout table tr .error {
width: 100%;
background: #c07e7e!important;
}

#checkout table tr.even td.error {
border: 0;
margin: 0;
background: red;
border: none!important;
padding: 5px 5px!important;
}

#checkout table tr.even td.error span {
padding: 0 10px;
color: #000;
font-weight: bold;
margin-left: -5px;
}

#checkout table#proof_bill_table th {
padding-left: 3px !important;
}

#checkout table#proof_bill_table tr td {
padding: 15px 0 15px 5px;
font-size: 1.1em;
}

#checkout div#widerrufsrecht	{
color:#bababa;
}

#checkout div#widerrufsrecht a	{
text-decoration:underline;
}

#checkout table#proof_bill_table th.r_anschrift {
/*width: 306px;*/
padding-left: 0 !important;
}

#checkout table#warenkorb {
border-collapse:collapse;
width: 677px !important;
font-size:1.0em;
line-height:1.0em;
}

#checkout #bestellhistorie table#warenkorb{
border-collapse:collapse;
width:687px !important;
width:687px;
}

#checkout table#warenkorb form {
margin-left: 0 !important;
}

#checkout table#warenkorb tr td{
border-bottom: 1px solid #898989;
padding: 15px 0 15px 5px;
vertical-align: top;
}

#checkout table#warenkorb tr td.no-border {
border-bottom: none;
}

#checkout table th {
font-size: 1em;
text-align: left;
}

#checkout table#warenkorb th.artikel {
width: 306px;
padding-left: 0 !important;
}

#checkout table#warenkorb th.menge {
width: 125px;
}
#checkout table#warenkorb th.einzelpreis {
width: 88px;
}

#checkout table#warenkorb th.gesamtpreis {
width: 163px;
}

#checkout table#warenkorb tr td.image {
width:65px;
vertical-align:top;
padding-left: 0 !important;
}


#checkout table#warenkorb tr td.productinfo {
width: 200px;
font-size: 1em
}

* html #checkout table#warenkorb tr td.productinfo {
width: 180px;
}

#checkout table#warenkorb tr td.productinfo p {
margin-bottom: 3px;
margin-top: 3px;
}

#checkout table#warenkorb tr td.productinfo span {
font-size: 1.1em;
display: block;
}

#checkout table#warenkorb tr td.amount {
width:125px;
font-size: 1em;
}


#checkout table#warenkorb tr td.amount input {
width: 40px;
display: block;
margin: 0 0 15px 0;
}

#checkout table#warenkorb tr td.amount span {
font-size: 1.1em;
display: block;
margin: 3px 0;
}

#checkout table#warenkorb tr td.einzelpreis {
font-size: 1.2em;
padding-left: 15px;
}

#checkout table#warenkorb tr td.einzelpreis span{
font-size: 0.9em;
margin-top: 3px;
display: block;
}

#checkout table#warenkorb tr td.summe {
text-align: right;
font-size: 1.2em;
padding-right: 17px;

}
#checkout table#warenkorb tr td#gutschein.summe {
padding-top: 0;

}

#checkout table#warenkorb tr td#gutschein_nr.summe,
#checkout table#warenkorb tr td#gutschein_sum.einzelpreis {
border-bottom: none;
}

#checkout table#warenkorb tr td.summe-warenwert {
width: 120px;
text-align: right;
font-size: 1.2em;
padding-right: 17px;
}

#checkout table#warenkorb tr td.summe-warenwert span {
color: #c9c9c9;
line-height: 1.3em;
}

#checkout table#warenkorb tr td.summe span{
font-size: 0.9em;
margin-top: 3px;
display: block;
}


#checkout table#warenkorb tr td.gesamteuro {
font-size: 2.4em;
padding-left: 15px;
vertical-align: top;
border-bottom: none;
}

#checkout table#warenkorb tr td.gesamtwarenwert {
border-bottom: none;
text-align: right;
font-size: 1.2em;
padding-right: 17px;
}

#checkout table#warenkorb tr td.gesamtpreis {
width: 155px;
font-size: 1.4em;
padding-left: 15px;
padding-top: 13px;
}

#checkout table#warenkorb tr td.gesamtpreis span {
font-size: 0.859em !important;
margin: 0 0 0 2px;
line-height: 2em;
display: block;
}

#checkout table#warenkorb tr td.gesamtpreis.endsumme {
width: 163px;
font-size: 2em;
padding-left: 7px;
padding-top: 13px;
border-bottom: none;
}

#checkout table#warenkorb tr td span.warenwert {
margin-top: 10px;
}

input#code{
margin:0 20px 0 15px;
width:120px;
font-size: 0.9em;
}

/* Warenkorb bei merkzettel  */
#checkout table#warenkorb th.mzartikel {
width: 343px;
padding-left: 0 !important;
}
#checkout table#warenkorb th.mzmenge {
width: 145px;
}

#checkout table#warenkorb th.mzgesamtpreis {
width: 189px;
}
/* Warenkorb bei bestellhistorie  */
#checkout #bestellhistorie table#warenkorb th.mzartikel{
width: 295px;
padding-left: 0 !important;
}
#checkout #bestellhistorie table#warenkorb th.mzmenge {
width: 195px;
}

#checkout #bestellhistorie table#warenkorb th.mzgesamtpreis {
width: 196px;
}

#checkout #bestellhistorie table#warenkorb tr td.bestellung {
padding-left: 10px;
font-size: 1.2em;
}

#checkout #bestellhistorie table#warenkorb tr td.status{
font-size: 1.2em;
line-height: 1.3em;
padding-left: 13px;
}

#checkout #bestellhistorie table#warenkorb tr td.status a.link-normal{
font-size: 0.9em;
}

#checkout table#warenkorb th,
#checkout #bestellhistorie table#warenkorb th {
padding-left: 3px !important;
}

#checkout table#warenkorb td button{
font-size: 1.1em;
}

#checkout table#warenkorb td button.kasse{
width: 117px;
}


/* Schritt 2 Meine Adressdaten */
#checkout input#vorname, input#vorname {width: 152px;}
#checkout input#name, input#name {width: 202px;}
#checkout input#strasse,
input#strasse,
input#ort
{width: 292px;}
#checkout input#hausnr,
input#hausnr,
input#plz,
input#geb-tag,
input#geb-monat {width: 62px;}
input#geb-tag, input#geb-monat{margin-right: 4px;}
#checkout select#land, select#land {width: 258px;}

#checkout input#vorwahl,
input#mobil-vorwahl {width: 72px;}
#checkout input#telnummer, input#telnummer,
input#mobil-telnummer {width: 164px;}
#checkout input#geb-jahr, input#geb-jahr {width: 96px;}
#checkout textarea {width: 370px;}
#checkout textarea#absender-mitteilung {margin-bottom: 16px;}
#checkout span.info,
span.info {
margin: 5px 0 5px 145px;
color: #9b9b9b;
display:block;
}
*html #checkout span.info {
margin: 5px 0 5px 148px;
}

#checkout input#email, input#email, #checkout input.ganze_breite {width: 370px;}
#checkout input#captchatext {
width: 370px;
margin-top: 10px;
}

#checkout label.captchatext{
	margin-top: 10px;
}

#checkout input#password,
#checkout input#password-wdh {width: 130px;}
#checkout input.mein_konto_password {width: 255px;}
#checkout input#alternativ-vorname, input#alternativ-vorname{width: 152px;}
#checkout input#alternativ-name, input#alternativ-name {width: 202px;}
#checkout input#alternativ-strasse, input#alternativ-strasse, input#alternativ-ort {width: 292px;}
#checkout input#alternativ-hausnr, input#alternativ-hausnr, input#alternativ-plz {width: 62px;}
#checkout select#alternativ-land, select#alternativ-land,
input#telefon, input#mobil{width: 258px;}


/* Login und Zahlungsart */

/* Abschnitt Checkout-Login */
#checkout-login {
float: left;
}

#checkout-login fieldset {border-bottom: none;}
#checkout-login label {
margin-right: 0;
width: 135px;
}
#checkout-formular form#produkt_weiterempfehlen {
margin-left:0;
width:
}

form#produkt_weiterempfehlen label{
padding-left: 10px;
}

#checkout-login input {width: 172px;}
#kunde,
#neukunde {
width: 330px;
float: left;
}

#neukunde form {
margin: 0 !important;
}

#kunde div{
padding: 0 0 0 10px;
float: left;
margin: 0 !important;
}

#neukunde div {
padding: 0 10px;
float: left;
margin: 0 !important;
}


#kunde div div {
padding: 0 !important;
margin: 0 !important;
}

#kunde div form {
padding: 0 !important;
margin: 0 !important;
}

#kunde {
border-right: 1px solid #898989;
padding-right: 10px;
margin-right: 10px;

}

#kunde h3, #neukunde h3{
margin-top: 0;
}

* html #kunde label {
width: 125px;
}

* html #kunde input {
float: left;
}

#neukunde a {
font-size: 1.2em;
}

#kunde a {
margin: 0 0 0 135px;
font-size: 0.9em;
}


#kunde p {
margin: 0 0 20px 0;
}

#neukunde button, #kunde button {
float: none;
width: 180px;
margin: 10px 0 0 75px;
}

#neukunde button {
margin-bottom: 10px;
}

#kunde button {
margin-left: 135px;
margin-top: 15px;
}



/* Checkout-Zahlungsart */
#checkout-zahlungsarten {
float: left;
width: 687px;
}

#checkout-zahlungsarten form {
float: left;
width: 687px;
margin: 0 !important;
}

#checkout-zahlungsarten fieldset {
width: 687px;
}

#checkout-zahlungsarten form div.zahlungsmittel {
border: none !important;
}

#checkout-zahlungsarten form div {
float: left;
border-bottom: 1px solid #838383;
width: 100%;
}

#checkout-zahlungsarten form div.noborder {
border-bottom: none;
}

#checkout-zahlungsarten form div.formular-footer {
float: none;
}

#checkout-zahlungsarten form div.zahlungsmittel-auswahl {
float: left;
width: 290px;
margin: 0 !important;
padding: 10px 0 10px 8px !important;
border: none !important;
}

#checkout-zahlungsarten form div.nurzahlungsmittel {
float: left;
width: 677px;
margin: 0 !important;
padding: 10px 0 0 8px !important;
border: none !important;
}
*html #checkout-zahlungsarten form div.nurzahlungsmittel {padding: 10px 0 10px 8px !important;}
*+html #checkout-zahlungsarten form div.nurzahlungsmittel {padding: 10px 0 10px 8px !important;}

#content #checkout-zahlungsarten form div.nurzahlungsmittel label {
width: 250px;
}

#content #checkout-zahlungsarten form div.nurzahlungsmittel label#nachnahme-label {
width: auto;
}

#checkout-zahlungsarten form div.form-eingerueckt {
width: 540px;
float: left;
padding: 10px 0 !important;
border: none !important;
margin-left: 30px;
display: inline;
}


#checkout-zahlungsarten form input {
width: 280px;
}

#checkout-zahlungsarten form select {
width: 286px;
}

#checkout-zahlungsarten form select.monat {
width: 50px;
float: left;
}

*html #checkout-zahlungsarten form select.monat {
margin-left: 3px;
}

#checkout-zahlungsarten form select.jahr {
width: 55px;
float: left;
margin-left: 10px;
}

#checkout-zahlungsarten form input.radio {
float: left;
width: 12px;
margin: 6px 10px 0 0px !important;
}

*html #checkout-zahlungsarten form input.radio {margin: 1px 10px 0 0px !important;}
*+html #checkout-zahlungsarten form input.radio {margin: 1px 10px 0 0px !important;}

#content .zahlungsmittel span.nachnahme {
font-size: 1.1em;
margin: 6px 0 0 -6px;
width: auto !important;
color: #a6a6a6;
}

#content .zahlungsmittel p.nachnahme {
margin: 4px 0 0 0;
}

*html #content .zahlungsmittel .form-eingerueckt p.nachnahme {
margin: 0;
padding-bottom: 0;
padding-top: 5px;
vertical-align: bottom;
}

#content .formular .zahlungsmittel span,
#content .formular .zahlungsmittel label {
width: 100px;
float: left;
}

#content .formular .kartentyp {
border: none;
}

#content .formular .zahlungsmittel .zahlungsmittel-auswahl label {
margin-bottom: 0;
width: 250px;
float: left;
}

#content .formular .zahlungsmittel .nurzahlungsmittel label.saferpay-cai {
width: 300px;
border: 1px solid red;
}

#checkout-zahlungsarten form .pruefziffer {
border: none !important;
margin-left: 10px;
position: relative;
width: 280px;
}

#checkout-zahlungsarten .formular .pruefziffer img {
margin: 0 !important;
padding: 0 !important;
position: absolute;
top: -60px;
right: 15px;
}

#checkout-zahlungsarten form .pruefziffer input {
width: 31px;
}

#checkout-zahlungsarten form .pruefziffer label {
text-align: right;
margin-left: 10px !ie;

}

* html #checkout-zahlungsarten form .pruefziffer label {
margin-left: 8px;
}

#checkout-zahlungsarten form .versandart {
width: 687px;
margin: 0 !important;
padding: 0 !important;
}

#checkout-zahlungsarten form .versandart select {
display: inline;
font-size: 1em !important;
}

#checkout-zahlungsarten form .versandart label {
font-size: 1em !important;
}

#checkout-zahlungsarten form .versandart p {
margin: 20px 10px !important;
}

div.setkauf_box div.setkauf_description	{
margin-top:15px;
width:176px;
display:inline;
float: left;
}

.formular-footer {
margin: 20px 0;
border: none !important;
}

/* Innerhalb der Detailseite navigieren */

.detail-navi	{
float:left;
height: 21px;
padding: 11px 0 0 0px;
border-bottom: 2px solid #010101;
}

.linke-spalte .detail-navi	{
padding-left: 20px;
width: 588px;
}

.rechte-spalte .detail-navi	{
text-align: center;
width: 136px
}

.detail-navi dl {
margin: 0;
font-size: 1.2em;
font-weight: bold;
width: auto;
}

.detail-navi dl dt,
.detail-navi dl dd {
display: inline;
margin-right: 24px;
}

.rechte-spalte .detail-navi dl dt,
.rechte-spalte .detail- navi dl dd {
margin-right: 0;
}

.detail-navi dl.detail-left {
float: left;
}

.detail-navi dl.detail-right {
float: right;
margin-right: 20px;
}

* html .detail-navi dl.detail-right {
margin-right: 10px;
}

.detail-navi dl dd a,
.detail-navi dl dd a:hover {
background-position: 0px 5px;
font-size: 0.915em;
font-weight: normal;
}


/* +++ */

.linke-spalte {
width: 608px;
float: left;
position: relative;
}

* html .linke-spalte {
width: 568px;
}

.rechte-spalte {
float: left;
width: 137px;
margin-left: 2px;
}

.rechte-spalte dl dd {
padding: 0 !important;
}

#border-zweispaltig {
background: url(../images/detailseite_bg_linie.gif) 608px 0 no-repeat;
float: left;
width: 747px;
}

.context-box {
float: left;
border-bottom: 2px solid #2e2e2e;
padding-bottom: 20px;
width: 137px;
}

#lefthand .context-box {
width: 123px;
border: 0;
margin: 0 0 40px 0;
}

.context-box h4 {
border-bottom: 2px solid #2e2e2e;
font-weight: bold;
text-align: center;
padding: 10px 0 6px 0;
/*background: #454545;*/
}

.context-box.outfits h4 {
border-bottom:1px solid black;
font-size:1.6em;
font-weight:bold;
padding: 6px 0pt 6px 11px;
text-transform:uppercase;
text-align: left;
}

#lefthand .context-box h4 {
background: #454545;
}

.context-box h4.first-in-rechte-spalte {
border-bottom: 2px solid #010101;
}



/* Produktdarstellung */
.product_image {
float:left;
width: 251px;
margin: 30px 20px 0 0;
padding-left: 30px;
}

.product_thumb_gallery {
float: left;
margin: 0 0 25px 0;
}

.product_thumb_gallery img.lupe {
	float: right;
	margin: 10px 0 0 0;
}

*html .product_thumb_gallery img.lupe {
	background: none;
}

.product_thumb_gallery img {
float:left;
margin: 10px 5px  0 0 ;
}

.product_thumb_gallery	{
position:relative;
float:left;
}

.product_description	{
float: left;
width: 230px;
margin: 30px 0 0 0;
}

#content .product_description p {
margin: 0;
}

.product_description form {
margin-bottom: 0;
}

#content .product_description button {
padding: 0;
margin-bottom: 4px;
}

#content .details_artnr {
display: block;
margin-bottom: 20px;
}

#content .product_description .abstand-label a {
font-size: 0.916em;
background-position: 0 5px;
}

.weitere-details {
float: left;
width: 550px;
padding-left: 25px;
}

/* Top Produkte */

div.topseller_item	{
margin: 0;
padding: 10px 0 10px 35px;
float: left;
width: 100px;
}

div.topseller_item span	{
margin: 5px 0 0 0;
font-size: 1.1em;
display: block;
overflow: hidden;
line-height: 1.2em;
}

div.topseller_item span a	{
background-position: 0 5px !important;
}

div.gesehen_item	{
margin: 0;
float: left;
padding: 10px 0 10px 28px;
width: 95px;
background: #454545;
}

div.gesehen_item.produktbild a img {
border: 1px solid #454545!important;
}

div.gesehen_item.produktbild a:hover img,
div.gesehen_item.produktbild a:active img	{
border: 1px solid red!important;
}

div.gesehen_item-pfeil {
float: left;
padding: 8px 0 8px 55px;
width: 68px;
background: #454545;
}

* + html div.gesehen_item-pfeil {
padding: 0 0 5px 55px;
}

* html div.gesehen_item-pfeil {
padding: 0 0 5px 55px;
}

div.gesehen_item-pfeil a,
div.gesehen_item-pfeil a:hover {
padding: 5px 5px;
}

div.gesehen_item span	{
margin: 5px 0 0 0;
font-size: 1.1em;
display: block;
overflow: hidden;
line-height: 1.2em;
}

div.gesehen_item span a	{
background-position: 0 5px !important;
}

/** Setkauf ****/
.setkauf {
float: left;
width: 565px;
padding: 0 20px 20px 20px;
}

.outfits {
width: 700px;
padding: 0;
}
.outfits-navi, #scrollbar_content {
	height: 610px;
}
* html .outfits-navi, * html  #scrollbar_content {
	height: 627px;
}
*+ html .outfits-navi, *+ html  #scrollbar_content {
	height: 627px;
}
.outfits-navi {
width: 105px;
padding-right: 18px;
float: left;
overflow: auto;
overflow-x: hidden;
}
#website #content #container.zweispaltig .setkauf h1	{
margin-bottom: 30px;
}

.produkte-right {
float: left;
}

.setkauf .product_image {
float: left;
margin: 0 30px 0 0;
padding: 0;
}

.setkauf .product_image_big {
float: left;
margin: 0 49px 0 0;
width: 300px;
overflow: hidden;
}

.setkauf-zusammenstellung {
margin-left: 280px;
}

div.setkauf-box {
float: left;
margin: 0 0 10px 0;
background: #2f2f2f;
width: 269px;
padding: 13px 0 0 0;
}

.setkauf-box div {
margin: 0 0 0 95px;
width: 160px;
}

#wrapper #content .setkauf-footer {
border-top: 2px solid #393939;
float: left;
width: 249px;
margin: 0;
padding: 10px 10px 0 10px;
}

#website #content div.setkauf-box dl {
float: left;
margin: 0 0 10px 0;
}

#website #content div.setkauf-box dl dd {
font-weight: bold;
font-size: 1em;
float: left;
padding: 0;
}

#website #content div.setkauf-box dl dd.details {
float: right;
}

#website #content div.setkauf-box dl dd a {
font-weight: normal;
font-size: 1em;
color: #bababa;
background: url(../images/pfeil_bababa.gif) 0 5px no-repeat;
padding: 0 0 0 8px;
}

#website #content div.setkauf-box dl dd a:hover {
color: #fff;
background: url(../images/pfeil_fff.gif) 0 5px no-repeat;
}

.setkauf-box img {
float: left;
margin: 0 0 0 16px;
}

#website #content .setkauf-box form {
margin: 0;
}

#website #content .setkauf-box label,
#website #content .setkauf-box select {
height: 20px;
margin: 0 0 10px 0;
}

#website #content .setkauf-box label {
width: 30px !important;
float: left;
margin: 0 10px 5px 0;
padding: 3px 0 0 0;
}

* html #website #content .setkauf-box label {
margin-right: 7px;
}

#website #content .setkauf-box input.checkbox {
margin: 4px 10px 0 0;
padding: 0;
border: 0;
float: left;
width: 12px;
}

* html #website #content .setkauf-box input.checkbox {
margin-top: 0;
}

* + html #website #content .setkauf-box input.checkbox {
margin-top: 0;
}

#website #content .setkauf-box .sofort-lieferbar {
margin: 0 0 7px 40px !important;
height: 1%;
}

.setkauf-box select {
width: 120px;
}

#website #content .setkauf-box span.setkauf-preisgestaltung {
float: right;
}

#website #content .setkauf-box span.setkauf-preisgestaltung del {
font-size: 1.1em !important;
color: #bebebe;
margin: 0 5px 0 0;
}

#website #content .setkauf-box span.setkauf-preisgestaltung ins {
text-decoration: none !important;
font-size: 1.6em;
}

.setkauf-gesamtpreis {
float: left;
margin: 0 0 10px 0;
background: #2f2f2f;
width: 269px;
padding: 5px 0;
}

.setkauf-gesamtpreis dl {
margin: 0 10px;
}

.setkauf-gesamtpreis dl dd {
font-weight: bold;
float: left;
padding: 10px 0 0 0 !important;
}

.setkauf-gesamtpreis dl dd.gesamtpreis {
font-weight: normal;
float: right;
font-size: 2em;
padding: 0 !important;
}

.setkauf button {
float: none !important;
margin-left: 0;
}

/** Setkauf ende ****/

div.content_schmal div#product_description span.details_artNr	{
font-size:1.1em;
line-height:18px;
}

div.content_schmal div#product_description span.product_description_text_short	{
font-size:1.2em;
line-height:18px;
display:block;
margin-top:20px;
}


div.content_schmal div#product_description input#product_count	{
width:30px;
}

div.content_schmal div#product_description select#product_colour	{
width: 160px;
}

div.content_schmal div#product_description select#product_size	{
width: 160px;
margin: 0 0 10px 0;
}

.formular_product {
float: left;
margin: 0;
width: 216px;
}

.formular_product label,
.formular_product .fakelabel span {
float: left;
margin: 0 10px 16px 0;
width: 35px;
padding: 4px 0 0 0;
}

.formular_product input {
width: 30px;
float: left;
}

.formular_product select {
width: 171px;
float: left;
}

/* Status der Lieferung */
.sofort-lieferbar,
.nicht-lieferbar,
.geringe-menge {
margin: 0 0 20px 45px !important;
padding: 0 0 0 20px;
}

.sofort-lieferbar {
background: url(../images/green_dot.gif) center left no-repeat;
}

.nicht-lieferbar {
background: url(../images/red_dot.gif) center left no-repeat;
}

.geringe-menge {
background: url(../images/orange_dot.gif) center left no-repeat;
}

/* */
.product_description p.abstand-label {
margin-left: 45px !important;
}

/* +++ */

div.content_schmal div#product_description div#availability img	{
float:left;
margin-right:6px;
}

#detail_button {
float: left;
}

div.content_schmal div#product_description div#detail_button button	{
margin: 30px 25px 0 0!important;
width: 160px;
}

div.content_schmal div#product_description div#detail_button button img	{
display:inline;
float:left;
}

div.content_schmal div#product_description div#detail_button button span	{
position:relative;
top:7px;
left:2px;
}

div.content_schmal div#product_description div#recomend_product	{
margin-left:50px;
}

div.content_schmal div#product_description span.product_details_old_price	{
font-size:1.1em;
line-height:18px;
display:block;
margin-top:30px;
text-decoration:line-through;
}

div.content_schmal div#product_description span.product_details_actual_price	{
font-size:2.4em;
line-height:18px;
display:block;
margin-bottom:10px;
}

div#product_description h6	{ font-size:2.0em; }

div.detail_header span.product_navi	{
margin-left:130px;
}

div.detail_header span.product_navi span {
margin:0 20px 0 20px;
font-size:1.2em;
font-weight:bold;
}

div.content_schmal span.headline_product_Details, span.headline_product_hints	{
display:block;
margin-top:40px;
}

div.content_schmal div#product_hints_list	{
margin-top:10px;
}

div.content_schmal div#product_hints_list	img {
display:inline;
float:left;
}

div.content_schmal div#product_hints_list	span {
position:relative;
top:2px;
left:10px;
font-size:1.2em;
}

div.content_schmal div#product_hints_list div	{
padding-bottom:10px;
}

div.content_schmal div#product_hints	{
margin-top:10px;
margin-bottom:30px;
}

div.content_schmal span.headline_product_Details, span.headline_product_hints	{
font-size:1.3em;
font-weight:bold;
display:block;
margin-top:40px;
}



div#content_kontext div.content_kontext_divider	{
border-top:2px solid #272727;
border-bottom:2px solid #272727;
padding:10px 0 10px 0;
font-size:1.2em;
font-weight:bold;
margin-bottom:20px;
}



div.content_schmal div#quality_usage	{
margin-top:10px;
}

div.content_schmal div#quality_usage	img {
display:inline;
float:left;
}

div.content_schmal div#quality_usage	span {
position:relative;
top:9px;
left:10px;
font-size:1.2em;
}


div.content_schmal span.product_details_text	{
font-size:1.2em;
display:block;
line-height:15px;
}

.produktdetailseite {
margin-bottom: 20px;
}

span.preisangabe-detailseite  {
margin: 20px 0;
display: block;
}

span.preisangabe-detailseite del {
font-size: 1.1em !important;
color: #bebebe;
margin: 0 5px 2px 0;
display: block;
}

span.preisangabe-detailseite span {
text-decoration: none !important;
font-size: 2.4em;
}

span.preisangabe-detailseite ins{
text-decoration: none !important;
font-size: 2.4em;
}

.hinweise {
float: left;
width: 100%;
margin: 20px 0;
}

.hinweise h3 {
margin: 0 0 10px 0 !important;
}

.hinweise dd {
padding-left: 40px !important;
margin: 0 0 6px 0 !important;
}

dd.maschinenwaesche {
background: url(../images/product_washing_temp.gif) center left no-repeat;
}

dd.trocknen {
background: url(../images/product_drying.gif) center left no-repeat;
}

dd.reinigung {
background: url(../images/wash_chemical.gif) center left no-repeat;
}

dd.buegeln {
background: url(../images/buegeln.gif) center left no-repeat;
}

dd.hautfreundlich {
background: url(../images/hautfreundlich.gif) 0 0 no-repeat;
line-height: 3em;
height: 35px;
}

dd.hautfreundlich span {
padding-top: 7px;
display: block;
}

div.content_schmal	{
float:left;
width:500px;
padding:20px 79px 0 0;
border-right:2px solid #272727;
min-height: 360px;
height:auto !important;
height: 360px;
}

div#content_kontext	{
float:right;
width:136px;
min-height: 360px;
height:auto !important;
height: 360px;
text-align:center;
padding-top:20px;
}

/* Ende Checkout-Zahlungsart */

/* Abschnitt Zwischenseite */

.zwischenseite {
float: left;
}

.zwischenseite img.img2 {
float: left;
position:absolute;
}

.zwischenseite img.img1 {
left:208px;
position:absolute;
}

.zwischenseite-visual {
height: 380px;
position: relative;
display:block;
z-index:0;
}

div.zwischenseite-content	{
margin-left:179px;
position:relative;
display:block;
z-index:2;
float:right;
}

.zwischenseite-visual img {
position: absolute;
top: 0;
left: 0;
}

.zwischenseitentext {
float: left;
width: 160px;
margin: 20px 9px 0 0;
z-index:15;
}


/* Filialfinder */
/* Abschnitt Filialfinder */

.filialfinder {
float: left;
}

.filialfinder form {
margin-top: 20px;
}

.filialfinder img {
margin-top: 17px;
}

.filialfinder select {
height:20px;
padding:0px;
width:202px;
margin-bottom: 10px;
margin-left: 0;
}

.filialfinder label {
display: block;
float: left;
margin: 3px 10px 10px 0px;
width: 50px;
}

.filialtypen {
float: left;
margin-left: 58px;
}

.filialtypen input {
width: 20px;
margin: 3px 5px 0px 0px;
border: none;
outline: none;
float: left;
}

.filialfinder .filialtypen label {
display: block;
width: 150px;
margin-top: 0px;
margin: 3px 0 5px 0;
line-height: normal;
border: none;
}

.filial-ergebnisse {
width: 687px !important;
float: left;
margin: 10px 0;
}

.einzelne-filiale {
height: 190px;
width: 30%;
float: left;
padding: 10px 10px 10px 0;
}

#container .einzelne-filiale dl dt {
background: none;
}

#container .einzelne-filiale dl dt,
#container .einzelne-filiale dl dd {
padding: 0 !important;
margin: 0 !important;
}

#container .einzelne-filiale dl dt {
font-size: 1.165em;
display: block;
}

#wrapper #content #container .einzelne-filiale dl dd {
margin: 3px 0 0 0 !important;
display: block;
}

/* Abschnitt Farbberater */

.farbberater form {
margin: 0;
}

.farbberater h1 {
margin-top: 30px;
}

#content .farbberater h2 {
margin-bottom: 15px;
}

.farbberater label {
display: block;
vertical-align: middle;
margin-bottom: 7px;
}

.farbberater input {
margin: 0px 7px 0 10px;
vertical-align: middle;
border: none;
width: 12px;
height: 12px;
}

/*  Farbberater-Auswertung */
.farbberater-auswertung button{
float: left;
}

#wrapper #website #container .farbberater-auswertung h2{
border: none !important;
}

 #lefthand .context-box-beratung{
background: #454545;
margin: 0;
width: 123px;
}

#lefthand .context-box-beratung h2 {
background: #454545;
margin: 0;
width: 113px;
border-bottom: 1px solid #000;
padding: 8px 0 8px 10px;
text-transform: uppercase;
}

#lefthand .context-box-beratung p  {
padding: 7px 0 7px 7px;
}

#lefthand .context-box-beratung span  {
display: block;
font-size: 1.6em;
margin-top: 10px;
}


/* Abschnitt Groessenberater */
/*
.groessenberater {
padding-top: 20px;
}

.groessenberater img {
float: left;
margin: 20px 0 0 0;
}

.groessenberater-anleitung {
float: left;
margin: 10px 0 0 0;
width: 350px;
}

.groessenberater button {
float: left;
}

.groessenberater ul {
margin: 0 0 22px 0;
}

.groessenberater ul li {
list-style-type: none !important;
margin: 0 !important;
}

.groessenberater ul li.messanleitung {
padding: 0 0 0 21px;
}

.groessenberater ul li span, .groessenberater td span {
background: #8e8e8e;
padding: 0 2px 0 6px;
margin: 0 5px 0 0;
}

.masstabelle {
width: 430px;
float: right;
}

#content .masstabelle p{
margin: 20px 0 30px 0;
}

.masstabelle table {
margin: 0 0 30px 0;
}

.masstabelle td,
.masstabelle th {
text-align: center;
vertical-align: middle;
}

.masstabelle-einzeilig td {
border-top: 1px solid #8e8e8e;
}

.masstabelle th {
border-bottom: 1px solid #8e8e8e;
}

.spalteneinfaerbung {
background: #545454;
}

.masstabelle table tr {
height: 37px;
}

.masstabelle button{
margin: 0;
}

#content .zeilentitel {
padding: 0;
width: 125px;
}

#content #container .masstabelle h2 {
border: none !important;
margin-top: 20px;
}
*/


/* Abschnitt Groessenberater neu */

.groessenberater {
padding-top: 20px;
}

.groessenberater img {
float: left;
margin: 20px 0 0 0;
}

.groessenberater-anleitung {
float: left;
margin: 10px 0 0 0;
width: 350px;
}

.groessenberater button {
float: left;
}

.groessenberater ul {
margin: 0 0 22px 0;
}

.groessenberater ul li {
list-style-type: none !important;
margin: 0 !important;
}

.groessenberater ul li.messanleitung {
padding: 0 0 0 21px;
}

.groessenberater ul li span, .groessenberater td span {
background: #8e8e8e;
padding: 0 2px 0 6px;
margin: 0 5px 0 0;
}

.masstabelle {
width: 430px;
float: right;
}

.groessentabelle td {
padding: 5px 10px!important;
}

.masstabelle td span.eingerueckt {
background: none;
padding-left: 14px;
}

#content .masstabelle p{
margin: 20px 0 30px 0;
}

.masstabelle table {
margin: 0 0 30px 0;
padding: 0!important;
}

.masstabelle td,
.masstabelle th {
text-align: center;
vertical-align: middle;
}

.masstabelle-einzeilig td {
border-top: 1px solid #8e8e8e;
}

.masstabelle th {
border-bottom: 1px solid #8e8e8e;
}

.masstabelle td {
padding: 10px;
}

.spalteneinfaerbung {
background: #545454;
}

.masstabelle table tr {
height: 37px;
}

.masstabelle button{
margin: 0;
}

#content #container .masstabelle h2 {
border: none !important;
margin-top: 20px;
}

.rahmen-unten {
border-bottom: 1px solid #fff;
}

.rahmen-rechts {
border-right: 1px solid #484848;
}

.rahmen-rechts-weiss {
border-right: 1px solid #fff;
}

/* Abschnitt Kontaktformular */
#kontakt-formular .nachricht {
width: 400px;
height: 100px;
}

.captcha {
margin-top: 15px;
}

.captcha button {
margin: 7px 137px 0 0;
}

.captchaeingabe {
float: left;
width: 74px;
font-size: 1.2em;
margin-top: 10px;
}


/* floats aufheben allg. */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* vor IE-mac verstecken \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* ENDE vor IE-mac verstecken */


/* Helfer - am Ende der Datei belassen */
.ahem {  /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0;
width: 0;
left: -1000px;
top: -1000px;
}

.clear {
clear: both;
margin: -1px 0 0 0;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

.left {
float: left;
}

.mitte{
	float: left;
	margin-left: 80px;
}

.right {
float: right;
}

.no-border {
border: none;
}