/** Table of contents main.css ----------------------------------------------------------------------------------------/
 * 0.   Typography & common styling
 * 1.   Buttons
 * 2.   Sitewide header
 * 3.   Sitewide footer
 * 4.   Homepage
 * 5.   Headline
 * 6.   Main entries
 * 7.   News ticker
 * 8.   Side navigation
 * 9.   Breadcrumbs
 * 10.  Editorial text
 * 11.  Context
 * 12.  Linklist
 * 13.  Calendar
 * 14.  Related media
 * 15.  Lightbox
 * 16.  Banners
 * 17.  Course
 * 18.  News highlight
 * 19.  Branding
 * 20.  Tabs
 * 21.  Tag cloud
 * 22.  Alphabet search
 * 23.  Search results
 * 24.  Contact
 * 25.  Additional content compontent
 * 26.  Mobile side navigation
 * 27.  Content subnavigation
 * 28.  Content step navigation
 * 29.  Filter
 * 30.  Pagination
 * 31.  FAQ
 * 32.  Toggle
 * 33.  Employee
 * 34.  Forms
 * 35.  Actions
 * 36.  Readspeaker
 * 37.  Background (intranet)
 * 38.  Helpdesk
 * 39.  Welcome
 * 40.  Sitewide search
 * 41.  Carousel
 * 42.  Direct to
 * 43.  Direct contact details
 * 44.  Image hover
 * 45.  Alert
 * 46.  Teaser-block
 * 47.  Table (responsive)
 * 48.  Forms (responsive)
 * 49.  Item list
 * 50.  Filter row
 * 51.  Apps bar
 * 52.  Reacties
 *
 ** Reference
 *  - Primary colors:
 *  blue            #21409A
 *  yellow          #F0E904
 *  black           #333333
 *
 *  - Secondary colors:
 *  off-white       #F6F6F6
 *  grey            #B3B3B3
 *  grey (light)    #F6F6F6
 *  grey (dark)     #888888
 *  blue (light)    #F4F5FA
 *  blue (dark)     #1E3C92
 *  yellow (light)  #FEFEF7
 *	yellow (dark)	#C0BB04
 *
 *  - Special theme colors:
 *  orange          #F99DIC
 *  orange (dark)   #F26522
 *  red             #ED1A3B
 *  purple          #841E8E
 *  blue (light)    #00A5E5
 *  blue-green      #00AE9D
 *  green           #62BB46
 *  green (light)   #A6CE39
 */

/* 0.   Typography & common styling --------------------------------------------------------------------------------- */
body {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	-moz-text-size-adjust: 100%; /* possible fix for certain iOS zoom problems */
}

a {
	color: #21409A;
}
	a:visited {
		color: #1E3C92;
	}
	a:hover {
		text-decoration: underline;
	}

h1,
h2,
h3 {
	line-height: 1.1em;
	font-weight: bold;
}
/* screen only because of IE8 printing bug */
@media screen {
	h1:first-letter,
	h2:first-letter,
	h3:first-letter {
		text-transform: uppercase;
	}
}
@media print {
	/* Everything but IE6-8 */
	:root *> h1:first-letter,
	:root *> h2:first-letter,
	:root *> h3:first-letter,

	/* IE7 */
	*:first-child+html h1:first-letter,
	*:first-child+html h2:first-letter,
	*:first-child+html h3:first-letter {
		text-transform: uppercase;
	}
}

h1 {
	margin: 0 0 1em 0;
	font-size: 2em;
	color: #333;
}

h2,
h3 {
	margin: 1em 0;
	font-size: 1em;
	color: #21409A;
}

.chapeau {
	margin: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	color: #B3B3B3;
}

input[type="text"] {
	padding: 0 10px;
}

select,
input[type="text"],
textarea {
	border: 1px solid #B3B3B3;
}

select:focus,
input[type="text"]:focus,
textarea:focus {
	border-color: #21409A;
}

nav a {
	line-height: 1em;
}

.readmore {
	padding: 0 0 0 10px;
	background: url(../img/style/arrow-blue-small.gif) 0 center no-repeat;
}
.important .readmore {
	background: none;
}
.important .readmore img {
	height: 17px;
	margin-right: 8px;
}

.readmore.multi-line {
	display: block;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: .5em;
	white-space: normal;
	background-position: 0 7px;
	font-weight: bold;
}
.readmore.multi-line span {
	display: block;
	padding-left: 10px;
}

.important .readmore.multi-line span {
	display: block;
	padding: 0;
	overflow: hidden;
	line-height: 1.3em;
}

.linklist + .readmore.multi-line {
	margin-top: -.5em;
}

.readmore.grey {
	background: url(../img/style/intranet/arrow-grey-small.gif) 0 center no-repeat;
	color: #b2b2b2;
}
a:hover .readmore.grey,
.readmore.grey:hover {
	background-image: url(../img/style/arrow-blue-small.gif);
	color: #21409A;
	text-decoration: none;
}

a.listfilter {
	padding: 0 10px 0 0;
	white-space: nowrap;
	background: url(../img/style/intranet/arrow-blue-small-down.gif) right center no-repeat;
}


.max-lines {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.max-lines p {
	margin: 0;
}
.max-lines.two {
	max-height: 3em;
}
.max-lines.three {
	max-height: 4.5em;
}
.max-lines.four {
	max-height: 6em;
}
.max-lines:after  {
	content: "\2026";
	position: absolute;
}
.max-lines.white:after {
	background-color: #fff;
}
.max-lines.two:after {
	top: 1.5em;
}
.max-lines.three:after {
	top: 3em;
}
.max-lines.four:after {
	top: 4.5em;
}
.max-lines + .readmore {
	margin-left: 0;
}


/* screen only because of IE8 printing bug */
@media screen {
	.readmore:first-letter,
	.readmore span:first-letter  {
		text-transform: uppercase;
	}
}

.loading {
	background: url(../img/style/loader.gif) center center no-repeat;
}

.page-bookmark-hidden {
	display: block;
	height: 0;
	overflow: hidden;
}

.rss-feed {
	float: right;
}

.source {
	font-size: 0.9em;
	font-style: italic;
}

input.placeholder-active {
	color: #B3B3B3;
}

iframe {
	width: 100%;
	min-height: 300px;
	overflow: hidden;
}

@media screen and (max-width: 480px) {
	.rss-feed {
		display: none;
	}
}

.floated {
	float: left;
	margin: 0 1em 1em 0;
}


/* in case of carousel: hide all but first item by default */
[data-interaction="Carousel"] li {
	display: none;
}
	[data-interaction="Carousel"] li:first-child {
		display: block;
	}

/* 1.   Buttons ----------------------------------------------------------------------------------------------------- */
.button,
input[type="submit"],
button {
	position: relative;
	display: inline-block;
	height: 28px;
	padding: 0 10px;
	font-weight: bold;
	background-repeat: no-repeat;
}
	.lte7 .button {
		display: inline;
		zoom: 1;
	}

.button.small {
	height: 20px;
}

/* default blue button */
.button-default {
	padding: 0 0.5em;
	border: 1px solid #000066;
	color: #FFF;
	background-color: #00A4E4;
	text-shadow: 0 1px 0 #000000;
	background-image: -webkit-linear-gradient(top, #21409A, #1A3582);
	background-image:    -moz-linear-gradient(top, #21409A, #1A3582);
	background-image:     -ms-linear-gradient(top, #21409A, #1A3582);
	background-image:      -o-linear-gradient(top, #21409A, #1A3582);
	background-image:         linear-gradient(top, #21409A, #1A3582);
	background-position: 1px 1px;
}
	.button-default:hover,
	.button-default:focus,
	.button-default:active {
		text-decoration: none;
		background-color: #1A3582;
		background-image: -webkit-linear-gradient(top, #1A3582, #21409A);
		background-image:    -moz-linear-gradient(top, #1A3582, #21409A);
		background-image:     -ms-linear-gradient(top, #1A3582, #21409A);
		background-image:      -o-linear-gradient(top, #1A3582, #21409A);
		background-image:         linear-gradient(top, #1A3582, #21409A);
		background-position: 0 0;
	}
	.button-default:visited {
		color: #FFF;
	}
	.no-cssgradient .button-default {
		background-color: #21409A;
		background-position: 0 0;
	}

	.lte9 .button-default {
		background: #1A3582;
	}
	.lte9 .button-default:hover,
	.lte9 .button-default:focus {
		background: #21409A;
	}


/* special yellow button */
.button-special {
	border: 1px solid #C0BB04;
	color: #21409A;
	background-color: #FBF9C1;
	text-shadow: 0 1px 0 #FFFFFF;
	background-image: -webkit-linear-gradient(top, #F0E904, #DDD705);
	background-image:    -moz-linear-gradient(top, #F0E904, #DDD705);
	background-image:     -ms-linear-gradient(top, #F0E904, #DDD705);
	background-image:      -o-linear-gradient(top, #F0E904, #DDD705);
	background-image:         linear-gradient(top, #F0E904, #DDD705);
	background-position: 1px 1px;
}
	.button-special:hover,
	.button-special:focus,
	.button-special:active {
		text-decoration: none;
		background-color: #C0BB04;
		background-image: -webkit-linear-gradient(top, #DDD705, #F0E904);
		background-image:    -moz-linear-gradient(top, #DDD705, #F0E904);
		background-image:     -ms-linear-gradient(top, #DDD705, #F0E904);
		background-image:      -o-linear-gradient(top, #DDD705, #F0E904);
		background-image:         linear-gradient(top, #DDD705, #F0E904);
		background-position: 0 0;
	}
	.button-special:visited {
		color: #FFF;
	}
	.no-cssgradient .button-special {
		background-color: #F0E904;
		background-position: 0 0;
	}
	.lte9 .button-special {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0E904', endColorStr='#DDD705');
	}
	.lte9 .button-special:hover,
	.lte9 .button-special:focus {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DDD705', endColorStr='#F0E904');
	}

.gt9 [class^=button]:first-letter,
.gt9 input[type="submit"]:first-letter,
.gt9 button:first-letter {
	text-transform: uppercase;
}

/* 2.   Sitewide header --------------------------------------------------------------------------------------------- */
header.sitewide {
	padding: 0.857em 0;
	clear: both;
}
	header.sitewide:before,
	header.sitewide:after {
		content: '';
		display: table;
	}
	header.sitewide:after {
		clear: both;
	}
	.lte7 header.sitewide {
		zoom: 1;
	}

/* logo */
header.sitewide .logo {
	position: relative;
	float: left;
	width:250px;
	height: 100px;
	/*background: url(../img/style/jubileumlogo_blue-intranet-vumcV2.png) 0 0 no-repeat;*/
}

/* meta navigation */
header.sitewide nav.meta {
	float: right;
	margin: 0 0 1em 0;
}

header.sitewide nav.meta li {
	float: left;
	height: 1em;
	padding: 0 8px;
	border-left: 1px solid #333;
}
	header.sitewide nav.meta li:first-child {
		border: none;
	}

header.sitewide nav.meta a {
	display: block;
	line-height: 1em;
	font-size: 0.857em;
}
	header.sitewide nav.meta a:hover,
	header.sitewide nav.meta a:focus,
	header.sitewide nav.meta a:active,
	header.sitewide nav.meta .active {
		color: #333;
	}

/* main navigation */
header.sitewide nav.main {
	float: right;
	min-width: 50%;
	margin: 0 0 1em 0;
}

.lte8 header.sitewide nav.main ul {
	white-space: nowrap;
}

header.sitewide nav.main li,
div.mobile-nav nav.main li {
	display: inline-block;
}
	.lte7 header.sitewide nav.main li {
		display: inline;
		zoom: 1;
	}

header.sitewide nav.main a,
div.mobile-nav nav.main a {
	display: block;
	padding: 0 0 0 2em;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}
	header.sitewide nav.main a:hover,
	header.sitewide nav.main a:focus,
	header.sitewide nav.main a:active,
	header.sitewide nav.main .active a,
	div.mobile-nav nav.main a:hover,
	div.mobile-nav nav.main a:focus,
	div.mobile-nav nav.main a:active,
	div.mobile-nav nav.main .active a {
		color: #21409A;
	}

/* Sitewide header with background */
header.sitewide.with-background {
	background: url(../img/style/intranet/Bovenbalk_vumc.svg) no-repeat center bottom;
	background-size: 100% 100%;
	color: #fff;
}
	.no-svg header.sitewide.with-background {
		margin-bottom: 1em;
		background: #21409A;
	}
header.sitewide.with-background .content {
	margin-bottom: 30px;
}
	.no-svg header.sitewide.with-background .content {
		margin-bottom: 0;
	}
header.sitewide.with-background a,
header.sitewide.with-background a:hover,
header.sitewide.with-background a:focus,
header.sitewide.with-background a:active,
header.sitewide.with-background nav.meta a,
header.sitewide.with-background nav.meta a:hover,
header.sitewide.with-background nav.meta a:focus,
header.sitewide.with-background nav.meta a:active,
header.sitewide.with-background nav.main a,
header.sitewide.with-background nav.main a:hover,
header.sitewide.with-background nav.main a:focus,
header.sitewide.with-background nav.main a:active {
	color: inherit;
}
header.sitewide.with-background a:hover,
header.sitewide.with-background a:focus,
header.sitewide.with-background a:active,
header.sitewide.with-background nav.main a:hover,
header.sitewide.with-background nav.main a:focus,
header.sitewide.with-background nav.main a:active,
header.sitewide.with-background nav.main .active a {
	text-decoration: underline;
}

/* search component */
header.sitewide .search {
	position: relative;
	float: right;
	width: 500px;
	clear: right;
}

header.sitewide .search .query {
	float: left;
	width: 369px;
	height: 26px;
	border: 1px solid #C0BB04;
	border-width: 1px 0 1px 1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
	.lte8 header.sitewide .search .query {
		line-height: 26px;
	}

header.sitewide .search .button-special {
	float: left;
	width: 109px;
	margin: 0;
	padding: inherit 0;
	text-align: center;
}
	.ie6 header.sitewide .search .button-special {
		height: 30px;
	}

header.sitewide .search .filterlist {
	display: none; /* hide by default, the user won't be blocked to use the search */
	position: relative;
	clear: both;
}
header.sitewide .search .filterlist ol {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
}
header.sitewide .search .filterlist a {
	display: block;
	padding: 5px;
	color: #000;
}
header.sitewide .search .filterlist a:hover,
header.sitewide .search .filterlist a:focus,
header.sitewide .search .filterlist .active a {
	background-color: #f0f0f0;
	outline: none;
}
header.sitewide .search .filterlist .icon a {
	padding-left: 25px;
}
header.sitewide .search .filterlist .default a {
}





/* mediaqueries */
@media screen and (max-width: 820px) {
	header.sitewide {
		position: static;
		padding: 4em 0 0 0;
	}

	header.sitewide .unit {
		position: static;
	}

	/* meta navigation */
	header.sitewide nav.meta {
		position: absolute;
		right: 0;
	}

	header.sitewide nav.meta li {
		margin: 0 0 0.5em 0;
		border: none;
	}

	/* main navigation */
	header.sitewide nav.main {
		position: absolute;
		top: 0;
		left: 0;
		width: 90%;
		padding: 1em 10% 1em 0;
		font-size: 0.8em;
		border-bottom: 1px solid #888888;
		background-color: #F6F6F6;
		z-index: 10;
	}

	header.sitewide nav.main ul,
	div.mobile-nav nav.main ul {
		float: left;
		margin-top: 0.6em;
	}

	/* search component */
	header.sitewide .search {
		position: relative;
		float: right;
		top: 2.4em;
		width: 50%;
	}

	header.sitewide .search .query {
		width: 70%;
	}

	header.sitewide .search .button-special {
		position: absolute;
		right: 0;
		width: 30%;
	}

}

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

	header.sitewide nav.main ul,
	div.mobile-nav nav.main ul {
		display: none;
	}

	header.sitewide nav.meta {
		display: none;
	}

}

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

	header.sitewide .logo img {
		max-width: 100%;
	}

	/* search component */
	header.sitewide .search {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 11;
		width: 65%;
	}

	header.sitewide .search .query {
		width: 84%;
	}

	header.sitewide .search .button-special {
		width: 30px;
		background-color: #F0E904;
		background-image: url(../img/style/search.png);
		background-image: url(../img/style/search.png), -webkit-linear-gradient(top, #F0E904, #DDD705);
		background-image: url(../img/style/search.png),    -moz-linear-gradient(top, #F0E904, #DDD705);
		background-image: url(../img/style/search.png),     -ms-linear-gradient(top, #F0E904, #DDD705);
		background-image: url(../img/style/search.png),      -o-linear-gradient(top, #F0E904, #DDD705);
		background-image: url(../img/style/search.png),         linear-gradient(top, #F0E904, #DDD705);
		text-indent: -999px;
		z-index: 1;
	}
	header.sitewide .search .button-special:hover {
		background-color: #DDD705;
		background-image: url(../img/style/search.png);
		background-image: url(../img/style/search.png), -webkit-linear-gradient(top, #DDD705, #F0E904);
		background-image: url(../img/style/search.png),    -moz-linear-gradient(top, #DDD705, #F0E904);
		background-image: url(../img/style/search.png),     -ms-linear-gradient(top, #DDD705, #F0E904);
		background-image: url(../img/style/search.png),      -o-linear-gradient(top, #DDD705, #F0E904);
		background-image: url(../img/style/search.png),         linear-gradient(top, #DDD705, #F0E904);
		background-position: 1px 1px;
	}

}

/* 3.   Sitewide footer --------------------------------------------------------------------------------------------- */
footer.sitewide {
	margin: 2em 0 0 0;
	padding: 0 0 1em 0;
	font-size: 0.9em;
	background-color: #F6F6F6;
	clear: both;
}
	footer.sitewide:before,
	footer.sitewide:after {
		content: "";
		display: table;
	}
	footer.sitewide:after {
		clear: both;
	}
	.lte7 footer.sitewide {
		zoom: 1;
	}

footer.sitewide h2 {
	width: 100%;
	height: 1em;
	padding: 0 0 1em 0;
	font-size: 1.1em;
	border-bottom: 1px solid #F0E904;
}

footer.sitewide li {
	line-height: 1.3em;
	padding: 0.2em 0;
}

footer.sitewide p {
	margin-top: 0;
}

footer.sitewide .quicklinks-pijlers a {
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}
	footer.sitewide .quicklinks-pijlers a:hover {
		color: #21409A;
		text-decoration: none;
	}

footer.sitewide #select-address {
	position: absolute;
	top: 1em;
	right: 0;
}

/* social */
footer.sitewide .social {
	width: 100%;
	clear: both;
	padding: 1em 0 0 0;
}
footer.sitewide .social:first-child {
	padding-top: 0;
}

footer.sitewide .social li {
	float: left;
	margin: 0 5px 0 0;
}

/* route */
footer.sitewide .contact .button {
	width: auto;
	margin: 0 1em 0 0;
	font-weight: normal;
}

footer.sitewide .contact .button.link {
	margin-top: 1em;
}

footer.sitewide .contact p {
	position: relative;
}

footer.sitewide .contact a {
	white-space: nowrap;
}

footer.sitewide .contact .unit {
	width: 49%;
	display: inline-block;
}
	.lte7 footer.sitewide .contact .unit {
		display: inline;
		zoom: 1;
	}

footer.sitewide .directions {
	padding-bottom: 5px;
}

footer.sitewide .directions input {
	width: 43.5%;
}

footer.sitewide .contact select {
	max-width: 100%;
}


footer.sitewide .sub-footer {
	clear: both;
	border-top: 1px solid #B3B3B3;
	margin-top: 1em;
	padding-top: 1em;
}

.lte7 footer.sitewide .sub-footer .unit {
	width: 45%;
}

/* partners */
footer.sitewide .partners {
	clear: both;
	padding: 15px 0 0 0;
}

footer.sitewide .partners li {
	display: inline-block;
	margin: 0 20px 0 0;
	vertical-align: bottom;
}
	.lte7 footer.sitewide .partners li {
		display: inline;
		zoom: 1;
	}

footer.sitewide .partners li a {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

footer.sitewide .partners #CEDEO {
	height: 35px;
	width: 75px;
	background-image: url(../img/CEDEO.png);
}

footer.sitewide .partners #NIAZ {
	height: 34px;
	width: 126px;
	background-image: url(../img/NIAZ.png);
}

footer.sitewide .partners #CCKL {
	height: 45px;
	width: 59px;
	background-image: url(../img/CCKL.png);
}

footer.sitewide .partners #NVAO {
	height: 25px;
	width: 134px;
	background-image: url(../img/NVAO.png);
}

footer.sitewide .partners a:hover {
	background-position: 0 bottom;
}

/* legal */
footer.sitewide .legal {
	float: right;
}

footer.sitewide .legal li {
	float: left;
	height: 1em;
	padding: 0 8px;
	border-left: 1px solid #B3B3B3;
	line-height: 1em;
	font-size: 0.857em;
	color: #B3B3B3;
}
	footer.sitewide .legal li:first-child {
		border: none;
	}

footer.sitewide .legal a {
	display: block;
	color: #B3B3B3;
}
	footer.sitewide .legal a:hover,
	footer.sitewide .legal a:focus,
	footer.sitewide .legal a:active {
		color: #333;
	}

/* mediaqueries */
@media screen and (max-width: 820px) {

	footer.sitewide .quicklinks,
	footer.sitewide .specialism,
	footer.sitewide .contact {
		width: 30.667%;
	}

	footer.sitewide .quicklinks .size1of3 {
		width: 92%;
	}

	footer.sitewide .contact .size1of2 {
		width: 92%;
	}

	footer.sitewide h2 {
		width: 95%;
	}
}

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

	footer.sitewide .quicklinks,
	footer.sitewide .specialism,
	footer.sitewide .contact {
		width: 96%;
	}

	footer.sitewide h2 {
		border: none;
		margin: 1.5em 0 0.5em 0;
		padding: 0;
	}

	footer.sitewide .quicklinks-pijlers {
		margin: 0 0 1em 0;
	}

}

/* 4.   Homepage ---------------------------------------------------------------------------------------------------- */
.home {
	padding: 0;
}

.home header.sitewide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 40px;
	background-image: url(../img/style/Bovenbalk_vumc_80procent.svg);
	-o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	z-index: 2;
}
	.no-inlinesvg .home header.sitewide,
	.no-svg .home header.sitewide {
		padding-bottom: 0.857em ;
		background-image: none;
		background-color: rgba(33, 64, 154, 0.8);
	}
	.no-rgba .home header.sitewide {
		padding-bottom: 0.857em ;
		background-image: none;
		background-color: #21409A;
	}
	.lte8 .home header.sitewide {
		padding-bottom: 0.857em ;
		background:none;
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC21409A,endColorstr=#CC21409A);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC21409A,endColorstr=#CC21409A);
		zoom: 1;
	}

.home header.sitewide nav.main {
	display: none;
}

.home header.sitewide nav.meta a,
.home header.sitewide nav.meta li {
	color: #FFF;
	border-color: #FFF;
}
	.home header.sitewide nav.meta a:hover {
		text-decoration: underline;
	}


.home header.sitewide .logo img,
.home header.sitewide .logo-english img {
	display: none;
}

.home header.sitewide .logo {
	width: 17em;
	height: 6.2em;
	/*width: 228px;
	height: 87px;*/
	background: url(../img/style/logo_white.png) 0 0 no-repeat;
}

.home header.sitewide .logo-english {
	position: relative;
	float: left;
	width: 301px;
	height: 87px;
	background: url(../img/style/logo_white_english.png) 0 0 no-repeat;
}

/* mediaqueries */
@media screen and (max-width: 820px) {

	.home header.sitewide {
		padding: 0;
	}

	.home header.sitewide {
		height: 105px;
	}

	.home header.sitewide .search {
		position: absolute;
		right: 10px;
		top: 40px;
	}

	.home header.sitewide .logo {
		width: 192px;
		height: 73px;
		top: 10px;
		background-image: url(../img/style/logo_white_medium.png);
	}

	.home header.sitewide .logo-english {
		width: 253px;
		height: 73px;
		top: 10px;
		background-image: url(../img/style/logo_white_medium_english.png);
	}

	.home header.sitewide nav.meta {
		position: absolute;
		right:10px;
		top: 10px;
	}

}

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

	.home header.sitewide .logo {
		width: 145px;
		height: 55px;
		top: 10px;
		background-image: url(../img/style/logo_white_small.png);
	}

	.home header.sitewide .logo-english {
		width: 191px;
		height: 55px;
		top: 10px;
		background-image: url(../img/style/logo_white_small_english.png);
	}

	.home header.sitewide {
		height: 84px;
	}

	.home header.sitewide .search {
		top: 20px;
		width: 50%;
	}

	.home header.sitewide .search .query {
		width: 79%;
	}

	.home header.sitewide .search .button-special {
		position: absolute;
	}

}
/* 5.   Headline ---------------------------------------------------------------------------------------------------- */
.headline {
	position: relative;
	width: 100%;
	height: 17em;
	padding: 125px 0 150px 0;
	overflow: hidden;
	background: #E6E6E6;
	-moz-box-shadow: 0 10px 30px #DCDCDC;
	-webkit-box-shadow: 0 10px 30px #DCDCDC;
	box-shadow: 0 10px 30px #DCDCDC;
	z-index: 1;
}
	.ie6 .headline {
		height: 16em;
	}

.headline img {
	position: absolute;
	top: -125px;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}
	.ie6 .headline {
		width: 100%;
	}

.headline .teaser {
	position: relative;
	width: 40%;
	margin: 20px 0 0 10%;
	padding: 20px;
	border: 1px solid #F0E904;
	background-color: rgba(192, 187, 4, 0.6);
	-moz-border-radius: 12px; -webkit-border-radius: 12px;
	border-radius: 12px;
	}
	.no-rgba .headline .teaser {
		background-color: #C0BB04;
	}
	.lte8 .headline .teaser {
		background:none;
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99C0BB04,endColorstr=#99C0BB04);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99C0BB04,endColorstr=#99C0BB04);
		zoom: 1;
	}

.headline .teaser a {
	display: block;
}

.headline h1,
.headline p,
.headline a {
	color: #FFF;
}

.headline h1 {
	margin: 0.5em 0 0 0;
	font-size: 2.5em;
	line-height: 1.2em;
	text-shadow: 1px 2px 0 rgba(51, 51, 51, 0.8);
}
	.no-textshadow .headline h1 {
		line-height: 1.1em;
	}
	.lte7 .headline h1 {
		margin-top: 1em;
	}

.headline a:hover {
	text-decoration: none;
}

.headline a:hover p {
	text-decoration: underline;
}

.headline h2 {
	position: absolute;
	top: 0;
	left: 20px;
	min-width: 33%;
	margin: 0;
	padding: 3px 8px;
	background-color: #F0E904;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
	.ie6 .headline h2 {
		width: 33%;
	}

.headline .previous,
.headline .next {
	position: absolute;
	top: 45%;
	width: 40px;
	height: 40px;
	line-height: 38px;
	padding: 10px;
	font-size: 4em;
	font-weight: bold;
	font-family: 'Arial Black', Arial;
	border: 1px solid #21409A;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	border-radius: 8px;
	text-shadow: 1px 2px 0 rgba(51, 51, 51, 0.8);
	color: #FFF;
	background: transparent;
}
	.headline .previous:hover,
	.headline .next:hover {
		text-decoration: none;
		text-shadow: none;
	}

.headline .previous {
	left: -8px;
	border-width: 1px 1px 1px 0;
}

.headline .next {
	right: -8px;
	border-width: 1px 0 1px 1px;
}

/* mediaqueries */
@media only screen and (max-width: 820px) {

	.headline {
		padding: 125px 0 75px 0;
	}

	.headline .teaser {
		width: 72%;
		margin: 0 auto;
	}

	.headline .previous,
	.headline .next {
		width: 20px;
		height: 20px;
		line-height: 15px;
		padding: 10px 22px 10px 3px;
	}

	.headline .previous {
		left: -5px;
	}

	.headline .next {
		right: -5px;
	}

}

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

	.headline {
		height: auto;
		padding: 0;
	}

	.headline li {
		height: 300px;
	}

	.headline img {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		min-width: 100%;
		min-height: inherit;
	}

	.headline .teaser {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 2em 0 1em 5%;
		border: none;
		-moz-border-radius: 0; -webkit-border-radius: 0;
		border-radius: 0;
		background: #E6E6E6;
	}

	.headline .teaser h1,
	.headline .teaser p,
	.headline .teaser a {
		margin: 0;
		color: #333;
	}

	.headline .teaser h1 {
		font-size: 1.7em;
		text-shadow: 1px 2px 0 #FFF;
	}

	.headline .previous, .headline .next {
		top: 100px;
	}

}

/* 6.   Main entries ------------------------------------------------------------------------------------------------ */
.main-entries {
	position: relative;
	margin: 0;
	z-index: 2;
}
	.no-boxshadow .main-entries {
		background: #FFF url(../img/style/gradient-vertical-grey-white-20px.gif) 0 0 repeat-x;
	}

.main-entries article,
.main-entries .item {
	position: relative;
	top: -4em;
	padding: 10px;
	background: #FFF;
	-moz-border-radius: 12px; -webkit-border-radius: 12px;
	border-radius: 12px;
}
	.main-entries article:before,
	.main-entries .item:before,
	.main-entries article:after,
	.main-entries .item:after {
		content: '';
		display: table;
	}
	.main-entries article:after,
	.main-entries .item:after {
		clear: both;
	}
	.lte7 .main-entries article,
	.lte7 .main-entries .item {
		zoom: 1;
	}
	.no-borderradius .main-entries article,
	.no-borderradius .main-entries .item {
		position: relative;
		padding: 0 8px 0 0;
		background: transparent url(../img/style/main-entry_bg-right.png) right 0 no-repeat;
	}
	.no-borderradius .main-entries article .borderradius,
	.no-borderradius .main-entries .item .borderradius  {
		position: relative;
		display: block;
		margin: 0;
		padding: 10px 0 0 10px;
		background: transparent url(../img/style/main-entry_bg-left.png) 0 0 no-repeat;
	}
	.no-borderradius .main-entries article .borderradius:before,
	.no-borderradius .main-entries .item .borderradius:before,
	.no-borderradius .main-entries article .borderradius:after,
	.no-borderradius .main-entries .item .borderradius:after {
		content: '';
		display: table;
	}
	.no-borderradius .main-entries article .borderradius:after,
	.no-borderradius .main-entries .item .borderradius:after {
		clear: both;
	}
	.no-borderradius .main-entries article .borderradius,
	.no-borderradius .main-entries .item .borderradius {
		zoom: 1;
	}

.main-entries article h1,
.main-entries .item h1 {
	margin: 0 0 0.7em 0;
	padding: 0 0 0.7em 0;
	font-size: 1.3em;
	border-bottom: 1px solid #F0E904;
}

.main-entries article li,
.main-entries .item li {
	padding: 0 0 0.5em 0;
}

.main-entries article li a,
.main-entries .item li a {
	display: block;
	padding: 0 0 0 10px;
	background: #FFF url(../img/style/arrow-blue-small.gif) 0 8px no-repeat;
}

.main-entries article img,
.main-entries .item img {
	float: left;
	width: 30%;
	margin: 2px 8px 0 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.main-entries article h2,
.main-entries .item h2 {
	margin: 0 0 0.5em 0;
}

.main-entries article p,
.main-entries .item p {
	margin: 0;
}

.main-entries article p,
.main-entries .item p {
	display: block;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333;
}

.main-entries article img ~ p,
.main-entries .item img ~ p {
	width: 65%;
}

/* mediaqueries */
@media only screen and (max-width: 820px) {

	.main-entries {
		padding: 30px 0 0 0;
	}

}

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

	.main-entries {
		margin: 0 0 2em 0;
		padding: 2em 0 0 0;
	}

	.main-entries article,
	.main-entries .item {
		top: 0;
		-moz-border-radius: 0; -webkit-border-radius: 0;
		border-radius: 0;
		border-bottom: 1px solid #F0E904;
	}

	.main-entries article h1,
	.main-entries .item h1 {
		display: block;
		float: left;
		width: 30%;
		font-size: 1em;
		border: none;
	}

	.main-entries article ul,
	.main-entries .item ul,
	.main-entries article p,
	.main-entries .item p {
		float: left;
		font-size: 1em;
	}

	.main-entries article ul,
	.main-entries .item ul {
		width: 67%;
		margin: 0 0 0 3%;
	}

	.main-entries article p,
	.main-entries .item p {
		width: 70%;
		margin: 0;
	}

	.main-entries article img,
	.main-entries .item img {
		display: none;
	}
}

/* 7.   News ticker ------------------------------------------------------------------------------------------------- */
.news-ticker {
	float: left;
	width: 98%;
	margin: 0 0 4em 0;
	padding: 15px 0 15px 2%;
	border: 1px solid #B3B3B3;
	border-width: 1px 0;
	background: #F6F6F6;
}

.news-ticker .news-item {
	height: 1.5em;
}

.news-ticker h1 {
	float: left;
	font-size: 1em;
	margin: 3px 1em 5px 0;
	color: #21409A;
}

.news-ticker .info {
	float: left;
	width: 85%;
}

.news-ticker p {
	display: inline;
	margin: 0 1em 0 0;
}


.news-ticker p a {
	display: inline-block;
	width: 78%;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	white-space: nowrap;
}
	.lte7 .news-ticker p a {
		display: inline-block;
		zoom: 1;
	}

.news-ticker time {
	position: absolute;
	top: 1.1em;
	color: #B3B3B3;
	white-space: nowrap;
	clear: both;
}

.news-ticker .nav {
	position: absolute;
	right: 5px;
	top: 1em;
}

.news-ticker .previous,
.news-ticker .next {
	display: block;
	position: relative;
	float: left;
	top: 0.25em;
	width: 15px;
	height: 15px;
	border: 1px solid #B3B3B3;
	text-indent: -999px;
	overflow: hidden;
	background: #FFF 5px 4px no-repeat;
}

.news-ticker .previous {
	background-image: url(../img/style/arrow-grey-small-left.gif);
}

.news-ticker .next {
	margin: 0 10px 0 -1px;
	background-image: url(../img/style/arrow-grey-small.gif);
}

/* mediaqueries */
@media only screen and (max-width: 820px) {

	.news-ticker .info {
		float: left;
		width: 75%;
	}

}

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

	.news-ticker {
		height: 5em;
		margin: 0 0 1em 0;
	}

}

/* 8.   Side navigation --------------------------------------------------------------------------------------------- */
.side-navigation {
	margin: 0 0 20em 0;
}

.side-navigation li {
	padding: 0.6em 0;
	line-height: 1.1em;
}

.side-navigation li a {
	font-size: 1em;
}

.side-navigation li a:hover {
	color: #333;
}

.side-navigation li.active > a {
	color: #333;
	font-weight: bold;
}

.side-navigation li.highlighted a {
	font-weight: bold;
}

/* 2nd and deeper levels */
.side-navigation li ul {
	display: none;
	margin: 0 0 0 1em;
	padding: 0.6em 0 0 0;
}

.side-navigation li ul li a {
	font-weight: normal;
	color: #21409A;
}

.side-navigation li.active > ul {
	display: block;
}
	.ie6 .side-navigation li.active ul {
		display: block;
	}

.side-navigation li ul li.active > a {
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px;
	background: url(../img/style/arrow-blue-small.gif) 0 5px no-repeat;
}
	.ie6 .side-navigation li ul li.active a {
		margin: 0 0 0 -10px;
		padding: 0 0 0 10px;
		background: url(../img/style/arrow-blue-small.gif) 0 5px no-repeat;
	}

.side-navigation .toggleMenu {
	text-align: center;
}

.side-navigation .toggleMenu .toggleSymbolOpen,
.side-navigation .toggleMenu .toggleSymbolClosed {
	font-size: 17px;
	width: 17px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #21409A;
	-moz-border-radius: 50%; -webkit-border-radius: 50%;
	border-radius: 50%;
}

.side-navigation .toggleMenu .toggleSymbolClosed {
	display: none;
}

.side-navigation .toggleMenu .toggleSymbolOpen {
	display: inline-block;
}

.side-navigation .toggleMenu.closed .toggleSymbolClosed {
	display: inline-block;
}

.side-navigation .toggleMenu.closed .toggleSymbolOpen {
	display: none;
}

/* mediaqueries */
@media screen and (max-width: 820px) {

	.content .side-navigation {
		display: none;
	}

}

/* 9.   Breadcrumbs ------------------------------------------------------------------------------------------------- */
.breadcrumbs {
	clear: both;
}

.breadcrumbs li {
	float: left;
	padding: 0 3px 0 0;
	font-size: 0.8em;
}

.breadcrumbs a {
	color: #333;
}

.breadcrumbs .active a {
	font-weight: bold;
}

.breadcrumbs .hierarchy-symbol {
	display: inline;
	margin: 0 3px 0 0;
}
.breadcrumbs li:first-child .hierarchy-symbol {
	display: none;
}

/* 10.  Editorial text ---------------------------------------------------------------------------------------------- */
.editorial-text {
	margin: 0 0 2em 0;
}
	.editorial-text:before,
	.editorial-text:after {
		content: '';
		display: table;
	}
	.editorial-text:after {
		clear: both;
	}
	.lte7 .editorial-text {
		zoom: 1;
	}

.editorial-text h1 {
	margin: 0 0 1em 0;
	font-size: 2em;
}
	.editorial-text:first-child h1 {
		margin-top: 0;
	}

.editorial-text h2,
.editorial-text h3 {
	margin: 1.5em 0 0.5em 0;
	font-weight: bold;
	color: #333;
}

.editorial-text h2 {
	font-size: 1.2em;
}

.editorial-text h3 {
	font-size: 1em;
}

.editorial-text h4 {
	font-size: 1em;
	color: #B3B3B3;
}

.editorial-text h5 {
	font-size: 0.9em;
	font-weight: bold;
}

.editorial-text h6 {
	font-size: 0.8em;
	font-weight: bold;
}

.editorial-text h1 + h2,
.editorial-text img + h2 {
	margin-top: 0;
}

.editorial-text h2 a {
	color: #333;
}

.editorial-text p {

}
	.editorial-text p:before,
	.editorial-text p:after {
		content: "";
		display: table;
	}
	.editorial-text p:after {
		clear: both;
	}
	.lte7 .editorial-text p {
		zoom: 1;
	}
	.editorial-text h3 + p:after {
		clear: none;
	}

.editorial-text .readmore {
	margin: 0 0 0 10px;
}

.editorial-text img {
	display: block;
	float: left;
	margin: 0 1em 1em 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.editorial-text ul,
.editorial-text ol {
	margin: 0 0 0 1em;
}

.editorial-text ul > li {
	list-style: disc outside;
}

.editorial-text ol > li {
	list-style: decimal outside;
}

.editorial-text table {
	display: block;
	padding: 1em 0;
	border: 1px solid #B3B3B3;
	border-width: 1px 0;
}

.editorial-text th {
	padding: 0 1em 0 0;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

.editorial-text .intro {
	font-weight: bold;
}

.editorial-text img + br {
	/*clear: both;*/
}

.editorial-text br + img {
	clear: both;
	float: none;
}

/* 11.  Context ---------------------------------------------------------------------------------------------------- */
.context h1 {
	margin: 2em 0 0.5em 0;
	padding: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #F0E904;
	color: #21409A;
}
.context:first-child h1 {
	margin-top: 0;
}

.context h2 {
	margin: 1.5em 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

.context h2 a {
	color: #333;
}

.context article {
	margin: 0 0 2em 0;
}

.context .search form {
	white-space: nowrap;
}

.context .search .button-default {
	left: -5px;
	width: 20px;
	height: 18px;
	text-indent: -999px;
	background-image: url(../img/style/search-white.png), -webkit-linear-gradient(top, #21409A, #1A3582);
	background-image: url(../img/style/search-white.png),    -moz-linear-gradient(top, #21409A, #1A3582);
	background-image: url(../img/style/search-white.png),     -ms-linear-gradient(top, #21409A, #1A3582);
	background-image: url(../img/style/search-white.png),      -o-linear-gradient(top, #21409A, #1A3582);
	background-image: url(../img/style/search-white.png),         linear-gradient(top, #21409A, #1A3582);
}
	.context .search .button-default:hover,
	.context .search .button-default:focus,
	.context .search .button-default:active {
		background-image: url(../img/style/search-white.png), -webkit-linear-gradient(top, #1A3582, #21409A);
		background-image: url(../img/style/search-white.png),    -moz-linear-gradient(top, #1A3582, #21409A);
		background-image: url(../img/style/search-white.png),     -ms-linear-gradient(top, #1A3582, #21409A);
		background-image: url(../img/style/search-white.png),      -o-linear-gradient(top, #1A3582, #21409A);
		background-image: url(../img/style/search-white.png),         linear-gradient(top, #1A3582, #21409A);
	}
	.lte8 .context .search .button-default,
	.lte8 .context .search .button-default:hover,
	.lte8 .context .search .button-default:focus,
	.lte8 .context .search .button-default:active {
		background-image: url(../img/style/search-white.png);
		filter: none;
		text-indent: -999px;
	}

/* 12.  Linklist ---------------------------------------------------------------------------------------------------- */
.linklist {
	border-top: 1px solid #B3B3B3;
}

h1 + .linklist {
	margin: -0.5em 0 0 0;
	border: none;
}

.linklist li {
	margin: 0;
	border-bottom: 1px solid #B3B3B3;
	list-style: none;
}

.linklist p {
	color: #000;
}

.linklist li a {
	display: block;
	padding: 0.5em 20px 0.5em 10px;
	line-height: 1.1em;
	background: transparent url(../img/style/arrow-blue-small.gif) 98% center no-repeat;
}
	.linklist li a:hover,
	.linklist li a:active {
		color: #333;
		background-color: #FEFEF7;
		text-decoration: none;
	}

.linklist .highlighted a {
	background-color: #F4F5FA;
}

.linklist small {
	color: #B3B3B3;
}

.linklist .subinfo {
	font-style: italic;
}

.linklist .bron {
	color: #333;
}

.linklist .extra {
	font-size: 0.8em;
	color: #B3B3B3;
}

/* 13.  Calendar ------------------------------------------------------------------------------------------------------ */
.calendar h1 {
	margin: 2em 0 0.5em 0;
	padding: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #F0E904;
	color: #21409A;
}
.additional-content-component .calendar h1 {
	margin-top: 1em;
}

.calendar a.listfilter {
	float: right;
	font-weight: bold;
}

.calendar footer {
	margin: 0 0 2em 0;
	padding: 11px 0 0 0;
	border-top: 1px solid #B3B3B3;
}

.calendar footer .readmore {
	display: block;
	font-weight: bold;
}

.calendar-item {
	margin: 0;
	clear: both;
	padding: 1em 0 0 0;
}
	.calendar-item:before,
	.calendar-item:after {
		content: "";
		display: table;
	}
	.calendar-item:after {
		clear: both;
	}
	.lte7 .calendar-item {
		zoom: 1;
	}

.calendar-item time {
	position: relative;
	float: left;
	width: 2.5em;
	margin: 0 1em 1em 0;
}

.calendar-item .day {
	float: left;
	clear: both;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #333;
}

.calendar-item .month {
	float: left;
	clear: both;
	width: 100%;
	font-weight: bold;
	text-align: center;
	color: #B3B3B3;
}

.calendar-item time + h2 {
	margin-top: 0;
}

.calendar .calendar-item h2 a {
	line-height: 1.2em;
	font-weight: normal;
	color: #21409A;
}

.calendar-item .info {
	display: block;
	clear: both;
	margin: 1em 0;
}

.calendar-item .subinfo {
	font-style: italic;
}

.calendar-item .readmore {
	margin: 0 0 0 10px;
}

.calendar-details,
table.calendar-details {
	display: block;
	width: 100%;
	border-top: 1px solid #F0E904;
	border-bottom: 1px solid #B3B3B3;
	padding: 1em 0;
}

.calendar-details th {
	min-width: 10em;
	font-weight: bold;
	text-align: left;
	color: #21409A;
}

.calendar-item {
	border-top: 1px solid #B3B3B3;
}

.calendar-item:first-child {
	padding: 0;
	border: none;
}

.linklist .calendar-item {
	padding: 0;
}


/* 14.  Related media ----------------------------------------------------------------------------------------------- */
.related-media {
	margin: 0 0 2em 0;
	padding: 12px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
	background: #F0E904;
}

.related-media h1 {
	padding: 0;
	border: none;
}

.related-media a,
.related-media img {
	position: relative;
	display: block;
}

.related-media img {
	width: 100%;
	margin: 0 auto;
}

.related-media .play {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	margin: -20px 0 0 -20px;
	background: url(../img/style/play.png) 0 0 no-repeat;
}

.related-media figure+figure {
	margin-top: 1em;
}

/* 15.  Lightbox ---------------------------------------------------------------------------------------------------- */
.lightbox-popup {
	display: none;
	position: relative;
	left: 0;
	right: 0;
	top: 300px;
	width: 640px;
	min-height: 100px;
	margin: 0 auto;
	padding: 20px;
	overflow: hidden;
	z-index: 99;
	background-color: #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
}

.lightbox-popup .close {
	position: absolute;
	right: 20px;
	top: -5px;
	padding: 0 20px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.lightbox-popup img {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.lb-layover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	background-color: rgba(0, 0, 0, 0.5);
}
	.no-rgba .lb-layover {
		background: url(../img/style/layover.png) 0 0 repeat;
	}

/* mediaqueries */
@media only screen and (max-width: 820px) {

	.lightbox-popup {
		width: auto;
	}

}

/* 16.  Banners ----------------------------------------------------------------------------------------------------- */
.banners {
	margin: 0 0 2em 0;
}
	.banners:before,
	.banners:after {
		content: "";
		display: table;
	}
	.banners:after {
		clear: both;
	}
	.lte7 .banners {
		zoom: 1;
	}

.banner {
	margin: 2em 0 0 0;
}

.banner img {
	display: block;
	width: 100%;
	height: auto;
}

.banner h2 {
	margin: 0.5em 0;
}

.banner p {
	margin: 0.5em 0;
}

.banner p + h2 {
	margin-top: 1em;
}

.banner header {
	padding: 0.5em 0 0 0;
	border-top: 1px solid #F0E904;
}

.banner .readmore {
	margin: 0 0 0 10px;
	font-weight: bold;
}

.banner footer {
	padding: 3px 0 0 0;
	border-top: 1px solid #B3B3B3;
}

.banner footer .readmore {
	display: block;
	margin: 0;
	white-space: normal;
	background-position: 0 8px;
}

.banner.highlighted {
	background-color: #F0E904;
	padding: 5.45%;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.banner.highlighted footer,
.banner.highlighted header {
	padding: 0;
	border: none;
}

.banner.highlighted footer .readmore {
	margin: 0;
}

.banners.category .banner img {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.size2of4 .banner {
	float: left;
	width: 45.6%;
	margin: 0 4.3% 0 0;
}

.size2of4 .banner.highlighted {
	width: 40.5%;
	padding: 2.60%;
}

.size2of4 .banner:nth-child(odd) {
	width: 47.85%;
	margin: 0 2.15% 0 0;
}

.size2of4 .banner:nth-child(even) {
	width: 47.85%;
	margin: 0 0 0 2.15%;
}

.size2of4 .banner.highlighted:nth-child(odd),
.size2of4 .banner.highlighted:nth-child(even) {
	width: 42.65%;
}

/* mediaqueries */
@media only screen and (max-width: 480px) {

	.context .banners .banner {
		float: left;
		width: 45.7%;
		margin: 0 4.3% 0 0;
	}

	.context .banners .banner.highlighted {
		width: 40.5%;
		padding: 2.60%;
	}

	.context .banners .banner:nth-child(odd) {
		width: 47.85%;
		margin: 0 2.15% 0 0;
	}

	.context .banners .banner:nth-child(even) {
		width: 47.85%;
		margin: 0 0 0 2.15%;
	}

	.context .banners .banner.highlighted:nth-child(odd),
	.context .banners .banner.highlighted:nth-child(even) {
		width: 42.65%;
	}

}

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

	.size2of4 .banner,
	.size2of4 .banner:nth-child(odd),
	.size2of4 .banner:nth-child(even) {
		width: auto;
		margin: 0 0 2em 0;
	}

	.size2of4 .banner.highlighted,
	.size2of4 .banner.highlighted:nth-child(odd),
	.size2of4 .banner.highlighted:nth-child(even) {
		width: auto;
		margin: 0 0 2em 0;
		padding: 5.45%;
	}

	.context .banners .banner {
		float: none;
		width: auto;
		margin: inherit;
	}

	.context .banners .banner.highlighted {
		width: auto;
		padding: 5.45%;
	}

	.context .banners .banner:nth-child(odd) {
		width: auto;
		margin: inherit;
	}

	.context .banners .banner:nth-child(even) {
		width: auto;
		margin: inherit;
	}

	.context .banners .banner.highlighted:nth-child(odd),
	.context .banners .banner.highlighted:nth-child(even) {
		width: auto;
	}

}

/* 17.  Course ------------------------------------------------------------------------------------------------------ */
.course {
	margin: 0 0 2em 0;
}
	.course:before,
	.course:after {
		content: '';
		display: table;
	}
	.course:after {
		clear: both;
	}
	.lte7 .course {
		zoom: 1;
	}

.course h1 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #F0E904;
	color: #21409A;
}

.course .figure {
	display: block;
	float: left;
	width: 25%;
	margin: 5px 3% 0 0;
	overflow: hidden;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.course .figure img {
	display: block;
	width: 100%;
}

.course .info {
	float: left;
	width: 72%;
}

.course .info p {
	margin: 0 0 0.5em 0;
}

.course .info li {
	padding: 0 0 3px 0;
}

.course .info li a {
	padding: 0 0 0 10px;
	font-weight: bold;
	white-space: nowrap;
	background: url(../img/style/arrow-blue-small.gif) 0 6px no-repeat;
}

.courses img {
	width: 100%;
	height: auto;
	margin: 1em 0;
	-moz-border-radius: 15px; -webkit-border-radius: 15px;
	border-radius: 15px;
}

/* 18.  News highlight ---------------------------------------------------------------------------------------------- */
.news-highlight {
	position: relative;
	width: 100%;
	max-height: 300px;
	margin: 0 0 2em 0;
	overflow: hidden;
	-moz-border-radius: 15px; -webkit-border-radius: 15px;
	border-radius: 15px;
}

.news-highlight li {
	position: relative;
	float: left;
	max-height: 300px;
	overflow: hidden;
}

.news-highlight img {
	display: block;
	width: 100%;
}

.news-highlight .teaser {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 94%;
	padding: 20px 3%;
	background: rgba(33, 64, 154, 0.8);
	-moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
}
	.no-rgba .news-highlight .teaser {
		background-color: #21409A;
	}
	.lte8 .news-highlight .teaser {
		background:none;
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC21409A,endColorstr=#CC21409A);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC21409A,endColorstr=#CC21409A);
		zoom: 1;
	}

.news-highlight .teaser a {
	display: block;
	color: #FFF;
}

.news-highlight .teaser h1 {
	margin: 0 0 0.5em 0;
	color: #FFF;
}
	.news-highlight .teaser a:hover,
	.news-highlight .teaser a:hover h1 {
		text-decoration: none;
	}

.news-highlight .teaser p {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	color: #FFF;
	background: url(../img/style/arrow-white-small.gif) 0 6px no-repeat;
}
	.news-highlight .teaser a:hover p {
		text-decoration: underline;
	}

.news-highlight .previous,
.news-highlight .next {
	position: absolute;
	top: 40%;
	width: 30px;
	height: 42px;
	line-height: 38px;
	padding: 0 10px;
	font-size: 3.5em;
	font-weight: bold;
	font-family: 'Arial Black', Arial;
	text-shadow: 1px 2px 0 rgba(51, 51, 51, 0.8);
	color: #FFF;
	border: 1px solid #21409A;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	border-radius: 8px;
}
	.news-highlight .previous:hover,
	.news-highlight .next:hover {
		text-decoration: none;
		text-shadow: none;
	}

.news-highlight .previous {
	left: -5px;
	border-width: 1px 1px 1px 0;
}

.news-highlight .next {
	right: -5px;
	border-width: 1px 0 1px 1px;
}

.news-highlight li .wrapper {
	height: 300px;
	overflow: hidden;
	-moz-border-radius: 15px 15px; -webkit-border-radius: 15px 15px;
	border-radius: 15px 15px;
}

.news-highlight > img {
	-moz-border-radius: 15px; -webkit-border-radius: 15px;
	border-radius: 15px;
}

/* mediaqueries */
@media screen and (max-width: 820px) {

	.news-highlight .previous,
	.news-highlight .next {
		top: 30%;
	}

}

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

	.news-highlight {
		max-height: inherit;
	}

	.news-highlight .previous,
	.news-highlight .next {
		top: 20%;
	}

	.news-highlight li .wrapper {
		height: 300px;
	}

	.news-highlight .teaser {
		width: 100%;
		min-height: 170px;
		padding: 20px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #21409A;
	}

	.news-highlight li {
		position: relative;
		height: 300px;
		max-height: inherit;
		overflow: hidden;
	}

	.news-highlight img {
		-moz-border-radius: 0; -webkit-border-radius: 0;
		border-radius: 0;
	}

}

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

	.news-highlight .previous,
	.news-highlight .next {
		top: 10%;
	}

	.news-highlight li {
		height: 350px;
	}

	.news-highlight li .wrapper {
		height: 350px;
	}


}

/* 19.  Branding ---------------------------------------------------------------------------------------------------- */
.branding {
	position: relative;
	margin: 1em 0 2em 0;
	height: 49px;
	border-bottom: 1px solid #F4F5FA;
	background-color: #F4F5FA;
}

.branding .content {
	position: relative;
	z-index: 3;
}

.branding h1 {
	margin: 0;
	line-height: 50px;
	font-size: 1.5em;
	font-weight: normal;
	color: #21409A;
}

.branding h1 a:hover {
	text-decoration: none;
	color: #333;
}

.branding figure {
	position: absolute;
	right: 0;
	top: 0;
	width: 272px;
	height: 100%;
	overflow: hidden;
}
	.branding figure:before {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		z-index: 2;
		background-color: transparent;
		background-image: -webkit-linear-gradient(left, rgba(244, 245, 250, 1), rgba(244, 245, 250, 0));
		background-image: -moz-linear-gradient(left, rgba(244, 245, 250, 1), rgba(244, 245, 250, 0));
		background-image: -o-linear-gradient(left, rgba(244, 245, 250, 1), rgba(244, 245, 250, 0));
		background-image: linear-gradient(left, rgba(244, 245, 250, 1), rgba(244, 245, 250, 0));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFF4F5FA', EndColorStr='#00F4F5FA');
	}

.branding img {
	display: block;
	float: right;
	width: 100%;
	z-index: 1;
}

.branding.divider {
	margin-top: 0;
	background: #FFF;
}

/* mediaqueries */
@media screen and (max-width: 480px) {

	.branding figure {
		display: none;
	}

}

/* 20.  Tabs -------------------------------------------------------------------------------------------------------- */
.tabbed-content {
	padding: 0 0 1em 0;
	margin: 1em 0 2em 0;
	border-bottom: 1px solid #B3B3B3;
	clear: both;
}
	.tabbed-content:before,
	.tabbed-content:after {
		content: '';
		display: table;
	}
	.tabbed-content:after {
		clear: both;
	}
	.lte7 .tabbed-content {
		zoom: 1;
	}

.tabs {
	width: 100%;
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	border-bottom: 1px solid #F0E904;
}

.tabs li {
	position: relative;
	display: inline-block;
	margin: 0;
	border: 1px solid #B3B3B3;
	border-width: 1px 1px 0 1px;
	background: #FFF;
	-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
	.lte7 .tabs li {
		display: inline;
		zoom: 1;
		margin: 0 5px 0 0;
	}

.tabs li.active {
	border-color: #F0E904;
	bottom: -1px;
	padding-top: 1px;
}

.tabs a {
	display: block;
	height: 24px;
	padding: 3px 10px 0 10px;
}
	.tabs a:hover {
		color: #333;
		text-decoration: none;
	}

.tabs li.active a {
	font-weight: bold;
	color: #333;
}

.tab-content {
	position: relative;
}

.tab-content img {
	display: block;
	width: 100%;
}

.tab-content .play {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	margin: -20px 0 0 -20px;
	background: url(../img/style/play.png) 0 0 no-repeat;
}

/* Mediaqueries */
@media screen and (max-width: 480px) {

	.tabs {
		position: relative;
		padding-bottom: 1.9em;
	}

	.tabs li {
		display: block;
		width: 95%;
		margin: 0 0 -6px 5%;
		z-index: 1;
	}

	.tabs li.active {
		position: absolute;
		width: 100%;
		margin: 0;
		z-index: 2;
	}

}

/* 21.  Tag cloud --------------------------------------------------------------------------------------------------- */
.tagcloud {
	margin: 2em 0;
	padding: 20px 5px;
	border: 1px solid #B3B3B3;
	text-align: center;
	background-color: #F4F5FA;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.tagcloud a {
	margin: 5px;
	padding: 5px;
	white-space: nowrap;
}
	.csstransitions .tagcloud a {
		margin: 5px;
		padding: 0;
	}
	.csstransitions .tagcloud a:hover,
	.csstransitions .tagcloud a:focus,
	.csstransitions .tagcloud a:active {
		margin: 0;
	}
	.tagcloud a:hover,
	.tagcloud a:focus,
	.tagcloud a:active {
		padding: 5px;
		text-decoration: none;
		color: #FFF;
		background-color: #21409A;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		border-radius: 5px;
	}

.tagcloud .small {
	font-size: 1em;
	font-weight: normal;
}

.tagcloud .medium {
	font-size: 1.5em;
	font-weight: normal;
}

.tagcloud .large {
	font-size: 2em;
	font-weight: bold;
}

/* 22.  Alphabet search --------------------------------------------------------------------------------------------- */
.alphabet-search ul {
	clear: both;
}
	.alphabet-search ul:before,
	.alphabet-search ul:after {
		content: '';
		display: table;
	}
	.alphabet-search ul:after {
		clear: both;
	}
	.lte7 .alphabet-search ul {
		zoom: 1;
	}

.alphabet-search li {
	float: left;
	width: 1.6em;
	height: 1.6em;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #B3B3B3;
	text-align: center;
	line-height: 1.6em;
}

.alphabet-search li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	color: #21409A;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}
	.alphabet-search li a:hover,
	.alphabet-search li a:focus,
	.alphabet-search li a:active,
	.alphabet-search li.active a {
		color: #333;
		border-color: #F0E904;
		text-decoration: none;
	}

.alphabet-search form input {
	float: left;
	height: 18px;
}

.alphabet-search .button-default {
	height: 20px;
	left: -1px;
}

.alphabet-search .readmore {
	float: right;
}

/* 23.  Search results ---------------------------------------------------------------------------------------------- */
.searchresults {
	clear: both;
	margin: 0 0 2em 0;
}

.searchresults h2 {
	margin: 1em 0 0.5em 0;
	font-size: 1.5em;
	color: #333;
}
	.searchresults.editorial-text h2 {
		color: #21409A;
	}

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

.searchresults img {
	float: left;
	margin: 0 1em 2em 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.searchresults li a {
	line-height: 1.5em;
	color: #333;
	background-position: 98% 88%;
	background-position: left 98% bottom 1em;
}

.searchresults li a h3 {
	margin: 0 0 0.9em 0;
	color: #21409A;
}
	.searchresults li a:hover h3,
	.searchresults li a:active h3 {
		color: #333;
	}

/* 24.  Contact ----------------------------------------------------------------------------------------------------- */
.contact p {
	margin: 0 0 5px 0;
}

.contact footer {
	padding: 3px 0 0 0;
	border-top: 1px solid #B3B3B3;
}

.contact footer .readmore {
	display: block;
	margin: 0;
	font-weight: bold;
	white-space: normal;
}

/* 25.  Additional content component -------------------------------------------------------------------------------- */
.additional-content-component {
	margin: 0 0 2em 0;
}

.additional-content-component > h1 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #F0E904;
	color: #21409A;
}

.additional-content-component h2,
.additional-content-component h3 {
	margin: 1.5em 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

.additional-content-component h1 + h2,
.additional-content-component img + h2 {
	margin-top: 0;
}

.additional-content-component h2 a {
	color: #333;
}

.additional-content-component .readmore {
	margin: 0 0 0 10px;
}

.additional-content-component img {
	float: left;
	margin: 0 1em 0 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.additional-content-component img.helpdesk-image {
	margin: 0.8em 0.8em 0;
}

.additional-content-component ul.linklist {
	margin-bottom: 1em;
}

.additional-content-component a.listfilter {
	float: right;
	font-weight: bold;
	font-size: 12px;
}



/* 26.  Mobile side navigation -------------------------------------------------------------------------------------- */
.mobile-navigation-btn {
	display: none;
	float: left;
	margin: 0 0 0 1em;
}

.mobile-nav-wrapper,
.mobile-content-wrapper-layover {
	display: none;
}

.open-mobile-nav .mobile-nav-wrapper {
	display: block;
	position: absolute;
	left: 5%;
	top: 1em;
	width: 75%;
	font-size: 1.2em;
}

.mobile-nav-wrapper ul {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	line-height: 1.5em;
	border-bottom: 1px solid #F6F6F6;
}

.mobile-nav-wrapper a:hover,
.mobile-nav-wrapper .active a {
	text-decoration: none;
	color: #333;
}

.open-mobile-nav body {
	width: 100%;
	overflow: hidden;
}

.open-mobile-nav .mobile-content-wrapper {
	position: relative;
	left: 80%;
}

.open-mobile-nav .mobile-content-wrapper-layover {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 21%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9;
	-moz-box-shadow: 0 -10px 20px #B3B3B3; -webkit-box-shadow: 0 -10px 20px #B3B3B3;
	box-shadow: 0 -10px 20px #B3B3B3;
}

.open-mobile-nav nav.main ul {
	display: none;
}

/* mediaqueries */
@media screen and (max-width: 820px) {

	.mobile-navigation-btn {
		display: block;
	}

}

/* 27.  Content subnavigation --------------------------------------------------------------------------------------- */
.content-subnav {
	margin: 0 0 0.5em 0;
	padding: 0.5em 0;
	border: 1px solid #F0E904;
	border-width: 1px 0;
}
	.content-subnav:before,
	.content-subnav:after {
		content: '';
		display: table;
	}
	.content-subnav:after {
		clear: both;
	}
	.lte7 .content-subnav {
		zoom: 1;
	}

.content-subnav ul {
	float: left;
	width: 47%;
	margin: 0 3% 0 0;
}
	.lte7 .content-subnav ul {
		width: 46%;
	}

.content-subnav ul li {
	padding: 0.3em 0;
	line-height: 1.1em;
	list-style: none;
}

.content-subnav a {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 10px 0 0;
	background: url(../img/style/arrow-blue-small.gif) 100% center no-repeat;
}

.content-subnav a:hover {
	text-decoration: underline;
}

.content-subnav .active a {
	color: #333;
}

/* mediaqueries */
@media screen and (max-width: 480px) {

	.content-subnav ul {
		width: 100%;
		margin: 0;
	}

}

/* 28.  Content step navigation ------------------------------------------------------------------------------------- */
.content-stepnav ol {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	border-bottom: 1px solid #F0E904;
	white-space: nowrap;
}

.content-stepnav li {
	position: relative;
	display: inline-block;
	margin: 0 -4px 0 0;
	padding: 0 0 0 7px;
	border-top: 1px solid #B3B3B3;
	background: transparent;
	z-index: 1;
	list-style: none;
}
	.lte7 .content-stepnav li {
		display: inline;
		zoom: 1;
	}

.content-stepnav li:first-child {
	padding-left: 0;
	border-left: 1px solid #B3B3B3;
	-moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}

.content-stepnav li.active {
	border-color: #F0E904;
	bottom: -1px;
	padding-top: 1px;
}

.content-stepnav .arrow {
	position: absolute;
	top: 0;
	right: -12px;
	width: 12px;
	height: 32px;
	background: url(../img/style/step_inactive.gif) 0 0 no-repeat;
	z-index: 99;
}

.content-stepnav .active .arrow {
	background-image: url(../img/style/step_active.gif);
}

.content-stepnav a {
	display: block;
	height: 29px;
	line-height: 24px;
	padding: 3px 0 0 10px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.content-stepnav a:hover {
	color: #333;
	text-decoration: none;
}

.content-stepnav li.active a {
	font-weight: bold;
	color: #333;
}

/* Mediaqueries */
@media screen and (max-width: 480px) {

	.content-stepnav ol {
		position: relative;
		padding-bottom: 2.3em;
		border: none;
	}

	.content-stepnav li,
	.content-stepnav li:first-child {
		display: list-item;
		width: 90%;
		height: 2em;
		margin: 0 0 -4px 5%;
		padding: 0 0 0 5%;
		border: 1px solid #B3B3B3;
		border-bottom: none;
		list-style: decimal inside;
		z-index: 1;
		-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
	}

	.content-stepnav li a {
		display: inline-block;
		width: 88%;
	}

	.content-stepnav li .arrow {
		display: none;
	}

	.content-stepnav li.active {
		position: absolute;
		width: 95%;
		margin: 0;
		border-color: #F0E904;
		z-index: 2;
	}

}

/* 29.  Filter ------------------------------------------------------------------------------------------------------ */
.filter {
	margin: 1em 0 0 0;
	padding: 1em 0;
	border-top: 1px solid #F0E904;
	background: #F6F6F6;
	text-align: center;
}
	.filter:before,
	.filter:after {
		content: '';
		display: table;
	}
	.filter:after {
		clear: both;
	}
	.lte7 .filter {
		zoom: 1;
	}

.filter .inputs {
	width: 100%;
}

.filter input,
.filter select {
	display: inline;
	height: 20px;
	vertical-align: bottom;
}

.filter #filterSource {
	width: 40%;
}

.filter #filterMonth {
	width: 25%;
}

.filter #filterYear {
	width: 15%;
}

.filter.small #filterMonth {
	width: 40%;
}

.filter.small #filterYear {
	width: 40%;
}

.filter .button {
	width: 10%;
}

.filter .readmore {
	float: right;
	margin: 1em 1em 0 0;
	text-align: left;
}

/* mediaqueries */
@media screen and (max-width: 480px) {

	.filter input,
	.filter select {
		width: 45% !important;
		margin: 0 0 0.5em;
	}

}

/* 30.  Pagination -------------------------------------------------------------------------------------------------- */
.pagination {
	 margin: 1em 0;
}
	.pagination:before,
	.pagination:after {
		content: '';
		display: table;
	}
	.pagination:after {
		clear: both;
	}
	.lte7 .pagination {
		zoom: 1;
	}

.pagination .previous,
.pagination .next {
	float: left;
	display: block;
	line-height: 2em;
	font-weight: bold;
}

.pagination .previous {
	padding: 0 0 0 10px;
	background: url(../img/style/arrow-blue-small-left.gif) left center no-repeat;
}

.pagination .next {
	margin:  0 0 0 1em;
	padding: 0 10px 0 0;
	background: url(../img/style/arrow-blue-small.gif) right center no-repeat;
}

.pagination li {
	float: left;
	height: 2em;
	line-height: 2em;
	margin: 0 0.2em;
	font-size: 1em;
	font-weight: bold;
	color: #B3B3B3;
	text-align: center;
}

.pagination li a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0 0.3em;
	line-height: 1.9em;
	border: 1px solid transparent;
	color: #21409A;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination .active {
	padding: 0 0 0 0.7em;
	color: #333;
}

.pagination li span {
	float: left;
	padding: 0 0 0 0.7em;
}

.pagination li a:hover,
.pagination li a:focus,
.pagination li a:active {
	color: #333;
	border-color: #F0E904;
	text-decoration: none;
}

/* 31.  FAQ --------------------------------------------------------------------------------------------------------- */
.faq li ul .active {
	padding: 0 0 0 10px;
}

.faq li ul .active a {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
	.faq li ul .active a:hover {
		text-decoration: underline;
		background: none;
	}

.faq li img {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px;
}

/* 32.  Toggle ------------------------------------------------------------------------------------------------------ */
.toggleSymbolOpen,
.toggleSymbolClosed {
	float: left;
	width: 1em;
	margin: 0 1em 0 0;
}

.toggleSymbolOpen {
	display: block;
}

.toggleSymbolClosed {
	display: none;
}

.closed .toggleSymbolOpen {
	display: none;
}

.closed .toggleSymbolClosed {
	display: block;
}

/* 33.  Employee ---------------------------------------------------------------------------------------------------- */
.employee {
	margin: 0 0 1em 0;
}
	.employee:before,
	.employee:after {
		content: '';
		display: table;
	}
	.employee:after {
		clear: both;
	}
	.lte7 .employee {
		zoom: 1;
	}

.employee h1 {
	margin: 0;
}

.employee h2 {
	color: #333;
}

.employee h3 {
	margin: 0 0 1em 0;
}

.employee > img {
	float: left;
	max-width: 16%;
	margin: 0 4% 1em 0;
}

.employee .info {
	float: left;
	max-width: 80%;
	padding: 0 0 1em 0;
}

#employee_groups h2 {
	margin: 1em 0;
}

#employee_groups h2 a {
	color: #21409A;
}

div.employee-list-entry, .linklist li a.employee-list-entry
{
	display: block;
	line-height: 1.1em;
	padding: 0.5em 20px 1.1em 10px;
}

/* 34.  Forms ------------------------------------------------------------------------------------------------------- */

/* errors on forms */
form .error {
	color: #ED1A3B;
}

form input.error,
form input.error:focus,
form select.error,
form select.error:focus {
	color: #333;
	border-color: #ED1A3B;
}

form label.error {
	margin: 0 0 0 1em;
}

/* forms on lightbox */
.lightbox-popup form li {
	float: left;
	width: 100%;
	padding: 0 0 1em 0;
}

.lightbox-popup form li.postcode {
	display: none;
}

.lightbox-popup form label {
	display: block;
	float: left;
	width: 25%;
}

.lightbox-popup form input,
.lightbox-popup form textarea {
	float: left;
}

.lightbox-popup form input {
	width: 40%;
	float: left;
}

.lightbox-popup form textarea {
	width: 68%;
	min-height: 5em;
	clear: both;
}

.lightbox-popup form .button {
	float: right;
	width: 100px;
}

/* 35.  Actions ----------------------------------------------------------------------------------------------------- */
.actions {
	clear: both;
	border-top: 1px solid #B3B3B3;
}

.actions a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

/* screen only because of IE8 printing bug */
@media screen {
	.actions a:first-letter {
		text-transform: uppercase;
	}
}

.actions .print {
	padding: 0 0 0 18px;
	background: url(../img/style/print.gif) 0 2px no-repeat;
}

.actions .readspeak {
	padding: 0 0 0 18px;
	background: url(../img/style/leesvoor.gif) 0 2px no-repeat;
}

/* 36.  Readspeaker ------------------------------------------------------------------------------------------------- */
#xp1 {
	position: absolute;

}

#rs_playerarea #bottomlinks a {
	display: inline;
}

#rspopup .rs_block li {
	height: auto;
}

/* 37.  Background (intranet) ------------------------------------------------------------------------------------- */

.home .c-background {
	margin-bottom: 65px;
}
.c-background {
	background: no-repeat center top;
	background-size: 100% auto;
}

/* 38.  Helpdesk  --------------------------------------------------------------------------------------------------- */

.c-helpdesk {

}

/* 39.  Welcome  --------------------------------------------------------------------------------------------------- */

.c-welcome {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 13px 20px 20px;
	background-color: #1F3F99;
}
.c-welcome h1 {
	font-size: 18px;
	font-weight: normal;
}
.c-welcome > :last-child {
	margin-bottom: 0;
}

.c-background .c-welcome {
	position: relative;
	top: 26px;
	margin: 0 15%;
}

@media screen and (max-width: 480px) {
	.c-background .c-welcome {
		margin: 0;
	}
}


/* 40.  Sitewide search  --------------------------------------------------------------------------------------------------- */

.c-sitewide-search {
	position: relative;
	margin-bottom: 25px;
}
.c-sitewide-search .query {
	display: block;
	width: 100%;
	height: 28px;
	border: 1px solid #C0BB04;
	border-width: 1px 0 1px 1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 84px; /* outerWidth of .button-special + padding-right .query */
}
	.lte8 .c-sitewide-search .query {
		line-height: 26px;
	}

.c-sitewide-search .button-special {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: inherit 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
}
	.ie6 .c-sitewide-search .button-special {
		height: 30px;
	}

.c-sitewide-search .filterlist {
	visibility: hidden; /* hide by default, the user won't be blocked to use the search */
	position: relative;
	clear: both;
	margin-right: 74px; /* outerWidth of .button-special */
}
@media screen and (max-width: 800px) {
	.c-welcome .c-sitewide-search .filterlist {
		margin-right: 0;
	}
}

.c-sitewide-search .filterlist ol {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	border: 1px solid #1F3F99;
	border-top: 0;
}
.c-sitewide-search .filterlist a {
	display: block;
	padding: 5px 10px;
	color: #000;
}
.c-sitewide-search .filterlist a:hover,
.c-sitewide-search .filterlist a:focus,
.c-sitewide-search .filterlist .active a {
	background-color: #F6F6F6;
	outline: none;
	color: #203F99;
}
.c-sitewide-search .filterlist .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	width: 20px;
	text-align: center;
}
.c-sitewide-search .filterlist .icon img {
	vertical-align: top;
}

/* 41.  Carousel  --------------------------------------------------------------------------------------------------- */

.c-carousel {
	position: relative;
}
.c-carousel h2 {
	margin: 10px 0 5px 0;
	font-size: 1em;
	font-weight: normal;
	color: #B3B3B3;
}
.c-carousel h3 {
	margin: 5px 0 auto 0;
}
.c-carousel .items > li {
	padding: 0 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.c-carousel .previous,
.c-carousel .next {
	position: absolute;
	top: 50%;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 64px;
	font-weight: bold;
	color: #DCDCDC;
	outline: none;
	text-decoration: none;
}
.c-carousel .previous {
	left: 0;
}
.c-carousel .next {
	right: 0;
}

.c-carousel .bullet-bar {
	clear: both;
	text-align: center;
}
.c-carousel .bullet-bar li {
	display: inline-block;
	margin-right: 3px;
	height: 10px;
	width: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #DCDCDC;
	text-indent: -1000px;
}
.c-carousel .bullet-bar .active {
	background-color: #1F3F99;
}

/* 42.  Direct to  --------------------------------------------------------------------------------------------------- */

.c-direct-to img {
	float: none;
}
.c-direct-to .readmore {
	margin-right: 1em;
	margin-left: 0;
}

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

	.c-direct-to .unit.size1of3 {
		width: 47% !important;
	}

}

/* 43.  Direct contact details  --------------------------------------------------------------------------------------------------- */

.c-direct-contact-details {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #F4F5FA;
	padding: 15px 15px 3px 15px;
	min-height: 125px; /* a minimum of 3 lines */
	margin-bottom: 35px;
}
.c-direct-contact-details h1 {
	font-size: 18px;
	font-weight: normal;
	color: #203F99;
}
.c-direct-contact-details h1 img {
	vertical-align: middle;
}

@media screen and (max-width: 820px) {
	.c-direct-contact-details {
		margin-bottom: 20px;
	}
}

/* 44.  Image hover  --------------------------------------------------------------------------------------------------- */

.c-image-hover {
	display: block;
	background: no-repeat 0 0;
}
.c-image-hover img {
	background-color: #fff;
}
.c-image-hover:hover img {
	visibility: hidden;
}


/* 45.  Alert  --------------------------------------------------------------------------------------------------- */

.c-alert {
	margin-bottom: 33px;
}
.c-alert .box {
	border: 1px solid #ec1c3c;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 13px 81px;
	background: #fde8eb url(../img/style/intranet/siren.png) no-repeat 14px 13px;
}
.c-alert h3,
.c-alert p {
	margin: 0;
}
.c-alert h3 {
	line-height: 1.5em;
	color: #000;
}
.c-alert .readmore {
	margin-left: 10px;
}

@media screen and (max-width: 480px) {
	.c-alert .box {
		padding: 13px 16px;
		background-image: none;
	}
}


/* 46.  Teaser-block  --------------------------------------------------------------------------------------------------- */

.c-teaser-block {

}
.c-teaser-block h1 {
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: normal;
	color: #203F99;
}
.c-teaser-block .box {
	position: relative;
}
.c-teaser-block .background {
	float: none;
	margin: 0;
	width: 100%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.c-teaser-block .box .body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.menu-of-the-day,
.noticeboard {
	max-width: 220px;
}
.menu-of-the-day h1,
.noticeboard h1 {
	margin-top: 16px;
}

.menu-of-the-day .box .body {
	padding: 43px 20px 0 ;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.menu-of-the-day .box li {
	margin-bottom: 1.5em;
}

.noticeboard .box .body {
	padding: 14px 20px 0;
	text-align: center;
}
.noticeboard.light {
	color: #fff;
}
.noticeboard.light h2 {
	color: inherit;
}
.noticeboard.light .readmore {
	background: none;
	padding: 0;
	color: inherit;
	text-decoration: underline;
}
.noticeboard.light .readmore:hover {
	text-decoration: none;
}

/* 47.  Table (responsive)  --------------------------------------------------------------------------------------------------- */

table.responsive {
	width: 100%;
}

table.responsive th,
table.responsive td {
	text-align: left;
	vertical-align: top;
	padding: 5px 30px 5px 0;
}
table.responsive a[href^="mailto"] {
	word-wrap: break-word;
	overflow-wrap: break-word;
}
table.responsive tbody td:first-child {
	padding-left: 12px;
}

table.responsive th,
table.responsive td {
	border-bottom: 1px solid #B2B2B2;
}

table.responsive strong {
	color: #21409A;
}

table.responsive .toned-down {
	color: #b2b2b2;
}

@media screen and (max-width: 700px) {
	.desktop-only {
		display: none !important;
	}
	table.responsive {
		border-bottom: 1px solid #B2B2B2;
	}
	table.responsive thead {
		display: none;
	}
	table.responsive td {
		display: block;
		border-bottom: 0;
		padding: 0 12px;
	}
	table.responsive td:first-child {
		border-top: 1px solid #B2B2B2;
		padding-top: 5px;
	}
	table.responsive td:last-child {
		padding-bottom: 5px;
	}
}


/* 48.  Forms (responsive)  --------------------------------------------------------------------------------------------------- */

form.responsive fieldset {
	margin-bottom: 15px;
	padding: 15px;
	background-color: #F4F5FA;
}
.explanation {
	margin: 3px 0 0 0;
	font-size: 12px;
	line-height: 1.3;
	color: #888;
}
.fields-row {
	padding: 15px 0;
	border-top: 1px solid #B3B3B3;
}
fieldset > .fields-row:first-child {
	padding-top: 0;
	border-top: 0;
}
fieldset > .fields-row:last-child {
	padding-bottom: 0;
}
.fields-row label {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-right: -4px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fields-row .large {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.fields-row input[type="text"],
.fields-row select,
.fields-row textarea  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.button-row {
	text-align: right;
}
.button-row a,
.button-row button {
	display: inline-block;
	margin: 0 0 0 15px;
}

@media screen and (max-width: 700px) {
	.fields-row label {
		display: block;
	}
	.fields-row {
		padding-top: 9px;
	}
	.fields-row .large {
		width: 100%;
	}
}


/* 49.  Item list  --------------------------------------------------------------------------------------------------- */

.item-list {
	border-top: 1px solid #B3B3B3;
}
.item-list.under-filter {
	border-top: 0;
}
.item-list.under-filter li:first-child {
	padding-top: 0;
}
.item-list li {
	margin: 0;
	padding: 0.5em 20px 0.5em 10px;
	border-bottom: 1px solid #B3B3B3;
	list-style: none;
}


/* 50.  Filter row  --------------------------------------------------------------------------------------------------- */

.filter-row {
	border-bottom: 1px solid #b2b2b2;
	text-align: right;
}
.filter-row .listfilter {
	display: inline-block;
	font-weight: bold;
}


/* 51.  Apps bar  --------------------------------------------------------------------------------------------------- */

.c-apps-bar {
	margin-bottom: 3.5em;
}
.c-apps-bar .img {
	display: block;
	width: 100%;
	min-height: 100px;
}
.c-apps-bar a:hover {
	text-decoration: none;
}

.c-apps-bar-mobile .items {
	overflow: auto;
	white-space: nowrap;
}

.c-apps-bar-mobile li {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

/* 52. Reacties  --------------------------------------------------------------------------------------------------- */

.reacties {
	clear: both;
}

.reacties textarea {
	width: 100%;
	height: 100px;
	margin: 15px 0;
}

.reacties .edit-reactie {
	margin-bottom: 15px;
}

/*  ------------------------------------------------------------------------------------------------------------- EOF */