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

/* fonts */
@import url('https://fonts.googleapis.com/css?family=Over+the+Rainbow|Roboto+Slab:300,400,700');

@font-face {
    font-family: 'Market';
    src: url('font/market_deco-webfont.woff2') format('woff2'),
         url('font/market_deco-webfont.woff') format('woff'),
         url('font/market_deco-webfont.ttf') format('truetype'),
         url('font/market_deco-webfont.svg#Market') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Algemeen */
body {
    margin: 0;
    padding: 0;
    line-height: 1.85em;
    overflow-y: scroll;
    color: #666;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    background: #fff;
}

#art-main       {position: relative; width: 100%; overflow-x: hidden;}
.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 {background-color: #000001; 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;}

/* begin Box, Sheet */
.art-Sheet        { margin: 0 auto; max-width: 1200px; min-height: 400px; min-width: 1px; padding: 0 20px; position: relative; z-index: 0; box-sizing: border-box;}
.art-Sheet-body   {position: relative;z-index: 1; padding: 0px;}


/* menu structure */
.bovenkant .art-nav      {left: 0; position: absolute; top: 16px; text-align: center; width:100%; z-index:1;}
.art-menu                {padding: 0; position: relative; line-height: 1em;}
.art-menu, .art-menu ul  {margin: 0; padding: 0; list-style-type: none;}


/* begin MenuItem */
.art-menu li                      {display: inline-block; position: relative; line-height: 30px;}
.art-menu > li                    {height: 50px; line-height: 30px;}
.art-menu li a                    {text-decoration: none; outline: none; font-family: "Roboto slab", Helvetica, Arial, Sans-Serif; display: block; padding: 5px 10px; letter-spacing: 0.07em;font-weight: 400;}
.art-menu li a .r, .art-menu a .l {display: none;}
.art-menu li a .t                 {color: #333; font-size: 17px; margin:0; display:block; transition: all 0.3s ease 0s;    font-family: "Roboto slab";
    font-weight: 500;
    text-transform: uppercase;}
.art-menu li a .t:hover           {color: #fcf5e6;}
.art-menu li a.active .t          {color: #ffffff !important;}
.art-menu li a .t:before          {position: absolute; bottom: 0; border-bottom: 3px solid rgba(0,0,0,.0); content: " "; display: block; width: 20px; left:50%; margin-left:-10px; transition: all .3s ease; }
.art-menu li a .t:hover:before    {border-bottom: 3px solid rgb(252, 245, 230);}
.art-menu li a.active .t:before   {border-bottom: 3px solid rgba(255,255,255,1);}
.art-menu li.tussenRuimte {width:300px;}

/* Wit 
.art-menu li a .t                 {color: #fff;}
.art-menu li a .t:hover           {color: #fff;}
.art-menu li a.active .t          {color: #fff !important;}
.art-menu li a .t:before          {border-bottom: 3px solid rgba(255,255,255,.0);}
.art-menu li a .t:hover:before    {border-bottom: 3px solid rgba(255,255,255,.5);}
.art-menu li a.active .t:before   {border-bottom: 3px solid rgba(255,255,255,1); }
/* Einde wit */

/* Separator */
.art-nav .separatorHouder, .art-nav .weg {display: none !important;}


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


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

.art-BlockHeader     {margin: 0; padding: 0; position: relative; z-index: 0;}
.art-BlockHeader .t  {white-space: nowrap; color: #000; font-family: "Roboto Slab", Helvetica, Arial, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; padding: 0px;}

/* 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: 0; position:relative; z-index:0;}
.art-Post-body  {padding: 0px; position: relative; z-index: 1;}

a img   {border: 0;}
p       {margin:0 0 1em 0;color: #4c3229;}

/* Links */
a, a:link, a:visited, a.visited, a:hover, a.hover {font-family: inherit; text-decoration: underline; color: #122d46; transition: all .3s ease;}
a:link                   {text-decoration: underline; color: #122d46;}
a:visited, a.visited     {text-decoration: underline; color: #122d46;}
a:hover, a.hover         {text-decoration: none; color: #122d46;}

/* Externe en PDF links */
.art-Post p > a[target="_blank"]:after, .art-Post p > a[href$= ".pdf"]:after {
    display:inline-block; margin-left:3px; margin-right:3px;  font-family: "Font Awesome 5 Pro"; font-size:100%; font-weight: normal; text-decoration:none !important;}
.art-Post p > a[target="_blank"]:after  {content:"\f08e";}
.art-Post p > a[href$= ".pdf"]:after    {content:"\f1c1";}

/* Verschillende styles resetten */
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 {
    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: #122d46;
    font-family: "Roboto slab", Helvetica, Arial, Sans-Serif;
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, .h2 {
    color: #122d46;
    font-family: "Roboto slab", Helvetica, Arial, Sans-Serif;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
    color: #122d46;
    font-family: "Roboto Slab", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: .25em;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
    color: #122d46;
    font-family: "Roboto Slab", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight:bold;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
    color: #a68e7b;;
    font-family: "Roboto Slab", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
    color: #122d46;
    font-family: "Roboto Slab", 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;}

dt {
    color: #4c3229;
}


/* 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 {
    color: #122d46;
    font-family: "Roboto Slab", Georgia, Garamond, Helvetica Neue,Helvetica,Arial, Sans-Serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5em;
    position: relative;
    padding: 15px 0;
    text-align: center;}
blockquote p {margin:0.5em 0;}
 blockquote:before {display:block; width:50%; height:1px; content:" "; top:0; background-color:#ccc; left:25%; position: absolute;}
 blockquote:after {display:block; width:50%; height:1px; content:" "; bottom:0; background-color:#ccc; left:25%; position: absolute;}
/* Finish blockuote */


/* 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 {padding-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%; vertical-align: top; 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%; vertical-align: top; display:block; margin-bottom:15px;}
.art-sidebar2 .FCK2kolTdS, .art-sidebar2 .FCK3kolTdS, .art-sidebar2 .FCK4kolTdS, .art-sidebar2 .FCK5kolTdS   {display: none;}