/***
 * * NWO.nl - main stylesheet
 *
 * Author: Fabrique [brands, design & interaction] - http://fabrique.nl/
 *         Leon Vreeswijk, Remco Hoff
 * Date: 2011-11-23
 *
 * TOC
 * ##ELEMENTS
 * ##GRID
 * ##TOOLBOX
 * ##GENERIC
 * ##IMAGEHEADER
 * ##HEADER
 * ##FOOTER
 * ##NAVIGATION
 * ##CONTENT
 * ##HOME
 * ##SUBSIDY
 * ##SEARCHRESULT
 * ##FORMS
 * ##OVERLAY
 * ##THEMES
 */

/* COLORS */
/*
area's
red:   #18657C				//theme
       dark      light
purple:#8E68A0 / #D9C3DA   //top-sectoren
black: #494949
grey1: #222222
grey2: #727272
grey3: #CCCCCC
grey4: #F1F1F1
white: #fff

text:
           normal    rollover
red:       #18657C / #008B9F //theme
purple:    #8E68A0 /		  //top-sectoren

*/



/***
 * ##ELEMENTS
 */

@font-face {
  font-family: Saira;
  src: url("../fonts/SairaExtraCondensed-Medium.woff2");
}

/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: local('Calibri Italic'), local('Calibri-Italic'), url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btPMDoTpA&skey=36a3d5758e0e2f58&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'), url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRgejiMIKQ&skey=8b00183e5f6700b6&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY67FIEjg&skey=a1029226f80653a8&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: local('Calibri Bold'), local('Calibri-Bold'), url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHxIZrCE&skey=cd2dd6afe6bf0eb2&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


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

html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  position: relative;
  color: #494949;
  font-size: 100%;
  font-weight: normal;
  font-family: Calibri, Arial, sans-serif;
  background: #fff;
  height: 100%;
  min-width: 988px;
}

h1{
  font-family: "Saira", "Times New Roman", serif;
  font-size: 300%;
  font-weight: normal;
  line-height: 1.15em;
  margin-top: -5px;
  color: #18657c;
}
h2{
  font-family: "Saira", "Times New Roman", serif;
  font-size: 230%;
  font-weight: normal;
  line-height: 1.4em;
  color: #18657C;
  margin-top: 0;
  margin-bottom:15px;
}
h3{
  font-family: "Saira", "Times New Roman", serif;
  font-size: 150%;
  font-weight: normal;
  line-height: 1em;
  color: #18657C;
  margin-top:0;
  margin-bottom:15px;
}
h4{
  font-family: "Calibri", "Times New Roman", serif;
  line-height: 1.33em;
  color: #494949;
  margin-top: 0;
  margin-bottom:15px;
}
h5{
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1em;
  color: #494949;
  margin-top: 0;
  margin-bottom: 10px;
  position:relative;
}

#content-header h5{
  color:#18657C;
  margin-bottom: 4px;
}

h6 {
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1em;
  color: #494949;
}
/* ::-moz-selection{
  color: #fff;
  text-shadow: none;
  background: #18657C;
}
::selection {
  color: #fff;
  text-shadow: none;
  background: #18657C;
} */
a,
a:active,
a:visited {
  color: #18657C;
  /* -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out; */
}
a:hover { color: #008B9F; }
/* a:link { -webkit-tap-highlight-color: #008B9F; } */
a:hover,
a:active {
  outline: none;
}
.button-plain:visited{color: #000;}

a img { border: 0; }

p, li {

  line-height: 1.5em;
  position:relative;
}
p { margin: 0 0 20px 0; }
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  color: #000;
  text-decoration: none;
  background-color: #ff9;
}
mark {
  color: #000;
  font-style: italic;
  font-weight: bold;
  background-color: #ff9;
}
del { text-decoration: line-through; }
abbr[title],
dfn,
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
  font-style:normal;
}

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
small { font-size: 85%; }
strong,
th {
  font-weight: bold;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
/*sup { top: -0.5em; }*/
sub { bottom: -0.25em; }
pre {
  white-space: pre;
  white-space: pre-wrap;
  /* word-wrap: break-word; */
  padding: 15px;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #F6F6F6;
  border-bottom: 0;
}
.hr {
  border-bottom: 1px solid #ccc;
  display: block;
  clear:both;
  margin-bottom: 20px;
  height: 20px;
}

hr{
  visibility:hidden;
}


td { vertical-align: top; padding: 3px 1px; border-bottom: 1px solid #F6F6F6; }

table th { color: #18657C; text-align: left; border-bottom: 1px solid #18657C; }


ul,
ol {
  margin:0 0 10px 0;
  padding:0;
}
ol { list-style-type: decimal; padding-left: 20px }
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

form { margin: 0; }
select,
input,
textarea,
button {
  font-size: 99%;
}
input,
select {
  vertical-align: middle;
}
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
/* input:valid,
textarea:valid   {
}
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
} */
button {}

select,
input,
textarea {
  color: #444;
}
fieldset {border: 0; margin: 0; padding: 0;}

article {}
footer {}
blockquote{
  font-family: "Saira", "Arial", sans-serif;
  font-size: 170%;
  font-weight: normal;
  line-height: 1.3em;
  color: #18657C;
  margin:0 37px 40px 53px;
  padding-bottom: 20px;
}
.quote-source{
  margin-bottom: 24px;}
.quote-source blockquote{margin:0 37px -12px 53px;}
/* .quote-source blockquote:before {
  color: #CCCCCC;
  content: '\201C';
  display: block;
  font-size: 400%;
  font-style: normal;
  height: 0;
  line-height: 0.95em;
  margin-left: -56px;
}
.quote-source blockquote:after {
  display: block;
  content: '\201D';
  margin-left: 100%;
  color: #CCCCCC;
  font-size: 400%;
  font-style: normal;
  line-height: 0.3em;
} */

.quote-source .source{
  margin-left: 53px;
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1em;
  color: #000;
}


p.intro {
  font-family: "Calibri", "Arial", serif;
  font-size:125%;
  margin-bottom:30px;
}

.note,
.form .eforms-hint {
  font-family: "Calibri", "Arial", sans-serif;
  font-style:italic;
  font-size:90%;

}
.form .eforms-hint {
  clear: both;
  display: block;
  margin-top: 6px;
}

.note span.source {
  display:block;
}

div.image{
  margin-bottom:20px;
}

/* div.image p {
  display:inline;
} */

div.image p a.singular{
  display:table;
  margin-top:10px;
}

p.image {
  width:190px;
  margin-bottom:10px;
  padding-top:5px;
  float:left;
  position: relative;
  z-index: 4;
}

p.image.right {
  float:right;
  padding-left:20px;
  clear:left;
}

p.image.left {
  padding-right:20px;
}

p.image.center {
  width:100%;
  padding: 0;
}

p.image.wide {
  width:700px;
  padding:0;
}

p.image.wide img {
  width:700px;
  padding:0;
}

p.image.wide span {
  width:430px;
}

p.right img, p.left img{
  display:block;
}

p.image span {
  width:190px;
  font-family: "Calibri", "Arial", sans-serif;
  font-style:italic;
  font-size:90%;
  line-height:140%;
  display:block;
  margin-top: 6px;
}

p.image.center span {
  width:100%;
}

.link-list li a,
a.singular {
  background: url('../images/bullets/arrow_left_red.png') 0 6px no-repeat;
  padding-left:10px;
  text-decoration:none;
  display:block;
}
.link-list li a:hover,
a.singular:hover{
  text-decoration:underline;
  background-position: 0 -110px !important;

}

a.singular {
  background: url('../images/bullets/arrow_left_red.png') 0 5px no-repeat;
  color: #18657C;
  line-height: 20px;
}

ul.link-list  li{
  list-style-type:none;
  padding-bottom:10px;
  background: none;
  padding-left:0px;
}

ul li{
  list-style-type:none;
  padding-bottom:10px;
  background: url('../images/bullets/bullet_red.png') 0 7px no-repeat;
  padding-left:20px;
}
/* #content-primary ul li { padding-bottom: 0; } */
#content-primary ul li ul { margin: 10px 0 0; }

ol li {
  padding-bottom:10px;
  font-family: "Calibri", "Arial", sans-serif;
  color: #000;
  list-style: decimal outside none;
}

ol ol,
ul ol { margin: 10px 0 0 13px; }

/*ol li:before {
  content: counter(item) "  ";
  counter-increment: item ;
  color: #18657C;
  font-weight:bold;
}*/

ol li span {
  color:#000000;
  font-weight:normal;
}

a.overview {
  font-weight:bolder;
}



/* Elements - end */


/***
 * ##GRID
 */

#framework {
  margin: 0 auto;
  position: relative;
  height: 100%;
}
#framework-background{
  position: absolute;
  width: 760px;
  height: 650px;
  top: 25px;
  left: 50%;
  margin-left: -762px;
  background: url('../images/backgrounds/wire_grid.png') 0 0 no-repeat;
}

#framework .content-page {
  position: relative;
  z-index: 201;
}

.in-channel-manager #framework .content-page {
  position: static;
}

.ie8 #main-wrapper,
.ie9 #main-wrapper {
  margin: 0px auto 0px auto;
  height: 100% !important;
}

#main-wrapper{
  /*min-height: 100%;*/
  height: auto !important;
  height: 100%;
  width: 940px;
  padding: 0 10px 40px;
  position: relative;
  margin: 0px auto -710px; /* the bottom margin is the negative value of the footer's height */
  z-index: 80;
}
.home-page #main-wrapper{
  clear: both;
  float: none;
  padding: 0 10px 40px;
  z-index: 200;
}


#main {
  width: 100%;
  margin-top: 0px;
  position: relative;
  padding-top: 128px;
}

.home-page #main {
  padding-top: 0;
}

#header-wrapper{
  width: 100%;
  position: absolute;
  top:80px;
  background: url('../images/backgrounds/header.png') repeat-x;
  height: 57px;
  z-index:202;
}
#header {
  width: 960px;
  height: 52px;
  position: relative;
  left: 50%;
  margin-left: -480px;
}

#nav-wrapper {
  width: 842px;
  left: 50%;
  margin-left: -372px;
  height: 92px;
  position: absolute;
  top: 0px;
  z-index:203;
}

#footer-wrapper {
  width: 100%;
  height: 850px;
  position: relative;
  background-color: #18657C;
  z-index: 500;
}

#footer-top-wrapper {
  width: 100%;
  height: 40px;
  position: relative;
  background-color: #008B9F;
}

#footer {
  width: 940px;
  position: relative;
  left: 50%;
  margin-left: -470px;
  padding-top:30px;
}

#footer-top {
  width: 940px;
  position: relative;
  left: 50%;
  margin-left: -470px;
  padding-top:13px;
  color:#fff
}

#push-sticky-footer{height: 710px; }

#content-wrapper{
  position: relative;
  float: left;
  width: 670px;
}

#content-header{
  position: relative;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 5px;
}

#content-primary{
  float: right;
  position: relative;
  width: 430px;
  z-index: 3;
}
#content-secondary{
  float: left;
  position: relative;
  width: 220px;
  z-index: 2;
}
#content-tertiary{
  float: right;
  position: relative;
  width: 220px;
  z-index: 1;
}
#nav-primary{
  position: absolute;
  top: 80px;
  right: 0px;
  height: 52px;
  z-index:20;
}
#nav-tertiary{
  position: absolute;
  top:40px;
  right: 303px;
  height: 40px;
  max-width: 550px;
}
#controls{
  position: absolute;
  width: 265px;
  right: 0px;
  top: 40px;
  height: 40px;
  z-index: 1000;
}

/* NWO-737 */
#language-switch{
  position: absolute;
  top: 0px;
  width: 100px;
  height: 40px;
  right: 206px;
}
#searchbox{
  position: absolute;
  right: 0;
  top: 6px;
  width: 210px;
}

/* end grid */



/***
 * ##TOOLBOX
 */

a .external{
  background: url('../images/sprites/link_external_red.png') right 4px no-repeat;
  padding-right: 14px;
}
a:hover .external{  background-position: right -107px !important; }
dfn, abbr, acronym {
  border: 0 none;
  color: #000;
  font-style: normal;
  position: relative;
}
a.glossary {
  border-bottom: 1px dotted #000;
  color: #000 !important;
  text-decoration: none;
}
.js-enhanced dfn, .js-enhanced abbr, .js-enhanced acronym, a.glossary { cursor: help; }
/* dfn:hover .tooltip-label, abbr:hover .tooltip-label, acronym:hover .tooltip-label, cite:hover {
    background-image: url("../img/border_dashed_pink_hor.gif");
    color: #CC0066;
} */

.tooltip-balloon {
  bottom: 15px;
  width: 148px;
  font-family: "Calibri", "Arial", sans-serif;
  background: url('../images/backgrounds/tooltip_bottom.png') 0 100% no-repeat ;
}
.tooltip-description p{
  font-size: 12px;
  margin-bottom: 0;
}
.tooltip-hover .tooltip-balloon {
  display: block;
}
.tooltip-balloon span {
  display: block;
  color: #fff;
}
.tooltip-balloon .tooltip-title {
  display: none;
}
.tooltip-balloon-inner {
  padding: 10px;
  position: relative;
  background: #727272;
  margin-bottom: 25px;
}

#searchbutton-page {
  background: linear-gradient(to bottom, #e5e5e5 0, #cdcdcd 100%);
  border: 1px solid #CCC;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-family: Calibri, Arial, sans-serif;
  font-size: 13px;
  xpadding: 6px 16px;
  padding-left: 16px;
  padding-right: 16px;
  height: 29px;
  width: 80px;
  -webkit-appearance: none;
  outline: 0;
  position: absolute;
  top: 0;
  right: 0;
}

#submit-button,
.button-plain,
#submit_button {
  background: url("../images/sprites/button_grey_right.png") no-repeat right 0px;
  color: #000;
  display: block;
  font-family: "Georgia","Times New Roman", serif;
  font-size: 120%;
  margin: 0;
  overflow: hidden;
  text-decoration: none;
}
#submit-button span,
.button-plain span,
#submit_button {
  background: url("../images/sprites/button_grey_left.png") no-repeat 0 0;
  display: block;
  height: 24px;
  margin: 0 5px 0 0;
  padding: 6px 0 0 0;
  text-align: center;
}
#submit_button { background-position: -10px 0; }
#submit-button span{
  /* margin: 0; */
  width: 75px;
  margin-top: -2px;

}
#submit-button,
#submit_button {
  width: 80px;
  height: 30px;
  font-family: Calibri, Arial, Sans-serif;
  font-size: 120%;
  border: 0 none;
  position: absolute;
  top: 0;
  right: 0;
}

#submit-button,
#submit_button{ left: -3px; padding-top: 0; }
#submit-button:hover,
.button-plain:hover,
#submit_button:hover {
  text-decoration: none;
  color:#000;
  background-position: right -30px;
}
#submit-button:hover span,
.button-plain:hover span{background-position: 0 -30px;}
.ir {
  display: block;
  overflow: hidden;
  text-indent: -999em;
  text-align: left;
  direction: ltr;
  background-repeat: no-repeat;
}


.screenreader,
.hidden {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible { visibility: hidden; }

div:before,
div:after,
article:before,
article:after,
header:before,
header:after,
footer:before,
footer:after,
section:before,
section:after,
nav:before,
nav:after,
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
div:after,
header:after,
article:after,
footer:after,
section:after,
nav:after,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0.0001em;
  visibility: hidden;
}

#toolbox{
  margin-bottom: 33px;
  margin-top: 40px;
  margin-left: -4px;
}
#toolbox .tool{
  float: left;
  position: relative;
  width: 110px;
  height: 28px;
  z-index: 10;
}
#toolbox .tool a,
#toolbox .tool .share span{
  color: #494949;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 4px 0 2px 30px;
  height: 19px;
  background: url('../images/sprites/icons-toolbox.png') no-repeat;
}

#toolbox .tool .share span .share-title {
  background: none;
  padding: 0;
}

#toolbox .tool.share.hover,
#toolbox .tool.share:hover{
  background-color: #008B9F;
  /* -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out; */
}
#toolbox .tool.hover .share span,
#toolbox .tool.hover a,
#toolbox .tool:hover .share span,
#toolbox .tool:hover a {
  color: #008B9F;
}
#toolbox .tool.share.hover .share span,
#toolbox .tool.share.hover a,
#toolbox .tool.share:hover .share span,
#toolbox .tool.share:hover a {
  color: #fff;
}

#toolbox .tool.leesvoor a  {background-position:  4px 4px;}
#toolbox .tool.mail a  {background-position: 4px -44px;}
#toolbox .tool.print	{ display: none; }
#toolbox .tool.print a  {background-position: 4px -96px;}
#toolbox .tool.share span  {background-position: 4px -146px;}
#toolbox .tool.leesvoor:hover a {  background-position: 4px -21px; }
#toolbox .tool.mail:hover a {  background-position: 4px -69px; }
#toolbox .tool.print:hover a {  background-position: 4px -121px; }
#toolbox .tool.share.hover span,
#toolbox .tool.share:hover span {  background-position: 4px -171px; }
#toolbox.no-print,
#toolbox .no-print:hover,
#toolbox .no-print:hover a{
  background: none;
}

#toolbox .tool.share .share-services {
  background-image: none;
  background-color: #494949;
}
/* #toolbox .tool.share .share-services a {  background: none; } */
#toolbox .tool.share .share-services ul {
  list-style-type: none;
  margin-bottom:0px;
}
#toolbox .tool.share .share-services ul li{
  background-image: none;
  padding-left:0px;
  padding-bottom:0px;
}
#toolbox .tool.share .share-services li a {  color: #fff; }
#toolbox .tool.share .share-services li:hover a {  background-color: #008B9F; }

#toolbox .tool.share .share-services{display: none;}
/*
.no-js #toolbox .tool.share .share-services{
  display: block;
  position: relative;
}
*/
#toolbox .tool.share.hover .share-services,
#toolbox .tool.share:hover .share-services{
  display: block;
  position: absolute;
  width: 110px;
}

#toolbox .share-services a{  background: url('../images/sprites/icons-social.png') no-repeat; }
#toolbox .share-services .facebook a{background-position: 4px 4px;}
#toolbox .share-services .twitter a{background-position: 4px -21px;}
#toolbox .share-services .linkedin a{background-position: 4px -46px;}

/* Start Language switch NWO-737 */
#language-switch li {
  float:left;
  list-style-type:none;
  color:#333333;
  font-size: 95%;
  position:relative;
  padding-left:15px;
  padding-right:13px;
  padding-top:12px;
  padding-bottom:0px;
  background:none;
}

#language-switch  li a{
  color: #000;
  text-decoration: none;
}
#language-switch  li a:hover{
  text-decoration:underline;
}
/* End Language switch */

/* Start SearchBox */
#searchbox.textfield-container input {
  background: #fff;
  float: left;
  font-size: 13px;
  padding-bottom:3px;
  padding-right: 25px;
  width: 135px;
  height: 17px;
  border: none;
  color: #494949;
  border: solid 1px #e3e3e3;
}

#searchbox.textfield-container input.submit {
  background: url("../images/icons/search.png") no-repeat 12px 50%;
  border: none;
  height: 25px;
  margin: 0;
  position: absolute;
  right: 0;
  text-indent: -9999em;
  top: 3px;
  z-index: 2;
}
.js-enhanced #searchbox.textfield-container input {
  width: 175px;
}
.js-enhanced #searchbox.textfield-container input.submit {
  width: 29px;
}
#searchbutton{
  background-color: #222222;
  border: none;
  color: #FFFFFF;
  font-family: "Arial",sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 21px;
  margin: 3px 0 0;
  padding: 0;
  max-width: 50px;
}
#searchbutton span{
  display: block;
  min-width: 45px;
  padding: 0 0 4px 0;
}
.js-enhanced #searchbutton { display: none; }


/* EndSearchBox */

/* Toolbox - end */




/***
 * ##GENERIC
 */
.framework {
  margin: 0 auto;
}
/* Generic - end */



/***
 * ##IMAGEHEADER
 */
#image-header {
  position: relative;
  width: 100%;
  right: 50%;
  z-index: 90;
  float: right;
  margin: 132px -470px 34px 0;
  overflow: hidden;
}
#image-header .items{
  position: relative;
  width: 100%;
  height: 352px;
  z-index: 6;
}
#image-header .mask {
  position: absolute;
  right: 300px;
  top: 0px;
  z-index: 5;
}

#image-header.large { height: 352px; }
#image-header.medium { height: 260px; }
#image-header.small { height: 200px; }
#image-header.large .mask {
  background: url('../images/backgrounds/image_header_large_mask.png') no-repeat 0 0;
  height: 352px;
  width: 932px;
}
#image-header.medium .mask {
  background: url('../images/backgrounds/image_header_medium_mask.png') no-repeat 0 0;
  height: 260px;
  width: 932px;
}

#image-header.small .mask {
  background: url('../images/backgrounds/image_header_small_mask.png') no-repeat 0 0;
  height: 200px;
  width: 932px;
}
#image-header .picture-container {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
#image-header .content {
  position: absolute;
  top: 121px;
  right: 679px;
  padding-left: 27px;
  width: 260px; /* 574px */
  z-index: 10;
  /* display: none; */
}
#image-header .content h1,
#image-header .content h2 {
  color: #fff;
  font-size: 280%;
  font-weight: normal;
  font-family: "Saira", Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 7px;
  position: relative;
  z-index: 20;
  margin-top: 0;
}
#image-header .content h3 {
  color: #fff;
  font-size: 125%;
  font-weight: normal;
  font-family: "Calibri", Arial, sans-serif;
  line-height: 1.4em;
  margin-bottom: 10px;
  position: relative;
  z-index: 20;
  padding: 0;
}
#image-header .content h4 {
  color: #fff;
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 3px 0;
  position: relative;
  z-index: 20;
}
/* Imageheader - end */
/***
* ##HEADER
*/
#logo{
  position: absolute;
  top: -72px;
  left: -38px;
  width: 100px;
  height: 124px;
  z-index: 25;
}
#logo h1{
  margin-top: 0px;
}
/* Header - end */



/***
 * ##FOOTER
 */


#footer-top .copyright {
  width:240px;
  float:left;
  padding:0;
}

#footer-top .modified {
  width:475px;
  float:left;
  padding:0;
}

#footer-top .react {
  width:220px;
  float:left;
  padding:0;
}

#footer-top .react a{
  font-weight:bold;
  color: #fff;
  padding-left:12px;
  text-decoration: none;
  background: url('../images/bullets/arrow_blue.png') 0 0.4em no-repeat;
}

#footer-top .react a:hover {
  text-decoration:underline;
  color:#494949;
}

#footer .footer-content {
  min-height:440px;
  border-bottom:1px solid #0C5064;
  font-size:95%;
}


#footer .info {
  color:#fff;
  font-style:italic;
  font-family: "Calibri", "Arial", sans-serif;
  font-size:125%;
  line-height:150%;
  width:188px;
  padding:0 52px 0 0;
  float:left;
  position:relative;
  min-height:410px;
  background-image: url('../images/backgrounds/shade_footer.png');
  background-position:210px 0;
  background-repeat:no-repeat;
}


#footer .link-lists-container{
  float:left;
  width:235px;
  padding:0;
}

#footer .link-lists-container.last{
  float:left;
  width:210px;
  padding:0 0 0 10px;
}

#footer .link-list-block ul.link-list{
  margin-bottom:27px;
}

#footer .link-list-block li {
  list-style-type:none;
  max-width:160px;
  background:none;
  padding-left:0px;
  padding-bottom:0px;
}

#footer .link-list-block.last .link-list li {
  list-style-type:none;
  max-width:220px;
}
#footer .link-lists-container.last ul.link-list {
  margin-bottom:14px;
}



#footer .link-list-block .link-list li a {
  color: #fff;
  text-decoration:none;
  padding-left: 0px;
  background: none;
}

#footer .link-list-block li a:hover {
  text-decoration:underline;
}


#footer .link-list-block h4{
  color:#ffffff;
  font-size:130%;
  margin-bottom: 5px;
  max-width:180px;
  font-weight: bold;
  font-family: "Calibri","Arial", sans-serif;
}
#footer .link-list-block.last h4{
  color:#ffffff;
  margin-bottom: 0px;
  font-size:100%;
  font-weight:bold;
  font-family: "Verdana", "Arial", sans-serif;
}


#footer  .footer-logo {
  padding-top:25px;
}


/* Footer - end */


/***
 * ##NAVIGATION
 */

#nav-primary ul.main {
  margin:0;
  padding:0;
}

#nav-primary .main li {
  float:left;
  list-style-type:none;
  /*font-weight:bold;*/
  /* border-left:1px solid #DE3338; */
  /*border-left:1px solid #DE3338;*/
  height:52px;
  padding: 0;
  position:relative;
  background:none;
}
#nav-primary .main li.sub {z-index: 10;}
#nav-primary .main li.selected{
  /*background: #008B9F;*/
  /* border-left: 1px solid #008B9F; */
  z-index: 5;
}
#nav-primary .main li.selected a {
  color: #008B9F;
  font-weight: bold;
}

#nav-primary .main li.selected strong{
  display: block;
  height: 52px;
  background: url('../images/backgrounds/nav_arrow_selected.png') 50% 100% no-repeat;
}
#nav-primary .main li.selected .dropdown strong {
  height: auto;
  background: transparent;
}

#nav-primary .main li:hover a {
  background:#18657C;
  color:#fff;
}

#nav-primary .main li.last {
  /* border-right:1px solid #DE3338;
   background-color:#CB0006;*/
}
#nav-primary .main li.last a {
  /*border-right:1px solid #C00005;*/
  color: #18657C;
  font-style: oblique;}

#nav-primary .main li.last a:hover {
  color: #fff;}

/* #nav-primary .main li.sub:hover a {
  background:none;
} */

/* #nav-primary .main li.sub a {
  padding-right:35px;
  background: url('../images/backgrounds/nav_arrow_down_wide.png') 100% 50% no-repeat;
}
 */

#nav-primary .main li a {
  background:none;
  text-decoration:none;
  color:#494949;
  display: block;
  padding: 16px 14px 0 14px;
  height: 36px;
  /*border-left:1px solid #C00005;*/
}

/* #nav-primary .main li.selected strong a {border-left: 1px solid #008B9F;} */


#nav-primary  .sub .sub-list-container {
  display:none;
  position: absolute;
  top: 52px;
  left: 0px;
  width:240px
}

#nav-primary .main li.sub:hover .sub-list-container,
#nav-primary .main li.sub.open .sub-list-container {
  display:block;
}

#nav-primary  .sub-list-container .dropdown{
  -webkit-box-shadow: 2px 2px 4px 1px rgba(73,73,73,0.3);
  -moz-box-shadow: 2px 2px 4px 1px rgba(73,73,73,0.3);
  box-shadow: 2px 2px 4px 1px rgba(73,73,73,0.3);
  padding-bottom: 8px;
  background-color: white;
  padding-top: 17px;
}

#nav-primary  .sub-list-container .dropdown li {
  float:none;
  background-image:none;
  border:none;
  font-weight:normal;
  padding:6px 0px 7px 20px;
  display:block;
  height:auto;
  line-height:1.4em;
}

#nav-primary .dropdown li:hover{
  background-color:#fff;
  /*background-image:none;*/
}
#nav-primary   li.sub .dropdown li a {
  padding: 0 0 0 10px;
  height:auto;
  background: url('../images/bullets/arrow_blue.png') 0 0.35em no-repeat;
  border: none;
  color: #18657C;
  /* display:block; */
}
#nav-primary   li.sub .dropdown li a:hover {text-decoration: none;}
#nav-secondairy ul.link-list.back{
  margin-bottom:20px;
}

#nav-secondairy .link-list .selected{
  font-weight:bold;
}
#nav-secondairy .link-list .selected .sub li a{
  font-weight:normal;
  font-size:90%;
  background:none;
}
#nav-secondairy .link-list .selected .sub li strong a {
  font-weight: bold;
}

#nav-secondairy .link-list .selected ul.sub{
  margin:0;
}
#nav-secondairy .link-list .selected .sub li {
  padding-bottom:0;
}


#nav-secondairy .link-list.back li a{
  background: url('../images/bullets/arrow_back_left_red.png') 0 6px no-repeat;
  padding-left:10px;
  text-decoration:none;
  display:block;
}

#nav-secondairy .link-list.back li a:hover{
  text-decoration:underline;
  background-position: 0 -110px !important;
}

#nav-primary  .sub .dropdown li a:hover{
  text-decoration:underline;
}

#nav-secondairy{padding-right: 10px;}

#nav-tertiary  li {
  float:left;
  list-style-type:none;
  color:#333333;
  font-size: 95%;
  position:relative;
  padding-left:15px;
  padding-right:13px;
  padding-top:12px;
  padding-bottom:0px;
  background:none;
}

#nav-tertiary  li a{
  color: #494949;
  text-decoration: none;
}
#nav-tertiary  li a:hover{
  text-decoration:underline;
}

/* Navigation - end */




/***
 * ##CONTENT
 */
#content-tertiary .section{
  position: relative;
  margin-bottom: 35px;
  clear:both;
}

#content-tertiary h5{
  margin-bottom:7px;
}

#content-tertiary a.overview {
  margin-bottom:34px;
}

#content-tertiary ul.kalender  {
  margin-top:10px;
}

#content-tertiary .section-container.emphasize{
  margin-bottom: 20px;
  clear: both;
  float: none;
}

#content-tertiary .section.emphasize{
  padding: 15px 20px;
  margin-bottom: 20px;
  /*background-color: #FBE5E6;  - changed the background color of the teaser*/
  background-color: #F6F6F6;
}
.page-OverviewPageBean #content-tertiary .section.emphasize{
  background: #F6F6F6;
}
/* grey color for the teasers */
.page-ProgramPageBean #content-tertiary .section.emphasize{
  background: #F6F6F6;
}
.page-ThemeLandingPageBean #content-tertiary .section.emphasize{
  background: #F6F6F6;
}
/* end */
#content-tertiary .section.emphasize .link-list{margin: 0;}

#content-tertiary .section.emphasize h4{
  line-height: 1.2em;
  font-size: 115%;
  font-weight: normal;
}
#content-tertiary .section.emphasize h5{
  display:inline;
}

#content-xl{
  position: relative;
  width: 700px;
  padding: 12px 0 4px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
#content-xl ul{
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
}
#content-xl li{
  width: 330px;
  position: relative;
  margin: 0 20px 23px 0;
  float: left;
  background: none;
  padding: 0;
}
#content-xl li.last{
  margin-right: 0px;
}
#content-xl li .image{
  position: relative;
  width: 100px;
  padding: 4px 20px 0 0;
  float: left;
}
#content-xl li .content{
  position: relative;
  width: 210px;
  float: left;
  margin-top: 4px;
}

#content-xl li .content p{
  width: 190px;
  margin-bottom: 0px;
}
#content-xl li .no-image {
  width: 330px;
}
#content-xl li .no-image p {
  width: 310px;
}
#content-xl h4{
  margin-bottom: 0px;
  line-height: 1.1em;
}
#content-xl li .content p a,
#content-xl li .content h4 a{
  text-decoration: none;
  color: #494949;
  display: block;
}
#content-xl li .content h4 a{  padding-bottom: 9px;}
#content-xl li .content p a{  padding-bottom: 15px;}

span.highlight{
  color:#18657C;
}


a.cta {
  height:64px;
  display:block;
  text-decoration:none;
  float:left;
  margin-bottom:30px;

}

.button {
  background:url('../images/sprites/button_red_right.png') 100% 0 no-repeat;
  padding-right:4px;
  height: 64px;
  margin-bottom:25px;
  float:left;
}

.button-banner {
  padding-right:4px;
  height:61px;
  margin-bottom:20px;
  float:left;
  border: 1px solid #18657C;
}

.button-banner span {
  font-family: "Georgia", "Times New Roman", serif;
  margin-bottom: 30px;
  display: table-cell;
  font-size: 130%;
  height: 61px;
  padding: 0 22px;
  vertical-align: middle;
}

a.cta span {
  font-family: "Arial", sans-serif;
  background:url('../images/sprites/button_red_left.png') 0 0 no-repeat;
  display:table-cell;
  font-size:100%;
  font-weight:bold;
  height: 64px;
  padding-left: 22px;
  padding-right: 44px;
  color:#494949;
  vertical-align:middle;
  width: 100%;
}

.button:hover {
  background-position: 100% -64px;
}

.button:hover a.cta span {
  text-decoration:none;
  background-position: 0 -64px;
  color:#fff;
}

.tooltip.info{
  position:relative;
  display:inline-block;
}

.tooltip.info a {
  background:url('../images/sprites/icon_info.png') 0 0 no-repeat;
  height:14px;
  width:14px;
  display:inline-block;
  position:relative;
}

.tooltip.info .content-container{
  display:none;
  width:148px;
  position:absolute;
  bottom: 20px;
  left:6px;
}
.tooltip.info .content-container .content{
  font-weight:normal;
  background-color:#727272;
  color:#ffffff;
  font-size:90%;
  padding:10px;
}
.tooltip.info .content-container .content p{
  margin-bottom:0;
}

.content-container .bottom {
  width:148px;
  height:25px;
  display:block;
  position:relative;
  background: url('../images/backgrounds/tooltip_bottom.png') 0 0 no-repeat ;
}

.tooltip.info:hover .content-container {
  display:block;
}

.tooltip.info:hover a{
  background-position:0 100%;
}


.contact {
  line-height:150%
}

.contact img{
  float:left;
  margin-right:20px;
  margin-bottom:15px;
}

.contact .department {
  color:#727272;
  display:block;
}
.contact .phone-number{
  display:block;
  clear:both;
}
.related {
  height:60px;
  margin-bottom:10px;
}

.related img{
  position:absolute;
  margin-right:10px;
  margin-bottom:10px;
}

.related span {
  margin-left:70px;
  width:150px;
  display:block;
}
.related span.no-image {
  margin-left:0;
  width:100%;
}


blockquote.quoted {
  float:left;
  margin: 0 0 0 -80px;
  position:relative;
}

.landingpage blockquote.quoted,
blockquote.quoted.full {
  float:none;
  margin:0;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

blockquote.quoted.full .content,
.landingpage blockquote.quoted .content  {
  width:auto;
}

blockquote.quoted.full .content,
.landingpage blockquote.quoted .content{
  padding: 0 40px 0 50px;
}

blockquote.quoted.full .bottom,
.landingpage blockquote.quoted .bottom  {
  right: 0;
}


blockquote.quoted .content{
  position:relative;
  width:225px;
  padding:0 50px 0 50px;
}

blockquote.notquoted {
  float:left;
  margin: 0 0 0 -30px;
  position:relative;
}


blockquote.notquoted .content {
  position:relative;
  width:225px;
  padding:0 50px 40px 0;
}

blockquote.quoted .top{
  background: url('../images/backgrounds/quote_top.jpg') 0 0 no-repeat ;
  width:33px;
  height:26px;
  position:absolute;
  top:7px;
  left:0;
}
blockquote.quoted .bottom{
  background: url('../images/backgrounds/quote_bottom.jpg') 0 0 no-repeat ;
  width:33px;
  height:26px;
  position:absolute;
  bottom:0;
  right:20px;
}

blockquote.quoted .source{
  margin-left: 50px;
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 50%;
  font-weight: bold;
  font-style:normal;
  line-height: 1em;
  color: #494949;
  display:block;
  margin-top:5px;
  margin-bottom:20px;
}

p .extrainfo{
  display:block;
  width: 170px;
  padding:15px;
  background-color:#727272;
  color:#ffffff;
  right: -240px;
  top: 20px;
  width: 170px;
  position:absolute;
}
p .extrainfo .left{
  background: url('../images/backgrounds/extrainf_left.png') 0 0 no-repeat ;
  height: 24px;
  left: -24px;
  position: absolute;
  top: 0;
  width: 24px;
}

p .extrainfo .title{
  display:block;
  font-style:italic;
  font-family: "Georgia", "Times New Roman", serif;
  font-size:140%;
  margin-bottom:5px;
}



.news-item .date a{
  color:#727272 !important;
  text-decoration:none;
}




ul.news li{
  background:none !important;
  padding-left:0px;
}

.news-item .date a:hover {
  text-decoration:none;
}

ul.kalender li {
  background:none !important;
  padding-left:0px;
}

ul.kalender li a {
  color:#494949!important;
  text-decoration:none;
  padding-left:15px;
  display:block;
}

ul.kalender .title{
  float:left;
  width:165px;
}

ul.kalender .title a {
  line-height:120%;
}

ul.kalender li a:hover{
  text-decoration:none;
  color:#494949;
}

ul.kalender li .title a:hover{
  text-decoration:underline;
  color:#494949;
}

.kalender-item {
  margin-bottom:10px;
}
.home-page .kalender-item {
  margin: 0;
}

.kalender-item .date,
.searchresult .date {
  display:block;
  float:left;
  background-color:#f1f1f1;
  height:50px;
  width:40px;
  margin-right:0px;
  position:relative;
  text-align:center;
  padding-top:3px;
  padding-bottom:5px;
}

.searchresult .date,
.kalender-item .date { margin-right: 10px; }
.searchresult .date-divider,
.kalender-item .date-divider { float: left; margin-right: 10px; line-height: 40px; }
.carousel .kalender-item .date { margin-right: 0; }

.kalender-item .date .day a,
.kalender-item .date .day,
.searchresult .date .day a {
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 16px;
  position:relative;
  padding-top:0px;
  padding-left:0px;
  text-align:center;
  width:40px;
}

.page-CalendarItemPageBean .date .day a,
.kalender-item .date .day,
.searchresult .date .day a {
  color: #494949;
}


.kalender-item .date .month a,
.kalender-item .date .month,
.searchresult .date .month a {
  color:#18657C;
  font-size:85%;
  padding-left:0px;
  line-height: 1.25em;
}
.home-page .kalender-item .date .month a,
.kalender-item .date .month {
  color:#18657C!important;
}

#content-primary ul.documentation li {
  background:none;
  padding-left: 0px;
  padding-bottom:15px;
}

ul.documentation a {
  text-decoration:none;
}

ul.documentation .title a:hover {
  text-decoration:underline;
}


ul.documentation p{
  margin:0;
  width: auto;
  padding: 0;
}

ul.documentation .title {
  font-weight:bold;
  margin-left:40px;
}

ul.documentation .title .info{
  font-weight:normal;
  color:#727272;
}


ul.documentation .image a{
  position:absolute;
  top:0px;
  left:0px;
  height:30px;
  width:40px;
  background: url('../images/bullets/download_red.png') 0 0.6em no-repeat;
}

#content-primary ul.publication li {
  background:none;
  padding-left: 0px;
  padding-bottom:15px;
}

ul.publication a {
  text-decoration:none;
  display:block;
}

ul.publication p{
  margin:0;
}

#content-primary ul.subsidy li {
  background:none;
  padding-left: 0px;
  padding-bottom:5px;
}

#content-primary table {
  width: 100% !important;
}

ul.subsidy p{
  margin:0;
  padding-left:10px;
}

ul.subsidy  .request a  {
  color:#494949;
}

ul.subsidy .info a{
  color:#727272;
}

ul.subsidy .type a {
  color:#727272;
  font-style:italic;
}

ul.subsidy a {
  text-decoration:none;
  display:block;
}

.video {
  margin-bottom:20px;
}





/* Content - end */

/***
 * ##HOME
 */


#slides-container,
#image-container {
  position: relative;
  margin-top: 132px;
  width: 100%;
  height: 352px;
  right: 50%;
  margin-right: -470px;
  z-index: 100;
  float: right;
}

#slides-container:hover {
  cursor: pointer;
}

#slides-container .items,
#image-container .items{
  padding-top: 50px;
  margin-left: 33%;
}
.js-enhanced #slides-container .items{
  position: relative;
  width: 50%;
  margin-left: 50%;
  height: 317px;
  z-index: 6;
  padding-top: 35px
}
#slides-container .mask,
#image-container .mask {
  background: url('../images/backgrounds/image_header_large_mask.png') no-repeat 254px 0;
  height: 350px;
  position: absolute;
  right: 466px;
  top: 0px;
  width: 1020px;
  z-index: 5;
}
.js-enhanced #slides-container .mask {display: block;}
#slides-container img,
#image-container img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#slides-container .picture-container {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
#slides-container .content,
#image-container .content {
  position: relative;
  padding-left: 27px; /* 574px */
  z-index: 10;
  display: block;
  right: 0;
}
.js-enhanced #slides-container .content {
  position: absolute;
  display: none;
  top: 70px	;
  right: 679px;
  width: 260px;

}
#slides-container .content h2 {
  color: #fff;
  font-size: 300%;
  font-weight: normal;
  font-family: "Saira", "Arial", serif;
  line-height: 1em;
  margin-bottom: 10px;
  position: relative;
  z-index: 20;
}
#slides-container .content h4 {
  color: #fff;
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 3px 0;
  position: relative;
  z-index: 20;
}
#slides-container .content.current {
  display: block;
}/*
#slides-container .content .* {
  z-index: 10;
} */
#slides-container .content blockquote {
  /* display: block; */
  font-family: "MyriadItalicRegular",sans-serif;
  font-size: 190%;
  /* font-style: italic; */
  line-height: 100%;
  margin: 0 0 10px;
  position: relative;
  z-index: 20;
}
#slides-container .singular {
  display: block;
  float: left;
  clear: both;
  position: relative;
  z-index: 20;
  background-position: 0 0.3em;
}
#slides-container a.singular {
  color: white;
}
#slides-container .content a:hover {
  cursor: pointer;
  background-position: 0 -112px !important;
}
#slides-container .content a.normal {
  padding: 0 10px 0 13px;
  background: url('../images/bullets/arrow_right_white.png') no-repeat right 5px;
}
#slides-container .content a.normal:hover {
  text-decoration: underline;
}
#slides-container .content a.alternative {
  margin: 0 0 10px -3px;
  font-size: 90%;
  font-weight: bold;
  overflow: hidden;
  background: url('../images/backgrounds/home_slides_button_right.png') no-repeat right -40px;
}
#slides-container .content a.alternative span {
  margin: 0 19px 0 0;
  padding: 12px 8px 0 14px;
  height: 28px; /* 40px; */
  display: block;
  background: url('../images/backgrounds/home_slides_button_left.png') no-repeat 0 -40px;
}
#slides-container .content a.alternative:hover {
  background-position: right 0;
}
#slides-container .content a.alternative:hover span {
  background-position: left 0;
}
#slides-container .navigation-container {
  position: absolute;
  bottom: 9px;
  right: 440px;
  width: 504px;
  z-index: 10;
}
#slides-container .navigation ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#slides-container .navigation li {
  display: block;
  float: left;
  background: none;
  padding-left: 0;
}
#slides-container .navigation a {
  margin: 0 0 0 6px;
  width: 10px;
  height: 10px;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url('../images/sprites/slides_navigation.png') no-repeat 0 -10px;
}
#slides-container .navigation li.active a,
#slides-container .navigation a:hover {
  background-position: 0 0;
}
#slides-container .navigation a:focus {
  outline: 0;
}

#slides-container .dummy-tab{
  position: absolute;
  bottom: 0px;
  right: -39px;
  width: 506px;
  height: 56px;
  background: url('../images/tab_dummy.png') 0 0 no-repeat;
  z-index: 10;
}

/* KWICKS*/

.section-container.kwicks {
  position: relative;
  /* left: 31px;
  top: 871px; */
  width: 860px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  padding: 7px 40px 0 40px;
  margin-bottom: 36px;
}
.section-container.kwicks h4 {
  font-family: "Saira", "Calibri", "Arial", sans-serif;
  color: #18657C;
  font-size: 175%;
  line-height: 110%;
  margin: 5px 0 15px 0;
  font-weight: normal;
}
ul.kwicks {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  /* width: 940px; */
}
.kwicks li{
  display: block;
  overflow: hidden;
  padding: 0;
  /* cursor: pointer; */
  float: left;
  width: 344px;
  height: 270px;
  margin: 0;
  background: none;
}
.js-enhanced .kwicks li {width: 172px;}
.kwicks .kwick-container {
  position: relative;
  background: #fff;
  height: 270px;
}
.kwicks .kwick-container .image-container {
  position: absolute;
  top: 0;
  left: 0px;
  /* width: 110px; */
  height: 200px;
  overflow: hidden;
  /* -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; */
}
.kwicks .kwick-container .content-container {
  position: absolute;
  top: 0px; /* 70 */
  left: 172px;
  width: 148px;
  padding: 0 15px;
  display: block;
  max-height: 200px;
  overflow: hidden;
}
.js-enhanced .kwicks .kwick-container .content-container {display: none;}
.js-enhanced .kwicks .kwick-container .content-container {left: 0;}
.kwicks .kwick-container .content-container p {
  margin: 0;
  line-height: 130%;
}
.kwicks .kwick-container .content-container p  a{
  display: block;
  padding: 0 15px 20px 0;
  text-decoration: none;
  color: #494949;
  font-family: "Calibri", "Verdana", sans-serif;
  font-size: 90%;
}
.kwicks .kwick-container .header-container {
  position: absolute;
  top: 210px;
  left: 10px;
  width: 90px;
}
.kwicks .shadow{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 273px;
  background: url('../images/sprites/carousel_small_gradients.png') 0px 0 no-repeat;
}
.kwicks .shadow-mask{
  position: absolute;
  top: 250px;
  right: 40px;
  width: 11px;
  height: 60px;
  background: #fff;
  z-index: -1;
}
.kwicks .kwick-container .shadow{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 273px;
  background: url('../images/sprites/carousel_small_gradients.png') 0 0 no-repeat;
}
.kwicks .kwick-container .header-container h3 {
  font-weight: normal;
  font-family: "Calibri","Arial", sans-serif;
  font-size: 120%;
  margin: 0;
  padding-bottom: 4px;
}
.kwicks .kwick-container .header-container h3 a{
  color: #494949;
  text-decoration: none;
}
.kwicks .kwick-container.active .image-container {
  display: none;
}
.kwicks .kwick-container.active .content-container {
  position: relative;
  display: block;
}
.kwicks .kwick-container.active .header-container {
  position: relative;
  top: auto;
  left: auto;
  padding: 10px 15px;
  display: block;
}
/* .kwicks .kwick-container.active .shadow{display: none;} */

.kwicks #kwicks-prev{
  position: absolute;
  top: 157px;
  left: 0px;
  display: none;
}
.kwicks #kwicks-next{
  position: absolute;
  top: 157px;
  right: 0px;
  display: none;
}
.js-enhanced .kwicks #kwicks-prev,
.js-enhanced .kwicks #kwicks-next{ display: block;}
.kwicks #kwicks-prev a,
.kwicks #kwicks-next a{
  display: block;
  width: 23px;
  height: 45px;
  background: url('../images/sprites/carousel_small_navigation.png') no-repeat;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
}
.kwicks #kwicks-next a{
  background-position: 0 0;
}
.kwicks #kwicks-prev a{
  background-position: -23px 0;
}
.kwicks #kwicks-overlay-left{
  position: absolute;
  left: 0px;
  top: 30px;
  width: 16px;
  height: 273px;
  background: url('../images/sprites/carousel_small_gradients.png') -16px 0 no-repeat;
}
.kwicks #kwicks-overlay-right{
  position: absolute;
  right: 0px;
  top: 30px;
  width: 16px;
  height: 273px;
  background: url('../images/sprites/carousel_small_gradients.png') 0 0 no-repeat;
}
/* CAROUSEL */


.section-container.carousel {
  position: relative;
  padding-top: 7px;
}
.product-container{
  position: relative;
}
.product-container #product-carousel{
  position: relative;
  overflow: hidden;
  background: #fff;
}
.product-container #product-carousel ul {
  margin: 0;
  padding: 0;
  width: 1000px;
}
.product-container #product-carousel ul li {
  position: relative;
  display: block;
  list-style: none;
  padding: 0 40px;
  width: 350px;
  background: none;
}
.product-container #product-carousel .image-container  img{
  width:350px;
  height:120px;
}
.product-container #product-carousel h4 {
  font-family: "Saira", "Calibri", "Arial", sans-serif;
  color: #18657C;
  font-size: 175%;
  line-height: 110%;
  margin: 5px 0 15px 0;
  padding: 0 40px;
  font-weight: normal;
}
.product-container #product-carousel h3 {
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1em;
  color: #494949;
  margin-top: 0;
  margin-bottom: 5px;
  position:relative;
}
.product-container #product-carousel  p {
  display: block;
  margin: 4px 0 10px 0;
  padding: 0;
  line-height: 138%;
}
.product-container #product-carousel  p.attention {
  color: #18657C;
  margin: 16px 0 3px;
}
.product-container #product-carousel-prev{
  position: absolute;
  top: 150px;
  left: 0px;
  display: none;
}
.product-container #product-carousel-next{
  position: absolute;
  top: 150px;
  right: 0px;
  display: none;
}

.js-enhanced .product-container #product-carousel-prev,
.js-enhanced .product-container #product-carousel-next{ display: block;}
.product-container #product-carousel-prev a,
.product-container #product-carousel-next a{
  display: block;
  width: 23px;
  height: 45px;
  background: url('../images/sprites/carousel_small_navigation.png') no-repeat;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
}
.product-container #product-carousel-next a{
  background-position: 0 0;
}
.product-container #product-carousel-prev a{
  background-position: -23px 0;
}
/* .home .product-container #product-carousel-next a:hover{
  background-position: -35px -38px;
} */
/* .home .product-container #product-carousel-prev a:hover{
  background-position: 0 -38px;
} */
.product-container #product-carousel-prev a:focus,
.product-container #product-carousel-next a:focus {
  outline: 0;
}
.product-container #product-carousel-overlay-left{
  position: absolute;
  left: 0px;
  top: 35px;
  width: 16px;
  height: 273px;
  background: url('../images/sprites/carousel_small_gradients.png') -16px 0 no-repeat;
}
.product-container #product-carousel-overlay-right{
  position: absolute;
  right: 0px;
  top: 35px;
  width: 16px;
  height: 273px;
  background: url('../images/sprites/carousel_small_gradients.png') 0 0 no-repeat;
}

#area-container {
  width:430px;
  float:left;
  border-top: 1px solid #ccc;
  padding-top:10px;
}

/* event-container */

#event-container {
  float:left;
  width:460px ;
  margin-left:50px;
}

#event-container .programs {
  width:220px;
  float:left;
  display:block;
  border-top: 1px solid #ccc;
  padding-top:15px;
}

#event-container h4{
  font-family: "Saira", "Calibri", "Arial", sans-serif;
  color: #18657C;
  font-size: 175%;
  line-height: 110%;
  margin-bottom:10px;
  font-weight: normal;
}

#event-container .programs li a {
  color:#494949;
  text-decoration:none;
}
#event-container .programs li a:hover {
  color:#494949;
  text-decoration:underline;
}


#event-container .programs li {
  background:none;
  padding-left:0px;
  border-bottom:1px solid #f1f1f1;
  padding-bottom:10px;
  padding-top:10px;
}


#event-container .section-kalender {
  width:220px;
  float:left;
  margin-left:20px;
  border-top: 1px solid #ccc;
  padding-top:15px;
}

.section-kalender ul.kalender li {
  border-bottom:1px solid #f1f1f1;
  padding-top:10px;
}

.section-kalender ul.kalender .title{
  width:180px;
}
#event-container .section-kalender ul.kalender .title { width: 170px; }




/* event-container - end */

.section-container.subsidy{
  z-index: 200;
  margin-top: 0;
  margin-bottom: 15px;
}
#subsidy-container{
  position: relative;
  float: left;
  margin-top: 17px;
  width: 475px;
}
#news-container h2{
  margin-bottom:0px;
}


#news-container{
  position: relative;
  float: right;
  margin-top: 17px;
  margin-right: -1px;
  padding-left: 35px;
  width: 400px;
}

#subsidy-container h2{
  margin-bottom:5px;
}

#subsidy-container h5{
  line-height:150%;
  margin-bottom: 12px;
}


#subsidy-container .wrap{
  padding: 0;
  width: 430px;
}
#news-container .content {position: relative;}

#subsidy-container .content {
  position: relative;
  margin-bottom:3px;
}
#news-container .content{
  margin-bottom: 15px;
  padding-bottom: 8px;
}
#news-container .content .singular {
  background: url("../images/bullets/arrow_left_red.png") no-repeat scroll 0 3px transparent;
}

#news-container .content a.singular:hover{
  background-position: 0 -113px !important;
}

#subsidy-container .content p {
  position: relative;
  float: left;
  width: 260px;
}
#news-container .content .wrap{
  float: left;
  padding-right: 5px;
  margin-top: 5px;
}

#news-container .content .wrap .singular{
  font-weight: bold;
}

#subsidy-container .content .button {
  position: relative;
  float: right;
  width: 155px;
  margin-right: -40px;
  margin-top:12px;
}

#subsidy-container .content .button a.cta span {
  padding-right: 21px;
}

#news-container ul.two-column{
  float: left;
  width: 220px;
  margin-bottom: 5px;
}
#news-container ul.two-column.last{margin-left: 20px;}

#subsidy-container ul.two-column{
  float: left;
  width: 200px;
  margin-bottom: 5px;
}
#news-container ul.important,
#subsidy-container ul.important{
  clear: both;
  float: none;
}
#news-container ul.important a,
#subsidy-container ul.important a{ font-weight: bold; }

#news-container .content p.intro{
  font-size: 17px;
  margin-bottom: 10px;
  line-height: 1.3em;
}
#news-container .content p.intro a{
  color: #494949;
  text-decoration: none;

}
#news-container .content img {
  width: 188px;
  float: left;
  margin-top: 3px;
  margin-right: 13px;
  margin-bottom: 15px;
}
#news-container .content .newsitemdate {
  color: #777;
  font-size: 10.8px;
  text-decoration: none;
  white-space: nowrap;
  font-family: Calibri, Arial, sans-serif;
}

#news-container .link-list .newsitemdate {
  color: #777;
  font-size: 90%;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
}

/* END HOME*//***


/***
 * ##SEARCH
 */


.search h3{
  color: #494949;
  margin-bottom: 10px;
}
.search h3 .important{color: #18657C;}

.search .searchbox-container{
  float:right;
  width: 430px;
}
.searchbox-container{
}
#content-header.search h1{
  display: block;
  width: 220px;
  float: left;
}
.searchbox-container .textfield-container input{
  width: 340px;
  height: 19px;
  float: left;
  background: #fff;
  border: 1px solid #CCC;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-size: 13px;
  -webkit-appearance: none;
  outline: 0;
  margin-top: 0;
}
/* .searchbox-container .textfield-container button{
  width: 80px;
  height: 31px;
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: bold;
  font-size: 120%;
  border
} */

.sortingbox-container{margin-bottom: 2em;}

#sortbutton{
  border: 0;
  background: url("../images/sprites/button_grey_right_small.png") no-repeat right 0;
  color: #494949;
  font-family: "Georgia","Times New Roman", serif;
  font-size: 120%;
  margin: 0;
  overflow: hidden;
  text-decoration: none;
  height: 20px;
}
#sortbutton span{
  background: url("../images/sprites/button_grey_left_small.png") no-repeat scroll 0 0 transparent;
  display: block;
  font-size: 85%;
  height: 20px;
  margin: -1px -8px 0 0;
  padding: 2px 8px 0;
  text-align: center;
}

#sortbutton:hover{background-position: right -20px;}
#sortbutton:hover span{background-position: 0 -20px;}

.js-enhanced #sortbutton { display: none; }

#searchresult-container{
  position: relative;
  width: 100%;
}
#searchresult-container p{
  margin-bottom: -5px;
}
#searchresult-container p a{
  padding-bottom: 10px;
}
#searchresult-container a{
  text-decoration: none;
  display: block;
}
#searchresult-container .searchresult{
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
#searchresult-container ul.searchresult li {
  position: relative;
  background: none;
  padding: 12px 16px 4px;
  margin-bottom: .5em;
}
#searchresult-container .searchresult li.odd{
  background: url('../images/backgrounds/result-item.png') 0 0;
}
#searchresult-container .searchresult .result-item{
  padding-bottom: 10px;
}
#searchresult-container .searchresult .result-item h2{
  font-family: "Calibri", "Arial", sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 -6px 0;
}

#searchresult-container .searchresult .datewrapper{
  float: left;
  margin-bottom: 10px;

}

#searchresult-container .searchresult .result-item .resultswrapper{
  float: left;
  width: 279px;
}

#searchresult-container .searchresult .result-item h2 a{
  padding-bottom: 5px;
  color: #494949;
}
#searchresult-container .searchresult .result-item .status{
  font-style: italic;
}
#searchresult-container .searchresult .result-item .status a{
  color: #18657C;
  margin-bottom: 4px;
}
#searchresult-container .searchresult .result-item .description{
  clear: both;
}
#searchresult-container .searchresult .result-item .description a{
  color: #494949;
}

#searchresult-container .searchresult .result-item .singular{
  font-style: italic;
  background: none;
  padding: 0;
}
#searchresult-container .searchresult .result-item .singular:hover{text-decoration: underline;}

#searchresult-container .searchresult .result-item .url a, #searchresult-container .searchresult .result-item .documenttype a {
  padding-bottom: 0;
}

#searchresult-container .searchresult .result-item .url {
  color: #666;
  font-size: 95%;
  padding-bottom: 10px;
  padding-top: 2px;
}

#searchresult-container .searchresult .result-item .url a {
  color: #666;
  word-wrap: break-word;
}

#searchresult-container .searchresult .result-item .content-data {
  clear: both;
  margin-top: 4px;
  padding-bottom: 10px;
}

#searchresult-container .searchresult .result-item .content-data p {
  border-left: 1px solid black;
  float: left;
  line-height: 1em;
  margin-left: 8px;
  padding-left: 7px;
  position: relative;
}

#searchresult-container .searchresult .result-item .content-data p:first-child {
  border-left: none;
  margin: 0;
  padding: 0;
}

#searchresult-container .searchresult .result-item .content-data p a {
  margin-bottom: 0;
  padding-bottom: 0;
}

#searchresult-container .searchresult .result-item .documenttype {
  padding-bottom: 5px;
}

#searchresult-container .searchresult .result-item .documenttype a {
  color: inherit;
}

ul.searchresult .info a {
  color:#727272;
}

ul.searchresult .image{
  float:left;
  margin-right:10px;
  width: auto;
}

ul.searchresult .title {
  color:#18657C;
  font-weight:bold;
}

#searchresult-container ul.searchresult .title a {
  padding-bottom: 3px;
}

/* START #searchresult-category-container */
#searchresult-category-container{
  position: relative;
  margin-bottom: 250px;
}
#searchresult-category-container .category-list{
  margin:0;
  padding: 0;
  list-style-type: none;
}

#searchresult-category-container .searchresult-category{
  background: none;
  margin: 0 0 20px 0;
  padding: 0;
}
#searchresult-category-container .searchresult-category h4 {
  background: url('../images/sprites/open-close_grey.png') 1px 4px no-repeat;
  margin-bottom: 0px;
  padding-left: 20px;
  cursor: pointer;
  font-size: 105%;
  font-weight: normal;
}
#searchresult-category-container .searchresult-category.close h4{
  background-position: 1px -21px;
}
#searchresult-category-container .resultitems-container{
  /* margin: 0 0 0 20px; */
}
#searchresult-category-container .searchresult-category.close .resultitems-container .item-list{
  display: none;
}
#searchresult-category-container .resultitems-container .item-list{
  margin:0;
  padding: 0;
  list-style-type: none;
}
#searchresult-category-container .item-list .item{
  background: none;
  margin: 0 0 2px 21px;
  padding: 0 0 1px 0;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  width: 201px;
}
#searchresult-category-container .item-list .item div{
  position: relative;
  width: 201px;
  margin-left: -6px;
  background: transparent;
  padding: 2px 6px 5px 5px;
  /* border-radius: 3px; */
}

#searchresult-category-container .item-list .item.selected h5 {
  width: 189px;
}

#searchresult-category-container .item-list .item.selected h5 a .remove {
  background: url('../images/icons/close_x_white_8.png') 50% 50% no-repeat #18657C;
  display: block;
  height: 12px;
  left: -3px;
  position: absolute;
  text-indent: -9999em;
  top: 2px;
  width: 12px;
}

#searchresult-category-container .item-list .item.selected h5 a {
  padding-left: 14px;
}

#searchresult-category-container .item-list .item.selected div,
#searchresult-category-container .item-list .item.selected:hover div{
  margin-left: -20px;
  width: 215px;
}
#searchresult-category-container .item-list .item.selected:hover h5 a{
  background: #18657C;
  display: block;
}

#searchresult-category-container .item-list .item.selected a,
#searchresult-category-container .item-list .item:hover a{ color: #fff; }
#searchresult-category-container .item-list .item.selected div,
#searchresult-category-container .item-list .item:hover div{ background: #18657C; }
#searchresult-category-container .item-list .item.selected.overlay a,
#searchresult-category-container .item-list .item.overlay:hover a { color: #666; }
#searchresult-category-container .item-list .item.overlay.selected div,
#searchresult-category-container .item-list .item.overlay:hover div { background: transparent; }
#searchresult-category-container .item-list .item.last { border-bottom: none; }

#searchresult-category-container .item-list .item h5 {
  display: block;
  width: 175px;
  font-weight: normal;
  margin: 0;
}
#searchresult-category-container .item-list .item h5 a {
  display: block;
  color: #666;
  text-decoration: none;
  line-height: 1.15em;
}
/* #searchresult-category-container .item-list .item.selected .count{color: #fff;} */
#searchresult-category-container .item-list .item .count {
  display: block;
  width: 45px;
  position: absolute;
  top: 0px;
  right: 4px;
  text-align: right;
  color: #999;
  text-decoration: none;
  font-size: 90%;
}


.anchors ul li {
  float:left;
  background:none;
  margin-right:6px;
  padding-left:0;
}

.result {
  display:block;
}

ul.result {
  float:left;
  display:block;
  /* width:430px; */
}

.result li {
  background:none;
  padding-left:0;
  padding-bottom:0;
}

.result li.kapital {
  background:none;
  font-family: "Georgia", "Times New Roman", serif;
  font-size:28px;
  font-style: italic;
  position: relative;
  float: none;
  line-height: inherit;
}

.result li.kapital a {
  color:#494949;
  margin-right:15px;
  float: left;
}

.result li.kapital ul a {
  color:#494949;
  margin-right:15px;
  float: left;
  display: block;
  width: 100%;
}

.result li.kapital ul {
  position: relative;
  float:left;
  width:458px;

}

.result li.kapital li {
  line-height:60%;
  margin-bottom:5px;
  padding-top:10px;
}

.category, .number {
  font-size:13px;
  font-family: "Calibri", "Arial",sans-serif;

}

.number {
  float:right;
  margin-top: 1px;
}

#page-nav { margin: 0; padding: 0; text-align: center; }
#page-nav li { background: none; display: inline; list-style: none; padding-left: 15px; }
#page-nav li:first-child { padding-left: 0; }
#page-nav li.prev { padding-right: 5px; }
#page-nav li.next { padding-left: 20px; }
#page-nav li a { display: inline; }


/* END #searchresult-category-container */
/* Search - end */

/***
 * ##FORMS
 */

.form-message { background-color: #8B6648; color: white; margin-bottom: 20px; padding: 15px 20px; }
.formfield-container,
.eforms-field,
.form-row,
.eforms-buttons { position: relative; }
.eforms-buttons { height: 30px; }

.textfield-container input,
.form-row input,
.eforms-field input {
  border: 1px solid #ccc;
  font-family: "Calibri", "Arial",sans-serif;
  margin-bottom: 0;
  margin-top: 3px;
  min-height: 16px;
  padding: 4px 10px;
  display: block;
  width: 230px;
}
.contact-form .formfield-container,
.eforms .eforms-field {
  margin-bottom: 16px;
}
.contact-form  label,
.eforms label,
.contact-form span.label,
.eforms span.label {
  line-height: 1.5em;
  display: block
}
.contact-form  select,
.eforms select {
  margin-top: 3px;
  display: block;
}
.contact-form textarea,
.eforms textarea {
  width: 230px;
  margin-top: 3px;
  display: block;
  padding: 0 10px;
  font-size: 100%;
  border: 1px solid #ccc;
  font-family: "Calibri", "Arial",sans-serif;
}
.contact-form .textfield-container input,
.eforms .eforms-field input {
  font-size: 100%;
}
.eforms .eforms-field .radio input,
.eforms .eforms-field .checkbox input,
.eforms .eforms-field .other input {
  display: inline;
  margin-right: 5px;
  vertical-align: middle
}
input.error {
  color: #18657C;
}
.error label { font-weight: bold; }
.error .error,
.eforms-field span.error,
.form-row span.error {
  font-size: 90%;
  background: url('../images/backgrounds/error.png') no-repeat 0 0;
  color: #FFFFFF;
  display: block;
  left: 242px;
  padding: 4px 15px 5px 30px;
  position: absolute;
  top: 5px;
}

.textfield-container.error input,
.eforms-field input.error,
.eforms-field textarea.error,
.form-row input.error,
.form-row textarea.error { border-color: #18657C; }

.contact-form  ul,
.eforms  ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.contact-form  ul li,
.eforms ul li {
  background: none;
  padding: 0;
}
.eforms .other {
  clear: both;
  padding: 10px 0;
}
.eforms .other span { display: block; margin: 3px 0}
.eforms .other span.label { line-height: 20px; margin-right: 4px; }
.eforms .eforms-field .other input { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; }
.eforms .eforms-field .other .textfield-other { margin: 0; border: 1px solid #ccc }

.eforms .other ul li {
  margin-right: 10px;
  width: auto;
}
.eforms .other ul li label { margin-top: 3px; }

.eforms .radiocheckbox ul { padding-top: 5px; }
.eforms .radiocheckbox ul li { padding: 2px 0; }
.eforms .radiocheckbox ul li input[type="checkbox"],
.eforms .radiocheckbox ul li input[type="radio"] {
  width: auto;
  border: 0;
}
.eforms .radiocheckbox .eforms-hint { margin-top: 5px; }

.eforms .radiocheckbox .radio span.error,
.eforms .radiocheckbox .radio span.error {
  top: -30px;
}
.eforms .eforms-field .eforms-likert-table td {
  border: none;
}

.eforms .eforms-field .eforms-likert-table th {
  width: auto;
}

.eforms .eforms-field table {
  border: none;
}

.eforms .eforms-field .eforms-likert-table td input {
  font-size: 100%;
  width: auto;
}

.eforms .eforms-field input.date {
  width: 230px;
}

.eforms .eforms-field input.date,
.eforms .eforms-field .ui-datepicker-trigger {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px
}

#ui-datepicker-div {
  z-index: 300 !important;
}

.eforms-buttons input {
  background: linear-gradient(to bottom, #18657C 0, #18657C 100%);
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 16px;
  border: 0;
  box-shadow: 0px 0px 5px #999;
  color: #FFFFFF;
  padding: 9px 30px 9px 30px;
  margin-right: 10px
}

.eforms .eforms-pagetab {
  margin-bottom: 20px
}

.eforms .eforms-pagetab li {
  display: inline-block;
  padding: 10px;
  background: #cccccc;
}

.eforms .eforms-pagetab li.selected {
  background: #18657C;
  color: #FFFFFF;
}

/* Forms - end */

/***
 * ## START OVERLAY
 */
a.overlay{
  position: relative;
  padding-right: 3px;
  background: url('../images/sprites/button_overlay_right.png') 100% 0 no-repeat;
  text-decoration: none;
  display: block;
  float: left;
}
a.overlay span{
  position: relative;
  padding-left: 14px;
  padding-right: 3px;
  background: url('../images/sprites/button_overlay_left.png') 0 0 no-repeat;
  color: #666;
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 14px;
  line-height: 1.1em;
  font-size: 85%;
}
a.overlay:hover span{text-decoration: underline;}
a.overlay.selected{

}
a.overlay.selected span{
  background: url('../images/sprites/button_overlay_left.png') 0 -14px no-repeat;
}

#overlay.close{display: none;}

#overlay{
  position: absolute;
  display: block;
  padding-left: 25px;
  padding-right: 1px;
  background: url('../images/backgrounds/overlay_hook_left.png') 0 483px no-repeat;
  z-index: 200;
  color: #fff;
  left: 90px;
}
#overlay .results-container{
  position: relative;
  width: 555px;
  height: 436px;
  padding-left: 16px;
  overflow: hidden;
}
#overlay .results{
  position: absolute;
  width: 540px;
}
#overlay .results div{
  position: relative;
}
#overlay .anchors {
  padding-left: 12px;
}
#overlay .anchors li{
  color: #666;
  margin-right: 12px;
}
#overlay .anchors li a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 100%;
}
#overlay .anchors li a:hover{
  color: #666;
}
#overlay #morefinder{
  position: relative;
  background-color: #222;
  height: 490px;
  padding: 3px 0px;
  width: 571px;
}

#overlay .close-bar{
  position: relative;
  width: 571px;
  background-color: #333;
  height: 24px;
}
#overlay .close-bar .button-close{
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 4px;
  right: 4px;
  background: url('../images/sprites/button_close.png') 0 0 no-repeat;
  text-indent: -9999em;
}
#overlay .close-bar .button-close{
  background-position: 0 -16px;
}
#overlay .result{
  padding: 0;
  margin: 0;
}
#overlay .result a{
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  width: 30px;
}
#overlay .result .category{
  padding: 3px 5px;
  font-style: normal;
}
#overlay .result .category a{
  width: 450px;
}
#overlay .result .category span{
  color: #999;
  font-size: 85%;
  padding-left: 23px;
}
#overlay .result .category:hover,
#overlay .result .selected {
  color: #fff;
  background-color: #727272;
}
#overlay .result li.kapital{
  position: inherit;
}
#overlay .result li.kapital li {
  margin-bottom: 0;
  padding: 0;
}

/*Annual report*/

#highlight-article-container{
  margin-bottom: 10px;
  overflow: visible;
  padding: 0 10px;
}

#highlight-article-container .center-pane{
  margin-top: 17px;
  width: 475px;
  background: #FFF;
  float: left;
  position: relative;
  min-height: 300px;
}

#highlight-article-container .center-pane p.intro{
  font-family: Calibri, Arial, sans-serif;
  font-size: 12px;
}

#highlight-article-container .center-pane h2.title{
  color: #18657C;
  font-size: 24px;
  margin-bottom: 5px;
}

#highlight-article-container .center-pane img{
  width: 160px;
  float: right;
  padding: 0 10px 10px 10px;
}

#highlight-article-container .right-pane{
  right: 0;
  padding-left: 35px;
  position: absolute;
  width: 430px;
  background:url('../images/backgrounds/shade_subsidy_container.png') 0 0 no-repeat #FFF;
  min-height:296px;
  top: 82px;
  z-index: 110;
}
#highlight-article-container .right-pane .wrapper{
  margin: 10px 0 0 16px;
}

#highlight-article-container .right-pane .wrapper h2.title{
  font-size: 24px;
}

#highlight-article-container .right-pane .wrapper .direct-links{
  width: 200px;
  float: left;
}

#highlight-article-container .right-pane .wrapper .direct-links ul li a{
  background: url('../images/bullets/arrow_left_red.png') 0 5px no-repeat;
  padding-left:10px;
  text-decoration:none;
  display:block;
}

#highlight-article-container .right-pane .wrapper .direct-links ul li a:hover{
  text-decoration:underline;
  background-position: 0 -111px !important;

}

#highlight-article-container .right-pane .wrapper .direct-links ul li{
  list-style-type:none;
  padding-bottom:10px;
  background: none;
  padding-left:0px;
}

#highlight-article-container .right-pane .wrapper .button{
  float: left;
  margin-top: -23px;
}

#highlight-article-container .right-pane .wrapper .button span{
  font-size: 18px;
}

.annualslide{
  border-top: none;
}



/* OVERLAY - End */

/***
* ##THEMES
*/

/* Highlight landingspageBean*/
.page-HighlightLandingPageBean .landingpageMenu .link-list {margin: 0;}
.page-HighlightLandingPageBean .landingpageMenu .link-list li {padding-bottom: 0;}
.page-HighlightLandingPageBean .landingpage .link-list {margin: 0;}
.page-HighlightLandingPageBean .landingpage .link-list li {padding-bottom: 0;}

/* glossary balloon */
#glossary-balloon { position: absolute; display:none; z-index: 999; }

/** MEDIAPLAYER **/
.mediaspace { width: 100%; overflow: hidden; }

/** Content blocks **/
.block { margin-bottom: 20px; }
ul.hst-container { margin: 0; padding: 0; list-style: none outside none; }
ul.hst-container li.hst-container-item { margin: 0; padding: 0; list-style: none outside none; background: transparent; }

.red { color: #18657C; }


#image-container { height: 260px; overflow: hidden; margin-bottom: 34px; }
#image-container .items { padding-top: 120px; }
#image-container .items h1 {  }

#image-header.small-contact { height: 200px; }
#image-header.small-contact .mask {
  background: url('../images/backgrounds/image_header_medium_mask.png') no-repeat 0 0;
  height: 200px;
  width: 921px;
  right: 310px;
}
#googlemap { height: 200px; width: 1220px; }


/** Publicatie detail **/
.publication .intro { margin-bottom: 10px; }
.publication .image { width: auto; margin-right: 10px; }
.publication .links li { background: transparent none; padding: 0 0 5px 0; }

.mod-message { color: #18657C; font-style: italic; border: 1px solid #18657C; padding: 10px; margin-bottom: 20px; }

#sortingform { height: 30px; line-height: 30px; }
#sortingform #submit_button { left: auto; right: 140px; }
.js-enhanced #sortingform #submit_button { display: none; }

/** Open access **/
a.open-access { padding-right: 16px; margin-right: 4px; background: url('../images/openaccess.png') no-repeat right bottom; }

/** CMS **/
a.hst-cmseditlink { z-index: 9999; }

/* COLORS */
/*
area's
red:   #18657C
       dark      light
purple:#8E68A0 / #D9C3DA   //top-sectoren
black: #494949
grey1: #222222
grey2: #727272
grey3: #CCCCCC
grey4: #F1F1F1
white: #fff

text:
           normal    rollover
red:       #18657C / #008B9F;
purple:    #8E68A0 / #6A4D79 //top-sectoren

*/

/* Themes - end */

/** Chrome specific styling **/

.cookie-bar {
  display: block;
  position: fixed;
  z-index: 5000000;
  width: 100%;
  left: 0;
  right: 0;
  background-color: rgba(20, 20, 20, 0.9);
  font-size: 13px;
  line-height: 26px;
  color: #ddd; }
.cookie-bar.bottom {
  bottom: 0; }
.cookie-bar a {
  color: currentColor;
  text-decoration: underline; }
.cookie-bar .cookie-wrapper {
  padding: 10px 0;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
.cookie-bar .cookie-wrapper .more-info {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: inherit;
  font-size: inherit; }
.cookie-bar .cookie-wrapper .cookie-buttons {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: inherit;
  font-size: inherit; }
.cookie-bar .cookie-wrapper input[type=checkbox] {
  display: none; }
.cookie-bar .cookie-wrapper label {
  position: relative;
  padding-left: 36px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  color: currentColor; }
.cookie-bar .cookie-wrapper label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  cursor: pointer;
  background-color: #ccc;
  transition: .4s;
  height: 21px;
  width: 32px;
  border-radius: 10px; }
.cookie-bar .cookie-wrapper label:after {
  top: 5px;
  left: 2px;
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  background-color: white;
  transition: .4s;
  border-radius: 8px; }
.cookie-bar .cookie-wrapper .cookie-close {
  display: inline-block;
  margin-left: 50px;
  padding: 2px 11px;
  cursor: pointer;
  border: 1px solid currentColor;
  border-radius: 5px;
  text-decoration: none; }

.cookie-bar input[type=checkbox]:checked + label:before {
  background-color: #0cbf40; }

.cookie-bar input[type=checkbox]:checked + label:after {
  -ms-transform: translateX(11px);
  transform: translateX(11px); }

.cookie-bar input[type=checkbox]:checked + label .on {
  display: inline-block; }

.cookie-bar input[type=checkbox]:not(:checked) + label .on {
  display: none; }

.cookie-bar input[type=checkbox]:not(:checked) + label .off {
  display: inline-block; }

.cookie-bar input[type=checkbox]:checked + label .off {
  display: none; }