h1              {font-family: 'Verdana';font-size: 36px;}
h2              {font-size: 30px;color:#274c92; font-weight: 600; line-height:1.35em;}
h5, h4, p, li       {color: #000;text-align: left; font-family: 'Verdana';font-size: 16px;}
h5              {font-size:16px;}

a:focus {
  background-color: #f7bb3a;
  outline-color: #f7bb3a;}

  .art-menu li a .t:hover, .art-menu li a.active .t {
    background-color: #dae362;
    border-radius: 85px 40px 80px 40px;
    padding: 10px;
}
#art-main       {overflow: hidden;}

/* bovenkant */
.bovenkant .art-nav            {top: 47px;font-weight: bold;}
.bovenkantHolder               {height:130px;box-shadow: 10px 2px 20px 0 rgba(48,63,77,0.3);margin-bottom: 40px;}
.resMenuHolder                 {top: 100px;}

/* Overige */
.art-menu li a .t              {margin: 0;font-size: 16px;padding: 10px 5px;}
.art-menu li a .t.action       {background-color: rgba(70, 136, 160, .2);}
.art-contentLayout, .art-Sheet {padding: 20px 20px 0px 20px;}
.art-Sheet .art-content        {max-width: 1400px; margin: 0 auto;margin-bottom: 30px} 
.art-Sheet .art-sidebar1       {display: none;}
/* Einde Overige */

/* blockquote */
blockquote                     {width: 400px; margin: 0 auto;background: none; position: relative;}
blockquote p                   {font-weight: bold; color: #274c92;text-align: center;}
blockquote:before              {content: "\f10e"; font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 40px; top: 0px; position: absolute; opacity: 0.2; right: -40px;}
blockquote::after              {content: "\f10d"; font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 40px; top: 0px; position: absolute; opacity: 0.2; left: -40px;}
/* einde blockquote */

/* Inputs */
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before,{}
/* Einde Inputs */

/* custom wraps */
.homeWrap                        {max-width: 900px; margin: 0 auto;}
.vak.blauw                       {position: relative;}
.vak.blauw::before               {position: absolute; top: 0; bottom: 0; left: -3000px; right: -3000px; content: ""; background: rgba(39, 76, 146, 0.1); z-index: -2; }
.contentWrap                     {max-width: 1100px; margin: 0 auto; background: rgba(255, 255, 255, 0.9); padding: 60px 90px; border-radius: 125px 40px 80px 40px; position: relative; box-shadow: 10px 20px 80px 0 rgba(48,63,77,0.1); z-index: 1;}
.buttonWrap a.knop               {color: #000; display: block; margin: 0;}
.buttonWrap a.knop::before       {content: "\f15b"; font-family: "Font Awesome 5 Pro";    margin-right: 20px; color: #000;font-size: 20px;font-weight: 100;}
.buttonWrap a.knop::before:hover {color: #000;}
/* Einde custom wraps */

/* Knoppen */
a.knop, .button, a.button, button, .art-menu li a .t.action    {color: #333; background: rgb(223, 214, 173);border-radius: 15px 10px 5px 10px; padding: 15px 15px;}
a.knop.terug                                                   {padding: 15px 50px; left: 10px;margin-bottom: 0;top:-50px;}
a.knop:hover                                                   {color: #fff; background: rgb(223, 214, 173, 0.9); transform: translateY(-3px);}
/* Einde Knoppen */

/* Footer */
.pageFooterHolder                  {margin-top: 0;background: #333333;}
.pageFooterHolder .pageFooter p    {color: rgba(255,255,255,.8);font-family: 'Verdana';}
.pageFooterHolder .pageFooter a, p {text-decoration: none;}
.pageFooter .h2                    {font-family: 'Verdana';font-size: 25px;}
.pageFooterKnoppenHolder           {background: #274c92;}
/* Einde Footer */

/* fotoalbum */
.Gv3                                {padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;} 
.Gv3Thumb                           {box-shadow: none; width: 31%; margin: 5px 0; padding: 0;}
.Gv3Thumb:hover                     {box-shadow: 0 2px 3px #ccc;}
.Gv3Thumb img                       {width:100%; height:auto;}
.Gv3Thumb .desc2                    {display:none;}
/* einde fotoalbum */

.FCK4kolTd { width: 23%;}

a.skipLink {
  display: block;
  left: 10px;
  padding: 10px 20px;
  position: fixed;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  transition: none;
  top: -400px;
  text-decoration: none;}

a.skipLink:focus, a.skipLink:active {
  color: #000;
  background-color: #f7bb3a;
  left: 10px;
  top: 10px;
  z-index: 100;
}

/* Titel fotoalbum */

td#fancy_title_left,
td#fancy_title_right {display: none;}
td#fancy_title_main { background: black; padding: 15px 30px!important;  border-radius: 50pc; }

/* responsive */

@media screen and (max-width: 1300px) {
  .art-menu li a .t {font-size: 14px;    padding: 10px 3px;}
}

@media screen and (max-width: 1150px) {
  .resMenubalk, .art-Sheet {display: block;}
	.art-nav, .aLandingMenu, .account, .art-sidebar1, .winkelwagenHouder, .ccRechts, .ccLinks, .usps, .shopSortMaxPageC, .shopSortMaxPageA {display:none !important;}
  a.logo { width: 100px; left: 15px; top: 10px; }
  .bovenkantHolder { height: 100px; margin-bottom: 0;}
  .bovenkant .resMenubalkinhoud {top: 40px;}
  .bovenkant .resMenubalkinhoud::before {
    content: "Menu";
    font-size: 22px;
    position: relative;
    top: 4px;
    font-weight: bold;
}
}

@media screen and (max-width: 760px) {
  blockquote           {width: 300px; }
  blockquote p         {font-weight: bold; color: #274c92;}
  blockquote::after    {top: -152px; left: 302px;}
  .Gv3Thumb            {width: 100%}

}

@media screen and (max-width: 400px) {
  blockquote           {width: 250px;}
  blockquote::after    {display: none;}
  blockquote::before   {display: none;}
}