h1, h2 { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-weight:normal; }
h1 { font-size:24px; }
h2 { font-size:18px; color:#42200e; clear:both; }
a { color:#ffe070; text-decoration:none; }
div.clearer, span.clearer { clear:both; height:0; margin:0; padding:0; overflow:hidden; }
html { overflow-y: scroll; }
html {
	width:100%;
	height:100%;
	background:url(/static/images/mn-vertical-background-small.jpg) repeat scroll 0 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
body { height:100%; width:100%; }

div#wood-background { width:100%; height:975px; background:url(/static/images/mn-vertical-background.jpg) repeat-x; }
div#top-curtain { width:100%; height:105px; background:url(/static/images/mn-top-curtain.png) repeat-x; }
div#container { width:956px; margin:0 auto; }

/* ## -- DIV HEADER -- ## */
div#header { float:left; width:100%; position:relative; }
div.left { float:left; }
div.middle { top:100px; clear:right; float:left; margin:12px 0 0 67px; }
div.right { float:right; width:354px; }
div#header div.left { width:274px; }
span.radio5-logo { display:block; float:left; width:131px; height:81px; background:url(/static/images/mn-radio5-logo.png) no-repeat; margin:7px 0 0 2px; } 
span.back-to-entree { display:block; float:left; clear:left; width:274px; height:48px; background:url(/static/images/mn-back-to-entree.png) no-repeat; margin:25px 0 0 1px; }
span.radio-nostalgia { display:block; float:left; width:256px; height:149px; background:url(/static/images/mn-radio-nostalgia.png) no-repeat; }
span.nostalgia-player { display:block; float:right; width:350px; height:59px; background:url(/static/images/mn-player.png) no-repeat; margin-top:29px; cursor:pointer; }
span.send-museumpiece { display:block; float:right; clear:right; width:353px; height:48px; background:url(/static/images/mn-send-museumpiece.png) no-repeat; margin-top:25px; }

/* ## -- DIV NAVIGATION -- ## */
div#navigation { float:left; width:100%; margin-top:6px; }
span#navigation-bar-top { display:block; float:left; width:956px; height:4px; background:url(/static/images/mn-navigation-bar-top.png) no-repeat; overflow:hidden; }
span#navigation-bar-bottom { display:block; float:left; clear:both; width:956px; height:19px; background:url(/static/images/mn-navigation-bar-bottom.png) no-repeat; overflow:hidden; }
div#navigation-bar-middle { float:left; }

/* subject */
div.subject, div.allezalen, div.search { float:left; height:43px; }
div.subject { width:368px; background:url(/static/images/mn-nav-white.png) no-repeat; padding-left:10px; font-size:16px; color:#020911; padding-top:10px; height:33px; }
div.subject span {
	background:transparent url(/static/images/mn-navigation-bullet-green.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-family:verdana;
	font-size:14px;
	height:19px;
	padding:0 10px 0 5px;
	width:15px;
}

/* allezalen */
div.allezalen { width:174px; background:url(/static/images/mn-nav-blue.png) no-repeat; height:32px; padding:11px 13px 0; }
div.allezalen select { width:174px; }

/* search */
div.search { width:365px; background:url(/static/images/mn-nav-black.png) no-repeat; height:37px; padding:6px 11px 0 0; }
div.search input { width:150px; float:right; }
div.search input.search { height:17px; margin-right:9px; margin-top:5px; width:146px; }
div.search input.submit { width:80px; height:30px; background:url(/static/images/mn-search.gif) no-repeat; border:none; cursor:pointer; }
div.search a.magnifying { float:right; width:19px; height:24px; background:url(/static/images/mn-magnifying-glass.gif) no-repeat; margin:4px 10px 0 0; }

/* ## -- DIV SUBJECT-LIST -- ## */
div#subject-list { float:left; width:229px; margin-top:7px; position:relative; }
span#subject-list-top { display:block; float:left; width:217px; height:4px; background:url(/static/images/mn-subject-list-top.png) no-repeat; overflow:hidden; }
/* span#subject-list-bottom { display:block; width:217px; height:7px; background:url(/static/images/mn-subject-list-bottom.png) no-repeat; overflow:hidden; } */
span#subject-list-footer { display:block; width:217px; height:42px; background:url(/static/images/mn-subject-list-footer.png) no-repeat; overflow:hidden; float:left; }
div#subject-list-middle { display:block; float:left; width:229px; height:100%; float:left; background:url(/static/images/mn-subject-list-middle.jpg) repeat-y; padding:0; }

/* div container */
div.container { padding:10px 0 0 13px; }
ul.subject-list { margin:0; padding:0; position:relative; }
ul.subject-list li { list-style-type:none; width:186px; height:56px; background:none; margin-bottom:5px; padding:4px 0 0 5px; color:#ffe070; font-weight:bold; position:relative; cursor:pointer; }
ul.subject-list li:hover { background:#003d48; }
ul.subject-list li img { width:50px; height:50px; margin-right:7px; float:left; }
ul.subject-list li span { font-size:9px; float:left; clear:right; margin-top:4px; color:#ffffff; }
ul.subject-list li.active span.highlight { width:26px; height:33px; background:url(/static/images/mn-subject-highlight.gif) no-repeat; float:right; position:absolute; top:10px; right:-22px; }
/* ul.subject-list li.last { margin-bottom:11px; padding:11px 0 0 15px; width:175px; height:45px; background:none; color:#ffffff; font-size:11px; } */
ul.subject-list li.active { background:#ffe070; }
ul.subject-list li.active a { color:#006677; }
ul.subject-list li.active span { color:#42200e; }
span.subject-index { display:block; padding:6px 0 0 14px; width:175px; height:30px; background:none; color:#ffffff; font-size:11px; }

/* span subject-list-footer */
a.goback, a.goforth { display:block; width:19px; height:19px; }
a.goback { float:left; background:url(/static/images/mn-goback-active.png) no-repeat; margin:10px 0 0 31px; }
a.goforth { float:right; background:url(/static/images/mn-goforth-active.png) no-repeat; margin:10px 33px 0 0; }
a.goback.active { background:url(/static/images/mn-goback-active.png) no-repeat; }
a.goforth.active { background:url(/static/images/mn-goforth-active.png) no-repeat; }

/* ## -- DIV RIGHT -- ## */
div.right-side { float:right; width:720px; }

/* ## -- DIV CONTENT -- ## */
div#content { float:right; margin-top:7px; width:720px; /* background:#ffe070; */ }

span#content-top { display:block; float:right; width:716px; height:4px; background:url(/static/images/mn-content-background-top.png) no-repeat; overflow:hidden; }
span#content-bottom { display:block; float:right; width:716px; height:18px; background:url(/static/images/mn-content-background-bottom.png) no-repeat; }
div#content-middle { display:block; float:right; width:682px; height:auto; background:url(/static/images/mn-content-background-middle.gif) repeat-y; overflow:hidden; padding:14px 16px 2px 18px; }

img.big-image { float:left; background:#ffffff; margin:0 15px 5px 0; padding:5px 5px 5px 5px; }
div.text h1, div.text span.title { color:#006677; }
div.text span.title { margin-bottom:10px; display:block; }
div.text p { color:#42200e; line-height:19px; }

/* ## -- DIV FEEDBACK -- ## */
div#feedback { float:right; width:720px; margin-top:12px; }

/* div feedback-top */
div#feedback-top { display:block; float:right; width:710px; height:auto; margin-right:3px; }
div#feedback-top span { font-size:12px; color:#ffffff; }

/* div reaction-to-subject */
div#reaction-to-subject { display:block; float:left; width:290px; height:43px; margin-right:4px; cursor:pointer; }
div#reaction-to-subject span.top { display:block; float:left; width:290px; height:3px; background:url(/static/images/mn-fb-reactieop-top.png) no-repeat; overflow:hidden; }
div#reaction-to-subject span.middle { display:block; float:left; width:290px; height:40px; background:#1f1f24 url(/static/images/mn-fb-reactieop-active.jpg) no-repeat; }
div#reaction-to-subject span.middle.active { background:#1f1f24 url(/static/images/mn-fb-reactieop.jpg) no-repeat; }

/* div all-reactions */
div#all-reactions { display:block; float:left; width:155px; height:43px; cursor:pointer; }
div#all-reactions span.top { display:block; float:left; width:155px; height:3px; background:url(/static/images/mn-fb-allereacties-top.png) no-repeat; overflow:hidden; }
div#all-reactions span.middle { display:block; float:left; width:155px; height:40px; background:#1f1f24 url(/static/images/mn-fb-allereacties-active.jpg) no-repeat; }
div#all-reactions span.middle.active { background:#1f1f24 url(/static/images/mn-fb-allereacties.jpg) no-repeat; }

div.reaction-index { display:block; float:right; width:208px; height:43px; }
div.reaction-index span.top { display:block; float:left; width:208px; height:3px; background:url(/static/images/mn-fb-index-top.png) no-repeat; overflow:hidden; }
div.reaction-index span.middle { display:block; float:left; width:208px; height:28px; background:#1f1f24; font-size:12px; padding-top:12px; overflow:hidden; }

div.reaction-index span.middle a.arrow-left { display:block; float:left; width:11px; height:10px; margin:4px 0 0 18px; background:url(/static/images/mn-fb-arrow-left.gif) no-repeat; overflow:hidden; }
div.reaction-index span.middle a.arrow-right { display:block; float:right; width:11px; height:10px; margin:4px 18px 0 0; background:url(/static/images/mn-fb-arrow-right.gif) no-repeat; }
div.reaction-index span.middle a.arrow-left.active { background:url(/static/images/mn-fb-arrow-left-active.gif) no-repeat; overflow:hidden; }
div.reaction-index span.middle a.arrow-right.active { background:url(/static/images/mn-fb-arrow-right-active.gif) no-repeat; overflow:hidden; }

div.reaction-index span.middle span.index-container { float:left; margin:0 auto 0 11px; width:130px; text-align:center; }
div.reaction-index span.middle span.index-container a { display:inline; }

div.reaction-index span.middle span.index-container span { color:#ffffff; }

/* div feedback-middle */
div#feedback-middle { float:right; background:#1f1f24 url(/static/images/mn-fb-index-middle-wide.jpg) repeat-y; margin-right:3px; padding:14px 0 14px 10px ; width:700px; }
ul#message { margin:0 10px 0 0; padding:0; color:#ffffff;  }
ul#message li { margin:0; padding:12px; list-style-type:none; background:#006677; margin-bottom:10px; }
ul#message li img.medium-image { width:75px; height:75px; background:#ffffff; margin-right:20px; padding:2px; float:left; }
ul#message li div.message-info { float:left; width:560px; }
ul#message li div.message-info span { float:left; margin-right:4px; }
ul#message li div.message-info span.subject { font-weight:bold; color:#ffe070; }
ul#message li div.message-info span.content { margin-top:8px; }
ul#message li span.content { float:left; width:560px; }

div#submit { width:100%; float:left; margin-top:20px; }
form#submit-feedback { width:314px; margin:0 auto; }
input.submit-feedback { width:314px; height:40px; cursor:pointer; border:none; background:#1f1f24 url(/static/images/mn-fb-submit.gif) no-repeat; }
div#submit-feedback { width:314px; margin:0 auto; float:right; }
div#submit-feedback span { display:block; width:314px; height:40px; cursor:pointer; border:none; background:#1f1f24 url(/static/images/mn-fb-submit.gif) no-repeat; }

/* span feedback-bottom */
span#feedback-bottom { float:right; width:710px; height:6px; background:url(/static/images/mn-fb-bottom.png) no-repeat; margin-right:3px; }

/* --- === --- */

ol.results li { color:#42200e; }
ol.results li a { color:#006677; font-weight:bold; }
span#content-bottom-nopointer { display:block; float:right; width:710px; height:5px; background:url(/static/images/mn-content-background-bottom-nopointer.png) no-repeat; margin-right:3px; }

/* div container-search */
div.container-search { padding:10px 0 0 13px; }
div.container-search span { color:#ffffff; font-size:12px; clear:both; float:left; margin-top:20px; }
div.container-search span.title { font-size:14px; color:#ffffff; margin-top:0; } 

form#search-advanced input.searchword { width:182px; margin-top:10px; }
form#search-advanced select#museumpieces { width:189px; margin-top:10px; }
form#search-advanced input.submit { width:80px; height:30px; background:url(/static/images/mn-search.gif) no-repeat; border:none; cursor:pointer; margin:20px 0 30px 108px; }

span#subject-list-footer-search { display:block; width:217px; height:42px; background:url(/static/images/mn-subject-dropshadow.png) no-repeat; overflow:hidden; float:left; }

/* div container-suggestion */
div.container-suggestion { width:201px; padding:10px 28px 0 13px; }
div.container-suggestion span { color:#ffffff; font-size:12px; clear:both; float:left; margin-top:20px; }
div.container-suggestion span.title { font-size:14px; color:#ffffff; margin:0 0 16px 0; }
div.container-suggestion p { float:left; clear:both; width:180px; color:#ffffff; line-height:19px; }

/* ## -- DIV HOME-BANNER -- ## */
div#home-banner { float:right; margin:7px 3px 0 0; }
span#home-banner-top { display:block; float:right; width:950px; height:3px; background:url(/static/images/mn-home-topdropshadow.png) no-repeat; overflow:hidden; }
span#home-banner-bottom { display:block; float:right; width:950px; height:5px; background:url(/static/images/mn-home-bottomdropshadow.png) no-repeat; overflow:hidden;  }
div#home-banner-middle { display:block; float:right; width:950px; height:auto; background:url(/static/images/) repeat-y; overflow:hidden; overflow:hidden; }
div#home-banner-middle div.image, div#home-banner-middle div.banner-text { float:left; height:236px; background:#1c1c20; }
div#home-banner-middle div.image { width:391px; }
div#home-banner-middle div.banner-text { width:534px; padding:14px 10px 0 15px; overflow:hidden; }
div#home-banner-middle div.banner-text h1 { color:#00a0bb; margin-bottom:8px; }
div#home-banner-middle div.banner-text p { color:#ffffff; line-height:20px; overflow:hidden; }
div#home-banner-middle div.banner-text a{ text-decoration:underline; }

/* ## -- A HALL -- ## */
a.hall { display:block; float:left; height:233px; width:176px; margin-top:12px; margin-left:0px; }
a.hall-margin { margin-left:18px; }
a#hall { display:block; float:left; height:233px; width:176px; margin-right:0px; }

span.hall-left, span.hall, span.hall-right { float:left; }
span.hall-left { display:block; float:left; width:3px; height:233px; background:url(/static/images/mn-hall-card-left.png) no-repeat; overflow:hidden; }
span.hall-right { display:block; float:left; width:3px; height:233px; background:url(/static/images/mn-hall-card-right.png) no-repeat; overflow:hidden; }
span.hall { display:block; float:left; width:170px; height:233px; cursor:pointer; }
span.hall-top { display:block; float:left; width:170px; height:3px; background:url(/static/images/mn-hall-card-top.png) no-repeat; overflow:hidden; }
span.hall-bottom { display:block; float:left; width:170px; height:4px; background:url(/static/images/mn-hall-card-bottom.png) no-repeat; overflow:hidden; }
span.hall-middle { display:block; float:left; width:170px; height:226px; background:#006677; cursor:pointer; }

span.hall-title { float:left; width:42px; height:12px; background:transparent url(/static/images/mn-hall-zaal-background.gif) no-repeat; margin:14px 0 0 49px; }
span.hall-number { float:left; width:20px; height:19px; margin:10px 0 0 4px; }
span.hall img { background:#ffffff; margin:9px 0 0 19px; padding:3px; }
span.hall table { margin:3px 0 0 0; }
span.hall table td { border:none; font-size:14px; font-weight:bold; }

/* ## -- DIV INPUT-MESSAGE -- ## */

div#input-message div.left { width:308px; float:left; }
div#input-message div.right { width:390px; float:right; }
div#input-message { background:#006677; height:100%; margin-right:10px; padding-top:15px; width:710px; border: solid 1px #808080; border-top:none; }
div#input-message img.big-image { background:#FFFFFF none repeat scroll 0 0; margin:5px 15px 0; padding:5px; }

div#input-message form#input-message input#surname { width:169px; float:left; }
div#input-message form#input-message input#familyname{ width:179px; }
div#input-message form#input-message input#captcha{ width:179px; }
div#input-message form#input-message input#email { width:169px; }
div#input-message form#input-message textarea { width:373px; }
div#input-message form#input-message input#submit { width:211px; height:41px; border:none; background:transparent url(/static/images/mn-input-message-submit.jpg) no-repeat; cursor:pointer; }
div#input-message form#input-message div.captcha-image { padding-top:17px; }

div#input-message form#input-message label.add-error { color:#b80606; font-weight:bold; }

div#input-message form#input-message label { color:#ffffff; }
div#input-message form#input-message div { display:block; float:left; width:175px; margin-right:15px; }
div#input-message form#input-message div.familyname { width:185px; margin:0 0 18px 0; }
div#input-message form#input-message div.email { width:175px; }
div#input-message form#input-message div.message { width:375px; float:left; margin-top:18px; }

div#input-message form#input-message div.submit { width:212px; float:right; margin-top:18px; }

div#input-message span { font-size:18px; color:#ffffff; }
div#input-message span.color { color:#ffe070; }

div#input-message div.error { display:none; padding:10px; background:#b80606; color:#ffffff; font-weight:bold; margin:10px 0px; width:355px; }
div#input-message div.send { display:none; padding:10px; background:#9dbf28; color:#ffffff; font-weight:bold; margin:10px 0px; width:355px; }


/* ## -- DIV PLAYER -- ## */
div#player { background:url(/static/images/mn-player-.jpg) no-repeat; height:139px; padding:121px 0 0 35px; width:345px; }
div#player span { float:left; clear:both;  }
div#player table { margin-top:	4px; }
div#player table td { border:none; padding:4px; }

/** extra styles NPO balk **/
div#pbcn-background-bar {
	width:100%;
	z-index:10002;
	background:transparent url('http://balk.omroep.nl/centrale-navigatie/images/bar/bar-background-middle-unused.gif') repeat-x scroll 0 0;
}
div#pbcn-container-bar {
	margin:0 auto;
	width:976px;
}