/*******************************************************************************
*
* 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;
}

.itemtitle h1#maintitle { 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;
}

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

.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:#0353A4;
}

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

a:hover, a:active {
    text-decoration:underline;
    color:#0353A4;
}

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; }

.clearfix, .clear {
    display:block;
    clear:both;
    height:0;
    font-size:0.01em;
}

.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;
}

.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;
    top: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 13px;
    background-color:#f1f1f1;
    border:1px #c5c5c5 solid;
    cursor:pointer;
}

.buttons:hover {
    border:1px #0353A4 solid;
    color:#0353A4;
    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 #0353A4 solid;
    color:#0353A4;
    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 #0353A4 solid;
    color:#0353A4;
    background-color:#f9f9f9;
    text-decoration:none;
}

.searchtabactive {
	font-size:0.7em;
    font-weight:300;
	border:1px #0353A4 solid;
    color:#0353A4;
    background-color:#f9f9f9;
    padding:3px 15px;
    text-decoration:none;
}

.searchtabs {
	margin-top: 5px;
	margin-left: 5px;
}

.searchtabs li { display: inline; }

.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;
    background:#fff url(../img/bg_shophead.gif) right 0 repeat-x;
    position:relative;
    overflow:hidden;
}

#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 .static {
    float:right;
    border:none;
}

#shophead li { display:inline; }

#shophead .static a {
    border-left:1px solid #9D9B9C;
    padding:3px 10px;
    font-size:0.6em;
    color:#fff;
}

/* Shophead Slogan & Flags */
#shophead .container {
    float:right;
    margin-top:59px;
    margin-right:10px;
}

#shophead .slogan {
	font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    letter-spacing:0.05em;
    display:inline;
}

#shophead  .flags { display:inline; }

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

#shophead .small {
    font-size:1.1em;
    padding-right:45px;
}

/* footer */
#footer {
    font-size:0.6em;
    padding:1px 0;
    margin:1px 0 5px 0;
    padding-bottom:8px;
    background-color:#fff;
    border-top:17px solid #0353A4;
    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:#0353A4;
    height:27px;
    width:100%;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}

.searchPosition {
    text-align:center;
    margin-left:186px;
    padding-top:3px;
}

#searchterm {
    width: 200px;
    font-size:0.7em;
    float:left;
    padding: 2px 0;
    margin: 2px 2px 0 2px;
    border:1px solid #398100;
}

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

#start_searching {
    border:none;
    float:left;
    padding:1px 13px 1px 32px;
    margin: 2px 2px 0 0;
    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:#0353A4;
    color:#0353A4;
    background-color:#f9f9f9;
}

#prosearch {
    font-size:0.6em;
    margin-top:5px;
    margin-left:20px;
    float:left;
}

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

/* Waehrungsumschaltung */
#currencies {
    float:right;
    width:180px;
    text-align:right;
    padding-right:4px;
}

#currencies #currency_head  { color:#fff; }

#currencies #choose_currency  {
    width:65px;
    padding:1px 0;
    font-size:0.7em;
    border:1px solid #398100;
    color:#646464;
    text-align:left;
}

/* 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.bggreen { background-color:#F8FCF4; }

.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 fuer 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 fuer Produktgruppenbild innerhalb der groupdescription  =  592px */
    margin:5px 0;
}

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

.itemline .amountunit { font-size:0.7em; }

.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;
}

.itemline .cms_results .text {
    margin-left:5px;
    line-height:15px;
    font-size:0.7em;
}

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

.itemline .column_right .pricenotice {
    position:relative;
    right:15px;
    width:108%;
    margin-bottom:2px;
}

.itemline .column_right .characteristic { margin-top:15px; }

.itemline .column_right .characteristic strong { font-size:0.7em; }

.itemline .column_right .characteristic p { margin-top:3px; }

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

.itemline .price, #item .price {
    float:right;
    width:30.5%;
    padding:0 2px 2px 0;
    position:relative;
    top:-22px;
    margin:4px 0 1px 0;
}

.itemline .thumbnail {
    float:left;
    margin-right:10px;
    font-size:0.6em;
    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;
    margin-top:4px;
    font-style:normal;
    display:block;
    width:280px;
    text-align:center;
}

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

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

/* gilt fuer 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 fuer 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;
}

.itemline select { width:100px; font-size:0.7em; }

/* 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;
    overflow:hidden;
}

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

#item #itemcol img.itempicture {
    border:1px solid #f1f1f1;
    padding:1px;
}

#item #itemcol .amountunit { font-size:0.7em; }

#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;
    padding-right:1px;
}

#item #itemrightcol .characteristic { margin-top:15px; }

#item #itemrightcol .characteristic strong { font-size:0.7em; }

#item #itemrightcol .characteristic p { margin-top:3px; }

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

#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;
}

/* Link-Leiste Artikeldetailansicht */
#item #item_linkleiste {
    background-color:#ebebeb;
    text-align:right;
    padding:5px 7px 7px 7px;
    margin:5px 0 15px 4px;
}

#item #item_linkleiste a {
    font-size:0.7em;
    padding:0 3px 1px 5px;
}

#item #item_linkleiste #fragen_zum_artikel {
    padding-left:28px;
    background:transparent url(../../../img/fragen_zum_artikel.png) no-repeat 8px -1px;
}

/* 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 #0353A4;
    color:#0353A4;
    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 35px 0 6px; }

#manufacturerlist a {
    float:left;
    color:#646464;
    font-size:0.7em;
    height:50px;
    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 fuer #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:#0353A4;
    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:#0353A4;
}

#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; }

/* fuer 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:92%;
}

.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 #0353A4; }

.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:#0353A4; }

/* nur fuer 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:#0353A4;
    background-color:#f9f9f9;
    border:1px solid #0353A4;
    text-decoration:none;
}

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

/* nur fuer die 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 #0353A4;
    color:#0353A4;
    text-decoration:none;
}

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

/* Topprodukte / Zubehoer */
#cartCrossSelling { /* cart Zubehoer */
    background-color:#f1f1f1;
    border-bottom:1px solid #e8e8e8;
    margin-top:30px;
    padding-bottom:18px;
    border-top:1px solid #c5c5c5;
}

#cartCrossSelling .crossSelling { /* cart Zubehoer */
    width:191px;
    height:201px;
    margin:0 0 10px 12px;
    float:left;
    padding-top:5px;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    background-color:#fff;
    overflow:hidden;
}

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

#cartCrossSelling .crossSelling .title {
    font-size:0.6em;
    font-weight:700;
    display:block;
    clear:both;
    overflow:hidden;
    min-height:25px;
}

#cartCrossSelling .crossSelling .bottom {
    position:absolute;
    bottom:0;
    width:98.5%;
}

#cartCrossSelling .crossSelling .crossSellingPricenotice { padding-left:2px; }

.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;
    text-align:center;
    margin-top:10px;
}

.topproducts .thumbnail, .crossSelling .thumbnail { font-size:0.6em; }

.topproducts .thumbnail img, .crossSelling .thumbnail img { max-height:100px; }

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

.topproducts .title, .crossSelling .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:center;
    font-size:0.7em;
    margin-top:10px;
}

.topproducts .linkbutton, .crossSelling .linkbutton { margin-top:6px; }

.topproducts .link, .crossSelling .link { display:block; }

.topproducts .linkbutton a, .crossSelling .linkbutton a { margin:0 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 {
    text-align:center;
    letter-spacing:-0.01em;
    padding:6px 0 3px 0;
}

/* 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 / Bestelluebersicht */
#myorders {
    background:#fff url(../img/bg_myorders.gif) right 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:#0353A4;
    cursor:pointer;
}

/* Meine Gutscheine */
#myvouchers div { background:#fff url(../img/bg_myvouchers.gif) right 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:#F9FFF5; }

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 .customer_inactive { font-size:0.7em; }

#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; s}

#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:#0353A4; }

#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.1%;
    margin:-1px 0 15px -1px;
}

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

#orderbreadcrumb li a {
    color:#0353A4;
    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 #0353A4;
    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 #0353A4;
    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 ausgewaehlt */
#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 {   /* Pruefen & Bestellen */
    background:#fff url(../img/check_and_order.png) center 4px no-repeat;
}

#orderbreadcrumb li#step4 a.selected {   /* Bestellbestaetigung */
    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 {   /* Pruefen & Bestellen */
    background:#f1f1f1 url(../img/check_and_order_inaktiv.png) center 4px no-repeat;
}

#orderbreadcrumb li#step4 a.inaktiv {   /* Bestellbestaetigung */
    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; }

#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:15px;
    padding-right:15px;
    text-align:right;
}

#cart table .amount .amountunit {
    display:block;
    height:12px;
    text-align:center;
}

#cart table .amount input {
    font-size:1em;
    text-align:right;
    padding:1px 2px;
    margin-top:1px;
    margin-bottom:2px;
    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;
    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 einloesen */
#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:#0353A4; }

#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) right 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 waehlen */
#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 {
    float:left;
    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:#0353A4; }

#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 form .text input {
    border:none;
    margin:5px 0;
}

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

/* Versandkosten-uebersicht*/
#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 */
#tsBox {
    padding:1px;
    border:1px #C6C6C6 solid;
    font-size:0.7em
}

#tsBox #tsInnerBox {
	vertical-align:middle;
	width:170px;
	margin-top:0px;
	padding:12px 4px 10px 4px;
	text-align:center;
}

#tsBox input { border:none; }

#tsBox #tsText {
	line-height:15px;
	padding:8px 2px 0 2px;
}

#tsBox #tsText a {
	text-decoration:none;
	color:#000;
}

/* 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;
}

/* Styles Wartungsseite und Testdrive abgelaufen Anfang */
#maintenance, #testdrive_expired {
    font-family:Arial, Helvetica, sans-serif;
    background-color:#fff;
    width:60%;
    border-top:5px solid #646464;
}

#maintenance a, #testdrive_expired a {
    color:#646464;
    text-decoration:underline;
}

#maintenance a:hover, #testdrive_expired a:hover {
    text-decoration:none;
}

#maintenance { background:#fff url(../img/maintenance2.jpg) 95% 250px no-repeat; }

#testdrive_expired { background:#fff url(../img/support.png) 95% bottom no-repeat; }

#maintenance h1, #testdrive_expired 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, #testdrive_expired h1 span { font-weight:500; }

#maintenance p, #testdrive_expired .testdrive_expired_content {
    color:#646464;
    height:372px;
    font-size:0.8em;
    padding:25px 20px 25px 300px;
    line-height:15px;
    border:1px solid #646464;
    border-bottom:1px solid #646464;
}

#maintenance p { background:transparent url(../img/maintenance1.jpg) left 1px no-repeat; }

#testdrive_expired .testdrive_expired_content { background:transparent url(../img/testdrive_abgelaufen.png) left 1px no-repeat; }

#testdrive_expired .address_rows {
    border-top: 1px solid #646464;
    font-size:11px;
    margin-top:15px;
    padding:15px 10px 0 0;
    line-height:14px;
    width:350px;
}

#testdrive_expired .address_details { width:185px; }

#testdrive_expired .address_rows .rightside {
    margin-left:15px;
    float:right;width:190px;
}

/* Styles Wartungsseite und Testdrive abgelaufen Ende */

#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;
}

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

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

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

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

*:not(hr) #manufacturerlist a {
    min-width:98px;
}


/*********************************************************
                         Janolaw
**********************************************************/

#janolaw-body {
    text-align:justify;
    font-size:.7em;
}

#janolaw-paragraph {
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    margin: 5px 0;
}

p.janolaw-absatz {
	font-size:1.0em;
}

#agb p.janolaw-absatz {
	font-size:1.0em;
}

.janolaw-text {
    margin-bottom:14px;
}

#janolaw-footer {
    text-align:left;
    font-size:.8em;
    font-style:italic;
}

/* Styles Wartungsseite */
#sitemap .maingroup, #sitemap .events {
    float:left;
    width:187px;
    margin:5px;
}

#sitemap .clearfix {
    height:5px;
    clear:both;
    background-color:#fff;
    border-top:1px solid #c5c5c5;
}

#sitemap .maingroup a {
    color:#646464;
    display:block;
	font-size:0.7em;
	font-weight:bold;
    padding:3px;
    background-color:#f1f1f1;
    border:1px solid #c5c5c5;
}

#sitemap .maingroup ul li,
#sitemap .events ul li { margin-bottom:1px; display:inline; }

#sitemap .maingroup ul li a {
    color:#646464;
	font-weight:normal;
    border-bottom:none;
    background-color:#fff;
    padding:5px 3px;
    border:none;
}

#sitemap .maingroup ul li li a  {
    margin-left:30px;
    padding:5px 3px 5px 3px;
}

#sitemap .events a {
    color:#646464;
    display:block;
	font-size:0.7em;
	font-weight:bold;
    padding:3px;
    margin-bottom:1px;
    border:1px solid #c5c5c5;
    background-color:#f1f1f1;
}

#sitemap .sitemap_item_info {
    margin-top:3px;
    margin-bottom:2px;
    font-size:0.9em;
    padding:4px;
    border:1px solid #f1f1f1;
}

#sitemap ul li .sitemap_item_info { margin-left:30px; }

#sitemap ul li .sitemap_item_info .sitemap_items a { margin-left:0; }

#sitemap .sitemap_item_remark {
    font-size:0.7em;
    display:block;
    padding:0 3px;
    font-weight:bold;
}

#sitemap ul li .sitemap_item_info .sitemap_item_remark {
    font-size:0.6em;
    display:block;
}

/* Kontaktformular */
#contactSuccessImage {
    width:50%;
    height:380px;
    float:left;
    background:transparent url(../img/bg_contact_success.jpg) center bottom no-repeat;
}

#contactSuccessMessage {
	width:50%;
    float:left;
    padding-top:20px;
}

#contact_form .contact_row { margin-top:5px; }

#contact_form .contact_row .normal_textfeld { width:180px; }

#contact_form .leftCol {
    width:130px;
    float:left;
    margin-top:5px;
    margin-right:4px;
    text-align:right;
    overflow:hidden;
}

#contact_form label { display:inline; }

#contact_form .captchalabel { margin-top:11px; }

#contact_form #salutation { width:83px; }

#contact_form #zip { width:45px; }

#contact_form #city { width:122px; }

#contact_form #country { width:185px; }

#contact_form #captcha {
    margin-top:5px;
    width: 134px;
}

/* @deprecated */
#contact_form #captchaimage {
    width: 140px;
    margin-top:10px;
}

#contact_form .remark-inputfield { font-size:0.6em; }

#contact_form #sendContact { margin-left:134px; }

#contact_form #message {
    display: block;
    padding: 2px;
    margin-top:2px;
    margin-bottom:5px;
    width:300px;
    height:100px;
    font-size:0.8em;
}

#footertextId {
    font-size:0.6em;
    color:#646464;
}