/*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 { font-style: normal; font-weight: normal; }

/*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;
	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 23px 0;
	font-size: 1.5em; line-height: 1.0em;
}
h2 {
	margin-top: 10px;
	font-size: 1.3em; line-height: 1.0em; font-style: italic;
}
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;
}
h2 + img, h3 + img, h2 + blockquote, h3 + blockquote { 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: 0px; }
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;
}
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; }
img + p.onderschrift, 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; }
#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]:hover { text-decoration: none; }
sup { font-size: 0.6em; }
span.nobr { white-space: nowrap; }

input, select, textarea { vertical-align: top; margin-bottom: 3px; }
input[type="text"], input[type="password"], select, textarea { width: 225px; }
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 span { font-style: italic; font-size: 1.2em; }
button, input[type=button], input[type=submit] {
	padding-bottom: 5px; margin: 25px; height: 26px; width: 100px;
	background: url(../media/img/bg_btn_100.gif); 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 {
	width: 75px;
	background: url(../media/img/bg_btn_75.gif);
}
button.btn_100, input[type=button].btn_100, input[type=submit].btn_100 {
	width: 100px;
	background: url(../media/img/bg_btn_100.gif);
}
button.btn_125, input[type=button].btn_125, input[type=submit].btn_125 {
	width: 125px;
	background: url(../media/img/bg_btn_125.gif);
}
button.btn_150, input[type=button].btn_150, input[type=submit].btn_150 {
	width: 150px;
	background: url(../media/img/bg_btn_150.gif);
}
button.btn_200, input[type=button].btn_200, input[type=submit].btn_200 {
	width: 200px;
	background: url(../media/img/bg_btn_200.gif);
}
button.mouseover, input[type=button].mouseover, input[type=submit].mouseover {
	color: #ba9766;
}

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; }
.questionOn { background-image: url(/media/img/ico_question_on.gif); background-position: 0px 7px; }
dd { padding-bottom: 10px; display: none; }

caption { font-weight: bold; }
th, td { padding: 2px 5px 2px 0; vertical-align: top; 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 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 {
	display: none;
	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: absolute; right: 25px; top: -15px;
	text-transform: capitalize; font-size: 1.0em; line-height: 1.2em;
}
#header h1 a { text-decoration: none; }
#header img { display: none; }
#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;
}
.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; filter:alpha(opacity=80); -moz-opacity: 0.8; 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;
}
.item .highlight {
	padding: 5px 15px 15px 15px; /*cursor: pointer;*/
	color: #fff; background: #656565 url(/media/img/bg_highlight.jpg) repeat-x;
}
.item.highlight h1 { margin-top: 0; }
.item .highlight a { color: #fff; }
.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 {
	margin-top: 0px !important; padding: 0px !important;
	border: none; background: none !important;
}
.col ul.nostyling li {
	margin-bottom: 5px;
	border: none; background: none !important;
}
.col ul.normalStyling {
	margin-top: 0px !important; padding: 0px !important;
	border: none; background: none !important;
}
.col ul.normalStyling li {
	margin-bottom: 5px; margin-left: 15px; list-style:circle;
	border: none; background: none !important;
}
#col23 ul, #col234 ul { margin-top: 25px; }
.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 { 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 { font-size: 1.1em; font-style: normal; font-weight: normal; }
.mainMenu a { text-decoration: none; }
.mainMenu .selected { color: #ba9766 !important; }

.checkboxes label { width: 420px; }
.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 { float: right; margin-right: 0px; margin-left: 10px; }
.artwork p + p, .afbeelding p + p {

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

#sponsoren { height: 315px; }
.sponsors img { margin: 25px 0 25px 0; }
.sponsor {
	position: absolute; z-index: 0; top: 120px; height: 170px; width: 100%; cursor: pointer;
	background-position: center 15px; background-repeat: no-repeat; background-color: #fff;
}
.sponsor h3 { position: absolute; bottom: 0; }
#sponsor0 { background-image: url(../media/img/sponsors/175/ams.jpg); }
#sponsor1 { background-image: url(../media/img/sponsors/175/aon.jpg); }
#sponsor2 { background-image: url(../media/img/sponsors/175/avro.jpg); }
#sponsor3 { background-image: url(../media/img/sponsors/175/bgl.gif); }
#sponsor4 { background-image: url(../media/img/sponsors/175/eden.jpg); }
#sponsor5, #sponsor17 { background-image: url(../media/img/sponsors/175/abn_amro.gif); }
#sponsor6 { background-image: url(../media/img/sponsors/175/fugro.jpg); }
#sponsor7 { background-image: url(../media/img/sponsors/175/heineken.jpg); }
#sponsor8 { background-image: url(../media/img/sponsors/175/ibm.jpg); }
#sponsor9 { background-image: url(../media/img/sponsors/175/kpmg.jpg); }
#sponsor10 { background-image: url(../media/img/sponsors/175/provincie_noord_holland.jpg); }
#sponsor11, #sponsor18 { background-image: url(../media/img/sponsors/175/philips.jpg); }
#sponsor12 { background-image: url(../media/img/sponsors/175/vsb.jpg); }
#sponsor13 { background-image: url(../media/img/sponsors/175/kunstdrukkerij.jpg); }
#sponsor14 { background-image: url(../media/img/sponsors/175/prins_bernhard_cultuurfonds.jpg); }
#sponsor15 { background-image: url(../media/img/sponsors/175/van_den_ende.jpg); }
#sponsor16 { background-image: url(../media/img/sponsors/175/hac.jpg); }

#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; }
#col234 .downloadButtons { top: 0px; }
#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 p.toggleItem { display: none; }
a[name] + h2, a[name] + h1 + h2 { cursor: pointer; }
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, .activiteit h4 { font-size: 1.1em; }
.activiteit h5 { font-size: 1.0em; font-weight: bold; }
.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: 0px -384px; }
.eMail { background-position: 0px -48px; }
.bookmark { background-position: 0px -16px; }
.print { background-position: 0px -32px; }
.pdfOnline { background-position: 0px -64px; }
.printFriendly { background-position: 0px -80px; }
.twitter { background-position: 0px -96px; }
.facebook { background-position: 0px -208px; }
.hyves { background-position: 0px -288px; }
.linkedin { background-position: 0px -240px; }
.nujij { background-position: 0px -272px; }
.delicious { background-position: 0px -192px; }
.plaxo { background-position: 0px -304px; }
.blogger { background-position: 0px -368px; }
.digg { background-position: 0px -336px; }
.yMail { background-position: 0px -144px; }
.yBookmarks { background-position: 0px -160px; }
.yBuzz { background-position: 0px -176px; }
.gMail { background-position: 0px -96px; }
.google { background-position: 0px -112px; }
.googleReader { background-position: 0px -128px; }
.liveMail { background-position: 0px -352px; }
.live { background-position: 0px -352px; }
.myspace { background-position: 0px -256px; }
.symbaloo { background-position: 0px -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; }