/* 

	CREATIONAL

	CSS / GENERAL STYLES 

	COPYRIGHT © 2005-2018 / CREATIONAL / WWW.CREATIONAL.NL / ALL RIGHTS RESERVED

*/

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: normal; src: local('Montserrat Regular'), local('Montserrat-Regular'), url('montserrat-regular.woff2') format('woff2'), url('montserrat-regular.woff') format('woff'); }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: normal; src: local('Lora Regular'), local('Lora-Regular'), url('lora-regular.woff2') format('woff2'), url('lora-regular.woff') format('woff'); }
@font-face { font-family: 'Lora'; font-style: italic; font-weight: normal; src: local('Lora Italic'), local('Lora-Italic'), url('lora-italic.woff2') format('woff2'), url('lora-italic.woff') format('woff'); }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: bold; src: local('Lora Bold'), local('Lora-Bold'), url('lora-bold.woff2') format('woff2'), url('lora-bold.woff') format('woff'); }
@font-face { font-family: 'Lora'; font-style: italic; font-weight: bold; src: local('Lora Bold Italic'), local('Lora-BoldItalic'), url('../fonts/lora-bold-italic.woff2') format('woff2'), url('../fonts/lora-bold-italic.woff') format('woff'); }

* { margin: 0; padding: 0; }

body {
    display: flex; flex-flow: column; min-height: 100vh;
	font-family: Lora, "Times New Roman", serif; font-size: 62.5%;
	color: #000; background: #fff;
	}
body.cs_tinymce { display: block; min-height: 0; }

@media screen and (max-width:1000px) {
    body { font-size: 56.25%; }
}

html { overflow-y: scroll; }


a, a:link, a:visited, a:active { color: #e24912; text-decoration: underline; outline: none; }
a:hover { color: #0080bc; text-decoration: underline; }
a:focus, a:active { outline: none; }

img, a img { border: 0; }

ul { padding-left: 2em; padding-bottom: 1.6em;  }
ol { padding-left: 1.8em; }
li { font-size: 1.6em; line-height: 1.6; }
li li, li p { font-size: 1em; }
ol li { padding-left: .5em; }

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }
sub { top: 0.4em; }

h1 { padding-bottom: 1.0em; padding-top: 1em; font-size: 2.8em; line-height: 1.6; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; color: #0080bc; }
h2 { padding-bottom: 0.8em; padding-top: 1em; font-size: 2.4em; line-height: 1.6; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; color: #0080bc; }
h3 { padding-bottom: 0.8em; padding-top: 1em; font-size: 2.0em; line-height: 1.6; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; color: #0080bc; }
h4 { padding-bottom: 1.0em; padding-top: 1em; font-size: 1.6em; line-height: 1.6; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; color: #0080bc; }

p { padding-bottom: 1em; font-size: 1.6em; line-height: 1.6; }

.group:after { content: ""; display: table; clear: both; }

u { text-decoration: none; }

.iframe { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 56.25%; margin-bottom: 1em; }
.iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* CONTAINER */
#container { 
    flex: 1 1 auto; 
    background: #78807b;
}
#container:before {
    content: "";
    display: block;
    height: 120px;
    transition: height .5s ease-in-out;
}
.scroll #container:before { height: 70px; }

/* HEADER */
#header { 
    position: fixed; top: 0; width: 100%; z-index: 2;
    font-family: Montserrat, Helvetica, Arial, "sans-serif"; text-transform: uppercase; letter-spacing: 1px;
    color: #fff;
    transition: top .5s ease-in-out;
}
.scroll #header { top: -50px; }

/* top */
#header_top { background: #000; }
#header_top_inner { 
    margin: 0 auto; padding: 0 30px; height: 50px; max-width: 940px; 
    line-height: 50px; white-space: nowrap;
}
#header_top_inner a,
#header_top_inner a:link,
#header_top_inner a:visited { position: relative; display: inline-block; text-decoration: none; color: #fff; transition: .2s ease-in-out; }
#header_top_inner a:hover { color: #e24912; }
#header_top_inner a:after {
    content: ""; display: block; position: absolute; top: 36px; height: 1px; width: 100%;
    background: #fff; opacity: 0;
    transition: .2s ease-in-out;
}
#header_top_inner a:hover:after {
    background: #e24912; opacity: 1;
}

#header_top #language { float: right; margin: 0; padding: 0; list-style: none; }
#header_top #language li { float: left; margin: 17px 0 17px 15px; padding: 0; }
#header_top #language li a,
#header_top #language li a:link,
#header_top #language li a:visited {
    display: block; width: 30px; height: 15px; overflow: hidden;
    text-indent: -999em;
    background: url(../img/tr_flags.png) no-repeat 0 -45px; background-size: 100%;
}
#header_top #language li a:hover { transform: scale(1.1); }
#header_top #language li a.language_de { background-position: 0 -23px; box-shadow: inset 0 0px 2px rgba(255,255,255,.9); }
#header_top #language li a.language_en { background-position: 0 0; }

#header_top #sitenav { margin: 0 15px 0 0; padding: 0; list-style: none; float: right; }
#header_top #sitenav li { 
	margin: 0; padding: 0; 
	font-size: 1.4em; white-space: nowrap;
}
#header_top #sitenav li a,
#header_top #sitenav li a:link,
#header_top #sitenav li a:visited {
	display: block; height: 50px;
	line-height: 50px;
}

/* nav */
#header_nav { background: #e24912; }
#header_nav_inner { margin: 0 auto; padding: 0 30px; height: 70px; max-width: 940px; }

#header p { padding: 0; line-height: 50px; }

/* logo */
#logo,
#logo:link,
#logo:visited { float: left; display: block; width: 195px; line-height: 0; }
#logo img { width: 100%; height: auto; }

#logo_print { display: none; }

/* toggle */
#toggle,
#toggle:link,
#toggle:visited { 
	position: relative; right: -15px; margin: 0; padding: 19px 15px; float: right; display: none;
	text-decoration: none; line-height: 1.6; font-size: 20px; font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
	color: #fff;
	}
#toggle:hover,
#toggle.active { color: #fff; }
#toggle > span { position: relative; display: inline-block; top: -.1em; width: 20px; height: 15px; margin-left: .5em; vertical-align: middle; }
#toggle span span { position: absolute; top: 6px; left: 0; right: 0; height: 3px; }
#toggle span span:after,
#toggle span span:before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 3px; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
#toggle span span:after { bottom: -6px; transition-property: bottom, transform; }
#toggle span span:before { top: -6px; transition-property: top, transform; }

#toggle span span,
#toggle span span:after,
#toggle span span:before { background: #fff; }
#toggle:hover span span,
#toggle:hover span span:after,
#toggle.active span span:after,
#toggle:hover span span:before,
#toggle.active span span:before { background: #fff; }

#toggle.active span span { background: none; transition: background 0s 0.3s; }
#toggle.active span span:after { bottom: 0; transform: rotate(-45deg); transition-delay: 0s, 0.3s; }
#toggle.active span span:before { top: 0; transform: rotate(45deg); transition-delay: 0s, 0.3s; }

/* togglenav */
#togglenav ul { margin: 0 -10px 0 0; padding: 0; list-style: none; float: right; position: relative; }
#togglenav li { 
    margin: 0; padding: 0 4px; float: left;
    font-size: 1.4em; white-space: nowrap;
}
#togglenav li a,
#togglenav li a:link,
#togglenav li a:visited {
    float: left; display: block; position: relative; padding: 0 4px; height: 70px;
    line-height: 70px; text-decoration: none;
    color: #fff;
}
#togglenav li a:after {
    content: ""; display: block; position: absolute; top: 50px; height: 1px; width: calc(100% - 10px);
    background: #fff; opacity: 0;
    transition: .2s ease-in-out;
}
#togglenav li a:hover:after,
#togglenav li.current a:after { opacity: 1; }

@media screen and (max-width:1000px) {
    
    #toggle,
	#toggle:link,
	#toggle:visited { display: block; }

	#togglenav { position: absolute; top: 100%; width: 100%; margin: 0 -30px; padding: 0; clear: both; max-height: 0; overflow: hidden; background: transparent; transition: .3s ease-in-out; }
	#togglenav.animate { max-height: 700px; }
	.togglenavactive #togglenav { background: #e24912; }

    #togglenav ul { float: none; margin: 0 0 20px 0; right: auto; }
    #togglenav li { float: none; padding: 0; }
    #togglenav li a,
    #togglenav li a:link,
    #togglenav li a:visited { 
        float: none; padding: 20px 30px; height: auto;
        line-height: normal;
    }
    #togglenav li a:after { top: 40px; width: calc(100% - 60px); }    
}

@media screen and (max-width:520px) {
	
	#header_top p { display: none; }
}

@media screen and (max-width:420px) {
    
    #container:before { height: 110px; }
    .scroll #container:before { height: 60px; }
    
    #header_top_inner { padding: 0 5%; }    
    #header_nav_inner { padding: 0 5%; height: 60px; }
    
    #logo,
    #logo:link,
    #logo:visited { width: 167px; }
    
    #toggle,
	#toggle:link,
    #toggle:visited { padding: 22px 15px; font-size: 0; }
    
    #togglenav { margin: 0 -5%; }
    #togglenav li a,
    #togglenav li a:link,
    #togglenav li a:visited { padding: 20px 5%; }
    #togglenav li a:after { width: 90%; }    
}

/* PHOTO */
#photo { 
    position: relative; height: 500px; overflow: hidden;
    line-height: 0;
    background: #000; }
#photo img { 
    position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; height: 100%; width: auto; 
}
#photo .copyright { 
    position: absolute; right: 5px; bottom: 5px;
    line-height: normal;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

@media screen and (min-width: 1920px) {
    
    #photo img {
        width: 100%; height: auto;
    }
}

@media screen and (max-width: 1440px) {
    
    #photo { height: auto; }
    
    #photo img {
        position: relative; left: 50%; right: auto; top: 0; bottom: 0; width: 100%; height: auto; transform: translateX(-50%);
    }
}

/* BOOKS */
#books { 
    position: relative; margin: 0 auto; max-width: 1000px; z-index: 1;
    line-height: 0;
}
#books .book { 
    display: block; position: absolute; bottom: 0; width: 15vw; max-width: 256px;    
    transition: .3s ease-in-out;
}
#books .book a,
#books .book a:link,
#books .book a:visited {
    display: block;
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
    transition: .3s ease-in-out;
}
#books .book a:hover {
    transform: scale(1.1);
}
#books .book img { width: 100%; height: auto; }

#books .book.nl { left: 69%; bottom: -86px; transform: rotate(18deg); z-index: 3; }
.de #books .book.nl,
.it #books .book.nl { z-index: 1; }
#books .book.de { left: 79%; bottom: 62px; transform: rotate(6deg); z-index: 2; }
.de #books .book.de { z-index: 3; }
#books .book.it { left: 62%; bottom: 32px; transform: rotate(-3deg); z-index: 1; }
.it #books .book.it { z-index: 3; }

/* books > animations */
.js #books .book { opacity: 0; }
.js #books .book.nl { transform: translateY(-100%) rotate(18deg); transition: .5s ease-in-out .6s; }
.js.de #books .book.nl { transition-delay: .5s; }
.js #books .book.de { transform: translateY(-100%) rotate(6deg); transition: .5s ease-in-out .5s; }
.js.de #books .book.de { transition-delay: .6s; }
.js #books .book.it { transform: translateY(-100%) rotate(-3deg); transition: .5s ease-in-out .4s; }
.js.it #books .book.it { transition-delay: .6s; }
.js #books.active .book { opacity: 1; }
.js #books.active .book.nl { transform: translateY(0) rotate(18deg); }
.js #books.active .book.de { transform: translateY(0) rotate(6deg); }
.js #books.active .book.it { transform: translateY(0) rotate(-3deg); }

@media screen and (max-width: 1440px) {

    #books .book.nl { left: 69%; bottom: -76px; }
    #books .book.de { left: 74%; bottom: -1vw; }
    #books .book.it { left: 65%; bottom: -1vw; }
}

/* CONTENT */
.section { 
    position: relative; padding: 40px; 
}
.section.alt {
    background: #6a5138;
}

.section:before {
    content: ""; display: block; position: absolute; top: 40px; right: 0; bottom: 40px; left: 50%;
    background: #fff;
}
.section_inner {
    position: relative; margin: 0 auto; padding: 30px; max-width: 940px;
    background: #fff;
}

.section .article { 
    float: left; width: 73.404255%; 
}
.section .aside { 
    float: left; width: 20.212766%; margin-left: 6.382979%;
    word-wrap: break-word; overflow-wrap: break-word;
    color: #0080bc;
}
.section .aside.noheading {
    padding-top: 5.7em;
}

.section_inner > :first-child,
.section .article > :first-child,
.section .aside > :first-child { 
    padding-top: 0; 
}

.section_inner > h1 {
    padding-right: 50%;
}
.section_inner > h2,
#home .section_inner h2 {
    font-size: 2.8em;
}

.section_inner h2.date { 
    margin-top: -1.6em; padding-bottom: 2.4em;
    font-size: 1.4em; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; text-transform: uppercase; 
    color: #78807b; 
}

.section_inner img { max-width: 100%; height: auto; }

.section .aside ul { padding-left: 0; list-style-type: none; }
.section .aside ul li { position: relative; padding-bottom: 12px; }
.section .aside ul li:after { content: ""; display: block; position: absolute; bottom: 8px; width: 20px; height: 1px; background: #78807b; }

@media screen and (max-width: 780px) {
    
    .section .aside,
    .section .article { float: none; margin: 0; width: auto; }
    .section .aside { padding-top: 30px; }
}

@media screen and (max-width:420px) {
    
    .section { padding: 40px 5%; }
    .section_inner { padding: 30px 5%; }
}

/* publications */
.publications { margin-bottom: 3em; }
.publications ul { margin: 0; padding: 0; list-style: none; }
.publications li { 
    margin: 0; padding: 0; float: left; position: relative; width: 23.913043%; margin-right: 1.449275%; margin-bottom: 10px;
    font-size: 1.2em; font-family: Montserrat, Helvetica, Arial, "sans-serif"; text-transform: uppercase;
}
.publications li:nth-child(4n) { margin-right: 0; }
.publications a,
.publications a:link,
.publications a:visited  { 
	display: block; margin: 0; padding: 0; width: 100%; box-sizing: border-box;
	text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
.publications a img { width: 100%; height: auto; vertical-align: top; }
.publications a .title { 
	display: block; padding: 10px; position: absolute; left: 0; top: 0; bottom: 0; right: 0;
    font-weight: normal; line-height: normal; word-wrap: break-word; overflow-wrap: break-word;
    color: #fff; background: rgba(0,0,0,.6);
	opacity: 0;
	transition: opacity .5s ease-in-out;
	}
.publications a:hover .title { opacity: 1; }
.publications a strong { 
    display: block; padding-bottom: .5em;
    font-weight: normal; font-size: 1.33333333em; font-family: Lora, "Times New Roman", serif; text-transform: none; 
}

@media screen and (max-width: 600px) {
    
    .publications li,
    .publications li:nth-child(4n) { margin-right: 1.449275%; width: 32.36715%; }
    .publications li:nth-child(3n) { margin-right: 0; }
}

/* iframes (videos) */
.iframes { overflow: hidden; margin-bottom: 30px; }
.iframes .iframe { float: left; width: 49.275362%; padding-bottom: 27.7174%; margin-bottom: 10px; background: #000; }
.iframes .iframe:nth-child(odd) { margin-left: 1.449275%; }
.iframes .iframe:first-child { margin-left: 0; width: 100%; padding-bottom: 56.25%; }

/* FOOTER */
#footer { 
    flex: 0 0 auto;
    text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px;
    color: #fff; background: #000; 
}
#footer_inner { margin: 0 auto; padding: 30px; max-width: 940px; }
#footer p { padding: 0; }
#footer a,
#footer a:link,
#footer a:visited { color: #fff; }


/* PAGING */
#paging ul { margin: 0; padding: 0; list-style: none; }
#paging li { display: inline; }
#paging li a,
#paging li a:link,
#paging li a:visited {}
#paging li a:hover {}
#paging li.current a,
#paging li.current a:link,
#paging li.current a:visited,
#paging li.current a:hover {}
#paging li.paging_next a,
#paging li.paging_next a:link,
#paging li.paging_next a:visited {}
#paging li.paging_previous a,
#paging li.paging_previous a:link,
#paging li.paging_previous a:visited {}

/* FORMS */
form { margin: 0; margin-bottom: 1em; padding: 0; color: #000; font-size: 1.6em; }

fieldset { margin: 0; padding: 0; padding-bottom: .6em; border: 0 none; }
fieldset legend { display: none; }
fieldset div { margin: .9em 0; clear: both; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea, fieldset select {
	width: 65%; padding: 4px; vertical-align: middle; box-sizing: border-box; 
	font-size: 	1em; font-family: inherit; line-height: normal;
	color: #000; background: #fff; border: 1px solid #ccc;
	}

fieldset input:focus,
fieldset textarea:focus { outline: none; border: 1px solid #cdcbb8; background-color: #fffde5; }

::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; }
		
fieldset textarea { font-size: 100%; resize: none; }

fieldset label, 
fieldset div.cr p {
	display: block; float: left; margin: 0; padding: 0; padding-right: 1%; padding-top: .1em; width: 34%;	
	text-align: left; font-size: 1em;
	}
fieldset div.cr label {
	float: none; margin-left: 35%; width: auto;
	text-align: left;
	}

fieldset div.cr div { float: left; margin: 0; clear: none; }
fieldset div.cr div label { margin-left: 0; margin-bottom: .3em; padding: 0; }
	
fieldset div span { display: block; margin-left: 35%; padding-top: 4px; }
fieldset div span.note { font-size: 1em; color: #999; clear: both; }

fieldset label .highlight, 
fieldset div.cr p .highlight { display: inline; margin: 0; padding: 0; font-size: .9em; color: #e24912; }
fieldset label .highlight:after, 
fieldset div.cr p .highlight:after { content: "*"; }
.nl fieldset label .highlight:after, 
.nl fieldset div.cr p .highlight:after { content: "(verplicht)"; }
.en fieldset label .highlight:after, 
.en fieldset div.cr p .highlight:after { content: "(required)"; }
.de fieldset label .highlight:after, 
.de fieldset div.cr p .highlight:after { content: "(Pflichtfeld)"; }


fieldset .removed { display: none !important; }
fieldset .mandatory { }

fieldset div.cr input,
fieldset div.cr_label input { border: 0 none; width: auto; margin-right: .5em; vertical-align: baseline; background: none; }

fieldset .remark,
fieldset.footnotes { 
	font-size: 1em;
	color: #666; 
	}

fieldset .file { 
	display: inline-block; position: relative; margin: 0; padding: 4px; width: 200px; overflow: hidden; vertical-align: middle; box-sizing: border-box;
	font-size: 1em; line-height: normal; text-align: center; text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, "sans-serif";
	color: #fff; background: #0080bc; border: 1px solid #0080bc; border-radius: 0;
	cursor: pointer;
	}
fieldset .file:hover {
	background: #000; border: 1px solid #000;
	}
fieldset .file input { 
	position: absolute; top: 0; right: 0; left: auto; margin: 0; width: auto; z-index: 1;
	font-size: 460px;
	opacity: 0;
	cursor: pointer;
	}
fieldset .filename {
	display: inline-block; margin: 0; padding: 0 0 0 10px; max-width: calc(75% - 110px); overflow: hidden; vertical-align: middle; box-sizing: border-box;
	font-size: 1em; line-height: normal; text-align: left; white-space: nowrap; text-overflow: ellipsis;
	}
fieldset .filename span {
	float: right; margin: 0; padding: 0;
	}

fieldset.buttons { clear: both; width: 100%; }
fieldset.buttons label { float: left; }
fieldset.buttons input { 
	width: 200px;
    text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, "sans-serif";
	color: #fff; background: #e24912; border: 1px solid #e24912; border-radius: 0;
	cursor: pointer;
    transition: .3s ease-in-out;
	}
fieldset.buttons input:hover {
	background: #0080bc; border: 1px solid #0080bc;
	}
fieldset.buttons input.inactive { 
	background: #aaa; border: 1px solid #aaa;
	}
fieldset.buttons .remark {
	display: none; margin-left: 2em;
	}

fieldset .error { color: #F00; font-weight: bold; }

fieldset .invalid { color: #e24912; }
fieldset input.invalid, 
fieldset select.invalid, 
fieldset textarea.invalid {
	border: 1px solid #e24912;
	color: #000; background-color: #fff6ef;
	}
	
fieldset .maps { position: absolute; left: -5000px; }	

fieldset h4 { font-size: 1em; }

#form_missing {}
#form_succes {}
#form_error {}
#form_email {}
	
/* MODULES */
.module_items { overflow: hidden; }
.module_items ul { margin: 0; padding: 0; list-style: none; }
.module_items li { margin: 0; padding: 0; float: left; width: 47.826087%; margin-left: 4.347826%; margin-bottom: 3em; }
.module_items li:nth-child(odd) { margin-left: 0; clear: left; }
.news .module_items li:nth-child(odd) { margin-left: 4.347826%; clear: none; }
.news .module_items li:nth-child(even) { margin-left: 0; clear: left; }
.news .module_items li:first-child { margin-left: 0; width: 100%; }	
.module_items br { display: none; }

.module_items a,
.module_items a:link,
.module_items a:visited,
.module_items .nolink {
	display: block; position: relative;
	text-decoration: none;
	color: #000; 
	}
.module_items span a,
.module_items span a:link,
.module_items span a:visited {
	display: inline; position: relative;
	text-decoration: none;
	color: #00f; 
	border-top: none;
	}
.module_items span a:hover { text-decoration: underline; }	
	
.module_items span { display: block; padding-bottom: .2em; }
.module_items span span { display: inline; }
.module_items span.categories,
.module_items span.tags { display: inline; padding-right: 1em; }

.module_categories,
.module_tags { padding-right: 1em; }
.module_categories a,
.module_categories a:link,
.module_categories a:visited,
.module_tags a,
.module_tags a:link,
.module_tags a:visited { color: #00F; }
.module_categories a:hover,
.module_tags a:hover {}
.module_footer { font-size: 1.6em; line-height: 1.6em; padding: 1em 0; }
.module_footer a,
.module_footer a:link,
.module_footer a:visited {}
.module_footer a:hover {}

.module_items .heading { padding-bottom: .5em; font-size: 1.25em; line-height: 1.4; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; color: #0080bc; }
.news .module_items li:first-child .heading { font-size: 1.5em; }
.module_items a:hover .heading { text-decoration: underline; }
.module_items .summary { padding-bottom: .3em; }
.module_items a:hover .summary { text-decoration: none; }
.module_items .more { display: block; text-decoration: underline; color: #e24912; }
.module_items a:hover .more { text-decoration: underline; }

.module_items .date,
.module_items .date_extra { font-size: .7em; font-family: Montserrat, Helvetica, Arial, "sans-serif"; letter-spacing: 1px; text-transform: uppercase; color: #78807b; }
.module_items a:hover .date,
.module_items a:hover .date_extra { color: #e24912; text-decoration: none; }

.module_items .date .day { padding-right: .5em; }

.module_items .image { display: block; margin-bottom: .5em; }
.module_noitems { padding-top: 2em; font-weight: bold; font-size: 1.6em; }

.module_toggle { display: block; float: left; width: 12px; height: 12px; }
.module_closed { display: none; }

@media screen and (max-width: 780px) {
    
	.module_items li,
    .module_items li:nth-child(even),
    .news .module_items li:nth-child(odd) { margin-left: 0; width: 100%; }
}

/* tinyMCE */
.image_right { float: right; margin: 0 0 2em 2em; }

.quote { 
    position: relative; padding: .5em 0 1.5em 0;
    font-style: italic;
}
.aside .quote { font-size: 2.2em; line-height: 1.4; }
.quote:before,
.quote:after { display: inline-block; }
.quote:before { content: "\201C"; position: absolute; right: 100%; }
.quote:after { content: "\201D"; }
.author { 
    margin-top: -1.6em; padding-bottom: 2.666666em;
    text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, "sans-serif"; font-size: 1.2em; letter-spacing: 1px;
    color: #78807b;
}
.aside .author { margin-top: -2em; }

.button,
.button:link,
.button:visited {
    display: inline-block; padding: 2px 10px;
    text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, "sans-serif"; text-decoration: none; font-size: .875em; letter-spacing: 1px;
    color: #fff; background: #e24912;
    transition: .3s ease-in-out;
}
.button:hover {
    background: #0080bc;
}