/* * * * * * * * * * * * * * * * * * * * * *
	*  Website ontwikkeld door CM Specialist  *
	*      Telefoon:  035 - 7200 700          *
	*      Website:   www.cmspecialist.nl     *
	* * * * * * * * * * * * * * * * * * * * * */

    body {
        margin: 0 auto;
        padding: 0;
        background:  #f7f7f9;
        line-height: 1.85em;
        color: #606060;
        font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, Sans-Serif;
        font-size: 14px;
        font-style: normal;}
        
    .cleared {float: none;clear: both;margin: 0;padding: 0;border: none;font-size:1px;}
    
    /* Typografie */
    a img {border: 0;}
    a           {color: inherit; text-decoration: underline;}
    a:visited   {color: inherit;}
    a:hover     {color: inherit; text-decoration: none;}
    a:active    {color: inherit;}
    
    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #000; line-height: 1.25em; margin: 0 0 10px; font-weight: bold;}
    
    h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: 26px; color: #547980;}
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size: 24px; color: #547980;}
    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {font-size: 19px; color: #444; margin: 0 0 5px;}
    
    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
        color: #999;
        font-family: "Open Sans", "Helvetica Neue",Helvetica Neue,Helvetica,Arial, Sans-Serif;
        font-size: 17px;
        font-style: normal;
        line-height: 1.5em;
        font-weight: normal;
        margin-top: -2px;
    }
    
    
    h2 + h5 {margin-top: -0.75em; margin-bottom: 1em;}
    p {margin: 0 0 10px;}
    
    
    ol, ul            {color: inherit; font-family: inherit; font-size: inherit;}
    li ol, li ul      {margin: 0.5em 0 0.5em 2em; padding:0;}
    li                {padding: 0;}
    ol                {list-style-position:inside;}
    
    /* Einde Typografie */
    
    
    /* Layout */
    .paginaWrapper    {width:100%; padding: 0;}
    .blokWrapper      {margin: 0 auto; background:#fff;}
    
    
    .miniBovenkant    .content {max-width: 100%; padding: 0;}
    .miniBovenkant    .content table {width: 100%;}
    .miniBovenkant    .content table td {vertical-align: middle; width: 50%; position: relative;}
    .miniBovenkant    .content table td:nth-child(2) {background: #f7f7f9; padding: 50px;}
    .miniBovenkant    .content table td:nth-child(2) p {margin: 0 0 15px;}
    
    
    
    
    .miniContent            {background: #f7f7f9;}
    
    
    
    .content {max-width: 1200px; margin: 0 auto; position: relative; padding: 10px 20px; box-sizing: border-box;}
    .prijzen {display:none;}
    .productCarrousselP.jcarousel-item {width: 23%; margin: 0 20px 0 0 !important;}
    .shopTegel .artikel .bestellen .bestelknop a.wButBestel {width: 87%; border-radius: 3px;}
    .shopTegel .artikel .omschrijving h2.titel {height:0;}
    .shopTegel .artikel .bestellen {display:none;}
    
    /* Einde Layout */
    
    
    /* Maatwerk */
    a.CMbutton {text-decoration: none !important;}
    
    /*footer*/
    .miniFooter .content h2, .miniFooter .content h3 {color: #7b8894; font-size: 18px; line-height: 1em; padding: 0 0 15px;}
    .miniFooter a, .miniFooter a:link, .miniFooter a:visited {color: #7b8895;}
    
    .miniFooter .content .xtrastylefooter ul                {margin: 0 auto 20px; width: 570px;}
    .miniFooter .content .xtrastylefooter ul li             {border-right: 1px solid #e5e5e5; float: left; list-style-type: none; padding: 0 45px;}
    .miniFooter .content .xtrastylefooter ul li:last-child  {border-right: 0px solid;}
    .miniFooter .content .xtrastylefooter ul li a {text-decoration: none !important; color:#666;}
    
    
    
    h2.main {color: #7b8894; font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 40px; font-style: normal; font-weight: normal; line-height: 50px;}
    
    h2.main span {font-size: 20px; line-height: 30px; text-transform: uppercase;}
    
    .artikel .inner .afbeeldingHouder             {position: relative; width: 100%;}
    .artikel .inner .afbeeldingHouder img         {position: absolute; top: 0; right: 0; left: 0;bottom:0; max-height: 100%; max-width: 100%; margin: auto; height: auto !important; width: auto !important;}
    .artikel .inner .afbeeldingHouder .verhouding {display: block; padding-bottom: 100%;}
    .artikel .afbeelding                          {position: relative;}
    
    
    /*Product carousel */
    .productCarrousselHolder                      {position: relative; margin-top: 30px; text-align: left; margin-bottom: 30px;}
    .productCarrousselHolder .jcarousel-container {width: 100%; padding: 0;}
    .productCarrousselHolder .jcarousel-clip      {box-sizing: border-box; margin: 0 auto; max-width: 905px; padding: 10px; width: 100%;}
    .productCarrousselHolder .jcarousel-next,
    .productCarrousselHolder .jcarousel-prev      {background-color: transparent !important;}
    
    .productCarrousel 			   {overflow: visible !important;}
    .productCarrousel li       {height: auto; border: 1px solid #ddd; background: #fff; line-height: 1.25em; margin: 0 25px 0 0 !important; position: relative; transition: all 0.3s ease 0s; width: 200px;}
    .productCarrousel li:hover {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
    .productCarrousel li .inner a 	 {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; text-indent: -9999px;}
    
    .productCarrousel li .afbeeldingHouder             {width: 100%;}
    
    .productCarrousel li .shopLijst2LabelAanbieding2A,
    .productCarrousel li .shopLijst2LabelNieuw2A {left: 0px; position: absolute; top: 0px; z-index: 10; pointer-events: none;}
    
    .productCarrousel li .inhoud                     {padding: 10px;}
    .productCarrousel li .inhoud h2.titel            {font-size: 14px; height: 40px; margin: 0 0 5px; overflow: hidden;}
    .productCarrousel li .inhoud .carrouselPrijsVan  {font-size: 15px; text-decoration: line-through; color: #cfcfcf;}
    .productCarrousel li .inhoud .carrouselPrijsVoor {font-size: 15px; font-weight: normal;}
    .productCarrousel li .inhoud .artikelGroepPrijs  {display: none;}
    
    .carrouselPrijs {padding: 0px;}
    
    .carrouselPrijs .carrouselPrijsVoor {background: #547980; padding: 7px 9px; line-height: 1; color: #fff; display: inline-block; font-weight: bold;}
    .carrouselTekst { color: #7b8894; font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; height: 45px; overflow: hidden; padding: 5px 10px 0; }
    
    /*Einde Product carousel */
    
    .shopLijst2LabelAanbieding2A,
    .shopLijst2LabelNieuw2A { position: absolute; z-index: 10;}
    
    .galleryModernHolder2.minisite {
        position: absolute;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        display: flex;
        flex-direction: column;
        height: auto !important;
        text-align: center;
        width: 100% !important;
        bottom: 0 !important;
    }
    
    .jcarousel-prev.jcarousel-prev-horizontal, .jcarousel-next.jcarousel-next-horizontal {background-color: transparent;}
    .ad-gallery .ad-nav .ad-thumbs {height: 10px !important; overflow: visible;}
    .ad-gallery .ad-thumbs .ad-thumb-list {float: none !important; width: 100% !important; display: flex; justify-content: center;}
    .ad-gallery .ad-thumbs li {float: none !important; display: inline-block; padding: 0 !important; margin: 5px;}
    .ad-gallery .ad-thumbs li a {height: 10px; width: 10px; background: #eee; border-radius: 50px; transition: .3s all ease; left: 0 !important;}
    .ad-gallery .ad-thumbs li a.ad-active {background: #aaa;}
    .ad-gallery .ad-thumbs li a img {display: none !important; left: 0 !important;}
    
    .ad-gallery {height: 100%;}
    
    .ad-gallery .ad-nav {
        width: 100% !important;
        position: absolute !important;
        bottom: 0;
        left: 0; right: 0;
        z-index: 20;
        text-align: center;
    }
    
    .ad-info,
    .ad-controls,
    .ad-prev, 
    .ad-next,
    .ad-back,
    .ad-forward {display: none !important;}
    
    
    .ad-gallery .ad-image-wrapper {width: 100% !important; height: 100% !important; margin: 0;}
    
    
    a.knop {display: inline-block; transition: .2s all ease; margin: 0 10px 0 0; background: #547980; padding: 9px 12px; line-height: 1.25em; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; box-sizing: border-box; border: 3px solid #547980; font-size: 13px; letter-spacing: .03em;}
    a.knop::after {content: "\f178"; font-family: "Font Awesome 5 Pro"; margin-left: 10px;}
    
    a.knop:hover {opacity: .9;}
    a.knop:active { opacity: 1; transform: scale(.975); box-shadow: 0 0 42px 2px rgba(84,121,128,.2); }
    a.knop.border {background: transparent; border: 3px solid #547980; color: #547980;}
    
    /* FCK Templates */
    .FCK2kolTdS {width: 6%;}
    .FCK2kolTd {width: 47%; vertical-align: top} 
    
    
    .FCK3kol {margin-top: 20px;}
    .FCK3kolTdS {width: 5%; position: relative;}
    .FCK3kolTdS::before {content: ""; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; display: block; background: #eee; left: -50%; right: -50%; margin: 0 auto;}
    .FCK3kolTd {width: 30%; vertical-align: top;} 
    
    .FCK4kolTdS {width: 5%;}
    .FCK4kolTd {width: 20%; vertical-align: top} 
    
    .FCK5kolTdS {width: 2%;}
    .FCK5kolTd {width: 18.4%; vertical-align: top} 
    
    .FCKSpec     {width: 100%; border:0}
    .FCKSpecTd1  {border-bottom: 1px solid #ddd; padding: 5px; font-weight: bold;}
    .FCKSpecTd2  {border-bottom: 1px solid #ddd; padding: 5px;}
    /* Einde FCK Templates */  
    
    
    
    div#fancy_inner {border: none !important;}
    
    .website { position: absolute; right: 0; top: 0; padding: 40px; z-index: 10; }
    
    .website a {line-height: 0; font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #aaa;    display: inline-block; padding-bottom: 3px;}
    
    .website a:hover {border-bottom: 1px dashed #ddd;}
    .website a i {margin-right: 5px;}
    
    
    
    p.icoon {font-size: 23px; color: #547980; margin: 0 0 20px; width: 55px; height: 55px; background: #f7f7f9; text-align: center; line-height: 55px; border-radius: 5px;}
    p.icoon i {line-height: inherit; margin-right: -4px; color: inherit;}
    
    
    
    /* Responsive stijlen */
    
    
    @media screen and (max-width: 1200px)  {
    
        .content {max-width: 1000px;}
        .productCarrousselHolder .jcarousel-clip {max-width: 895px;}
    }
    
    @media screen and (max-width: 1000px)  {
    
        .content {max-width: 760px;}
        .productCarrousselHolder .jcarousel-clip {max-width: 440px;}
        .miniBovenkant .content table td {display: block; width: 100%; padding: 20px !important; box-sizing: border-box;}
        .productCarrousselP.jcarousel-item {width: 30%;}
    }
    
    
    
    @media screen and (max-width: 760px)  {
    
        .content {max-width: 100%; padding: 40px 20px;}
        .productCarrousselHolder .jcarousel-clip {max-width: 440px;}
    
        .FCK3kolTd {display: block; width: 100%; margin: 0 0 20px;}
        .FCK3kolTdS {display: none;}
        .miniBovenkant .content table td {display: block; width: 100%; padding: 20px !important; box-sizing: border-box; min-height: 360px;}
    
    
        .website {padding: 15px;}
        .ad-gallery {height: 300px !important;}
        .ad-gallery .ad-nav {padding: 15px 0;}
        a.knop {width: 100%; margin: 0 0 10px; text-align: center;}
    }
    
    
    
    @media screen and (max-width: 550px)  {
        .productCarrousselHolder .jcarousel-clip {max-width: 215px;}
        .productCarrousselP.jcarousel-item {width: 100%;}
    }