@charset "utf-8";
/* CSS Document */
/* CSS COPYRIGHT 2015-2016 
   NMB-MEDIA, CAPSICUM-DESIGN
   VERSION RESP 2016-2504
   www.nmb-media.de */
   
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
   
/* COPYRIGHT DARF NUR MIT KOSTENPFLICHTIGER GENEMIGUNG ENTFERNT WERDEN! */
   
/*  font        313131
    a           028ac3
    a:hover     006f9e
    h2          006f9e 
    h3          028ac3  
    h4+5+6      212121      */   

/* BASE STYLE */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

body, #nmb-pb p, #nmb-pb h1, #nmb-pb h2, #nmb-pb h3,
#nmb-pb h4, #nmb-pb h5, #nmb-pb h6 {
    margin:0; padding:0;}
    
div#nmb-pb {float: left;
    width: 100%;
    font-family: "PT Sans Narrow", sans-serif; 
    font-size: 100%; font-style:normal;
    color: #313131;}
    
div#nmb-pc {float: left;
    width: 100%;
    border-top: 5px solid #028ac3;}
    div#nmb-pc a {text-decoration: none; color: #028ac3;}
    div#nmb-pc a:hover {text-decoration: none; color: #006f9e;}
    div#nmb-pc p {margin: 5px 0;}
    div#nmb-pc h1,
    div#nmb-pc h2,
    div#nmb-pc h3 {text-transform: uppercase; font-style:normal;}   
    div#nmb-pc h1 {color: #028ac3; font-size: 1.6em;}
    div#nmb-pc h2,
    div#nmb-pc h3 {color: #313131; font-size: 1.2em;}
    div#nmb-pc h4,
    div#nmb-pc h5,
    div#nmb-pc h6 {color: #616161; font-size: 1.2em;}
    div#nmb-pc img {max-width: 100%;}   
    
div#nmb-cc {
    margin: 0 auto; padding: 0;
    text-align:left;}

.nmb-shadow1 {
    -webkit-box-shadow: 0px 0px 3px 3px #f1ede3; 
       -moz-box-shadow: 0px 0px 3px 3px #f1ede3;
            box-shadow: 0px 0px 3px 3px #f1ede3;}

.nmb-shadow2 {
    -webkit-box-shadow: 0 8px 6px -6px #a7a7a7;
       -moz-box-shadow: 0 8px 6px -6px #a7a7a7;
            box-shadow: 0 8px 6px -6px #a7a7a7;}
            
.nmb-shadow3 {
    position: relative; 
    background-color: #fff; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #ddd; 
    border-radius: 0px; 
    box-shadow: 0px 8px 4px -8px #cdcdcd, 0px 0px 40px #eee; }          
            
.nmb-small {font-size: 0.7em;}  
.clear {clear: both;}   

/* ADDITION: TABLE STYLE */
div#nmb-pb table {margin: 10px auto;
    width: 98%;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #f2f2f2 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#eaeaea 100%);
    background: linear-gradient(to bottom,  #f2f2f2 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 );}
    div#nmb-pb td {
        padding: 5px;
        border: none;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        vertical-align: top;}
        div#nmb-pb td:first-child {
            border-right: 1px solid #ccc;
            font-weight:bold;}
        div#nmb-pb tr:first-child td {border-top: none;}
            
/* GRADIENTS */
.nmb-ggr-light {
    background: #f4f4f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 );}
    
.nmb-ggr-color {
    background: #006f9e;
    background: -moz-linear-gradient(top,  #006f9e 0%, #028ac3 35%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006f9e), color-stop(35%,#028ac3));
    background: -webkit-linear-gradient(top,  #006f9e 0%,#028ac3 35%);
    background: -o-linear-gradient(top,  #006f9e 0%,#028ac3 35%);
    background: -ms-linear-gradient(top,  #006f9e 0%,#028ac3 35%);
    background: linear-gradient(to bottom,  #006f9e 0%,#028ac3 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f9e', endColorstr='#028ac3',GradientType=0 );}
    
.nmb-ggr-dark {
    background: #414141;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #414141 0%, #111111 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(50%,#111111));
    background: -webkit-linear-gradient(top,  #414141 0%,#111111 50%);
    background: -o-linear-gradient(top,  #414141 0%,#111111 50%);
    background: -ms-linear-gradient(top,  #414141 0%,#111111 50%);
    background: linear-gradient(to bottom,  #414141 0%,#111111 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#111111',GradientType=0 );}   

/* HEADER STYLE */
div#nmb-header {
    position: relative;}
    div#nmb-hotline {
        top: 13px;
        color: #a7a7a7;
        text-shadow: 0px 1px 0px #fff;
        z-index:999;}
    ul#nmb-service {
        margin: 0; 
        padding: 0;}    
    ul#nmb-service li {
        display: inline-block;
        padding: 5px;
        padding-left: 22px;
        border: 1px solid transparent;
        font-size: 0.9em;
                
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;}
        ul#nmb-service li > a {color: #cdcdcd;}
        ul#nmb-service li:hover > a {color: #006f9e;}
        ul#nmb-service li:hover {
            background: #f1f1f1;
            border: 1px solid #e8e8e8;
            color: #313131;
            
            box-shadow: 0px 0px 2px 0px #fff;
            -webkit-box-shadow: 0px 0px 2px 0px #fff;
            -moz-box-shadow: 0px 0px 2px 0px #fff;}
            
        #nmb-service li.nmb-hl1 {background: url(h-icon-tel-rgl.png) 5px 9px no-repeat;}
        #nmb-service li.nmb-hl1:hover {background: url(h-icon-tel-hvr.png) 5px 9px no-repeat;}  
        #nmb-service li.nmb-hl2 {background: url(h-icon-mail-rgl.png) 4px 9px no-repeat;}
        #nmb-service li.nmb-hl2:hover {background: url(h-icon-mail-hvr.png) 4px 9px no-repeat;} 
        #nmb-service li.nmb-hl3 {background: url(h-icon-box-rgl.png) 5px 9px no-repeat;}
        #nmb-service li.nmb-hl3:hover {background: url(h-icon-box-hvr.png) 5px 9px no-repeat;}  
        #nmb-service li.nmb-hl4 {background: url(h-icon-check-rgl.png) 5px 9px no-repeat;}
        #nmb-service li.nmb-hl4:hover {background: url(h-icon-check-hvr.png) 5px 9px no-repeat;}    
        
/* Detaileinstellungen Kopfbereich */
/* NAVIGATIONEN */  
div#nmb-topNavi {
    float: left;
    width: 100%; 
    border: 1px solid #313131;
    border-bottom: 5px solid #028ac3;

    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;}
    ul#nmb-n1 {list-style:none;
        height: 40px; width: 100%;
        margin: 0; padding: 0;}
    ul#nmb-n1 li {float: left;
        margin: 0; padding: 0 10px;
        border-right: 1px solid #444;
        line-height: 40px;
        
        opacity: 0.8;
        
        transition: 0.8s;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;}
    ul#nmb-n1 li:hover {
        border-right: 1px solid #ccc;

        background: #f4f4f4;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #f4f4f4 0%, #dfdfdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
        background: -o-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
        background: -ms-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
        background: linear-gradient(to bottom,  #f4f4f4 0%,#dfdfdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 );
    
        opacity: 1;}
        #nmb-n1 li:hover a {color: #000;}
        ul#nmb-n1 li:first-child {
            border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;} 
    ul#nmb-n1 .nmb-homeicon { 
        display: block;
        width: 30px; height: 40px;
        background: url(icon-home.png) center center no-repeat;}
    ul#nmb-n1 li:hover .nmb-homeicon {background: url(icon-home-hvr.png) center center no-repeat;}

/* SEARCH */
div#nmb-searchwrapper {
    padding: 0; margin: 0;}
#nmb-searchform {
    background: #fff;
    border: 1px solid #212121;}
.nmb-searchbox {
    padding-left: 5px; padding-right: 20px;
    background: 0 none transparent !important;
    border: none !important;
    color: #d2d2d2; line-height:30px; font-style:italic;}
.nmb-searchbox_submit {
    position: absolute; 
    right: 0px;
    padding: 10px;}
    .nmb-searchbox_submit:hover {opacity: 0.5;}

/* CONTENT STYLE */ 
div#nmb-content {width: 100%;
    margin: 15px 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    text-shadow: 0px 1px 0px #cdcdcd;}
    
/* Detaileinstellungen Content-Bereich */
/* CONTENT WRAPPER */
div.nmb-ContainerWrapper {
    width: 99.9%;
    margin: 0 auto;}
    .nmb-ContainerWrapper ul {
        margin: 5px;
        padding: 0 0 0 25px;}
    .nmb-ContainerWrapper ul li {
        list-style-image:url(icon-li-rgl-2.png);}

/* BOX DESIGN */
/* SIDE & MIDDLE */
	
div.nmb-sideCol,
div.nmb-middleCol {
    float: left;
    position: relative;
    padding: 10px;}
    
    div.nmb-middleCol div.nmb-middleTheme, 
    div.nmb-middleCol div.nmb-middleContent {
        float: left;
        width: 100%;}
    
    div.nmb-sideCol div.nmb-sideTheme,
    div.nmb-sideCol div.nmb-sideContent,
    div.nmb-middleCol div.nmb-middleTheme,
    div.nmb-middleCol div.nmb-middleContent {
        margin: 5px;
        padding: 5px;}
        .nmb-sideCol div:first-child + div {padding: 0;}
    div.nmb-sideCol div.nmb-sideTheme,
    div.nmb-middleCol div.nmb-middleTheme {
        padding-bottom: 2px;
        border: 1px solid transparent;
        border-bottom: 2px solid #444;
        font-weight:bold;}
    div.nmb-sideCol div.nmb-sideContent {
        padding-bottom: 20px;
        background: #f7f7f7;
        border-bottom: 1px solid #cdcdcd;

        border-bottom-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomleft: 20px;

        box-shadow: -1px 2px 4px -2px #cdcdcd;
        -webkit-box-shadow: -1px 2px 4px -2px #cdcdcd;
        -moz-box-shadow: -1px 2px 4px -2px #cdcdcd;}

/* Addition: Shipping-List */
/* Addition: Payment-List */
    .nmb-sideCol ul.nmb-ship,
    .nmb-sideCol ul.nmb-pay {
        width: 90%;
        margin: 0 auto; margin-top: 10px;
        padding: 0;}
    .nmb-sideCol ul.nmb-ship li,
    .nmb-sideCol ul.nmb-pay li {list-style: none;
        display: inline-block;
        text-align:center;
        padding: 0 5px;
        opacity:1;
        
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;}
        
    .nmb-sideCol ul.nmb-ship li img:hover,
    .nmb-sideCol ul.nmb-pay li img:hover {opacity: 0.8;}    
    
/* Addition: Flag-List */
.nmb-sideCol ul.nmb-flagList {padding: 10px !important;}
    .nmb-sideCol ul.nmb-flagList li {list-style: none; position: relative;
        padding: 4px 0 !important; margin: 1px 0 !important;
        border-bottom:1px solid #a7a7a7; background:#f7f7f7;}
    .nmb-sideCol ul.nmb-flagList li:first-child {border-top: 1px solid #a7a7a7;}
                    ul.nmb-flagList img {margin-right: 3px; vertical-align: middle;}
                    
    .nmb-sideCol .nmb-flagList li > span {position: absolute; top: 0; right: 0; display: block;
        width: auto; height: 30px;
        margin-right: 5px; margin-top: 3px;
        text-align: center; line-height: 30px;}

/* PRODUCT INFO CONTAINER */
div.nmb-prodDetails {float: left;
    width: 100%;}
div.nmb-prodDetails ul.nmb-leftCol {float: left;
    width: 47.8%;
    padding-left: 0 !important;
    list-style: none;}
div.nmb-prodDetails .nmb-leftCol:first-child {padding-right: 12px !important;}  
div.nmb-prodDetails ul.nmb-leftCol li {
    list-style: none;
    padding: 3px 0 !important;
    border-bottom: 1px solid #cdcdcd;}  

ul.nmb-leftCol div.nmb-leftColTheme {
    padding: 5px;
    background: #f1f1f1;
    font-weight:bold;}
    
/* FAV CONTAINER */
div#nmb-favBox {float: left; width: 100%;}
#nmb-favBox #nmb-favcontainer {float: left; position: relative;
    width: 50%; height: 100px;}
    #nmb-favBox #nmb-favcontainer ul {position: absolute; 
        bottom: 0; left: 0; 
        padding: 0; margin: 0;}
    #nmb-favBox #nmb-favcontainer ul {list-style: none;}    
    #nmb-favBox #nmb-favcontainer ul li {display: inline;}
    #nmb-favBox #nmb-favcontainer ul li a {
        padding: 2px 0 2px 10px; margin: 2px;
        background: url(icon-li-rgl.png) center left no-repeat;}
    #nmb-favBox #nmb-favcontainer ul li a:hover {background: url(icon-li-li-rgl.png) center left no-repeat;}
    
/* PRICE CONTAINER */
.nmb-middleContent #nmb-favBox #nmb-priceContainer {float: right; 
        width: 30%;
        padding-bottom: 5px;
        background: #f7f7f7;
        border-bottom: 1px solid #cdcdcd;

        border-bottom-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomleft: 20px;

        box-shadow: -1px 2px 4px -2px #cdcdcd;
        -webkit-box-shadow: -1px 2px 4px -2px #cdcdcd;
        -moz-box-shadow: -1px 2px 4px -2px #cdcdcd;
        text-align:center; text-shadow: none;}  
    .nmb-middleContent #nmb-favBox #nmb-priceContainer a {display: block; 
        width: 95%;
        margin: 5px auto;
        border: 1px solid #028ac3;
        border-radius:5px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;}
    .nmb-middleContent #nmb-favBox #nmb-priceContainer h2 a {color: #f1f1f1 !important;}    
    .nmb-middleContent #nmb-favBox #nmb-priceContainer h2 a:hover {
        color: #028ac3 !important;}
    .nmb-middleContent #nmb-favBox #nmb-priceContainer a:hover {
        border: 1px solid #212121;
        
        background: #414141;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top,  #414141 0%, #111111 50%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(50%,#111111));
        background: -webkit-linear-gradient(top,  #414141 0%,#111111 50%);
        background: -o-linear-gradient(top,  #414141 0%,#111111 50%);
        background: -ms-linear-gradient(top,  #414141 0%,#111111 50%);
        background: linear-gradient(to bottom,  #414141 0%,#111111 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#111111',GradientType=0 );}
    
    .nmb-middleContent #nmb-favBox #nmb-priceContainer h3 {font-size: 1.4em; color:#fff; font-style:italic;}    
    .nmb-middleContent #nmb-favBox #nmb-priceContainer p {margin: 0 !important; color: #616161 !important;}
    
/* CROSS SELLING CONTAINER */
.nmb-middleContent .nmb-crossContent {
	float:left;
    width: 100%;
    font-size: 0.8em; text-align:center;}
    .nmb-middleContent .nmb-crossContent span.nmb-price {
		display: inline-block;
		width: 100%;
		font-size: 1.2em; 
		font-weight: bold; 
		color: #028ac3;}  
    
    .nmb-middleContent .nmb-crossContent .nmb-crossContainer {
        float: left;
		height: 250px;
        padding: 5px;
        margin-bottom: 10px;
        
        background: #f7f7f7;
        border-bottom: 1px solid #cdcdcd;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 20px;
        
        box-shadow: -1px 2px 4px -2px #cdcdcd;
        -webkit-box-shadow: -1px 2px 4px -2px #cdcdcd;
        -moz-box-shadow: -1px 2px 4px -2px #cdcdcd;}
		.nmb-crossContainer > a > h3 {
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;}
        .nmb-crossContainer img {
            max-width: 100%;
			max-height: 160px;
            margin-top: 7px;
            border: 2px solid #fff;
            box-shadow: -1px 2px 4px -2px #cdcdcd;
            -webkit-box-shadow: -1px 2px 4px -2px #cdcdcd;
            -moz-box-shadow: -1px 2px 4px -2px #cdcdcd;}
        .nmb-crossContainer a {
            display: block; width: 100%;
            color: #313131 !important;
            opacity: 0.7;
            
            transition: 0.6s;
            -webkit-transition: 0.6s;
            -moz-transition: 06.s;}
        .nmb-crossContainer a:hover {opacity: 1;}
    
/* FUSS */
div#nmb-fc {float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    
    background: #313131;
    border: 1px solid #212121;
    color: #ccc; font-size:0.9em;
    
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

/* IMPRESSUM LINK BOX */
div.nmb-fcBox {display: block; float: left;
    width: 24.99%;
    margin-bottom: 25px;}
    div.nmb-fcBox h3 {
		margin: 5px 0 0 10px !important; 
		padding: 5px 10px;
        border-bottom: 1px solid #414141;
		color: #ccc !important}
    div.nmb-fcBox a:link,
    div.nmb-fcBox a:active,
    div.nmb-fcBox a:visited {color: #eee !important;
        opacity: 0.6;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;}
    div.nmb-fcBox a:hover {color: #028ac3 !important;
        opacity: 1;}
    
    a#nmb-fcList-fb,
    a#nmb-fcList-tw,
    a#nmb-fcList-gg,
    a#nmb-fcList-pi,
    a#nmb-fcList-yt {display: block;
        width: 40px; height: 40px;
        border-bottom: none;
        background-size: 90% !important;}
        
    a#nmb-fcList-fb {background: url(icon-fb-rgl.png) top left no-repeat;}
    a#nmb-fcList-tw {background: url(icon-twitter-rgl.png) top left no-repeat;}
    a#nmb-fcList-gg {background: url(icon-google-rgl.png) top left no-repeat;}
    a#nmb-fcList-pi {background: url(icon-pinterest-rgl.png) top left no-repeat;}
    a#nmb-fcList-yt {background: url(icon-youtube-rgl.png) top left no-repeat;} 
    
    a#nmb-fcList-fb:hover {background:url(icon-fb-hvr.png) top left no-repeat;} 
    a#nmb-fcList-tw:hover {background:url(icon-twitter-hvr.png) top left no-repeat;}    
    a#nmb-fcList-gg:hover {background:url(icon-google-hvr.png) top left no-repeat;} 
    a#nmb-fcList-pi:hover {background:url(icon-pinterest-hvr.png) top left no-repeat;}  
    a#nmb-fcList-yt:hover {background:url(icon-youtube-hvr.png) top left no-repeat;}    
    
     ul.nmb-fcList1 {margin: 5px 0; padding: 0 0 0 25px;}
     ul.nmb-fcList2,
     ul.nmb-fcList3 {margin: 5px 0; padding: 0 10px;}
     ul.nmb-fcList3 {}
     
     ul.nmb-fcList1 li {
        list-style:url(icon-li-rgl-2.png);
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;}
     ul.nmb-fcList2 li,
     ul.nmb-fcList3 li {list-style: none;}
     
     ul.nmb-fcList3 li {display: inline; float: left; margin: 0 3px;}
     ul.nmb-fcList3 li:first-child {margin: 0 3px 0 0;}
     
     ul.nmb-fcList2 li#nmb-fl1,
     ul.nmb-fcList2 li#nmb-fl2 {padding-left: 14px;}

     ul.nmb-fcList2 li#nmb-fl1 {background: url(f-icon-tel.png) left center no-repeat;}
     ul.nmb-fcList2 li#nmb-fl2 {background: url(f-icon-mail.png) left center no-repeat;}
     
/* COPYRIGHT NOTE */
#nmb-copy {position: absolute;
    bottom: 5px; right: 5px;
    color: #666;
    font-size: 0.8em;}
     
/* CATEGORY MENU */
/* List Style Transition */
ul.categories-tree,
ul.MenuSub1Item,
ul.MenuSub2Item {margin: 0; padding: 0;
    border: 0; outline: none;}
    ul.categories-tree li,
    ul.MenuSub1Item li,
    ul.MenuSub2Item li {list-style:none;}

ul.categories-tree li.MenuItem {margin: 5px 0;}

ul.categories-tree li.MenuItem > a {display:block; position: relative;
    width: 100%;
    padding: 5px 5px 5px 15px;
    background: url(icon-li-rgl-2.png) 7px 12px no-repeat #f7f7f7;
    color: #313131 !important;
    
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    transition: 0.6s;
    -webkit-transform: 0.6s;
    -moz-transition: 0.6s;}
    ul.categories-tree li.MenuItem > a:hover,
    ul.categories-tree > li.MenuItem:hover > a,
    ul.categories-tree > li.MenuItem:target > a {
        width: 100%;
        padding: 5px 5px 5px 20px;
        background: url(icon-li-rgl-2.png) 10px 12px no-repeat #444;
        color: #ccc !important;
        
        text-shadow: none;}
    .MenuItem .MenuSub1Item li {
        padding: 2px 5px 2px 22px;
        background: url(icon-li-li-rgl-2.png) 12px 10px no-repeat;
        
        border-radius:5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        
        transition: 0.6s;
        -webkit-transform: 0.6s;
        -moz-transition: 0.6s;} 
    .MenuItem .MenuSub1Item li:hover {
        padding: 2px 5px 2px 26px;
        background: url(icon-li-li-rgl-2.png) 15px 10px no-repeat #fff;}    
    .MenuItem .MenuSub1Item .MenuSub2Item {display: none;}
    
/* GALLERY */
div#nmb-cssgal-box{
	overflow: hidden;}

div#nmb-cssgal-box,
.nmb-slide {
	width: 100%; 
	max-height: 480px;
	margin-bottom: 10px;}

.nmb-galNav label {
	line-height: 480px;}

.nmb-slides {
    padding: 0;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;}

.nmb-slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;}

div.nmb-galNav {
	left:-50%;
	position: relative;}

.nmb-slides input { display: none; }
.nmb-slide-container { 
	display: block;
	position: relative;
	left: 50%; }
.nmb-slide {
    top: 0;
    opacity: 0;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all .7s ease-in-out;}

.nmb-slide img {
    width: auto;
	max-width: 100%;
    height: auto;
	max-height:inherit;
	margin: 0 0 0 -50%;}

.nmb-galNav label {
    width: auto;
    height: auto;
    display: none;
    position: absolute;

	opacity: 0;
    z-index: 10000;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 10em;
    text-align: center;
    font-family: "Verdana", sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);}

.nmb-slide:hover + .nmb-galNav label { opacity: 0.5; }
.nmb-galNav label:hover { opacity: 1; }
.nmb-galNav .next { right: 0; }
input:checked + .nmb-slide-container  .nmb-slide {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;}

input:checked + .nmb-slide-container .nmb-galNav label { display: block; }
.nmb-galNav-dots {
	width: 100%;
	top: 10px;
	height: 11px;
	display: block;
	position: relative;
	text-align: center;}

.nmb-galNav-dots .nmb-galNav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	/*border-radius: 100%;
	border: 2px solid #FFF;*/
	display: inline;
	/*background-color: rgba(0, 0, 0, 0.6)*/;}

.nmb-galNav-dots .nmb-galNav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);}

input#img-1:checked ~ .nmb-galNav-dots label#img-dot-1,
input#img-2:checked ~ .nmb-galNav-dots label#img-dot-2,
input#img-3:checked ~ .nmb-galNav-dots label#img-dot-3,
input#img-4:checked ~ .nmb-galNav-dots label#img-dot-4,
input#img-5:checked ~ .nmb-galNav-dots label#img-dot-5,
input#img-6:checked ~ .nmb-galNav-dots label#img-dot-6,
input#img-7:checked ~ .nmb-galNav-dots label#img-dot-7,
input#img-8:checked ~ .nmb-galNav-dots label#img-dot-8,
input#img-9:checked ~ .nmb-galNav-dots label#img-dot-9,
input#img-10:checked ~ .nmb-galNav-dots label#img-dot-10,
input#img-11:checked ~ .nmb-galNav-dots label#img-dot-11,
input#img-12:checked ~ .nmb-galNav-dots label#img-dot-12 {
	background: rgba(0, 0, 0, 0.8);}
	
	.nmb-galNav-dot > img {
		border: 2px solid #fff;}

/* MEDIA QUERIES */

@media only screen and (min-width: 1024px) {

/* BASE STYLE */
div#nmb-cc {width: 1010px;} 
div#nmb-header {
    height: 100px;}


/* HEADER STYLE */
    div#nmb-logoBox {
        height: 100px; width: 400px;
        position: absolute; top: 0; left: 0;
        background-position: left center !important;
        background-repeat: no-repeat !important;}
    div#nmb-hotline {position: absolute;
        right: 0; bottom: 0;}

	div#nmb-searchwrapper {
		position: absolute; 
		z-index: 9999; bottom: 0px; right: 0;
		width: 250px; height:33px;}
	#nmb-searchform {
		width: 250px; height:33px;
		margin: 0;
		border-bottom: 0 none;
		
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;}
	.nmb-searchbox {
		float: left;
		width: 220px; height:30px;}
		.nmb-searchbox_submit {
		top: 2px;}


/* CONTENT STYLE */
    .nmb-sideCol {
        width: 27%;
        right: 73%;}
    .nmb-middleCol {
        width:73%;
        left: 27%;}

}

@media only screen and (max-width: 1023px) {

/* BASE STYLE */
div#nmb-cc {width: 100%;}

/* HEADER STYLE */  
    div#nmb-logoBox {
        height: 100px; width: 100%;
        background-position: center center !important;
        background-repeat: no-repeat !important;}
    div#nmb-hotline {
        width: 100%;
        text-align: center;}

	div#nmb-searchwrapper {
		width: 100%;
		margin-bottom: 10px;}
	#nmb-searchform {
		position: relative;
		width: 50%; height:45px;
		margin: 0 auto;
		
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;}
	.nmb-searchbox {
		float: left;
		width: 100%; height:45px;}
	.nmb-searchbox_submit {
		top: 6px;}

        
/* CONTENT STYLE */ 
    .nmb-sideCol,
    .nmb-middleCol {
        width:100%;}
}

@media only screen and (min-width: 481px) {

/* CONTENT STYLE */
    div.nmb-prodDetails ul.nmb-leftCol {
    width: 47.8%;}

    .nmb-listBox {
        width: 33.33%;} 

	.nmb-crossContent .nmb-crossContainer {
		width: 33.3333%;
		border: 1px solid #fff;}
		
	div.nmb-fcBox {width: 24.99%;}

	.nmb-galNav-dot > img {
		height: 40px;}	
	div#nmb-cssgal-box, .nmb-slide {height: 480px;}}


@media only screen and (max-width: 480px) {
/* HEADER STYLE */
ul#nmb-n1 li {
    display: block;
    width: 100%;}

/* CONTENT STYLE */ 
    .nmb-sideCol,
    .nmb-middleCol {width: 100%;}   
    
    div.nmb-prodDetails ul.nmb-leftCol {
    width: 100%;}

    .nmb-listBox {
        width: 100%;}

	.nmb-crossContent {margin-bottom: 10px;}
	.nmb-crossContent .nmb-crossContainer {
		width: 50%;}
		
	div.nmb-fcBox {width: 100%;}

	.nmb-galNav-dot > img {
			height: 20px;}
	.nmb-galNav label {
		opacity:0.3;}}

@media only screen and (min-width: 441px) and (max-width: 480px) {
	div#nmb-cssgal-box, .nmb-slide {height: 450px;}}

@media only screen and (min-width: 401px) and (max-width: 440px) {
	div#nmb-cssgal-box, .nmb-slide {height: 410px;}}

@media only screen and (min-width: 361px) and (max-width: 400px) {
	div#nmb-cssgal-box, .nmb-slide {height: 370px;}}

@media only screen and (min-width: 341px) and (max-width: 360px) {
	div#nmb-cssgal-box, .nmb-slide {height: 340px;}}

@media only screen and (min-width: 321px) and (max-width: 340px) {
	div#nmb-cssgal-box, .nmb-slide {height: 310px;}}
	
@media only screen and (max-width: 320px) {
	div#nmb-cssgal-box, .nmb-slide {height: 290px;}}