/*!
Theme Name: Art on Paper
Description: Template voor de website van Art on Paper (2018)
Version: 1.0
Author: Torin internet applications
Author URI: http://www.torin.nl
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; text-align: center; }

html { overflow-y: scroll; min-height: 100%; }

.alignright { float: right !important; margin-right: 0 !important; }

.alignleft { float: left !important; margin-left: 0 !important; }

.aligncenter { margin: 0 auto; }

img { border: 0; max-width: 100%; height: auto; }

form, label { margin: 0; padding: 0; }

input { margin: 0; }

#pagination { overflow: hidden; padding-top: 10px; }

.nav-previous { float: left; }

.nav-next { float: right; }

.wrapper { overflow: visible; margin: 0 auto; text-align: left; }
@media all and (min-width: 1024px) { .wrapper { max-width: 1070px; } }
.home .wrapper { max-width: 100% !important; }

.headerwrapper { width: 100%; text-align: center; /*background-color: #ed8d67*/ background-color:#a3db93; padding: 15px 0; margin-bottom: 34px; }
.headerwrapper > div { overflow: hidden; margin: 0 auto; text-align: left; width: 100%; max-width: 1070px; padding: 0 15px; }
@media all and (min-width: 1100px) { .headerwrapper > div { padding: 0; } }
.headerwrapper > div .logo { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.headerwrapper > div .logo img { display: block; }
.headerwrapper > div .mainnav, .headerwrapper > div .metanav { width: 100%; margin-left: -350px; padding-left: 350px; float: right; display: none; }
@media all and (min-width: 910px) { .headerwrapper > div .mainnav, .headerwrapper > div .metanav { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; } }
.headerwrapper > div .mainnav ul li, .headerwrapper > div .metanav ul li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; float: left; overflow: hidden; width: 90px; margin-right: 15px; }
@media all and (min-width: 960px) { .headerwrapper > div .mainnav ul li, .headerwrapper > div .metanav ul li { width: 100px; } }
@media all and (min-width: 1100px) { .headerwrapper > div .mainnav ul li, .headerwrapper > div .metanav ul li { width: 120px; margin-right: 26px; } }
.headerwrapper > div .mainnav ul li.last, .headerwrapper > div .mainnav ul li:last-child, .headerwrapper > div .metanav ul li.last, .headerwrapper > div .metanav ul li:last-child { margin-right: 0; }
.headerwrapper > div .mainnav ul li a, .headerwrapper > div .metanav ul li a { display: block; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.headerwrapper > div .mainnav { padding-top: 43px; }
.headerwrapper > div .mainnav ul { padding-top: 1px; }
.headerwrapper > div .mainnav ul li { height: 90px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; /* offset-x | offset-y | blur-radius | spread-radius | color */ -moz-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4); box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4); }
.headerwrapper > div .mainnav ul li.active a, .headerwrapper > div .mainnav ul li a:hover { background-color: #fff; }
.headerwrapper > div .metanav { margin-top: -22px; }

.content { overflow: visible; padding: 0 15px; }
@media all and (min-width: 1100px) { .content { padding: 0; } }
.content.deelnemers { padding-bottom: 35px; }

.column { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; max-width: 100%; margin: 0; }
@media all and (min-width: 768px) { .column { width: 525px; max-width: 50%; padding-right: 15px; } }
@media all and (min-width: 768px) { .column:last-child { padding-left: 15px; padding-right: 0; } }
.deelnemer .column { width: 100%; }
@media all and (min-width: 768px) { .deelnemer .column { width: 335px; max-width: 35%; } }
@media all and (min-width: 768px) { .deelnemer .column:last-child { width: 735px; max-width: 65%; padding-left: 15px; padding-right: 0; } }
.deelnemer .column > div { margin-bottom: 25px; }

.block { padding-bottom: 35px; background-image: url('../images/divider-dot.png?1531219261'); background-repeat: repeat-x; background-position: left bottom 3px; }
.block > *:first-child { margin-top: 30px; }
.column:first-child .block:first-child > *:first-child { margin-top: 0; }
@media all and (min-width: 768px) { .column:last-child .block:first-child > *:first-child { margin-top: 0; } }
@media all and (min-width: 768px) { .column:first-child .block:last-child { background-image: none; } }
.column:last-child .block:last-child { background-image: none; }

.footerwrapper { width: 100%; text-align: center; padding: 35px 0 15px 0; background-image: url('../images/divider-dot.png?1531219261'); background-repeat: repeat-x; background-position: left top 3px; }
.footerwrapper > div { overflow: hidden; margin: 0 auto; width: 100%; max-width: 1070px; }
.home .footerwrapper { margin-top: 30px; }

html { font-size: 100%; }

body { font-family: Arial, sans-serif; font-size: 0.9em; line-height: 1.5em; color: #000; }

textarea { font-family: Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; font-style: normal; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }

h1, h2 { font-family: "letter-gothic-std", Arial, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 1px; }

h3 { margin-top: 35px; }

p { margin: 1.5em 0; }
.block p:last-child { margin-bottom: 0; }
.deelnemer .column:last-child p { font-size: 12px; margin-top: 5px; }

a { color: #000; }
.headerwrapper a, .footerwrapper a, .deelnemernav a { text-transform: uppercase; text-decoration: none; }
.mainnav a, .footerwrapper a, .deelnemernav a { font-size: 15px; }
@media all and (min-width: 960px) { .mainnav a, .footerwrapper a, .deelnemernav a { font-size: 17px; } }
@media all and (min-width: 1100px) { .mainnav a, .footerwrapper a, .deelnemernav a { font-size: 20px; } }
.metanav a { font-size: 12px; }
.plattegrond .column a { text-decoration: none; }
a.button { width: 120px; height: 90px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 30px 0; /* offset-x | offset-y | blur-radius | spread-radius | color */ -moz-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4); box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4); /*background-color: #ed8d67*/background-color: #a3db93; font-family: "letter-gothic-std", Arial, sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; text-decoration: none; }
a.button:hover { background-color: #fff; }
div.button a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; padding: 10px; font-family: "letter-gothic-std", Arial, sans-serif; font-weight: 700; font-size: 20px; line-height: 1.3em; text-transform: uppercase; text-decoration: none; }
div.button a:hover { background-color: #fff; }

strong { font-weight: 700; }

em { font-style: italic; }

ul, ol { margin: 0 0 1.5em 16px; padding: 0; }
.mainnav ul, .metanav ul, ul.deelnemernav, .plattegrond .column ul, .mainnav ol, .metanav ol, ol.deelnemernav, .plattegrond .column ol { list-style-type: none; margin: 0; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

.headerwrapper, .footerwrapper, .deelnemernav { font-family: "letter-gothic-std", Arial, sans-serif; font-weight: 700; font-style: normal; }

#foldoutnav { z-index: 1000000; display: block; width: 30px; height: 30px; line-height: 30px; text-indent: -999px; overflow: hidden; position: absolute; top: 12px; right: 10px; background-position: left top; background-repeat: no-repeat; /*background-color: #ed8d67*/background-color: #a3db93; }
@media all and (min-width: 910px) { #foldoutnav { display: none; } }

.in { background-image: url('../images/icon-menu-open.png?1461146557'); }

.out { background-image: url('../images/icon-menu-close.png?1460973841'); }

div.responsive-image img { display: block; width: 100%; height: auto; }

.home .homeslideshow { position: relative; overflow: hidden; }
.home .homeslideshow ul { list-style-type: none; margin: 0; padding: 0; }
.home .homeslideshow img { display: block; width: 100%; height: auto; }
.home .homeslideshow .sy-pager { display: none; }

div.button { width: 100%; height: 80px; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; margin-bottom: 10px; text-align: center; /* offset-x | offset-y | blur-radius | spread-radius | color */ -moz-box-shadow: 10px 10px 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 10px 10px 15px 1px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 15px 1px rgba(0, 0, 0, 0.4); }
@media all and (min-width: 768px) { div.button { width: 227px; height: 170px; margin-bottom: 30px; } }

.deelnemers div.button { width: 227px; height: 170px; margin-bottom: 30px; }

.deelnemer .deelnemernav { margin-top: 10px; margin-bottom: 20px; }
@media all and (min-width: 768px) { .deelnemer .deelnemernav { margin-top: 30px; margin-bottom: 50px; } }
.deelnemer .deelnemernav li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; padding-right: 15px; }
.deelnemer .deelnemernav li:last-child { padding-right: 0; padding-left: 15px; }

.plattegrond .content > div { position: relative; padding: 25px 0; overflow: hidden; }
.plattegrond .content > div .column { width: 100%; }
@media all and (min-width: 550px) { .plattegrond .content > div { margin: 0 -10px; } .plattegrond .content > div .column { float: left; width: 50%; padding: 0 10px; } }
@media all and (min-width: 960px) { .plattegrond .content > div .column { width: 25%; } }

.wrapper form div { margin-bottom: 10px; }
.wrapper form input, .wrapper form textarea { width: 100%; height: 25px; border: 1px solid #939598; }
.wrapper form textarea { height: 100px; }
.wrapper form input[type="checkbox"], .wrapper form input[type="radio"] { width: auto; height: auto; margin-right: 5px; }
.wrapper form input[type="submit"], .wrapper form input[type="button"] { width: auto; height: auto; border: 0; padding: 5px 10px; margin-top: 10px; /*background-color: #ed8d67*/background-color: #a3db93; color: #fff; font-size: 1em; }