/* www.arcmedia.ch */

*                  { font-style:normal; list-style:none; margin:0; outline:none; padding: 0px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; }

body               { background:#eff1f3 url(/WebIndex/layout/background-content.gif) repeat-y -21px; color:#666666; padding-bottom: 30px;}
form			   { padding-bottom: 30px; }
#content           { width:980px; padding-top:12px; background:white; }
#text              { float:right; width:775px; color:#666666; }
#text p            { color:#666666; } /* IE6 */
#main              { float:left; width:560px; border-right:1px solid #dddddd; padding-right:29px; }
#rightbar          { float:right; width:134px; padding-left:42px; }
.articleimg        { width:270px; float:left; }
.description       { margin-left:280px; }
img                { border:0; vertical-align:middle; }
small, small *     { font-size:10px; }
input, textarea, select    { background:#F2F2F2; border:solid 1px #808183; border-right-color:#D3D3D3; border-bottom-color:#D3D3D3; padding-left: 2px; }
.cssInputClear     { background: #FFFFFF; border: 0px; }
.cssInputClear input     { background: #FFFFFF; border: 0px; }
#content p         { padding:5px 0; }

a:link, a:visited, a:focus, a:hover, a:active { color:#003366; }
a.cshop:link, a.cshop:visited, a.cshop:focus, a.cshop:hover, a.cshop:active { color:#666666; }


/* Header */
#header            { background:#eff1f3 url(/WebIndex/layout/background-header.jpg) no-repeat; height:93px; position:relative; }
#header p,
#header ul         { position:absolute; }
#header .logo      { left:67px;  top:25px; position:absolute; }
#header p.cshop    { left:205px; top:10px; }
#header p.konto    { left:692px; top:10px; width:300px; text-align:right; }
#header p.konto a  { color:#333333; }
#header p.konto span{ color:#666666; }
#header ul         { left:205px; top:69px; }

#header .cart      { position:absolute; top:70px; left: 848px; text-align:left; width:152px; z-index:1; }
#header .cartadd   { position:absolute; top:91px; left: 848px; text-align:left; width:152px; z-index:1; background-color: #FFFFFF; border: solid 1px #DDDDDD; }
#header .cart table{ margin-left:auto; width:100%; }
#header .cart td   { height:21px; vertical-align:top; }
#header .cart td.t { background:url(/WebIndex/layout/button-cart.gif) no-repeat top left; vertical-align:middle; padding-left:26px; background:url(/WebIndex/layout/button-cart.gif) no-repeat top left; }
#header .cart a    { color:white; background:url(/WebIndex/layout/button-cart-r.gif) no-repeat top right; display:block; padding-top:3px; height:18px; padding-right:8px; }

/*#header_img            { background:url(header-bg.jpg) no-repeat; height:147px; }*/
/*.startpage #header_img { background-image:url(header-start-bg.jpg); height:192px; }*/


/* Sidebar */
#sidebar           { float:left; width:170px; overflow:hidden; }
#sidebar span.title{ border-bottom:1px solid #dddddd; padding:0 0 3px 17px; display:block; width:100%;  }
#sidebar .sub      { margin-top:32px; }

#sidebar .searcht  { padding:0 0 5px 17px; display:block; }
#sidebar .search   { margin-left:17px; }
#sidebar .search input { margin-bottom:3px; }
#sidebar .searchButton { width: 130px; text-align: right; margin-top: 3px; }


/* Seitenmenu */
.menu              { width:100%; }
.menu li a         { display:block; padding:3px 0 3px 30px; border-bottom:1px solid #dddddd; color:#333333; background:url(/WebIndex/layout/menu-arrow.gif) no-repeat 20px center; }
.menu a:visited    { color:#333333; } 
.menu li ul a      { padding-left:40px; background-position:30px center; }
.menu li ul ul a   { padding-left:50px; background-position:40px center; }
.menu a.active,
.menu a.active:visited,
.menu a.open_active,
.menu a.open_active:visited,
.menu a:hover              { color:#01A5EC; background-color:#ECECEC; background-image:url(/WebIndex/layout/menu-arrow-active.gif); }
.menu a.open               { background-image:url(/WebIndex/layout/menu-arrow-open.gif); }
.menu a.open_active,
.menu a.open_active:hover,
.menu a.open:hover         { background-image:url(/WebIndex/layout/menu-arrow-active-open.gif); }

.search a          { color:#333333; }


/* Hauptnavigation */
#navi              { z-index:2; }
#navi li           { float:left; display:block; padding-right:2px; margin-right:1px; }
#navi li a         { display:block; padding:5px 7px 5px 9px; color:#333333; white-space:nowrap; }
#navi li.active a, #navi li:hover a   { background:url(/WebIndex/layout/navi-background-left.gif) no-repeat left; }
#navi li.active, #navi li:hover     { background:url(/WebIndex/layout/navi-background-right.gif) no-repeat right; }




/* Footer */
#footer			   { position: absolute; left: 0px; bottom: 0px; background:#eff1f3 url(/WebIndex/layout/background-footer.jpg) repeat-y; border-top:white solid 1px; width:100%; }
div > div#footer   { position: fixed; }
/*#footer            { background:#eff1f3 url(/WebIndex/layout/background-footer.jpg) repeat-y; border-top:white solid 1px; position:fixed; bottom: 0px; left:0px; width:100%; margin-top:20px; }*/
#footer p          { width:940px; text-align:right; background:url(/WebIndex/layout/mercedes-benz-footer.gif) no-repeat left center; padding:6px 0; margin-left:25px;  }
#footer, #footer a { color:#666666; }
#footer a          { padding:0 5px; }
#footer a:hover    { color:#0082e6; } /* dark cyan */

#sidebar, #text    { padding-bottom:45px; }


/* Artikel Anzeige */
input.button       { background:#003366; color:white; }
#artikel_text      { color:#666666; margin-left:15px; width:275px; }
#artikel_image     { width:120px; float:left; }
.blue              { color:#003366; }
img.pfeil          { width:5px; height:5px; margin:0 1px; vertical-align:middle; }
.print             { background:url(/WebIndex/layout/printer.gif) no-repeat left center; padding-left:16px; }
.enlarge           { background:url(/WebIndex/layout/vergroessern.gif) no-repeat left center; padding-left:16px; margin-top:4px; display:block; }
.arrow_l           { background:url(/WebIndex/layout/link-arrow-left.gif) no-repeat left center; padding-left:9px; }
.arrow_r           { background:url(/WebIndex/layout/link-arrow-right.gif) no-repeat right center; padding-right:9px; }
.arrow_lr           { background:url(/WebIndex/layout/link-arrow-right.gif) no-repeat left center; padding-left:9px; }

#sidebar_right             { width:136px; float:right; padding-left:30px; }
#sidebar_right strong      { color:#999999; }
#sidebar_right p span.name { display:block; background:url(/WebIndex/layout/link-arrow-right.gif) no-repeat left 5px; padding-left:9px; }
#sidebar_right p img       { margin:15px 0 3px; }

/* Buttons */

span.button, span.button * { background:url(/WebIndex/layout/button-bg-complete.gif) no-repeat left center; display:inline-block; height:20px; }
span.button                { background-position:right; padding:0px 13px 0 0; }
span.button *              { padding-left:17px; color:white; padding-top:1px; height:19px; }

span.button input          { border:0; }

a.button                   { white-space:nowrap; }
a.button span              { color:White; cursor:pointer; background:url(/WebIndex/layout/button-bg.gif) repeat-x; padding:2px 0 2px 0; display:inline-block; height:20px; }
a.button img               { }

input.button               { background:url(/WebIndex/layout/button-bg.gif) repeat-x; border:0; padding-bottom:4px; display:inline-block; height:20px; cursor:pointer; }

.sort                      { background:url(/WebIndex/layout/sort_asc.gif) no-repeat center right; padding-right:10px; margin:0 3px; }
.desc                      { background-image: url(/WebIndex/layout/sort_desc.gif); }
.sorting a                 { color:#666666; }
.sorting a.active, .sorting a:hover { color:#00ADEF; }

/* Kategorienansicht */

.articlelist                 { padding-top:30px; position:relative; clear:both; width:100%; height:auto; }
.articlelist img             { float:left; }
.articlelist strong a,
.show_cart_items p strong.titel,
.show_cart_items p a.details,
.articlelist .details a      { color:#003366; background:url(/WebIndex/layout/link-arrow-right.gif) no-repeat left center; padding-left:10px; }
#content .articlelist p.text { top:0; margin:0 0 0px 138px; padding-top:0px; }
.cssArticleLine				 { position:absolute; left: 138px; border-top:#dddddd 1px solid; width: 637px; margin-top:10px; }
.articlelist p.price         { position:absolute; left:138px; right:0; position:absolute; margin-top:10px; }
.articlelist p.details       { position:absolute; right:0; margin-top:10px; }



.dinline                  { display:inline; }

table.button              { }
table.button .col1        { background:url(/WebIndex/layout/button-bg-complete.gif) left top no-repeat; width:17px; height:20px; padding:0px; }
table.button .col2        { background:url(/WebIndex/layout/button-bg-complete.gif) center top; padding:0px; }
table.button .col2 a      { color:white; position:relative; top:-1px; padding-left: 5px; padding-right: 5px; }
table.button .col2 input  { color:White; background:transparent; border:0; cursor:pointer; }
table.button .col3        { background:url(/WebIndex/layout/button-bg-complete.gif) right top; width:13px; padding:0px; }


.cart_navi                { border-bottom:1px solid #DDDDDD; }
.cart_navi li             { display:inline; }
.cart_navi li a           { color:#666666; display:block; max-width:250px; margin:3px 15px; }
.cart_navi li a.active    { color:#00ADEF; }



.cart_article             { position:relative; margin-top:20px; border-bottom:1px solid #DDDDDD; padding-bottom:15px; min-height: 80px; height: 80px; overflow:visible; }
.cart_article .text       { position:absolute; top:-5px;   left:140px; }
.cart_article .price      { position:absolute; right:0;    top:10px; }
.cart_article .quantity   { position:absolute; right:85px; top:10px;}
.cart_article .quantityText   { position:absolute; right:85px; top:15px;}
.cart_article .buttons    { position:absolute; right:0;    top:65px; }


/* Formatierung von Simon */
table.cssNormTable td	  { padding: 3px; }
table.cssNormTable2 td	  { padding: 2px; }
table.cssNormTable5 td	  { padding: 5px; }
.cssTableHeaderTitle      { border-bottom:#dddddd 1px solid; color:#666666; font-weight: bold; }


/* kategorienansicht */
.cat_head                 { position:relative; height:30px; border-bottom:1px solid #dddddd; }
.cat_head p               { display:inline; }
.cat_head p.sorting       { position:absolute; top:2px; }
.cat_head p.paging_app    { position:absolute; left:300px; top:0px; }
.cat_head p.paging        { position:absolute; right:0; top:2px; }




/* Anzeige der Hauptkategorien */

.master_cat               { width:190px; float:left; margin-right:10px; }
.master_cat strong        { font-size:14px; padding-top:3px; display:block; color:#999999; }
.master_cat ul li         { margin:2px 0; }
.master_cat ul li a       { background:url(link-arrow-right.gif) no-repeat left center; padding-left:9px; }
.master_cat ul li a:hover { background-image:url(/WebIndex/layout/menu-arrow-active.gif); color:#01A5EC; }




/* Startseite */
.start ul                  { padding-top:10px; }
.start ul li a             { background:url(/WebIndex/layout/link-arrow-right.gif) left center no-repeat; padding-left:9px; }
.start div.microsite       { position:absolute; top:254px; left:360px; border:#dddddd 1px solid; background:white; }
.start .show_all_cats      { position:relative; top:-12px; background:url(/WebIndex/layout/bg-startpage.gif) repeat-x; width:360px; border-bottom:1px solid #dddddd; margin-bottom:10px; padding:12px 0 20px 20px; border-bottom:#dddddd 1px solid; }
.start .show_all_cats td   { width:50%; vertical-align:top; }
.start .ssearch            { padding-left:20px; }
.start .ssearch .search    { padding-top:5px; }
.start .ssearch .button    { position:relative; top:6px; }

/* Order Processing */
.op_activeStart             { width:10px; height:26px; }
.op_activeBackground        { width:1px; height:26px; color: #01AEF2; }
.op_activeEnd               { width:10px; height:26px; background-position: right; }
.op_inactiveStart           { width:20px; height:26px; }
.op_inactiveBackground      { width:1px; height:26px; color: #666666; }
.op_inactiveEnd             { width:10px; height:26px; background-position: right; }

/* width for IE */ 
.cssButtonAutoWith          { top: -1px; position: relative; }