*{
 margin:0px;
 padding:0px;
}
body{
 font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;
 text-align: center;
}
img{
 border:0px;
}
/** --- Typo --- */
h1{
 font-size: 24px;
 color:#FFFFFF;
 font-weight: normal;
 padding-top:10px;
}
h3{
 font-size:12px;
 font-weight: normal;
}
.font-size-big{
 font-size:24px;
}
.font-size-middle{
 font-size:15px;
}
.font-size-small{
 font-size:11px;
}
.font-color{
 color:#c1140e;
}
.price{
 color:#fa7e05;
}

/** --- Links --- */
a{
 text-decoration: underline;
}
a.lense{
 background-image: url('/images/ww/icon_sprite.png');
 background-position: -200px -499px;
 height:24px;
 width:24px;
 display:block;
 margin:2px 0px 0px 13px;
}
a.lense:hover{
 background-position: -200px -525px;
}

/** --- Layout --- */
#wrap-container{
 margin:0px auto;
 text-align:left;
 width:950px;
}

/** --- Header --- */
#header{
 background-color: #c1140e;
 /*background-image: url('/images/dummy/bmw.jpg');*/
 background-image: url('/images/ww/gallery/red_bg_header.gif');
 background-repeat: repeat-x;
 color: #FFFFFF;
 height:49px;
 padding:0px 10px 0px 49px;
 overflow:hidden;
}
#header h1{
 float:left;
 margin-right:10px;
}
#header img{
 padding-top:5px;
}


/** --- Main-Navigation --- */
.menu{
 background-color: #aba49f;
 border-bottom:1px solid #94908c;
}
ul.dropdown ul.dropdown{
 padding:0px 10px 0px 27px;
}
.menu ul{
 margin:0 0 0 27px;
}
.menu ul li a{
 text-decoration: none;
 font-size: 12px;
 padding:6px 22px 6px 22px;
}
.menu ul li a.headlink:hover, .menu ul li.active a, .menu ul li ul{
 background-color: #d0cac5;
}
.menu ul li ul{
 margin:0px;
}
.menu ul li ul li{
 border-bottom: 1px solid #FFFFFF;
}
.menu ul ul li a, .menu ul li a.active, .menu ul li.active a, .menu ul li a.headlink:hover, .menu ul li a.cart:hover, .subnavigation ul li a:hover{
 color: #FFFFFF;
}
.menu ul li ul li a:hover, .menu ul li a, .subnavigation ul li a{
 color: #000000;
}
.menu ul li ul li a:hover{
 background-color: #beb7b2;
}
.menu ul li.li-cart{
 background-color: #bbb5b1;
    position: absolute;
    right: 150px;
}
/** --- Sub-Navigation --- */
.subnavigation{
 background-color: #beb6b1;
 padding:0px 10px 0px 49px;
}
.subnavigation ul li{
 padding:6px 44px 6px 0px;
}
.subnavigation ul li a{
 text-decoration: none;
 font-size: 10px;
}
.subnavigation ul li a:hover{
 text-decoration: none;
}

/**-------------------Gallery --------------------*/
/** --- Starting Page ---*/
div.gallery-home h1{
    color: #000;
    font-weight: bold;
}

div.gallery-home h2{
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

div.gallery-home p.gallery-description{

}

div.gallery-home .show-all-button {
    background-color: #aba49f;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding: 5px;
    background-color:#beb6b1;
}

div.gallery-home .show-all-button.active {
    background-color: #d0cac5;
}

/** --- Motif ---*/
#selected-motif a{
 float:left;
}

/** --- Scrollables --- */
#img-slider{
 width: 100%;
 margin-left: 25px;
 margin-bottom: 5px;
 margin:5px 0px 5px 25px;
}
div.scrollable {
 height:91px;
 width:850px;
}
div.scrollable div.scrollable_items {
 height:91px;
}
div.scrollable .item {
 margin-right: 4px;
 height:91px;
}
div.scrollable .item img{
 height:91px;
 opacity: 0.54;
 filter:alpha(opacity=54);
}
div.scrollable .item img.active{
 height:91px;
 opacity: 1;
 filter:alpha(opacity=100);
}
div a.prev, div a.next {
 background-image:url(/images/ww/elements.gif);
 width: 21px;
 height: 45px;
 background-repeat: no-repeat;
 cursor: pointer;
 margin-top: 25px;
}
a.prev {
 background-position: -92px -58px;
}
a.next {
 background-position: -93px -104px;
}



/** --- Product Lists (Gallery/Product Ordering) --- */
#product-selection{
 padding:0 30px 0 49px;
}
#product-selection h3,#product-selection ul {
 margin-left:3px;
 width:187px;
}
.motif-desc{
 margin-bottom: 20px;
}
ul.product-list {
 width:187px;
 margin: 0;
 padding: 0;
 list-style: none;
 margin: 5px 0px 20px 0px;
 position:relative;
 left:-5px;
}
ul.product-list li {
 background: transparent url(/images/ww/artMarket/product_list_li-bg.gif) no-repeat right center;
 border: 1px solid #adb9c2;
 padding: 4px 8px;
 margin-bottom: 1em;
 cursor: pointer;
}
ul.product-list li.selected {
 border-color: #809e24;
 background-image: url(/images/ww/artMarket/product_list_li-bg-selected.gif);
}
ul.product-list li.disabled {
 background: none;
}
ul.product-list li div.sold_out {
 text-transform: uppercase;
 font-weight: bold;
}


/**-------------------- Product Ordering ----------------------*/

/* -----Layout ----*/
#product-container{
 width:100%;
 margin:27px 0px 0px 0px;
}
#sidebar, #product{
 float:left;
}
#marginal{
 float:right;
}
/**--------Sidebar ----*/
#sidebar{

 padding:0px 30px 0px 49px;
}
#sidebar .inner{
 width:182px;
}
.artist-recommendation {
 background: transparent url(/images/ww/market_sprite.png) right -80px no-repeat;
 padding-right: 14px;
}
.gradient-bg.gradient-bg-1 {
 background:transparent url(/images/ww/backgrounds.gif) repeat-x scroll 0 -1161px;
}
.grey-box {
 background:#DDDDDD none repeat scroll 0 0;
 border:1px solid #C4C4C4;
 padding:8px;
 margin:5px 0px 20px 0px;
}
.align-center {
 text-align:center;
}
.link-to-left{
 text-decoration: none;
 background-image: url('/images/ww/gallery/arrows_red.gif');
 background-repeat: no-repeat;
 background-position: 0px 3px;
 padding-left:13px;
}
.link-to-right{
 text-decoration: none;
 background-image: url('/images/ww/gallery/arrows_red.gif');
 background-position: right -10px;
 background-repeat: no-repeat;
 padding-right:13px;
}
.link-to-left:hover, .link-to-right:hover{
 text-decoration: underline;
}

/**------Product (Center) ---*/

#product ul.artist{
 margin-bottom: 4px;
}
#product ul.artist li h3{
 margin-top:-2px;
}
#product ul.product-details{
 border:1px solid #d1cfcf;
 margin-bottom: 6px;
}
#product ul.product-details li{
 padding: 8px 10px 8px 10px;
 border-bottom:1px solid #d1cfcf;
}
#product ul.product-details li.details-head{
 background-color: #ededed;
}
#product ul.product-details li ul li{
 padding: 0px 17px 0px 0px;
}
#product ul.btn-container{
 margin-bottom: 20px;
}


/**-----Marginal---*/
#marginal{
 border:1px solid #d0cece;
}
#marginal .teaser-content{
 border:10px solid #ececec;
}
#marginal .teaser{
 border-bottom: 1px solid #c4c4c4;
}
#marginal h3{
 margin-bottom: 13px;
}
#marginal .teaser.last{
 border:0px;
}

/*some "heading" fonts*/
#warenkorb h1,
#warenkorb h2,
#warenkorb #topNavigation a.aktiv,
#warenkorb #topNavigation a:hover,
#warenkorb ul.kopf,
#warenkorb .buttons span,
#wrap-container form.styled h1.headline,
#wrap-container #product_scroller #scrollable div.items a.active,
#wrap-container div.body div.w560.pt33 h1.headline
{
    color: #c1140e !important;
}

/*color of borders (eg. | Motiv     | Artikel ...) */
#warenkorb .kopf li,
#warenkorb ul.postenZusatz li.artikel span,
#wrap-container #configurator div.pickBox.active div.title,
#wrap-container #configurator div.pickBox.active div.image
{
    border-color: #c1140e !important;
}

/* Configurator price box */
#wrap-container #configurator #configurator_tabs.ui-tabs-nav li.preis{
    background-color: #beb7b2 !important;
}

/*prices summary*/
#warenkorb ul.gesamtsumme {
    background: #aba49f !important;
    border: 1px solid #aba49f !important;
    color:#FFFFFF;
}

