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; }

/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls Remove excess height in iOS5 devices */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/* Addresses margins handled incorrectly in IE6/7 */
body { margin: 0; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE6/7 */
p, pre { margin: 1em 0; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE6/7 */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE7 */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent border, margin, and padding */
fieldset { border: 1px solid #c0c0c0; margin: 0; /*0 2px*/ padding: 0.35em 0 0.75em; /*0.35em 0.625em 0.75em*/ }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; /* 1 */ }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ============================================================================= Tables ========================================================================== */
/* Remove most spacing between table cells */
table { border-collapse: collapse; border-spacing: 0; }

@font-face { font-family: 'MS-Light'; src: url("fonts/MS-Light.eot");
  /* IE9 Compat Modes */
  src: url("fonts/MS-Light.eot?iefix") format("eot"), url("fonts/MS-Light.woff") format("woff"), url("fonts/MS-Light.ttf") format("truetype"), url("fonts/MS-Light.svg#marat_sanslight") format("svg");
  /* Legacy iOS */
  font-weight: normal; font-style: normal; }
@font-face { font-family: 'MS-Regular'; src: url("fonts/MS-Regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/MS-Regular.eot?iefix") format("eot"), url("fonts/MS-Regular.woff") format("woff"), url("fonts/MS-Regular.ttf") format("truetype"), url("fonts/MS-Regular.svg#marat_sansregular") format("svg");
  /* Legacy iOS */
  font-weight: normal; font-style: normal; }
@font-face { font-family: 'MS-LightItalic'; src: url("fonts/MS-LightItalic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/MS-LightItalic.eot?iefix") format("eot"), url("fonts/MS-LightItalic.woff") format("woff"), url("fonts/MS-LightItalic.ttf") format("truetype"), url("fonts/MS-LightItalic.svg#marat_sanslight_italic") format("svg");
  /* Legacy iOS */
  font-weight: normal; font-style: normal; }
h1 { color: #0f1e3c; margin: 0 0 12px 0; }
h1.generic { font-size: 1.78947em; line-height: 1.05882em; margin: 0 0 12px 0; }
@media only screen and (min-width: 731px) { h1.generic { font-size: 3.15789em; line-height: 1em; } }
@media only screen and (min-width: 731px) { h1 { margin: 0 0 24px 0; } }
h1 + p { margin: 0px 0 27px 0; }
.cases h1 + p { margin: 0; }

h2 { color: #891b81; margin: 18px 0 9px; }
h2:first-child { margin-top: 0; }
h2 a { color: #891b81; }
h2 a:hover { text-decoration: none; }
h2 + p { margin: 0px 0 27px 0; }

h3 { color: #1e5a00; margin: 18px 0 9px; }
h3:first-child { margin-top: 0; }
h3 + p { margin: 0px 0 27px 0; }

p { color: #666666; margin: 15px 0; }
@media only screen and (min-width: 731px) { p { margin: 27px 0; } }
p.intro { color: #000000; }
p.visual-left { overflow: hidden; *zoom: 1; }
p.visual-left img { float: left; margin: 6px 18px 6px 0; }
p.visual-right { overflow: hidden; *zoom: 1; }
p.visual-right img { float: right; margin: 6px 0px 6px 18px; }

a { color: #6eb450; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a.singular { background: url("img/arrow_green_new_right.png") 0 9px no-repeat transparent; padding: 0 0 0 22px; display: block; }
a.singular + a.singular { margin-top: 18px; }
a.table-trigger, a.more { background: url("img/moreless.png") 0 9px no-repeat transparent; padding: 0 0 0 22px; display: inline-block; }
a.table-trigger.less, a.more.less { background-position: 0 -105px; }
a.skipLink { position: absolute; left: -9999em; top: 0; padding: 20px; border: 1px solid #1e5a00; color: #1e5a00; background: #F3F4F5; }
a.skipLink:focus { left: 20px; top: 20px; z-index: 500; text-decoration: underline; }

.pull-right { float: right; overflow: hidden; *zoom: 1; }

ul { margin: 0; }
ul li { color: #666666; }
ul.article-list { list-style-image: none; padding: 0; margin: 0 0 27px; }
ul.article-list li { padding: 18px 0; border-bottom: 1px solid #dddddd; }
ul.article-list li:first-child { padding: 0 0 18px 0; }
.main-content-help-subject ul.article-list li { border-top: 1px solid #6a9856; border-bottom: none; }
ul.article-list li a { color: #1E3C3C; text-decoration: none; position: relative; display: block; overflow: hidden; }
ul.article-list li a:hover, ul.article-list li a:active { text-decoration: underline; }
ul.article-list li a.download { padding: 0 0 0 55px; }
ul.article-list li a .pdf { display: block; width: 36px; height: 36px; background: url("img/icon_pdf.png") 0 0 no-repeat transparent; text-indent: -99999em; position: absolute; top: 6px; left: 0; }
ul.article-list li a .word { display: block; width: 36px; height: 36px; background: url("img/icon_word.png") 0 0 no-repeat transparent; text-indent: -99999em; position: absolute; top: 6px; left: 0; }
ul.article-list li a .linktitle { display: block; }
ul.article-list li a .summary { color: #666666; }
ul.article-list li .article-info { color: #999999; font-size: 0.84211em; }

video { width: 100%; }

.element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; left: 0; }

header { padding: 10px 0; min-height: 140px; }
@media only screen and (min-width: 731px) { header { min-height: 180px; padding: 0 26px; z-index: 2; position: relative; } }
@media only screen and (min-width: 1001px) { header { padding: 0; } }
header #header-wrapper { width: 100%; position: relative; }
@media only screen and (min-width: 1001px) { header #header-wrapper { width: 940px; top: -32px; margin: 0 auto; } }
header #header-wrapper #logo { position: relative; z-index: 10; padding: 10px 10px 0; text-align: left; }
@media only screen and (min-width: 731px) { header #header-wrapper #logo { padding: 30px 0 0 0; } }
header #header-wrapper #logo img { width: 322px; height: auto; }
@media only screen and (min-width: 1281px) { header #header-wrapper #logo img { margin-left: -53px; } }
header #header-wrapper #search-box-container { display: none; position: absolute; z-index: 20; top: 143px; width: 100%; left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
header #header-wrapper #search-box-container.show { display: block; }
@media only screen and (min-width: 731px) { header #header-wrapper #search-box-container { display: block; top: 24px; right: 0; left: auto; width: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } }
header #header-wrapper #language-switch { position: absolute; top: 108px; right: 10px; z-index: 500; }
@media only screen and (min-width: 731px) { header #header-wrapper #language-switch { position: absolute; top: 24px; right: 250px; z-index: 10; } }
header #header-wrapper #contrast-switch { position: absolute; top: 117px; right: 70px; z-index: 500; }
@media only screen and (min-width: 731px) { header #header-wrapper #contrast-switch { position: absolute; top: 32px; right: 324px; z-index: 10; } }
header #header-wrapper #alert { display: none; }
@media only screen and (min-width: 731px) { header #header-wrapper #alert { display: block; position: absolute; top: 102px; right: 0; z-index: 10; } }

@media only screen and (min-width: 731px) and (max-width: 1000px) { header #header-wrapper #logo img { margin-top: -53px; } }
nav { position: absolute; top: 110px; left: 0; width: 100%; }
nav .drop_menu { top: -25px; position: absolute; }
@media only screen and (min-width: 731px) { nav { top: 91px; }
  nav .drop_menu { position: absolute; top: -190px; } }
nav .center { padding: 0; }
nav #mainnav { position: absolute; top: 146px; }
@media only screen and (min-width: 731px) { nav #mainnav { position: relative; top: auto; padding: 0px 26px 0; } }
@media only screen and (min-width: 1001px) { nav #mainnav { padding: 0px 0 0 0; } }
nav #mainnav ul { *zoom: 1; }
nav #mainnav ul.topnav { top: 61px; }
@media only screen and (min-width: 731px) { nav #mainnav ul.topnav { top: 0px; } }
@media only screen and (min-width: 731px) { nav #mainnav ul { display: block; } }
nav #mainnav ul:before, nav #mainnav ul:after { content: ""; display: table; }
nav #mainnav ul:after { clear: both; }
nav #mainnav ul li { width: 100%; }
@media only screen and (min-width: 731px) { nav #mainnav ul li { width: auto; float: left; } }
nav #mainnav ul li ul.subnav li { float: none; }

article { background: #F3F4F5; padding: 12px 0 0; position: relative; z-index: 0; }
@media only screen and (min-width: 731px) { article { padding: 0 0px 24px 0; margin-top: -10px; }
  .home article { padding: 0; } }
article > .center { padding: 0 10px; position: relative; *zoom: 1; }
@media only screen and (min-width: 731px) { article > .center { padding: 38px 26px 0; } }
article > .center:before, article > .center:after { content: ""; display: table; }
article > .center:after { clear: both; }
@media only screen and (min-width: 1001px) { article > .center { width: 940px; margin: 0 auto; padding: 38px 0 0; } }
article #main-content { width: 100%; position: relative; float: left; }
@media only screen and (min-width: 1001px) { article #main-content { width: 620px; } }
@media only screen and (min-width: 731px) { article #main-content.search-results { float: right; width: 66%; } }
@media only screen and (min-width: 1001px) { article #main-content.search-results { width: 620px; } }
article #main-content > div { margin-bottom: 12px; padding: 12px; }
@media only screen and (min-width: 731px) { article #main-content > div { margin-bottom: 24px; padding: 30px; } }
article #main-content > div#mainContentSkip { margin: 0; padding: 0; height: 0; }
article #main-content > div#main-content-help { padding: 0; }
article #main-content > div.main-content-subjectblocks { padding: 0; }
article #main-content > div#main-contentindex { padding: 12px 12px 0px 12px; }
@media only screen and (min-width: 731px) { article #main-content > div#main-contentindex { padding: 30px 30px 18px 30px; } }
@media only screen and (min-width: 731px) { article #main-content > div.related-cases { padding: 30px 30px 6px 30px; } }
article #side-content { width: 100%; float: right; }
@media only screen and (min-width: 1001px) { article #side-content { width: 300px; float: right; } }
@media only screen and (min-width: 731px) { article #side-content.filter-container { width: 31%; float: left; } }
@media only screen and (min-width: 1001px) { article #side-content.filter-container { width: 300px; } }
article #side-content.filter-container > div { padding: 12px; }
@media only screen and (min-width: 1001px) { article #side-content.filter-container > div { padding: 30px; } }
article #side-content > div { margin-bottom: 12px; padding: 12px; }
@media only screen and (min-width: 731px) { article #side-content > div { margin-bottom: 24px; padding: 30px; } }
article #subjects-container { width: 100%; overflow: hidden; margin-top: -12px; }
@media only screen and (min-width: 731px) { article #subjects-container { margin: 0; } }
article #subjects-container .subjects { padding: 0; *zoom: 1; }
article #subjects-container .subjects:before, article #subjects-container .subjects:after { content: ""; display: table; }
article #subjects-container .subjects:after { clear: both; }
article #subjects-container .subjects .subject { float: left; }
@media only screen and (min-width: 1281px) { article #subjects-container .subjects .subject { max-width: 1250px; } }
article #subjects-container .subjects .subject .main-content-subjectheader { background: transparent; position: relative; width: 100%; }
@media only screen and (min-width: 1281px) { article #subjects-container .subjects .subject .main-content-subjectheader { max-width: 1250px; margin: 0 auto; } }
article #subjects-container .subjects .subject .main-content-subjectheader .headervisual img { width: 100%; display: block; }
@media only screen and (min-width: 1001px) { article #subjects-container .subjects .subject .main-content-subjectheader .headervisual img { max-width: 1240px; width: auto; padding: 0 5px; } }
article #subjects-container .subjects .subject .main-content-subject { margin-top: 12px; z-index: 60; position: relative; }
@media only screen and (min-width: 731px) { article #subjects-container .subjects .subject .main-content-subject { margin-top: -27px; } }
@media only screen and (min-width: 1001px) { article #subjects-container .subjects .subject .main-content-subject { margin-top: -136px; } }
article #subjects-container .subjects .subject .main-content-subject .introblock { margin: 0 0 12px 0; min-height: 130px; padding: 12px; }
@media only screen and (min-width: 731px) { article #subjects-container .subjects .subject .main-content-subject .introblock { margin: 0 0 24px 0; padding: 30px; } }
@media only screen and (min-width: 1001px) { article #subjects-container .subjects .subject .main-content-subject .introblock .content { width: 500px; float: left; } }
@media only screen and (min-width: 1001px) { article #subjects-container .subjects .subject .main-content-subject .introblock .subject-search { width: 302px; float: right; } }
article #subjects-container .subjects .subject.active .main-content-subject { z-index: 0; }
.cases article { width: 100%; }
.cases article .main-content-article { padding: 12px; margin: 0 0 12px 0; }
@media only screen and (min-width: 1001px) { .cases article .main-content-article { width: 560px; padding: 30px; margin: 0 0 24px 0; } }

.center { padding: 0 10px; position: relative; *zoom: 1; }
@media only screen and (min-width: 731px) { .center { padding: 0 26px; } }
.center:before, .center:after { content: ""; display: table; }
.center:after { clear: both; }
@media only screen and (min-width: 1001px) { .center { width: 940px; margin: 0 auto; padding: 0; } }

img.illustratie { width: 100%; height: auto; margin-bottom: 20px; }

body { font-size: 1.1875em; line-height: 1.42105em; letter-spacing: 0.01em; font-family: "MS-Light", sans-serif; }
@media only screen and (min-width: 731px) { body { -webkit-font-smoothing: antialiased !important; } }

h1 { font-family: "MS-Regular", sans-serif; font-size: 1.78947em; line-height: 1.05882em; }
@media only screen and (min-width: 731px) { h1 { font-size: 3.42105em; line-height: 0.92308em; letter-spacing: -0.01875em; } }

h2 { font-family: "MS-Regular", sans-serif; font-size: 1.36842em; line-height: 1.15385em; }
@media only screen and (min-width: 731px) { h2 { font-size: 1.68421em; line-height: 1.125em; letter-spacing: -0.00625em; } }

h3 { font-family: "MS-Light", sans-serif; font-size: 1em; line-height: 1.33333em; }
@media only screen and (min-width: 731px) { h3 { font-size: 1em; line-height: 1.42105em; letter-spacing: 0; } }

em { font-family: "MS-LightItalic", sans-serif; }

/* Swiper - Mobile Touch Slider CSS http://www.idangero.us/sliders/swiper  Vladimir Kharlampidi, The iDangero.us http://www.idangero.us/  Copyright 2012-2013, Vladimir Kharlampidi The iDangero.us http://www.idangero.us  Licensed under GPL & MIT 
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; }
@media only screen and (min-width: 731px) { .swiper-container { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } }

.swiper-wrapper { position: relative; width: 100%; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* Specify Swiper's Size: */ /*width:200px;
height: 100px;*/ }

.swiper-slide { /* Specify Slides's Size: */ /*width: 100%;
height: 100%;*/ }

.swiper-slide-active { /* Specific active slide styling: */ }

.swiper-slide-visible { /* Specific visible slide styling: */ }

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch { /* Stylize pagination button: */ }

.swiper-active-switch { /* Specific active button style: */ }

.swiper-visible-switch { /* Specific visible button style: */ }

.search-box { border: none; padding: 0; }
.search-box legend { height: 1px; left: -99999em; overflow: hidden; position: absolute; top: auto; width: 1px; }
.search-box .field-container { position: relative; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search-box .field-container input { border: none; background: #F3F4F5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search-box .field-container input:focus { outline: 1px solid #1e5a00; outline-offset: -1px; }
.search-box .field-container input:focus::-moz-placeholder { color: transparent; }
.search-box .field-container input:focus::-webkit-input-placeholder { color: transparent; }
.search-box .field-container input.text { width: 100%; padding-right: 46px; line-height: normal; word-wrap: normal; }
.search-box .field-container input.submit { position: absolute; right: 0; overflow: hidden; }
.search-box .field-container input[placeholder] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-box .field-container ::-moz-placeholder { text-overflow: ellipsis; }
.search-box .field-container input:-moz-placeholder { text-overflow: ellipsis; }
#search-box-container .search-box .field-container input { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#search-box-container .search-box .field-container input.submit { right: 0; border: none; }
@media only screen and (min-width: 731px) { #search-box-container .search-box .field-container input.submit { right: 0; } }
@media only screen and (min-width: 731px) { #search-box-container .search-box .field-container input { border: none; } }
.subject-search .search-box .field-container input { background-color: #ffffff; }
.subject-search .search-box .field-container input.submit { background-color: transparent; }

.subject-search { background: url("img/background_image.png") 0 0 repeat #ffffff; padding: 12px; margin: 12px 0 0 0; }
@media only screen and (min-width: 731px) { .subject-search { padding: 24px; } }
#side-content .subject-search { border: 6px solid #ffffff; margin-top: 0; }
.subject-search h2 { color: #1e5a00; }

.search-api-autocomplete-suggestion { padding: 0 10px; font-size: 0.84211em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.extra-contrast h2, body.extra-contrast h2 a { color: #488529 !important; }
body.extra-contrast #main-content.home .bannerbox-container .bannerbox.inverted, body.extra-contrast #main-content-help .main-content-help-subject { background: #488529 !important; }
body.extra-contrast .main-content-help-subject ul.article-list li a { color: #000000 !important; }
body.extra-contrast #main-content.home .bannerbox-container .bannerbox.inverted h2, body.extra-contrast #main-content-help .main-content-help-subject h2 { color: #ffffff !important; }
body.extra-contrast .main-content-faq .faqlist li .inner h3 { color: #488529; }
body.extra-contrast .main-content-faq .faqlist li .inner p, body.extra-contrast .main-content-faq .faqlist li .inner li { color: #000000; }
body.extra-contrast #main-content.home .alertbox h2 { color: #1e5a00 !important; }
body.extra-contrast #main-content.home .bannerbox-container .bannerbox.inverted p { color: #000000 !important; }
body.extra-contrast .case { background-color: #488529; }
body.extra-contrast .case.grey { background-color: #DDDEDF; }
body.extra-contrast .case.grey h2 { color: #1e5a00 !important; }
body.extra-contrast .case h2 { color: #ffffff !important; }
body.extra-contrast h2.case-title { color: #1e5a00 !important; }
body.extra-contrast #slider .swiper-slide .slide-wrapper.light { background-color: #488529; }
body.extra-contrast #slider .swiper-slide .slide-wrapper.light h1, body.extra-contrast #slider .swiper-slide .slide-wrapper.light .date { color: #ffffff !important; }
body.extra-contrast #slider .swiper-slide .slide-content h2 { color: #ffffff !important; }
body.extra-contrast #slider .swiper-slide .slide-wrapper.foto h1, body.extra-contrast #slider .swiper-slide .slide-wrapper.foto .date { background-color: #ffffff !important; }
body.extra-contrast .search-results .article-list li.highlight { background-color: #488529; }
body.extra-contrast .search-results .article-list li.highlight a .linktitle { color: #ffffff !important; }
body.extra-contrast .main-content-article ol > li:before { color: #1e5a00; }
body.extra-contrast #slider .main-subject h2 { color: #375064 !important; }
body.extra-contrast nav ul.topnav li a:hover, body.extra-contrast nav ul.topnav li a:focus, body.extra-contrast nav ul.topnav li a:active, body.extra-contrast nav ul.topnav li a.selected { color: #488529; }
body.extra-contrast nav ul.topnav li.foldout.expanded > a { color: #488529; }

.linkbutton { display: inline-block; font-family: "MS-Regular", sans-serif; font-size: 0.68421em; line-height: 1.84615em; letter-spacing: 0.14em; position: relative; background-color: #0f1e3c; text-transform: uppercase; height: 24px; color: #ffffff; padding: 0 11px 0 37px; margin: 10px 0 0 0; }
.linkbutton:before { content: ""; width: 24px; height: 24px; position: absolute; top: 0; left: 0px; background: url("img/arrow_white_down.png") 0 0 no-repeat #375064; }
.linkbutton:hover, .linkbutton:active { background-color: #375064; text-decoration: none; }
.linkbutton:hover:before, .linkbutton:active:before { background-color: #0f1e3c; }

.bannerbox .linkbutton:before, .main-subject .linkbutton:before, .case .linkbutton:before { background: url("img/arrow_white_right.png") center center no-repeat #375064; }
.bannerbox .linkbutton:hover:before, .bannerbox .linkbutton:active:before, .main-subject .linkbutton:hover:before, .main-subject .linkbutton:active:before, .case .linkbutton:hover:before, .case .linkbutton:active:before { background-color: #0f1e3c; }
.submit-group .linkbutton, #alert .linkbutton, .alertbox .linkbutton, .inverted .linkbutton, .case .linkbutton { background-color: #610059; }
.submit-group .linkbutton:before, #alert .linkbutton:before, .alertbox .linkbutton:before, .inverted .linkbutton:before, .case .linkbutton:before { background-color: #891b81; }
.submit-group .linkbutton:hover, .submit-group .linkbutton:active, .submit-group .linkbutton:focus, #alert .linkbutton:hover, #alert .linkbutton:active, #alert .linkbutton:focus, .alertbox .linkbutton:hover, .alertbox .linkbutton:active, .alertbox .linkbutton:focus, .inverted .linkbutton:hover, .inverted .linkbutton:active, .inverted .linkbutton:focus, .case .linkbutton:hover, .case .linkbutton:active, .case .linkbutton:focus { background-color: #891b81; text-decoration: none; }
.submit-group .linkbutton:hover:before, .submit-group .linkbutton:active:before, .submit-group .linkbutton:focus:before, #alert .linkbutton:hover:before, #alert .linkbutton:active:before, #alert .linkbutton:focus:before, .alertbox .linkbutton:hover:before, .alertbox .linkbutton:active:before, .alertbox .linkbutton:focus:before, .inverted .linkbutton:hover:before, .inverted .linkbutton:active:before, .inverted .linkbutton:focus:before, .case .linkbutton:hover:before, .case .linkbutton:active:before, .case .linkbutton:focus:before { background-color: #610059; }
.alertbox .linkbutton { font-size: 0.73684em; line-height: 2.57143em; height: 36px; margin: 0; padding: 0 20px 0 52px; }
@media only screen and (min-width: 731px) { .alertbox .linkbutton { position: absolute; top: 50%; margin-top: -18px; right: 30px; } }
@media only screen and (min-width: 1001px) { .alertbox .linkbutton { padding: 0 24px 0 44px; } }
.alertbox .linkbutton:before { width: 36px; height: 36px; background-image: url("img/klokje.png"); }
#alert .linkbutton { font-size: 0.73684em; line-height: 36px; height: 36px; margin: 0; padding: 0 12px 0 50px; }
#alert .linkbutton:before { width: 36px; height: 36px; background-image: url("img/klokje.png"); }
.submit-group .linkbutton { border: 0; height: 36px; padding: 0 11px 0 47px; }
.submit-group .linkbutton:before { height: 36px; width: 36px; background-image: url("img/arrow_white_right.png"); background-position: center center; }
.case .linkbutton { margin: 0; }
@media only screen and (min-width: 731px) { .case .linkbutton { position: absolute; bottom: 30px; left: 30px; } }

.bannerbox-container .bannerbox a.linkbutton { background-color: #610059 !important; }
.bannerbox-container .bannerbox a.linkbutton:before { background-color: #891b81 !important; }
.bannerbox-container .bannerbox a.linkbutton:hover { background-color: #891b81 !important; }
.bannerbox-container .bannerbox a.linkbutton:hover:before { background-color: #610059 !important; }
.bannerbox-container .bannerbox.inverted { background-color: #6eb450 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton { background-color: #1e5a00 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton:before { background-color: #468c28 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton:hover { background-color: #468c28 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton:hover:before { background-color: #1e5a00 !important; }

header { height: 140px; top: 30px; z-index: 12; border-bottom: 1px solid #dddddd; }
@media only screen and (min-width: 731px) { header { height: 180px; border: none; background: url("img/bg_header.png") -20px 0 repeat-x transparent; } }
header #language-switch, header #contrast-switch, header #search-box-container { z-index: 100; }
header #language-switch { height: 24px; }
header #language-switch ul { margin: 0; padding: 0; }
header #language-switch ul li { float: left; }
header #language-switch ul li:before { content: "|"; margin: 0 6px; font-size: 0.73684em; }
header #language-switch ul li:first-child:before { display: none; }
header #language-switch ul a { text-decoration: none; font-size: 0.73684em; line-height: 36px; color: #666666; }
header #language-switch ul a.selected { text-decoration: underline; }
header #contrast-switch #contrast-switcher { display: block; overflow: hidden; padding: 0; text-decoration: none; width: 18px; height: 18px; }
header #contrast-switch #contrast-switcher img { display: block; width: 100%; }

fieldset { border: none; padding: 0; }
fieldset legend { height: 1px; left: -99999em; overflow: hidden; position: absolute; top: auto; width: 1px; }
fieldset .field-container input { background: #F3F4F5; height: 48px; width: 100%; margin: 0; padding: 0 12px; float: left; line-height: 48px; font-size: 0.94737em; color: #666666; font-family: "MS-Light", sans-serif; }
@media only screen and (min-width: 731px) { fieldset .field-container input { border: none; width: 160px; height: 36px; line-height: 36px; font-size: 0.84211em; } }
fieldset .field-container input.submit { border: none; position: absolute; background: url("img/search_icon.png") center center no-repeat transparent; width: 46px; padding: 0; height: 48px; text-indent: -9999em; }
@media only screen and (min-width: 731px) { fieldset .field-container input.submit { height: 36px; position: static; right: auto; } }
fieldset .field-container input.placeholder { color: #999; }

.breadcrumb-container { display: none; margin: 0 0 36px 0; }
@media only screen and (min-width: 731px) { .breadcrumb-container { display: block; } }
.breadcrumb-container .breadcrumb { *zoom: 1; padding: 0; margin: 0; }
.breadcrumb-container .breadcrumb:before, .breadcrumb-container .breadcrumb:after { content: ""; display: table; }
.breadcrumb-container .breadcrumb:after { clear: both; }
.breadcrumb-container .breadcrumb li { float: left; height: 36px; position: relative; display: block; }
.breadcrumb-container .breadcrumb li:active, .breadcrumb-container .breadcrumb li:focus, .breadcrumb-container .breadcrumb li:hover { outline: none; }
.breadcrumb-container .breadcrumb li a { font-size: 0.89474em; line-height: 2.11765em; color: #ffffff; text-decoration: none; padding: 0 24px; background: #0f1e3c; display: inline-block; }
.breadcrumb-container .breadcrumb li a:before { width: 11px; height: 36px; background: url("img/bg_breadcrumb_ie.png") 0 0 no-repeat transparent; border: none; position: absolute; right: -11px; top: 0; content: ""; }
.breadcrumb-container .breadcrumb li a.back { margin: 0 0 0 19px; }
.breadcrumb-container .breadcrumb li a.back:before { width: 19px; height: 36px; background: url("img/bg_breadcrumb_back.png") 0 0 no-repeat transparent; border: none; position: absolute; left: 0px; top: 0; content: ""; }
.breadcrumb-container .breadcrumb li a.back:after { display: none; }
.breadcrumb-container .breadcrumb li a:active, .breadcrumb-container .breadcrumb li a:focus, .breadcrumb-container .breadcrumb li a:hover { outline: none; }
.breadcrumb-container .breadcrumb li.last a:before { background: url("img/bg_breadcrumb_last.png") 0 0 no-repeat transparent; right: -19px; width: 19px; }
.breadcrumb-container .breadcrumb li.foldable { z-index: 16; }
.breadcrumb-container .breadcrumb li.foldable + li.foldable { z-index: 15; }
.breadcrumb-container .breadcrumb li.foldable + li.foldable + li.foldable { z-index: 14; }
.breadcrumb-container .breadcrumb li.foldable + li.foldable + li.foldable + li.foldable { z-index: 13; }
.breadcrumb-container .breadcrumb li.foldable + li.foldable + li.foldable + li.foldable + li.foldable { z-index: 12; }
.breadcrumb-container .breadcrumb li.foldable + li.foldable + li.foldable + li.foldable + li.foldable + li.foldable { z-index: 11; }
.breadcrumb-container .breadcrumb li.foldable + li.foldable + li.foldable + li.foldable + li.foldable + li.foldable + li.foldable { z-index: 10; }
.breadcrumb-container .breadcrumb li.foldable > a { padding: 0 50px 0 24px; background: url("img/bg_breadcrumb_foldout.png") 100% 10px no-repeat #0f1e3c; }
.breadcrumb-container .breadcrumb li.foldable.expanded > a { height: 37px; }
.breadcrumb-container .breadcrumb li.foldable.expanded ul.subnav { display: block; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav { display: none; background: #0f1e3c; white-space: nowrap; position: absolute; padding: 0 20px 24px 24px; left: 0; top: 37px; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li { display: block; float: none; border-top: 1px solid #375064; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li:active { outline: none; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li:first-child { border: none; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li a { background: url("img/arrow_white_right.png") 2px 14px no-repeat transparent; padding: 0 20px 0 25px; display: block; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li a:hover, .breadcrumb-container .breadcrumb li.foldable ul.subnav li a:focus { background-color: #375064; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li a:before, .breadcrumb-container .breadcrumb li.foldable ul.subnav li a:after { display: none; }
.breadcrumb-container .breadcrumb li.foldable ul.subnav li a:active, .breadcrumb-container .breadcrumb li.foldable ul.subnav li a:focus, .breadcrumb-container .breadcrumb li.foldable ul.subnav li a:hover { outline: none; }

#main-contentindex { background: url("img/background_image.png") 0 0 repeat #ffffff; position: absolute; top: 0; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 5px solid #ffffff; margin: 0; }
#main-contentindex h2 { color: #1e5a00; }
#main-contentindex .anchorlist { padding: 0; *zoom: 1; }
#main-contentindex .anchorlist:before, #main-contentindex .anchorlist:after { content: ""; display: table; }
#main-contentindex .anchorlist:after { clear: both; }
#main-contentindex .anchorlist li { margin: 0 0 12px 0; }
@media only screen and (min-width: 731px) { #main-contentindex .anchorlist li { width: 49%; margin: 0 1% 12px 0; float: left; }
  #main-contentindex .anchorlist li:nth-child(odd) { clear: left; } }
#main-contentindex .anchorlist li a { color: #1e5a00; font-size: 0.89474em; line-height: 1.41176em; background: url("img/background_image.png") 0 6px no-repeat; padding: 0 10px 0 20px; display: block; }

.main-content-article { background: #ffffff; color: #666666; }
.main-content-article .article-info { overflow: hidden; *zoom: 1; color: #999999; font-size: 0.84211em; line-height: 1.5em; }
.main-content-article .article-info div { width: 100%; display: block; }
@media only screen and (min-width: 731px) { .main-content-article .article-info div { width: 45%; float: left; } }
@media only screen and (min-width: 731px) { .main-content-article .article-info div.category { width: 48%; float: left; margin-left: 6%; } }
.main-content-article .article-info div.category span { float: left; }
.main-content-article .article-info div.category ul { display: block; padding: 0; float: left; margin: 0; }
.main-content-article .article-info div.category ul li { background: none; padding: 0; margin: 0; float: left; }
.main-content-article .article-info div.category ul li:after { content: ","; }
.main-content-article .article-info div.category ul li:last-child:after, .main-content-article .article-info div.category ul li.last:after { content: ""; }
.main-content-article .article-info div.category ul li a { padding: 0 0 0 3px; }
.main-content-article .article-info span.type, .main-content-article .article-info span.date { padding: 0 3px; }
.main-content-article .article-info span.type:first-child, .main-content-article .article-info span.date:first-child { padding: 0 3px 0 0; }
.main-content-article ul { padding: 0; margin: 27px 0; }
.main-content-article ul li { background: url("img/bullet.gif") 4px 12px no-repeat transparent; padding: 0px 0 0px 30px; margin: 9px 0; }
.main-content-article ol { counter-reset: li; margin: 27px 0; padding: 0; }
.main-content-article ol li { color: #666666; }
.main-content-article ol > li { list-style: none outside none; margin: 9px 0 9px 30px; position: relative; }
.main-content-article ol > li:before { content: counter(li,decimal); counter-increment: li; left: -1.2em; position: absolute; top: 0px; font-size: 1.26316em; line-height: 1em; font-family: "MS-Regular", sans-serif; color: #6eb450; }
.main-content-article img { display: block; }
.main-content-article img.full { width: 100%; margin: 24px 0; }
.main-content-article p + ul { margin: -18px 0 27px; }

#main-content-related { background: #ffffff; }

#main-content-news { background: #ffffff; }
#main-content-news ul { padding: 0; list-style-image: none; }

#side-content-publications { background: #ffffff; }

.main-content-faq { background: #ffffff; }
.main-content-faq h2 span { color: #666666; display: block; font-size: 0.7em; font-family: "MS-Light", sans-serif; }
@media only screen and (min-width: 731px) { .main-content-faq h2 span { font-size: 0.5em; } }
.main-content-faq .faqlist { padding: 0; margin: 24px 0; position: relative; }
.main-content-faq .faqlist li { margin: 6px 0; padding: 0 0 0 24px; background: #F3F4F5; min-height: 60px; }
.main-content-faq .faqlist li a { font-size: 1em; margin: 0; position: relative; color: #000000; padding: 6px 32px 6px 0; display: block; margin: 0 20px 0 0; background: url("img/faq_moreless.png") 100% 20px no-repeat transparent; }
.main-content-faq .faqlist li a:hover, .main-content-faq .faqlist li a:active { text-decoration: none; }
.main-content-faq .faqlist li .inner { height: 0; text-indent: 100%; overflow: hidden; }
.main-content-faq .faqlist li .inner h3 { font-family: "MS-Regular", sans-serif; color: #6eb450; margin: 0; }
.main-content-faq .faqlist li .inner p { margin: 0 0 18px; }
.main-content-faq .faqlist li.expanded .inner { height: auto; text-indent: 0; padding: 12px 42px 12px 0; }
.main-content-faq .faqlist li.expanded .inner a { display: inline; background: none; padding: 0; color: #891b81; margin: 0; }
.main-content-faq .faqlist li.expanded .inner a:hover, .main-content-faq .faqlist li.expanded .inner a:active { text-decoration: underline; }
.main-content-faq .faqlist li.expanded .inner ul { margin: 18px 0; padding: 0; }
.main-content-faq .faqlist li.expanded .inner ul li { margin: 0; padding: 0; min-height: 0; background: url("img/bullet.gif") no-repeat scroll 4px 12px transparent; margin: 3px 0; padding: 0 0 0 20px; }
.main-content-faq .faqlist li.expanded a { background-position: 100% -257px; }
.main-content-faq .faqlist li.less { position: absolute; top: -9999em; left: -9999em; max-width: 100%; }

#main-content-help { overflow: hidden; *zoom: 1; }
#main-content-help .main-content-help-subject { background: #6eb450; width: 100%; padding: 12px; margin: 12px 0; word-wrap: break-word; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (min-width: 731px) { #main-content-help .main-content-help-subject { width: 48.5%; float: left; padding: 30px 30px 10px 30px; margin: 0 0 0 1.5%; }
  #main-content-help .main-content-help-subject:first-child { margin: 0 1.5% 0 0; } }
#main-content-help .main-content-help-subject h2 { color: #ffffff; margin: 0 0 18px 0; }
#main-content-help .main-content-help-subject .article-list { padding: 0; margin: 0; }
#main-content-help .main-content-help-subject .article-list li { padding: 12px 0 18px; }
#main-content-help .main-content-help-subject .article-list li a { margin: 0; }

.subjects .subject { opacity: 0.5; }
.subjects .subject.active { opacity: 1; }
.subjects .subject:first-child .slider-nav .prev { display: none; }
.subjects .subject:last-child .slider-nav .next { display: none; }
.subjects .subject .breadcrumb-container { left: 0; margin: 24px 0 0; position: absolute; top: 0; z-index: 1; }
@media only screen and (min-width: 731px) { .subjects .subject .breadcrumb-container { padding: 24px 0 0 26px; } }
@media only screen and (min-width: 1001px) { .subjects .subject .breadcrumb-container { padding: 24px 0 0; } }
.subjects .subject .breadcrumb-container .breadcrumb { margin: 0; }
.subjects .subject .breadcrumb-container .breadcrumb li:first-child { padding: 0 0px 0 0; }

.subject__images { position: relative; }
.subject__images .subject__images__switch, .subject__images .subject__images__default { position: absolute; }
.subject__images .subject__images__default { z-index: 1; }
.subject__images .subject__images__switch { z-index: 0; }
.subject__images:hover .subject__images__switch { z-index: 2; }

.main-content-subject .introblock { background: #ffffff; *zoom: 1; }
.main-content-subject .introblock:before, .main-content-subject .introblock:after { content: ""; display: table; }
.main-content-subject .introblock:after { clear: both; }
.main-content-subject .introblock p { color: #000000; margin: 18px 0; }
.main-content-subject .introblock p:last-child { margin: 18px 0 0 0; }
.main-content-subject .introblock h1 { margin: 0 0 18px 0; color: #0f1e3c; }
.main-content-subject .main-content-subjectblocks .subjectblock { background: #ffffff; width: 100%; padding: 18px 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 12px 0px; }
@media only screen and (min-width: 731px) { .main-content-subject .main-content-subjectblocks .subjectblock { padding: 30px; width: 48%; float: left; margin: 0px 2% 24px 0; }
  .main-content-subject .main-content-subjectblocks .subjectblock:nth-child(even) { margin: 0px 0px 24px 2%; float: right; } }
@media only screen and (min-width: 1001px) { .main-content-subject .main-content-subjectblocks .subjectblock { width: 300px; }
  .main-content-subject .main-content-subjectblocks .subjectblock:nth-child(even) { margin: 0px 20px 24px 0; float: left; }
  .main-content-subject .main-content-subjectblocks .subjectblock:nth-child(3n+3) { margin: 0px 0px 24px 0; } }

.subjectblock { background: #ffffff; padding: 18px 12px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 12px 0px; }
.subjectblock.no-padding-block { padding: 0 !important; }
@media only screen and (min-width: 731px) { .subjectblock { padding: 30px; width: 48%; float: left; margin: 0px 2% 24px 0; }
  .subjectblock:nth-child(even) { margin: 0px 0px 24px 2%; float: right; } }
@media only screen and (min-width: 1001px) { .subjectblock { width: 300px; margin: 0px 0 24px 0; } }
.subjectblock h2 { margin: 0; font-size: 1.26316em; line-height: 1.25em; }
@media only screen and (min-width: 731px) { .subjectblock h2 { font-size: 1.47368em; line-height: 1.17857em; } }
.subjectblock p { margin: 12px 0; }

.subjectblock.no-padding-block { position: relative; /* .subjectblock__overlay { background-color: #468c28; opacity: 0.8; position: absolute; width: 100%; height: 100%; }*/ }
.subjectblock.no-padding-block .subjectblock__image__holder { min-height: 150px; width: 100%; display: block; background-repeat: no-repeat; text-align: center; background-size: 80%; background-color: #6eb450; background-position: center; height: 100%; }
@media only screen and (min-width: 1001px) { .subjectblock.no-padding-block .subjectblock__image__holder { min-height: 300px; } }
@media only screen and (max-width: 730px) { .subjectblock.no-padding-block .subjectblock__image__holder { background-size: 30%; } }
.subjectblock.no-padding-block .subjectblock__image__holder img { /*position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;*/ }

.swiper-container { /* Specify Swiper's Size: */ width: 100%; }

.swiper-slide { /* Specify Slides's Size: */ /*   width:100%; */ float: left; }

.swiper-slide-active { /* Specific active slide styling: */ }

.swiper-slide-visible { /* Specific visible slide styling: */ }

#side-content-donutchart { background: #ffffff; }
#side-content-donutchart .chart-table { height: 0; overflow: hidden; position: relative; text-indent: -99999em; }
#side-content-donutchart .chart-table.expanded { text-indent: 0; height: auto; }
#side-content-donutchart .chart-table table { width: 100%; }
#side-content-donutchart .chart-table table th, #side-content-donutchart .chart-table table td { text-align: left; border: none; padding: 6px 6px 6px 2px; }
#side-content-donutchart .chart-table table th { color: #000000; }
#side-content-donutchart .chart-table table td { color: #666666; }
#side-content-donutchart .chart-table table tr:nth-child(even) { background-color: #F3F4F5; }
#side-content-donutchart .chart-table table caption { position: absolute; left: -99999em; }

#side-content.filter-container .filters { background: #ffffff; }
#side-content.filter-container .filters .filter-block { padding: 0 0 24px 0; margin: 0 0 24px 0; border-bottom: 1px solid #dddddd; }
#side-content.filter-container .filters .filter-block h2 { background: url(img/faq_moreless.png) 100% -272px no-repeat; padding: 0 30px 0 0; }
@media only screen and (min-width: 731px) { #side-content.filter-container .filters .filter-block h2 { background: none; padding: 0; } }
#side-content.filter-container .filters .filter-block.folded > div { display: none; }
#side-content.filter-container .filters .filter-block.folded h2 { background: url(img/faq_moreless.png) 100% 5px no-repeat; }
@media only screen and (min-width: 731px) { #side-content.filter-container .filters .filter-block.folded h2 { background: none; } }
#side-content.filter-container .filters .filter-block:last-child { border: none; padding: 0; margin: 0; }
#side-content.filter-container .filters .filter-block .filter-items { padding: 0; }
#side-content.filter-container .filters .filter-block .filter-items li { margin: 6px 0; }
#side-content.filter-container .filters .filter-block .filter-items li a { color: #1e5a00; font-size: 0.94737em; line-height: 1.16667em; }
#side-content.filter-container .filters .filter-block .filter-items li a .amount { color: #999999; }
#side-content.filter-container .filters .filter-block .filter-items li .item-list ul { padding-left: 10px; }
#side-content.filter-container .filters .filter-block .filter-items li .item-list ul li > a { background: url("img/arrow_green_right.png") no-repeat 0 50%; padding-left: 15px; }
#side-content.filter-container .filters .filter-block .filter-items li.filtered a.filtered-active { background: url("img/icon_filtered.png") 100% 2px no-repeat #F3F4F5; padding: 0 26px 0 0; display: block; line-height: 27px; }
#side-content.filter-container .filters .filter-block .filter-items li.filtered a .remove { position: absolute; left: -99999em; }
#side-content.filter-container .filters .filter-block h3 { font-size: 0.94737em; }
#side-content.filter-container .filters .filter-list .item-list .item-list { display: none; }
#side-content.filter-container .filters .filter-list .item-list .filtered .item-list { display: block; }

.search-results h1 { margin: 0 0 0px 0; }
.search-results .summary { margin: 0; color: #999999; display: block; }
.search-results .summary .keywords { color: #1e5a00; }
.search-results .sort { font-size: 0.84211em; color: #000000; margin-top: 12px; }
@media only screen and (min-width: 731px) { .search-results .sort { text-align: right; } }
.search-results .sort form { height: auto; line-height: normal; }
.search-results .sort form .input-group { display: inline-block; overflow: visible; vertical-align: middle; margin: 0; }
@media only screen and (min-width: 731px) { .search-results .sort form .input-group { margin: 0 5px 0 0; display: inline-block; } }
.search-results .sort select { height: 28px; }
.search-results .sort button { border: none; margin: 0; display: inline-block; vertical-align: middle; margin: 5px 0; }
.search-results .sort button:before { background-image: url("img/arrow_white_right.png"); background-position: center center; }
.search-results .article-list { margin: 20px 0 0 0; }
.search-results .article-list li { background: none; padding: 12px 0; border-top: 1px solid #dddddd; border-bottom: none; padding: 18px 0; }
.search-results .article-list li.highlight { padding: 18px 20px; border: none; background-color: #6eb450; }
.search-results .article-list li.highlight .article-info { color: #ffffff; }
.search-results .article-list li.highlight + li { border: none; }
.search-results .article-list li:first-child { border: none; }
.search-results .article-list li:last-child { border-bottom: 1px solid #dddddd; }
.search-results .article-list li .article-info { margin: 0 0 3px 0; }
.search-results .article-list li .visual { display: none; }
@media only screen and (min-width: 731px) { .search-results .article-list li .visual { display: table-cell; } }
.search-results .article-list li .visual img { height: 78px; margin: 6px 18px 0 0; }
.search-results .article-list li .content { display: table-cell; vertical-align: top; }
.search-results .article-list a { margin: 0; color: #1e5a00; }
.search-results .article-list a .linktitle { color: #1e5a00; display: block; }
.search-results .article-list a .highlight { font-weight: bold; color: #000000; }
.search-results .pager { overflow: hidden; width: 100%; margin-top: 32px; }
.search-results .pager ul { *zoom: 1; padding: 0; display: block; position: relative; float: left; left: 50%; }
.search-results .pager ul:before, .search-results .pager ul:after { content: ""; display: table; }
.search-results .pager ul:after { clear: both; }
.search-results .pager ul li { float: left; background: none; padding: 0; position: relative; right: 50%; display: block; text-indent: 0; margin: 0 4px 0; border: 1px solid #ccc; min-width: 22px; text-align: center; line-height: 22px; text-decoration: none; box-sizing: border-box; }
.search-results .pager ul li.pager-current { color: #6eb450; font-family: "MS-Regular", sans-serif; }
.search-results .pager ul li.pager-first, .search-results .pager ul li.pager-last, .search-results .pager ul li.pager-previous, .search-results .pager ul li.pager-next { text-indent: -99999em; border: none; overflow: hidden; height: 24px; width: 22px; }
.search-results .pager ul li.pager-first a, .search-results .pager ul li.pager-last a, .search-results .pager ul li.pager-previous a, .search-results .pager ul li.pager-next a { background: url("img/pager_nextprev.png") -2px 0 no-repeat #1e5a00; }
.search-results .pager ul li.pager-first a:hover, .search-results .pager ul li.pager-first a:focus, .search-results .pager ul li.pager-last a:hover, .search-results .pager ul li.pager-last a:focus, .search-results .pager ul li.pager-previous a:hover, .search-results .pager ul li.pager-previous a:focus, .search-results .pager ul li.pager-next a:hover, .search-results .pager ul li.pager-next a:focus { background-color: #316565; }
.search-results .pager ul li.pager-last, .search-results .pager ul li.pager-next { width: 22px; }
.search-results .pager ul li.pager-last a, .search-results .pager ul li.pager-next a { background-position: 0 -24px; }
.search-results .pager ul li.pager-first a, .search-results .pager ul li.pager-last a { background-image: url("img/pager_firstlast.png"); }
.search-results .pager ul li.pager-ellipsis { width: 22px; }
.search-results .pager ul li a { color: #1e5a00; display: block; height: 100%; }
.search-results .pager ul li a:hover, .search-results .pager ul li a:focus { color: #6eb450; text-decoration: none; }

#date-picker label { position: absolute; left: -99999em; }
#date-picker .start, #date-picker .until { display: inline-block; float: left; font-size: 0.94737em; width: 38px; line-height: 2em; clear: left; }
#date-picker .input-date-container { position: relative; *zoom: 1; margin: 0 0 6px 0; }
#date-picker .input-date-container:before, #date-picker .input-date-container:after { content: ""; display: table; }
#date-picker .input-date-container:after { clear: both; }
#date-picker .input-date-container img { border: 6px solid #F3F4F5; }
@media only screen and (min-width: 731px) { #date-picker .input-date-container img { bottom: 0; position: absolute; right: 0; } }
#date-picker .input-date-container img:hover { cursor: pointer; }
#date-picker .input-date-container input.text { padding: 0 0 0 10px; width: 166px; height: 36px; line-height: normal; border: none; -webkit-appearance: none; border-radius: 0; }
#date-picker .submit-container input.submit { float: right; border: none; background: #1e5a00; color: #ffffff; text-transform: uppercase; font-family: "MS-Regular", sans-serif; font-size: 0.73684em; letter-spacing: 0.14em; height: 36px; line-height: 2.57143em; padding: 0 24px; width: auto; margin: 6px 0 0 0; }
#date-picker .submit-container input.submit:hover, #date-picker .submit-container input.submit:focus { background-color: #468c28; }

.filters .input-date-container img:first-of-type { display: none; }

/* ui datepicker styles */
#ui-datepicker-div { background: #F3F4F5; z-index: 9999; }

.ui-datepicker { width: 15em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float: left; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; }

.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
.ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

.atom-align-right { float: right; }

.atom-align-left { float: left; }

.atom-align-center { margin: 0 auto; display: table; }

.field .field-label { font-weight: bold; }

.field-label-inline .field-label, .field-label-inline .field-items { float: left; }

form .field-multiple-table { margin: 0; }
form .field-multiple-table th.field-label { padding-left: 0; }
form .field-multiple-table td.field-multiple-drag { width: 30px; padding-right: 0; }
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle { padding-right: .5em; }
form .field-add-more-submit { margin: .5em 0 0; }

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; }

.ui-helper-clearfix { display: inline-block; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .ui-helper-clearfix { height: 1%; }

.ui-helper-clearfix { display: block; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-widget-content { border: 1px solid #ccc; background: white; color: #222; }
.ui-widget-content a { color: #222; }

.ui-widget-header { border: 1px solid #ccc; color: #222; font-weight: bold; }
.ui-widget-header a { color: #222; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555; }

.ui-state-default a { color: #555; text-decoration: none; }
.ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #ffffff; font-weight: normal; color: #6eb450; }

.ui-state-hover a { color: #212121; text-decoration: none; }
.ui-state-hover a:hover { color: #212121; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 2px solid #aaa; background: white; font-weight: normal; color: #6eb450; }

.ui-state-active a { color: #212121; text-decoration: none; }
.ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-widget :active { outline: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 2px solid #aaa; color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 8px; width: 24px; height: 24px; background: url("img/pager_nextprev.png") -1px 0 no-repeat #1e5a00; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-color: #316565; }
.ui-datepicker .ui-datepicker-prev { left: 8px; }
.ui-datepicker .ui-datepicker-next { right: 8px; background-position: 1px -24px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; }

.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
.ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }

body.home h1 { position: absolute; top: -9999em; left: -9999em; }
body.home article > .center { padding: 0 10px; }
@media only screen and (min-width: 731px) { body.home article > .center { padding: 0 26px; } }
@media only screen and (min-width: 1001px) { body.home article > .center { padding: 0; } }

.swiper-container { overflow: hidden; }

#main-content.home { width: 100%; margin-bottom: 24px; margin-top: 12px; }
@media only screen and (min-width: 731px) { #main-content.home { margin: 27px 0 0 0; } }
#main-content.home #main-content-news .article-list { *zoom: 1; margin: 0 0 24px 0; }
#main-content.home #main-content-news .article-list:before, #main-content.home #main-content-news .article-list:after { content: ""; display: table; }
#main-content.home #main-content-news .article-list:after { clear: both; }
@media only screen and (min-width: 1001px) { #main-content.home #main-content-news .article-list li { width: 252px; float: left; border-left: 1px solid #dddddd; border-bottom: none; padding: 0 30px; margin: 0; }
  #main-content.home #main-content-news .article-list li:first-child { border: none; padding: 0 30px 0 0; }
  #main-content.home #main-content-news .article-list li:last-child { padding: 0 0 0 30px; } }
#main-content.home .alertbox { *zoom: 1; background: url("img/background_image.png") 0 0 repeat #ffffff; border: 6px solid #ffffff; position: relative; }
#main-content.home .alertbox:before, #main-content.home .alertbox:after { content: ""; display: table; }
#main-content.home .alertbox:after { clear: both; }
#main-content.home .alertbox h2 { color: #1e5a00; font-size: 1.36842em; line-height: 1.26923em; }
@media only screen and (min-width: 731px) { #main-content.home .alertbox h2 { font-size: 1.21053em; line-height: 1em; float: left; max-width: 500px; margin: 0; } }
@media only screen and (min-width: 1001px) { #main-content.home .alertbox h2 { max-width: 700px; font-size: 1.36842em; line-height: 1.26923em; } }
#main-content.home .subjects-slider { background: #ffffff; }
#main-content.home .subjects-slider .slider-nav { top: 0; position: relative; display: block; }
#main-content.home .subjects-slider .slider-nav a { width: 35px; height: 35px; background: url("img/slidernav_subj_hp_arrows.png") center 8px no-repeat #610059; overflow: hidden; text-indent: 100%; font-size: 0; }
#main-content.home .subjects-slider .slider-nav a.next { background-position: center -74px; right: -12px; left: auto; }
@media only screen and (min-width: 731px) { #main-content.home .subjects-slider .slider-nav a.next { right: -17px; } }
#main-content.home .subjects-slider .slider-nav a.prev { left: -12px; display: none; right: auto; }
@media only screen and (min-width: 731px) { #main-content.home .subjects-slider .slider-nav a.prev { left: -17px; } }
#main-content.home .subjects-slider .slider-nav .next, #main-content.home .subjects-slider .slider-nav .prev { top: 64px; }
#main-content.home .subjects-slider .subject { height: 162px; width: 242px; margin: 0 20px 0 0; opacity: 1; position: relative; }
#main-content.home .subjects-slider .subject img { display: block; width: 100%; }
#main-content.home .subjects-slider .subject a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; }
#main-content.home .subjects-slider .subject a span { display: inline-block; background-color: #868686; color: #FFF; position: absolute; z-index: 3; bottom: 0; left: 14px; color: #ffffff; font-size: 0.84211em; line-height: 1.6875em; padding: 0 10px; }
#main-content.home .subjects-slider .subject a:hover span { color: #891b81; background-color: #FFF; }
#main-content.home .bannerbox-container { padding: 0; *zoom: 1; }
#main-content.home .bannerbox-container:before, #main-content.home .bannerbox-container:after { content: ""; display: table; }
#main-content.home .bannerbox-container:after { clear: both; }
#main-content.home .bannerbox-container .bannerbox { background: #ffffff; position: relative; margin: 12px 0; padding: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (min-width: 731px) { #main-content.home .bannerbox-container .bannerbox { min-height: 240px; width: 48.5%; padding: 30px; margin: 0px 0 24px 1.5%; float: left; }
  #main-content.home .bannerbox-container .bannerbox:first-child { margin: 0px 1.5% 24px 0; } }
@media only screen and (min-width: 1001px) { #main-content.home .bannerbox-container .bannerbox { width: 300px; margin: 0px 20px 24px 0; }
  #main-content.home .bannerbox-container .bannerbox:first-child { margin: 0px 20px 24px 0; }
  #main-content.home .bannerbox-container .bannerbox:nth-child(3n+3) { margin: 0px 0px 24px 0; } }
#main-content.home .bannerbox-container .bannerbox.inverted { background: #6eb450; }
#main-content.home .bannerbox-container .bannerbox.inverted h2 { color: #ffffff; }
#main-content.home .bannerbox-container .bannerbox.case { padding: 12px; background: #6eb450; }
@media only screen and (min-width: 731px) { #main-content.home .bannerbox-container .bannerbox.case { padding: 0; } }
#main-content.home .bannerbox-container .bannerbox p { color: #1e5a00; font-size: 1.26316em; line-height: 1.375em; }
@media only screen and (min-width: 731px) { #main-content.home .bannerbox-container .bannerbox .linkbutton { position: absolute; bottom: 30px; } }
#main-content.home .bannerbox-container .bannerbox.download { width: 100%; margin: 0 0 24px 0; }
@media only screen and (min-width: 1001px) { #main-content.home .bannerbox-container .bannerbox.download { width: 300px; margin: 0px 0px 24px 0; } }
#main-content.home .bannerbox-container .bannerbox.download .article-list { margin: 0; }
#main-content.home .bannerbox-container .bannerbox.download .article-list li { border-top: 1px solid #DDDDDD; border-bottom: none; }
#main-content.home .bannerbox-container .bannerbox.download .article-list li:first-child { border: none; }
#main-content.home .bannerbox-container .bannerbox.download .article-list li:last-child { margin: 0; padding: 20px 0 0; }
#main-content.home .bannerbox-container .bannerbox.download .article-list li a { padding: 0 0 0 20px; background: url("img/arrow_purple_down.png") 0px 7px no-repeat transparent; display: block; margin: 0; }
#main-content.home .bannerbox-container .bannerbox.download .article-list li .filetype { color: #999999; font-size: 0.84211em; display: block; }

.slider-nav { display: none; position: absolute; bottom: 45px; width: 100%; z-index: 500; }
@media only screen and (min-width: 731px) { .slider-nav { position: relative; bottom: auto; } }
.active .slider-nav { display: block; }
@media only screen and (min-width: 731px) { .active .slider-nav { display: block; position: relative; bottom: auto; top: auto; margin: 0; opacity: 1; height: 0; } }
.slider-nav a { width: 35px; height: 35px; background: url("img/slidernav_subj_hp_arrows.png") center 8px no-repeat #891b81; position: absolute; text-decoration: none; display: block; }
@media only screen and (min-width: 731px) { .slider-nav a { background: url("img/slidernav_arrow.png") 0 0 no-repeat #891b81; bottom: 45px; width: 54px; height: 54px; } }
.slider-nav a:hover .swipe-hint, .slider-nav a:focus .swipe-hint { bottom: 66px; top: auto; }
.slider-nav a.next { background-position: center -74px; right: 0px; }
@media only screen and (min-width: 731px) { .slider-nav a.next { background-position: 0 0; } }
@media only screen and (min-width: 1001px) { .slider-nav a.next { right: 0px; } }
@media only screen and (min-width: 1281px) { .slider-nav a.next { right: -30px; } }
.slider-nav a.next .swipe-hint { right: 25px; }
.slider-nav a.next .swipe-hint:before { right: 0; border-width: 0 18px 18px 0; border-color: transparent #F3F4F5 transparent transparent; }
.slider-nav a.prev { left: 0px; }
@media only screen and (min-width: 731px) { .slider-nav a.prev { background-position: 0 100%; } }
@media only screen and (min-width: 1001px) { .slider-nav a.prev { left: 0px; } }
@media only screen and (min-width: 1281px) { .slider-nav a.prev { left: -30px; } }
.slider-nav a.prev .swipe-hint { left: 25px; }
.slider-nav a.prev .swipe-hint:before { left: 0; border-width: 18px 18px 0 0; border-color: #F3F4F5 transparent transparent transparent; }
.slider-nav a .swipe-hint { top: -9999em; bottom: auto; position: absolute; padding: 9px 15px 12px 20px; line-height: 1.10526em; height: 38px; width: auto; background: #F3F4F5; display: none; color: #999999; white-space: nowrap; }
@media only screen and (min-width: 731px) { .slider-nav a .swipe-hint { display: block; } }
.slider-nav a .swipe-hint.active { bottom: 66px; top: auto; }
.slider-nav a .swipe-hint .subject-title { display: block; color: #666666; }
.slider-nav a .swipe-hint:before { content: ""; position: absolute; bottom: -18px; width: 0px; height: 0px; border-style: solid; }

form > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
form .error, form .error li { color: #9E1985; }
form .submit-group, form .input-group { display: block; margin-bottom: 10px; overflow: hidden; *zoom: 1; }
#search-box-container form .submit-group, #search-box-container form .input-group { margin: 0; }
form .error textarea, form .error input { border: 1px solid #9E1985; font-size: 16px; }
form .error ul { margin-left: 29%; }
form ul { list-style: none; margin: 0; }
form li { background: none !important; margin: 0 !important; padding: 0 !important; }
form label, form input { float: left; line-height: 27px; }
form input { height: 27px; }
form label { width: 28%; white-space: nowrap; color: #333333; }
@media only screen and (min-width: 731px) { form label { white-space: normal; } }
form textarea, form input { width: 68%; background: #F3F4F5; padding: 5px; border: 1px solid #DDD; }
@media only screen and (min-width: 731px) { form textarea, form input { width: 70%; } }
@media only screen and (min-width: 1001px) { form textarea, form input { width: 69%; } }
form input[type="radio"] { width: auto; margin: 6px 10px 0; height: auto; }
form .radio.inline { overflow: hidden; margin: 0 0 0 29%; }
@media only screen and (min-width: 731px) { form .radio.inline { display: inline; margin: 0; } }
form .radio.inline label { color: #666666; }

.inschrijfForm fieldset { border: none; padding: 0; }
.inschrijfForm fieldset legend { height: 1px; left: -99999em; overflow: hidden; position: absolute; top: auto; width: 1px; }
.inschrijfForm fieldset .formField { position: relative; margin-top: 6px; }
.inschrijfForm fieldset .formField label { width: 100%; display: block; }
.inschrijfForm fieldset .formField input { border: none; padding: 6px 42px 6px 6px; }
.inschrijfForm fieldset .formField input:focus { border: 1px solid #ffffff; }
.inschrijfForm fieldset .formField input.text { position: absolute; top: 0; left: 0; background: #375064; width: 172px; color: white; height: 20px; font-size: 0.84211em; line-height: 24px; font-family: "MS-Light", sans-serif; }
.inschrijfForm fieldset .form-buttons { width: 24px; height: 24px; position: relative; float: left; margin: -24px 0 0 192px; }
.inschrijfForm fieldset .form-buttons input.button { width: 24px; height: 24px; line-height: 0; background: url("img/arrow_white_right.png") center center no-repeat #0f1e3c; border: none; text-indent: -9999em; padding: 0; }
.inschrijfForm fieldset .form-buttons input.button:focus { border: 1px solid #ffffff; }

.webform-client-form .help-block { display: block; float: right; font-size: 68%; line-height: 18px; margin-top: 10px; padding: 5px 0 5px 35%; text-align: left; width: 65%; }
.webform-client-form button, .webform-client-form input, .webform-client-form select, .webform-client-form textarea { font-size: 71%; margin: 0; vertical-align: baseline; }
.webform-client-form .form-managed-file .form-submit { margin: 0; float: right; width: 66%; }
.webform-client-form .form-file { float: right; }

form.webform-client-form label { font-size: 90%; line-height: 37px; margin-right: 0; width: 33%; }
form.webform-client-form textarea, form.webform-client-form input { width: 64%; }
form.webform-client-form input[type="radio"] { width: auto; margin: 12px 10px 0; }
form.webform-client-form .form-radios { float: left; }

.bannerbox-container .bannerbox.inverted { background-color: #6eb450 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton { background-color: #1e5a00 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton:before { background-color: #468c28 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton:hover { background-color: #468c28 !important; }
.bannerbox-container .bannerbox.inverted a.linkbutton:hover:before { background-color: #1e5a00 !important; }

.cases-container { width: 100%; }
@media only screen and (min-width: 731px) { .cases-container { *zoom: 1; }
  .cases-container:before, .cases-container:after { content: ""; display: table; }
  .cases-container:after { clear: both; } }
#side-content .cases-container { padding: 0; }
@media only screen and (min-width: 1001px) { #side-content .cases-container { margin: 0; } }

.case { background: #6eb450; position: relative; width: 100%; padding: 10px; *zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 12px 0px; }
.case:before, .case:after { content: ""; display: table; }
.case:after { clear: both; }
@media only screen and (min-width: 731px) { .case { width: 48%; float: left; margin: 0px 2% 24px 0; padding: 0; }
  .case:nth-child(even) { margin: 0px 0px 24px 2%; float: right; } }
@media only screen and (min-width: 1001px) { .case { width: 300px; margin: 0px 20px 24px 0; }
  .case:nth-child(even) { margin: 0px 20px 24px 0; float: left; }
  .case:nth-child(3n+3) { margin: 0px 0px 24px 0; } }
.case .visual, .case .foto { padding: 12px 0 0; width: 33%; float: left; }
@media only screen and (min-width: 731px) { .case .visual, .case .foto { float: none; width: 100%; height: 140px; padding: 18px 0 6px; } }
@media only screen and (min-width: 1001px) { .case .visual, .case .foto { height: 112px; } }
.case .visual img, .case .foto img { width: auto; display: block; margin: 0 auto; max-height: 140px; max-width: 100%; height: auto; }
@media only screen and (min-width: 731px) { .case .visual img, .case .foto img { width: auto; max-width: 66%; margin: 0 auto; max-height: 140px; } }
@media only screen and (min-width: 1001px) { .case .visual img, .case .foto img { height: 112px; width: auto; } }
.case .foto { position: relative; padding: 0 0 33% 0; overflow: hidden; margin: 6px 0 0 0; }
@media only screen and (min-width: 731px) { .case .foto { padding: 0 0 12px 0; margin: 0 0 12px 0; } }
.case .foto img { position: absolute; height: 100%; right: 0; top: 0; width: auto; max-height: none; max-width: none; }
@media only screen and (min-width: 731px) { .case .foto img { width: 100%; height: auto; max-height: none; margin: -25% 0 0 0; top: 50%; max-width: 100%; } }
@media only screen and (min-width: 1001px) { .case .foto img { height: 140px; position: relative; } }
.case .info { width: 64%; float: left; padding-left: 3%; }
@media only screen and (min-width: 731px) { .case .info { width: auto; float: none; padding: 0 30px 60px 30px; } }
.case h2 { color: #1e5a00; font-size: 1em; line-height: 1.42105em; margin: 0 0 6px 0; }
@media only screen and (min-width: 731px) { .case h2 { color: #1e5a00; font-size: 1.36842em; line-height: 1.15385em; } }
.case .date { color: #ffffff; font-size: 0.78947em; line-height: 1.6em; }
@media only screen and (min-width: 731px) { .case .date { font-size: 0.84211em; line-height: 1.5em; } }
.case.grey { background: #DDDEDF; }
.case.grey .date { color: #1e5a00; }
@media only screen and (min-width: 731px) { .related-cases .case { width: 48%; float: left; margin: 0px 2% 24px 0; padding: 0; }
  .related-cases .case:nth-child(even) { margin: 0px 0px 24px 2%; float: right; } }
@media only screen and (min-width: 1001px) { .related-cases .case { width: 48%; float: left; margin: 0px 2% 24px 0; padding: 0; }
  .related-cases .case:nth-child(even) { margin: 0px 0px 24px 2%; float: right; } }
@media only screen and (min-width: 731px) { article #side-content .case { padding: 0; } }

.related-cases { display: none; }
@media only screen and (min-width: 731px) { .related-cases { display: block; padding: 0; background: #ffffff; margin: 0 0 24px 0; } }

h2.case-title { color: #1e5a00; font-size: 1.78947em; line-height: 1.05882em; }
@media only screen and (min-width: 731px) { h2.case-title { font-size: 3.42105em; line-height: 0.92308em; letter-spacing: -0.01875em; } }

#slider { margin: 0 0 12px 0; overflow: hidden; }
@media only screen and (min-width: 731px) { #slider { margin: 0; position: relative; } }
.home #slider .swiper-container { display: none; }
@media only screen and (min-width: 731px) { .home #slider .swiper-container { display: block; } }
.home #slider .main-subject { background: #ffffff; position: relative; padding: 20px; z-index: 10; margin: 0 10px; }
@media only screen and (min-width: 731px) { .home #slider .main-subject { position: absolute; bottom: 0px; z-index: 2; width: 250px; margin-left: -310px; left: 50%; } }
@media only screen and (min-width: 1001px) { .home #slider .main-subject { width: 310px; padding: 42px 36px; margin-left: -400px; } }
.home #slider .main-subject h2 { color: #0f1e3c; margin-top: 0; font-size: 1.78947em; line-height: 1.05882em; }
@media only screen and (min-width: 1001px) { .home #slider .main-subject h2 { font-size: 2.10526em; line-height: 1.05em; } }
.home #slider .main-subject .date { color: #999999; font-size: 0.84211em; }
@media only screen and (min-width: 731px) { #slider .swiper-slide { width: 100%; } }
@media only screen and (min-width: 1001px) { #slider .swiper-slide { width: auto; } }
#slider .swiper-slide:last-child .slide-wrapper { border: none; }
#slider .swiper-slide .fixedratio { overflow: hidden; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .fixedratio { padding: 41.53846153846154% 0 0 0; position: relative; } }
@media only screen and (min-width: 1001px) { #slider .swiper-slide .fixedratio { min-width: 940px; margin: 0 5px; } }
@media only screen and (min-width: 1281px) { #slider .swiper-slide .fixedratio { min-width: 1240px; } }
#slider .swiper-slide .slide-wrapper { padding: 1px 20px; position: relative; border-bottom: 1px solid #ffffff; background-color: #0f1e3c; }
#slider .swiper-slide .slide-wrapper:before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ffffff transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin: 0 0 0 -10px; z-index: 10; }
#slider .swiper-slide .slide-wrapper:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #1e5a00 transparent transparent transparent; bottom: -8px; position: absolute; left: 50%; margin: 0 0 0 -9px; z-index: 10; }
#slider .swiper-slide .slide-wrapper.light { background-color: #6eb450; }
#slider .swiper-slide .slide-wrapper.light:after { border-color: #6eb450 transparent transparent transparent; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .slide-wrapper { border: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; padding: 0; }
  #slider .swiper-slide .slide-wrapper:before, #slider .swiper-slide .slide-wrapper:after { display: none; border: none; } }
#slider .swiper-slide .slide-wrapper.foto { padding: 10px; background-color: #dddedf; }
#slider .swiper-slide .slide-wrapper.foto:after { border-color: #dddedf transparent transparent transparent; }
#slider .swiper-slide .slide-wrapper.foto .visual img { width: 100%; }
#slider .swiper-slide .slide-wrapper.foto .slide-content { padding: 0 10px; margin: 0 0 20px 0; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .slide-wrapper.foto .slide-content { padding: 0 15px 0 65px; margin: 0; } }
#slider .swiper-slide .slide-wrapper.foto .slide-content .date { color: #1e5a00; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .slide-wrapper.foto { padding: 0; }
  #slider .swiper-slide .slide-wrapper.foto .slide-content h1 { text-shadow: 1px 2px 0px white; } }
#slider .swiper-slide .slide-content { margin: 20px 0; }
#slider .swiper-slide .slide-content .date { font-size: 0.84211em; color: #ffffff; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .slide-content .date { font-size: 0.94737em; } }
#slider .swiper-slide .slide-content p { color: #ffffff; margin: 0 0 12px; }
#slider .swiper-slide .slide-content h1 { font-size: 1.57895em; line-height: 1.1em; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .slide-content h1 { font-size: 2.10526em; line-height: 1.05em; } }
#slider .swiper-slide .slide-content h2 { color: #ffffff; margin: 6px 0; font-size: 1.26316em; line-height: 1.25em; }
#slider .swiper-slide .slide-content a { color: #ffffff; padding: 0 0 0 20px; text-decoration: underline; background: url("img/arrow_white_right.png") 0 6px no-repeat transparent; }
#slider .swiper-slide .slide-content .visual img { width: 100%; }
@media only screen and (min-width: 731px) { #slider .swiper-slide .slide-content { width: 50%; position: absolute; top: 20%; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #slider .swiper-slide .slide-content.left { left: 0px; padding: 0 15px 0 65px; }
  #slider .swiper-slide .slide-content.right { right: 0px; padding: 0 65px 0 15px; } }
#slider .center { display: none; }
@media only screen and (min-width: 731px) { #slider .center { left: 0; padding: 0; position: absolute; top: 50%; width: 100%; display: block; } }
@media only screen and (min-width: 1001px) { #slider .center { padding: 0; } }
#slider .center .slider-nav { display: none; }
@media only screen and (min-width: 731px) { #slider .center .slider-nav { display: block; margin: -27px auto 0; } }
#slider .center .slider-nav a.next, #slider .center .slider-nav a.prev { position: absolute; top: auto; bottom: auto; z-index: 500; text-indent: -99999px; }
#slider .center .slider-nav a.next:hover, #slider .center .slider-nav a.prev:hover { background-color: #390031; }
#slider .center .slider-nav a.next { right: 0; }
@media only screen and (min-width: 1001px) { #slider .center .slider-nav a.next { right: 50%; margin-right: -500px; } }
@media only screen and (min-width: 1281px) { #slider .center .slider-nav a.next { margin-right: -652px; } }
#slider .center .slider-nav a.prev { left: 0; }
@media only screen and (min-width: 1001px) { #slider .center .slider-nav a.prev { left: 50%; margin-left: -500px; } }
@media only screen and (min-width: 1281px) { #slider .center .slider-nav a.prev { margin-left: -652px; } }

footer { background: #0f1e3c; position: relative; padding: 0 10px; z-index: 600; }
@media only screen and (min-width: 731px) { footer { padding: 0 26px; z-index: auto; } }
@media only screen and (min-width: 1001px) { footer { padding: 0; } }
footer .center { padding: 36px 0; overflow: hidden; *zoom: 1; }
footer .center > div { width: 100%; margin: 0 0 12px 0; float: left; color: #ffffff; }
@media only screen and (min-width: 731px) { footer .center > div { width: 32%; margin-right: 1%; }
  footer .center > div:last-child { width: 50%; margin: 0; clear: left; } }
@media only screen and (min-width: 1001px) { footer .center > div { width: 23%; margin-right: 2%; }
  footer .center > div:last-child { width: 23%; margin-right: 2%; clear: none; } }
footer .center > div h3 { font-family: "MS-Regular", sans-serif; font-size: 1em; color: #ffffff; }
footer .center > div p { color: #ffffff; font-size: 0.84211em; line-height: 1.5em; margin: 0; }
footer .center > div ul.linklist { padding: 0; }
footer .center > div ul.linklist li { margin: 12px 0; }
footer .center > div ul.linklist li a { color: #ffffff; text-decoration: none; padding: 0 0 0 22px; font-size: 0.84211em; line-height: 1.125em; background: url("img/arrow_white_right.png") 0 5px no-repeat transparent; display: block; }
footer .center > div ul.linklist li a:hover, footer .center > div ul.linklist li a:active { text-decoration: underline; }
footer .center > div ul.linklist li a.unsubscribe { margin: 0 0 24px 0; }
footer .center > div ul.linklist li a.rss { background: url("img/rss_icon.png") 0 2px no-repeat transparent; padding: 0 0 0 30px; }
footer .center > div ul.linklist li a.twitter { background: url("img/twitter_icon.png") 0 3px no-repeat transparent; padding: 0 0 0 30px; }

nav { z-index: 500; }
@media only screen and (min-width: 731px) { nav { z-index: 12; } }
nav #mainnav { width: 100%; top: 30px; }
@media only screen and (min-width: 731px) { nav #mainnav { width: auto; } }
nav #mainnav a.drop_menu { background: url(../presentation/img/icon_menu.png) no-repeat 10px 50%; padding-left: 30px; width: auto; display: inline-block; height: 48px; line-height: 48px; color: #1e5a00; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (min-width: 731px) { nav #mainnav a.drop_menu { display: none; } }
nav ul.topnav { display: none; position: absolute; margin: 0; padding: 0; width: 100%; left: 0; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (min-width: 731px) { nav ul.topnav { background: transparent; display: block; left: auto; width: auto; } }
nav ul.topnav > li { border-bottom: 1px solid #dddddd; min-height: 40px; line-height: 40px; }
@media only screen and (min-width: 731px) { nav ul.topnav > li { min-height: 0; line-height: normal; border: 0; padding: 0; } }
nav ul.topnav li { width: 100%; }
@media only screen and (min-width: 731px) { nav ul.topnav li { width: auto; margin: 0 15px; } }
@media only screen and (min-width: 1001px) { nav ul.topnav li { width: auto; margin: 0 15px; }
  nav ul.topnav li:first-child { margin: 0 15px 0 0; } }
nav ul.topnav li a { color: #333333; text-decoration: none; padding: 0 10px; display: block; }
@media only screen and (min-width: 731px) { nav ul.topnav li a { font-size: 0.89474em; letter-spacing: -0.01em; padding: 18px 10px 18px 10px; }
  nav ul.topnav li a:first-of-type { padding-left: 0px; } }
nav ul.topnav li a:hover, nav ul.topnav li a:focus, nav ul.topnav li a:active, nav ul.topnav li a.selected { color: #891b81; }
nav ul.topnav li.foldout { position: relative; margin: 0; }
@media only screen and (min-width: 1001px) { nav ul.topnav li.foldout { margin: 0 0px; } }
nav ul.topnav li.foldout > a { border: 1px solid transparent; border-bottom: none; background: url("img/bg_nav_mobile.png") 100% 20px no-repeat transparent; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout > a { padding: 18px 20px 20px 6px; height: 59px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("img/bg_topnav.png") 100% 26px no-repeat transparent; } }
@media only screen and (min-width: 1001px) { nav ul.topnav li.foldout > a { padding: 18px 40px 20px 30px; background-position: 88% 26px; } }
nav ul.topnav li.foldout > a:hover, nav ul.topnav li.foldout > a:focus, nav ul.topnav li.foldout > a:active, nav ul.topnav li.foldout > a.selected { outline: none !important; background-position: 100% -30px; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout > a:hover, nav ul.topnav li.foldout > a:focus, nav ul.topnav li.foldout > a:active, nav ul.topnav li.foldout > a.selected { background-position: 100% -22px; } }
@media only screen and (min-width: 1001px) { nav ul.topnav li.foldout > a:hover, nav ul.topnav li.foldout > a:focus, nav ul.topnav li.foldout > a:active, nav ul.topnav li.foldout > a.selected { background-position: 88% -22px; } }
nav ul.topnav li.foldout .subnav { height: 0; position: absolute; left: -9999em; top: -9999em; -moz-transition: height 0.2s; -o-transition: height 0.2s; -webkit-transition: height 0.2s; transition: height 0.2s; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout .subnav { position: absolute; -moz-transition: none 0; -o-transition: none 0; -webkit-transition: none 0; transition: none 0; } }
nav ul.topnav li.foldout .subnav li { height: 0; }
nav ul.topnav li.foldout .subnav li a { padding: 0; }
nav ul.topnav li.foldout.expanded > a { color: #891b81; position: relative; background-position: 100% -73px; background-color: white; z-index: 20; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout.expanded > a { border: 1px solid #dddddd; border-bottom: none; background-position: 100% -69px; background-color: #ffffff; } }
@media only screen and (min-width: 1001px) { nav ul.topnav li.foldout.expanded > a { background-position: 88% -69px; } }
nav ul.topnav li.foldout.expanded .subnav { text-indent: 0; height: auto; z-index: 10; position: relative; background: #ffffff; padding: 0; top: 0; left: 0; min-width: 140px; width: 100%; }
nav ul.topnav li.foldout.expanded .subnav.flip { left: auto; right: 0; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout.expanded .subnav { white-space: nowrap; position: absolute; top: 58px; padding: 0 16px 24px; width: auto; border: 1px solid #dddddd; z-index: 19; } }
nav ul.topnav li.foldout.expanded .subnav li { margin: 0; height: auto; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout.expanded .subnav li { border-top: 1px solid #dddddd; } }
nav ul.topnav li.foldout.expanded .subnav li:first-child { border-top: none; }
nav ul.topnav li.foldout.expanded .subnav li a { background: url("img/arrow_green_right.png") 10px 0.75em no-repeat transparent; padding: 9px 6px 9px 30px; display: block; line-height: 1.05882em; }
@media only screen and (min-width: 731px) { nav ul.topnav li.foldout.expanded .subnav li a { padding: 9px 18px 9px 25px; background-position: 2px 0.75em; } }
nav ul.topnav li.foldout.expanded .subnav li a:hover, nav ul.topnav li.foldout.expanded .subnav li a:focus { background-color: #F3F4F5; color: #333333; }