/*    CSS door CM Specialist.nl     */
/*    Versie 6.0.5                  */

/* Algemeen */
body {
    margin: 0;
    padding: 0;
    line-height: 1.95em;
    color: #272726;
    font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    background: #fff;
    height: auto !important;


/* test */
    /* font-family: "futura-pt", "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif;
    font-size: 17px; */
}

.liquid-slide-sjabloon .inhoud {font-size: inherit !important;}

.liquid-slide-sjabloon .inhoud h2 {max-width: 340px;}

html.noscroll, html.noscroll body {overflow: hidden; position: relative; height: 100%;}

#art-main       {position: relative; width: 100%;}
.cleared        {float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px;}
form            {padding:0 !important; margin:0 !important;}
table.position  {position: relative; width: 100%; table-layout: fixed;}

body > .laadtijd, body > .sessienr, body > .versie {background-color: #779679; border-radius: 3px; bottom: 5px; color: #fff; cursor: default; display: block; font-size: 11px; font-style: normal; line-height: 1.25em; opacity: 0.9; padding: 4px 7px; position: fixed; right: 5px; z-index: 10; text-align: right; margin: 0;}
body > .sessienr {background-color: #f1f1f1; bottom: 29px; color: #000;}
body > .versie {background-color: #f1f1f1; bottom: 53px; color: #000;}


/* begin Box, Sheet */
.art-Sheet        {background: #fff; margin: 0 auto; max-width: 1500px; min-height: 400px; min-width: 1px; padding: 0 20px; position: relative; box-sizing: border-box;}

/* menu structure */
.bovenkant .art-nav      {right: 20px; position: absolute; top: 25px;}
.art-menu                {padding: 0; position: relative;}
.art-menu, .art-menu ul  {margin: 0; padding: 0; list-style-type: none;}


/* begin MenuItem */
.art-menu li                      {display: inline-block; position: relative; margin-left: 20px; font-size: 22px; }
.art-menu li a                    {color: inherit; text-decoration: none; outline: none; font-family: "futura-pt", Helvetica, Arial, Sans-Serif; display: block; padding: 0;}
.art-menu li a .r, .art-menu a .l {display: none;}
.art-menu li a .t                 {display: block; font-weight: bold; text-transform: lowercase; padding: 0 0 15px 20px;}
.art-menu li a.active .t          {color: #a86653 !important;}

.art-menu li a .t.kerst    {color: #a86653 !important;}



.art-menu li a .t.plantarts {
  padding-left: 28px;
}
.art-menu li a .t.plantarts::before {
  content: "";
  background-image: url(images/plantenarts-plus.png);
  background-repeat: no-repeat;
  font-size: 14px;
  color: #779679;
  position: absolute;
  left: 0;
  top: 6px;
  width: 20px;
  height: 20px;
  display: block;
  z-index: 1;
  background-size: 100%;}




.art-menu li a.active .t::before {color: inherit; background-image: url(images/plantenarts-plus-actief.png);}

/* Separator */
.art-nav .separatorHouder {display: none;}


/* begin Dropdown */
.art-menu ul:before 			{content: " "; display: block; height: 0; position: absolute; width: 0; left: 0; border-bottom: 10px solid #779679; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -7px; right: 0; margin: 0 auto;}


.art-menu ul ul:before 		{display: none;}
.art-menu ul {background-color: #779679; color: #fff; box-shadow: 0 0 54px rgba(0, 0, 0, 0.1); opacity: 0; padding: 20px; position: absolute; transition: .3s all ease; visibility: hidden; min-width: 200px; z-index: 10; box-sizing: border-box; top: 80%; left: calc(50% + 10px); transform: translateX(calc(-50% - 10px));}
.art-menu ul li             {display: block; margin: 0; font-size: 17px;}
.art-menu li:hover > ul     {visibility: visible; opacity: 1;  top: 100%;}
.art-menu li li:hover > ul  {top: 0; left: 100%;}
.art-menu ul li {margin-bottom: 2px;}
.art-menu ul li a         {margin: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid transparent; line-height: 1; padding: 8px; font-size: 16px; font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif;}
.art-menu ul li a:hover  {background: rgba(255,255,255,.3);}
.art-menu ul li a.active {background: #faf9f7; color: #779679;}
.art-menu ul ul {display: none;}


.art-Block           {min-height: 1px; min-width: 1px; position: relative; margin: 40px 0;}
.art-BlockHeader     {margin: 0; padding: 0; position: relative; z-index: 0;}
.art-BlockHeader .t {font-size: 16px; font-weight: bold; margin: 0 0 5px;}

/* begin Box, BlockContent */

.art-Post       {margin: 40px 0; position:relative; z-index:0;}
.art-Post-body  {padding: 0px; position: relative; z-index: 1;}
.art-Post img   {max-width: 100%; height: auto !important;}

a img   {border: 0;}
p       {margin:0 0 1em 0;}

/* Links */
a, a:link, a:visited, a.visited, a:hover, a.hover {font-family: inherit; text-decoration: underline; color: #779679;}
a:link                   {text-decoration: underline; color: #779679;}
a:visited, a.visited     {text-decoration: underline; color: #779679;}
a:hover, a.hover         {text-decoration: none; color: #779679;}

/* Verschillende styles resetten */
h1, .h1, h2, .h2, h3, .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 {
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    margin: 0 0 10px 0; 
    line-height: 1.25em;
    font-family: "futura-pt", Helvetica Neue, Helvetica, Arial, Sans-Serif;
    color: #272726;
    text-transform: lowercase;
    letter-spacing: 0.02em;
}

/* Start Content headings Fonts & Colors  */
h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
    font-size: 50px;
}


h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, .h2 {
    font-size: 32px;
}

h2.plantarts, .h2.plantarts {
  position: relative;
}

h2.plantarts::before, .h2.plantarts::before {
  position: relative;
  display: inline-block;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
  font-size: 20px;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
    font-size: 14px;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
    font-size: 16px;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
    font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif;
    font-size: 16px;
}

/* Koppen margins */
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {margin-top:1.5em;}
h1 + h5 {margin-top:-0.75em; margin-bottom:1em;}



/* begin PostBullets */
ol, ul              {color: inherit; font-family: inherit; font-size: inherit; line-height: inherit;}
li ol, li ul        {margin:0.5em 0 0.5em 2em; padding:0;}
li                  {padding:0;}
ul                  {list-style-position:outside;}
ol                  {list-style-position:outside;}


/* Start blockquote */
blockquote {border-left: 5px solid #eee; margin: 0; padding: 10px 15px;}
blockquote p {color: #666; font-family: Georgia, Garamond, Helvetica, Arial, Sans-Serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.2em;}
hr {background-color: #faf9f7; border: 0 none; clear: both; height: 1px; margin: 30px 0; }


/* begin Layout */
.art-contentLayout {display: flex;}
.art-contentLayout .art-content           {position: relative; flex: 1;}
.art-contentLayout .art-sidebar1          {position: relative; width: 325px;}
.art-contentLayout .art-sidebar2          {position: relative; width: 325px;}

.ccLinks    {position: absolute; bottom: 0; top: 0; left:  0;}
.ccRechts   {position: absolute; bottom: 0; top: 0; right: 0;}
.art-sidebar1 .art-Block {margin-right: 40px;}
.art-sidebar2 .art-Block {margin-left: 40px;}


/* kollomen links en rechts fix */
.art-sidebar1 .FCK2kolTd,  .art-sidebar1 .FCK3kolTd, .art-sidebar1 .FCK4kolTd, .art-sidebar1 .FCK5kolTd      {width: 100%; display:block; margin-bottom:15px;}
.art-sidebar1 .FCK2kolTdS, .art-sidebar1 .FCK3kolTdS, .art-sidebar1 .FCK4kolTdS, .art-sidebar1 .FCK5kolTdS   {display: none;}

.art-sidebar2 .FCK2kolTd,  .art-sidebar2 .FCK3kolTd, .art-sidebar2 .FCK4kolTd, .art-sidebar2 .FCK5kolTd      {width: 100%; display:block; margin-bottom:15px;}
.art-sidebar2 .FCK2kolTdS, .art-sidebar2 .FCK3kolTdS, .art-sidebar2 .FCK4kolTdS, .art-sidebar2 .FCK5kolTdS   {display: none;}