/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}a:focus {outline: 0;}a:active {outline: 0px;}a:hover {outline: 0px;}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}img {border: 0px currentColor; border-image: none; -ms-interpolation-mode: bicubic;}table {border-collapse: collapse; border-spacing: 0;}hr {height: 0px; box-sizing: content-box; -moz-box-sizing: content-box;}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 960px;max-width: 1200px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 730px;max-width: 960px}.grid_8.main-navigation { width:98% }}/* =====================================Smartphones (Portait)===================================== */@media only screen and (min-width: 200px) and (max-width: 320px) {.container {width: 92%;min-width: 280px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 90%;min-width: 321px;max-width: 740px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: CSS Core  Modified On 2015-11-10 16:48:06 */
@charset "utf-8";
/* CSS Document */

/* =====================================BASIC STYLES===================================== */header {display: block;}html {height: 100%; min-height: 100%; background-color: #000; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}body {height: 100%; min-height: 100%;background: #000; url(https://www.tanyas-chill.nl/uploads/simplex/images/background.jpg) top left repeat;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;font-size: 18px;color: #e2d4c9;line-height: 1.2}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 0px;margin-bottom: 0px;}.loading { background: url(/uploads/simplex/images/ico_loading.gif) center no-repeat ; }/* ------ HEADER SECTION ------ *//* the logo */.logo {margin-top: 24px;margin-bottom: 10px;position: relative}.logo.grid_4 {float:left;text-align: center;display: block;}.logo.grid_4 img{width: 99.999%;height: auto;}/* Sizes for the bigger menu */header.large{ height: 100px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 0px;  width:100%; position: fixed; top: 0; left: 0; z-index: 999999}header.large li{ margin-top: 45px; }/* Sizes for the smaller menu */header.small{ height: 56px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 10px;  width:100%; position: fixed; top: 0; left: 0; z-index: 999999}header.small .logo{ width: 26.999%; margin-left: 40px; margin-top: 1px;}header.small nav{ margin-top: 10px; }header,.logo,nav {transition: all 0.4s;-moz-transition: all 0.4s; /* Firefox 4 */-webkit-transition: all 0.4s; /* Safari and Chrome */-o-transition: all 0.4s; /* Opera */}.top {position: absolute;margin: auto;top: 40px;right: 0;bottom: 0;left: 0;text-align: center;vertical-align: middle;width: 600px;height: 180px;opacity: 1;}.top h6,.top-extra H6{line-height: 1.4em; font-size: 30px; margin-bottom: 0;}.top p, .top-extra p{ line-height: 0.6em;}.top-extra {position: absolute;margin: auto;top: 50%;right: 0;bottom: 0;left: 0;text-align: center;vertical-align: middle;width: 600px;height: 180px;opacity: 1;}.container {z-index:100;padding: 0 1%}.contentband{background: #eae9e7width: 100%;}.footerband{border-top: 1px solid #816c5b;width: 100%;display: block;}/* default heading styles */h1,h2,h3,h4,h5,h6{font-family: 'Roboto Condensed', sans-serif;}h1 {color: #e2d4c9;margin: 0px 0 10px 0;line-height: 1.4em;font-size: 26px;font-weight: 700;}h2, h3, h4, h5, h6 {color: #e2d4c9;margin: 10px 0 10px 0;font-weight: 700;line-height: 1.4em;font-size: 22px}/* ____________________________________ Slide 0 (Sequential page template) ____________________________________ */#slide0{background-size: cover !important;width:100%;height: 100%;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}/*.padding_slide0 {padding:6% 0 5% 0;}*//* ____________________________________ Slide 1 (Sequential page template) ____________________________________ */#slide1{background-size: cover !important;width:100%;height: 380px;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}.effect_2 {position:relative;z-index:99 !important;}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e2d4c9}/* some styling for code chunks */code, samp, kbd {font-family: 'Open Sans', sans-serif;color: #e2d4c9}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #e2e2e2;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: 1px solid #816c5b;border-width: 1px 0 0 0;clear: both;margin: 10px 0 10px 0;height: 0}strong{ color: #e2d4c9; line-height: 1.2em; font-weight: 700;}em { font-size: 18px;}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #816c5b;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: none;}a:visited {color: #816c5b}a:hover {color: #e2d4c9;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline;}a:focus {outline: 0}a:hover, a:active {outline: 0}/* Fix for odd Mozilla border & padding issues */.button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}a:link.button,input[type="submit"],input[type="reset"],input[type="button"]{width: auto;height: 20px;background:none;padding: 3px 14px 3px 14px;margin: 10px 0px 0px 0px;font-family: 'Roboto Condensed', sans-serif;font-weight: 600;text-transform: uppercase;color: #e2d4c9;font-size:14px;text-align: center;text-decoration: none;border: 2px solid #e2d4c9;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}input[type="submit"]{height: 26px;}input[type="submit"]:hover { height: 26px!important;}a:hover.button,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{background:none;border: 2px solid #816c5b;color: #816c5b;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}a:visited.button{background:none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;color: #e2d4c9;text-align: center;text-decoration: none;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}a:link.button.back{background:none;padding: 3px 14px 3px 14px;}a:hover.button.back{background:none;}.special.circled {margin: 0 0 20px 0;position: relative;display: inline-block;border: 1px solid #e2d4c9;color: #fff;border-radius: 100%;width: 3.0em;height: 3.0em;line-height: 3.0em;-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;}.special.circled img {width: 30px;height: 12px;}.special.circled:hover {box-shadow: 0 0 6px #e2d4c9;-webkit-box-shadow: 0 0 6px #e2d4c9;-moz-box-shadow: 0 0 6px #e2d4c9;-o-box-shadow: 0 0 6px #e2d4c9;}/* ------ NAVIGATION ------ *//* first level */nav.main-navigation {float:right;z-index: 990;height: 30px;line-height: 1.2em;margin: 36px 0 0px 0;}nav.main-navigation > ul {float:right;padding: 0}nav.main-navigation > ul > li {float: left;margin: 0 0 0 30px;position: relative}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {margin-left: 0}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {margin-right: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {color: #e2d4c9;text-decoration: none;font-size: 16px;font-weight: 400;cursor: pointer;}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 220px;padding: 10px 10px 20px 10px;background: #fff;box-shadow: 1px 1px 3px #000000;-webkit-box-shadow: 1px 1px 3px #000000;-moz-box-shadow: 1px 1px 3px #000000;-o-box-shadow: 1px 1px 3px #000000;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;!border: 1px solid #bbb;}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 22px;left: -10px;right: 0;display: block;}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px solid #bbb}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: -220px;z-index: 999;display: block}/* navigation text color */nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 6px 0 6px 0px;font-size: 16px;color: #e2d4c9;font-weight: normal;text-decoration: none;display: block}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #816c5b}/* bottom part of header*/.header-bottom {height: auto;padding: 0px 0 0px 0}/* catchphrase */.phrase span a{text-transform: uppercase;text-decoration: none;color: #fff;font-size: 1px;font-weight: 300}/* search */.search {margin: 30px 0 30px 0;text-align: right;display:block;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 2px solid ;height: 20px;line-height: 20px;outline: 0;margin: 0;width: 200px;padding: 4px 0 4px 0px;font-family: 'Open Sans', sans-serif;color: ;font-size: 14px;font-weight: 400;text-transform: uppercase;text-align: center;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;background: url(https://www.tanyas-chill.nl/uploads/simplex/images/search-icon.png) 10px 50% no-repeat}input.search-input:focus {border: 2px solid ;width: 240px;box-shadow: 0 0 3px ;-webkit-box-shadow: 0 0 3px ;-moz-box-shadow: 0 0 3px ;-o-box-shadow: 0 0 3px ;}/*Generic Styling, for Desktops/Laptops*/table {width: 100%;border-collapse: collapse;}/* Zebra striping */tr:nth-of-type(odd) {background: #eee;}th {background: #333;color: white;font-weight: bold;}td, th {padding: 6px;border: 1px solid #ccc;text-align: left;}/* ------ CONTENT AREA ------ */.content-wrapper {margin-top: 100px;margin-bottom: 80px;padding-top: 100px;}.content{margin-top: 14px;}.content p{margin: 14px 0 14px 0;}.content ul{margin: 0px 0 20px 0;}.content ul li{margin: 6px 0 6px 0;}.content-top {color: ;font-style: italic;line-height: 20px}.content img{margin: 0 0px 10px 0;border: 1px solid#816c5b;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px}.content a img {display: inline-block;-o-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}.content a:hover img{filter: alpha(opacity=600); /* IE syntax*/-moz-opacity: .60; /* Mozilla*/opacity: .60; /* other browsers */-o-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}/* ------ SIDEBAR AREA Formulier ------*/.sidebar .formulier {margin-top: 6px;background: #0b0b0b;padding: 14px 15px 10px 15px;position: relative;border-radius: 0px 0 0px 0;margin-bottom: 10px;}.sidebar .formulier h6{margin: 0px 0px 10px 0;padding:0;}.sidebar .formulier em{font-size: 14px;}/* ------ SIDEBAR AREA NEWS ------ */.sidebar .news-article {margin-top: 4px;background: #0b0b0b;padding: 5px 10px 10px 20px;position: relative;border-radius: 0px 0 0px 0;margin-bottom: 10px;}.news-summary{ margin-top: 0px; }/* news module summary -> content */.content .news-summary  span.heading {display: none}.content .news-article {margin: 0px 0 0 0;padding: 0px 10px 15px 10px;background: #e2e2e2;border-bottom: 0px dotted #bbb}.content .news-article.overzicht {margin-bottom: 0px;padding-bottom: 15px;background: none;border-bottom: 0px dotted #bbb}.summary-overview p{margin-bottom: 20px;}.content .news-summary ul.category-list {}/* article heading */.news-article h2 {color: #e2d4c9;margin: 8px 0 2px 0;font-size: 22px;font-weight: 700;}.news-article h3 {font-size: 22px;margin: 0px 0 10px 0px;line-height: 1.2em;color: #816c5b;}.news-article h2 a {color: #e2d4c9;text-decoration: none;}.news-article h2 a:hover, .news-article h3 a:hover {color: #816c5b;}.news-article h3 a{color: #e2d4c9;text-decoration: none;font-weight: 700}/* date circle, well square for IE  */.news-article .date {background:#816c5b;background:-moz-linear-gradient(top, #cbb7a8 0%, #816c5b 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2d4c9), color-stop(100%, #816c5b));background:-webkit-linear-gradient(top, #cbb7a8 0%, #816c5b 100%);background:-o-linear-gradient(top, #cbb7a8 0%, #816c5b 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbb7a8', endColorstr='#816c5b')";color: #000000;display: inline-block;float:left;width: 40px;height: 40px;margin-top: 20px;margin-right: 16px;margin-bottom: 0px;padding: 16px;border-radius: 40px;text-align: center;font-weight: 700;}.news-article .day {font-size: 30px;line-height: 0.4;font-weight: 700;display: block}.news-article .month {line-height: 0.4em;font-size: 16px;}.news-article .year {font-size: 16px;line-height: 0.4;display: block;}.news-summary .paginate {font: italic 11px/1.2 'Open Sans', sans-serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #e2e2e2;padding: 10px;margin: 10px 0}.overzicht {margin-right: 0px;}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {text-decoration: none}.previous a,.next a {color: #cb0000;}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: none}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {background: none;position: relative;min-height: 260px;margin: 0px 0 0px 0;color: #e2d4c9;padding: 0}/* copyright text */.copyright {margin-top: 0px;}.copyright p{font-size: 12px;margin: 4px 0 0 0;}.copyright a{color: #816c5b;text-decoration: none;font-size: 12px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}.copyright a:hover {color: #fff;text-decoration: underline;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}.footer .social li .heading{font-size: 22px;font-weight: 700;margin-left: 4px;}/* social icons */.footer ul.social {padding: 0;margin-bottom: 10}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 4px}.footer .social li a {display: block;width: 26px;height: 26px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li.facebook a {background: transparent url(https://www.tanyas-chill.nl/uploads/simplex/images/facebook-icon.png) no-repeat 0 0}.footer .social li.facebook a:hover {background: transparent url(https://www.tanyas-chill.nl/uploads/simplex/images/facebook-icon.png) no-repeat 0 -27px}.footer .social li.twitter a {background: transparent url(https://www.tanyas-chill.nl/uploads/simplex/images/twitter-icon.png) no-repeat 0 0}.footer .social li.twitter a:hover {background: transparent url(https://www.tanyas-chill.nl/uploads/simplex/images/twitter-icon.png) no-repeat 0 -27px}.footer .social li.instagram a {background: transparent url(https://www.tanyas-chill.nl/uploads/simplex/images/instagram-icon.png) no-repeat 0 0}.footer .social li.instagram a:hover {background: transparent url(https://www.tanyas-chill.nl/uploads/simplex/images/instagram-icon.png) no-repeat 0 -27px}iframe,embed {border: 1px solid !important;margin: 10px 0 20px 0;width: 100%;min-height: 230px;}/* Stylesheet: CSS Layout  Modified On 2018-03-18 13:18:20 *//* Default styles for screens up to 1024px width *//* realign logo for mobile devices */.grid_7 { width:31.333%; top: 0px; float: left}/* search box */.grid_5.search {float:right;width: 40.0%;}/* close button (appended to dropdown with jquery) */.close-button {display: block;background: url(/uploads/simplex/images/close_button.png) no-repeat;text-indent: -999em;position: absolute;bottom: -10px;right: -10px;width: 24px;height: 24px}/* display phrase text and search box in full width */.header-bottom {height: auto;line-height: 1.0;margin-bottom: 12px}/* =====================================Tablet (Landscape)===================================== */@media only screen and (min-width: 960px) and (max-width: 1160px) and (orientation : landscape) {header.small .logo{ margin-left: 30px; margin-top: 1px;}nav.main-navigation {margin-bottom: 0px; }nav.main-navigation > ul > li > a {font-size: 16px;margin:0 0px 0 4px;}.container .grid_3 {width: 28.333%;}.content-wrapper {margin-top: 40px;margin-bottom: 20px;}#slide0{/*height: 320px;*/}#slide1{margin-top: 100px;top: 0px;height: 240px;}}/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 767px) and (max-width: 1023px) {.grid_7 { width:31.333%; top: 0px;}.logo.grid_4 {text-align: center;width: 100%;}.logo.grid_4 img{width: 59.999%;height: auto;}#slide0{margin-top: 120px;top: 0px;height: 50%;background-position:0 0 !important;}#slide1{margin-top: 120px;top: 0px;height: 220px;background-position:0 0 !important;}/* Sizes for the bigger menu */header.large{ height: 150px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 0px;  width:100%; position: fixed; top: 0; left: 0; z-index: 999999}header.large li{ margin-top: 45px; }/* Sizes for the smaller menu */header.small{ height: 100px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 10px;  width:100%; position: fixed; top: 0; left: 0; z-index: 999999}header.small .logo{ width: 66.999%!important; text-align: center; margin-left: 16%; margin-top: 10px;}header.small nav{ margin-top: 10px; }nav.main-navigation {margin-top: 0px!important;margin-bottom: 0px!important; }nav.main-navigation > ul {float:none;position: relative;padding: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader > span {font-size: 20px;margin:0 12px 0 12px;}nav.main-navigation > ul > li:hover > ul {top: 30px;left: -4px;right: auto}.header-bottom {height: auto;line-height: 1.2;padding: 10px 0}.grid_5.search {width: 100%;margin: 10px 0 20px 0;}.search input {width: 99%;text-align: center;padding: 5px 0 3px 0;display: block}input.search-input:focus {width: 100%;}.content-wrapper {margin-top: 20px;margin-bottom: 20px;padding-top: 100px;}.content img{width: 220px;height: auto;}#item_image {height: 180px;}.news-summary ul.category-list li a,.news-summary ul.category-list li span {font-size: 8px;}.grid_4.copyright {width: 100%;}.container .grid_3 {width: 38.333%;}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 480px) and (max-width: 766px) {.logo.grid_4 {text-align: center;}.logo.grid_4 img{float: none;width: 49.999%;height: auto;}#slide0{margin-top: 120px;top: 0px;height: 100%;background-position:0 0 !important;}#slide1{margin-top: 120px;top: 0px;height: 300px;background-position:0 0 !important;}/* Sizes for the bigger menu */header.large{ height: 0px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 0px;  width:100%; position: relative; top: 0; left: 0; z-index: 999999}header.large .logo{ width: 99.999%!important; text-align: center; margin-left:0; margin-top: 20px;}/* Sizes for the smaller menu */header.small{ height: 0px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 0px;  width:100%; position: relative; top: 0; left: 0; z-index: 999999}header.small .logo{ width: 66.999%!important; text-align: center; margin-left: 16%; margin-top: 10px;}.top {width: 480px;height: 180px;opacity: 1;}.top h6,.top-extra H6{line-height: 1.0em; font-size: 26px; margin-bottom: 0;}.top p, .top-extra p{ line-height: 1.2em;}nav.main-navigation {margin-top: 0px!important;margin-bottom: 0px!important; }nav.main-navigation > ul {float:none;position: relative;padding: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader > span {margin:0 -10px 0 0px;font-size: 18px}nav.main-navigation > ul > li:hover > ul {top: 26px;left: -10%;right: auto}.grid_7 { width:31.333%; top: 0px; }.content-wrapper {margin-top: 0px;margin-bottom: 40px;padding-top: 0px;}.footer-navigation {display: none;}.footer {background: none;min-height: 0px;height: 340px;padding: 20px 0 0px 10px;}.container .grid_3 {width: 46.333%!important;}}/* =====================================Smartphones (Portait)===================================== */@media screen and (max-width : 479px) {.logo.grid_4 {text-align: center;}.logo.grid_4 img{width:80.999%!important;height: auto;}#slide0{margin-top: 0px;top: 0px;height: 280px;background-position:0 0 !important;}#slide1{margin-top: 0px;top: 0px;height: 280px;background-position:0 0 !important;}/* Sizes for the bigger menu */header.large{ height: 330px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 0px;  width:100%; position: relative; top: 0; left: 0; z-index: 999999}header.large .logo {margin-top: 30px!important;margin-bottom: 0px!important;}/* Sizes for the smaller menu */header.small{ height: 330px; background:url(/uploads/simplex/images/black-transparent-bg.png); padding-top: 0px;  width:100%; position: relative; top: 0; left: 0; z-index: 999999}header.small .logo{ width: 80.999%!important; text-align: center; margin-left: 0%; margin-top: 0px;}header.small .logo {margin-top: 30px!important;margin-bottom: 0px!important;}.top {width: 300px;height: 180px;opacity: 1;}.top h6,.top-extra H6{line-height: 1.0em; font-size: 20px; margin-bottom: 0;}.top p, .top-extra p{ line-height: 1.2em;}/* realing navigation */nav.main-navigation { line-height: 1.2em}nav.main-navigation > ul {width: 100%;padding: 0;margin-bottom: 0px;}nav.main-navigation > ul > li:hover > ul {display: block;top: 28px;left: 0%;right: auto}nav.main-navigation ul li {float: none;position: relative;background: none;border-bottom: 1px solid#816c5b;padding: 6px 6px;margin: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-size: 20px}.grid_7 { width:31.333%; top: 0px; }/* search box */.grid_5.search {float:none;margin: 10px 0 0 0;width: 100%;}.search input {width: 99%;text-align: center;padding: 5px 0 3px 0;display: block}input.search-input:focus {width: 99%;}.content-wrapper {margin-top: 0px;margin-bottom: 40px;padding-top: 0px;}.content img{width: 290px;height: auto;}.footer-navigation {display: none}.footer {position: relative;height: 320px;margin: 0;padding-left: 0px;}.social{padding-top: 0px!important;}.calendar-prev{padding-top: 10px;}.sidebar .news-article {background: none;padding: 0;}#item_image {height: 180px;}}
/* Stylesheet: CSS Mobile Modified On 2015-12-07 13:52:17 */
/* Form Styles
-----------------------------------------------------------------------------*/
.contactform{
        width: 100%;
        margin: 0px;
        padding: 14px 0px 14px 0px; 
        float: none;
}

.contactform input[type=text],
.contactform input[type=naam].error,
.contactform input[type=email],
.contactform input[type=tel],
.contactform input[type=password] {

        margin: 2px 0 10px 0px;
        padding: 0 6px 0 6px; 
        border: 1px solid #816c5b; 
        color: #fff; 
        width: 96.666%;
        height: 26px; 
        font-weight: normal;
        font-family: sans-serif;
        font-size: 14px;
        background: none;
}
.contactform textarea {
	margin: 4px 0 12px 0px;
        padding: 4px 6px 0 6px; 
        width: 96.666%;
        height: 59px;  
        font-size: 14px;
        font-family: sans-serif;
        border: 1px solid #816c5b; 
        background: none;
        color: #fff;
}
.contactform select {
        margin: 2px 0 10px 0px;
        padding: 0 6px 0 6px; 
        border: 1px solid #e2d4c9; 
        color: #fff; 
        width: 98.666%;
        height: 26px; 
        font-weight: normal;
        font-family: sans-serif;
        font-size: 14px;
        background: none;
}

select[multiple] {
	height:104px;
}

.contactform input[type=text].error,
.contactform input[type=naam].error,
.contactform input[type=email].error,
.contactform input[type=tel].error,
.contactform input[type=password].error,
select.error {
	        border: 1px solid #cb0000; 
}
.contactform input:focus {
    box-shadow: 0 0 3px #e2d4c9;    
    -webkit-box-shadow: 0 0 3px #e2d4c9;
    -moz-box-shadow: 0 0 3px #e2d4c9;
    -o-box-shadow: 0 0 3px #e2d4c9;
    border: 1px solid #e2d4c9;
}
textarea:focus {
    box-shadow: 0 0 3px #e2d4c9;    
    -webkit-box-shadow: 0 0 3px #e2d4c9;
    -moz-box-shadow: 0 0 3px #e2d4c9;
    -o-box-shadow: 0 0 3px #e2d4c9;
    border: 1px solid #e2d4c9;
}

.contactform label {
	display: block;
        margin: 0px 0 4px 0px; 
	width: 100%;
}
.contactform label.label {
	display: block;
	float: none;
	width: 100%;
	font-size: 14px;
}
.contactform label span{
	display: inline-block;
        color:  #cb0000;
	font-size: 14px;
}


.submit{
        margin: 10px 0 0px 0px; 
       cursor: pointer!important; 
}
.submit[#mfaee7fbrp_submit]{
       cursor: pointer!important; 
}
input.cms_submit{   cursor: pointer;}


.error_message{
      margin: 0 0 4px 6px;
       color:#790000;
        font-size: 14px;
}
.fb_invalid{
      margin: 0 0 4px 6px;
       color:#790000;
        font-size: 18px;
}
form .column {
      
  /*overflow: visible;*/
}

label.error {
	margin:0 0 15px;
	color: #c30300;
	font-size: 16px;
}
select#gender{
       width: 150px;
}
div.website, div.website * {
  display: none !important;
}

/* @end */

/* Stylesheet: Formulier Modified On 2015-11-12 22:33:33 */