@charset "UTF-8";
@media screen, print {
    /* *** *** *** *** *** *** *** *** *** DEFAULT STYLES *** *** *** *** *** *** *** *** *** */ * {

margin:
        0;

padding:
        0;
}

html {
        height: 100%;
}

body {
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        background: #fafafa;
        padding: 0;
        margin: 0;
        /*letter-spacing: 1.0px;*/
        height: 100%;
        overflow-x: hidden;
}

body, textarea, input, select {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 20px;
        color: #999;
}

fieldset, img {
        border: 0 solid;
}

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

ol {
        padding-left: 0;
}

li, p {
        margin: 0;
        padding: 0;
}

label {
        color: #999;
}

strong, b {
        font-weight: bold;
}

em {
        font-style: normal;
}

hr {
        color: #fafafa;
        background: transparent;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border: 0;
        border-bottom: 1px dotted #999;
}

    /* *** headlines *** */
h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #666;
        margin: 0;
        padding: 0;
        line-height: 140%;
        /*letter-spacing:1px;*/
}

h1, h5 {
        font-family: 'Trebuchet MS', Helvetica, sans-serif;
        font-weight: normal;
        font-size: 50px;
        line-height: 34px;
        text-transform: uppercase;
        letter-spacing: -1px;
}

h1 {
        color: #999;
}

h2, h3 {
        font-size: 14px;
        line-height: 16px;
}

h2 {
        margin-bottom: 15px;
}

h3 {
        text-transform: uppercase;
        margin-bottom: 18px;
}

h4 {
        font-size: 100%;
}

h5 {
        color: #eea500;
        margin-top: 5px;
        margin-bottom: -8px;
}

h6 {
        font-size: 100%;
        margin-bottom: 16px;
}

    /* *** common links *** */
a {
        color: #999;
        text-decoration: none;
        text-transform: uppercase;
}

a:focus, a:hover, a:active, a.actual {
        color: #eea500;
        text-decoration: none;
        outline: none;
}:focus,:active {
        outline: none;
}

a, a span, a:hover span {
        cursor: pointer;
}

    /* *** form fields *** */
input.radio, input.checkbox {
        height: 1.2em;
        width: 1.2em;
}

input.text, textarea, select {
        padding: 1px 1px 1px 1px;
        border-color: #ddd;
        border-style: solid;
        border-width: 1px;
}

input.text {
        padding: 0;
        height: 15px;
        line-height: 15px;
}

option {
        padding-left: 0.6em; /* avoid to small Selectboxes */
}

button {
        background: transparent;
        border: 0 none;
        display: block;
        color: #999;
        text-transform: uppercase;
        cursor: pointer;
}

button:hover {
        background-position: 0 -23px;
        color: #eea500;
}

    /* *** wrong form fields *** */
.error {
        color: #990000;
}

.error input.text, input.text.error, .error textarea, textarea.error, .error select, select.error {
        border-color: #990000;
}

    /* *** clearfix *** */
.clear:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.clear {
        display: block;
}

    /* *** *** *** *** *** *** *** *** *** PAGE STYLES *** *** *** *** *** *** *** *** ***  */
#wrapper {
        position: relative;
        width: 960px;
        margin: 0 auto;
        height: auto;
        padding-bottom: 29px;
        z-index: 80;
}

#header {
        position: fixed;
        top: 0;
        z-index: 100;
        width: 960px;
        height: 60px;
        border-bottom: 1px solid #ddd;
        background: transparent url(../_img/bg_body_top.gif) repeat-x left top;
}

.bgTop {
        position: fixed;
        top: 0;
        left: 0;
        background: transparent url(../_img/bg_body_top.gif) repeat-x left bottom;
        z-index: 10;
        width: 100%;
        height: 150px;
}

.bgBottom {
        position: fixed;
        bottom: 0;
        left: 0;
        background: transparent url(../_img/bg_body_bottom.gif) repeat-x left bottom;
        z-index: 10;
        width: 100%;
        height: 150px;
}

.loader {
        height: 492px;
        width: 715px;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 10;
}

.loader div {
        position: relative;
        top: 47%;
        left: 47%;
        width: 32px;
        height: 32px;
        background: transparent url(../_img/ajaxLoader.gif) no-repeat 0 0;
}

    /* *** *** *** *** *** *** *** *** *** CONTENT STYLES *** *** *** *** *** *** *** *** ***  */
#content {
        position: relative;
        padding-top: 69px;
        left: 0;
        z-index: 50;
        padding-bottom: 40px;
        font-size: 14px;
        line-height: 20px;
}

body.site #content {
        padding-top: 128px;
        _padding-top: 0;
}

#content p {
        margin-bottom: 22px;
}

#content ul.disc {
        margin-bottom: 18px;
}

#content dl.links {
        margin-bottom: 18px;
}

#content dl.links dt {
}

#content dl.links dd {
        margin-bottom: 8px;
}

#content ul.circle {
        padding-top: 3px;
        margin-bottom: 3px;
}

#content ul.disc li {
        list-style-type: disc;
}

#content ul.circle li {
        list-style-type: circle;
}

#content ul.disc li, #content ul.circle li {
        padding-left: 0.5em;
        margin-left: 1.5em;
        margin-bottom: 4px;
}

.topFlash, .topImage {
        display: block;
        margin-bottom: 18px !important;
        padding-top: 0 !important;
}

.maincontent h2, .maincontent p {
        width: 715px;
        margin-bottom: 22px;
}

.maincontent h2 {
        text-transform: uppercase;
}

.maincontent img {
        padding-top: 11px;
        /* margin-bottom: 36px; */
        display: block;
        margin-bottom: 16px;
}

.maincontent img.odd, .maincontent h2.odd, .maincontent p.odd {
}

.maincontent img.even, .maincontent h2.even, .maincontent p.even {
        padding-left: 245px;
}

    /* *** *** *** *** *** *** *** *** *** HEADER STYLES *** *** *** *** *** *** *** *** ***  */
#header .logo {
        padding: 9px 0 0 0;
        width: 334px;
        overflow: hidden;
}

#header .logo a, #header .logo img {
        display: block;
        float: left;
}

#header .logo a {
        padding-right: 2px;
}

.mainnavi {
        text-transform: uppercase;
        position: absolute;
        top: 4px;
        right: 0;
        font-size: 11px;
}

.mainnavi li {
        float: left;
        white-space: nowrap;
        margin-left: 20px;
}

.mainnavi li a {
        display: block;
}

.mainnavi li a:hover, .mainnavi li.actual a, .mainnavi li.actual a:hover {
        color: #eea500;
}

    /* *** *** *** *** *** *** *** *** *** FOOTER AND METANAVI STYLES *** *** *** *** *** *** *** *** ***  */
#footer {
        position: fixed;
        bottom: 0;
        text-align: center;
        z-index: 999999;
        width: 960px;
        height: 28px;
        border-top: 1px solid #ddd;
        background: transparent url(../_img/bg_body_bottom.gif) repeat-x left bottom;
}

#footer div {
        position: absolute;
        bottom: 4px;
        right: 0;
        font-size: 11px;
}

#footer div ul {
        display: inline;
        float: left;
}

#footer ul.socialnavi {
        position: absolute;
        bottom: 6px;
        left: 0;
        font-size: 11px;
}

#footer ul.catalog {
        position: absolute;
        bottom: 4px;
        left: 50px;
        font-size: 11px;
        padding-left: 6px;
        border-left: 1px solid #CCC;
}

#footer ul li {
        float: left;
        margin-left: 13px;
}

#footer ul li a {
        display: block;
}

.langnavi {
        padding-right: 13px;
        border-right: 1px solid #CCC;
}

#footer .langnavi li {
        margin-left: 8px;
}

#footer .socialnavi li {
        margin: 0 13px 0 0;
}

.langnavi li a {
        color: #CCC;
}

#footer ul li.actual a {
        color: #666;
}

#footer ul li a:hover {
        color: #eea500;
}

    /* *** *** *** *** *** *** *** *** *** BLOG NAVI STYLES *** *** *** *** *** *** *** *** ***  */
#sitetools {
        display: none;
}

body.site #sitetools {
        border-bottom: 1px solid #ddd;
        position: fixed;
        top: 61px;
        z-index: 9999;
        height: 49px;
        width: 960px;
        background: transparent url(../_img/bg_body_top.gif) repeat-x left -62px;
        display: block;
        _margin-bottom: 10px;
}

.sitenavi {
        padding-bottom: 10px;
        text-transform: uppercase;
        position: absolute;
        top: 12px;
        left: 0;
        z-index: 81;
}

.sitenavi li {
        float: left;
        margin-right: 2px;
}

.sitenavi li.navitext {
        color: #eea500;
        margin-left: 5px;
        line-height: 26px;
        font-size: 14px;
        margin-top: 2px;
        width: 220px;
}

.sitenavi li.navitext span {
        display: none;
}

.sitenavi li em, .sitenavi li a {
        display: block;
        background-image: url(../_img/bg_blog_shortnavi.png);
        background-repeat: no-repeat;
        height: 26px;
        text-indent: -999em;
}

.sitenavi li.index a {
        width: 26px;
        background-position: 0 0;
}

.sitenavi li.next a {
        width: 19px;
        background-position: -28px 0;
}

.sitenavi li.prev a {
        width: 19px;
        background-position: -48px 0;
}

.sitenavi li.index a:hover {
        width: 26px;
        background-position: 0 -26px;
}

.sitenavi li.next a:hover {
        width: 19px;
        background-position: -28px -26px;
}

.sitenavi li.prev a:hover {
        width: 19px;
        background-position: -48px -26px;
}

.sitenavi li.index em {
        width: 26px;
        background-position: 0 -52px;
}

.sitenavi li.next em {
        width: 19px;
        background-position: -28px -52px;
}

.sitenavi li.prev em {
        width: 19px;
        background-position: -48px -52px;
}

    /* @group shopnavi */
#shopnavicontainer {
        position: fixed;
        top: 104px;
        width: 940px;
        height: 53px;
        padding: 37px 0 1px 20px;
        background: #fafafa url(../_img/bg_shopnavi.png) no-repeat 0 27px;
        text-transform: uppercase;
        z-index: 82;
}

#shopnavicontainer p.label {
        color: #666;
        font-size: 14px;
        min-width: 100px;
        padding: 0 0 7px 0;
        margin: 0;
}

.shopnaviwrapper span.pagetitle, #productsContainer span.pagetitle {
        display: none;
}

.shopnavi {
        float: left;
}

.shopnavi li {
        float: left;
        position: relative;
        z-index: 83;
        margin-right: 22px;
}

#content .shopnavi li a {
        display: block;
        background: url(../_img/bg_icon_scroll_down_shop.png) no-repeat right -3px;
        height: 14px;
        padding-right: 22px;
        font-size: 12px;
        line-height: 14px;
        color: #999;
        text-decoration: none;
        _float: left;
}

#content .shopnavi li span {
        _float: left;
}

#content .shopnavi li span.inactive {
        background: url(../_img/bg_icon_scroll_down_shop.png) no-repeat right -45px;
        display: block;
        height: 14px;
        padding-right: 22px;
        font-size: 12px;
        line-height: 14px;
        color: #CCC;
}

#content .shopnavi li.hi a, #content .shopnavi li.actual a, #content .shopnavi li a:hover {
        background-position: right -23px;
        color: #eea500;
}

#shopnavicontainer a.close {
        float: right;
        background: url(../_img/bg_icon_close.png) no-repeat 0 -3px;
        height: 14px;
        line-height: 14px;
        padding: 0px 20px 0 23px;
        display: block;
        font-size: 12px;
        color: #999;
        text-decoration: none;
}

#shopnavicontainer a.close:hover {
        background-position: 0 -23px !important;
        color: #eea500;
}

.shopnavi .submenu {
        position: absolute;
        width: 318px;
        margin-top: 21px;
        left: 0;
        top: 0;
        background: #fff;
        border: 1px solid #ddd;
        z-index: 97;
}

.shopnavi li li {
        float: none;
        display: block;
}

.shopnavi li li a {
        background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -3px !important;
        padding-left: 20px;
        line-height: 14px;
        margin-bottom: 6px;
        color: #999 !important;
}

.shopnavi li li.actual a {
        background-position: 0 -23px !important;
        color: #eea500 !important;
}

.shopnavi li li a:hover {
        background-position: 0 -23px !important;
        color: #eea500 !important;
}

.shopnavi .bgVignetteTop {
        background: transparent url(../_img/bg_quicknavi_top.png) repeat 0 0;
        width: 318px;
        height: 20px;
        line-height: 20px;
}

.shopnavi .bgVignetteMiddle {
        background: transparent url(../_img/bg_quicknavi_middle.png) repeat 0 0;
        padding: 5px 10px 0 10px;
}

.shopnavi .bgVignetteMiddle ul {
        position: relative;
        margin: -18px -3px -19px -3px;
}

.shopnavi .bgVignetteBottom {
        background: transparent url(../_img/bg_quicknavi_bottom.png) repeat-x 0 0;
        width: 318px;
        height: 20px;
        line-height: 20px;
}

.shopnavi .submenuLarge.cols2 {
        width: 488px;
}

.shopnavi .submenuLarge.cols2 .bgVignetteTop {
        width: 488px;
}

.shopnavi .submenuLarge.cols2 .bgVignetteMiddle {
        display: inline-block;
        width: 468px;
}

.shopnavi .submenuLarge.cols2 .bgVignetteMiddle ul {
        float: left;
        min-width: 210px;
}

.shopnavi .submenuLarge.cols2 .bgVignetteBottom {
        width: 488px;
}

.shopnavi .submenuLarge.cols3 {
        width: 568px;
}

.shopnavi .submenuLarge.cols3 .bgVignetteTop {
        width: 568px;
}

.shopnavi .submenuLarge.cols3 .bgVignetteMiddle {
        display: inline-block;
        width: 548px;
}

.shopnavi .submenuLarge.cols3 .bgVignetteMiddle ul {
        float: left;
        min-width: 180px;
}

.shopnavi .submenuLarge.cols3 .bgVignetteBottom {
        width: 568px;
}

.quicknavi {
        text-transform: uppercase;
        position: absolute;
        top: 17px;
        right: 0;
        width: 640px;
        z-index: 8000;
}

.quicknavi li {
        float: right;
        position: relative;
        z-index: 7100;
}

.quicknavi li.topics {
        margin-right: 28px;
}

.quicknavi li.categories {
        margin-right: 0;
}

.quicknavi li.close {
        margin-right: 5px;
        display: none;
}

.quicknavi li.close a {
        background: url(../_img/bg_icon_close.png) no-repeat 0 -3px;
        font-size: 12px;
        line-height: 14px;
        padding-left: 23px;
        display: block;
}

.quicknavi li.topics a {
        background: url(../_img/bg_icon_scroll_down.png) no-repeat right -3px;
        font-size: 12px;
        line-height: 14px;
        padding-right: 22px;
        display: block;
}

.quicknavi li.topics.hi a, .quicknavi li.topics.actual a, .quicknavi li.topics a:hover {
        background-position: right -23px;
        color: #eea500;
}

.quicknavi li.close a:hover {
        background-position: 0 -23px;
}

.quicknavi .submenu {
        display: none;
        position: absolute;
        width: 318px;
        margin-top: 21px;
        right: 0;
        top: 0;
        background: #fff;
        border: 1px solid #ddd;
}

.quicknavi li li {
        float: none;
        display: block;
}

.quicknavi li li a {
        background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -3px !important;
        padding-left: 20px;
        line-height: 14px;
        margin-bottom: 6px;
        color: #999 !important;
}

.quicknavi li li a:hover {
        background-position: 0 -23px !important;
        color: #eea500 !important;
}

.quicknavi .bgVignetteTop {
        background: transparent url(../_img/bg_quicknavi_top.png) no-repeat 0 0;
        width: 318px;
        height: 20px;
        line-height: 20px;
}

.quicknavi .bgVignetteMiddle {
        background: transparent url(../_img/bg_quicknavi_middle.png) repeat-y 0 0;
        padding: 5px 10px 0 10px;
}

.quicknavi .bgVignetteMiddle .searchform {
        position: relative;
        margin: -16px 0 -14px 0;
}

.quicknavi .topics .bgVignetteMiddle ul {
        position: relative;
        margin: -18px -3px -19px -3px;
}

.quicknavi .bgVignetteMiddle .searchform {
        padding-bottom: 3px;
}

.quicknavi .bgVignetteBottom {
        background: transparent url(../_img/bg_quicknavi_bottom.png) no-repeat 0 0;
        width: 318px;
        height: 20px;
        line-height: 20px;
}

.quicknavi a.close:hover {
        background-position: 0 -23px !important;
        color: #eea500;
}

    /* @end */
    /* *** *** *** *** *** *** *** *** *** AJAX SEARCH (AUTOCOMPLETE) STYLES *** *** *** *** *** *** *** *** ***  */
.shopnavi #ajaxSearch {
        position: relative;
}

#ajaxSearchInnerDiv {
        height: 194px;
        overflow: hidden;
}

.ac_results {
        margin-top: 17px;
        margin-bottom: 9px;
        padding: 0;
        overflow: hidden;
        z-index: 99999;
        position: static;
}

.ac_results ul {
        width: 287px;
        list-style-position: outside;
        list-style: none;
        margin-left: -2px;
}

.ac_results li {
        cursor: default;
        display: block;
        /*
         if width will be 100% horizontal scrollbar will apear
         when scroll mode will be used
         */
        /*width: 100%;*/
        /*
         it is very important, if line-height not setted or setted
         in relative units scroll will be broken in firefox
         */
        overflow: hidden;
        text-transform: uppercase;
        background: transparent url(../_img/bg_icon_arrowright.png) no-repeat scroll 0 -3px !important;
        margin-bottom: 6px !important;
        padding-left: 20px;
        display: block;
        height: 14px;
        line-height: 14px;
        color: #999 !important;
        cursor: pointer;
}

.ac_results li:hover {
        background-position: 0 -23px !important;
        color: #eea500 !important;
}

p.noresult {
        margin-top: 10px;
}

.ac_odd {
}

.ac_results li.ac_over {
        background-position: 0 -23px !important;
        color: #eea500 !important;
}

    /* *** *** *** *** *** *** *** *** *** HEADLINE (h1/img) STYLES *** *** *** *** *** *** *** *** ***  */
.pageheader {
        position: relative;
        margin-bottom: 20px;
}

.pageheader h1 span {
        display: block;
        position: absolute;
        top: -999em;
}

.pageheader h5 {
        position: absolute;
        top: -999em;
}

.pageheader img {
        position: absolute;
        top: 0;
        display: block;
}

.pageheader .date {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 10px;
        line-height: 12px;
}

    /* @group shops */
.vignetteBoxes {
        position: relative;
        top: 86px;
        min-height: 300px;
        left: 0px;
        width: 980px;
        padding-bottom: 69px;
        z-index: 80;
        overflow: hidden;
}

.vignetteBoxesLogin {
        top: 15px;
}

.vignetteBoxRow {
        overflow: hidden;
}

.vignetteBoxes .odd {
        margin-left: 120px;
}

.vignetteBox {
        width: 410px;
        float: left;
        margin: 0 20px 0 0;
        padding-bottom: 20px;
        overflow: hidden;
}

.vignetteBoxTop {
        background: url(../_img/bg_vignette_top_shop.png) no-repeat left top;
        padding: 16px 0 0 19px;
        height: 36px;
}

.vignetteBoxImage .vignetteBoxTop {
        background: url(../_img/bg_vignette_top_sr.png) no-repeat left top;
}

.vignetteBoxTop span {
        position: absolute;
        left: -9999em;
        top: -9999em;
}

.vignetteBox div.vcard, .vignetteBox p {
        font-size: 12px;
        line-height: 17px;
        min-height: 107px;
        padding: 16px 20px 20px 20px;
        background: url(../_img/bg_vignette_bottom_shop.png) no-repeat left bottom;
        position: relative;
}

.vcard .geo, .vcard .fn, .vcard .country-name {
        display: none;
}

#content .vignetteBoxesLogin .vignetteBox p {
        min-height: 60px;
        margin: 0;
}

.vignetteBoxImage div.vcard {
        background: url(../_img/bg_vignette_bottom_sr.png) no-repeat left bottom;
}

#content .vignetteBox a {
        font-size: 12px;
        text-transform: none;
        text-decoration: none;
        color: #999;
}

#content .vignetteBox a:hover {
        color: #eea500;
}

#content .vignetteBoxesLogin a {
        background: url(../_img/bg_icon_arrowright_login.png) no-repeat 0 4px;
        font-size: 15px;
        line-height: 1.5em;
        text-transform: uppercase;
        padding: 4px 0 0 20px;
        display: block;
}

#content .vignetteBoxesLogin a:hover {
        background: url(../_img/bg_icon_arrowright_login.png) no-repeat 0 -43px;
}

#content .vignetteBox .gmlink {
        position: absolute;
        bottom: 6px;
        right: 14px;
        background: url(../_img/icon_flag.gif) no-repeat right top;
        padding-right: 27px;
        font-size: 10px;
        text-transform: uppercase;
        display: none;
        cursor: pointer;
}

#content .vignetteBox .gmlink:hover {
        color: #eea500;
}

#content .vignetteBoxImage {
        width: 840px;
        margin-right: 0;
}

.vignetteBoxImage img {
        float: left;
        max-width: 420px;
}

.vignetteBoxImage .srImg {
        width: 420px;
        min-height: 195px;
        display: block;
        float: left;
        background: url(../_img/bg_vignette_slideshow.png) no-repeat left top;
}

.slideSources {
        display: none;
}

.vignetteBoxContainer {
        float: left;
        width: 420px;
        overflow: hidden;
}

#metaMap {
        width: 685px;
        height: 400px;
}

#map_canvas {
        width: 550px;
        height: 300px;
        margin-left: 65px;
        color: #000;
        line-height: 1.4em;
}

    /* @group collection */
#content #collectionContainer .teaser {
        position: relative;
        height: 282px;
}

#content #collectionContainer .teaser h2 span {
        left: -9999em;
        position: absolute;
        top: -9999em;
}

#content #collectionContainer .teaser .newsTeaser {
        top: 9px;
        left: 0;
        z-index: 2;
        position: absolute;
}

#content #collectionContainer .teaser .newsTeaser img {
		background-color: #ffffff;
}	

#content #collectionContainer .teaser .newsTeaser {
        z-index: 2;
}

#content #collectionContainer .teaser .favoritTeaser {
        margin-left: -10px;
        top: 0;
        left: 480px;
        position: absolute;
        z-index: 0;
}

#content #collectionContainer .teaser .favoritTeaser {
        z-index: 0;
}

#content #collectionContainer .teaser .smallTeasers {
        float: right;
}

#content #collectionContainer .teaser .smallTeasers .accessoriesTeaser {
        display: block;
        position: absolute;
        top: 30px;
        right: 52px;
        z-index: 2;
}

#content #collectionContainer .teaser .smallTeasers .accessoriesTeaser img {
        z-index: 2;
}

#content #collectionContainer .teaser .smallTeasers .materialTeaser {
        display: block;
        position: absolute;
        top: 150px;
        right: 0;
        z-index: 0;
}

#content #collectionContainer .teaser .smallTeasers .materialTeaser img {
        z-index: 0;
}

#content #collectionContainer .collections {
        margin-top: 28px;
}

#content #collectionContainer .collections div.collHeadline {
        overflow: hidden;
}

#content #collectionContainer .collections div.collHeadline img {
        float: left;
}

#content #collectionContainer .collections div.collHeadline .floatBox {
        float: right;
        margin-top: 12px;
        padding-left: 20px;
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 0;
}

#content #collectionContainer .collections div.collHeadline .floatBox:hover {
        background-position: 0 -20px;
}

#content #collectionContainer .collections.collCat {
        margin-top: 0;
}

#content #collectionContainer .collections .collectionTiles {
        margin-top: 26px;
        position: relative;
        clear:both;
}

#content #collectionContainer .collections.collCat .collectionTiles {
        margin-top: 0;
}

#content #collectionContainer .collections .collectionTiles .tile {
        float: left;
        width: 240px;
        height: 135px;
        position: relative;
}

#content #collectionContainer .collections .collectionTiles .tile img {
}

#content #collectionContainer .collections .collectionTiles .tile span {
        position: absolute;
        bottom: 10px;
        left: 17px;
        color: #333;
        text-transform: uppercase;
}

    /* @group products */
#content #productsContainer .pageheader {
        height: 75px;
        margin-top: -7px;
        margin-bottom: 10px;
}

#content #productsContainer .pageheader.specialHeadline {
        height: 50px;
}

#content #productsContainer .vita .head .pageheader {
        margin-top: 0;
        margin-bottom: 20px;
}

#content #productsContainer a {
        text-transform: none;
        text-decoration: none;
        color: #999;
}

#content #productsContainer a:hover {
        color: #eea500 !important;
}

#content #productsContainer .stageArea {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DDDDDD;
        background: url("../_img/Vignette.png") no-repeat scroll 0 0 transparent
}

#content #productsContainer .stageArea .stage {
        float: left;
        width: 715px;
        height: 472px;
        overflow: hidden;
        margin-right: 20px;
        _margin-top: 0;
        position: relative;
}

#content #productsContainer .stageArea .stage span.producttext {
        position: absolute;
        text-align: right;
        bottom: 12px;
        right: 16px;
        font-size: 14px;
        color: #ccc;
        text-transform: uppercase;
}

#content #productsContainer .stageArea .stage span.producttext span {
        font-weight: normal;
        text-transform: none;
}

#content #productsContainer .stageArea .stageControls {
        float: left;
        width: 225px;
        margin-top: -3px;
}

#content #productsContainer .stageArea .stageControls .products, #content #productsContainer .stageArea .stageControls .gallery, #content #productsContainer .stageArea .stageControls .rotation {
        padding-bottom: 35px;
        position: relative;
        _margin-top: 0;
}

#content #productsContainer .stageArea .stageControls .products a, #content #productsContainer .stageArea .stageControls .gallery a, #content #productsContainer .stageArea .stageControls .rotation a {
        float: left;
        width: 70px;
        height: 39px;
}

#content #productsContainer .stageArea .stageControls .products a.active, #content #productsContainer .stageArea .stageControls .gallery a.active, #content #productsContainer .stageArea .stageControls .rotation a.active {
        outline: 1px solid #ffa500;*

border:
        1px

solid #ffa500;
}

#content #productsContainer .stageArea .stageControls a.accordion {
        height: 26px;
        width: 225px;
        display: block;
        margin-bottom: 8px;
}

#content #productsContainer .stageArea .stageControls a.accordion:hover {
        background-position: 0 -40px !important;
}

#content #productsContainer .stageArea .stageControls a.accordion.active {
        background-position: 0 -80px !important;
}

    /* start PLANNER  CONTROLS */
#content #productsContainer .stageArea .plannerControls {
        float: left;
        width: 225px;
        margin-top: -3px;
		margin-bottom: 40px;
}

#content #productsContainer .stageArea .plannerControls .plannerThumbs {
        padding-bottom: 5px;
        position: relative;
        _margin-top: 0;
}

#content #productsContainer .stageArea .plannerControls .plannerThumbs a {
        float: left;
        width: 70px;
        height: 39px;
}

#content #productsContainer .stageArea .plannerControls .plannerThumbs a.active {
        outline: 1px solid #ffa500;*

border:
        1px

solid #ffa500;
}

#content #productsContainer .stageArea .plannerControls a.plannerAccordion {
        height: 26px;
        width: 225px;
        display: block;
        margin-bottom: 8px;
}

#content #productsContainer .stageArea .plannerControls .plannerSubContainer {
        padding-bottom: 10px;
}

#content #productsContainer .stageArea .plannerControls .plannerSubContainer a.plannerAccordion {
        margin-bottom: 2px;
        height: 20px;
        text-transform: uppercase;
}

#content #productsContainer .stageArea .plannerControls .plannerSubContainer a.plannerAccordion.active {
        color: #ffa500;
}

#content #productsContainer .stageArea .plannerControls a.plannerAccordion:hover {
        background-position: 0 -40px !important;
}

#content #productsContainer .stageArea .plannerControls a.plannerAccordion.active {
        background-position: 0 -80px !important;
}

    /* end PLANNER  CONTROLS */
#content #productsContainer .customize {
        border-bottom: 1px solid #ddd;
        min-height: 500px;
        height: auto !important;
        height: 500px;
        margin-bottom: 20px;
        float: none;
        clear: both;
}

#content #productsContainer .customize.one_element {
        min-height: 260px;
        height: auto !important;
        height: 260px;
}

#content #productsContainer .customize.two_elements {
        min-height: 290px;
        height: auto !important;
        height: 290px;
}

#content #productsContainer .customize .preview .color,
#content #productsContainer .customize .preview .property1 {
        top: 28px;
        z-index: 2;
}

#content #productsContainer .customize .preview .material,
#content #productsContainer .customize .preview .property3 {
        top: 168px;
        left: 50px;
        z-index: 3;
}

#content #productsContainer .customize .preview .pillow,
#content #productsContainer .customize .preview .property2 {
        top: 79px;
        right: 0;
        z-index: 4;
}

#content #productsContainer .customize .preview .table,
#content #productsContainer .customize .preview .property4 {
        top: 253px;
        right: 30px;
        z-index: 2;
}

#content #productsContainer .customize .preview .mod {
        top: 58px;
        right: 130px;
        z-index: 4;
}

#content #productsContainer .customize .preview .table.mod {
        top: 58px;
        left: 135px;
        z-index: 4;
}

#content #productsContainer .customize .preview .material.mod {
        top: 75px;
        left: 135px;
        z-index: 1;
}

#content #productsContainer .customize .choice {
        float: left;
        width: 560px;
}

#content #productsContainer .customize .choice .colorBlock {
        margin-bottom: 17px;
}

#content #productsContainer .customize .choice .colorBlock .labelWrapper {
        margin-bottom: 4px;
}

#content #productsContainer .customize .choice .colorBlock .labelWrapper span.part {
        font-size: 25px;
        color: #666;
        margin-right: 6px;
}

#content #productsContainer .customize .choice .colorBlock .labelWrapper span.colorLabel {
        font-size: 14px;
        color: #666;
        text-transform: uppercase;
}

#content #productsContainer .customize .choice .colorBlock .colorWrapper, .colorBlock, .labelWrapper {
        float: none;
        clear: both;
}

#content #productsContainer .customize .choice .colorBlock .colorWrapper a.active img {
        outline: 1px solid #ffa500;*

border:
        1px

solid #ffa500;
}

#content #productsContainer .customize .choice .colorBlock .colorWrapper a {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
}

#content #productsContainer .customize .choice .colorBlock .colorWrapper {
        opacity: 0.3 !important; /* modern browser */
        -moz-opacity: 0.3 !important; /* older Mozilla browser */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 in Standard Compliant Mode */
        filter: alpha( opacity = 30); /* IE5.x -7.0 */
}

#content #productsContainer .customize .choice #materialspecial.colorBlock .colorWrapper, #content #productsContainer .customize .choice #color .colorWrapper {
        opacity: 1.0 !important; /* modern browser */
        -moz-opacity: 1.0 !important; /* older Mozilla browser */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
        filter: alpha( opacity = 100); /* IE5.x -7.0 */
}

#content #productsContainer .customize .choice .colorBlock:hover .colorWrapper {
        opacity: 1.0 !important; /* modern browser */
        -moz-opacity: 1.0 !important; /* older Mozilla browser */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
        filter: alpha( opacity = 100); /* IE5.x -7.0 */
}

#content #productsContainer .customize .choice .colorBlock .colorWrapper .colorDesc {
        font-size: 12px;
        margin-bottom: 4px;
        display: block;
        text-transform: uppercase;
}

#content #productsContainer .customize .preview {
        float: right;
        position: relative;
        width: 400px;
}

#content #productsContainer .customize .preview img {
        display: block;
        position: absolute;
}

#content #productsContainer .vita .head {
        position: relative;
        min-height: 330px;
        height: auto !important;
        height: 330px;
}

#content #productsContainer .vita .head .intro {
        padding-top: 170px;
        bottom: 0;
        left: 0;
        width: 465px;
}

#indexpage {
        position: relative;
        margin-top: -40px;
        _margin-top: 10px;
        height: 684px;
}

#indexpage div {
        position: absolute;
        z-index: 8000;
}

#indexpage div.t1 {
        left: 0;
        top: 0;
        z-index: 8003;
}

#indexpage div.t8 {
        left: 540px;
        top: 0;
        z-index: 8005;
}

#indexpage div.t8-macro {
        left: 617px;
        top: 83px;
        z-index: 8005;
}

#indexpage div.t2 {
        right: 87px;
        top: 147px;
        z-index: 8004;
        text-align: right;
}

#indexpage div.t3 {
        left: 20px;
        top: 340px;
        z-index: 8001;
}

#indexpage div.t4 {
        right: 0;
        top: 255px;
        z-index: 8003;
        text-align: right;
}

#indexpage div.t5 {
        right: 30px;
        top: 360px;
        z-index: 8002;
        text-align: right;
}

#indexpage div.t6 {
        right: 70px;
        top: 610px;
        z-index: 8005;
        text-align: right;
}

#indexpage div.t7 {
        right: 0;
        top: 640px;
        z-index: 8006;
        text-align: right;
}

#indexpage div h2 {
        width: 100% /* for IE */;
}

#indexpage div h2 span {
        position: absolute;
        top: -9999em;
        left: -9999em;
}

#indexpage div a {
        position: relative;
        display: block;
}

#indexpage div a img {
        display: inline;
}

#companyindex {
        position: relative;
        min-height: 680px;
        height: auto !important;
        height: 680px;
}

#companyindex div {
        float: left;
        position: relative;
}

#companyindex div h2 {
        width: 100% /* for IE */;
}

#companyindex div h2 span {
        position: absolute;
        top: -9999em;
        left: -9999em;
}

#companyindex div a {
        position: relative;
        display: block;
}

#companyindex div a img {
        display: inline;
}

#aboutContainer div h2 span {
        position: absolute;
        top: -9999em;
        left: -9999em;
}

#aboutContainer .pageheader {
        margin-top: -7px;
        margin-bottom: 10px;
}

#aboutContainer .topImage {
        margin-bottom: 26px;
}

#aboutContainer .pageheader img {
        position: relative;
}

#aboutContainer.story .vita {
        margin-top: 2px;
}

#aboutContainer.story .vita .pageheader {
        margin-bottom: 8px;
        margin-top: 10px;
}

#aboutContainer .vita .pageheader {
        margin-bottom: 4px;
}

#aboutContainer .description {
        width: 715px;
}

#aboutContainer .imageText .imageLeft {
        float: left;
}

#aboutContainer .imageText .imageRight img {
        margin-bottom: 22px;
}

#aboutContainer .imageText .imageRight {
        float: right;
        width: 716px;
}

#aboutContainer .imageText .imageRight p {
        margin-left: 0 !important;
}

#aboutContainer p {
        width: 716px;
        float: none;
        clear: both;
}

    /* *** *** *** *** *** *** *** *** *** SOCIAL MEDIA STYLES *** *** *** *** *** *** *** *** ***  */
    /*
     see also: addThis.css
     */
.socialmedia {
        margin-bottom: 16px;
        padding-bottom: 14px;
        border-bottom: 1px solid #ddd;
}

.socialmedia .addthis_toolbox {
        float: left;
        width: 600px;
}

.blog .at-whatsthis {
        display: none;
}

#content .productDescription {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        overflow: hidden;
}

#content .designerLink {
        padding-top: 15px;
        border-top: 1px solid #ddd;
        border-bottom: none;
}

#content .productDescription p {
        margin-bottom: 10px;
        width: 715px;
}

#content .productDescription h3 {
        text-transform: uppercase;
}

#content .productDescription a.download {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 2px;
        font-size: 14px;
        text-transform: uppercase !important;
        padding: 4px 0 5px 20px;
}

#content .productDescription a.download:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -18px;
}

#content .productDescription a.floatBox {
        float: right;
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 0px;
        font-size: 14px;
        text-transform: uppercase !important;
        padding: 0 260px 3px 20px;
}

#content .productDescription a.floatBox:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -20px;
}

    /* *** *** *** *** *** *** *** *** *** HINT STYLES *** *** *** *** *** *** *** *** ***  */
.hint {
        width: 660px;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        padding-top: 150px;
}

.hintheader {
        position: relative;
        margin-bottom: 23px;
}

.hintheader h1 span {
        display: block;
        position: absolute;
        top: -999em;
}

.hint a.toindex {
        background: url(../_img/bg_icon_close.png) no-repeat 0 -1px !important;
        display: inline;
        width: auto;
        padding-left: 23px;
        height: 18px;
        line-height: 18px;
        color: #999 !important;
        text-decoration: none !important;
}

.hint a.toindex:hover {
        background-position: 0 -21px !important;
        color: #eea500 !important;
}

    /* *** *** *** *** *** *** *** *** *** ORDER CATALOG *** *** *** *** *** *** *** *** ***  */
p.catalogintro {
        width: 490px;
        min-height: 40px;
        margin: 0 0 -5px 0;
        font-size: 13px;
        line-height: 1.2em;
}

p.intro-mod {
        width: 360px;
}

p.catalogintro.errormsg {
        color: #900;
}

span.errortext {
        display: none;
}

form#ordercatalog fieldset {
        width: 435px;
        float: left;
        font-size: 13px;
}

form#ordercatalog fieldset.mod {
        width: 410px;
}

form#ordercatalog fieldset ul {
        margin-top: 3px;
}

form#ordercatalog fieldset.buttonbar {
        width: 645px;
        float: none;
        clear: both;
        padding-top: 10px;
}

form#ordercatalog ul {
        float: left;
        width: 210px;
}

form#ordercatalog ul.mod {
        width: 190px;
}

form#ordercatalog ul li {
        height: 32px;
        vertical-align: top;
}

form#ordercatalog .input-text {
        border: 1px solid #b8b8b8;
        width: 188px;
        height: 18px;
        padding: 1px 0 0 2px;
        font-size: 13px;
}

form#ordercatalog .input-select {
        border: 1px solid #b8b8b8;
        width: 190px;
        height: 19px;
        padding: 0 0 0 2px;
}

form#ordercatalog .input-check {
        margin-right: 10px;
        float: left;
}

form#ordercatalog .checkboxfake {
        display: none;
        width: 22px;
        height: 22px;
        margin-right: 10px;
        float: left;
        background: url(../_img/slice_checkbox.gif) no-repeat 0 0;
        cursor: pointer;
}

form#ordercatalog .off {
        background-position: 0 0;
}

form#ordercatalog .on {
        background-position: 0 -44px;
}

form#ordercatalog label {
        font-size: 13px;
        float: left;
}

form#ordercatalog .input-submit {
        text-transform: uppercase;
        border: none;
        padding-left: 20px;
        font-size: 14px;
        background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 0;
        cursor: pointer;
        float: right;
        outline: none;
}

form#ordercatalog .input-submit:hover {
        text-transform: uppercase;
        border: none;
        background-position: 0 -20px;
        color: #eea500;
}

form#ordercatalog .input-text.error, form#ordercatalog .input-select.error {
        border-color: #900;
        color: #900;
}

.catalogcover {
        float: left;
}

    /* ------ TEAM ------- */
#aboutContainer #shopnavicontainer {
        top: 184px;
}

#aboutContainer .pageheader {
        position: fixed;
        top: 118px;
        padding-top: 15px;
        z-index: 85;
        width: 980px;
        background: #fafafa;
}

#companyindex #aboutContainer .pageheader {
		position: relative;
		top:0;	
}

#aboutContainer #teamContainer {
        position: relative;
        margin-top: 175px;
        z-index: 40;
}

#content #teamContainer .teamTiles {
        margin-top: 26px;
        position: relative;
}

#content #teamContainer .teamTiles .tile {
        float: left;
        width: 178px;
        height: 240px;
        position: relative;
}

.btn_team_reload {
        display: block;
        width: 175px;
        height: 30px;
        padding: 10px 0 0 43px;
        background: url(../_img/btn_team_reload.png) no-repeat 0 0;
        color: #666;
        text-transform: uppercase;
}

    /* ------ PLANNER ------- */
.stage.planner {
        background: transparent url(../_img/Vignette.png) no-repeat scroll 0 0;
}

#dragwrapper {
        cursor: move;
}

#dragcon {
        background: transparent url(../_img/gridLines.png) scroll repeat -1px -1px;
        position: relative;
		z-index:1;
}

div#nyroModalWrapper {
		*overflow:auto !important;
}

div#nyroModalWrapper div.wrapper {
		*overflow:visible !important;
}

div#nyroModalContent {
		*overflow:hidden !important;
}

div#nyroModalContent #dragcon {
		*overflow:hidden !important;
}

a.planner.nyroModal.showLayer {
        position: absolute;
        margin-top: -34px;
        left: 650px;
		z-index:1000;
}

div.stageArea.planner {border-bottom:0 none !important; margin:0 !important; padding:0 !important;}

div.planner.optionen {
        width: 715px;
        padding-top:18px;
        border-top:1px solid #ddd;
}

div.planner.option {
        width: auto;
}

a.resetLayer {
	text-transform:uppercase !important;
}

a.planner.resetLayer img {
        margin-top: -6px;
}

ul.planner.quicknavi {
        position: relative;
        width: auto;
        top: 0;
		float:right;	
}

ul.planner.quicknavi a.topiclink {
        font-size: 14px !important;
		text-transform:uppercase !important;
}

div.planner.submenu {
        width: 200px;
}

div.planner.bgVignetteTop {
        width: 200px;
}

div.planner.bgVignetteMiddle {
        width: 100px;
}

div.planner.bgVignetteBottom {
        width: 200px;
}

div#hoverList.planner {
        height: 1%;
        position: relative;
		border:0 !important;
}

.hoverImage {padding-bottom:9px;}

div.planner.productlist {
        border-top:1px solid #ddd;
		padding-top:15px;
		width:100%;
}

div.planner.productlist span.left {
        float: left;
}

div.planner.productlist span.right {
        float: right;
        text-align: right;
}

div.planner.producttable {
        width: 960px;
}

table#listEntries.planner {
        display: none;
}

table#listEntries.planner td.borderright, table#listEntries.planner th.borderright {
        border-right: 1px solid #ddd;
}

table#listEntries.planner th.imagecell {
        width: 130px;
        padding: 0;
}

table#listEntries.planner th, td {
        padding: 0 34px;
		vertical-align:top;
}

table#listEntries.planner th {
        font-weight: normal;
        text-transform: uppercase;
		padding-bottom:40px;
}

#stageLayer {
        width: 480px;
        height: 180px;
        display: none;
}

.stageLayer ul li {
        float: left;
}

div.stageLayer {
        margin-left: 16px;
        margin-top: -16px;
}

div.stageLayer div { *

margin-left:
        -8px;
}

.stageLayer p {
        width: 350px;
}

.stageLayer .input-text {
        margin-right: 20px;
        border: 1px solid #B8B8B8;
        font-size: 13px;
        height: 18px;
        padding: 1px 0 0 2px;
        width: 130px;
}

.stageLayer .layerX {
        margin-right: 20px;
}

.stageLayer .input-submit {
        background: url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        cursor: pointer;
        float: right;
        font-size: 14px;
        outline: medium none;
        padding-left: 20px;
		*padding-left:10px;
        text-transform: uppercase;
        margin-left: 14px;
		*margin-left:10px;
}

.stageLayer .input-submit:hover {
        background-position: 0 -20px;
        border: medium none;
        color: #EEA500;
        text-transform: uppercase;
}

div.hover {width:715px;}

div.optionsWrapper {float:none; clear:both; padding-top:40px; width:715px;}
div.optionsWrapper a.nyroModal {text-transform:uppercase !important;}
div.stageWrapper {float:left;}

a#closeBut {z-index:8000;}
a.nyroModalClose.planner {background: url("../_img/closeLayer.png") no-repeat scroll 0 -3px transparent !important; width:60px !important; height:83px !important; top:-30px !important; right:4px !important;}
}

.printHeader {display:none;}
#cloneSVG {
	display:none;
}

/* end:@media screen, print */
/* *** *** *** *** *** *** *** *** *** iPHONE STYLES (because of 'position: fixed') *** *** *** *** *** *** *** *** ***  */
@media only screen

and (max-device-width: 480px) {

#footer {
    position: relative;
    top: 0;

}
.bgBottom {
	position: relative;
        top: -178px;
}

}/* end:@media for iphone */

/* *** *** *** *** *** *** *** *** *** iPAD STYLES (because of 'position: fixed') *** *** *** *** *** *** *** *** ***  */
@media only screen and (max-device-width: 1024px) {


#footer {
    position: relative;
    top: 0;

}
.bgBottom {
	position: relative;
        top: -178px;
}

div.jquery-reel {
	-webkit-background-size: 2860px 3776px !important;
}

}/* end:@media for ipad */