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

h1#maintitle {
    font-size:16px;
    display:block;
    position:relative;              /* IE6-Hack damit er display:block beachtet */
    margin:0;
    padding:4px 8px 4px 10px;
	color:#00382B;
}

.itemtitle h1#maintitle {
}

h2.subtitle {
	font-size:12px;
    font-weight:700;
    padding:0 10px;
    margin:0;
    position:relative;
}

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:14px;
}

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

.col-left { width:48%; float:left; }
.col-right { width:48%; float:right; }

p.headline_outer {
    font-size:13px;
    font-weight:700;
    padding:5px 10px 15px 6px;
    background-color:#FDFCF3;
}
#right p.headline_outer {
    background-color:#00382B;
	padding-bottom:2px;
	color:#fff;
}

.errormessage {
    font-size:12px;
    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;
	border:3px solid #EE5029;
	border-right-width:1px;
	border-left-width:1px;
}

.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 {
    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:#8D0248;
}

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

a:hover, a:active {
    text-decoration:underline;
    color:#00382B;
}

p {
    margin:0;
    padding:0;
}

p.text {
}

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

.stext {
    font-size:9px;
}

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:-16px;
    margin-bottom:-22px;
    background:transparent url(../img/backto.gif) 4px 4px no-repeat;
}

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

.backbutton a:hover, .backbutton a:active {
    color:#00382B;
}

#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;
    vertical-align:bottom;
    text-align:right;
}

.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:11px;
    padding-right:2px;
}

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

input, select, textarea {
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #646464;
	font-size:11px;
}

input { padding:2px; }

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

#breadcrumb {
    width:960px;
    float:left;
    color:#B2C3BF;
    padding:4px 10px;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    background-color:#00382B;
	border-bottom:1px solid #fff;
}

#breadcrumb a { color:#B2C3BF; }

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

.buttons {
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    word-spacing:-1px;
    cursor:pointer;
	width:auto;
	text-decoration:none;
	background-color:#f1f1f1;
	padding:2px 13px;
	border:1px solid #00382b;
	color:#646464;
	font-size:11px;
}

.buttons:hover {
	border-color:#8D0248;
	color:#8D0248;
}

.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 {
	background:url(../img/cash2.png) 50% 0 no-repeat;
	width:160px;
	height:28px;
	padding:0;
	text-align:center;
	display:block;
	border:0;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	margin-left:60px;
}

.with_image.order.order:hover {
	background-position: 50% 100%;
}

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

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

.linkbutton a {
    text-decoration:none;
	background-color:#f1f1f1;
	padding:2px 13px;
	border:1px solid #00382b;
	color:#646464;
	font-size:11px;
}

.linkbutton a:hover {
	border-color:#8D0248;
	color:#8D0248;
}

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

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

.column_outer {
    background-color:#FDFCF3;
    padding:0 0 8px 0;
    margin-bottom:10px;
}
#right .column_outer {
    background-color:#B2C3BF;
}

#nextscript, #finish {
    float:right;
}

/* shophead */
#shophead {
    color:#fff;
    height:170px;    /* inkl. Höhe quickSearch */
    position:relative;
    overflow:hidden;
	text-align:center;
	font-size:11px;
}

#shophead .logo {
	clear:both;
}
#shophead .logo img {
	margin-top:20px;
}

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

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

#shophead ul li { display:inline; }

#shophead .topNavigation ul {
    text-align:left;
    border:none;
	border-top:1px solid #fff;
	background:url(../img/topNavBg.gif) 0 100% repeat-x;
	position:absolute;
    bottom:0;
    left:0;
	width:980px;
	height:29px;
}
#shophead .topNavigation ul li {
	border-left:1px solid #fff;
	margin:0 0 0 -1px;
	padding:0;
	float:left;
	line-height:29px;
}
#shophead .topNavigation ul li a {
    font-size:14px;
    color:#00382B;
	border-bottom:1px solid #fff;
	line-height:29px;
	display:block;
	text-transform:lowercase;
	text-decoration:none;
	padding:0 35px 0 15px;
	/*width:181px;*/
	white-space:nowrap;
	font-weight:bold;
}

#shophead .topNavigation ul li a:hover,
#shophead .topNavigation ul li.active a {
	font-weight:normal;
	border-bottom-color:#00382B;
	color:#fff;
	background-color:#00382B;#
}
#shophead .topNavigation ul li.active a {
}

#shophead .static {
	text-align:right;
    background-color:#fff;
	color:#000;
	padding-right:5px;
	line-height:21px;
}

#shophead .static .left {
	float:left;
	
	padding-left:15px;
}

#shophead .static a {
    padding:0 10px;
	color:#000;
}

#shophead ul.bottom {
    display:inline;
    position:absolute;
    bottom:32px;
    right:10px;
}

/* Slogan shophead */
#shophead p {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    letter-spacing:0.05em;
    float:left;
    position:absolute;
    bottom:28px;
    right:70px;
}

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

#shophead .small { font-size:9px; }

/* footer */
#footer {
	font-size:11px;
    padding:1px 0;
    margin:1px 0 5px 0;
    padding-bottom:8px;
    background-color:#fff;
    border-top:17px solid #00382B;
    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:9px;
    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 {
    height:24px;
    width:980px;
    position:absolute;
    top:100px;
    left:0;
    overflow:hidden;
}

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

#searchterm {
    width:210px;
    font-size:11px;
    float:left;
    padding-bottom:2px;
    margin:2px 0 0 270px;
    border:1px solid #00382B;
}

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

#start_searching {
    border:none;
    float:left;
    margin:2px 0 0 0;
    padding:1px 10px;
    font-size:11px;
    border:1px solid #00382B;
    color:#fff;
    cursor:pointer;
    background:#00382B;
}

#start_searching:hover {
    border-color:#00382B;
    color:#00382B;
    background-color:#f9f9f9;
}

#prosearch {
    position:relative;
    top:6px;
    font-size:11px;
    left:45px;
	display:none;
}

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

/* pager */
.pager.top {
    position:absolute;
    top:33px;
	left:205px;
	text-align:center;
}

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

#center_content div.itemGroupInline.bggreen {
    background-color:#F8FCF4;
}

.pages li {
    font-size:11px;
    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:11px;
    width:130px;
    position:relative;
    top:-1px;
}

#sortbyform {
    padding:8px 10px;
}

#sortbyform p {
    float:right;
}

#groupimage { 
	float:right;
	margin-left:10px;
}

#groupimage img { 
	height:135px;
}

#groupdescription {
	background:#fff url(../img/groupdescription_bg.gif) 0 0 repeat-x;
	/*min-height:114px;*/
}

#groupdescription .groupdescriptiontext {
    padding:10px;
}

#groupdescription h1 {
    margin:0 0 5px 0; padding:0;
    color:#00382B;
    font-size:14px;
}

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

/* itemline 3spaltig */
.itemlineLink {
	float:left;
	width:196px;
	margin:0 1px 1px 0;
	padding-bottom:5px;
	background:#D9E1DF;
	display:block;
	text-decoration:none !important;
}

.itemlineLink:hover {
	background:#B2C3BF url(../img/details-ansehen.gif) 10px 95% no-repeat;
}

.itemline {
}

.itemline h2.subtitle {
    float:none;
	width:auto;
	color:#000;
	padding-top:3px;
	min-height:48px;
}

.itemline .shortDescription		{ position:absolute; left:auto; top:auto; width:auto; display:none; }
.itemline .shortDescription p	{ position:absolute; top:-175px; left:5px; width:186px; height:120px; color:#fff; }
.itemline .shortDescription div	{ position:absolute; top:-180px; width:196px; height:130px; background:#00382B; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; }
.itemlineLink:hover .itemline .shortDescription { display:block; }

.itemline .produktauszeichnung { position:absolute; left:auto; top:auto; width:auto; }
.itemline .produktauszeichnung img { position:relative; top:-20px; left:121px; }

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

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

.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 {
	color:#8D0248;
	font-size:16px;
}

.itemline .price {
	float:right;
	padding-right:10px;
	white-space:nowrap;
}

.itemline .price .tax, #item .price .tax {
	display:block;
	color:#333;
	font-weight:300;
	font-size:9px;
}

.itemline .itemimage {
	display:block;
	background:#fff;
	height:130px;
	text-align:center;
}

.itemline .thumbnail {
    margin-right:10px;
    font-size:0.6em;
    padding:1px;
    text-align:center;
    position:relative;
    left:0;
    top:0;
    overflow:hidden;
	max-width:196px;
	max-height:130px;
}

.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 .linkbutton {
	float:left;
	margin:20px 0 0 10px;
}

/* item */
#item #itemhead {
	float:right;
	width:230px;
	position:relative;
	top:10px;
	z-index:50;
	padding:15px;
	background-color:#D9E1DF;
}

#item #itemcol { min-height:220px;}

#item .price,
#item .pricenotice,
#item .uvp,
#item .characteristic,
#item .itembuttons,
#item .itemnumber,
#item .availbility,
#item .incart {
	clear:both;
	border-top:1px solid #D9E1DF;
}

#item .price strong,
#item .pricenotice strong,
#item .uvp strong,
#item .characteristic label,
#item .itemnumber strong,
#item .availbility strong {
	float:left;
	width:20%;
	font-size:11px;
	color:#000;
	text-align:left;
	padding:2px 0;
	font-weight:700;
	white-space:nowrap;
}

#item .price p,
#item .pricenotice p,
#item .uvp p,
#item .itemnumber p,
#item .availbility p,
#item .incart p {
	float:right;
	width:65%;
	font-size:11px;
	text-align:left;
	background-color:#8D0248;
	color:#fff;
	padding:2px 5px;
}

#item .availbility p {
	background-color:#B2C3BF;
	color:#000;
}

#item .characteristic select {
	float:right;
	width:70%;
	font-size:11px;
	text-align:left;
	background-color:#fff;
	color:#000;
	border:1px solid #C2C2C2;
}

#item .pricenotice p.text {
	background:transparent;
	color:#333;
}

#item #priceHit {
	margin:0 0 1px 0;
	font-size:11px;
	color:#000;
	text-align:right;
}

#item .price p		{ font-size:16px; text-align:right; }

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

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

#item .pic {
    display:inline;
    position:relative;
    z-index:4;
    background-color:#fff;
    font-size:12px;
    border-right:5px solid #fff;
	border-bottom:5px solid #fff;
    overflow:hidden;
}

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

#item img.itempicture {
    border:1px solid #f1f1f1;
    padding:1px;
	max-width:290px;
	max-height:300px;
}

#item .amountunit {
    display:none;
}

#item .characteristic p {
}

#item .itembuttons {
	background:#fff;
	height:21px;
}

#item .itembuttons input.menge {
	border:1px solid #C2C2C2;
	margin:0;
	padding:2px 0;
	font-size:11px;
	color:#000;
	width:29%;
	background:#fff;
	text-align:center;
	float:left;
}

#item .itembuttons input.buttons {
	border:0;
	margin:0;
	padding:2px 0;
	font-size:11px;
	color:#fff;
	background:#8D0248;
	font-weight:bold;
	width:90px;
	float:left;
}

#item .itembuttons input.quick_button {
	width:auto;
	background:#fff;
	color:#000;
	margin-left:3px;
}

#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 {
	clear:both;
}

#accordion #longdescription  {
    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 {
    margin-top:5px;
    clear:both;
}

#accordion .closedcontent,
#accordion .opencontent {
    font-weight:500;
    color:#000;
    padding:3px 5px;
    cursor:pointer;
	background-color:#B2C3BF;
}

#accordion .closedcontent:hover { /* hover-Effekt 'closed accordion' */
}

#accordion .opencontent {
	padding-left:15px;
	font-weight:bold;
}

#accordion .opencontent:hover { /* hover-Effekt 'open accordion' */
}

#accordion .item_content { /* div mit Inhalt sichtbar wenn 'open accordion' */
    padding:5px 0 10px 0;
}

#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:11px;
    width:100px;
	overflow:hidden;
}

/* Downloads */
#item #downloads .datafile {
    padding:3px 10px;
    margin:0 10px 10px 0;
    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;
    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 10px 10px 10px;
    margin-bottom:10px;
    text-align:left;
}

.boxnoprofile { background-color:#F7EEC2; }

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

#login label.sinistral, #newpassword label.sinistral {
    margin-top:3px;
	float:none;
	width:100%;
}

#login div div, #newpassword div div {
    display:block;
    margin-top:15px;
}

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

#login .linkbutton a {
   font-weight:bold;
   font-size:11px;
   text-transform:uppercase;
   border:1px solid #00382B;
   padding:1px 8px;
   background-color:#fff;
}

#login .enter, #newpassword .forward {
}

#login input, #newpassword input, #newpassword select {
}

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

#login .logindexter {
    font-size:12px;
}

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

/* 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:11px;
    font-weight:700;
}

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

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

#quicklogin .naviuser {
    color:#FF7F00;
    padding:4px 5px 2px 35px;
}

#quicklogin #Q_USERNAME,
#quicklogin #Q_PASSWD {
    width:100%;
    font-size:11px;
}

#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:9px; }

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

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

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

#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:#00382B;
}

#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 .headline_outer {
    padding-top:0;
	padding-right:0;
	padding-left:0;
}

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

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

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

#newsletterSubscription #submit {
    margin:0 0 5px 8px;
	width:145px;
	padding-top:2px;
	padding-bottom:2px;
	color:#fff;
	background-color:#8D0248;
	border:0;
}

/* 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 { background-color:#F7EEC2 !important; }

.status table {
    font-size: 11px;
    margin:1px;
	background:#fff;
	width:99%;
}

.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.cstatus,
.status table tr td.col {
	background-color:#B2C3BF;
}

.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:9px;
    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 #00382B;
}

.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:#00382B;
}

/* 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:3px;
    padding-bottom:3px;
	background-color:#8D0248;
	color:#fff;
}

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

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

.status #cash a {
	background:url(../img/cash.png) 50% 0 no-repeat;
	width:120px;
	line-height:28px;
	padding:0;
	text-align:center;
	display:block;
	border:0;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

.status #cash a:hover {
	background-position: 50% 100%;
}

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

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

.status #saveqcart:hover, .status #deleteqcart:hover, .status #copytocart:hover {
	color:#00382B;
}

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

/* Topprodukte / Zubehör */
#itemCrossSelling a.crossSellingLink,
#cartCrossSelling a.crossSellingLink {
	width:186px;
    height:130px;
	display:block;
}

#itemCrossSelling {
	padding:0 10px;
}

#itemCrossSelling p.headline_outer {
	color:#000;
	padding:3px 15px;
	background-color:#f1f1f1;
	font-size:12px;
}

#cartCrossSelling {
    background-color:#f1f1f1;
    border-bottom:1px solid #e8e8e8;
    margin-top:30px;
    padding-bottom:18px;
	padding-left:10px;
    border-top:1px solid #c5c5c5;
}

#cartCrossSelling p.headline_outer { background-color:#f1f1f1; }
	
.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%;
	font-size:11px;
}

#itemCrossSelling .crossSelling,
#cartCrossSelling .crossSelling { /* cart Zubehör */
    width:186px;
    height:130px;
    margin:2px 2px 0 0;
    float:left;
    padding:0;
	border:1px solid #c5c5c5;
    overflow:hidden;
}

.topproducts .tmb, .crossSelling .tmb {
    display:block;
    position:relative;
	text-align:center;
}

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

#itemCrossSelling .crossSelling .thumbnail,
#cartCrossSelling .crossSelling .thumbnail {
	width:175px;
}

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

#itemCrossSelling .crossSelling .tmb img,
#cartCrossSelling .crossSelling .tmb img {
	max-width:175px;
    max-height:175px;
}

.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:11px;
    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;
}

#itemCrossSelling .crossSelling .link,
#cartCrossSelling .crossSelling .link {
    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;
}

.topproductsPricenotice a, .crossSellingPricenotice {
    color:#646464;
}

#itemCrossSelling a.crossSellingLink,
#cartCrossSelling a.crossSellingLink {
	height:176px;
	width:176px;
	display:block;
}
#itemCrossSelling a.crossSellingLink .text,
#cartCrossSelling a.crossSellingLink .text {
	position:absolute;
	bottom:0;
	left:0;
	background-color:#F1F1F1;
	padding:2px 5px;
	display:none;
	color:#000;
	width:176px;
}
#itemCrossSelling a.crossSellingLink:hover .text,
#cartCrossSelling a.crossSellingLink:hover .text {
	display:block;
}
#itemCrossSelling a.crossSellingLink span,
#cartCrossSelling a.crossSellingLink span {
	display:block;
	clear:none;
	float:none;
	position:relative; top:0; left:0;
}


/* Mein Konto- bzw. Kundenbereich */
#myaccount .greybox {
    float:left;
    z-index:1;
    margin:10px 0 0 0;
    line-height:15px;
}

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

#myaccount .greybox span {
    display:block;
}

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

/* Meine Bestellungen / Bestellübersicht */
#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 { }

#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:13px;
    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:#00382B;
    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:225px;
    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:225px;
    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 {
}

/* 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 {
    margin:0 20px 6px 0;
}

#customerdata .twocolumn select, #customerdata .onecolumn select {
}

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

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

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

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

#customerdata #invoiceaddress, #customerdata #deliveraddress, #mydeliveraddress #deliveraddress {
}

#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:183px;
}

#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:162px;
}

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

*: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 {
}

/* 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:#00382B;
}

#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 {
    float:left;
    margin-bottom:-1px;
    margin-right:1px;
}

#orderbreadcrumb li a {
    color:#00382B;
    height:25px;
    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 #00382B;
    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 #00382B;
    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 {
    width:28%;
}

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

#cart table .rebate {
}

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

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

#cart table .amount {
    padding-left:15px;
    padding-right:15px;
    text-align:right;
}

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

#cart table .amount input {
    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 {
    width:18%;
    text-align:center;
}

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

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

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

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

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

#cart table .cartupdate td a {
}

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

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

#cart .showMyDeduction td {
    padding:4px 8px;
}

#cart .voucherline table td {
    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 {
}

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

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

#cart .voucherline .discountremark {
}

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

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

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

#cart .accounting td  {
    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  {
    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 {
    color:#909090;
    padding:45px 0 0 15px;
    border:none;
}

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

#cart #remarkforsavingcart {
    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 {
    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 {
    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;
    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:#00382B;
}

#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 #center_content {
    background:#fff url(../img/bg_mycustomer.gif) right 0 no-repeat;
    min-height:300px;
}

#customerdata #editcustomer, #customerdata #addDeliverAddress {
}

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

#mydeliveraddress .right input {
    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 {
    width:20%;
    float:left;
    padding:4px 6px 6px 0;
    border:1px solid transparent;
}

#deliveryoptions .rightcolumn {
    float:left;
    width:78%;
    border:1px solid transparent;
}

#deliveryoptions .rightcolumn select {
    width:200px;
}

#deliveryoptions #deliverycountry {
    width:256px;
}

#deliveryoptions .rightcolumn label { font-size:12px; }

#deliveryoptions .rightcolumn  span,
#deliveryoptions .rightcolumn  span {
    font-size:9px;
}

#deliveryoptions .paymentdescr,
#deliveryoptions .shippingdescr {
    font-size:11px;
    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:#00382B;
}

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

#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-Übersicht*/
#shippingcosts table {
    width:100%;
    font-size:0.7em;
}

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

/* AGB */
#agb p, #privacy p {
}

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

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


/* webcontent */
#webcontent { padding:0 10px; text-align:left; }
#webcontent p { margin:5px 0 7px 0; }
#webcontent h2 { font-size:13px; }

#webcontent ol { list-style:none; margin-top:20px; }
#webcontent ol li { float:left; margin:2px; width:185px; height:45px; display:block; }
#webcontent ol li a { display:block; width:185px; height:45px; background:#2C5945 url(../img/media/contentMenue.png) 0 0 no-repeat; text-align:center; font-size:14px; line-height:45px; font-weight:bold; color:#fff; text-decoration:none; }
#webcontent ol li a:hover { background-color:#8D0248; background-position:0 100%; }


/* teser */
.teaser { font-size:11px; }
.teaser .block { border:1px solid #fff; border-right:0; margin-bottom:5px; padding:5px; }
.teaser h3 { padding:0 0 5px 0; font-size:12px; }
.teaser ul { list-style-type:square; margin-left:15px; }
.teaser table td { vertical-align:top; padding:0; }
.teaser .more { display:block; border-top:1px solid #fff; padding-top:3px; margin-top:3px; font-size:9px; }

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

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

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