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

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

#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: #4688a0; 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                        {margin: 0 auto; max-width: 1400px; min-height: 400px; padding: 30px 70px; box-sizing: border-box; display: flex; position: relative; }
.art-Sheet .art-content           {position: relative; overflow: visible; flex: 1;}
.art-Sheet .art-sidebar1          {position: relative; padding-right: 40px; box-sizing: border-box; z-index: 5; width: 320px;}
.art-Sheet .art-sidebar2          {position: relative; padding-left:  40px; box-sizing: border-box; z-index: 5; width: 320px;}
.art-Sheet .art-content-sidebar1  {position: relative;}
.art-Sheet .art-content-sidebar2  {position: relative;}
.ccLinks    {position: absolute; bottom: 0; top: 0; left:  0;}
.ccRechts   {position: absolute; bottom: 0; top: 0; right: 0;}



.art-Block           {min-height: 1px; min-width: 1px; position: relative; margin-bottom: 20px;}
.art-Block-body      {position: relative; z-index: 1; padding: 0px;}

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



/* menu structure */
.bovenkant .art-nav      {right: 20px; position: absolute; top: 37px;}
.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;}
.art-menu li a                    {text-decoration: none; outline: none; display: block; padding: 0;}
.art-menu li a .r, .art-menu a .l {display: none;}
.art-menu li a .t                 {color: #000; font-size: 15px; padding: 10px; display: block; transition: all 0.3s ease 0s; margin: 0 5px; line-height: 1;}
.art-menu li a .t:hover,
.art-menu li a.active .t          {color: #000;}

.art-menu li a .t.action {background: #f2f2ef; color: #000;  border-radius: 3px;}
.art-menu li a .t.action::before {content: "\f007"; font-family: "Font Awesome 5 Pro"; margin-right: 5px;}

/* 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; 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: #000;}
.art-menu ul li a.active:before {color:#000;}


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


/* 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: #000;
  font-size: 31px;
  font-style: normal;
  font-weight: bold;}

h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
  color: #303030;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
  color: #515555;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 0;}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
 color: #5e5e5e;
  font-size: 17px;
  font-weight: 300;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
  color: #999;
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
    color: #333333;
    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;}
h2 + 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     {background: #f2f2ef; display: block; margin: 15px 0; padding: 15px; border-radius: 3px;}
blockquote p   {color: #000;}
blockquote p:last-child {margin-bottom: 0;}
blockquote p a {color: #fff !important; text-decoration: none !important; font-family: inherit !important;}
/* Finish blockuote */

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