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

/* Algemeen */
body {
    margin: 0;
    padding: 0;
    line-height: 1.95em;
    overflow-y: scroll;
    color: #636363;
    font-family: "Montserrat", Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    background: #eee;
}

#art-main       {position: relative; width: 100%; background: #FFF; padding-bottom: 70px;}
.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: #e73742; 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: 1200px; min-height: 400px; min-width: 1px; padding: 0 20px; position: relative; box-sizing: border-box;}
.art-Sheet-body   {position: relative;z-index: 1; padding: 0px;}


/* menu structure */
.bovenkantHolder .art-nav {position: relative; background-color: #636463; text-align: center;}
.art-menu, .art-menu ul   {margin: 0; padding: 0; list-style-type: none;}
.art-menu                 {list-style-type: none; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}

.art-menu .t.homeWeg     {display:none !important;}

/* begin MenuItem */
.art-menu li                      {display: inline-block; position: relative;}
.art-menu li a                    {text-decoration: none; outline: none; padding: 0; font-family: "Montserrat", Helvetica, Arial, Sans-Serif; display: block;}
.art-menu li a .r, .art-menu a .l {display: none;}
.art-menu li a .t                 {color: #FFF; font-size: 16px; display:block; transition: all 0.3s ease 0s; font-weight: normal; margin: 0 25px; line-height: 30px; padding: 5px 0;}
.art-menu li a .t:hover           {color: #FFF;}
.art-menu li a.active .t          {color: #FFF !important;}


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


/* begin Dropdown */
/*.art-menu ul:before 			{content: " "; display: block; height: 0; position: absolute; width: 0; left: 30px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px;}*/
.art-menu ul ul:before 		{display: none;}
.art-menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background: none; background: #fff; transition: opacity 0.3s ease-in-out 0s; opacity: 0; box-shadow: 0 5px 119px -17px rgba(0,0,0,.15); border: 1px solid #eee; box-sizing: border-box;}
.art-menu ul li             {display: block;}
.art-menu li:hover > ul     {visibility: visible; top: 100%; opacity: 1;}
.art-menu li li:hover > ul  {top: -1px; left: 100%;}

.art-menu ul li a         {border-bottom: 1px solid #eee; padding: 5px; font-weight: normal; display: block; color: #666; transition: background-color .3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 210px;}
.art-menu ul li:last-child a {border-bottom: 0;}
.art-menu ul li a::before {content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-size:13px; margin-left:5px; margin-right: 10px; color: #bbb; font-weight: normal;}
.art-menu ul li a:hover   {background-color: #f5f5f5;}
.art-menu ul li a.active  {background: #f5f5f5; color: #e73742; font-weight: normal;}
.art-menu ul li a.active:before {color:#e73742;}


/* begin Winkelmenu */
.winkelmenu          {background: #ddd; border-bottom: 1px solid #dfdfdf; position: relative; display: none;}
.winkelmenu .art-nav {box-sizing: border-box; margin: 0 auto; max-width: 1200px; padding: 0 20px; position: relative; top: 0;}

.winkelmenu .art-nav li.separatorHouder {display: inline-block; line-height: 0;}

.art-contentLayout   {position: relative; max-width: 1200px; padding: 0;}
.art-Block           {min-height: 1px; min-width: 1px; position: relative; z-index: 0; padding-top: 20px; background: #F7F7F7; padding: 20px; margin: 20px 0 0;}
.art-Block-body      {position: relative; z-index: 1; padding: 0px;}

.art-BlockHeader     {margin: 0; padding: 0; position: relative; z-index: 0;}
.art-BlockHeader .t {font-size: 16px; font-weight: normal; margin: 0 0 5px;}

/* begin Box, BlockContent */
.art-BlockContent                 {position: relative; z-index: 0; margin:0 auto; min-width: 1px; min-height:1px;}
.art-BlockContent-body            {padding: 0; position: relative; z-index: 1;}

.art-Post       {margin: 20px 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: #e73742; transition: all .3s ease;}
a:link                   {text-decoration: underline; color: #e73742;}
a:visited, a.visited     {text-decoration: underline; color: #e73742;}
a:hover, a.hover         {text-decoration: none; color: #e73742;}

/* Verschillende styles resetten */
h1, h2, .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 {
    font-weight: normal; font-style: normal; text-decoration: none; margin: 0 0 .5em 0; line-height: 1.35em;
}

/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
    color: #636363;
    font-family: "Montserrat", Helvetica, Arial, Sans-Serif;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}

h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
  color: #636363;
  font-family: "Montserrat", Helvetica, Arial, Sans-Serif;
  font-size: 23px;
  font-style: normal;
  font-weight: normal;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
    color: #000;
    font-family: "Montserrat", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: .25em;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
    color: #000;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.h5, h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
  color: #A7A7A7;
  font-family: "Montserrat", Helvetica, Arial, Sans-Serif;
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
    color: #333333;
    font-family: "Montserrat", 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;}
h1 + .h5 {margin-top:-0.75em; margin-bottom:1em;}
h2 + h5 {margin-top:-0.45em; 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 {padding: 10px 0; position: relative; max-width: 700px; margin: auto; text-align: center;}
blockquote::before {content: ""; position: relative; display: block; width: 100px; height: 2px; background: #ddd; margin: 0 auto 20px;}
blockquote::after  {content: ""; position: relative; display: block; width: 100px; height: 2px; background: #ddd; margin: 20px auto 0;}

blockquote p {color: #666; font-family: Georgia, Garamond, Helvetica, Arial, Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal;}
blockquote p:last-child {margin: 0;}

hr {background-color: #ccc; border: 0 none; clear: both; height: 1px; margin: 30px 0; }


/* begin Layout */
.art-contentLayout .art-content           {position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: visible; width: 250px;}
.art-contentLayout .art-sidebar1          {position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 250px;}
.art-contentLayout .art-sidebar2          {position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 250px;}
.art-contentLayout .art-content-sidebar1  {position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 750px;}
.art-contentLayout .art-content-sidebar2  {position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 750px;}

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


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