/* ==========================================================================
   Include Fonts
   ========================================================================== */
@font-face {
    font-family: 'Trade';
    src: url('fonts/TradeGothicNextLTW05-Rg.woff2') format('woff2'),
         url('fonts/TradeGothicNextLTW05-Rg.woff') format('woff');
}

@font-face {
    font-family: 'TradeBold';
    src: url('fonts/TradeGothicNextLTW05-BoldCn.woff2') format('woff2'),
         url('fonts/TradeGothicNextLTW05-BoldCn.woff') format('woff');
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #000;
}

body {
    font-size: 13px;
    line-height: 18px;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2e2e2e;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* Links */ /* -------------- geändert 20.11.2013 */
a  { 
    text-transform: none;
    color: #85919f;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif;
}

a:hover, a:active { color:#000; }

.single-link, .sidebarBox a, .linklist2 li a, .sidebarBox a {
    text-decoration: none;
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-fw-arrow-grey.png') no-repeat left 4px transparent;
    padding-left: 12px;
}

.single-link:hover, .sidebarBox a:hover, .linklist2 li a:hover, .sidebarBox a:hover {
    background-image: url('/net_resources/_web_images_494/ro-fw-arrow-black.png');
}

.bw-link {
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-bw-arrow-grey.png') no-repeat left center transparent;
    padding-left: 12px;
    margin-right: 40px;
    /*werum: brauchen wir*/
    text-decoration: none;
}

.fw-link {
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-fw-arrow-grey.png') no-repeat right center transparent;
    padding-right: 12px;
}

.bw-link:hover {
    background-image: url('/net_resources/_web_images_494/ro-bw-arrow-black.png');
}

.fw-link:hover {
    background-image: url('/net_resources/_web_images_494/ro-fw-arrow-black.png');
}

.bw-link-white {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-bw-arrow-white.png') no-repeat left center transparent;
    padding-left: 12px;
    margin-right: 15px;
}

.fw-link-white {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-fw-arrow-white.png') no-repeat right center transparent;
    padding-right: 12px;
    margin-right: 15px;
}

.bw-link-white:hover,.fw-link-white:hover, .slidedown-link:hover {
    color: #fff !important; 
}

.slidedown-link {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-down-arrow-white.png') no-repeat left center transparent;
    padding-left: 17px;
}

.slidedown-link:focus {
    outline: none;
}
/* -------------- geändert 04.12.2013 */
.bjqs-caption a {
    font-family: 'TradeBold','Oswald',Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.bjqs-caption a:hover {
    color: #f2f2f2;
}
/* -------------- geändert 04.12.2013 ENDE */

/* -------------- geändert 22.11.2013 */
.bw-link-simple {
    /* background: url("/net_resources/_web_images_494/ro-bw-arrow-grey.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); */
    background-image: url("/net_resources/_web_images_494/ro-bw-arrow-grey.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.fw-link-simple {
    /* background: url("/net_resources/_web_images_494/ro-fw-arrow-grey.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); */
    background-image: url("/net_resources/_web_images_494/ro-fw-arrow-grey.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.bw-link-simple:hover {
    background-image: url('/net_resources/_web_images_494/ro-bw-arrow-black.png');
}

.fw-link-simple:hover {
    background-image: url('/net_resources/_web_images_494/ro-fw-arrow-black.png');
}
/* -------------- geändert 22.11.2013 ENDE */

.alignLeft {
    float: left;
    margin-right: 10px;
}

.alignRight {
    display: block;
    float: right;
    margin: 0;
}

.imgLeft {
    float: left;
    margin-right: 25px;
}

ul {
    margin: 30px 0;
    padding: 0;
}

/* -------------- geändert 21.11.2013 */
ul li {
    margin-left: 20px;
    margin-bottom: 4px;
    padding: 0 0 0 15px;
}

.textlist li {
    list-style-type: none;
    background: url('/net_resources/_web_images_494/ro-dash.jpg') no-repeat 0px 4px;
    margin-left: 5px;
}

.textlist, .linklist2 {
    margin-left: 0;
}

.linklist2 li {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
}
/* -------------- geändert 21.11.2013 ENDE */

.firstParagr {
    margin: 0 0 40px;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #85919f;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Florian Herzog's custom styles
   ========================================================================== */
.inner {
    width: 1021px;
    margin: 0 auto;
    position: relative;
}

/* ///////////////// TOPHEADER ///////////////// */
#topHeader {
    background: #0c2340;
    color: #fff;
    height: 50px;
    text-transform: uppercase;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
}

#topHeader .spacer {
    height: 50px;
    width: 180px;
    float: left;
}

.platinumLogo {
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 999;
}

#topHeader ul {
    padding: 0;
    margin: 0;
}

#topHeader ul li, #footer ul li {
    list-style-type: none;
}

.metaNav {
    /* width: 410px; */ /* not considered, in order to have variable shopNav width*/
    display: block;
    float: left;
}

.shopNav {
    position: absolute;
    right: 0;
}

.metaNav li, .shopNav li, .footernav li {
    height: 28px;
    line-height: 28px;
    margin: 11px 0;
    border-right:1px solid #808080;
    float: left;
    padding: 0;
}

.metaNav li:last-child, .footernav li:last-child {
    border-right:none;
}

.metaNav li a, .shopNav li a, .footernav li a {
    line-height: 28px;
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
    text-transform: uppercase;
}

.metaNav li a:hover {
    text-decoration: underline;
}

.shopNav li {
    border-right:none;
}

.shopNav li:first-child {
     border-right:1px solid #808080;
}

.shopNav .cartlink a {
    background: url('/net_resources/_web_images_494/ro-cart.png') no-repeat left center transparent;
    padding-left: 42px;
}

.shopNav .userName a {
    font-family: 'TradeBold';
}

/* ///////////////// NAV ///////////////// */
#nav {
    height: 85px;
    background: #fff;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
    -webkit-box-shadow:  0px 12px 24px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 12px 24px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 5;
}

.weblogo {
    position: absolute;
    top: 36px;
    left: 0px;
    z-index: 999;
    padding-left: 10px;
}

.weblogoblack {
    position: absolute;
    top: 12px;
    right: -8px;
    z-index: 999;
}

/*  NAV NAVIGATION STYLES  */

/* SUPERFISH ESSENTIAL STYLES */
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 85px;
  left: 0;
  z-index: 99; 
  -moz-box-sizing: border-box;  /* ------------- Geändert am 19.11. */ 
  box-sizing: border-box;  /* ------------- Geändert am 19.11. */
}

.sf-menu > li {
  float: left;   
  margin: 0;
  padding: 0;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu > li > a {
  display: block;
  position: relative;
}
/* SUPERFISH ESSENTIAL STYLES END */

#nav ul {
    margin: 0;
}

#nav ul li {
    list-style-type: none;
    float: left;
}

.mainNav {
   /*padding: 35px 0 0 243px;*/
   padding: 35px 0 0 200px;
}

.mainNav li {
    height: 50px;
}

.mainNav li a {
    display: block;
    font-size: 20px;
    font-family: 'TradeBold';
    padding: 0 15px;
    line-height: 50px;
    height: 50px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.mainNav li a:hover, .mainNav li.sfHover a, li.current a{
    color: #fff;
    background-color: #0c2340;
}
/* SUB LEVEL 1 */
.mainNav .sf-mega {
    padding: 1em;
    box-sizing: border-box;
    width: 100%;
    min-height: 440px;
    background: url('/net_resources/_web_images_494/Farbverlauf_schmall.png') repeat top left #000;
}

.sf-mega-section {
  float: left;
  width: 145px; /* optional */
  padding: 35px 15px 0 0;
 
}

.sf-mega-section h2 {
  font-size: 18px;
  font-family: 'TradeBold';
  color: #fff;
  height: 45px;
  line-height: 20px;
}

.sf-mega-section ul {
    padding: 0;
    margin: 0;
}

.sf-mega-section ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: none !important;
    display: block;
    height: auto;
}

.sf-mega-section ul li a {
    font-family: arial, sans-serif;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    text-transform: none;
    line-height: 16px;
    padding: 4px 0;
    height: auto;
    margin: 0;
    display: block;
    background-color: transparent !important;
}

.sf-mega-section ul li a:hover, .sf-mega-section ul li.current a { 
    color: #808080;
    background-color: transparent;
}
/* helper class */
.sf-mega-helper {
    position: absolute;
    top: 85px;
    z-index: 5;
    box-sizing: border-box;
    width: 100%;
    height: 450px;
    background: url('/net_resources/_web_images_494/Farbverlauf_schmall.png') repeat top left #000;
    display: none;
}


/* ///////////////// FEATURE BOX ///////////////// */
#feature {
    background: url('/net_resources/_web_images_494/Farbverlauf_schmall.png') repeat top left #000;
    /*werum: von 405 auf 400 ge�ndert */
    height: 400px;
    position: relative;
}

.home #feature {
    height: auto;
}

.slider {
    text-align: center;
}

.slider ul li {
    text-align: center;
    margin: 0;
    padding: 0;
}

.login .slider ul li img {
    min-height: 1096px !important;
    min-width: 1375px !important;
}

.slider ul li img {
    width: 100%;
    height: auto;
}

.infobar {
    background: #0c2340;
    border-top: 1px solid #FFFFFF;
    height: 30px;
}

.infobar .inner {
    padding-top: 6px;
    color: #FFFFFF;
    font-family: 'TradeBold','Oswald',Helvetica,Arial,sans-serif;
    font-size: 18px;
}

/* ///////////////// MAIN CONTENT ///////////////// */
.title {
    font-size: 45px;
    margin: 45px 0;
    line-height: 44px;
}

/* -------------- geändert 21.11.2013 */
.title2 {
    font-size: 35px;
    margin: 45px 0;
    line-height: 34px;
}

.mainContent .title2, .mainContentFull .title2 {
    margin:0 0 50px 0;
}

h1 span {
    color: #6d6d6d;
}

h1 span:last-child {
    color: #d0d0d0;
}

h2 {
    font-size: 35px;
    line-height: 105%;
}

h3 {
    font-size: 20px;
    line-height: 20px;
}

h4 {
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: none;
}

/*.toggle-content a {
    color: #000 !important;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
}*/

.toggle-content a:hover {
    text-decoration: none;
}

/* geändert 21.11.2013 */
#content .one_third a, #content .one_fourth a {
    text-transform: none;
    text-decoration: none;
    display: inline-block;
    background: url('/net_resources/_web_images_494/ro-fw-arrow-grey.png') no-repeat left center transparent;
    padding-left: 12px;
}
/* geändert 21.11.2013 */
#content .one_third a:hover, #content .one_fourth a:hover {
    color: #000;
    background-image: url('/net_resources/_web_images_494/ro-fw-arrow-black.png');
}

/* ///////////////// SUBPAGE CONTENT ///////////////// */
#content .inner {
    padding-bottom: 25px;
    padding-left: 10px;
}

.breadcrumbs {
    font-family: arial, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding-top: 4px !important;
}

.breadcrumbs a {
    font-family: arial, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

/* Content divs */
.sidebarLeft {
    width: 155px;
    margin-right: 25px;
    float: left;
}

.mainContent {
    float: left;
    margin-right: 20px;
    width: 580px;
}

.mainContentFull {
    width: 760px;
    float: left;
    padding-right: 20px;
}

.mainContentRight {
    width: 820px;
    float: left;
    padding-right: 20px;
}


/* ---------- geändert am 02.12.2013 */
.span640 {
    width: 640px;
    float: left;
    padding-right: 20px;
}

.span360 {
    width: 360px;
    float: left;
}

.simpleBox {
    padding: 20px 20px 30px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.m15left {
    margin-left: 15px;
}
/* ---------- geändert am 02.12.2013 ENDE */


.mainContent p,.mainContentFull p,.mainContentRight p,.mainContent img,.mainContentFull img,.mainContentRight img {
    margin-bottom:25px;
}

.mainContentFull h2 {
    font-size: 25px;
}

.sidebarRight {
    float: left;
    padding-left: 20px;
    width: 219px;
    border-left:1px solid #85919f;
}

/* HIGHLIGHT BOX */
.highlightBox {
    width: 518px;
    border: 1px solid #ae9f89;
    padding: 20px;
    margin-top: 10px;
}

/* VIDEOS */
.videoHolder {
    margin-top: 25px;
}

.videoHolder h3 {
    background-color: #000;
    padding: 20px 30px;
    height: 17px;
    color: #fff;
    width: 580px;
    margin-bottom: 0;
    text-transform: none;
}

.mainContent .videoHolder h3 {
    width: 520px;
}

/* GALLERY */
.galleryHolder {
    margin-top: 25px;
    margin-right: -20px;
}

.galleryHolder a {
    display: block;
    float: left;
    width: 240px;
    margin-bottom: 25px;
    margin-right: 20px;
    text-decoration: none;
}

.galleryHolder a img {
    margin-bottom: 0px;
}

/* GALLERY SLIDER */

.royalSlider {
    width: 640px;
    height: 520px;
}

/* GALLERY SLIDER Text extension */

.royalSliderTxt {
    width: 654px;
    height: auto;
    margin-bottom: 25px;
    border: solid 1px #85919f;
}

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

.royalSliderTxt ul li {
    padding: 15px;
    display: none;
}

.royalSliderTxt ul li.active {
    display: block;
}

/* PAGINATION */
.pagination {
    margin-top: 40px;
    width: 460px;
    padding:0 20px;
    text-align: right;
}

#content .pagination a {
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
}

#content .pagination a:last-child {
    margin-left: 20px;
}

/* SIDEBAR BOXES */
.sidebarBox {
    width: 219px;
    border: 1px solid #85919f;
    margin-bottom: 10px;
}

.sidebarBoxContent {
    padding: 0px 10px 25px 10px;
    line-height: 1.3;
}

/* Werum: Umbruch für Links in Teaserspalte */
.sidebarBoxContent a {
    max-width: 180px;
    word-wrap: break-word;
}

.sidebarBox h3 {
    font-size: 17px;
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
    background: #f7f9fb;
    margin-top: 0;
}

.cartBox h3 {
    background: url('/net_resources/_web_images_494/Einkaufswagen_Mint.png') no-repeat top right #e5e5e5;
}

.cartBox .productCount {
    width: 35px;
    display: inline-block;
}

.cartBox .cartValue {
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}

.sidebarBox .formRow {
    line-height: 15px;
    margin-bottom: 8px;
}

.sidebarBox input[type="checkbox"] {
    float: left;
    margin-bottom: 5px;
}

.sidebarBox .quickPollContent table{
    border: 0 none;
    width: 199px;
}

/* SIDEBAR NAVI */
.sidebarNav {
    margin: 0;
    padding: 0;
    width: 155px;
    color: #fff;
}

.sidebarNav li {
    margin: 0 0 1px;
    padding: 0;
    list-style-type: none;
}

#content .sidebarNav li a {
    font-size: 13px;
    display: block;
    height: auto;
    padding: 4px 10px;
    background-color: #6d6d6d;
    color: #fff;
    text-decoration: none;
}

#content .sidebarNav li.current a,#content .sidebarNav li a:hover  {
    background-color: #000;
    text-decoration: none;
}
/* ///////////////// Suchergebnisse ///////////////// */ /* ---------------- geändert 22.11.2013 */

.searchinput {
    margin: -20px 0 30px 0;
    height: 25px;
}

.searchinput input {
    height: 25px;
    line-height: 25px;
    margin-top: 0;
}

.searchinput input[type="submit"] {
    margin-top: 0;
}

.searchinput input.contentSearch {
    width: 380px;
    margin-right: 20px;
}

.searchHeader {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    margin-bottom: 25px;
    padding: 23px 0;
}

.searchHeader h3 {
    margin: 0;
}

.searchHeader h3 span, .searchKeyword {
    color: #f85f01 !important;
}

.searchpages {
    height: 20px;
    float: right;
}

.searchpages a {
    text-decoration: none;
}

.searchpages a.current {
    color: #000;
}

.catResult {
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 85px;
    height: 30px;
    padding-right: 15px;
}



.searchResults li {
    line-height: 20px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;

}

.searchResults {
    margin: 0;
}

.linkResult .single-link {
    
}

.linkResult {

}

.searchFooter {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #000;
    border-bottom:  1px solid #000; 
}
/* ///////////////// WERBEMITTEL Anzeige ///////////////// */ /* ---------------- geändert 28.11.2013 */

.resultsWerbemittel {
    margin: 0;
    padding: 0;
}

.resultsWerbemittel li {
    margin: 0;
    padding:20px 0;
    border-bottom: 1px solid #b0b0b0;
    list-style-type: none;
    overflow: hidden;
    position: relative;
}

.resultsWerbemittel li h3 {
    margin:0 0 20px;
    padding:0;
}

.resultsImageWrap {
    width: 150px;
    float: left;
    margin-right: 30px;
}

.resultsImageWrap img{
    width: 150px;
    height: auto;
}

.resultsContentWrap {
    width: 565px;
    line-height: 30px;
    float: left;
}    

.resultsContentWrap span {
    display: inline-block;
    width: 175px;
} 

.resultsContentWrap span.resultsContentvalue {
    width: 385px;
} 

.resultsWerbemittel input[type="text"] {
    width: 166px !important;
}

.resultsWerbemittel input[type="submit"] {
    margin-top: 20px !important;
}

.resultsWerbemittel .cartSuccess {
        bottom: 20px;
        position: absolute;
        right: 0;
}

.contentFields .blueHighlight div.selector {
    background-color: #2bacf0;
}/* ---------------- geändert 28.11.2013 ENDE */


/* ///////////////// Tabellen Ordertracking ///////////////// */ /* ---------------- geändert 02.12.2013 */
.infotable {
    border: 1px solid #c0bab0;
    margin-bottom: 40px;
}

.infotable td {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 11px 15px 11px 20px;
    height: auto;
}

.infotable td.tableheadfield {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 11px 15px;
    background: #e5e5e5;
    font-weight: bold;
}

.infotable tr:last-child td, .infotable tr:last-child td.tableheadfield  {
    border-bottom: none;
}

.infotable tr td:last-child, .infotable tr td.tableheadfield:last-child  {
    border-right: none;
}

.orderstatus {
   display: block;
   float: right;
   width: 256px;
   border-top: 1px solid #d9d9d9;
   margin-top: 0;
}

.orderstatus li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   border: 1px solid #d9d9d9;
   border-top: none;
   height: 67px;
   font-size: 16px;
   font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif;
   color: #999999;
   text-transform: uppercase;
}

.orderstatus li span {
   display: block;
   padding: 20px 15px 10px 84px;
}

.orderstatus li img {
   margin: 0;
   float: left;
}

.orderstatus li.current {
    color: #000;
}
/* ///////////////// Auf einen Blick ///////////////// */ /* ---------------- geändert 02.12.2013 */
.newsImageWrap {
    width: 100px;
    float: left;
    margin-right: 20px;
}

.simpleBox .newslist li .newsImageWrap img{
    width: 100px;
    height: auto;
}

.simpleBox .newslist li {
    border-top: none;
    border-bottom: 1px solid #B0B0B0;
    height: auto;
}

.simpleBox .newslist li h3 {
    margin: 0 0 20px;
}

/* ---------------- geändert 02.12.2013 ENDE */



/* ///////////////// Warenkorb ///////////////// */
.cartWrapper {
    border: 1px solid #85919f;
}

.cartWrapper input[type="submit"] {
    background: url("/net_resources/_web_images_494/ro-toggle-right.png") no-repeat scroll 97% -1px #000000;
    border: medium none;
    color: #FFFFFF !important;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    margin: 0 0px 25px 0;
    outline: medium none;
    padding-left: 10px;
    padding-right: 30px;
    text-align: left;
    text-transform: none;
    width: auto;
}

.ReloadCart {
    margin: 15px;
    color: #575757;
    text-align: right;
}

.cartSum {
    display: block;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
}

.cartSum span {
margin-right: 30px;
}

.cartWrapper .title2 {
    padding-left: 15px;
    margin: 35px 0;
}

.cartTableHeader {
    background: #0c2340;
    height: 40px;
}

.cartTableHeader span {
    display: block;
    float: left;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.cartTable {
    margin: 0 15px;
    border: none;
}

.cartTable tr {
    border-bottom: 1px solid #85919f;
}

.cartTable tr:last-child {
    border-bottom: none;
}

.cartTable td {
    vertical-align: middle;
    padding: 15px 0 !important;
}

.cartTable img {
    margin: 0;
}

.cartTableRow {
    margin: 0 15px;
    border-bottom: 1px solid #85919f;
    border-top: 1px solid #85919f;
    text-align: right;
}

.cthCol0 {
    width: 160px;
}

.cthCol1 {
    width: 110px;
}

.cthCol2 {
    width: 140px;
}

.cthCol3 {
    width: 110px;
}

.cthCol4 {
    width: 120px;
}

.cthCol5 {
    width: 85px;
}

.cartTableHeader span.cthCol1 {
    margin-left: 175px;
}

.cartHeadline {
    display: block;
    line-height: 40px;
    background: #f7f9fb;
    padding-left: 15px;
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 0;
}

.cartTable input[type="text"] {
    width: 72px;
    text-align: center;
}

.deleteProduct {
    background: url("/net_resources/_web_images_494/ro-delete-icon.gif") no-repeat scroll 0 0 #000000;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 14px;
    width: 14px;
    float: right;
    border: none;
    text-decoration: none;
}

/* brandshop */
.brandshop .title2 {
    color: #2bacf0;
    margin: 55px 0 15px;
}

.brandshop .cartTableHeader {
    background: #2bacf0;
}

.brandshop .cartSum, .brandshop .ReloadCart {
    color: #2bacf0;
}

.cartWrapper .brandshop input[type="submit"] {
    background-color: #2bacf0;
}


.cartBox h3 {
    background: url("/net_resources/_web_images_494/Einkaufswagen_Mint.png") no-repeat scroll right top #f7f9fb;
}

.sidebarBox .brandshop h3 {
    background: none;
    color: #2BACF0;
    height: 15px;
    line-height: 15px;
    margin-bottom: 15px;
    padding: 0;
}

.sidebarBox .brandshop {
    border-top: 1px solid #85919f;
    padding-top: 15px;
    margin-top: 15px;
}

.sidebarBox .brandshopIsFirstItemInCart {
    border-top: inherit !important;
    padding-top: inherit !important;
    margin-top: inherit !important;
}


/* ///////////////// LOGIN CONTENT ///////////////// */
.login {
    background-color: #000;
    min-width: 1021px;
}

#loginWrapper {
    width: 1021px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#loginWrapper a {
    color:#fff;
    text-decoration: underline;
}

#loginWrapper a:hover {
    color:#f2f2f2;
    text-decoration: none;
}

.contentRight {
    width: 700px;
    text-align: left;
    float: right;
}

#loginWrapper h1, #loginWrapper h3, .mainContent h2  {
    padding: 0 0 15px;
    margin: 85px 0 25px;
    color: #fff;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
    font-size: 22px;
    display: block;
    width: 100%;
    border-bottom:1px solid #8e8e8e;
}

#loginWrapper h2 {
    padding: 0;
    margin: 0 0 50px;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    display: block;
    width: 315px;
}

#loginWrapper h3, .mainContent h2 {
    padding: 0;
    margin: 0 0 50px;
    border-bottom:none;
    line-height: 24px;
}

.mainContent h2 {
    color: #000;
}

#overlay {
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    width: 100%;
}
.w386 {
    width: 386px !important;
}

.overlayBg {
    padding-bottom: 35px;
}

.overlayBg, .overlayBg-footer {
    background-color: #0c2340;
}

.overlayBg-footer {
    height: 12px;
    margin-top: 2px;
}

.loginContent {
    padding: 35px;
}

#loginForm h2 {
    padding: 0;
    margin: 0 0 25px;
    color: #fff;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
    font-size: 22px;
}

.loginContent #loginForm {
    margin-top: 55px;
    padding: 35px 0;
    border-top:1px solid #8e8e8e;
    border-bottom:1px solid #8e8e8e;
}

label {
   font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
   font-size: 18px;
   text-transform: uppercase;
   display: block;
   margin-bottom: 5px;
}

#loginForm .formRow {
    margin: 0 0 30px; 
}

#loginForm input[type="text"], 
#loginForm input[type="password"], 
#loginForm input[type="email"],
#loginForm textarea, 
#loginForm select {  
    padding: 0px 10px; 
    margin: 0px; 
    outline: none; 
    width: 277px; 
    height: 38px;
    line-height: 38px;
    border:2px solid #b8b8b8;
    font-size: 20px;
}

#loginForm .rowError input[type="text"], 
#loginForm .rowError input[type="password"], 
#loginForm .rowError input[type="email"] {  
    border:3px solid #c00;
}

#loginForm select {  
    line-height: 0;
    padding: 3px 0 0;
    width: 300px;
}

.loginButton {
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    outline: none; 
    width: 120px; 
    height: 32px;
    line-height: 32px;
    border:1px solid #b8b8b8;
    background-color: #000;
    color: #fff;
    font-size: 20px;
}

.loginButton:hover {
    background-color: #fff;
    color: #000;
}

.linklist {
    margin: 25px 0 0 0;
    padding: 0;
}

.linklist li{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.linklist li a{
    color: #f7f9fb !important;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
}

.sidebarRight .linklist li a{
    color: #000 !important;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    padding-bottom: 3px;
    display: block;
}

.linklist li a:hover {
    text-decoration: none;
}

/* SLIDER BG */
#background {
    min-height: 1096px !important;
    overflow: hidden;
    border:10px solid #fff;
    border-bottom: none;
}

.Rline {
    position: absolute;
    z-index: 999;
    height: 104px;
    top: -104px;
    left: 0;
    right: 0;
    background: url('/net_resources/_web_images_494/ro-r-line.png') no-repeat top center transparent;
}
.login #footer {
    border: none;
}

/* ///////////////// TABELLEN ///////////////// */
.clientData {
    margin-bottom: 20px;
}

.clientData span {
    display: inline-block;
}

.clientNum {
    margin-right: 40px;
}

.clientData .date {
    float: right;
    text-align: right;
}

.lightgrey {
    color: #575757;
}

table {
    border: 1px solid #85919f;
}

table tr th {
    height: 40px;
    padding-right: 20px;
    background: #e5e5e5;
    text-align: left;
    font-weight: normal;
    vertical-align: central;
}

table tr td {
  /* werum: stoert die PW Individualisierung, ausgelagert in main_no_pw.css */  
    /*height: 35px;*/
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 25px;
  /* werum: stoert die PW Individualisierung, ausgelagert in main_no_pw.css */  
  /*  vertical-align: top;*/
}

table tr th:first-child {
    padding-left: 20px;
}

table tr td:first-child {
    padding-left: 20px;
}


/* ///////////////// GRID ///////////////// */
.row {
    clear: both;
    margin-bottom: 25px;
}

.last {
    clear: right;
    margin-right: 0 !important;
}

.one_half, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left;
    margin-right: 4%;
    position: relative;
}

.one_half {
    width: 48%;
}

.one_half:last-child {
    margin-right: 0;
}

.two_third {
    float: left;
    width: 671px;
    margin-right: 32px;
}

.one_third {
    float: left;
    width: 320px;
    margin-right: 30px;
}

.one_third:last-child {
    margin-right: 0px;
}

.one_fourth {
    float: left;
    width: 240px;
    margin-right: 20px;
}

.one_fourth:last-child {
    margin-right: 0px;
}

.one_fourth img, .one_third img {
    margin-bottom: 25px;
}

/* ///////////////// POP UP ADD TO CART ///////////////// */
.blackOverlay {
    position: absolute;
    top:0;
    left:0;
    bottom: 0;
    right:0;
    background: url('/net_resources/_web_images_494/ro-overlayBg.png');
    z-index: 9;
    display: none;
}

.popupDetails {
    position: absolute;
    top:50%;
    left:50%;
    margin: -402px 0 0 -300px;
    width: 600px;
    height: auto;
    background: #fff;
    z-index: 10;
    padding-bottom: 35px;
    display: none;
}

.popupDetailsAusschluss {
    position: absolute;
    top:50%;
    left:50%;
    margin: -402px 0 0 -300px;
    width: 600px;
    height: auto;
    background: #fff;
    z-index: 10;
    padding-bottom: 35px;
    display: none;
}

.popupHeader {
    position: relative;
    background: #0c2340;
    padding:20px 30px;
    height: 50px;
    font-size: 15px;
    color: #fff;
}

.popupSpecs {
    height: 18px;
    line-height: 18px; 
}

.popupSpecs img {
    margin: 0;
}

.specIcon {
    margin-right: 5px;
}

.popupHeader h3 {
    color: #fff;
    font-size: 25px;
    margin: 0 0 12px;
}

.popupClose, .framePopupClose {
    background: url('/net_resources/_web_images_494/ro-x-icon.png') no-repeat left top transparent;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
}

.popupGal {
    margin: 50px 30px 5px;
    width: 540px;
    /* werum: unsere fassungbilder sind groesser */
    height: 280px;
    position: relative;
}

.popupGal img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto;
}

.popupThumbs {
    margin: 5px 0 0 0;
    padding: 0;
    display: block;
    width: 375px;
}

.popupThumbs img {
    margin: 0;
    padding: 0;
}

.popupThumbs li {
    margin: 0 12px 12px 0px;
    padding: 0;
    border: 1px solid #D9DADB;
    width: 50px;
    height: 50px;
    list-style: none;
    float: left;
}

.popupThumbs li a{
    display: block;
    height: 50px;
    position: relative;
}

.popupThumbs li a:focus{
    outline: none;
}

.popupThumbs li a span {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 5;
    background: url('/net_resources/_web_images_494/ro-overlayBgWhite.png');
}

.popupThumbs li a:hover span, .popupThumbs li.active a span {
    display: none;
}

.popupContent {
    padding: 0 55px;
    font-size: 15px;
}

/* -------------- geändert 20.11.2013 */
#colorDescription {
    /*werum: wird nicht benoetigt */
    /*height: 40px;*/
    width: 500px;
    margin: 25px 0;
}

#colorDescription div {
    line-height: 20px;
}

#colorDescription span strong {
     display: inline-block;
     width: 80px;
}

.popupNavHeader {
    height: 28px;
    line-height: 28px;
    background: #004976;
    padding: 0 30px;
    border-top: 1px solid #fff;
}

.cartSuccess {
    float: right;
    /*background: url("/net_resources/_web_images_494/ro-greenCheck.png") no-repeat scroll left center rgba(0, 0, 0, 0);*/
    background-image: url("/net_resources/_web_images_494/ro-greenCheck.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    font-family: 'TradeBold','Oswald',Helvetica,Arial,sans-serif;
    font-size: 18px;
    height: 35px;
    text-align: right;
    text-transform: uppercase;
    width: 192px; 
    margin-top: 23px;
}

/* -------------- geändert 20.11.2013 */
.popupPriceWrap {
    float: right;
    padding-top: 65px;
    margin: 0;
}

.popupPriceWrap img {
    margin: 0;
}

.popupPrice {
   margin-bottom: 15px;
}

.frame-komplettbrille {
    background: #004976;
    padding: 30px 60px;
    position: relative;
    color: #fff;
    display: none;
}

.frame-komplettbrille h3 {
     color: #fff;
}

.close-slidedown {
    background: url('/net_resources/_web_images_494/ro-close-slidedown.png') no-repeat left top transparent;
    width: 25px;
    height: 24px;
    display: block;
    position: absolute;
    top: 30px;
    right: 60px;
}

/* popupform */
#popupForm {
    clear: both;
    padding-top: 25px;
}

#popupForm label {
    font-size: 15px;
}

#popupForm .formRow input[type='text'] {
    width: 220px;
}

#popupForm .formRowFull input[type='text'] {
    /*werum: etwas kleiner gemacht, sonst umbruch */
    width: 390px;
}

#popupForm .formRow {
    width: 490px;
}

/* popupFormSpare */
#popupFormSpare {
    clear: both;
    padding-top: 25px;
}

#popupFormSpare label {
    font-size: 15px;
}

#popupFormSpare .formRow input[type='text'] {
    width: 220px;
}

#popupFormSpare .formRowFull input[type='text'] {
    /*werum: etwas kleiner gemacht, sonst umbruch */
    width: 390px;
}

#popupFormSpare .formRow {
    width: 490px;
}

.formCol {
    width: 220px;
    float: left;
    margin-right: 35px;
    margin-bottom: 10px;
}

/* ///////////////// FOOTER ///////////////// */
#footer {
    background-color: #0c2340;
    border-top: 1px solid #808080;
    height: 50px;
    position: relative;
    padding-left: 10px;
}

/* -------------- geändert 18.01.2013 */ 
.stickyfooter {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
}
/* -------------- geändert 18.01.2013 ENDE */

#footer h3 {
    color: #fff;
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
    float: left;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.footernav {
    float: right;
    margin: 0;
    padding: 0;
}

.footernav li a {
    font-family:'Trade','Oswald', Helvetica, Arial, sans-serif; 
    text-transform: uppercase;
    font-size: 13px;
}

/* ///////////////// GALLERY ///////////////// */
.gal {
    margin-left: -20px;
}

.galItem {
    margin-left: 20px;
    width: 240px;
    float: left;
    margin-bottom: 25px;
}

.galItem img {
    width: 100%;
    height: auto;
    border: 1px solid #d9dadb;   
    margin: 0;
}

.galItemCaption {
    position: relative;
    padding-right: 50px;
}

.galItemCaption h4, .enlargeFrame h4 {
    height: 20px;
    padding-top: 20px;
    font-size: 20px;
    margin-bottom: 0;
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif; 
    text-transform: uppercase;
    position: relative;
    font-weight: normal;
}

.galPagination, .newsPagination {
    margin-top: 60px;
    text-align: right; 
}

.galPagination a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 18px;
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif; 
    text-transform: uppercase;
}

.galPagination a:hover {
    color: #888 !important;
}

.newsPagination a {
    color: #85919f !important;
    text-decoration: none !important;
    font-size: 18px;
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif; 
    text-transform: uppercase;
    margin-left: 8px;
}

.newsPagination a:hover, .newsPagination .activePage {
    color: #000 !important;
}

.marginLeft50 {
    margin-left: 50px;
}


/* ICON LINKS */
.enlarge {
    background: url('/net_resources/_web_images_494/ro-lupe.png') no-repeat left top transparent;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    bottom: 40px;
    right: 8px;
    display: none;
}

.addtocart {
    background: url('/net_resources/_web_images_494/ro-cart3.png') no-repeat left top transparent;
    width: 32px;
    height: 24px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0px;
}

/* enlarge FRAME */
.enlargeFrame {
    position: absolute;
    top: 200px;
    width: 460px;
    left: 50%;
    margin-left: -230px;
    height: auto;
    border: 1px solid #d9dadb;
    padding: 25px;
    background: #fff;
    display: none;
    z-index: 999;
}

.enlargeFrame h4 {
    padding-top: 0px;
}

/* ///////////////// PRESSESPIEGEL ///////////////// */
.newslist {
    margin: 0;
    padding: 0;
}

.newslist li {
    margin: 0;
    padding:20px 0;
    border-top: 1px solid #b0b0b0;
    list-style-type: none;
    /* werum: keine feste Hoehe*/
    /*height: 100px;*/
    overflow: hidden;
}

.newslist li h3 {
    margin:0;
    padding:0;
}

.newslist li p {
    line-height: 120%;
    margin: 3px 0;
}

.newslist li img {
    float: left;
    height: 100px;
    width: auto;
    margin-right: 20px;
}

/* ARCHIVE FORM */
.newsarchive .formRow {
    margin-right: 20px;   
}

.newsarchive .formRow label {
    font-size: 15px;    
}

.newsarchive .formRow input[type="text"] {
    width: 200px;  
}

/* ///////////////// FORM ///////////////// */
.formRow {
    margin-bottom: 15px;
}

.strdFields .formRow {
    margin-bottom: 25px;
}

.strdFields label {
    font-size: 13px;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: none;
}

.one_fourth_row .formRow {
    width: 175px;
    float: left;
    margin-right: 20px;
}

.one_fourth_row {
    margin-right: -20px;
}

.formRowFull {
    margin-bottom: 15px;
    width: 100%;
    clear: both;
}

.formRowFull input[type="text"], 
.formRowFull input[type="password"], 
.formRowFull input[type="email"] {
    width: 100%;
}

input[type="text"], 
input[type="password"], 
input[type="email"],
textarea {  
    padding: 2px 6px; 
    margin: 0; 
    outline: none; 
    width: 280px; 
    margin-bottom: 0px; 
    border:1px solid #85919f;
    font-size: 15px;
}

.strdFields input[type="text"], 
.strdFields input[type="password"], 
.strdFields input[type="email"],
.printerPopup input[type="text"]{  
    padding: 0px 10px; 
    margin: 0; 
    outline: none; 
    width: 155px; 
    margin-bottom: 0px; 
    border:1px solid #000;
    font-size: 13px;
    color: #000;
    height: 23px;
    line-height: 23px;
}

select {  
    padding: 2px 6px; 
    margin: 0; 
    outline: none; 
    width: 280px; 
    margin-bottom: 0px; 
    font-size: 15px;
}

textarea {
    height: 150px;
    padding: 20px;
    font-size: 13px;
}

input[type="checkbox"], 
input[type="radio"] { 
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    display: inline;
    margin-bottom: 20px;
    margin-right: 10px;
    outline: medium none;
}

.strdFields input[type="submit"] {
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: none;
    outline: none; 
    text-align: left;
    padding-left: 10px;
    width: 130px; 
    height: 20px;
    border:none;
    font-size: 13px;
    background: url("/net_resources/_web_images_494/ro-arrow-right.png") no-repeat scroll 110px center #0ac8be;
    color: #fff !important;
    margin: 0 10px 0 0;
}

input[type="submit"].btn2 {
    background-color: #b6b6b6;
}

input[type="submit"] {
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    outline: none; 
    text-align: left;
    width: 180px; 
    height: 30px;
    border:none;
    font-size: 15px;
    background: url("/net_resources/_web_images_494/ro-arrow-right.png") no-repeat scroll 157px center #0ac8be;
    color: #fff !important;
    margin: 30px 0 0;
}

/* ----------------- geändert 21.11.2013 */
.button, .resultsWerbemittel .printerPopup .button {
    background: url("/net_resources/_web_images_494/ro-arrow-right.png") no-repeat scroll right center #0ac8be;
    color: #FFFFFF !important;
    display: inline-block;
    font-family:Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    margin: 0;
    min-width: 100px;
    outline: medium none;
    padding: 3px 20px 3px 10px;
    text-align: left;
    text-decoration: none;
    width: auto; 
    max-width: 400px;
    border:none;
    border-right: 8px solid #0ac8be;
}

.button:hover{
    background-color: #000;
    border-right-color:#000;
}


input[type="submit"]:hover{
    background-color: #000;
}

.newuserSubmit {
    float: right;
    margin: 100px 45px 0 0 !important;
}

select { 
   
}
/* FORM ERRORS */
.errorMessage {
    border: 2px solid #c00;
    padding: 10px;
    font-size: 18px;
    font-family:'TradeBold','Oswald', Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
}

.rowError input[type="text"], 
.rowError input[type="password"], 
.rowError input[type="email"],
.rowError textarea {
     border: 1px solid #c00;
     color: #c00;
}

.rowError input[type="text"]:focus, 
.rowError input[type="password"]:focus, 
.rowError input[type="email"]:focus,
.rowError textarea:focus {
     border: 1px solid #000;
     color: #000;
}

.rowError div.checker {
    border: 2px solid #c00;
}

/* searchform */
.search {
    width: 185px;
    /*margin-left: 37px;*/
    margin-left: 10px;
    padding-top: 14px;
    float: left;
}

.search input {
    /*width: 130px;*/
    width: 115px;
    font-size: 13px;
}

/* ///////////////// SELECTOR FORM ///////////////// */
.selectFormBox {
    border: 1px solid #85919f;
    padding: 25px 35px;
    margin-bottom: 30px; /* ---------------- geändert 28.11.2013 */
}

.selectFormBox .formRow {
    width: 210px;
    margin-bottom: 25px;
    float: left;
}
/* ---------------- geändert 19.12.2013 */
.brandaddon {
    padding: 25px 15px 25px 65px;
    position: relative;
}

.blueHighlightTxt {
    color:#1dabf3;
}

.clear {
    clear: both;
}

.nomargin, .nomargin h3 {
    margin: 0px !important;
}

.useSelectForm {
    background: transparent;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 48px;
    left: 20px;
    border: 3px solid #999999;
    z-index: 55;
}

.useSelectForm:focus {
    outline: none;
}

.useSelectForm:hover {
    border: 3px solid #000;
}

.useSelectFormActive {
    background: url('/net_resources/_web_images_494/rod-brandcheck.png') no-repeat left top transparent;
}

#useBrandshop {
    top: 24px;
}

.whiteOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    background: url('/net_resources/_web_images_494/ro-overlayBgWhite.png'); 
}

.whiteOverlayClosed {
    display: none;
}

/* CUSTOM FORM ELEMENTS */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.spacer1 {
    width: 100%;
    height: 1px;
    clear: both;
}

.spacer20 {
    width: 100%;
    height: 20px;
    clear: both;
}

.spacerW20 {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.spacer25 {
    width: 100%;
    height: 25px;
    clear: both;
}

.spacer50 {
    width: 100%;
    height: 50px;
    clear: both;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* --------------- geändert 07.05.2014 */
@media only screen and (max-width: 1315px) {
    .Rline { background: url("/net_resources/_web_images_494/ro-r-line.png") no-repeat 57% top transparent; }
}
/* --------------- geändert 07.05.2014 END */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    #slideshowBg {
        display: none;
    }
}
/* ==========================================================================
        SLIDER STYLES
   ========================================================================== */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{
    position:absolute;
    width: 60px;
    height: 80px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background: url('/net_resources/_web_images_494/ro-plat-arr-l.png') no-repeat top left transparent;
}
ul.bjqs-controls.v-centered li.bjqs-next a{
    right:0;
    background-image: url('/net_resources/_web_images_494/ro-plat-arr-r.png')
}
ul.bjqs-controls.v-centered li.bjqs-prev a{
    left:0;
}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{
    bottom: -25px; /* -------------- geändert 04.12.2013 */
    color: #FFFFFF;
    display: block;
    font-family: 'TradeBold','Oswald', Helvetica, Arial, sans-serif;
    font-size: 18px;
    left: 50%;
    margin: 0 0 0 -510px;
    padding: 0;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    width: 1021px;
}
/* ==========================================================================
        Toggle Content Styles
   ========================================================================== */
h5.toggle{
    overflow:hidden;
    margin: 3px 0 0;
}

h5.toggle a{
    font:14px/40px arial,sans-serif;
        font-weight: bold;
    cursor:pointer;
    color:#fff !important;
        text-decoration: none !important;
    overflow:hidden;
    margin:0;
    padding:0px;
    float:left;
    width:560px;
        height: 40px;
        display: block;
        text-transform: none !important;
        background-color: #85919f;
}

.brownTheme h5.toggle a {
    font-family: 'TradeBold','Oswald', Helvetica, Arial, sans-serif;
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase !important;
        background-color: #ae9f89;
}

h5.toggle a{
    font-family: 'TradeBold','Oswald', Helvetica, Arial, sans-serif;
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase !important;
}

.excellence a {
        background-color: #936920 !important;
}

.perfection a {
        background-color: #553917 !important;
}

.brownTheme h5.toggle a .smaller,  h5.toggle a .smaller{
          float: right;
          font-size: 14px;
          padding-right: 15px;
}

.mainContentFull h5.toggle a{
    width:100%;
}

h5.toggle.active a{
    border-bottom:0;
}

h5.toggle span.arrow{
    background: url('/net_resources/_web_images_494/ro-toggle-right.png') no-repeat bottom left transparent;
    display:block;
    width:20px;
    height:19px;
    float:left;
    margin-left: 10px;
        margin-right: 20px;
        padding-top: 10px;
}

h5.toggle.active span.arrow{
    background-image: url('/net_resources/_web_images_494/ro-toggle-down.png');
}

h5.toggle span.toggle-title{
    float:left;
    width:90%;
}

.toggle-content{
    width: 458px;
    border: 1px solid #85919f;
    border-top: none;
    padding: 25px 50px;
    margin-top: 0px;
}

.toggle-content img {
    float: left;
    margin: 0 25px 25px 0;
}

.toggle-content h4, .toggle-content p {
    /*werum: von both auf none geaendert, weil sonst die Ausrichting der Elelemente (Bilder zu Headline) nicht stimmten*/
    clear: none;
}

.mainContentFull .toggle-content{
    width: 658px;
}

h5.toggle.active + .toggle-content{
    border-bottom:1px solid #E8E6E6;
}

/* ==========================================================================
 *
 * 09.09.2013 - FILIZ WEBER Style Angaben START
 *
 * ========================================================================== */




/* ==========================================================================
 *
 * 09.09.2013 - FILIZ WEBER Style Angaben ENDE
 *
 * ========================================================================== */


/* ==========================================================================
        IE 8 Hacks
   ========================================================================== */
.lt-ie9 #background {
    
}

.lt-ie9 .one_half {
    width: 46%;
}


.lt-ie9 .search input {
    width: 170px !important;
}

.lt-ie9 .title2 {
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
}

.lt-ie9 .mainNav li a {
    font-family: 'Oswald';
    font-size: 17px;
}

.lt-ie9 .sf-mega-section ul li a {
     font-family: arial;
     font-weight: normal;
     font-size: 15px;
}

.lt-ie9 .sf-mega-section h2 {
    font-family: 'Oswald';
    font-size: 16px;
}

.lt-ie9 .metaNav li a, .lt-ie9 .shopNav li a {
    font-size: 14px;
}

/* ----------------------------------------- geändert am 09.01.2014 */
.lt-ie9 #tabs h5.toggle {
    border-bottom: 3px solid #fff;
    margin-top: 0;
}

.lt-ie9 h5.toggle {
    border-top: 3px solid #fff;
    margin-top: 0;
}

#turnoverAccordion {
    width: 593px;
}
table.valueTableTurnover tr td {
    padding-right: 2px;
    padding-left: 2px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
}

/* ----CNXT -------*/

#loadingMessage {
	width: 1019px;
	height: 1000px;
	z-index: 1000;
	top: 115px;
	left: 11px;
	position: absolute;
	text-align: center;
}