/*******************************************************************************
*
* Programm:
*	omeco webshop, (c) 1998-2008 omeco GmbH
* Versions:
*	4.0
* Authors:
* 	Susanne Dutschke <sdutschke@omeco.de>
*
*******************************************************************************
*
* Desc: Webshop-Styles
*
*******************************************************************************/

h1#maintitle {
    font-size:0.7em;
    display:block;
    position:relative;              /* IE6-Hack damit er display:block beachtet */
    margin:0;
    padding:4px 8px 4px 10px;
    min-height:13px;
    border-bottom:1px solid #c5c5c5;
    background-color:#f1f1f1;
}

h2.subtitle {
    font-size:0.75em;
    font-weight:700;
    padding:2px 175px 2px 6px;
    margin:0 0 1px 20px;
    width:66.5%;
    position:relative;
    float:left;
    border-bottom:1px solid #c5c5c5;
    border-left:1px solid #c5c5c5;
}

h2.subtitle span.position {
    position:absolute;
    font-weight:500;
    left:-20px;
    top:-1px;
    padding:2px;
    background-color:#fff;
    width:14px;
    height:14px;
    text-align:center;
    border:1px solid #c5c5c5;
    color:#c5c5c5;
    font-size:0.9em;
}

p.headline_outer {
    font-size:0.7em;
    font-weight:700;
    padding:0 10px 15px 6px;
    width:90%; /* IE7 */
    background-color:#fff;
}

.errormessage {
    font-size:0.7em;
    color:#904D4D;
    padding:10px 2px 8px 36px;
    margin-bottom:10px;
    min-height:17px;
    vertical-align:middle;
    background:#f1f1f1 url(../img/errormessage.gif) 2px 0 no-repeat;
}

.infomessage {
    font-size:0.7em;
    padding:10px 2px 10px 34px;
    margin-bottom:10px;
    min-height:13px;
    vertical-align:middle;
    background:#fff url(../img/infomessage.png) 1px 1px no-repeat;
    border:1px solid #f1f1f1;
}

.sslinfo {
    font-size:0.7em;
    padding:5px 2px 7px 6px;
    margin-bottom:10px;
    margin-left:4px;
    min-height:13px;
    vertical-align:middle;
    border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

a:link {
    cursor:pointer;
    text-decoration:none;
    color:#8080FF;
}

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

a:hover, a:active {
    text-decoration:underline;
    color:#8080FF;
}

p {
    margin:0;
    padding:0;
}

p.text {
    font-size:0.7em;
    line-height:15px;
}

p.text img {
    margin-bottom:-2px;
}

.stext {
    font-size:0.6em;
}

a img {
    border:none;
}

.clear {
    display:block;
    clear:both;
    height:1px;
}

.bg_diagonalgrey {
    background:transparent url(../img/bg_body.png);
}

.backbutton {
    float:right;
    position:relative;
    top:-22px;
    margin-bottom:-22px;
    background:transparent url(../img/backto.gif) 4px 7px no-repeat;
}

.backbutton a, .backbutton a:hover, .backbutton a:active {
    color:#646464;
    font-size:0.7em;
    font-weight:700;
    padding:4px 0 4px 13px;
    text-decoration:none;
}

#topscroll, #bottomscroll {
    display:block;
    text-align:right;
    margin:20px 0 -10px 0;
}

#topscroll a, #bottomscroll a {
    font-size:0.7em;
    padding:4px 6px 4px 13px;
    background:transparent url(../img/scrolltop.gif) 2px 11px no-repeat;
}

#bottomscroll {
    margin:0 0 10px 0;
}

#bottomscroll a {
    background:transparent url(../img/scrollbottom.gif) 2px 8px no-repeat;
}

/* Preisformatierung */
.price {
    font-size:0.75em;
    font-weight:700;
    overflow:hidden;
    vertical-align:bottom;
    text-align:right;
    margin:3px;
    border-bottom:1px solid #c6c6c6;
}

.mainprice {
    color:#646464;
}

/* Aktionspreis */
.specialprice_new {
    color:#ee5029;
}

/* alter Preis */
.specialprice_old {
    font-size:0.8em;
    font-weight:500;
    color:#a9a9a9;
    text-decoration:line-through;
}

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

label {
    font-size:0.7em;
    padding-right:2px;
}

label.sinistral {
    float:left;
    font-weight:700;
    display:block;
    position:relative;
    width:200px;
    text-align:left;
}

input, select, textarea {
    font-family:verdana, helvetica, arial, sans-serif;
    border:1px solid #646464;
}

input { padding:2px; }

#input_img_s {
    width:22px;
    border:none;
    vertical-align: bottom;
    cursor:pointer;
    padding:0;
}

#breadcrumb {
    width:100%;
    font-size:0.6em;
    float:left;
    color:#646464;
    padding:4px 10px;
    margin:0;
    position:absolute;
    left:0;
    border-bottom:1px #c5c5c5 solid;
    background-color:#fff;
}

#breadcrumb ul, #breadcrumb li { display:inline; }

.buttons {
    font-family:verdana, helvetica, arial, sans-serif;
    font-size:0.7em;
    font-weight:500;
    color:#646464;
    text-decoration:none;
    word-spacing:-1px;
    padding:2px 20px;
    background-color:#f1f1f1;
    border:1px #c5c5c5 solid;
    cursor:pointer;
}

.buttons:hover {
    border:1px #8080FF solid;
    color:#8080FF;
    background-color:#f9f9f9;
}

.with_image {
    font-weight:500;
    padding-left:30px;
    padding-right:15px;
}

.with_image.newsletter {
    padding-left:30px;
    padding-right:8px;
    background:#f1f1f1 url(../img/news_add.png) 0 -3px no-repeat;
}

.with_image.newdeladdress {
    background:#f1f1f1 url(../img/add_deladdress.png) 2px 1px no-repeat;
}

.with_image.order {
    padding:8px 5px 8px 45px;
    text-align:center;
    font-weight:700;
    border:1px solid #c5c5c5;
    background:#f1f1f1 url(../img/continue_order.png) 2px 4px no-repeat;
    cursor:pointer;
}

.with_image.order.order:hover  {
    background:none;
    border:1px #8080FF solid;
    color:#8080FF;
    background:#f9f9f9 url(../img/continue_order_hover.png) 2px 4px no-repeat;
}

.with_image.finish {
    background:#f1f1f1 url(../img/complete.png) 4px 4px no-repeat;
}

.linkbutton {
    display:block;
    text-align:right;
    margin-top:20px;
}

.linkbutton a {
    font-size:0.7em;
    font-weight:500;
    color:#646464;
    padding:3px 15px;
    background-color:#f1f1f1;
    border:1px solid #c5c5c5;
    text-decoration:none;
}

.linkbutton a:hover {
    border:1px #8080FF solid;
    color:#8080FF;
    background-color:#f9f9f9;
    text-decoration:none;
}

.printout img {
    margin:0 5px -3px -8px;
}

.column_outer {
    background-color:#fff;
    padding:5px 0 8px 0;
    margin-bottom:10px;
    border-bottom:1px #C6C6C6 solid;
    border-top:1px #C6C6C6 solid;
}

#nextscript, #finish {
    float:right;
}

/* shophead */
#shophead {
    color:#fff;
    height:137px;    /* inkl. Höhe quickSearch */
    background:#646464 url(../img/bg_shophead.gif) 0 0 repeat-x;
}

#shophead .logo {
    float:left;
    position:relative;
}

#shophead .logo .demoremark {
    font-size:0.7em;
    font-weight:700;
    position:absolute;
    bottom:18px;
    left:265px;
    color:#fff;
}

#shophead .logo:hover {
    text-decoration:none;
}

#shophead ul {
    text-align:right;
    border:none;
}

#shophead ul li { display:inline; }

#shophead ul li a {
    font-size:0.6em;
    color:#fff;
}

#shophead .static a {
    border-left:1px solid #9D9B9C;
    padding:3px 10px;
}

#shophead ul.bottom {
    margin-top:70px;
    margin-right:10px;
}

/* Slogan shophead */
#shophead p {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    letter-spacing:0.05em;
    margin:58px 0 0 165px;
    float:left;
}

#shophead .big {
    font-size:1.7em;
    padding-right:10px;
}

#shophead .small { font-size:1.1em; }

/* footer */
#footer {
    font-size:0.6em;
    padding:1px 0;
    margin:1px 0 5px 0;
    padding-bottom:8px;
    background-color:#fff;
    border-top:17px solid #8080FF;
    border-bottom:1px solid #c5c5c5;
}

#footer .grey{
    height:7px;
    background-color:#646464;
}

#footerhead {
    height:7px;
    background-color:#646464;
}

#footer ul {
    width:100%;                /* center_content fullwidth */
    text-align:center;
    float:left;
    margin-top:8px;
}

#footer ul li {
    display:inline;
    margin:0 20px;
}

#footer a { color:#646464; }

#copyright {
    font-size:0.6em;
    width:250px;
    color:#646464;
    text-align:left;
    padding-left:5px;
    vertical-align:bottom;
    margin-top:0;
    margin-bottom:20px;
    float:left;
}

#copyright a {
    text-decoration:none;
    color:#646464; }

/* Schnellsuche */
#quicksearch {
    background-color:#8080FF;
    height:24px;
    width:100%;
    margin-top:5px;
    border-bottom:1px solid #fff;
    position:relative;
}

#quicksearch label {
    position:absolute;
    left:157px;
    top:5px;
    color:#2E5709;
    font-weight:700;
}

#searchterm {
    width:210px;
    font-size:0.7em;
    float:left;
    padding-bottom:2px;
    margin:2px 0 0 188px;
    border:1px solid #646464;
}

#quicksearch select {
    width:148px;
    font-size:0.7em;
    color:#646464;
    float:left;
    padding:1px;
    margin:2px;
    border:1px solid #646464;
}

#start_searching {
    border:none;
    float:left;
    margin:2px 0 0 0;
    padding:1px 13px 1px 32px;
    font-size:0.7em;
    border:1px solid #398100;
    color:#646464;
    cursor:pointer;
    background:#fff url(../img/search_icon.png) 3px -3px no-repeat;
}

#start_searching:hover {
    border-color:#8080FF;
    color:#8080FF;
    background-color:#f9f9f9;
}

#prosearch {
    position:relative;
    top:6px;
    font-size:0.6em;
    left:45px;
}

#prosearch a {
    font-weight:700;
    color:#fff;
}

/* pager */
.pager.top {
    position:absolute;
    top:1px;
    right:0;
}

.pager.bottom {
    text-align:right;
    margin:0 0 -11px 0;
    padding:2px 2px 1px 10px;
    border-top:1px #c5c5c5 solid;
    border-bottom:1px #c5c5c5 solid;
    background-color:#f1f1f1;
}

.pager select {
    vertical-align:top;
    font-size:0.7em;
    height:22px;
    width:85px;
}

.pager label {
    vertical-align:middle;
    padding:0 2px 10px 0;
}

.pager form {
    display:inline;
}


/* itemgroup */
#center_content div.itemGroupInline {
    margin:0 -11px 0 -10px;
    border-bottom:1px solid #e8e8e8;
}

#center_content div.itemGroupInline.bgitemline {
    background-color:#F9FAF0;
}

.pages li {
    font-size:0.7em;
    display:inline;
}

.items {
    padding:0 8px 0 1px;
}

.items.lines {
    border-right:1px solid #646464;
}

.showitems {
    padding:0 5px;
    border-right:1px solid #646464;
}

.active {
    font-weight:bold;
}

#sortselection {
    font-size:0.7em;
    width:130px;
    position:relative;
    top:-1px;
}

#sortbyform {
    border-bottom:1px solid #c5c5c5;
    padding:8px 10px;
}

#sortbyform p {
    float:right;
}

#groupimage { /* max. Breite für Produktgruppenbild ohne abstand zum Rahmen  = 615px */
    width:100%;
    overflow:hidden;
    margin-top:5px;
    margin-bottom:10px;
}

#groupdescription {
    padding:10px;
    text-align:justify;
    width:96%;
    font-size:0.7em;
}

#groupdescription img {  /* max. Breite für Produktgruppenbild innerhalb der groupdescription  =  592px */
    margin:5px 0;
}

/* itemline 3spaltig */
.itemline {
    padding:20px 10px 0 10px;
}

.itemline.underline.last {
    border-bottom:none;
}

div.itemGroupInline div.itemline h2.subtitle a, .itemline h2.subtitle a:hover {
    color:#646464;
    text-decoration:none;
}

.itemline .column_middle {
    float:left;
    width:69%;
    margin-top:5px;
}

.itemline .column_middle .text {
    margin-left:114px;
    line-height:15px;
    font-size:0.7em;
    padding-right:118px; /* .characteristic, left-px + 8px */
}

.itemline .column_right {
    text-align:right;
    float:right;
    width:30%;
    margin-top:-21px;
}

.itemline .column_right .pricenotice {
    position:relative;
    right:0;
    display:block;
    margin-bottom:2px;
}

.itemline .column_right .characteristic {
    margin-top:15px;
    text-align:left;
    position:relative;
    right:83px;
    display:block;
    width:260px;
}

.itemline .column_right .characteristic strong {
    font-size:0.7em;
    margin-left:3px;
}

.itemline .column_right .characteristic p {
    margin:3px;
    float:left;
}

.itemline .column_right .characteristic label {
    display:block;
    padding-bottom:3px;
}

.itemline .column_right select {
    font-size:0.7em;
    /*width:110px;*/
    position:relative;
    z-index:15px;
    color:#646464;
    border:1px solid #c5c5c5;
}

.itemline .column_right option {
    padding-right:4px;
}

.itemline .price, #item .price {
    float:right;
    width:31%;
    position:relative;
    top:-22px;
    margin:4px 0;
    border-bottom:none;
}

.itemline .thumbnail {
    float:left;
    margin-right:10px;
    font-size:0.6em;
    width:100px;
    padding:1px;
    text-align:center;
    position:relative;
    left:0;
    top:0;
    border:1px solid #e8e8e8;
    background-color:#fff;
    overflow:hidden;
}

.itemline .itemno {
    padding-bottom:10px;
}

.itemline .incart {
    text-align:right;
    padding-top:15px;
    margin-bottom:-7px;
}

.itemline .availbility i, #item .availbility i {
    background-color:#f1f1f1;
    border:1px solid #e8e8e8;
    padding:2px;
    color:#646464;
    margin-top:4px;
    font-style:normal;
    display:block;
    width:210px;
    overflow:hidden;
    text-align:center;
    font-size:1.1em;
}

#item .availbility i {
    font-size:1em;
}

.itemline .itembuttons .linkbutton {
    float:left;
    text-align:center;
    margin-top:2px;
}

.itemline .itembuttons .linkbutton a {
    padding:3px 0;
    width:110px;
    display:block;
}

/* gilt für item und itemline */
.itembuttons {
    position:relative;
    clear:both;
    text-align:right;
    border-top:1px dotted #c5c5c5;
    padding:3px 0 8px 0;
    margin:10px 0 8px 0;
}

/* gilt für item und itemline */
.itembuttons .menge {
    border:1px solid #c5c5c5;
    background-color:#fff;
    padding:1px 2px 2px 1px;
    margin-top:2px;
    text-align:right;
    font-size:0.8em;
}

/* item */
#item h2.subtitle {
    padding:2px 175px 2px 2px;
    margin-left:0;
    width:70.5%;
    border-left:none;
}

#item #itembody {
    width:100%;
    top:-8px;
    left:0;
    position:relative;
}

#item #itemcol {
    margin-top:-14px;
}

#item #itemcol .pic {
    display:inline;
    position:relative;
    z-index:4;
    background-color:#fff;
    font-size:0.6em;
    border:5px solid #fff;
    min-height:100px;
}

#item #itemcol .space {
    min-height:200px;
}

#item #itemcol .pic a {
    text-decoration:none;
}

#item #itemcol img.itempicture {
    border:1px solid #f1f1f1;
    padding:1px;
    max-width:300px;
    overflow:hidden;
}

#item #itemrightcol {
    float:right;
    padding:0;
    margin:0;
    text-align:right;
    position:absolute;
    right:0;
    top:0;
    z-index:6;
}

#item #itemrightcol .pricenotice {
    margin-bottom:2px;
}

#item #itemrightcol .characteristic {
    margin-top:15px;
    text-align:left;
    position:relative;
    right:0;
    display:block;
    /* width:260px; */
}

#item #itemrightcol .characteristic strong {
    font-size:0.7em;
    margin-left:3px;
}

#item #itemrightcol .characteristic p {
    margin:3px;
    float:left;
}

#item #itemrightcol .characteristic label {
    display:block;
    padding-bottom:3px;
}

#item #itemrightcol select {
    font-size:0.7em;
    /*width:110px;*/
    position:relative;
    z-index:15px;
    color:#646464;
    border:1px solid #c5c5c5;
}

#item #itemrightcol option {
    padding-right:4px;
}

#item .incart {
    position:absolute;
    bottom:17px;
    right:0;
    height:30px;
}

#item .itembuttons {
    position:absolute;
    width:100%;
    z-index:3;
    margin-bottom:5px;
    padding-bottom:0;
    bottom:0;
    right:0;
}

#item #windowpictures.white_content {
	top:20%;
	left:28%;
	padding:20px;
}

#item #zoomed_picture td {
    vertical-align:middle;
    text-align:center;
	height:360px;
	width:360px;
}

/* Accordion Artikeldetailansicht */
#accordion {
    margin-left:5px;
}

#accordion #longdescription {
    font-size:0.7em;
    margin-top:5px;
}

#accordion #longdescription h1, #accordion #longdescription h2, #accordion #longdescription h3,
#accordion #longdescription h4, #accordion #longdescription h5, #accordion #longdescription h6{
    margin:10px 0;
}

#accordion #longdescription p { padding:5px 0; }

#accordion #longdescription ul { list-style-type:disc; padding:5px 15px 10px 35px; }

#accordion #longdescription ol { list-style-type:decimal; padding:5px 15px 10px 35px; }

#accordion .item_accordion {
    font-size:0.7em;
    margin-top:5px;
    clear:both;
}

#accordion .closedcontent { /* closed accordion */
    font-weight:500;
    color:#646464;
    padding:8px 5px;
    border:1px solid #c5c5c5;
    background:#f1f1f1 url(../img/bg_mainnavi.png) 0 0 repeat-x;
    cursor:pointer;
}

#accordion .closedcontent:hover { /* hover-Effekt 'closed accordion' */
    border:1px solid #8080FF;
    color:#8080FF;
    background-image:none;
    background-color:#f9f9f9;
}

#accordion .opencontent { /* open accordion */
    background-color:#fff;
    font-weight:700;
    border-top:1px solid #e8e8e8;
    border-color:#f1f1f1;
    padding:10px 5px;
    color:#646464;
}

#accordion .opencontent:hover { /* hover-Effekt 'open accordion' */
    color:#646464;
    cursor:default;
}

#accordion .item_content { /* div mit Inhalt sichtbar wenn 'open accordion' */
    padding:5px 13px 10px 13px;
    border-bottom:1px solid #e8e8e8;
}

#item div .datafile {
    display:block;
    float:left;
}

/* Weitere Bilder */
#item #morepictures .datafile td {
    height:100px;
    overflow:hidden;
    vertical-align:middle;
    text-align:left;
    padding:0;
    border:1px #c5c5c5 solid;
}


#item #morepictures .datafile td a {
    padding:1px;
    display:block;
    font-size:0.7em;
    width:100px;
}

/* Downloads */
#item #downloads .datafile {
    font-size:0.7em;
    padding:20px 10px;
    margin:0 10px 10px 0;
    border-bottom:1px #c5c5c5 solid;
    display:block;
    width:90%;
}

#item #downloads .datafile a {
    color:#646464;
}

#item #downloads .datafile img {
    float:left;
    margin:-5px 10px 0 0;
}

/* Artikel - Auszeichnungen */
.itemline .newProduct {
    margin-bottom:-3px;
}

#item .newProduct {
    margin-bottom:0;
}

/* Herstellerfilter*/
#manufacturer {
    margin:10px;
    border:1px solid #fff;
    background:#f1f1f1 url(../img/manufacturer_korner.gif) right 0 no-repeat;
}

#manufacturerlist {
    padding:5px 1px 0 6px;
}

#manufacturerlist a {
    float:left;
    color:#646464;
    font-size:0.7em;
    height:50px;
    width:98px;
    padding:1px;
    text-align:center;
    overflow:hidden;
    border:1px solid #c5c5c5;
    background-color:#fff;
    margin-right:5px;
    text-decoration:none;
    position:relative;
    margin-bottom:5px;
}

#manufacturerlist a span {
    position:absolute;
    left:0;
    bottom:3px;
    width:94px;
    text-align:center;
}

#manufacturerlist a strong {
    font-weight:500;
    font-size:0.9em;
}

#manufacturerlist a img, #manufacturerlist a span  {
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}

#manufacturerlist a:hover img, #manufacturerlist a:hover span  {
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

#manufacturerlist a.active img, #manufacturerlist a.active span  {
	filter:alpha(opacity=100);
	-moz-opacity:100;
	opacity:100;
    color:#646464;
}

#manufacturer p {
    text-align:right;
    font-size:0.7em;
    padding:5px;
    border-top:1px solid #e8e8e8;
    background-color:#FAFAFA;
}

#manufacturer p a {
    color:#646464;
}

/* Erweiterte Suche - Profisuche */
#profisearch table {
    margin-top:5px;
}

#profisearch table td {
    padding:5px 5px 15px 0;
    vertical-align:top;
}

#profisearch table .leftwidth {
    width:165px;
    font-weight:700;
}

#profisearch table thead td {
    vertical-align:bottom;
    padding-bottom:0;
    font-weight:500;
}

#profisearch table .mainlabel {
    font-weight:700;
}

#profisearch table input {
    font-size:0.7em;
    width:240px;
}

#profisearch table select {
    font-size:0.7em;
    width:246px;
}

#profisearch table .fromto span {
    font-size:0.7em;
}

#profisearch table .fromto input, #profisearch table .fromto select {
    width:83px;
}

#profisearch .smlSearchFields {
    border-top:1px solid #c6c6c6;
}

#profisearch .smlSearchFields table td {
    padding-bottom:5px;
}

#profisearch .smlSearchFields .content label {
    display:block;
    padding-bottom:3px;
}

#profisearch .smlSearchFields table .leftwidth {
    padding-top:21px;
}

.profisearch.errormessage {
    margin:10px 10px 0 10px;
}

/* Login */
/* gilt für #login, #customerdata, #showcustomer */
.greybox {
    background-color:#f1f1f1;
    border:1px solid #e8e8e8;
    padding:10px 110px 10px 10px;
    margin-bottom:10px;
    text-align:left;
    float:left;
}

#USERNAME, #PASSWD, #CUSEMAIL,
#Q_USERNAME, #Q_PASSWD {
    display:block;
    width:256px;
    margin-bottom:5px;
}

#login label.sinistral, #newpassword label.sinistral {
    margin-top:3px;
}

#login div div, #newpassword div div {
    display:block;
    width:100%;
    text-align:right;
    margin-top:15px;
}

#login .linkbutton {
   text-align:left;
    margin-top:5px;
}

#login .enter, #newpassword .forward {
    margin-left:205px;
}

#login input, #newpassword input, #newpassword select {
    font-size:0.7em;
}

#login .newregistertext { padding:15px 0; }

#login .logindexter {
    font-size:0.7em;
    margin:25px 0 20px 200px;
}

#login .logindexter strong {
    display:block;
    margin-bottom:5px;
}

#login .noprofile { margin-top:30px; }

/* Neues Passwort anfordern */
#newpassword .greybox label {
    display:block;
}

/* Passwort wurde zugeschickt */
#passwordsend p.customerarea {
    display:block;
    text-align:center;
}

/* quicklogin */
#quicklogin {
    border-top:none;
    padding-right:5px;
}

#quicklogin label {
    font-size:0.6em;
    font-weight:700;
}

#quicklogin .errormessage { margin:-5px 0 10px 6px; }

#quicklogin .text {
    font-size:0.7em;
    padding:3px 5px 8px 35px;
    background:#fff url(../img/usersign.gif) 5px 5px no-repeat;
}

#quicklogin .naviuser {
    font-size:0.6em;
    color:#8080FF;
    padding:4px 5px 2px 35px;
}

#quicklogin #Q_USERNAME,
#quicklogin #Q_PASSWD {
    width:100%;
    font-size:0.6em;
}

#login #beregisteredlb, #quicklogin #beregisteredlb {
    font-weight:500;
    border:none;
    vertical-align:middle;
    padding:0 4px 1px 0;
}

#quicklogin ul {
    line-height:0.8em;
    padding:0 8px;
}

#quicklogin ul li a { font-size:0.6em; }

.login_fields { padding:0 6px 0 8px }

.login_fields span { display:block; margin:5px 0;}

.log_in {
    display:block;
    text-align:right;
    padding:0 0 15px 0;
}

#quicklogin a.enter img, #login a.enter img {
    margin:0 2px -6px -12px;
}

/* Navigation Factfinder / Filter */
#factfinder_navigation {
    margin-top:-1px;
    padding:5px 1px;
}

#factfinder_navigation p {
    font-size:0.7em;
    color:#5c5c5c;
}

#factfinder_navigation p.group {
    padding:8px 10px 8px 8px;
    margin-top:8px;
    border-top:1px #E5E5E5 solid;
}

#factfinder_navigation p.group.no_padding_top {
    margin-top:0;
    border-top:none;
}

#factfinder_navigation div p {
    font-weight:500;
    display:block;
    padding:5px 8px;
    margin-bottom:1px;
    text-decoration:none;
}

#factfinder_navigation div p a {
    padding-left:20px;
}

#factfinder_navigation div p a {
    background:#fff url(../img/box_empty.gif) 1px 0 no-repeat;
    text-decoration:none;
    color:#646464;
}

#factfinder_navigation div p a:hover, #factfinder_navigation div p a:focus {
    background:#fff url(../img/box_checked.gif) 1px 0 no-repeat;
    text-decoration:none;
    color:#646464;
}

#factfinder_navigation div p a.activefilter {
    background:#fff url(../img/box_checked.gif) 1px 0 no-repeat;
    text-decoration:none;
    padding-bottom:0;
    color:#8080FF;
}

#factfinder_navigation #remove_all_filter {
    font-size:0.7em;
    display:block;
    margin:20px 8px 5px 8px;
    text-align:right;
}

#byfactfinder {
    font-size:0.6em;
    text-align:right;
    padding:5px 10px;
}

#byfactfinder a {
    color:blue;
    font-weight:bold;
}

/* Newsletter abonnieren */
#newsletterSubscription {
    width:100%;
}

#newsletterSubscription .errormessage,
#newsletterSubscription .infomessage {
    margin:-5px 6px 10px 6px;
}

#newsletterSubscription .login_fields label {
    font-size:0.6em;
    font-weight:700;
}

#newsletterSubscription .login_fields #NewsletterEmail {
    font-size:0.7em;
    width:96%;
    margin-bottom:8px;
}

#newsletterSubscription #submit {
    margin:0 0 5px 8px;
    width:92%;
}

/* quickorder */
#quickorder  { border-top:none; }

#quickorder form p  { display:inline; }

#quickorder p label {
    display:block;
    font-size:0.6em;
    float:left;
}

#quickorder input {
    font-size:0.7em;
    margin-top:-3px;
}

#quickorder #quickorderbutton {
    border:none;
    margin-bottom:-8px;
    margin-left:-2px;
}

#quickorder .text1 {
    width:54%;
    margin-left:6px;
}

#quickorder .text2 { width:15%; }

#quickorder label.text2 { margin-left:10px; }

/* für kleinen Warenkorb und kleine Merkliste */
.status .errormessage { margin:-5px 6px 10px 6px; }

.status table {
    font-size: 0.6em;
    margin:0 2px;
    width:98.5%;
}

.status table tr td {
    vertical-align:top;
    padding:0 2px;
}

.status table tbody tr td.item,
.status table tbody tr td.amount,
.status table tbody tr td.editlist {
    border-top:1px solid #f1f1f1;
}

.status table tr td.item span {
    display:block;
    margin-top:5px;
}

.status table td.item.first,
.status table td.amount.first,
.status table td.editlist.first {
    border-top:none;
}

.status table td.head_left.qcstatus {
   width:100%;
}

.status td.content {
    padding-top:6px;
}

.status table tr td.addon {
    padding:3px 2px 6px 2px;
}

.status table tr td.rebateinfo i {
    display:block;
    margin-top:-5px;
    padding-bottom:6px;
}

.status table tr td.head_right,
.status table tr td.action {
    text-align:right;
    width:50px;
}

.status table tr td.col {
    width:35px;
}

.status table tr td.head_right.cstatus,
.status table tr td.action.cstatus {
    text-align:right;
    width:50px;
}

.status .statusremark {
    background-color:#f1f1f1;
    padding:5px;
    font-size:0.6em;
    margin:8px 2px 5px 2px;
    width:93%;
}

.status #cstatus_small_buttons a:hover,
.status #qstatus_small_buttons a:hover {
    text-decoration:none;
}

.status #cstatus_small_buttons a:hover img,
.status #qstatus_small_buttons a:hover img {
    border:1px solid #8080FF;
}

.status #cstatus_small_buttons a label,
.status #qstatus_small_buttons a label {
    display:block;
    margin-top:0;
    cursor:pointer;
    color:#646464;
}

.status #cstatus_small_buttons a:hover label,
.status #qstatus_small_buttons a:hover label {
    color:#8080FF;
}

/* nur für kleinen Warenkorb */
.status .paymentcosts td, .status .shipping td {
    padding-top:5px;
    padding-bottom:5px;
}

.status .paymentcosts.lowpadding td {
    padding-bottom:0;
}

.status .bordertop td {
    border-top:1px solid #f1f1f1;
}

.status .totalprice td {
    margin:8px;
    padding-top:5px;
    padding-bottom:3px;
    border-top:1px solid #646464;
}

.status #cstatus_small_buttons p {
    width:58px;
    text-align:center;
    float:left;
    font-size:0.9em;
    margin-left:4px;
}

.status #cstatus_small_buttons a img {
    margin:2px 0;
    padding:5px 15px;
    border:1px solid #e8e8e8;
    cursor:pointer;
}

.status #cash {
    position:relative;
    margin:18px 4px 2px 4px;
    cursor:pointer;
}

.status #cash img {
    position:absolute;
    bottom:-8px;
    left:2px;
}

.status #cash a {
    font-size:0.7em;
    display:block;
    color:#646464;
    width:79%;
    padding:8px 0 8px 37px;
    text-align:center;
    border:1px solid #c5c5c5;
    background-color:#f1f1f1;
}

.status #cash a:hover {
    background:none;
    color:#8080FF;
    background-color:#f9f9f9;
    border:1px solid #8080FF;
    text-decoration:none;
}

.status .empty {
    padding:0 10px 10px 10px;
}

/* nur für kleine Merkliste - #quickcartstatus */
.status #qstatus_small_buttons p {
    width:88px;
    text-align:center;
    float:left;
    font-size:0.9em;
    margin-top:3px;
    margin-left:4px;
}

.status #qstatus_small_buttons a img {
    margin:2px 0;
    padding:5px 30px;
    border:1px solid #e8e8e8;
    cursor:pointer;
}

.status #quickcart, .status #cart {
    font-size:0.7em;
    text-align:center;
    border:1px solid #c5c5c5;
    cursor:pointer;
}

.status #copytocart {
    margin:5px 4px 0 4px;
    padding:9px;
    display:block;
    width:85.5%;
    color:#646464;
    border:1px solid #e8e8e8;
    font-size:0.7em;
}

.status #deleteqcart {
    margin-bottom:0;
}

.status #saveqcart:hover, .status #deleteqcart:hover, .status #copytocart:hover {
    border:1px solid #8080FF;
    color:#8080FF;
    text-decoration:none;
}

.status #saveqcart img, .status #deleteqcart img, .status #copytocart img {
    margin:-5px 4px -6px -4px;
}

/* Topprodukte / Zubehör */
#cartCrossSelling { /* cart Zubehör */
    background-color:#f1f1f1;
    border-bottom:1px solid #e8e8e8;
    margin-top:20px;
    border-top:1px solid #c5c5c5;
}

#cartCrossSelling .crossSelling { /* cart Zubehör */
    width:23.4%;
    height:210px;
    margin:0 0 10px 13px;
    float:left;
    padding-top:5px;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    background-color:#fff;
    overflow:hidden;
}

#cartCrossSelling .headline_outer { /* cart Zubehör */
    padding:10px;
    margin-bottom:13px;
    width:100%;
    border-bottom:1px solid #e8e8e8;
}

#cartCrossSelling .crossSelling .link {
    bottom:10px;
}

.cgroup {
    padding:0 6px 6px 6px;
}

.cgroup p {
    margin-bottom:10px;
}

.cgroup p a {
    font-size:0.7em;
    color:#646464;
    text-decoration:none;
    padding-left:20px;
    background:#fff url(../img/box_empty.gif) 1px 0 no-repeat;
}

.cgroup p a:hover, .cgroup p a:focus, .cgroup p a:active {
    color:#646464;
    text-decoration:none;
    background:#fff url(../img/box_checked.gif) 1px 0 no-repeat;
}

.cgroup .activeCGroup {
    font-size:0.7em;
    color:#646464;
    padding-left:20px;
    background:#fff url(../img/box_checked.gif) 1px 0 no-repeat;
}

.cgroup span {
    display:block;
    width:92%;
    height:10px;
    font-size:0.7em;
    padding:5px 0;
    text-align:right;
}

.topproducts, .crossSelling {
    border-bottom:1px solid #c5c5c5;
    margin-bottom:5px;
    position:relative;
    width:100%;
}


.topproducts .tmb, .crossSelling .tmb {
    display:block;
    position:relative;
}

.topproducts .thumbnail, .crossSelling .thumbnail {
    font-size:0.6em;
    width:75px;
    padding:1px;
    overflow:hidden;
    text-align:center;
    display:block;
    margin:0 4px 0 8px;
    border:1px solid #e8e8e8;
    background-color:#fff;
}

.topproducts .tmb img, .crossSelling .tmb img {
    max-width:75px;
    max-height:100px;
}

.topproducts.last, .crossSelling.last {
    border-bottom:none;
    margin-bottom:-9px;
}

.topproducts .title, .crossSelling .title {
    font-size:0.6em;
    font-weight:700;
    margin:0 8px 5px 8px;
    display:block;
    clear:both;
}

.topproducts .price, .crossSelling .price {
    border-bottom:none;
    text-align:left;
    position:absolute;
    left:90px;
    font-size:0.7em;
    bottom:-3px;
}

.topproducts .description, .crossSelling .description {
    font-size:0.6em;
    margin:5px 8px 0 8px;
    padding-bottom:50px;
}

.topproducts .link, .crossSelling .link {
    position:absolute;
    display:block;
    width:95%;
    left:8px;
    bottom:8px;
}

.topproducts .linkbutton a, .crossSelling .linkbutton a {
    margin-right:8px;
}

.topproducts .link .buttons, .topproducts .linkbutton a,
.crossSelling .link .buttons, .crossSelling .linkbutton a {
    padding-left:0;
    padding-right:0;
    float:left;
    text-align:center;
    font-size:0.6em;
    width:82px;
}

.topproductsPricenotice, .crossSellingPricenotice {
    position:relative;
    top:5px;
    text-align:center;
    bottom:-10px;
    left:-3px;
    letter-spacing:-0.01em;
}

/* Mein Konto- bzw. Kundenbereich */
#myaccount .greybox {
    font-size:0.7em;
    position:relative;
    width:40%;
    float:left;
    z-index:1;
    margin:30px 10px 0 20px;
    padding:95px 15px 15px 12px;
    height:60px;
    line-height:15px;
}

#myaccount .greybox a {
    font-weight:700;
    line-height:13px;
}

#myaccount .greybox span {
    display:block;
    position:absolute;
    left:132px;
    padding-right:10px;
    top:15px;
}

#myaccount img {
    position:absolute;
    left:-23px;
    top:-16px;
    z-index:2;
}

/* Meine Bestellungen / Bestellübersicht */
#myorders {
    background:#fff url(../img/bg_myorders.gif) 1px 0 no-repeat;
    min-height:300px;
}

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

#myorders td, #myvouchers td { font-size:0.7em; }

#myorders td.odate { width:14%; }

#myorders td.onumber { width:16%; }

#myorders td.ovalue { width:17%; }

#myorders td.ostatus{ width:23%; }

#myorders td.showdetails { width:30%; }

#myorders #empty { margin:40px 0 150px 0; }

#myorders #empty td { padding:8px; }

/* Bestelldetails */
#yourinvoiceaddress, #yourdeliveraddress,
#yourcustomerdata {
    margin-right:15px;
    width:30.1%;
    padding-right:10px;
    float:left;
}

#myorderdetail .greybox, #orderend .greybox {
    height:127px;
    padding:10px;
    margin:5px 0 15px 0;
    width:225px;
    overflow:auto;
    position:relative;
}

#yourcustomerdata .location4 {
    position:absolute;
    bottom:10px;
}

#myorderdetail div div label, #orderend div div label {
    display:block;
    width:245px;
    margin-top:0;
}

#myorderdetail #cart table .cartupdate td.tablespacer,
#quickcartdetails #cart table .cartupdate td.tablespacer,
#myorderdetail #cart table .subtotalline td.tablespacer {
    padding:0;
    border-top:0;
    vertical-align:middle;
}

#cart .cartupdate label {
    font-size:1em;
    color:#8080FF;
    cursor:pointer;
}

/* Meine Gutscheine */
#myvouchers div {
    background:#fff url(../img/bg_myvouchers.gif) 1px 0 no-repeat;
}

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

#myvouchers table td.tmb {
    width:12.5%;
}

#myvouchers table .odd td.tmb {
    border-left:1px solid #e8e8e8;
}

#myvouchers table td.vvalue {
    width:16%;
}

#myvouchers table .odd td.expiry  {
    border-right:1px solid #e8e8e8;
}

#myvouchers #empty { margin:30px 0 150px 0; }

#myvouchers #empty td { padding:8px; }

/* Formulare */
label.pflichtfeld {
    padding-left:15px;
    margin-bottom:2px;
    display:block;
    width:255px;
    background:transparent url(../img/feld_pflichtfeld.png) no-repeat;
}

label.pflichtfeld.inaktiv {
    background:transparent url(../img/feld_inaktiv.png) no-repeat;
}

label.optional {
    padding-right:17px;
    margin-bottom:2px;
    width:255px;
    display:block;
    background:none;
}

label.optional.rt, label.pflichtfeld.rt, label.rt.failure_label {
    margin-left:20px;
}

label.pflichtfeld.failure_label {
    background:transparent url(../img/feld_caution.png) no-repeat;
}

input.pflichtfeld, select.pflichtfeld {
    background-color:#F9FAF0;
}

input.failure_field, select.failure_field {
    border:1px solid #EE5029;
    background-color:#FEF1F1;
}

:disabled {
    background-color:#F6F6F6;
    border-color:#c5c5c5;
    color:#8e8e8e;
}

.onecolumn input, .onecolumn select {
    display:block;
    margin-bottom:5px;
}

.twocolumn input, .twocolumn select {
    float:left;
}

.onecolumn, .twocolumn {
    clear:both;
}

.onecolumn label, .twocolumn label {
    display:block;
}

.twocolumn label {
    float:left;
}

.twocolumn label.rt {
    display:block;
    float:left;
}

.headline_formular {
    display:block;
    padding:20px 0 8px 0;
}

.headline_formular strong {
    font-size:0.7em;
}

/* Neues Kundenkonto anlegen / Registrierung */
#customerdata :disabled {
    background-color:#F6F6F6;
}

#customerdata #center_content.customer {
    padding-right:11px;
    padding-bottom:20px;
    border-bottom:1px solid #c5c5c5;
}

#customerdata p input, #customerdata p select,
#mydeliveraddress p input, #mydeliveraddress p select {
    font-size:0.75em;
    margin:0 20px 6px 0;
}

#customerdata .twocolumn select, #customerdata .onecolumn select {
    font-size:0.8em;
}

#customerdata .twocolumn input, #customerdata .onecolumn input,
#mydeliveraddress .twocolumn input, #mydeliveraddress .onecolumn input {
    width:265px;
}

#customerdata .twocolumn select, #customerdata .onecolumn select,
#mydeliveraddress .twocolumn select, #mydeliveraddress .onecolumn select {
    width:271px;
}

#customerdata label span, #mydeliveraddress label span {
    font-size:0.9em;
    display:block;
    width:250px;
}

#customerdata label.pflichtfeld span {
    margin-left:-14px;
}

#customerdata #invoiceaddress, #customerdata #deliveraddress, #mydeliveraddress #deliveraddress {
    padding-left:10px;
}

#customerdata #deliveraddress, #customerdata #mydeliveraddress {
    margin-bottom:40px;
}

#customerdata #activatedeliveryfields {
    margin:0 0 10px 0;
}

#customerdata #activatedeliveryfields input {
    margin:0 5px 0 5px;
}

#customerdata .salutation, #mydeliveraddress .salutation {
    width:83px;
}

#customerdata .title, #mydeliveraddress .title {
    width:87px;
}

#customerdata #title, #customerdata #d_title,
#customerdata #salutation, #customerdata #d_salutation,
#mydeliveraddress #salutation, #mydeliveraddress #title {
    width:100px;
}

#customerdata #salutation, #customerdata #d_salutation,
#mydeliveraddress #salutation {
    clear:both;
}

#customerdata .twocolumn .zip, #mydeliveraddress .twocolumn .zip  {
    margin-right:5px;
}

#customerdata .twocolumn #streetname, #customerdata .twocolumn #d_streetname,
#mydeliveraddress .twocolumn #streetname {
    width:213px;
}

#customerdata .twocolumn .street,
#mydeliveraddress .twocolumn .street {
    width:30px;
    margin-right:0;
}

#customerdata .twocolumn .streetno,
#mydeliveraddress .twocolumn .streetno {
    width:31px;
    margin-left:5px;
}

#customerdata .twocolumn label.streetno,
#mydeliveraddress .twocolumn label.streetno {
    margin-left:7px;
}

#customerdata #streetnumber, #customerdata .zip,
#customerdata #d_streetnumber,
#mydeliveraddress #streetnumber, #mydeliveraddress .zip {
    width:41px;
}

#customerdata .twocolumn #zip, #customerdata .twocolumn #d_zip,
#mydeliveraddress .twocolumn #zip {
    width:54px;
    text-align:right;
}

#customerdata .twocolumn .city, #mydeliveraddress .twocolumn .city {
    width:192px;
}

#customerdata .twocolumn .street, #customerdata .twocolumn #city,
#customerdata .twocolumn #d_city,
#mydeliveraddress .twocolumn .street, #mydeliveraddress .twocolumn #city {
    width:200px;
}

*:not(hr) #customerdata .greybox.logindata {
    padding-bottom:0;
}

#customerdata .greybox {
    padding:10px 10px 10px 10px;
}

#customerdata .greybox .rt {
    margin-right:0;
}

#customerdata #birthday select,
#customerdata #birthday input {
    float:left;
    margin-right:5px;
}

#customerdata #day, #newpassword #day  {
    width:45px;
}

#customerdata #year, #newpassword #year {
    width:38px;
}

#customerdata #month, #newpassword #month {
    width:100px;
}

#customerdata .remarkfornewdaddress {
    padding:3px 10px 0 10px;
}

#customerdata .orderbutton #nextscript {
    font-size:0.7em;
}

/* Merklistenverwaltung und Merklisten-Detailansicht */
#quickcart .activ {
    font-weight:700;
}

#quickcart div {
    background:#fff url(../img/bg_quickcart.gif) right top no-repeat;
    min-height:300px;
}

#quickcart .greybox label, #quickcartdetails .greybox label {
    font-weight:700;
    float:left;
    margin-top:4px;
}

#quickcart #quickname, #quickcartdetails #quickname {
    font-size:0.7em;
    float:left;
    display:block;
    width:55%;
    margin:0 5px;
    padding:3px;
}

#quickcartdetails #quickname {
    width:64%;
}

#quickcart .greybox {
    float:none;
    padding:5px 10px;
    margin-top:15px;
    margin-bottom:65px;
    background-color:none;
}

#quickcart .greybox.text {
    padding:10px;
    margin-top:35px;
}

#quickcart table {
    margin-top:15px;
}

#quickcart table thead td {
    font-size:0.7em;
}

#quickcart table td {
    padding:8px 5px;
}

#quickcart table td.itemnumber {
    width:16%;
}

#quickcart table td.item {
    width:40%;
}

#quickcart table td.amount {
    width:8%;
}

#quickcart table td.singleprice, #quickcart table td.sum,
#quickcart table td.action {
    width:12%;
}

#quickcart tbody .odd .date {
    border-left:1px solid #e8e8e8;
}

#quickcart tbody .odd .action {
    border-right:1px solid #e8e8e8;
}

#quickcart .date {
    text-align:right;
    width:8%;
    font-size:0.7em;
}

#quickcart .name {
    width:25%;
    font-size:0.7em;
}

#quickcart .doing {
    text-align:center;
}

#quickcart .doing a {
    color:#646464;
    text-decoration:none;
}

#quickcart .doing a:hover {
    color:#8080FF;
}

#quickcart .doing label {
    cursor:pointer;
    display:block;
    font-size:0.6em;
}

/* Merklisten-Detailansicht */
#quickcartdetails .greybox {
    float:none;
    height:20px;
    padding:5px 10px;
    margin-top:15px;
    margin-bottom:32px;
}

#quickcart form {
    margin-bottom:30px;
}

/* Bestellnavigation Bestellschritte */
#orderbreadcrumb {
    width:100%;
    margin:-1px 0 15px -1px;
}

#orderbreadcrumb li {
    font-size:0.7em;
    float:left;
    margin-bottom:-1px;
    margin-right:1px;
}

#orderbreadcrumb li a {
    color:#8080FF;
    height:60px;
    display:block;
    width:100%;
    z-index:9;
    position:relative;
    text-align:center;
    text-decoration:none;
    border:1px solid #c5c5c5;

}

#orderbreadcrumb li a:hover {
    z-index:10;
    cursor:pointer;
    border:1px solid #8080FF;
    background-color:#fff;
}

#orderbreadcrumb li a.inaktiv {
    color:#c5c5c5;
    z-index:9;
    cursor:default;
    border:1px solid #c5c5c5;
}

#orderbreadcrumb li a.selected {
    color:#646464;
    z-index:11;
    border:1px solid #8080FF;
    cursor:text;
}

#orderbreadcrumb span {
    display:block;
    width:100%;
    position:absolute;
    bottom:6px;
    left:0;
}

/* Bestellschritte Breite */
#orderbreadcrumb li#step0 {
   width:15%;
}

#orderbreadcrumb li#step1 {
   width:18%;
}

#orderbreadcrumb li#step2 {
   width:27%;
}

#orderbreadcrumb li#step3 {
   width:18.2%;
}

#orderbreadcrumb li#step4 {
   width:21%;
}

/* Bestellschritte Icons/Farben als Link */
#orderbreadcrumb li#step0 a.link {   /* Warenkorb */
    background:#F6F6F6 url(../img/full_shoppingcart_checked.png) center 4px no-repeat;
}

#orderbreadcrumb li#step1 a.link {   /* Adressdaten */
    background:#F6F6F6 url(../img/address_data_checked.png) center 4px no-repeat;
}

#orderbreadcrumb li#step2 a.link {   /* Versand- und Zahlungoption */
    background:#F6F6F6 url(../img/choose_delivery_checked.png) center 4px no-repeat;
}
/**** Step 3 und 4 werden nie als Link ausgegeben ***/

/* Bestellschritte Icons/Farben ausgewählt */
#orderbreadcrumb li#step0 a.selected {   /* Warenkorb */
    background:#fff url(../img/full_shoppingcart.png) center 4px no-repeat;
}

#orderbreadcrumb li#step1 a.selected {   /* Adressdaten */
    background:#fff url(../img/address_data.png) center 4px no-repeat;
}

#orderbreadcrumb li#step2 a.selected {   /* Versand- und Zahlungoption */
    background:#fff url(../img/choose_delivery.png) center 4px no-repeat;
}

#orderbreadcrumb li#step3 a.selected {   /* Prüfen & Bestellen */
    background:#fff url(../img/check_and_order.png) center 4px no-repeat;
}

#orderbreadcrumb li#step4 a.selected {   /* Bestellbestätigung */
    background:#fff url(../img/thanks_for_order.png) center 4px no-repeat;
}

/* Bestellschritte Icons/Farben inaktiv */
/**** Step 0 wird nie inaktiv sein ***/
#orderbreadcrumb li#step0 a.inaktiv {   /* Adressdaten */
    background:#f1f1f1 url(../img/full_shoppingcart_inaktiv.png) center 4px no-repeat;
}

#orderbreadcrumb li#step1 a.inaktiv {   /* Adressdaten */
    background:#f1f1f1 url(../img/address_data_inaktiv.png) center 4px no-repeat;
}

#orderbreadcrumb li#step2 a.inaktiv {   /* Versand- und Zahlungoption */
    background:#f1f1f1 url(../img/choose_delivery_inaktiv.png) center 4px no-repeat;
}

#orderbreadcrumb li#step3 a.inaktiv {   /* Prüfen & Bestellen */
    background:#f1f1f1 url(../img/check_and_order_inaktiv.png) center 4px no-repeat;
}

#orderbreadcrumb li#step4 a.inaktiv {   /* Bestellbestätigung */
    background:#f1f1f1 url(../img/thanks_for_order_inaktiv.png) center 4px no-repeat;
}

/* Grosser Warenkorb */
#cart .emptycart {
    clear:both;
    font-size:0.7em;
    padding:40px;
}

#cart .emptycart img {
    float:left;
    margin:-10px 10px 0 0;
}

#cart #cartform fieldset {
    clear:both;
    border:none;
    margin:10px 0;
}

#cart table { width:100%;}

#cart table thead td {
    font-weight:700;
    vertical-align:bottom;
}

#cart table td.tmb {
    width:0.5%;
    font-size:0.6em;
    padding-right:0;
    vertical-align:top;
}

#cart table td.tmb a {
    display:block;
    width:79px;
    text-align:center;
    overflow:hidden;
    background-color:#fff;
}

#cart table td.tmb img {
    max-width:75px;
    padding:1px;
    background-color:#fff;
    border:1px solid #e8e8e8;
}

#cart table td.item {
    font-size:0.7em;
    width:28%;
}

#cart table td.item p {
    font-size:0.9em;
    margin-top:5px;
}

#cart table .rebate {
    font-size:0.7em;
    width:14%;
}

#cart table .rebate .norebates {
    text-align:center;
}

#cart table .rebate .posremark {
    font-size:0.9em;
    display:block;
    margin-bottom:6px;
}

#cart table .amount {
    font-size:0.7em;
    padding-left:5px;
    padding-right:5px;
    text-align:right;
}

#cart table .amount input {
    font-size:1em;
    text-align:right;
    padding:1px 2px;
    margin-top:1px;
    width:25px;
}

#cart table .amount .counterlink {
    width:10px;
    float:right;
}

#cart table .amount a {
    cursor:pointer;
}

#cart table .amount img {
    height:9px;
    width:9px;
    margin:1px 0;
}

#cart table .amount .countup {
    background:transparent url(../img/countup.gif) 0 0 no-repeat;
}

#cart table .amount .countup:hover {
    background:transparent url(../img/countup_hover.gif) 0 0 no-repeat;
}

#cart table .amount .countback {
    position:relative;
    top:-1px;
    background:transparent url(../img/countback.gif) 0 0 no-repeat;
}

#cart table .amount .countback:hover {
    background:transparent url(../img/countback_hover.gif) 0 0 no-repeat;
}

#cart table .vat {
    font-size:0.7em;
    width:18%;
    text-align:center;
}

#cart table .singlecosts {
    font-size:0.7em;
    width:15%;
    text-align:right;
}

#cart table .nettocosts {
    font-size:0.7em;
    width:18%;
    text-align:right;
}

#cart table .costs {
    font-size:0.7em;
    width:18%;
    text-align:right;
}

#cart table .action {
    font-size:0.7em;
    padding:0 5px 0 0;
    text-align:center;
}

#cart table .cartupdate td {
    padding:5px;
    border-top:1px solid #e8e8e8;
}

#cart table .cartupdate td a {
    font-size:0.7em;
}

#cart table .cartupdate input, #cart table .action input { border:none; }

#cart .voucherorrebatebg td {
    background-color:#F8FCF5;
}

#cart .showMyDeduction td {
    font-size:0.7em;
    padding:4px 8px;
}

#cart .voucherline table td {
    font-size:1em;
    border-top:none;
    vertical-align:middle;
}

#cart .voucherline td.voucherposition {
    padding:0;
}

#cart .voucherline td.voucherposition tfoot td {
    border-top:none;
    border-bottom:none;
}

#cart .voucherline td.action {
    border-bottom:none;
}

#cart .voucherline table thead td {
    font-weight:500;
    padding:5px 8px;
    border-bottom:none;
}

#cart .voucherline table thead .pricevoucher_headline td.action {
    border-bottom:none;
}

#cart .voucherline table thead .vouchername span {
    font-size:0.9em;
}

#cart .voucherline table tbody td {
    padding:8px 8px 0 8px;
    border-bottom:none;
}

#cart .voucherline p {
    padding-bottom:3px;
}

#cart .voucherline .discountremark {
    font-size:0.8em;
}

#cart table .remarkfornotaktivitem {
    color:#904D4D;
}

#cart #orderpayhipcart td {
    background-color:#fff;
    padding:10px;
    border-top:1px solid #c5c5c5;
}

#cart #orderpayhipcart td #remark_country_selecting {
    line-height:14px;
    margin-top:5px;
    width:360px;
}

#cart .accounting td  {
    font-size:0.7em;
    text-align:right;
    padding:3px 8px;
}

#cart .skonto td  { color:#EE5029; }

#cart .bonus td.bg  {
    padding:5px 8px;
    border-top:1px solid #e8e8e8;
}

#cart .accounting.subtotalline td {
    padding:8px 8px 3px 8px;
}

#cart .subtotalline td, #cart .totalsum td  {
    font-size:0.7em;
    text-align:right;
    padding:8px;
    border-top:1px #e8e8e8 solid;
}

#cart .totalsum td  {
    border-top:1px #c5c5c5 solid;
}

#cart .totalsum td  { padding-bottom:20px; }

#cart .orderbutton td.right  {
    padding:1px 10px 8px 0;
    vertical-align:top;
}

.orderbutton input  {
    text-align:center;
    width:200px;
}

.orderbutton .text  {
    text-align:center;
    padding:5px 10px;
    margin:0 15px;
    border:1px solid red;
}

.orderbutton .text span  {
    color:red;
}

#cart .orderbutton td.paypal {
    padding:45px 5px 0 5px;
}

#cart .orderbutton td.paypal.text {
    font-size:0.6em;
    color:#909090;
    padding:45px 0 0 15px;
    border:none;
}

#cart .orderbutton td.paypal a {
    padding:2px 0;
    display:block;
}

#cart #remarkforsavingcart {
    font-size:0.7em;
    padding:5px 10px;
    margin-top:10px;
    border-top:1px #e8e8e8 solid;
}

/* Gutschein einlösen */
#voucher {
    border:1px solid #c5c5c5;
    padding:10px 10px 0 10px;
}

#voucher label {
    color:#646464;
}

#voucher #voucher_number {
    font-size:0.8em;
    width:43%;
    padding:3px 3px 2px 3px;
    color:#909090;
    border:1px solid #c5c5c5;
    margin-bottom:-1px;
    text-align:left;
}

#voucher #voucher_submit {
    width:25%;
    padding:3px 5px;
}

#voucherremark {
    font-size:0.6em;
    color:#909090;
    padding:10px 0;
}

/* showcustomer / mycustomer - Kundendaten anzeigen / Kundendaten bearbeiten */
#showcustomer .text {
    margin-bottom:20px;
}

#showinvoiceaddress .greybox, #showdeliveraddress .greybox {
    position:relative;
    width:300px;
}

#showinvoiceaddress {
    margin:0 0 40px 219px;
}

#showdeliveraddress {
    margin:10px 0 40px 202px;
}

#showdeliveraddress .labelremark, #showdeliveraddress .greybox,
#showdeliveraddress .newdeladdress {
    margin-left:17px;
    margin-top:10px;
}

#showdeliveraddress .newdeladdress {
    margin-top:-10px;
}

.greybox .location1, .greybox .location2, .greybox .location3, .greybox .location4 {
    display:block;
    font-size:0.7em;
    line-height:16px;
}

.greybox .location2, .greybox .location3, .greybox .location4 {
    padding-top:5px;
}

#showinvoiceaddress .greybox .edit, #showdeliveraddress .greybox .edit {
    display:block;
    width:50px;
    height:45px;
    text-align:center;
    position:absolute;
}

#showinvoiceaddress .greybox .edit a, #showdeliveraddress .greybox .edit a {
    font-size:0.6em;
    color:#646464;
    text-decoration:none;
}

#showinvoiceaddress .greybox .edit a:hover , #showdeliveraddress .greybox .edit a:hover {
    color:#8080FF;
}

#showinvoiceaddress .greybox .edit label, #showdeliveraddress .greybox .edit label {
    display:block;
    font-size:1em;
    cursor:pointer;
}

#showinvoiceaddress .greybox .edit.change, #showdeliveraddress .greybox .edit.change {
    top:5px;
    right:3px;
}

#showdeliveraddress .greybox .edit.delete {
    bottom:0;
    right:0;
}

#showdeliveraddress .chooseDelAddress {
    margin-bottom:25px;
}

#showdeliveraddress .chooseDelAddress .radio {
    float:left;
    margin-right:6px;
}

#showdeliveraddress .chooseDelAddress label {
    display:block;
    width:90%;
}

/* mycustomer */
#customerdata {
    background:#fff url(../img/bg_mycustomer.gif) 1px 0 no-repeat;
}

#customerdata #editcustomer, #customerdata #addDeliverAddress {
    font-size:0.7em;
}

/* mydeliveraddress */
#mydeliveraddress #deliveraddress {
    margin:20px 0;
}

#mydeliveraddress .right input {
    font-size:0.7em;
    margin-right:0;
}

/* orderpayship - Versand- und Zahlungsart wählen */
#deliveryoptions ul { margin-top:15px; }

#deliveryoptions ul li { padding-bottom:10px; }

#deliveryoptions .rightcolumn input.radio {
    margin-bottom:-2px;
    border:none;
}

#deliveryoptions .leftcolumn {
    font-size:0.7em;
    width:35%;
    float:left;
    padding:4px 6px 6px 0;
    border:1px solid transparent;
}

#deliveryoptions .rightcolumn {
    width:60%;
    border:1px solid transparent;
}

#deliveryoptions .rightcolumn select {
    font-size:0.75em;
    width:200px;
}

#deliveryoptions #deliverycountry {
    font-size:0.7em;
    width:256px;
}

#deliveryoptions .rightcolumn .selected { font-size:0.7em; }

#deliveryoptions .rightcolumn  span,
#deliveryoptions .rightcolumn  span {
    font-size:0.7em;
}

#deliveryoptions .paymentdescr,
#deliveryoptions .shippingdescr {
    font-size:0.7em;
    line-height:14px;
}
#deliveryoptions .paymentdescr,
#deliveryoptions .shippingdescr,
#deliveryoptions .greybox {
    float:none;
    margin:10px 20px 0 20px;
}

#deliveryoptions .greybox { padding:8px; }

/* Lastschrift, Kreditkarte */
#debit input, #tcdebit input,
#creditCard input, #telecashCreditCard input {
    font-size:0.7em;
}

#debit select, #tcdebit select,
#creditCard select, #telecashCreditCard select {
    font-size:0.75em;
}

#debit .onecolumn input, #tcdebit .onecolumn input,
#creditCard .onecolumn input, #telecashCreditCard .onecolumn input {
    width:256px;
}

#debit .onecolumn select, #tcdebit .onecolumn select,
#creditCard .onecolumn select, #telecashCreditCard .onecolumn select {
    width:261px;
}

#debit .onecolumn label, #tcdebit .onecolumn label,
#creditCard .onecolumn label, #telecashCreditCard .onecolumn label {
    margin:0 8px 3px 0;
}

#debit .twocolumn input, #tcdebit .twocolumn input,
#creditCard .twocolumn input, #telecashCreditCard .twocolumn input {
    width:122px;
    margin:0 5px 5px 0;
}

#debit .twocolumn label, #tcdebit .twocolumn label,
#creditCard .twocolumn label, #telecashCreditCard .twocolumn label {
    width:96px;
}

#creditCard .twocolumn label.rt, #telecashCreditCard .twocolumn label.rt { width:230px; }

#creditCard .twocolumn .alone, #telecashCreditCard .twocolumn .alone { float:none; }

#creditCard #ccexpiry_month, #telecashCreditCard #ccexpiry_month {
    float:left;
    width:50px;
}

#creditCard #ccexpiry_year, #telecashCreditCard #ccexpiry_year {
    width:60px;
    margin-left:54px;
}

#debit .savemydata, #tcdebit .savemydata { display:block; }

#debit .savemydata, #tcdebit .savemydata { margin-top:15px; }

#debit .savemydata input, #tcdebit .savemydata input {
    float:left;
    margin-right:5px;
    border:none;
}

/* orderend - letzter Bestellschritt */
#orderend #yourcustomerdata .change {
    display:block;
    padding-left:23px;
    color:#646464;
    font-size:0.9em;
    background:transparent url(../img/edit_small.png) 0 0 no-repeat;
}

#orderend #yourcustomerdata .change:hover {
    color:#8080FF;
}

#orderend #yourcustomerdata #shippingoption .change {
    padding-bottom:5px;
}

#orderend .finalpart {
    padding-top:20px;
    border-top:1px solid #c5c5c5;
}

#orderend .finalpart #remark {
    margin-top:3px;
    width:55%;
    padding:2px;
    font-size:0.8em;
    border:1px solid #c5c5c5;
}

#orderend #checkagb  {
    margin:5px 0 60px 250px;
    line-height:15px;
}

#orderend #checkagb #agb  {
    float:left;
    margin-right:5px;
    margin-top:1px;
    border:none;
}

#orderend #checkagb .labelagb  {
    float:left;
    font-size:0.7em;
    width:80%;
}

#orderend #finish  {
    padding:8px 5px 8px 35px;
    font-weight:bold;
}

#orderend #finish.finish:disabled {
    background:#8e8e8e url(../img/check_disabled.png) 4px 4px no-repeat;
    background-color:#F6F6F6;
    border-color:#c5c5c5;
    color:#8e8e8e;
}

/* Bestellbestaetigung */
#orderthanks{
    height:520px;
    background:transparent url(../img/bg1_orderthanks.jpg) 65px bottom no-repeat;
}

#orderthanks div {
    height:520px;
    background:transparent url(../img/bg2_orderthanks.gif) 110% 5% no-repeat;
}

#orderthanks div p.text.cus {
    width:48%;
}

#orderthanks div p {
    margin-bottom:10px;
    line-height:16px;
}

#orderthanks #headlineTS {
    font-size:0.7em;
    padding-bottom:2px;
    border-bottom:1px solid #c5c5c5;
}

#orderthanks form {
    margin:20px 0 0 52%;
}

#orderthanks #tssiegel input {
    border:none;
    margin:5px 0;
}

#orderthanks #btnProtect {
    margin-top:15px;
}

/* Versandkosten-Übersicht*/
#shippingcosts table {
    width:100%;
    font-size:0.7em;
}

#shippingcosts table tr td {
    padding:8px;
}

/* AGB */
#agb p, #privacy p {
    font-size:0.7em;
    line-height:15px;
}

/* Trusted shops */
#trustedShops form {
    padding:0 10px;
}

#trustedShops form .text {
    padding:10px 0;
    text-align:center;
}

#trustedShops input {
    border:none;
}

#trustedShops .floatleft {
    margin-left:-6px;
}

/* Table-Forms */
table thead td {
    font-weight:700;
}

table thead td {
    padding:5px 8px 8px 8px;
    vertical-align:bottom;
}

table tbody td {
    padding:5px 8px;
    vertical-align:middle;
}

.odd td {
    background-color:#f1f1f1;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}

table .odd .tmb { border-left:1px solid #e8e8e8; }

table .odd .action { border-right:1px solid #e8e8e8; }

table tr td.tablespacer {
    padding:0;
    height:5px;
    font-size:0.01em;
}

.right {
    text-align:right;
}

.left {
    text-align:left;
}

.center {
    text-align:center;
}

.fright {
    float:right;
}

.fleft {
    float:left;
}

#pricewithvat {
    font-size:0.7em;
}

.pricewithvat {
    font-weight:700;
    padding-top: 10px;
}

.hyphen {
    font-size:0.7em;
    height:25px;
    border-bottom:1px solid #c6c6c6;
}

.tablebutton {
    padding-top:30px;
}

.tablebutton input {
    margin-left:5px;
}

#backbutton {
    display:block;
    width:100%;
    text-align:left;
}

/* BO Druckversion myorderdetails, siehe -> Bestellungen -> Bestellung bearbeiten -> Positionen */
#printMyorderdetailBO #yourinvoiceaddress .greybox,
#printMyorderdetailBO #yourdeliveraddress .greybox,
#printMyorderdetailBO #yourcustomerdata .greybox {
    margin:5px 0 15px 0;
    border-bottom:none;
    border-left:none;
    border-right:none;
    background-color:#fff;
    padding-right:10px;
    width:150%;
}

#printMyorderdetailBO #yourcustomerdata .location4 {
    position:relative;
    bottom:0;
}

/* Sytles Wartungsseite */
#maintenance {
    background-color:#fff;
    width:50%;
}

#maintenance {
    font-family:Arial, Helvetica, sans-serif;
    background-color:#fff;
    width:60%;
    border-top:5px solid #646464;
    background:#fff url(../img/maintenance2.jpg) 95% 250px no-repeat;
}

#maintenance h1 {
    background-color:#3B85AB;
    font-size:1.6em;
    color:#f1f1f1;
    padding:10px 15px;
    font-weight:700;
    text-align:right;
    border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

#maintenance h1 span {
    font-weight:500;
}

#maintenance p {
    color:#646464;
    height:367px;
    font-size:0.8em;
    padding:30px 20px 25px 300px;
    background:transparent url(../img/maintenance1.jpg) left 1px no-repeat;
    line-height:16px;
    border:1px solid #646464;
    border-bottom:1px solid #646464;
}

#footer_maintenance {
    padding:6px 10px 5px 10px;
    font-size:0.7em;
    border-bottom:1px solid #646464;
    border-right:1px solid #646464;
    border-left:1px solid #646464;
}

#footer_maintenance a {
    color:#646464;
    text-decoration:none;
}

.seasonpicture.xmas {
    font-size:0.6em;
    padding:10px 40px 0 5px;
    margin:10px 4px 0 4px;
    height:52px;
    background:#fff url(../img/rudolph.gif) right 3px no-repeat;
    border-bottom:1px solid #f1f1f1;
}

.seasonpicture.xmas span {
    font-size:0.9em;
}

/**********************************************************/
/****************** Firefox - Anpassungen *****************/
/**********************************************************/
*:not(hr) .itemline .incart { margin-top:0; }

*:not(hr) .pager select {
    height:15px;
    margin-top:1px;
}

*:not(hr) #itemhead {
    height:18px;
}

*:not(hr) #item #itemcol {
    position:relative;
}
*:not(hr) #item #itemcol .pic {
    float:left;
}