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

p.pl20 {
  padding-left:20px;
}

    /* *** 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: 350px;
        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.backHome {
        position: absolute;
        bottom: 4px;
        font-size: 11px;
}

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

#footer ul.backHome li {
        float: left;
        margin-left: 0;
}

#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 {
	border-bottom: 1px solid #ddd;
    position: relative;
    top: 0;
    left:50%;
    margin:0 0 10px -480px;
    height: 49px;
    width: 960px;
    background: transparent url(../_img/bg_body_top.gif) repeat-x left -62px;
    display:block;
}

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

.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: #fff 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: 330px;
        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: 330px;
        height: 20px;
        line-height: 20px;
}

.shopnavi .bgVignetteMiddle {
        background: transparent url(../_img/bg_quicknavi_middle.png) repeat 0 0;
        padding: 5px 0px 10px 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: 330px;
        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 {
		float:right;
		margin-top:17px;
		margin-left:42px;
		text-transform:uppercase;
		z-index:8000;
}

.quicknavi a.contract  {
		background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -3px !important;
        padding-left: 20px;
        margin-left: 20px;
}

.quicknavi a.contractRight  {
		background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 0 !important;
        padding-left: 20px;
        float: right;
        margin-left: 20px;
}

.quicknavi a.contractRight:hover  {
	    background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -20px !important;
        color: #eea500;
}

.quicknavi span.contract  {
		background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -23px !important;
        color: #eea500;
        padding-left: 20px;
        margin-left: 20px;
}

.quicknavi a.contract:hover  {
	    background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -23px !important;
        color: #eea500;
}

.quicknavi.pageflip {
		width: 600px;
}

.quicknavi a.pageflip  {
		background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -3px !important;
        padding-left: 20px;
        margin-left: 20px;
}

.quicknavi a.pageflipRight  {
		background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -1px !important;
        padding-left: 20px;
        float: right;
}

.quicknavi a.pageflipRight:hover  {
	    background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -21px !important;
        color: #eea500;
}

.quicknavi span.pageflip  {
		background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -23px !important;
        color: #eea500;
        padding-left: 20px;
        margin-left: 20px;
}

.quicknavi a.pageflip:hover  {
	    background: transparent url(../_img/bg_icon_arrowright.png) no-repeat 0 -23px !important;
        color: #eea500;
}

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

.shops {
		margin: 11px 0 80px 0;
		padding:0;
		width:960px;
}

.divide {
    	overflow: hidden;
    	position: relative;
		background: url('../_img/shopsDivide.png') repeat-y;
		margin-top: 10px;
}

.shops .headlines {
		display: block;
		padding: 4px 9px 9px 9px;
		clear:both;
}

.vignetteBoxes.shops .headlines h1 {
	/* webfont enhanced */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 25px;
	color: #474747;
	letter-spacing: 0px;
}

.vignetteBoxes.shops .headlines h1.playonly {
	color: #EEA500;
}

.shops .vignetteBox .gm {
		margin-top: 25px;
}

#content .rte .shops .cols .vignetteBox {
		float:none !important;
		width: 300px !important;
}

.shops .cols {
		padding: 0 10px 0 10px;
		display: block;
}
.shops .border-top {
		border-top: 1px solid #c0c0c0;
		margin:10px 0 0 0;
		padding-top:10px;
}

.shops .cols .col1 {
		float: left;
		width: 300px;
		padding: 0 10px 0 0;
}

.shops .cols .col2 {
		float: left;
		width: 300px;
		padding:0 10px 0 10px;
}

.shops .cols .col3 {
		float: right;
		width: 300px;
		padding:0 0px 0 10px;
}

.shops .vignetteBoxImage {
		width: 300px;

}

.shops .vignetteBoxImage img {
		max-width: 300px;
}

.shops .vignetteBoxImage .srImg {
		float: none;
		width: 300px;
		min-height: 139px;
}

.shops .vignetteBoxContainer {
        background: url(../_img/shops_vignetteBoxContainer.png) no-repeat left top;
        width: 300px;
}

.shops .vignetteBoxImage .vignetteBoxTop, .shops .vignetteBoxTop {
        background: none !important;
        padding: 28px 0 0 19px;
}

.shops .vignetteBoxTop .tradeonly {
		padding-bottom: 7px;
}

.shops .vignetteBox div.vcard {
        background: url(../_img/shops_vignetteBoxContainer_bottom.png) no-repeat left bottom;
        padding: 3px 0 20px 20px;
        min-height: 100px;
}

.shops .vignetteBox p {
        background: none !important;
        padding: 3px 0 20px 20px;
        min-height: 40px;
}

.shopwrapperLeft {
		float: left;
		width: 600px;
}

.shopwrapperLeft .vignetteBoxRow {

}

.shopwrapperLeft .vignetteBoxRow .vignetteBoxContainer {
	overflow: none;

}

.vignetteBoxesLogin {
        top: 15px;
        left: 90px;
}

.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;
        /*min-height: 36px;*/
}

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

.vignetteBoxTop span {
		/* webfont enhanced */
		font-size: 23px;
		text-transform: uppercase;
		color: #eea500;
		line-height: 6px;
}

.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 .tradeonly {
		/* webfont enhanced */
		 background-color: #EDA400;
    	color: #FFFFFF;
    	display: inline-block;
    	padding: 1px 3px 0;
    	text-transform: uppercase;
}

.vcard .fn {
		/* webfont enhanced */
		font-size: 16px;
		text-transform: uppercase;
		color: #474747;
}

.vcard .adr {
		padding-top: 10px;
}

.vcard .geo {
        display: none;
}

#content .rte .vignetteBoxesLogin .even {
		overflow: hidden;
		margin-left: 0px;
		width: 800px;
		margin-bottom: 20px;
		padding-bottom: 0px;
		background: url("../_img/loginpage_380_380_bottom.png") no-repeat scroll left bottom transparent !important;
}

#content .rte .vignetteBoxesLogin .even .vignetteBox {
   		width: 380px;
   		float: left;
   		padding-bottom: 0px;
}

#content .vignetteBoxesLogin .vignetteBox .vignetteBoxTop{
        background: url("../_img/loginpage_380_top.png") no-repeat scroll left top transparent !important;
        min-height: 35px;
}

#content .vignetteBoxesLogin .vignetteBox .vignetteBoxTop span.loginHeadline{
		line-height: 22px;
}

#content .rte .vignetteBoxesLogin .even .vignetteBox p {
		background: none !important;
		margin-bottom: 0px;
		min-height: 50px;
		padding: 0px 20px 20px 20px;
}

#content .rte .vignetteBoxesLogin .odd {
		margin-left: 0px;
		width: 780px;
		padding-bottom: 0px;
}

#content .rte .vignetteBoxesLogin .odd .vignetteBox {
		padding-bottom: 0px;
		width: 780px;
		background: url("../_img/loginpage_780_bottom.png") no-repeat scroll left bottom transparent !important;
}

#content .rte .vignetteBoxesLogin .odd .vignetteBox .vignetteBoxTop{
        background: url("../_img/loginpage_780_top.png") no-repeat scroll left top transparent !important;
}

#content .rte .vignetteBoxesLogin .odd .vignetteBox p {
		min-height: 50px;
		background: none !important;
		margin-bottom: 0px;
		padding: 0px 20px 20px 20px;
}

/* Blocker für Partner-Portal April 2011 */
#content .rte .vignetteBoxesLogin .odd .blocker{
	position: absolute;
}

.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 .tel {
        background: url(../_img/icon_phone.png) no-repeat left top;
        padding-left: 27px;
        line-height: 19px;
}

#content .vignetteBox .e-mail .email {
        background: url(../_img/icon_email.png) no-repeat left top;
        padding-left: 27px;
        line-height: 19px;
}

#content .vignetteBox .website .url {
        background: url(../_img/icon_web.png) no-repeat left top;
        padding-left: 27px;
        line-height: 19px;
}

#content .vignetteBox .note {
        background: url(../_img/icon_fax.png) no-repeat left top;
        padding-left: 27px;
        line-height: 19px;
}

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

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

#content #collectionContainer .teaser .newsTeaser {
		float: left;
		margin-right: 20px;
}

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

#content #collectionContainer .teaser .newsTeaser {

}

#content #collectionContainer .teaser .favoritTeaser {
		float: left;
}

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

#content #collectionContainer .teaser .smallTeasers {
        float: right;
        margin-right: 20px;
}

#content #collectionContainer .teaser .smallTeasers .accessoriesTeaser {
		margin-bottom: 6px;
}

#content #collectionContainer .teaser .smallTeasers .accessoriesTeaser img {
;
}

#content #collectionContainer .teaser .smallTeasers .materialTeaser {
		margin-bottom: 7px;
}

#content #collectionContainer .teaser .smallTeasers .materialTeaser img {

}

#content #collectionContainer .teaser .smallTeasers .catalogTeaser {
		margin-bottom: 0px;
}

#content #collectionContainer .teaser .smallTeasers .catalogTeaser img {

}

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

#content #collectionContainer .collectionsAccessoires {
        padding-top: 16px;
        margin-top: 28px;
        border-top: 1px solid #DDDDDD;
}

#content #collectionContainer .collectionsTextlinks {
        padding-top: 16px;
        margin-top: 28px;
        border-top: 1px solid #DDDDDD;
}

#content #collectionContainer .collectionsTextlinks a {
        text-transform: uppercase;
        font-size: 11px;
}

#content #collectionContainer .collectionsTextlinks a:hover {
        color: #eea500;
}

#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, .accessoiresTiles, .collectionCatTiles {
        margin-top: 26px;
        position: relative;
        clear: both;
}

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

#content #collectionContainer .collections.collCat .collectionCatTiles .tileWrapper {
        float: left;
        position: relative;
        background-color: #fff;
        width: auto;
}

#content #collectionContainer .collections.collCat .collectionCatTiles .tileWrapper a img {
        display: inline ! important;
}

#content #collectionContainer .collections.collCat .collectionCatTiles .CatContainer1, .CatContainer2, .CatContainer3 {
        position: relative;
        padding-top: 7px;
        padding-bottom: 7px;

}

#content #collectionContainer .collections.collCat .collectionCatTiles .tileWrapper span {
		color:#333333;
		left:17px;
		position:absolute;
		text-transform:uppercase;
		bottom:5px;
}

#content #collectionContainer .collections .collectionTiles .tile {
        float: left;
        width: 220px;
        height: 130px;
        position: relative;
       	margin-right: 20px;
		margin-bottom: 20px;
}

#collectionContainer .collectionsAccessoires .colHeadlineAncor {
		position: absolute;
		margin-top: -125px;
		z-index: 0;
		width: 0px;
		height: 0px;
}
#collectionContainer .collectionsAccessoires .accessoiresTiles .tile {
        float: left;
        width: 220px;
        height: 130px;
        position: relative;
       	margin-right: 20px;
		margin-bottom: 20px;
}

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

#content #collectionContainer .collections .collectionTiles .tile span, .accessoiresTiles .tile span {
        position: absolute;
        bottom: 2px;
        left: 10px;
        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: 10px;
        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: 502px;
        overflow: hidden;
        margin-right: 20px;
        _margin-top: 0;
        position: relative;
}

#content #productsContainer .stageArea .stage img{
		margin-bottom: 10px;
}

#content #productsContainer .stageArea .stage span.producttext {
        position: absolute;
        text-align: right;
        bottom: 42px;
        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 .stage a.download {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 0px;
        font-size: 14px;
        text-transform: uppercase !important;
        padding: 0 137px 3px 20px;
		right: 0px;
		position: absolute;
		bottom: 0px;
}

#content #productsContainer .stageArea .stage a.download:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -20px;
}

#content #productsContainer .stageArea .stage a.arrowlink {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 0px;
        font-size: 14px;
        text-transform: uppercase !important;
        padding: 0 137px 3px 20px;
		position: absolute;
		bottom: 0px;
		left: 0px;
}

#content #productsContainer .stageArea .stage a.arrowlink:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -20px;
}

#content #productsContainer .stageArea .stage a.floatBox {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 0px;
        font-size: 14px;
        text-transform: uppercase !important;
		padding: 0 0 3px 20px;
		left: 0px;
		position: absolute;
		bottom: 0px;
}

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


.JSon #wrapper #content #productsContainer .stageArea .stageControls,
.JSon #wrapper #content #productsContainer .stageArea .plannerControls {
		visibility: hidden;
}

#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;*/
        width: 63px;
        height: 35px;
        border: 1px solid #fff;
        line-height: 0.1em;
        margin: 0 10px 10px 0;
}

#content #productsContainer .stageArea .stageControls .products a.active, #content #productsContainer .stageArea .stageControls .gallery a.active, #content #productsContainer .stageArea .stageControls .rotation a.active {
        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;
}

#content #productsContainer .stageArea .stageControls span.prodToggle, #content #productsContainer .stageArea .stageControls span.galToggle {
		/*top: 110px;*/
		top: 100px;
		right: 10px;
		position: absolute;
		cursor: pointer;
		padding-left: 20px;
		background:url("../_img/bg_icon_scroll_down.png") no-repeat scroll left -3px transparent;
		display:block;
		font-size:14px;
		line-height:14px;
		text-transform:uppercase;
}
#content #productsContainer .stageArea .stageControls span.prodToggle:hover, #content #productsContainer .stageArea .stageControls span.galToggle:hover {
		background:url("../_img/bg_icon_scroll_down.png") no-repeat scroll left -23px transparent;
		color:#EEA500;
}

    /* 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 img {
        width: 70px !important;
        height: 39px !important;
}

#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: 15px;
        padding-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: 3;
}

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

#content #productsContainer .customize .choice #pillow, #material, #table {
        padding-top: 24px;
}

#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, .labelWrapper {
        float: none;
        clear: both;
}

#content #productsContainer .customize .choice .colorBlock .colorWrapper {
		float: left;
		width: 265px;
}

#content #productsContainer .customize .choice .colorBlock .colorContainer {
        clear: both;
        width: 600px;
}



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

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


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

#companyindex #endnode {
        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;
}

.companyTeaser1, .companyTeaser2, .companyTeaser3, .companyTeaser4, .companyTeaser5, .companyTeaser6, .companyTeaser7, .companyTeaser8, .companyTeaser9, .companyTeaser10 {
	float: left;
	width: 300px;
	height: 186px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#companyindex .companyTeaser8 {
  margin-right: 300px;
}


#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 .designerLink.noBorder {
        padding-top: 0px;
        border-top: none;
        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;
        display: block;
}

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;
        padding-left: 0px;
}

    /* ------ TEAM ------- */
#aboutContainer #shopnavicontainer {
        /*top: 184px; */
        top: auto;
        position: relative;
        margin-top: -20px;
}

#aboutContainer .pageheader {
        /*position: fixed;
        top: 118px;*/
        position: relative;
        top: auto;
        padding-top: 15px;
        z-index: 85;
        width: 960px;
}

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

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

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

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

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

   /* ------ PLANNER ------- */

h1.planner{
	/* webfont enhanced */
	font-family: Helvetica,Arial,sans-serif;
	color: #474747;
	font-size: 45px;
	text-transform: uppercase;
	padding: 10px 0 0;
}

#content #productsContainer .pageheader.planner{
	height: auto;
	padding-top:50px;
}

.stage.planner {
        background: transparent url(../_img/Vignette.png) no-repeat scroll 0 0;
        height: 472px !important;
}

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

div.planner.option {
        width: auto;
        float: none;
}

div.planner.option span.text {
	color: #666666;
    float: left;
    margin-right: 12px;
    text-transform: uppercase;
}


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

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

a.planner.arrowlink {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -2px;
        font-size: 14px;
        text-transform: uppercase !important;
        padding: 0 3px 3px 20px;
		bottom: 0px;
		left: 0px;
}

a.planner.arrowlink:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -22px;
}

ul.planner.quicknavi {
        width: auto;
		float: left;
		margin: 3px 0 0 10px;
}

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

div.planner.floor {
	text-transform: uppercase;
	color: #666666;
	float: left;
	clear: both;
}

div.planner.option.right {
	float: right;
}

div.planner.option.right span.text{
	margin-right: 0px;
	margin-left: 12px;
}


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

    /* ------ JOBS ------- */
.vignetteBoxesJobs {
        position: relative;
        top: 16px;
        min-height: 300px;
        left: 0px;
        width: 980px;
        padding-bottom: 69px;
        z-index: 80;
        overflow: hidden;
}

.vignetteBoxJobsRow {
        overflow: hidden;
		*padding-bottom: 20px;
}

.vignetteBoxesJobs .odd {
        margin-left: 60px;
}

.vignetteBoxJobs {
        width: 900px;
        float: left;
        margin: 0 20px 20px 0;
		*margin-bottom: 0px;
		_margin-bottom: 20px;
        overflow: hidden;
		background: url(../_img/bg_vignette_background_jobs.png) repeat-y left top;
}

.vignetteBoxJobsTop {
        background: url(../_img/bg_vignette_top_jobs.png) repeat-x left top;
        padding: 16px 0 0 19px;
        height: 39px;
		width:900px;
}

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

.vignetteBoxJobs div.JobsText, .vignetteBoxJobs p {
        font-size: 12px;
        line-height: 17px;
        min-height: 50px;
        padding: 16px 20px 20px 20px;
        background: url(../_img/bg_vignette_bottom_jobs.png) repeat-x left bottom;
        position: relative;
}

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

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

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

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

    /* ------ COMPANY: READ MORE, PDF DOWNLOAD ------- */

div.downloadHead {
		width: 960px;
        display: block;
                margin-top: 15px;
}

div.downloadSection div.downloadHead a.pdfCompanyLink{
		display:block;
		float:right;
		font-size:14px;
		line-height:14px;
		text-transform:uppercase;
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -23px transparent;
		padding-left:20px;
		color:#EEA500;
}

div.downloadSection div.downloadHead a.pdfCompanyLink:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -3px;
		color:#999999;
}

div.downloadSection div.companyContent {
		padding:0 0 24px 0;
		display:none;
}

div.downloadSection div.downloadHead a.readMoreToggle {
		float:left;
		background:url("../_img/bg_icon_scroll_down.png") no-repeat scroll right -23px transparent;
		display:block;
		font-size:14px;
		line-height:14px;
		padding-right:22px;
		color:#EEA500;
		text-transform:uppercase;
}

div.downloadSection div.downloadHead a.readMoreToggle:hover {
        background: url(../_img/bg_icon_scroll_down.png) no-repeat scroll right -3px transparent;
		color:#999999;
}

div.downloadSection div.downloadHead a.readMoreToggle:focus {
        background: url(../_img/bg_icon_scroll_down.png) no-repeat scroll right -3px transparent;
		color:#999999;
}

div.downloadSection div.downloadHead a.readMoreToggle.active {
        background: url(../_img/bg_icon_scroll_up.png) no-repeat scroll right -23px transparent;
        color: #EEA500;
}

div.downloadSection div.downloadHead a.readMoreToggle.active:hover {
        background: url(../_img/bg_icon_scroll_up.png) no-repeat scroll right -3px transparent;
        color: #999999;
}


    /* ------ PRESS ------- */
#innerContent {
		width: 960px;
}

#innerContent h1 {
		margin-top:80px;
		margin-bottom:24px;
		display:block;
		height:58px;
}

#innerContentRight {
		position: absolute;
		top: 0;
		right: 0;
}

#pressContainer .pageheader {
		height:75px;
		margin-bottom:10px;
		margin-top:-7px;
}

#pressContainer.login {
		margin-top:-46px;
}

#pressContainer.home {
		margin-top:-52px;
		margin-bottom: 100px;
}

.homeCollection {
		margin-top:0px;
}

.homeDesigner {
		margin-top:20px;
}

.homePress {
		margin-top:20px;
}

.homePress h5,
.homeCollection h5,
.homeDesigner h5 {
		position:absolute;
		top:-999em;
}

#homePressTeaser h3, #homeCollectionTeaser h3, #homeDesignerTeaser h3  {
		display:block;
}

#homePressTeaser h3 a, #homeCollectionTeaser h3 a, #homeDesignerTeaser h3 a  {
		color:#676767;
		display:block;
		float:left;
}

#homePressTeaser h3 span {
		display:block;
		float:right;
}

#homePressTeaser {
		padding-left: 50px;
}

#homePressTeaser .content {
		width: 525px;
		float: left;
}

#homePressTeaser .content p b, .articleText p b {
		color: #686868;
		font-weight: normal;
}

#homeCollectionTeaser {
		padding-left: 50px;
}

#homeCollectionTeaser .content {
		width: 525px;
		float: left;
}

#homeDesignerTeaser {
		padding-right: 50px;
}

#homeDesignerTeaser .content {
		width: 525px;
		float: right;
}

#teaserImage_left {
		float: left;
		padding-right: 10px;
		padding-top: 3px;
}

#teaserImage_right {
		float: right;
		padding-left: 10px;
		padding-top: 3px;
}

#teaserFooter {
		border-bottom:1px solid #DDDDDD;
		padding-top:25px;
		margin-bottom:10px;
		overflow:show;
		padding-bottom:13px;
		font-size:12px;
		line-height:14px;
		position:relative;
}

#designerFooter {
		border-bottom:1px solid #DDDDDD;
		padding-top:25px;
		margin-bottom:10px;
		overflow:hidden;
		padding-bottom:13px;
		font-size:12px;
		line-height:14px;
}

a.teaserFooter, a.designerFooter {
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 0px transparent;
		font-size:12px;
		padding:4px 0 5px 20px;
		text-transform:uppercase !important;
		line-height: 20px;
}

a.teaserFooter.direct {
		position:absolute;
		right:610px;
		top:21px;
}

.homeCollection .teaserFooter.direct {
		left:587px;
		width: 300px;
}

a.teaserFooter:hover, a.designerFooter:hover {
        background: url(../_img/bg_icon_arrowright.png) no-repeat 0 -20px;
}

#content #pressContainer .vita .head {
        position: relative;
}

#content #pressContainer .vita .intro {
        padding-top: 86px;
        bottom: 0;
        left: 0;
        margin-left: 50px;
        width: 328px;
}

#content #pressContainer .wrapper {
		display: block;
}

.imageWrapper {
		margin-left: -20px;
}

.collectionImage {
		float: left;
		width: 225px;
		margin-left: 20px;
		margin-bottom: 23px;
}

.imageTitleWrapper {
		min-height: 36px;
		position:relative;
}

.imageTitle {
		position:absolute;
		bottom:0;
		text-transform: uppercase;
		font-size: 20px;
		padding-bottom: 15px;
        color: #ffa500;

}

.collectionImage img {
		max-width: 225px;
		max-height: 150px;
}




.pressNavi {
        text-transform: uppercase;
        position: absolute;
        right: 0;
        margin-top: -14px;
        z-index: 8000;
}

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

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

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

.pressNavi li.close {
        margin-right: 15px;
        display: none;
}

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

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

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

.pressNavi li.topics a#topiclink:hover {
        background-position: right -20px;
        color: #eea500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PRESS LOGIN */

#innerContentRight div.tx-felogin-pi1 {
		margin-top:90px;
}

#innerContentRight div.tx-felogin-pi1 h3 {
		display:none;
}

#innerContentRight div.tx-felogin-pi1 div {
		float:left;
		width:530px;
		padding-left:50px;
		margin:0;
}

#innerContentRight div.tx-felogin-pi1 form div {
		float:none;
		width:auto;
		padding:0;
		margin:0;
}

#innerContentRight div.tx-felogin-pi1 form {
		margin-top:4px;
		position:absolute;
		right:53px;
		width:217px;
		height:209px;
		background:transparent url(../_img/bg_press_loginbox.png) no-repeat 0 0;
		padding:18px 0 0 25px;
}

#innerContentRight div.tx-felogin-pi1 form .legend h3, #innerContentRight div.tx-felogin-pi1 form .legend, div.tx-srfeuserregister-pi1 .legend{
		color:#EEA500;
		font-family:Helvetica;
		font-size:18px;
		text-transform:uppercase;
		font-weight:normal;
		padding: 0px;
		margin-bottom:10px;
		display:block;
		line-height:20px;
}

form label.overlabel-apply {
		left:3px;
		position:absolute;
		top:1px;
}

#innerContentRight div.tx-felogin-pi1 form input[name="user"] {
		margin-bottom:11px;
}

#innerContentRight div.tx-felogin-pi1 form input[type="text"],
#innerContentRight div.tx-felogin-pi1 form input[type="password"]  {
		border:1px solid #B8B8B8;
		font-size:13px;
		height:18px;
		padding:1px 0 0 2px;
		width:188px;
}

#innerContentRight div.tx-felogin-pi1 form input[type="submit"] {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 4px transparent;
		display:block;
		border:0;
		font-size:14px;
		line-height:1.5em;
		padding:4px 0 0 20px;
		text-transform:uppercase;
		position:absolute;
		bottom:20px;
		right:25px;
        cursor: pointer;
		width:auto;
}

#innerContentRight div.tx-felogin-pi1 form input[type="submit"]:hover {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 -43px transparent;
        color: #EEA500;
}

#innerContentRight div.tx-felogin-pi1 p {
		clear:both;
		float:none;
		display:block;
		font-size:11px;
		text-align:right;
		padding-right:24px;
}

#innerContentRight div.tx-felogin-pi1 p a {
		text-transform:none;
}

#innerContentRight div.tx-felogin-pi1 form div.statusMsg {
		color:#E43030;
		font-size:12px;
		height:40px;
		line-height:13px;
		margin-top:2px;
		overflow:hidden;
		padding-right:25px;
		text-align:right;
}

#innerContentRight div.tx-felogin-pi1 .fe-login-changepassword .dd {
	padding-bottom:10px;
}

#innerContentRight div.tx-felogin-pi1 .fe-login-changepassword .overlabel-apply {
	top:5px;
}
#innerContentRight div.tx-felogin-pi1 .fe-login-changepassword .statusMsg {
	height:auto;
	text-align:left;
}

div.tx-srfeuserregister-pi1 {
		margin-top:20px;
}

div.tx-srfeuserregister-pi1 p {
		clear:both;
		float:none;
		display:block;
		margin:0;
		position:relative;
		padding-left:50px;
}

div.tx-srfeuserregister-pi1 p a {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 6px transparent;
		display:block;
		padding:4px 0 0 20px;
		text-transform:uppercase;
		font-size:14px;
		line-height:1.5em;
}

div.tx-srfeuserregister-pi1 p a:hover {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 -41px transparent;
        color: #EEA500;
}

div.tx-srfeuserregister-pi1 p a:focus {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 -41px transparent;
        color: #EEA500;
}

#pressContainer #registerWrapper {
	margin-top:4px;
}

#pressContainer #registerWrapper #registerIntro {
		float:left;
		width:380px;
}

#pressContainer #registerWrapper #registerIntro p {
		padding-left:50px;
		margin:0;
}

#pressContainer #loginWrapper a.register, #content #pressContainer #loginWrapper a.login {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 6px transparent;
		display:block;
		font-size:14px;
		line-height:1.5em;
		padding:4px 0 0 20px;
		text-transform:uppercase;
}

#pressContainer #loginWrapper a.register {
		margin-left:46px;
}

#pressContainer #registerWrapper #registerBox {
		float:right;
		margin-right:53px;
		margin-top:4px;
		position:relative;
}

#pressContainer #registerWrapper #registerBox {
		width:475px;
		height:431px;
		background:transparent url(../_img/bg_press_registerbox.png) no-repeat 0 0;
}

#pressContainer #registerWrapper #registerBox h2 span {
		display:block;
		position:absolute;
		top:-999em;
}

#pressContainer #registerWrapper #registerBox #registerBoxContent {
		padding:18px 0 0 25px;
		position:relative;
}

#pressContainer #registerWrapper #registerBox #registerBoxContent .errorMsg {
		bottom:22px;
		color:#E43030;
		font-size:12px;
		line-height:13px;
		position:absolute;
		width:190px;
		display: none;
}

#pressContainer #registerWrapper #registerBox #registerBoxContent dt, #pressContainer #registerWrapper #registerBox #registerBoxContent label.tx-srfeuserregister-pi1-password-again {
		display:none;
}

#pressContainer #registerWrapper #registerBox form input.tx-srfeuserregister-pi1-text, #pressContainer #registerWrapper #registerBox form input.tx-srfeuserregister-pi1-password, #pressContainer #registerWrapper #registerBox form select {
		border:1px solid #B8B8B8;
		font-size:13px;
		height:19px;
		padding:0px 0 0 2px;
		width:188px;
}

#pressContainer #registerWrapper #registerBox form span.tx-srfeuserregister-pi1-error input,
#pressContainer #registerWrapper #registerBox form span.tx-srfeuserregister-pi1-error select {
		border:1px solid #FF0000;
}

#pressContainer #registerWrapper #registerBox form span.tx-srfeuserregister-pi1-error a {
		color: #FF0000;
}

input#tx-srfeuserregister-pi1-password {
		margin-bottom:7px;
}

.tx-srfeuserregister-pi1 span.info  a {
		background-image:none;
		text-transform:none;
		text-decoration:underline;
		padding-left:0;
}


label[for="tx-srfeuserregister-pi1-tx_dedonpressdb_acceptprivacy"], label[for="tx-srfeuserregister-pi1-tx_dedonpressdb_acceptpurpose"] {
		display:block;
}

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

.tx-srfeuserregister-pi1 .off {
        background-position: 0 0;
}

.tx-srfeuserregister-pi1 .on {
        background-position: 0 -44px;
}

#pressContainer #loginWrapper #loginBox #loginForm input.input-text.password {
		margin-top:11px;
}

#content #pressContainer #loginWrapper a.forgot {
		float:right;
		text-transform:none;
		font-size:11px;
		margin-top:1px;
}

#content #pressContainer #loginWrapper span.error {
		text-align:right;
		display:block;
		font-size:12px;
		color:#e43030;
		float:none;
		clear:both;
		line-height:14px;
		padding-top:3px;
}

#content #pressContainer #loginWrapper span.info {
		text-align:left;
		display:block;
		font-size:11px;
		line-height:13px;
		margin-top:5px;
}

#content #pressContainer #loginWrapper span.error.hide {
		display:none;
}

#pressContainer #registerBoxContent dl {
		height:375px;
		position:relative;
}

#pressContainer .fieldset {
		height:413px;
		position:relative;
}

#formWrapper {
		width:450px;
		height:386px;
		position:relative;
}

#passwordWrapper {
		float:left;
		width:225px;
}

#passwordWrapper div.dd {
		float:none;
		padding-bottom:0;
}

.tx-felogin-pi1 div.dd {
		position:relative;
		text-align:left;
		margin:0;
		padding:0 0 0.5em;
}

#pressContainer .dd {
		position:relative;
		text-align:left;
		width:225px;
		float:left;
		margin:0;
		padding:0 0 0.5em;
}

#pressContainer dd span.info, #pressContainer .dd span.info {
		display:block;
		float:left;
		font-size:11px;
		margin-left:10px;
		width:170px;
		line-height:12px;
}

#pressContainer dd input.tx-srfeuserregister-pi1-checkbox,
#pressContainer .dd input.tx-srfeuserregister-pi1-checkbox {
		float:left;
}

#pressContainer dd.submit, #pressContainer .dd.submit {
		position:absolute;
		bottom:20px;
		right:25px;
		width:auto;
}

#pressContainer dd.submit input.tx-srfeuserregister-pi1-submit, #pressContainer .dd.submit input.tx-srfeuserregister-pi1-submit {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 6px transparent;
		display:block;
		border:0;
		font-size:14px;
		line-height:1.5em;
		padding:4px 0 0 20px;
		text-transform:uppercase;
		cursor: pointer;
}

#pressContainer dd.submit input.tx-srfeuserregister-pi1-submit:hover, #pressContainer .dd.submit input.tx-srfeuserregister-pi1-submit:hover {
		background:url("../_img/bg_icon_arrowright_login.png") no-repeat scroll 0 -41px transparent;
        color: #EEA500;
}

#pressContainer p.tx-srfeuserregister-pi1-notice {
		font-size:13px;
		font-style:normal;
		padding-left:0;
		line-height:14px;
}

#pressContainer p.tx-srfeuserregister-pi1-error {
		font-size:11px;
		line-height:12px;
		margin-bottom:0;
		padding:0 34px 6px 0;
		text-align:left;
}

/************ TOOLTIPS *************/

#pressContainer .dd span.tooltip {
  position:absolute;
  color:#fff;
  line-height: 14px;
  font-size: 12px;
  height:40px;
  left:-285px;
  top:-3px;
  width:270px;
  display:block;
}

#pressContainer .dd span.tooltip .arrow {
  width:9px;
  height:17px;
  background: transparent url('/fileadmin/blogazine/res/img/tooltip_arrow.png') no-repeat;
  position: absolute;
  right:-9px;
  top:6px;
  display:block;
}

#pressContainer .dd span.tooltip .wrapper {
  padding:6px 10px 6px 10px;
  display:block;
  background:#464646;
  float:right;
  position:relative;
}

#pressContainer .dd span.tooltip-email {
  top:-14px;
}

#pressContainer .dd span.tooltip-email .arrow {
  top:16px;
}

/************ PRESS ARTICLES *************/

#pressContainer.home h2 span {
		display:block;
		position:absolute;
		top:-999em;
}

#pressContainer.collectionDetail .pageheader {
		margin-bottom:25px;
}

#pressContainer.article .articleWrapper #collectionContainer {
		margin-top:-14px;
}

#pressContainer.article .articleWrapper .article {
		border-bottom:1px solid #ddd;
		margin-bottom:24px;
		padding-bottom:14px;
}

#pressContainer.article .articleWrapper .article .articleAnchor {
		position: absolute;
		margin-top: -125px;
		z-index: 0;
		width: 0px;
		height: 0px;
}

#pressContainer.collectionDetail .articleWrapper .article {
		border-bottom:1px solid #ddd;
		padding-bottom:10px;
}

#pressContainer.article .articleWrapper .designerCollections {
}

#collectionContainer .collections .collectionTiles .tileDesigner span {
		color:#333333;
		left:17px;
		position:absolute;
		text-transform:uppercase;
		top:10px;
}

#collectionContainer .collections .collectionTiles .tileDesigner .nl {
		color:#333333;
		left:17px;
		position:absolute;
		text-transform:uppercase;
		top:25px;
}

#collectionContainer .collections .collectionTiles .tileDesigner {
		float:left;
		width:232px;
		height:130px;
}

#pressContainer .contentSection .articleImg {
		margin-right:19px;
		float:left;
}

#pressContainer.collectionDetail .contentSection .articleImg {
		margin-left:50px;
}

#pressContainer .contentSection .articleText h2 {
		text-transform:uppercase;
		font-size:14px;
		color:#686868;
}

#pressContainer .contentSection .articleText {
		float:left;
		width:450px;
		color:#999999;
}

#pressContainer.collectionDetail .contentSection .articleText {
		width:310px;
		margin-left:50px;
}

#pressContainer.collectionDetail .desLink {
		font-size:12px;
		line-height:14px;
		text-transform:uppercase;
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -3px transparent;
		padding-left:20px;
		color:#999999;
}

#pressContainer.collectionDetail .desLink:hover {
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -23px transparent;
        color: #EEA500;
}

#pressContainer.collectionDetail .contentSection .articleMeta {
		padding-top:0px;
		padding-bottom:8px;
}

#pressContainer .contentSection .articleText.wide {
		float:left;
		width:644px;
		margin-left:50px;
}

#pressContainer .contentSection .articleMeta {
		width:240px;
		float:right;
		text-align:right;
		padding-bottom:30px;
}

#pressContainer .contentSection .articleDate {
		font-size:14px;
		color:#686868;
		margin-bottom:16px;
		display:block;
}

#pressContainer .contentSection .articleMeta img {
		display:block;
		float:right;
		margin-bottom: 30px;
}

#pressContainer .contentSection .articleMeta a.completeDownload {
		text-transform:uppercase;
		font-size:14px;
		color:#999999;
		margin-bottom:37px;
		display:block;
}

#pressContainer .contentSection .articleMeta ul.pressNavi {
		margin-top:0;
		position:relative;
}

#pressContainer .contentSection .articleMeta .pressNavi li {
		float:none;
}

#pressContainer .contentSection .articleMeta ul.pressNavi a {
		color:#999999;
		margin-bottom:8px;
}

#pressContainer .contentSection .articleMeta .pressNavi li.topics.hi a, #pressContainer .contentSection .articleMeta ul.pressNavi a:hover {
		color:#EEA500;
}

#pressContainer .contentSection .articleMeta ul.pressNavi .bgVignetteMiddle ul {
		text-align:left;
}

div.downloadSection div.downloadHead a.downloadToggle {
		float:right;
		background:url("../_img/bg_icon_scroll_down.png") no-repeat scroll right -3px transparent;
		display:block;
		font-size:12px;
		line-height:14px;
		padding-right:22px;
		text-transform:uppercase;
}

div.downloadSection div.downloadHead a.downloadToggle:hover {
        background: url(../_img/bg_icon_scroll_down.png) no-repeat scroll right -23px transparent;
		color:#EEA500;
}

div.downloadSection div.downloadHead a.downloadToggle:focus {
        background: url(../_img/bg_icon_scroll_down.png) no-repeat scroll right -23px transparent;
		color:#EEA500;
}

div.downloadSection div.downloadHead a.downloadToggle.active {
        background: url(../_img/bg_icon_scroll_up.png) no-repeat scroll right -3px transparent;
		color:#999999;
}

div.downloadSection div.downloadHead a.downloadToggle.active:hover {
        background: url(../_img/bg_icon_scroll_up.png) no-repeat scroll right -23px transparent;
        color: #EEA500;
}

div.downloadSection div.downloadHead span.pdfText{
		display:block;
		float:left;
		font-size:12px;
		line-height:14px;
		padding-right:4px;
		text-transform:uppercase;
}

div.downloadSection div.downloadHead a.pdfLink{
		display:block;
		float:left;
		font-size:12px;
		line-height:14px;
		text-transform:uppercase;
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -3px transparent;
		padding-left:20px;
}

div.downloadSection div.downloadHead a.pdfLink:hover{
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -23px transparent;
        color: #EEA500;
}

div.articleWrapper div.articleMeta a.pdfLink {
		text-align: right;
		font-size:12px;
		line-height:22px;
		text-transform:uppercase;
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -3px transparent;
		padding-left:20px;
}

div.articleWrapper div.articleMeta a.pdfLink:hover {
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -23px transparent;
        color: #EEA500;
}

div.downloadSection div.downloadContent {
		padding:0 0 24px 50px;
		display:block;
}

div.downloadContent .downloadBlock {
		float:left;
		padding-top:16px;
}

div.downloadContent .downloadBlock a{
		font-size:12px;
		line-height:14px;
		text-transform:uppercase;
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -3px transparent;
		padding-left:20px;
		display:block;
		margin-left:-2px;
		margin-top:8px;
}

div.downloadContent .downloadBlock a:hover{
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -23px transparent;
        color: #EEA500;
}

div.downloadContent .downloadBlock .imgWrapper {
		width:150px;
		height:100px;
		overflow:hidden;
		margin-right:26px;
		background-color:#ffffff;
		text-align: center;
}

#pressContainer.collectionDetail div.downloadContent .downloadBlock .imgWrapper {
		height:150px;
		position:relative;
		background-color:#ffffff;
}

#pressContainer.collectionDetail div.downloadContent .downloadBlock .imgWrapper img {
		position:absolute;
		bottom:0;
		top:0;
		left: 0;
		right: 0;
		margin:auto;
}

div.collectionWrapper {
		border-bottom:1px solid #ddd;
}

div.collectionDownloads {
		padding:26px 0 16px 50px;
}

div.newsWrapper {
		padding:26px 0 16px 0;
}

div.newsWrapper .newsArticle {
		margin:26px 0 0 50px;
		padding-bottom:8px;
		width:860px;
}

.newsArticleHeader h2 {
		text-transform:uppercase;
		float:left;
		display:block;
		margin-bottom:26px;
}

.newsArticleHeader span {
		color:#686868;
		float:right;
}

.newsArticle p {
	 	color:#999999;
}

.newsArticle a {
		font-size:12px;
		line-height:14px;
		text-transform:uppercase;
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -3px transparent;
		padding-left:20px;
		display:block;
}
.newsArticle a:hover {
		background:url("../_img/bg_icon_arrowright.png") no-repeat scroll 0 -23px transparent;
	    color: #EEA500;
}

#playGalleryImage img, .stage img, .stage span {
		display:none;
}

#content #productsContainer .stageArea {
		position:relative;
}

#playGalleryImage {
		left:0;
		top:0;
}

#nextPostsLoader {
		margin-top:200px;
		width:960px;
		font-size:14px;
		line-height:20px;
}

#nextPostsLoader p {
		background:url("../_img/ajaxLoader.gif") no-repeat scroll 0 0 transparent;
		height:34px;
		line-height:34px;
		margin:0 auto;
		padding-left:45px;
		text-align:left;
		text-transform:uppercase;
		width:160px;
}


.collTeaser {
	padding-left:50px;
	padding-bottom:20px;
	margin-top:-20px;
	border-bottom:1px solid #ddd;
	margin-bottom: 20px;
}

.collTeaserBox {
		width: 175px;
		float: left;
		margin-right: 52px;
}

.collTeaserTitle {
		height:51px;
		position:relative;
}

.collTeaserTitle a {
		position:absolute;
		left:0;
		bottom:7px;
}

/************ CONTRACT PORTAL  *************/

.contractportal {
		margin-left: 50px;
}

.contractportal .collectionTile {
		float: left;
		width: 150px;
		margin-right: 27px;
		margin-bottom: 20px;
}

.contractportal .collectionTile img{
		padding-bottom: 5px;
}

.contractportal .collectionTile .collTeaserTitle {
		height:50px;
		position:relative;
}

.contractportal .collectionTile .collTeaserTitle span {
		position:absolute;
		left:0;
		bottom:7px;
}

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

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

/**
google map overlay
* */

.gm-overlay-link {
	text-transform: none;
}