/*normalizing layout*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, legend, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 2.0em; font-weight: normal; }
address, caption, cite, code, dfn, th, var, small { font-style: normal; font-weight: normal; }
small { display: block; font-size: 1em; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
div { -moz-box-sizing: border-box; box-sizing: border-box; }

/*styles*/
html {
	background-color: #8b887c; overflow-y: scroll; overflow-x: hidden;
	text-align: center;
}
body {
	position: static; margin: 0 auto; width: 992px;
	color: #666;
	text-align: left; font-family: georgia, "palatino linotype", "times new roman", times, serif; font-size: 0.85em; line-height: 1.4em;
}
code { font-family: "courier new", courier; }
h1 {
	margin: 25px 0 20px 0;
	font-size: 1.5em; line-height: 1.0em;
}
h2 {
	margin-top: 10px;
	font-size: 1.3em; line-height: 1.0em; font-style: italic;
}
h2.press-date { font-size: 1.0em; line-height: 1.2em; }
div.twoCols h1 + h2.subtitle { position: absolute; top: 37px; font-size: 1.0em; }
div.item h1 + h2.subtitle { position: absolute; top: -3px; font-size: 1.0em; }
h1 + h2.subtitle + h3 { margin-bottom: 10px; }
h3 {
	margin-top: 15px;
	font-size: 1.1em; line-height: 1.2em; font-weight: bold;
}
h3 + h3 { margin-top: 5px; }
h2 + img, h3 + img, h2 + blockquote, h3 + blockquote, h2 + div { margin-top: 15px !important; }
h2 + a { margin-top: 15px !important; display: block; }
h4 {
	margin-top: 15px;
	font-size: 1.1em; line-height: 1.2em; font-style: italic;
}
h5 {
	margin-bottom: 5px;
	font-size: 1.1em; line-height: 1.1em; font-style: normal;
}
h3 + h4 { margin-top: 0; }
h4.em { padding: 15px; }
h4 + form { margin-top: 10px; }
td h5 { font-weight: bold; }
li h6 {
	display: inline;
	font-style: italic; font-size: 1.1em;
}
li h4 {
	font-style: normal; font-size: 1em;
}
p { padding-bottom: 10px; }
p.intro { font-style: italic; }
p.intro em { font-style: normal; }
p.creditline { font-size: 0.9em; margin-left: 5px; }
h2 + p, h2 + div.activiteit { margin-top: 10px; }
div.activiteit table[align=right] td, p.onderschrift, img + p.onderschrift, p.onderschriftFlash, div.onderschrift p.onderschrift, div.onderschrift div { font-weight: bold; font-size: 0.8em; line-height: 1.2em; text-align: center; }
img + p.onderschriftklein { width: 150px; float: left; clear: both; }
img + p.onderschriftklein.alignright { float: right; margin-left: 10px; }
img.alignright { margin-left: 10px; }
img.enlargeThroughClick {
	position: relative; cursor: pointer; width: 464px;
}
img.enlargeThroughClickBig {
	position: absolute; width: auto; left: -133px; z-index: 1010;
}
#col4 .onderschrift, .kleine_lettertjes { font-size: 0.7em; font-weight: normal; }
div.onderschrift div {
	width: 212px; float: left; padding-right: 60px; height: 50px; margin-right: 20px;
	background-repeat: no-repeat; background-position: right top;
	text-align: left;
}

blockquote { font-style: italic; padding-left: 15px; }
blockquote + p { margin-top: 10px; }
blockquote .quotee {
	font-style: normal; font-size: 0.8em; text-align: right;
}

a {
	color: #666;
	text-decoration: underline;
}
a:hover { text-decoration: underline; }
a[name], a[name]:hover { text-decoration: none; cursor: text; }
sup { font-size: 0.6em; }
span.nobr { white-space: nowrap; }

input, select, textarea { vertical-align: top; margin-bottom: 3px; }
input[type="text"], input[type="date"], input[type="password"], select, textarea { width: 225px; }
input[type=radio], input[type=checkbox] { margin-top: 2px; }
textarea { height: 75px; }
#col23 .twoCols textarea { width: 460px; }
fieldset { margin-bottom: 15px; }
fieldset div { margin-top:7px; }
fieldset h2 + div { margin-top: 25px; }
label, label.normal { width: 200px; display: inline-block; }
label.long { width: 400px; }
label.short { width: 50px; }
label.required:after, span.required:after { content: '*'; }
label span { font-style: italic; font-size: 1.2em; }
input + label { width: 400px; padding-left: 10px; padding-right: 10px; }
button, input[type=button], input[type=submit], input[type=reset] {
	padding-bottom: 0; margin: 25px; height: 26px; width: 100px;
	background: url(../media/img/bg_btn_100.png); border: none; color: #404040;
	font-size: 0.9em;
}
button.lessmargin, input[type=button].lessmargin, input[type=submit].lessmargin { margin: 0 25px; }
button.btn_75, input[type=button].btn_75, input[type=submit].btn_75, input[type=reset].btn_75 {
	width: 75px;
	background: url(../media/img/bg_btn_75.png);
}
button.btn_100, input[type=button].btn_100, input[type=submit].btn_100, input[type=reset].btn_100 {
	width: 100px;
	background: url(../media/img/bg_btn_100.png);
}
button.btn_125, input[type=button].btn_125, input[type=submit].btn_125, input[type=reset].btn_125 {
	width: 125px;
	background: url(../media/img/bg_btn_125.png);
}
button.btn_150, input[type=button].btn_150, input[type=submit].btn_150, input[type=reset].btn_150 {
	width: 150px;
	background: url(../media/img/bg_btn_150.png);
}
button.btn_200, input[type=button].btn_200, input[type=submit].btn_200, input[type=reset].btn_200 {
	width: 200px;
	background: url(../media/img/bg_btn_200.png);
}
button.mouseover, input[type=button].mouseover, input[type=submit].mouseover, input[type=reset].mouseover {
	color: #ba9766;
}
#sixRegistrationSubmit{
	width: 150px; padding-right: 10px;
	background: url(../media/img/bg_btn_150s.png);
}
#sixRegistrationResultDiv { display: none; }
legend {
	padding-bottom: 15px;
	font-size: 1.3em;
}
#formFactoryContainer textarea { width: 223px !important; }
.smallRadio label { float: left; }
.smallRadio ul { float: left; }
.smallRadio li { width: auto; float: left; }
.smallRadio li label { width: auto; float: none; }
label.error { width: auto; }
li.error label { background: url(/media/img/bg_error.png) 190px 4px no-repeat; }
.radios.error li label { background: none !important; }

dl + p { margin-top: 25px; }
dt {
	padding-left: 25px; cursor: pointer;
	background-image: url(/media/img/ico_question.gif); background-repeat: no-repeat; background-position: 2px 5px;
}
.onderwijs dt { font-weight: bold; }
dt.questionOn { background-image: url(/media/img/ico_question_on.gif); background-position: 0 7px; }
dd.questionOn { display: block; }
.onderwijs dt { background-image: url(/media/img/ico_question_on.gif); background-position: 0 7px; }
.onderwijs dt.questionOn { background-image: url(/media/img/ico_question.gif); background-position: 0 7px; }
dd { padding-bottom: 10px; display: none; }

dl { display: block; }
dt.ha-js-regular-list {
	padding-left: 0; clear: left; min-width: 150px;
	background: none;
}
dt.ha-js-regular-list, dt.ha-js-regular-list ~ dd { float: left; }
dt.ha-js-regular-list ~ dd { display: block; }

caption { font-weight: bold; }
th, td { padding: 2px 5px 2px 0; vertical-align: top; }
th { min-width: 100px; }
td { min-width: 200px; }
td p { padding-bottom: 0; }
table table th, table table td {
	padding: 0 5px 0 0; min-width: 100px;
	line-height: normal;
}
table.noVertPadding { margin-bottom: 1em; }
table.noVertPadding th, table.noVertPadding td { padding-top: 0; padding-bottom: 0; min-width: 25px; }

dd { padding-left: 25px; }
ol.latin { list-style: upper-latin; margin: 0 0 15px 25px; }
ol.decimal { list-style: decimal; margin: 0 0 15px 25px; }
ul.subUl { margin-left: 15px; }
#errorDiv, .errorDiv {
	margin-bottom: 10px;
	color: #ff0000;
}
#errorDiv label {
	display: block; width: 400px;
	color: #666;
}

#header {
	height: 150px; position: relative; z-index: 10;
	background: url(../media/img/bg_header.gif) bottom;
}
#header h1 {
	position: relative; right: 25px; top: -15px; float: right;
	text-transform: capitalize; font-size: 1.0em; line-height: 1.2em;
}
#header h1::after {
	content: "|";
	display: inline-block;
	width: 25px;
	text-align: center;
}
#header h1:first-child::after {
	display: none;
}
#header h1 a { text-decoration: none; }
#header img { display: none; }
.hdrAnimContainer { position: absolute; height: 200px; top: 25px; width: 992px; overflow: hidden; }
.hdrMainAnim { position: absolute; height: 200px; top: 0; width: 992px; overflow: hidden; }
.hdrAnimShadow {
	-moz-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
	box-shadow: 5px 0 5px rgba(0,0,0,0.5);
}
.hdr-anim-link {
	position: absolute; width: 992px; height: 200px; display: block;
}
.hdrAnimPeterDeGroteImg {
	position: absolute; right: 621px;
	-moz-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
	box-shadow: 5px 0 5px rgba(0,0,0,0.5);
}
.hdr-anim-expeditie_zijderoute-mainbg {
	position: absolute;
	top: 0;
	left: 298px;
	width: 1188px;
	height: 200px;
	background: url('/media/img/animation/expeditie_zijderoute/bg.jpg');
	-webkit-transition: left 400ms linear;
	-moz-transition: left 400ms linear;
	-ms-transition: left 400ms linear;
	-o-transition: left 400ms linear;
	transition: left 400ms linear;
}
.hdr-anim-expeditie_zijderoute-mainbg.js-active-01 {
	left: 150px;
}
.hdr-anim-expeditie_zijderoute-mainbg.js-active-02 {
	left: -50px;
}
.hdr-anim-expeditie_zijderoute-mainbg.js-active-03 {
	left: -195px;
}
.hdr-anim-expeditie_zijderoute-item {
	position: absolute;
	top: 25px;
	left: 296px;
	height: 150px;
	width: 400px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 350ms linear;
	-moz-transition: opacity 350ms linear;
	-ms-transition: opacity 350ms linear;
	-o-transition: opacity 350ms linear;
	transition: opacity 350ms linear;
}
.hdr-anim-expeditie_zijderoute-item.js-active {
	opacity: 1;
	filter:alpha(opacity=100);
}
.hdr-anim-expeditie_zijderoute-item:after, .hdr-anim-expeditie_zijderoute-item:before {
	position: absolute;
	display: none;
	height: 10px;
	width: 10px;
	background: #f00;
	border: 1px solid #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.hdr-anim-expeditie_zijderoute-item-01 {
	left: 280px;
	background: transparent url('/media/img/animation/expeditie_zijderoute/01.jpg') no-repeat;
}
.hdr-anim-expeditie_zijderoute-item-02 {
	left: 300px;
	background: transparent url('/media/img/animation/expeditie_zijderoute/02.jpg') no-repeat;
}
.hdr-anim-expeditie_zijderoute-item-03 {
	left: 320px;
	top: -30px;
	background: transparent url('/media/img/animation/expeditie_zijderoute/03.jpg') no-repeat;
}
.hdr-anim-expeditie_zijderoute-item-04 {
	left: 600px;
	background: transparent url('/media/img/animation/expeditie_zijderoute/04.jpg') no-repeat;
}
.hdr-anim-expeditie_zijderoute-item-05 {
	left: 600px;
	top: 110px;
	background: transparent url('/media/img/animation/expeditie_zijderoute/05.jpg') no-repeat;
}
.hdr-anim-expeditie_zijderoute-item-06 {
	left: 938px;
	background: transparent url('/media/img/animation/expeditie_zijderoute/06.jpg') no-repeat;
}
.hdr-anim-expeditie_zijderoute-item-01.js-active:after {
	display: block;
	content: ' ';
	top: 140px;
	left: 145px;
}
.hdr-anim-expeditie_zijderoute-item-02.js-active:after {
	display: block;
	content: ' ';
	top: 35px;
	left: 170px;
}
.hdr-anim-expeditie_zijderoute-item-03.js-active:after {
	display: block;
	content: ' ';
	top: 160px;
	left: 192px;
}
.hdr-anim-expeditie_zijderoute-item-04.js-active:before {
	display: block;
	content: ' ';
	top: 62px;
	left: -45px;
}
.hdr-anim-expeditie_zijderoute-item-05.js-active:after {
	display: block;
	content: ' ';
	top: -22px;
	left: 113px;
}
.hdr-anim-expeditie_zijderoute-item-06.js-active:before {
	display: block;
	content: ' ';
	top: 63px;
	left: -83px;
}
.hdr-anim-expeditie_zijderoute-logo {
	position: absolute;
	top: 0;
	left: 0;
}
.hdr-anim-dining_with_the_tsars {
	border-top: 2px solid #c39758;
	border-bottom: 2px solid #c39758;
}
.hdr-anim-dining_with_the_tsars-logo {
	position: absolute;
	top: -2px;
	left: 0;
}

.hdr-anim-dining_with_the_tsars-item {
	position: absolute;
	top: 0;
	left: 206px;
	height: 200px;
	width: 786px;
	opacity: 0;
	filter:alpha(opacity=0);
	background-repeat: no-repeat;
	background-size: 150%;

	-webkit-transition: background-position 5000ms linear 1250ms, background-size 5000ms linear 1250ms, opacity 1000ms;
	-moz-transition: background-position 5000ms linear 1250ms, background-size 5000ms linear 1250ms, opacity 1000ms;
	-ms-transition: background-position 5000ms linear 1250ms, background-size 5000ms linear 1250ms, opacity 1000ms;
	-o-transition: background-position 5000ms linear 1250ms, background-size 5000ms linear 1250ms, opacity 1000ms;
	transition: background-position 5000ms linear 1250ms, background-size 5000ms linear 1250ms, opacity 1000ms;
}
.hdr-anim-dining_with_the_tsars-item.js-initial, .hdr-anim-dining_with_the_tsars-item.js-active {
	opacity: 1;
	filter:alpha(opacity=100);
}
.hdr-anim-dining_with_the_tsars-item.js-active {
	background-size: 100%;
}
.ie .hdr-anim-dining_with_the_tsars-item.js-active {
	background-size: 150%;
}
.hdr-anim-dining_with_the_tsars-item-00 {
	background-image: url('/static/media/img/animation/dining_with_the_tsars/00.jpg');
	background-position: -100px -260px;
}
.hdr-anim-dining_with_the_tsars-item-01 {
	background-image: url('/static/media/img/animation/dining_with_the_tsars/01.jpg');
	background-position: -390px -260px; /*links*/
}
.hdr-anim-dining_with_the_tsars-item-02 {
	background-image: url('/static/media/img/animation/dining_with_the_tsars/02.jpg');
	background-position: -264px -208px;
}
.hdr-anim-dining_with_the_tsars-item-03 {
	background-image: url('/static/media/img/animation/dining_with_the_tsars/03.jpg');
	background-position: -300px -200px;
}
.hdr-anim-dining_with_the_tsars-item-04 {
	background-image: url('/static/media/img/animation/dining_with_the_tsars/04.jpg');
	background-position: -150px -200px;
}
.hdr-anim-dining_with_the_tsars-item-05 {
	background-image: url(/static/media/img/animation/dining_with_the_tsars/05.jpg);
	background-position: -390px -260px;
}
.hdr-anim-dining_with_the_tsars-item-00.js-active { background-position: 0 0; }
.hdr-anim-dining_with_the_tsars-item-01.js-active { background-position: 0 0; }
.hdr-anim-dining_with_the_tsars-item-02.js-active { background-position: 0 0; }
.hdr-anim-dining_with_the_tsars-item-03.js-active { background-position: 0 0; }
.hdr-anim-dining_with_the_tsars-item-04.js-active { background-position: 0 0; }
.hdr-anim-dining_with_the_tsars-item-05.js-active { background-position: 0 0; }

.hdr-anim-hollanders-van-de-gouden-eeuw {
	height: 200px; opacity: 0; position: absolute; width: 992px;
	background-image: url(/static/media/img/animation/hollanders-van-de-gouden-eeuw/01.jpg);
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-ms-transition: opacity 1000ms;
	-o-transition: opacity 1000ms;
	transition: opacity 1000ms;
}
.hdr-anim-hollanders-van-de-gouden-eeuw.js-active { opacity: 1; }

.hdr-anim-hollanders-van-de-gouden-eeuw-static {
	height: 200px; position: absolute; width: 992px; display: none;
	background-image: url(/static/media/img/animation/hollanders-van-de-gouden-eeuw/02.jpg);
}
.anim-alexander_napoleon_josephine {
	position: relative; height: 200px; width: 992px;
	background: #fff url(/static/media/img/animation/alexander_napoleon_josephine/bg-ha.gif);
}
.anim-alexander_napoleon_josephine-group {
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
.anim-alexander_napoleon_josephine-group img {
	position: absolute;
	left: 992px;
	top: 2px;
	-webkit-transition: left 500ms;
	-moz-transition: left 500ms;
	-ms-transition: left 500ms;
	-o-transition: left 500ms;
	transition: left 500ms;
}
.anim-alexander_napoleon_josephine-group.step1 {
	display: block; opacity: 1; z-index: 100;
}
.anim-alexander_napoleon_josephine-group.step1 img:nth-child(1) {
	left: 0;
}
.anim-alexander_napoleon_josephine-group.step1 img:nth-child(2) {
	left: 248px;
}
.anim-alexander_napoleon_josephine-group.step1 img:nth-child(3) {
	left: 496px;
}
.anim-alexander_napoleon_josephine-group.step1 img:nth-child(4) {
	left: 744px;
}
.anim-alexander_napoleon_josephine-group.step2 {
	opacity: 0; z-index: 90;
}

.hdr-hvk-static {
	position: relative; height: 200px; width: 992px;
	background: #fff url(/static/media/img/animation/hvk/bg-hvk.jpg);
}

.hdr-catharina-de-grootste {
	position: relative; height: 200px; width: 992px;
	background: #fff url(/static/media/img/animation/catharina-de-grootste/catharina-de-grootste.jpg);
}
.hdr-catharina-de-grootste-en {
	background: #fff url(/static/media/img/animation/catharina-de-grootste/catharina-de-grootste-en.jpg);
}

.anim-spaanse_meesters {
	height: 200px; position: relative; width: 992px;
	background-color: #000;
}

.anim-spaanse_meesters-bg-container {
	position: absolute;
	background-color: #000;
}

.anim-spaanse_meesters-bg {
	height: 200px; position: absolute; width: 992px; opacity: 0;
	background-color: #000;
	background-repeat: no-repeat;
	-webkit-transition: opacity 750ms;
	-moz-transition: opacity 750ms;
	-ms-transition: opacity 750ms;
	-o-transition: opacity 750ms;
	transition: opacity 750ms;
}
.anim-spaanse_meesters-bg.js-active { opacity: 1; }

.anim-spaanse_meesters-00 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-01.jpg);
}

.anim-spaanse_meesters-01 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-02.jpg);
}

.anim-spaanse_meesters-02 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-03.jpg);
}

.anim-spaanse_meesters-03 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-04.jpg);
}

.anim-spaanse_meesters-04 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-05.jpg);
}

.anim-spaanse_meesters-05 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-06.jpg);
}

.anim-spaanse_meesters-06 {
	background-image: url(/static/media/img/animation/spaanse_meesters/hdr-img-07.jpg);
}

.anim-spaanse_meesters-text {
	height: 200px; position: absolute; width: 992px;
}
.anim-spaanse_meesters-text--en {
	background: url(/static/en/media/img/animation/spaanse_meesters/hdr-text.png) no-repeat;
}
.anim-spaanse_meesters-text--nl {
	background: url(/static/nl/media/img/animation/spaanse_meesters/hdr-text.png) no-repeat;
}

.anim-outsider-art {
	height: 200px;
}
.anim-outsider-art__bg {
	height: 200px;
	background: url(/static/media/img/animation/outsider-art/bg-outsider-art.jpg);
}
.anim-outsider-art__logo {
	height: 200px;
	width: 496px;
	position: absolute;
	left: 248px;
	top: 0;
	background: url(/static/media/img/animation/outsider-art/logo-outsider-art.jpg) no-repeat;
}

#printlogo { display: none; }
#menu {
	position: relative; z-index: 8; height: 230px;
	background: #fff url(../media/img/bg_menu.png) repeat-x bottom;
}

.header { position: absolute; width: 992px; height: 200px; z-index: 0; left: 0; top: 24px; }
#header0 { background: url(../media/img/bg_header0.jpg) center top no-repeat; }
#header1 { background: url(../media/img/bg_header1.jpg) center top no-repeat; }
#header2 { background: url(../media/img/bg_header2.jpg) center top no-repeat; }
#header3 { background: url(../media/img/bg_header3.jpg) center top no-repeat; }
#header4 { background: url(../media/img/bg_header4.jpg) center top no-repeat; }
#header5 { background: url(../media/img/bg_header5.jpg) center top no-repeat; }
#menu ul {
	position: relative; float: left; z-index: 9; width: 983px; padding-left: 9px;
	background: #fff;
}
#menu ul li {
	padding: 2px 8px 3px 8px; float: left;
	text-transform: uppercase; font-size: 0.9em;
}
#menu a { text-decoration: none; outline: none; }
#content {
	height: 100%; position: relative;
	background: #fff url(../media/img/bg_content.gif) repeat-y right top;
}
#content.tweeCols { background: #fff url(../media/img/bg_content-two_cols.gif) repeat-y right top !important; }
.col { float: left; width: 242px; padding-left: 10px; padding-right: 10px; }
/*\*/
html>body*.col { width: 222px; }
/**/
#col1 { margin-left: 8px; }
#col2 { background: url(../media/img/bg_col.gif) repeat-y right top; }
#col23 { width: 485px; padding: 0; }
#col23 #col3 { background: none; }
#col4 { margin-right: 5px; }
#col4 h1 { margin-top: 5px; }
#col234 { width: 725px; padding: 0; }
#col234 object { margin-left: 125px; }

#lightbox {
	position: absolute; top: 140px; height: 100%; width: 992px; z-index: 1000; display: none;
	background: #fff; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.8;
}
.lightboxContent {
	padding-left: 15px; padding-right: 15px;
	text-align: left;
}
#dots { position: absolute; }
#dots div {
	position: absolute; width: 25px; height: 25px; overflow: hidden; cursor: pointer; padding: 1px 0 0 8px;
	background-color: none; background-image: url(/media/img/bg_plattegrond_dot.png); background-repeat: no-repeat; color: #fff;
	font-size: 1.2em; text-align: left;
}
#dots div#dot1 { left: 315px; top: 225px; }
#dots div#dot2 { left: 425px; top: 165px; }
#dots div#dot3 { left: 135px; top: 325px; }
#dots div#dot4 { left: 260px; top: 175px; }
#dots div#dot5 { left: 95px; top: 30px; }
#dots div#dot6 { left: 85px; top: 80px; }
#dots div#dot7 { left: 360px; top: 120px; }
#dots div.on {
	width: 225px;
	background-color: #fff; color: #003e7e;
}
#dots div span { color: #fff; padding-right: 8px; }
#closingx {
	padding-right: 5px; cursor: pointer;
	background: #c6c6c6;
	text-align: right; font-weight: bold;
}
#map, #nieuwsbrief {
	position: fixed; margin-left: 170px; width: 654px; top: 165px; z-index: 1001; display: none;
	background: #fff; border: 2px solid #8e8e8e;
	text-align: center;
}
#map { top: 25px; }
#map { height: 700px; }
#nieuwsbrief { height: auto; }
/*\*/
html>body*#col4 h1 { margin-top: 25px; *margin-top: 5px; }
/**/
#col4 .item h1 { margin: 29px 0 19px 0; }
.item h2 { margin-top: 25px; }
.twoCols {padding-left: 10px; padding-right: 10px; min-height: 300px; }
#col234 .twoCols {
	padding-right: 20px;
	background: #fff;
}
.twoCols ul { margin-bottom: 15px; }
.twoCols ul li a { text-decoration: none; }
.errors ul li a { text-decoration: underline !important; }
.col img { margin: 0 auto 10px auto; display: block; text-align: center; }
.col .item {
	position: relative; padding-bottom: 10px;
	background: url(../media/img/bg_item.png) bottom repeat-x;
}
.highlight p img { position: relative; left: -15px; bottom: -25px; margin: 0; }
.item .highlight {
	padding: 5px 15px 15px 15px; width: 464px;
	color: #fff; background: #656565 url(/media/img/bg_highlight.jpg) repeat-x;
}
.item.highlight h1 { margin-top: 0; }
.item.highlight a, .item .highlight a { color: #fff; }
.item.highlightBnr { padding: 0 15px 0 0; }
.item.highlightBnr a { cursor: pointer; }
.item.highlightBnrRight { padding: 0 0 0 15px; }
.item.highlightBnr img {
	margin: 0 15px 0 0; float: left;
}
.item.highlightBnrRight img { margin: 0 0 15px; float: right; }
.item.highlightBnr h2 {
	padding-top: 15px; line-height: 1.5em;
}
.item.highlightBnr h2 a { text-decoration: none; }

.col ul {
	margin-top: 70px; padding-bottom: 2px; padding-top: 2px;
	border-top: 2px solid #8e8e8e; border-bottom: 2px solid #8e8e8e;
}
.errorDiv ul {
	padding-bottom: 2px; padding-top: 2px;
	border-top: 2px solid #8e8e8e; border-bottom: 2px solid #8e8e8e;
}
.col ul.nostyling, .col ul.noStyling {
	margin-top: 0 !important; padding: 0 !important;
	border: none; background: none !important;
}
.col ul.nostyling li, .col ul.noStyling li {
	margin-bottom: 5px;
	border: none; background: none !important;
}
ul.nostyling li a, ul.noStyling li a {
	text-decoration: underline;
}
ul.normalStyling {
	margin-top: 0 !important; padding: 0 !important;
	border: none; background: none !important;
}
ul.normalStyling li, .col ul.normalStyling li {
	margin-bottom: 5px; margin-left: 15px; list-style: disc;
	border: none; background: none !important;
}
#col23 ul, #col234 ul { margin-top: 25px; }
#col23 ul ul, #col234 ul ul { margin-top: 0; }
.usageInstructions {
	padding: 5px;
	background: #e2e2e2;
	line-height: 1em;
}
.usageInstructions ul { margin-top: 0 !important; }
.col ul li, .errorDiv ul li {
	border-bottom: 1px solid #c4c4c4;
}
.col ul.mainMenu li { padding: 4px 0; }
.col ul.mainMenu li.first {
	border-top: 1px solid #c4c4c4;
}
.col ul.mainMenu li.devider {
	border-bottom: 2px solid #8E8E8E;
}
.col ul li h2, .col ul li h3, .col ul li h4, .col ul li h5, .col ul li h6 { cursor: pointer; margin: 2px 0 2px 0; }
.col ul li ul {
	margin: 0; padding-left: 25px; display: none;
	border: none;
}
#col23 ul li ul, #col234 ul li ul { display: block; margin-left: 25px; }
.col ul li ul li {
	border: none;
}
.mainMenu h2, .mainMenu h3, .mainMenu h4, .mainMenu h5, .mainMenu h6 { font-size: 1.1em; font-style: normal; font-weight: normal; }
.mainMenu a { text-decoration: none; }
.mainMenu .selected { color: #ba9766 !important; }

.checkboxes label { width: 410px; }
.checkboxes div div { margin-left: 25px; }
.checkboxes div div label { width: 405px; }
.checkboxes input { margin-right: 10px; }

.artwork, .afbeelding { clear: both; }
.artwork {
	margin-top: 5px; padding-right: 5px;
	background: #e2e2e2;
}
.artwork img, img.artwork, .afbeelding img, img.afbeelding { float: left; margin-right: 10px; margin-top: 5px !important; }
.artwork img { margin: 0 10px 0 0 !important; }
.artwork img, img.artwork { cursor: pointer; }
img.artwork.alignright, img.afbeelding.alignright, img.alignright { float: right; margin-right: 0; margin-left: 10px; }
.artwork p + p, .afbeelding p + p {

	float: right;
	text-align: right;
}
.beeldGroot { width: 464px; }

.begunstenspons img { margin: 25px auto; }
.haSpnsrs h5 {
	margin-top: 15px;
}
.haSpnsr {
	padding: 15px 0;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
}
.haSpnsr.active { opacity: 1; }
.haSpnsr a {
	display: block; height: 170px; width: 100%; position: relative;
	background: #fff url(../media/img/sponsors/sponsors-1601.gif) no-repeat;
	text-decoration: none; font-weight: bold; text-indent: -9999px;
}
.haSpnsrBgl a {
	height: 41px;
	background-position: center -111px;
}
.haSpnsrAbn a {
	height: 43px;
	background-position: center -172px;
}
.haSpnsrFugro a {
	height: 99px;
	background-position: center -215px;
}
.haSpnsrHeineken a {
	height: 39px;
	background-position: center -314px;
}
.haSpnsrPhilips a {
	height: 28px;
	background-position: center -353px;
}
.haSpnsrVsb a {
	height: 39px;
	background-position: center -381px;
}
.haSpnsrSixmo a {
	height: 115px;
	background-position: center -651px;
}
.haSpnsrBain a {
	height: 19px;
	background-position: center -942px;
}
.haSpnsrThalys a {
	height: 63px;
	background-position: center -961px;
}
.haSpnsrAmvj a {
	height: 86px;
	background-position: center -1024px;
}
.haSpnsrBosch a {
	height: 60px;
	background-position: center -1110px;
}

#contentPadding {
	height: 15px;
	background: #FFF;
}
#sitemap {
	z-index: -10; margin-top: 4px; padding: 20px 0 20px 25px;
	background: #969696 url(../media/img/bg_sitemap.png) repeat-x bottom;
}
#sitemap h1, #sitemap p, #sitemap a {
	margin-top: 0;
	color: #fff;
	font-size: 100%;
}
#sitemap a { text-decoration: none; }
#sitemap div {
	float: left; margin-right: 15px; height: 165px;
	border-right: 1px solid #a0a0a0;
}
#sitemap ul { margin-bottom: 15px; }
.downloadButtons { position: absolute; right: 5px; top: 42px; }
.downloadButtons img { float: left; margin-right: 5px; }
.downloadText {
	position: absolute; right: -10px; top: -25px;
	font-size: 0.8em;
}
#col234 .downloadButtons { top: 0; }
#wip {
	position: absolute; height: 100%; width: 480px; z-index: 1000;
	background: #fff; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70;
}
#wipDiv {
	position: absolute; top: 70px; width: 464px; margin-left: 10px; padding-bottom: 50px; z-index: 1001;
	background: #fff url(../media/img/bg_item.png) bottom repeat-x; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}
#wipDiv h1 {
	margin: 0; padding-top: 25px; padding-bottom: 25px;
	background: url(../media/img/bg_item.png) repeat-x top;
}

.flash {
	margin: 10px 0 10px 2px;
	background: #ccc;
}

#canon {
	position: relative; padding-top: 15px;
}
#canon div[id], #canon div.jaarhonderd {
	float: left; width: 49px; height: 49px; margin: 1px; padding: 0;
	background: #c1c1c1; color: #000;
	text-align: center; font-weight: bold !important;
}
#canon div[id].highlight { background: #535353; color: #fff; }
#canon div[id] { cursor: pointer; }
#canon div.jaarhonderd { color: #fff; }
#canon h1 {
	margin-top: 18px;
	font-size: 0.90em; font-weight: bold !important;
}
#canon div.dubbel h1 { margin-top: 12px; }
#canon ul { margin-top: 0; }
#canon div.extraInfo, #canon div.extraInfo div {
	width: 304px; z-index: 15;
	text-align: left; font-weight: normal;
}
#canon div.extraInfo p { padding: 5px; }
#canon div.extraInfo {
	display: none; position: relative; top: -4px;
	background: #535353 url(/media/img/bg_st-petersburg_en_rusland-tijdlijnen_extrainfo.gif) no-repeat top left; color: #fff;
}
.extraInfoleft {
	left: -255px;
	background: #535353 url(/media/img/bg_st-petersburg_en_rusland-tijdlijnen_extrainfoLeft.gif) no-repeat top right !important;
}
.extraInfoCentered {
	left: -51px;
	background: #535353 url(/media/img/bg_st-petersburg_en_rusland-tijdlijnen_extrainfoCentered.gif) no-repeat top left !important;
}
#canon div.dubbel div.extraInfo { top: -11px; }
.spouse {
	padding-left: 35px;
	background: url(../media/img/bg_st-petersburg_en_rusland_tijdlijnen_spouse.png) no-repeat 5px 3px;
}
.recensie_cijfer { margin-top: 15px; height: 50px; }
.recensie_cijfer div {
	float: left; width: 35px; height: 35px; cursor: pointer;
	background-image: url(/media/img/bg_rencensie_cijfer_off.gif); background-repeat: no-repeat;
}
.recensie_cijfer div.recensie_on, .recensie_cijfer div.recensie_selected { background-image: url(/media/img/bg_rencensie_cijfer_on.gif); background-repeat: no-repeat; }

.recensie_cijfer_gegeven {
	position: relative; margin: 15px 0 15px 0; height: 25px; width: 125px;
	/*background: #b2b2b2;*/
}
.recensie_cijfer_balk {
	position: absolute; height: 25px;
	background: #666;
}
.recensie_klavers {
	position: absolute; height: 25px; width: 100%;
	/*background-image: url(/media/img/bg_rencensie_cijfer_off.png);*/
}

#totaal_cijfers h2, #totaal_cijfers h3, #totaal_cijfers h4 { display: inline; width: 150px; float: left; clear: both; margin-top: 10px; }
#totaal_cijfers .recensie_cijfer_gegeven { float: left; margin: 5px 140px 5px 0; }

div.activiteit { clear: both; }
div.activiteit table td { min-width: 10px; }
div.activiteit p.toggleItem { display: none; }
a[name], a[name] + h2, a[name] + h1 + h2 { cursor: text; }
/*div.activiteit img { float: right; }*/
a.button { text-decoration: none; }
a.button button { margin: 10px; }
table a.button button { margin: 0; }
.languageSelect { float: right; width: 100px; }
#activiteitenGeweest { display: none; }

.activiteit h3 { font-size: 1.1em; }
.activiteit h4 { margin: 5px 0 0 0; font-size: 1.2em; }
.activiteit h5 { margin: 5px 0 0 0; font-size: 1.0em; font-weight: normal; font-style: italic; }
.activiteit h3 + p, .activiteit h4 + p, .activiteit h5 + p { padding-top: 7px; }

#searchDivContent a { outline: none; }
#searchDivContent ul, #searchDivContent table { margin-top: 5px; }
#searchDivContent th { min-width: 200px; }
.paging { margin-top: 25px; }
.paging span, .paging a { padding: 0 5px; }

.verplichtVeld {
	padding-top: 10px;
	color: #b2b2b2;
}
label.errors {
	width: 197px;
	border-right: 3px solid #ff0000;
}
.sharing a {
	position: relative; top: 2px;
	text-decoration: none;
}
.sharing { padding: 2px 0 !important; }
.sharing h2 { font-style: normal; font-size: 0.9em; }
.sharewith {
	padding-left: 25px; padding-bottom: 10px; height: auto; display: none;
}
.sharewith p, .sharing h2 {
	padding: 0 0 0 22px; height: 16px; margin: 2px 0; cursor: pointer;
	background-image: url(/media/img/share_icons.png); background-repeat: no-repeat;
}
.sharewith p { font-size: 0.9em; }
.sharewith p a { text-decoration: none; }
.rss { background-position: 0 -384px; }
.eMail { background-position: 0 -48px; }
.bookmark { background-position: 0 -16px; }
.print { background-position: 0 -32px; }
.pdfOnline { background-position: 0 -64px; }
.printFriendly { background-position: 0 -80px; }
.twitter { background-position: 0 -96px; }
.facebook { background-position: 0 -208px; }
.hyves { background-position: 0 -288px; }
.linkedin { background-position: 0 -240px; }
.nujij { background-position: 0 -272px; }
.delicious { background-position: 0 -192px; }
.plaxo { background-position: 0 -304px; }
.blogger { background-position: 0 -368px; }
.digg { background-position: 0 -336px; }
.yMail { background-position: 0 -144px; }
.yBookmarks { background-position: 0 -160px; }
.yBuzz { background-position: 0 -176px; }
.gMail { background-position: 0 -96px; }
.google { background-position: 0 -112px; }
.googleReader { background-position: 0 -128px; }
.liveMail { background-position: 0 -352px; }
.live { background-position: 0 -352px; }
.myspace { background-position: 0 -256px; }
.symbaloo { background-position: 0 -320px; }
.emailInput { display: none; }
.emailInput input[type=text] { margin-top: 2px; }
.preValue { color: #888; }
.emailInput input[type=text] { width: 190px; }
.emailInput input[type=submit] { margin: 2px; position: relative; left: 90px; }
.favorites { display: none; }

.ticketButton { display: none; }
#headerContainer {
	min-height: 150px;
	background-color: #fff;
}
#headerMenuContainer {
	min-height: 230px;
	background-color: #fff;
}
#col1, #col4 { min-height: 250px; }
.ani_loading { background-image: url(/media/img/ani_loading.gif); background-repeat: no-repeat; background-position: center; }
.audiotour { border: 1px solid #9f9f9f; width: 464px; height: 20px; clear: both; position: relative; }
.errorMsg {
	padding: 15px 0;
	color: #ff0000;
}
#shop table { width: 464px; margin-top: 25px; }
#shop th, #shop td { min-width: 10px; padding: 2px 10px 2px 10px; }
#shop th { font-style: italic; }
#shop tr.border td { border: 1px solid #c4c4c4; }
#shop tr.totalen td { padding-top: 25px; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(../media/img/ui-icons_383838_256x240.png); }
.ui-icon-check { background-position: -64px -144px; }

.shopCol4Link {
	margin: 0 2px; width: 198px; display: block; padding: 8px 10px;
	background: url(/media/img/bg_highlight.jpg) center center; color: #fff;
	font-size: 1.4em;
}
/*
 * niet tonen: display: none;
 * wel tonen: display: block;
*/
.displayWebshop { display: block; }

/*animations*/
@keyframes animatedBackground {
	to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	to { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
	to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	to { background-position: 100% 0; }
}
.gauguin_bonnard_denis .hdrAnimaImgContainer {
	position: absolute; width: 700px; height: 200px; right: 0; overflow: hidden;
}
.gauguin_bonnard_denis .hdrAnimaImgContainer img {
	position: absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.gauguin_bonnard_denis .hdrAnimaImgContainer img.hidden { opacity: 0; }
.gauguin_bonnard_denis .hdrAnimText {
	position: absolute; width: 992px; height: 30px; bottom: 0; opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;
	background-image: url(/media/img/animation/gauguin_bonnard_denis/anim-gauguin_bonnard_denis-artists.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	animation: animatedBackground 60s linear infinite;
	-ms-animation: animatedBackground 60s linear infinite;
	-moz-animation: animatedBackground 60s linear infinite;
	-webkit-animation: animatedBackground 60s linear infinite;
}
video {
	width: 100%;
	height: auto;
}
#cookie-bar {
	width: 100%;
	position: fixed;
	top: 145px;
	left: 0;
	background: #fff;
	border-top: 2px solid #c4c4c4;
	border-bottom: 2px solid #c4c4c4;
	display: none;
	z-index: 10000;
}
.cookie-bar__wrapper {
	width: 992px;
	margin: auto;
	padding: 40px 15px;
	margin-bottom: 50px;
}
.cookie-bar__content {
	float: left;
	width: 600px;
	font-size: 1.1em;
}
#cookie-bar.cookie-bar--show {
	display: block;
}
#cookie-bar p {
}
#cookie-bar .buttons {
	float: right;
	width: 300px;
}
#cookie-bar .buttons button {
	margin: 0 30px;
}