@charset "UTF-8";

/* CSS Document */
/* Stijlblad voor vijfeeuwenmigratie
 
*/

body {
	padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 170%;
	margin-top: 0;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	min-width:1000px;
}

body#tinymce {
	min-width:300px;
	padding:5px;
	line-height:140%;
	overflow:scroll;
}

:-moz-any-link:focus {
 outline: none;
}

h2, h3 {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
}

a {
	text-decoration:none;
	color: #670694;
}

a:hover {
	text-decoration:underline;
}

/* header */
#bovenkant {
	width:970px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom:12px;
	position:relative;
}

#bovenkant h1 {
	margin-top:5px;
	margin-bottom:5px;
}

#bovenkant h1 a.logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	height: 99px;
	width: 970px;
}

#bovenkant h2.titel {
	width:761px;
	text-align: center;
	padding:0px;
	clear:both;
	font-size: 240%;
	line-height:120%;
	color: #D10F13;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 85px;
}

/* zoekblokje in header */
#search {
	position: absolute;
	height: 25px;
	width: 155px;
	left: 0px;
	top: 86px;
}

#search .form-item {
	margin-top:0px;
	margin-bottom:0px;
}

#search .form-item label {
	padding-top:0px;
}

#zoekuitgebreid {
	position: absolute;
	height: 25px;
	width: 140px;
	left: 0px;
	top: 125px;
	font-size:90%;
	font-weight:bold;
}

#search label {
	font-size:100%;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	font-weight:bold;
	color: #D21014;
	margin:0px;
}

#search input.form-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #670694;
	height: 14px;
	width: 125px;
	border: 1px solid #670694;
	display:block;
	float:left;
	padding:1px;
}

#search .form-submit {
	background-image: url(images/zoekbutton.gif);
	height: 18px;
	width: 16px;
	border: 0px solid #666666;
	font-family: Verdana;
	font-size: 11px;
	font-weight:normal;
	color: #eeeeee;
	padding-left: 1px;
	text-indent:-999px;
	font-size: 0px;
	display:block;
	line-height: 0px;
	float:left;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#search input.watermark {
	font-size: 10px;
	color: #999;
	padding-left:1px;
}

#search label {
}

/* kader voor verhaal etc op pageview en voor weergave losse node */
.tekstkaders #targetdiv {
	width:468px;
	float:left;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom: 20px;
	position:relative;
}

.tekstkaders #targetdiv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hoofdtekst {
	width:580px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/kader-580-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	position:relative;
}

.page #hoofdtekst {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: none;
}

#hoofdtekst .content {
	width:540px;
}

#hoofdtekst #targetdiv .content {
	width:448px;
}

#hoofdtekst #rechterkolom .content {
	width:240px;
}

#targetdiv .content, #hoofdtekst .content {
	padding-left:12px;
	padding-right:12px;
}

#hoofdtekst #targetdiv h2.titel {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:12px;
	margin-top:0px;
	margin-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	color: #D10F13;
	font-weight:normal;
	font-size:180%;
	line-height:120%;
	text-align:left;
	width:454px;
}

#hoofdtekst h2 {
	background-image: url(images/kader-580-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:18px;
	margin-top:0px;
	margin-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	color: #D10F13;
	font-weight:normal;
	font-size:200%;
	line-height:120%;
	text-align:left;
}

.page #hoofdtekst h2 {
	background-image: none;
	padding-top:12px;
	margin-top:0px;
	margin-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	color: #D10F13;
	font-weight:bold;
	line-height:120%;
	text-align:left;
}

.view-display-id-page_5 .targetdivtitel h2 {
	font-weight:normal;
	font-size:150%;
	line-height:120%;
}

#targetdiv .voetregel, #hoofdtekst .voetregel {
	padding-left:12px;
	padding-right:12px;
	line-height:180%;
	padding-bottom:12px;
	/* margin-top:12px; */
	font-size:90%;
}

.voetregel .meta {
	font-size:90%;
	margin-top:12px;
}

#targetdiv .content p, #hoofdtekst .content p, #hoofdtekst .view-header p {
	font-size:100%;
	line-height:180%;
	margin-bottom:12px;
	font-weight:normal;
	color:#000;
}

#targetdiv .submitted, #hoofdtekst .submitted {
	margin-bottom:12px;
}

#targetdiv .field-field-afbeelding {
	float:right;
	margin-left:6px;
}

#targetdiv .field-field-embed-video {
	width: 442px;
	background-color: #C9C9C9;
	text-align: center;
	border: 1px solid ##CFCFCF;
	padding:0px;
}

#hoofdtekst .field-field-materiaalsoort {
	display:block;
	height: 13px;
	width: 550px;
	position: absolute;
	left:12px;
	top:6px;
	z-index:19;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin:0px;
	padding:0px;
	line-height:13px;
	background-image: url(images/bg-balkje.gif);
	background-repeat:no-repeat;
}

#hoofdtekst .field-field-uitgeverij, #hoofdtekst .field-field-uitgeverij .field-items, #hoofdtekst .field-field-uitgeverij .field-items .field-item, #hoofdtekst .field-field-jaar, #hoofdtekst .field-field-jaar .field-items, #hoofdtekst .field-field-jaar .field-items .field-item {
	display:inline;
}

#targetdiv .sluitknopje a {
	display:block;
	text-indent: -5000px;
	height: 13px;
	width: 13px;
	position: absolute;
	left:448px;
	top:6px;
	z-index:20;
	background-image: url(images/x.gif);
	background-repeat: no-repeat;
}

#targetdiv .meer-over-inleiding {
	padding-left:12px;
	font-weight:bold;
}

#targetdiv.inhetkort .meer-over-inleiding {
	display:none;
}

/* Extra stijlen voor hoofdtekst
}
*/



.home #hoofdtekst, .home #hoofdtekst .voegzelftoe, .pagekaart #hoofdtekst {
	width:761px;
	margin-left:auto;
	margin-right: auto;
	background-image:none;
}

.page #hoofdtekst, .pageoverzicht #hoofdtekst, .pagekaart #hoofdtekst {
	background-image:none;
}

.home #hoofdtekst .content {
	width:761px;
}

.page #hoofdtekst .voegzelftoe {
	width: 827px;
	margin-left:auto;
	margin-right: auto;
	background-image:url(images/bg-themaintro2.gif);
	background-repeat: no-repeat;
	height: 20px;
	background-position: left bottom;
}

#hoofdtekst.contains-a-view h2.titel, .pageoverzicht #hoofdtekst h2.titel, .page #hoofdtekst h2.titel, .pagekaart #hoofdtekst h2.titel {
	text-align: center;
	padding:0px;
	clear:both;
	line-height:120%;
	font-size:250%;
	color: #D10F13;
	background-image:none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:761px;
}

#hoofdtekst.contains-a-view {
	width:100%;
	background-image:none;
}

#hoofdtekst.contains-a-view .node p, .pageoverzicht #hoofdtekst .node p, .pagekaart #hoofdtekst .node p, .home #hoofdtekst p {
	color:#ab2a63;
	font-weight:bold;
	font-size:120%;
	margin-top:0px;
}

#hoofdtekst .kader-inleiding {
	background-image: url(images/bg-themaintro.gif);
	background-repeat: no-repeat;
	width: 807px;
	margin-left:auto;
	margin-right: auto;
	padding:10px;
	min-height:145px;
}

#hoofdtekst .foto-inleiding {
	float:left;
	width:220px;
}

#hoofdtekst .term-inleiding {
	margin-left:236px;
	width:540px;
}

#hoofdtekst .term-inleiding p {
	font-size:110%;
	line-height: 160%;
	display: inline;
}

#hoofdtekst .term-inleiding .inhetkort {
	font-size:110%;
	line-height: 160%;
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
}

/* kan weg */

#hoofdtekst .voeg-zelf-toe {
	width: 807px;
	margin-left:auto;
	margin-right: auto;
	margin-top:0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#hoofdtekst .voeg-zelf-toe p {
	color:#670694;
	font-weight:bold;
	font-size:120%;
	margin-top:0px;
	text-align:center;
}

/* einde kan weg */

#hoofdtekst .viewsubmenu ul {
	padding-left:0px;
	padding-top:12px;
	padding-bottom:6px;
	font-size:90%;
}

#hoofdtekst .viewsubmenu a {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	font-weight:bold;
	padding-right:6px;
	padding-left:6px;
	color: #670694;
	text-transform: uppercase;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #670694;
}

#hoofdtekst .viewsubmenu a.active {
	color: #D10F13;
}

#hoofdtekst .viewsubmenu a.voegtoe {
	color: #FFF;
	background-color: #670694;
	margin-left: 12px;
}

#hoofdtekst .submitted {
	font-size:80%;
}

#hoofdtekst .voetregel a {
	color: #670694;
}

#hoofdtekst .terms a {
	padding-left:6px;
}

#hoofdtekst a:hover {
	text-decoration:underline;
}

/* reacties */
#hoofdtekst .voetregel .reacties {
	font-weight:bold;
	margin-top:12px;
}

 ul.links li.statistics_counter, .statistics_counter {
	font-weight:normal;
	font-size:80%;
	margin-bottom:6px;
	margin-top:6px;
	display:none;
}

#hoofdtekst #comments .ext {
	display:none;
}

#hoofdtekst .field-item {
}

#comments {
	padding-bottom:12px;
}

#comments h2.comments {
	font-size:130%;
	font-weight:bold;
	background: none;
	padding-top:12px;
}

#comments h3 {
	margin:0px;
}

#comments p {
}

.comment {
	width:420px;
	padding: 12px;
	background-color: #E9E9E9;
	margin-top: 1px;
	margin-right: 12px;
	margin-bottom: 1px;
	margin-left: 12px;
}

#comments .comment .new {
	font-size: 80%;
	font-weight: bold;
	color: #D10F13;
	padding-left: 18px;
}

.indented {
	margin-left: 25px; /* LTR */
}

.comment h3 a.active {
	color: #494949;
}

#comments .comment .content {
	margin:0px;
	padding:0px;
	width:410px;
}

#comments ul.links {
	font-size:90%;
	font-weight:bold;
	padding-top:0px;
}

#comments li.comment_edit {
	padding-right:18px;
}

#ajaxcommentformwrapper {
	width:444px;
	padding: 0px;
	background-color: #E9E9E9;
	margin-top: 1px;
	margin-bottom: 1px;
}

#ajaxcommentformwrapper .formcontainer {
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

#ajaxcommentformwrapper .ajax-name {
	display:block;
}

#ajaxcommentformwrapper .form-sluitknopje {
	text-align:right;
	padding-right:5px;
}

#ajaxcommentformwrapper label {
	font-size: 100%;
	color: #670694;
}

#hoofdtekst .voetregel #ajaxcommentformwrapper input#ajax_cmt_subject_id {
	width:400px;
	border: 1px solid #666;
}

#hoofdtekst .voetregel #ajaxcommentformwrapper textarea {
	width:400px;
	border: 1px solid #666;
}

/* taxonomy en view stijlen

*/

.tekstkaders {
	margin-top:12px;
	margin-left:1%;
	margin-right: 1%;
	width:98%;
}

.tekstkaders-page_6 {
	margin-top:12px;
	margin-left:1%;
	margin-right: 1%;
	width:98%;
}

/* edit knopje */
#targetdiv .cutomeditlink {
	margin-left:12px;
}

.cutomeditlink a {
	color:#fff;
	padding-left:6px;
	padding-right:6px;
	background-color:#000;
	font-size:10px;
}

/* alle tekstkadertjes */
.tekstkaders .node {
	width:189px;
	height:138px;
	background-image: url(images/kader.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	overflow: hidden;
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 20px;
	padding-left: 20px
}

.tekstkaders .linkermarge {
	margin-left: 484px;
}

.tekstkaders .views-row {
	width:233px;
	height:170px;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	overflow: hidden;
	position:relative;
}

.tekstkaders .kader {
	padding-top: 14px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(images/kader.gif);
	background-repeat: no-repeat;
	width:189px;
	height:160px;
}

.tekstkaders .view-verhaal {
	background-image: url(images/kader-verhaal.gif);
}

.tekstkaders .view-inleiding {
	background-image: url(images/kader-inleiding.gif);
}

.tekstkaders .view-teksten {
	background-image: url(images/kader-tekst.gif);
	overflow:hidden;
}

.tekstkaders .view-image {
	position:relative;
	padding:0px;
}

.tekstkaders .view-video {
	position:relative;
	padding:0px;
}

.kaderplaatje {
	position:relative;
	padding:0px;
	top:-12px;
	left:-20px;
}

/* evenementenpagina (kalender view) */
.page .view-kalender .views-row {
	width:240px;
	height:180px;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	line-height:130%;
}

.page #hoofdtekst .view-kalender .view-header {
	width:700px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.page #hoofdtekst .view-kalender .view-header p {
	font-weight:bold;
	color:#333;
}

.page .tekstkaders .view-evenement {
	background-image: url(images/kader-evenement.png);
	background-repeat: no-repeat;
	width:220px;
	height:154px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.page .tekstkaders .view-evenement .views-field-field-datum-evenement-value {
	font-weight:bold;
	font-size:110%;
	height:30px;
	line-height:130%;
	text-transform: uppercase;
	color: #999;
}

.page .tekstkaders .view-evenement .date-display-separator {
	padding-left:6px;
	padding-right:6px;
}

.page .tekstkaders .view-evenement .views-field-title {
	font-size: 110%;
	line-height:130%;
	font-weight: bold;
	color: #D21014;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

/* .page #hoofdtekst .view-kalender #targetdiv  {
background-image:none;
border: 1px solid #D92200;
}

.page #hoofdtekst .view-kalender #targetdiv h2 {
background-image:none;	
} */
.page #hoofdtekst .view-kalender #targetdiv .field-items {
	font-weight:bold;
	margin-bottom:6px;
}

/* Het view field views-field-view-node gebruiken we om een link over het hele blok heen te leggen. */
/* aanpassing 6-6-2011 : zindex x 100 om link overal overheen te leggen */


.views-row .views-field-view-node a {
	background-image: url(images/kader-transparent.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 300;
	height: 167px;
	width: 229px;
	left:0px;
	top:0px;
	text-indent:-5000px;
}

/*LET OP we gebruiken hier het title-field om een kader om de afbeelding heen te leggen en tegelijk naar de afbeelding te linken, 
de tekst van dit veld wordt niet getoond, de link wel */

.view-image .views-field-title a, .view-video .views-field-title a {
	background-image: url(images/kader2.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	height: 167px;
	width: 229px;
	text-indent:-5000px;
}

.kaderoverlay a {
	background-image: url(images/kader2.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	height: 167px;
	width: 229px;
	text-indent:-5000px;
}

.view-image .views-field-teaser, .view-video .views-field-teaser {
	display:none;
}

.tekstkaders .view-image .views-field-image-image, .tekstkaders .plaatje {
	position: absolute;
	z-index: 1;
	height: 154px;
	width: 213px;
	left:8px;
	top:7px;
	overflow:hidden;
}

/*maar weer niet op de faceted search page */

.faceted-search-page .view-image .views-field-title a, .faceted-search-page .view-video .views-field-title a {
	background-image: none;
	background-repeat: no-repeat;
	position: static;
	height: inherit;
	width: 550px;
	text-indent:0px;
}

.faceted-search-page .kaderoverlay a {
	background-image: none;
	background-repeat: no-repeat;
	position: static;
	z-index: 2;
	height: 167px;
	width: 229px;
	text-indent:0px;
}

.faceted-search-page .view-image .views-field-teaser, .faceted-search-page .view-video .views-field-teaser {
	display:visible;
}

.faceted-search-page .tekstkaders .view-image .views-field-image-image, .faceted-search-page .tekstkaders .plaatje {
	position: static;
	z-index: 1;
	height: inherit;
	width: 550px;
	left:8px;
	top:7px;
	overflow:visible;
}

/* Hiermee leggen we bij de 'mijn bijdragen' view het plaatje over het kader heen, en daarna verschuiven we het plaatje. Houtje touwtje oplossing, want de view moet nog aangepast */

.tekstkaders .view-mijn-bijdragen .views-field-field-afbeelding-fid a, .tekstkaders .view-bijdrage_foto .views-field-field-afbeelding-fid a, .tekstkaders .view-bijdrage_verhaal .views-field-field-afbeelding-fid a {
	display:block;
	position: absolute;
	z-index: 100;
	height: 154px;
	width: 213px;
	left:8px;
	top:7px;
	overflow:hidden;
 background-color#fff;
}

.tekstkaders .view-mijn-bijdragen .views-field-field-afbeelding-fid a img, .tekstkaders .view-bijdrage_foto .views-field-field-afbeelding-fid a img {
	display:block;
	position: absolute;
	z-index: 1;
	left:-100px;
	top:-100px;
	overflow:hidden;
}

.views-field-field-afbeelding-fid img {
	padding-right:200px;
	padding-bottom:200px;
	background-color:#fff;
}

.tekstkaders .view-video .views-field-field-embed-video-embed {
	position: absolute;
	z-index: 1;
	height: 240px;
	width: 310px;
	left:-90px;
	top:-80px;
	overflow:hidden;
}

/* weergave view alle artikelen */
.tekstkaders-page_6 .kader {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}

.tekstkaders-page_6 .kader p {
	margin-top:0px;
}

.tekstkaders-page_6 .kader .views-field-title {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	color: #D10F13;
	font-size:160%;
	line-height:120%;
	text-align:left;
	margin-top:24px;
	margin-bottom:6px;
}

.tekstkaders-page_6 .kader .image, .tekstkaders-page_6 .kader .caption {
	margin-left:0px;
}

/* VIEW PERIODEKAART */

 .view-periodekaarten .views-row {
	width:233px;
	height:193px;
	float: left;
	margin-right:4px;
	margin-bottom:10px;
	overflow: hidden;
	position:relative;
}

.tekstkaders .view-periodekaart {
	background-image: none;
}

.views-row .view-periodekaart .views-field-field-periodekaart-fid {
	position:absolute;
	left:0px;
	top:0px;
	height: 167px;
	width: 229px;
	overflow:hidden;
	z-index:2;
}

.view-periodekaarten .view-periodekaart .views-field-field-periodekaart-fid {
	top:23px;
}

.tekstkaders .views-field-field-periodekaart-fid img {
	position:absolute;
	left:-100px;
	top:-100px;
}

.views-row .view-periodekaart .views-field-view-node a {
	background-image: url(images/kader2.gif);
}

.view-periodekaarten .views-row .view-periodekaart .views-field-view-node a {
	top:23px;
}

.views-row .view-periodekaart .views-field-title {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

/* toon kaarten van continenten in 45-heden */
.field-field-kaartnavigatie ul.europa1945 {
	background-image: url(images/1945-heden-navigatie.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 139px;
	width: 450px;
	list-style-type: none;
	position:relative;
}

.field-field-kaartnavigatie ul.europa1945 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 139px;
	width: 149px;
	float:left;
	cursor:pointer;
}

.field-field-kaartnavigatie ul.europa1945 li:hover {
	border: 1px solid #F00;
}

.field-field-kaartnavigatie ul.europa1945 li:hover a {
	display:block;
	text-indent:-5000px;
	width:450px;
	background-repeat: no-repeat;
	height: 500px;
	position:absolute;
	left: 0px;
	top: 150px;
	background-color: #FFF;
}

.field-field-kaartnavigatie ul.europa1945 li:hover a.azie {
	background-image: url(images/azie-1945-heden.png);
}

.field-field-kaartnavigatie ul.europa1945 li:hover a.afrika {
	background-image: url(images/afrika-1945-heden.png);
}

.field-field-kaartnavigatie ul.europa1945 li:hover a.amerika {
	background-image: url(images/amerika-1945-heden.png);
}

.field-field-kaartnavigatie {
	position:relative;
}

.field-field-kaartnavigatie ul.europa1900 {
	background-image: url(images/1900-1945-navigatie.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 109px;
	width: 450px;
	list-style-type: none;
	position:absolute;
}

.field-field-kaartnavigatie ul.europa1900 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 109px;
	width: 170px;
	margin-left:265px;
	cursor:pointer;
}

.field-field-kaartnavigatie ul.europa1900 li:hover {
	border: 1px solid #F00;
}

.field-field-kaartnavigatie ul.europa1900 li:hover a {
	display:block;
	text-indent:-5000px;
	width:450px;
	background-repeat: no-repeat;
	height: 500px;
	position:absolute;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}

.field-field-kaartnavigatie ul.europa1900 li:hover a.wereld {
	background-image: url(images/wereld-1900-1945.png);
}

.field-field-kaartnavigatie img {
	display:none;
}

/* toon kaarten van migratiestromen in 45-heden - versie 2011 */
.field-field-kaartnavigatie ul.kaart1945 {
	background-image: url(images/kaart-navigatie1945.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 104px;
	width: 450px;
	list-style-type: none;
	position:absolute;
}

.field-field-kaartnavigatie ul.kaart1945 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 104px;
	width: 112px;
	float:left;
	cursor:pointer;
}

.field-field-kaartnavigatie ul.kaart1945 li:hover {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.field-field-kaartnavigatie ul.kaart1945 li.europa:hover {
	border-left: none;
	border-right: 1px solid #fff;
}

.field-field-kaartnavigatie ul.kaart1945 li:hover a {
	display:block;
	text-indent:-5000px;
	width:450px;
	background-repeat: no-repeat;
	height: 389px;
	position:absolute;
	left: 0px;
	top: 104px;
	background-color: #FFF;
}

.field-field-kaartnavigatie ul.kaart1945 li:hover a.azie {
	background-image: url(images/kaart-azie1945.png);
}

.field-field-kaartnavigatie ul.kaart1945 li:hover a.afrika {
	background-image: url(images/kaart-afrika1945.png);
}

.field-field-kaartnavigatie ul.kaart1945 li:hover a.amerika {
	background-image: url(images/kaart-amerika1945.png);
}

.field-field-kaartnavigatie ul.kaart1945 li:hover a.europa {
	background-image: url(images/kaart-europa1945.png);
}

.field-field-kaartnavigatie {
	position:relative;
}

.field-field-kaartnavigatie ul.europa1900 {
	background-image: url(images/1900-1945-navigatie.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 109px;
	width: 450px;
	list-style-type: none;
	position:absolute;
}

.field-field-kaartnavigatie ul.europa1900 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 109px;
	width: 170px;
	margin-left:265px;
	cursor:pointer;
}

.field-field-kaartnavigatie ul.europa1900 li:hover {
	border: 1px solid #F00;
}

.field-field-kaartnavigatie ul.europa1900 li:hover a {
	display:block;
	text-indent:-5000px;
	width:450px;
	background-repeat: no-repeat;
	height: 500px;
	position:absolute;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}

.field-field-kaartnavigatie ul.europa1900 li:hover a.wereld {
	background-image: url(images/wereld-1900-1945.png);
}

.field-field-kaartnavigatie img {
	display:none;
}

/* einde periodekaart */

.tekstkaders .node h2, .tekstkaders .views-field-title {
	font-size: 140%;
	line-height:120%;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	color: #D10F13;
	margin: 0px;
	padding: 0px;
}

.tekstkaders .node h2 a, .tekstkaders .views-field-title a {
	color: #D10F13;
}

.tekstkaders .view-inleiding .views-field-title a {
	color:#D10F13;
}

.tekstkaders .view-verhaal .views-field-title a {
	color:#670694;
}

.tekstkaders p {
	font-size: 90%;
	line-height:150%;
	margin: 0px;
	padding: 0px;
	color:#3f3f3f;
}

label.views-label-title, label.views-label-teaser {
	display:none; /* verbergen van labels */
}

.tekstkaders .views-field-created, .tekstkaders .views-field-name, .tekstkaders .views-field-totalcount {
	font-size: 90%;
	line-height:150%;
	margin: 0px;
	padding: 0px;
	color:#999;
}

.tekstkaders .more-link a {
	color: #670694;
	font-weight:bold;
	padding-right:15px;
}

/* Tekstkaders blok - onder hoofdtekst en pageview */ 

#tekstkaders h2 {
	font-size: 160%;
	font-weight: normal;
	color: #D10F13;
	margin-top:0px;
	margin-bottom:6px;
	padding-left:6px;
}

.kolommen {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

#kolom1 {
	clear:both;
}

#kolom1, #kolom2 {
	width:500px;
	float:left;
	display:inline;
}

/* Meer weten - let op, deze heeft een extra class .view-display-id-page_5 in de div.tekstkaders */
/* Nieuws - let op, deze heeft een extra class .view-nieuws in de div.tekstkaders */




.view-display-id-page_5 .views-row, .view-nieuws .views-row {
	width:550px;
	height:auto;
	background-image: none;
	background-repeat: no-repeat;
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:12px;
	overflow: visible;
}

.view-display-id-page_5 .kader, .view-nieuws .kader {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:none;
	width:550px;
	height:auto;
}

.view-display-id-page_5 .views-field-title, .view-nieuws .views-field-title {
	font-size:120%;
	font-style:normal;
	font-weight: bold;
	color: #670694;
	text-decoration: none;
}

.view-display-id-page_5 .views-field-title a, .view-nieuws .views-field-title a {
	color: #670694;
	font-style:normal;
}

.view-display-id-page_5 p, .view-nieuws {
	font-size: 100%;
	line-height:150%;
	margin: 0px;
	padding: 0px;
	color:#3f3f3f;
}

.view-display-id-page_5 .views-field-field-materiaalsoort-value, .view-nieuws .views-field-field-materiaalsoort-value {
	color: #D10F13;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	font-weight:normal;
	font-size:170%;
	line-height:120%;
	text-align:left;
	margin-top:24px;
	margin-bottom:12px;
}

.view-display-id-page_5 .views-field-field-afbeelding-fid, .view-nieuws .views-field-field-afbeelding-fid {
	/* width:100px; */
float:left;
	padding-top:8px;
	padding-right:6px;
}

.view-display-id-page_5 .views-row:after, .view-nieuws .views-row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* views voor tags, erfgoedinstellingen en materiaalsoort */

 .view-taxonomy-erfgoedinstellingen .views-row, .view-taxonomy-materiaalsoort .views-row, .view-taxonomy-tags .views-row {
	width:550px;
	height:auto;
	background-image: none;
	background-repeat: no-repeat;
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:18px;
	overflow: visible;
}

.view-taxonomy-erfgoedinstellingen .kader, .view-taxonomy-materiaalsoort .kader, .view-taxonomy-tags .kader {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:none;
	width:550px;
	height:auto;
}

.view-taxonomy-erfgoedinstellingen .views-field-title, .view-taxonomy-materiaalsoort .views-field-title, .view-taxonomy-tags .views-field-title {
	font-weight: bold;
	line-height: 110%;
	font-size:120%;
	margin-bottom:3px;
}

.view-taxonomy-erfgoedinstellingen .views-field-title a, .view-taxonomy-materiaalsoort .views-field-title a, .view-taxonomy-tags .views-field-title a {
	color: #670694;
}

/* view-nieuws op homepage */

#block-views-nieuws-block_1 .view-nieuws .view-content {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:12px;
	margin-left:6px;
	padding-bottom: 6px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
}

#block-views-nieuws-block_1 .view-nieuws .view-content .kader {
	width:444px;
	padding-left:12px;
	padding-top:6px;
}

#block-views-nieuws-block_1 .view-nieuws .view-content .views-row-first {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #D10F13;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:468px;
}

#block-views-nieuws-block_1 .view-nieuws .views-field-title {
	font-size:130%;
}

#block-views-nieuws-block_1 .view-nieuws .views-field-title a {
	color: #454545;
	font-weight:normal;
}

/* blok Op zoek naar je roots op mensen pagina */
#block-block-8 .content {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:12px;
	margin-left:6px;
	padding-bottom: 12px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
}

#block-block-8 .zoek-roots p {
	width:444px;
	padding-left:12px;
	padding-top:6px;
	font-size:110%;
}

#block-block-8 .zoek-roots p a {
	font-weight:bold;
}

#block-block-8 .content .zoek-roots {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #D10F13;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:468px;
}

/* bekende nederlanders */

.view-bekende-nederlanders .kader {
	margin:0px;
	padding:0px;
	background-image:none;
}

.view-bekende-nederlanders .views-row {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom: 6px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
}

.view-bekende-nederlanders .views-row .views-field-title {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #D10F13;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 232px;
	width:236px;
}

.view-bekende-nederlanders .views-field-teaser {
	padding-left:232px;
	padding-right:12px;
	width:226px;
}

.view-bekende-nederlanders img.imagefield {
	position: absolute;
	height: 160px;
	width: 213px;
	left: 8px;
	top: 8px;
}

/* thema's */

.view-thema-overzicht .kader {
	margin:0px;
	padding:0px;
	background-image:none;
}

.view-thema-overzicht .views-row {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom: 6px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
}

.view-thema-overzicht .views-row .views-field-title {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #D10F13;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 232px;
	width:236px;
}

.view-thema-overzicht .views-field-teaser {
	padding-left:232px;
	padding-right:12px;
	width:226px;
}

.view-thema-overzicht img.imagefield {
	position: absolute;
	height: 160px;
	width: 213px;
	left: 8px;
	top: 8px;
}

/* roots op mensenpagina */

.faceted-search-env-zoeken_roots {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom: 6px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
	margin-top:12px;
}

.faceted-search-facet.faceted-search-env-zoeken_roots h3 {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #5d5d5d;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	width:468px;
	font-size: 140%;
	display:block;
}

/* zou eigenlijk in de facet module moeten worden ingesteld, maar daar kan ik niet bij */

 #block-faceted_search_ui-2_guided p {
	display:none;
}

.home .block-faceted_search_ui {
	margin-bottom:24px;
}

.block .faceted-search-env-zoeken_roots ul {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

.block .faceted-search-env-zoeken_roots ul li {
	display:inline;
	padding-right:12px;
}

/* collectiepagina */

.collecties #tekstkolom {
	float:left;
	margin-right:24px;
	width:450px;
}

.collecties #tekstkolom .content {
	width:440px;
	margin-left:10px;
}

/* web expo pagina */


.view-Webtentoonstelling .kader {
	margin:0px;
	padding:0px;
	background-image:none;
}

.view-Webtentoonstelling .views-row {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom: 6px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
}

.view-Webtentoonstelling .views-row .views-field-title {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #D10F13;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 232px;
	width:236px;
}

.view-Webtentoonstelling .views-field-teaser {
	padding-left:232px;
	padding-right:12px;
	width:226px;
}

.view-Webtentoonstelling img.imagefield {
	position: absolute;
	height: 160px;
	width: 213px;
	left: 8px;
	top: 8px;
}

/* WEB Expo op homepage*/
#block-views-Webtentoonstelling-block_1 {
	margin-bottom:12px;
}

#block-views-Webtentoonstelling-block_1 .view-Webtentoonstelling .kader {
	margin:0px;
	padding:0px;
	background-image:none;
}

#block-views-Webtentoonstelling-block_1 .view-Webtentoonstelling .views-row {
	width:468px;
	background-image: url(images/kader-groot-onder.gif);
	background-repeat: repeat;
	background-position: left bottom;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom: 6px;
	padding-top:0px;
	padding-left:0px;
	position:relative;
}

#block-views-Webtentoonstelling-block_1 .view-Webtentoonstelling .views-row .views-field-title {
	background-image: url(images/kader-groot-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #D10F13;
	font-weight:normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 232px;
	width:224px;
}

#block-views-Webtentoonstelling-block_1 .view-Webtentoonstelling .views-field-teaser {
	padding-left:232px;
	padding-right:12px;
	width:226px;
}

#block-views-Webtentoonstelling-block_1 .view-Webtentoonstelling img.imagefield {
	position: absolute;
	height: 160px;
	width: 213px;
	left: 8px;
	top: 8px;
}

#block-views-Webtentoonstelling-block_1 .view-Webtentoonstelling .views-row .views-field-view-node a {
	width: 468px;
}

/* homepage stijlen */



.kadershome {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.kadershome .block-views {
	width:500px;
	float:left;
	margin-right:0px;
	margin-bottom:10px;
	padding-bottom: 20px;
}

.kadershome h2 {
	font-size: 160%;
	font-weight: normal;
	color: #D10F13;
	margin-top:0px;
	margin-bottom:6px;
	padding-left:6px;
}

.kadershome .more-link a {
	color: #670694;
	font-weight:bold;
	padding-right:15px;
}

#block-views-kalender-block_1 {
	margin-top:0px;
	margin-bottom:24px;
}

#block-views-kalender-block_1 .view-kalender {
	width:480px;
	height:180px;
	background-image: url(images/bg-kalender.png);
	background-repeat: no-repeat;
	background-color: #fff;
}

.home .view-kalender .views-row, .pageoverzicht .view-kalender .views-row {
	width:155px;
	height:87px;
	font-size:90%;
	line-height:140%;
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	margin-right:2px;
	margin-bottom:0px;
	overflow: hidden;
}

.home .view-kalender .views-row .kader, .pageoverzicht .view-kalender .views-row .kader {
	width:139px;
	height:75px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	background-image: none;
	overflow: hidden;
}

.home .view-kalender .views-row a, .pageoverzicht .view-kalender .views-row a {
	font-weight:bold;
	color: #670694;
}

.home .views-field-field-datum-evenement-value {
	margin-bottom:5px;
}

.home .view-kalender .views-row a:hover, .pageoverzicht .view-kalender .views-row a:hover {
	text-decoration:underline;
}

.home .view-kalender .views-field-title, .pageoverzicht .view-kalender .views-field-title {
	font-size: 100%;
	line-height:140%;
	font-weight: bold;
	color: #333;
	margin: 0px;
	padding: 0px;
}

/* zoekscherm */

/* facetzoeken, zoekscherm */

.faceted-search-page fieldset {
	margin-top:12px;
	margin-bottom:24px;
	padding: 0em;
	border: none;
	background-image:none;
	float:left;
}

.faceted-search-stage-results {
	width:450px;
	float:left;
	margin-right:24px;
}

/* verbergt kopje "Treffers" */
.faceted-search-stage-results .box h2 {
	display:none;
}

/* verbergt More options */

a.faceted-search-more {
	display:none;
}

.faceted-search-numbering {
	margin-top:12px;
	font-weight:bold;
	color:#666;
	font-size:110%;
}

#hoofdtekst .faceted-search-page .content {
	width:440px;
}

#hoofdtekst .faceted-search-page .faceted-search-numbering {
	float:none;
	padding-left:20px;
}

#hoofdtekst .faceted-search-page .tekstkaders .views-row {
	float:none;
	clear:both;
	height:inherit;
	margin-bottom:12px;
	margin-right:0px;
	overflow:visible;
	position:static;
	width:440px;
}

#hoofdtekst .faceted-search-page .views-field-image-1 {
	float:left;
	padding-right:6px;
	padding-top:2px;
}

#hoofdtekst .faceted-search-page .tekstkaders .kader {
	background-image:none;
	background-repeat:no-repeat;
	height:inherit;
	padding:0px;
	width:440px;
}

#hoofdtekst .faceted-search-page .tekstkaders .views-field-title {
	color:#670694;
	font-size:110%;
	font-weight:bold;
	line-height:100%;
	padding-top:12px;
	padding-bottom:6px;
}

#hoofdtekst .faceted-search-page .tekstkaders .views-field-title a {
	color:#670694;
}

#facetkolom {
	float:left;
	margin-top:12px;
}

#facetkolom .block-faceted_search_ui {
	width:250px;
	background-color: #E9E9E9;
	padding-bottom:12px;
	margin-top:1px;
}

#facetkolom .block-faceted_search_ui h2 {
	font-size:160%;
}

#facetkolom .content {
	width:230px;
}

#facetkolom form {
	padding:0px;
	width:230px;
}

#facetkolom .form-item {
	margin:0px;
	padding-bottom: 6px;
}

#facetkolom input.form-submit {
	background-color:#670694;
	border:none;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	height:auto;
	padding:2px;
	width:auto;
	margin-right:12px;
}

#facetkolom form .form-item input {
	border:1px solid #670694;
	font-size:1em;
	height:16px;
	padding:1px;
	width:120px;
}

#facetkolom .form-item label {
	color:#666;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	padding-top:0px;
}

#facetkolom form .form-item input.form-checkbox {
	border:none;
	font-size:1em;
	height:16px;
	padding:0px;
	width:16px;
}

.faceted-search-page fieldset p {
	margin-top:0px;
}

.faceted-search-page fieldset.faceted-search-keyword {
	width:270px;
}

.faceted-search-page fieldset.faceted-search-guided {
	width:460px;
}

.faceted-search-page fieldset legend {
	font-size: 160%;
	font-weight: normal;
	color: #D10F13;
	padding-bottom:12px;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
}

.faceted-search-facet h3 {
	font-size: 110%;
	font-weight: bold;
	color: #5D5D5D;
	padding-bottom:6px;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
}

.faceted-search-page .item-list, #block-faceted_search_ui-1_guided .item-list {
	font-size: 90%;
	font-weight: normal;
}

.faceted-search-page .faceted-search-numbering {
	font-weight:bold;
}

.faceted-search-page form {
	width:230px;
}

.faceted-search-page .form-item {
	margin:0px;
}

.faceted-search-page #edit-keywords-wrapper {
	background-color: #e2e2e2;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-bottom:1px;
}

.faceted-search-page #edit-operator-wrapper {
	background-color: #E2E2E2;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-bottom:1px;
}

.faceted-search-stage-select #edit-keywords, .faceted-search-stage-select #edit-field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #670694;
	width: 200px;
	border: 1px solid #670694;
	margin-right:0px;
	float:none;
}

.faceted-search-page select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #670694;
	border: 1px solid #670694;
}

.faceted-search-page .form-submit {
	background-image: url(images/zoekbutton.gif);
	height: 18px;
	width: 230px;
	border: 0px solid #666666;
	font-family: Verdana;
	font-size: 11px;
	color: #eeeeee;
	padding-left: 1px;
	text-indent:-999px;
	font-size: 0px;
	display:block;
	line-height: 0px;
	float:left;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #E9E9E9;
}

#block-block-9 {
	width:240px;
	float:left;
	margin-left:10px;
	display:inline;
}

#block-block-9 h2 {
	text-align:left;
	padding-left:0px;
	color:#D10F13;
	font-size:160%;
	font-weight:normal;
	margin-bottom:6px;
	margin-top:0;
}

.page #hoofdtekst #block-block-9 h2 {
	text-align:left;
	padding-left:0px;
	color:#D10F13;
	font-size:160%;
	font-weight:normal;
	margin-bottom:6px;
	margin-top:0;
}

#block-block-9 .content {
	padding-left:0px;
	margin-left:0px;
}

#block-block-9 ul {
	list-style:none;
}

#block-block-9 li {
	list-style:none;
}

.box h2 {
	font-size: 160%;
	font-weight: normal;
	color: #D10F13;
	margin-top:0px;
	margin-bottom:6px;
	padding-left:6px;
}

.search-form {
	margin-bottom: 1em;
}

#search-block-form {
	width:761px;
	margin-left:auto;
	margin-right: auto;
}

.search-form input {
	margin-top: 0;
	margin-bottom: 0;
}

.search-results p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.search-results .treffer {
	width:550px;
}

.search-results dt {
	font-size: 120%;
}

.search-results dt a {
	color: #670694;
	text-decoration: none;
}

.search-results dd {
	margin-bottom: 1em;
	margin-left:0px;
	padding-left:0px;
}

#hoofdtekst .content .search-results dd p {
	margin-bottom:0px;
}

#hoofdtekst .content .search-results dd p.search-info {
	font-size: 85%;
	font-weight:bold;
}

.search-advanced .criterion {
	float: left; /* LTR */
	margin-right: 2em; /* LTR */
}

.search-advanced .action {
	float: left; /* LTR */
	clear: left; /* LTR */
}

/* pager */

.item-list .pager {
	font-size:80%;
}

.item-list .title {
	font-weight: bold;
}

.item-list ul {
	padding: 0;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.item-list ul li {
	margin: 0; /* LTR */
	padding: 0;
	list-style-type: none;
}

.item-list .pager {
	clear: both;
	text-align: center;
	font-size:90%;
}

.item-list .pager li {
	background-image:none;
	display:inline;
	list-style-type:none;
	margin-right: 6px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

.item-list .pager li.pager-item {
	border: 1px solid #999;
}

.item-list .pager li a {
}

.pager-current {
	font-weight:bold;
	border: 1px solid #666;
	background-color: #CCC;
}

/* tagedelic stijlen */

.block-tagadelic {
	text-align : center;
	width:970px;
	margin-left:auto;
	margin-right:auto;
	line-height:40px;
	background-image: url(images/wolk.jpg);
	background-repeat: no-repeat;
}

.block-tagadelic .content {
	background-image: url(images/wolk-onder.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.wrapper.tagadelic a, #block-tagadelic-9 a {
	font-weight:normal;
	margin-right:12px;
	margin-left:12px;
	white-space: nowrap;
}

#block-tagadelic-5 a {
	font-weight:normal;
	margin-right:6px;
	margin-left:6px;
	white-space: nowrap;
}

#block-tagadelic-9 .tagadelic.level1 {
	font-size : 12px;
}

#block-tagadelic-9 .tagadelic.level2 {
	font-size : 14px;
}

#block-tagadelic-9 .tagadelic.level3 {
	font-size : 16px;
}

#block-tagadelic-9 .tagadelic.level4 {
	font-size : 18px;
}

#block-tagadelic-9 .tagadelic.level5 {
	font-size : 20px;
}

#block-tagadelic-9 .tagadelic.level6 {
	font-size : 22px;
}

#block-tagadelic-9 .tagadelic.level7 {
	font-size : 24px;
}

#block-tagadelic-9 .tagadelic.level8 {
	font-size : 26px;
}

#block-tagadelic-9 .tagadelic.level9 {
	font-size : 28px;
}

#block-tagadelic-9 .tagadelic.level10 {
	font-size : 30px;
}

#block-tagadelic-5 .tagadelic.level1 {
	font-size : 10px;
}

#block-tagadelic-5 .tagadelic.level2 {
	font-size : 11px;
}

#block-tagadelic-5 .tagadelic.level3 {
	font-size : 12px;
}

#block-tagadelic-5 .tagadelic.level4 {
	font-size : 13px;
}

#block-tagadelic-5 .tagadelic.level5 {
	font-size : 14px;
}

#block-tagadelic-5 .tagadelic.level6 {
	font-size : 15px;
}

#block-tagadelic-5 .tagadelic.level7 {
	font-size : 16px;
}

#block-tagadelic-5 .tagadelic.level8 {
	font-size : 17px;
}

#block-tagadelic-5 .tagadelic.level9 {
	font-size : 18px;
}

#block-tagadelic-5 .tagadelic.level10 {
	font-size : 19px;
}

/* kleuren van de links */

.tagadelic.level1 {
	color:#a2a2a2;
}

.tagadelic.level2 {
	color:#a3989d;
}

.tagadelic.level3 {
	color:#a48a95;
}

.tagadelic.level4 {
	color:#a5768b;
}

.tagadelic.level5 {
	color:#a66783;
}

.tagadelic.level6 {
	color:#a85178;
}

.tagadelic.level7 {
	color:#aa3e6d;
}

.tagadelic.level8 {
	color:#aa3569;
}

.tagadelic.level9 {
	color:#ab2a63;
}

.tagadelic.level10 {
	color:#ab2a63;
}

/* standaard menu stijlen */
ul.menu {
}

ul.menu li {
	margin: 0px;
}

li.expanded {
	list-style-type: none;
	list-style-image: none;
	padding: 0px; /* LTR */
	margin: 0px;
}

li.collapsed {
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
}

li.leaf {
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0;
}

li a.active {
	color: #000;
}

td.menu-disabled {
	background: #ccc;
}

ul.links {
	margin: 0;
	padding: 0;
}

ul.links.inline {
	display: inline;
}

ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	;
}

.block ul {
	margin: 0;
	padding: 0px;
}

/**
 * Primary navigation
 */
ul.primary-links {
	width:700px;
	height:17px;
	padding-left:250px;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
}

ul.primary-links li {
	padding: 0;
	float:left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height:17px;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
	font-weight:bold;
	font-size:17px;
	color:#670694;
	height: 17px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #530081;
	padding-right: 12px;
	padding-left:12px;
}

ul.primary-links li.menu-188 a {
	color:#df2506;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
}

/* functiemenu */

#bovenkant .functiemenu {
	position: absolute;
	height: 100px;
	width: 120px;
	top: 10px;
	left: 880px;
}

#bovenkant .functiemenu div {
	position:relative;
	z-index:100;
}

#bovenkant .functiemenu ul {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	line-height:150%;
}

#bovenkant .functiemenu a {
	font-size:100%;
	font-weight:bold;
}

#bovenkant .voegevtoe {
	background-color: #D0001E;
	height: 22px;
	width: 86px;
	margin-top:12px;
	text-align:center;
	font-size:10px;
	line-height:12px;
	padding:6px;
}

#bovenkant .voegevtoe a {
	color: #fff;
	text-decoration:none;
}

/* onderkant - sitemap en secondary links
*/

#onderkant {
	background-color: #E9E9E9;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 10px;
	height:200px;
	margin-top:12px;
	clear:both;
}

#onderkant h2 {
	font-size:110%;
	color:#3a3a3a;
	margin:0px;
}

.footer {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.footer #feedicon {
	position:absolute;
	left:820px;
	top:190px;
	width: 20px;
	height:20px;
}

#block-follow-site {
	margin-top:12px;
}

#block-follow-site h2 {
	font-size:100%;
	margin:0px;
	padding:0px;
	color:#666;
}

a.follow-link {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width:20px;
	float:left;
	line-height: 0px;
	padding-left: 0px;
	text-indent:-5000px;
}

a.follow-link-youtube {
	background-image: url("images/icon-youtube.png");
}

a.follow-link-vimeo {
	background-image: url("images/icon-vimeo.png");
}

a.follow-link-flickr {
	background-image: url("images/icon-flickr.png");
}

a.follow-link-facebook {
	background-image: url("images/icon-facebook.png");
}

a.follow-link-twitter {
	background-image: url("images/icon-twitter.png");
}

/**
 * Secondary navigation
 */
 
 #onderkant .block-views, #onderkant .block-menu {
	margin-left: 5px;
	padding-left: 14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-top:20px;
	width:200px;
	margin-right: 10px;
	float:left;
	display:inline; /* IE6 */
	background-color: #E9E9E9;
}

#block-menu-secondary-links.block-menu {
	width:120px;
	margin-right: 0px;
}

#block-menu-menu-periodes.block-menu {
	width:80px;
}

#block-menu-menu-onderdelen.block-menu {
	width:120px;
}

#onderkant ul {
	padding:0px;
	margin:0px;
}

#onderkant ul li {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	font-size: 100%;
	font-weight: bold;
	list-style-type: none;
}

#block-menu-menu-sitemap-land ul li, #block-menu-menu-sitemap-thema ul li, #block-menu-menu-groepen ul li {
	display: inline;
	background-image: url(images/punt.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 6px;
}

#block-menu-menu-sitemap-land ul li.last, #block-menu-menu-sitemap-thema ul li.last {
	display: block;
	background-image: none;
}

#block-menu-menu-sitemap-land ul li.last a, #block-menu-menu-sitemap-thema ul li.last a {
	color: #666;
}

#onderkant a, #onderkant a:link, #onderkant a:visited {
	text-decoration: none;
	color: #868686;
}

#onderkant #block-block-14 {
	clear:both;
}

#logoos {
	width:900px;
	height:60px;
	margin-top:12px;
	padding-top:12px;
	clear:both;
}

#logoos a {
	background-image: url(images/logoos.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -5000px;
	display: block;
	float: left;
	height: 49px;
}

#logoos a.mondriaan {
	background-position: 0px 0px;
	width:61px;
}

#logoos a.vsb {
	background-position: -62px 0px;
	width:107px;
}

#logoos a.sns {
	background-position: -169px 0px;
	width:120px;
}

#logoos a.pbf {
	background-position: -289px 0px;
	width:165px;
}

#logoos a.ocw {
	background-position: -454px 0px;
	width:84px;
}

#logoos a.vrom {
	background-position: -542px 0px;
	width:197px;
}

/**
 * Collapsible fieldsets
 */
fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #d9eaf5;
	background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
	padding: 0 1em 1em;
	background-position: 0 .75em;
	background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
	padding-top: 1em;
}

fieldset legend {
	/* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
	display: inline;
}

html.js fieldset.collapsed {
	background: transparent;
	padding-top: 0;
	padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
	padding-left: 2em; /* LTR */
	background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
	background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
	text-align: center;
}

#user-login-form ul {
	text-align: left;
	margin-bottom:12px;
}

/*nieuwe homepage */
.pagehomepage .kolommen {
	margin-top:24px;
}

.pagehomepage #kolom2 {
	margin-top:10px;
}

.pagehomepage .view-kalender .views-row {
	width:155px;
	height:87px;
	font-size:90%;
	line-height:140%;
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	margin-right:2px;
	margin-bottom:0px;
	overflow: hidden;
}

.pagehomepage .view-kalender .views-row .kader {
	width:139px;
	height:75px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	background-image: none;
	overflow: hidden;
}

.pagehomepage .view-kalender .views-row a {
	font-weight:bold;
	color: #670694;
}

.pagehomepage .views-field-field-date-calendar-value {
	margin-bottom:5px;
}

.pagehomepage .view-kalender .views-row a:hover {
	text-decoration:underline;
}

.pagehomepage .view-kalender .views-field-title {
	font-size: 100%;
	line-height:140%;
	font-weight: bold;
	color: #333;
	margin: 0px;
	padding: 0px;
}

.pagehomepage .kaartlink a {
	background-image: url(images/wereldkaar_home.png);
	text-indent: -5000px;
	display: block;
	height: 225px;
	width: 466px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 24px;
	margin-left: 10px;
}

.pagehomepage #introtekst {
	width: 466px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 24px;
	margin-left: 10px;
}

/* voor periodepagina */

.pagehomepage #introtekst #node-3592 .content {
	height:168px;
}

.pagehomepage .tekstkaders #introtekst .node {
	width:466px;
	height:auto;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}

.pagehomepage #introtekst .content {
	background-image: url(images/bg-homeintro.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.pagehomepage .tekstkaders #introtekst .node p {
	font-size:110%;
	margin-bottom:12px;
}

/* .pagehomepage .tekstkaders #introtekst .node ul {
	font-size:110%;
	font-weight:bold;
	margin-bottom:0px;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.pagehomepage .tekstkaders #introtekst .node ul li {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
*/

.pagehomepage #introtekst .node .field-field-leader p {
	font-size:140%;
	margin-bottom:12px;
}

.pagehomepage #introtekst .afsluiting {
	background-image: url(images/bg-homeintro-onder.png);
	background-repeat: no-repeat;
	width:466px;
	height:12px;
	background-position: left bottom;
}

.asset-detail label {
	display:inline;
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 12px;
}

.asset-detail {
	padding: 12px;
	width: 544px;
}

.asset-detail-item {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 520px;
}

.asset-detail-item img {
	max-width: 100%;
	display:block;
	clear:both;
}

.content .asset-detail-item:first-child {
	background-image: url(images/kader-580-boven.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:24px;
	margin-top:0px;
	margin-bottom:12px;
	padding-left:24px;
	padding-right:32px;
	color: #D10F13;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	font-size:160%;
	line-height:120%;
	text-align:left;
	position:relative;
	width:560px;
	left:-24px;
	top:-12px;
}

.content .asset-detail-item:first-child label {
	display:none;
}

/* inleiding naast klontjes */

.tekstkaders #targetdiv.inhetkort {
	width:467px;
	float:left;
	background-image: url(images/bg-inleiding.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:16px;
	margin-bottom:0px;
	padding-bottom: 0px;
	padding-top:12px;
	position:relative;
	background-color:#ddd5d3;
}

#targetdiv.inhetkort p {
	margin-right:12px;
}

#targetdiv.inhetkort .inhetkort {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	margin-right:6px;
	font-weight:bold;
	text-transform: uppercase;
	font-size:110%;
}

#targetdiv.inhetkort .voetregel {
	background-image: url(images/bg-inleiding-onder.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#targetdiv.inhetkort img {
	float:left;
	margin-right:12px;
	margin-bottom:6px;
}

/* floatfix */

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* IE6 */
* html .clearfix {
	height:1%;
}

/* IE7 */
*:first-child+html .group {
	min-height:1px;
}

/**
 * Admin Styles
 */
 
 div.status {
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding: 10px;
	margin:2px;
}

.view-empty {
	width:469px;
	height:100px;
	background-image: url(images/view-empty.png);
	background-repeat: no-repeat;
	padding:12px;
}

.view-empty p {
	font-size:100%;
}

div.admin-panel, div.admin-panel .description, div.admin-panel .body, div.admin, div.admin .left, div.admin .right, div.admin .expert-link, div.item-list, .menu {
	margin: 0;
	padding: 0;
}

div.admin .left {
	float: left; /* LTR */
	width: 48%;
}

div.admin .right {
	float: right; /* LTR */
	width: 48%;
}

div.admin-panel {
	background: #fff url(images/gradient-inner.png) repeat-x 0 0;
	padding: 1em 1em 1.5em;
}

div.admin-panel .description {
	margin-bottom: 1.5em;
}

div.admin-panel dl {
	margin: 0;
}

div.admin-panel dd {
	color: #898989;
	font-size: 0.92em;
	line-height: 1.3em;
	margin-top: -.2em;
	margin-bottom: .65em;
}

table.system-status-report th {
	border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
	background: #027ac6;
	color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
	color: #d3e7f4;
}

tr.taxonomy-term-preview {
	opacity: 0.5;
}

tr.taxonomy-term-divider-top {
	border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
	border-top: 1px dotted #CCC;
}

/*verbergen tips etc in invoerschermen */

.node-form form {
	padding:12px;
	width:520px;
}

.tips, .teaser-checkbox {
	display:none;
}

.node-form .body-field-wrapper p a {
	display:none;
}

form .form-item input {
	width:424px;
	height:18px;
	border: 2px solid #999;
	padding:2px;
	font-size:1.1em;
}

form .form-item input.form-radio, form .form-item input.form-checkbox {
	border:none;
	font-size:1.1em;
	height:18px;
	padding:2px;
	width:24px;
}

form .form-item input.form-submit, input.form-submit {
	width:auto;
	height:auto;
	border: 2px solid #999;
	padding:2px;
	font-size:1em;
	font-weight: bold;
	color: #CCC;
	background-color: #666;
}

form .node-form select {
	width:424px;
	border: 2px solid #999;
	padding:2px;
	font-size:1.1em;
	background-color:#e9e9e9;
}

.form-item .description {
	font-size:1em;
	width:420px;
	background-color: #e9e9e9;
	background-image: url(images/infoblurb.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left:6px;
	padding-right:6px;
	margin-top:4px;
	border-bottom: 1px solid #b9b9b9;
	color: #666;
}

.filefield-element input.form-submit, .filefield-element input.form-file {
	margin:0;
	width:100%;
	padding:0px;
	height:28px;
}

.form-item label {
	display:block;
	font-weight:bold;
	font-size:1.3em;
	color: #666;
	padding-top:12px;
}

/*addthis */

.addthis_toolbox span.ext {
	padding-right: 0px;
	background-color: transparent;
	background-image: none;
}

/* cgm logo */
#cgmlogo {
	position:absolute;
	width:60px;
	height:27px;
	z-index:1;
	top:45px;
	left:0px;
}

#cgmlogo a {
	display:block;
	width:60px;
	height:27px;
	text-indent:-5000px;
	background-image: url(images-cgm/CGM-logo-klein.png);
	background-repeat: no-repeat;
}

/* Blog */

#blogcontent {
	width:970px;
	margin-left:auto;
	margin-right:auto;
}

#blogkolom {
	width:600px;
	float:left;
}

#blognavigatie {
	width:300px;
	float:left;
	padding-top:24px;
}

#blogkolom .node {
	background-image: url(images/kader-600-onder.gif);
	width: 600px;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-bottom:15px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#blogkolom .node .content, #blogkolom .node .voetregel {
	width: 560px;
	padding-right: 20px;
	padding-left: 20px;
}

#blogkolom h2 {
	font-weight: normal;
	background-image: url(images/kader-600-boven.gif);
	background-repeat: no-repeat;
	width: 560px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom:0px;
}

#blogkolom .item-list a {
	font-weight:bold;
	margin-left:20px;
}

#blogkolom .reacties li.blog_usernames {
	display:none;
}

#blogkolom .reacties {
	margin-top:12px;
}

#blogkolom .reacties li {
	margin-right:24px;
}

#blogkolom .reacties li.blog_usernames_blog {
	display:none;
}

#blogkolom .reacties a {
	font-weight:bold;
}

#blogkolom #comments h2.comments {
	font-weight:normal;
	margin-bottom:12px;
}

#blogkolom #comments .comment {
	background-color: #fff;
	margin: 1px 12px;
	padding: 12px;
	width: 500px;
	border-top: 1px solid #CCC;
}

#blogkolom #comments .indented {
	margin-left: 0px;
}

#blogkolom #comments .indented .comment {
	border-top: 1px dashed #E9E9E9;
}

#blogkolom #comments .comment p {
	background-color: #fff;
	margin-top:0px;
}

#blogkolom #comments .comment .submitted {
	font-size:80%;
}

#blognavigatie .block-tagadelic {
	background-image: none;
	margin-left: 36px;
	margin-right: 0px;
	margin-bottom:24px;
	text-align: left;
	width: 300px;
	line-height:170%;
}

#blognavigatie .bloglink {
	margin-left: 36px;
	margin-right: 0px;
	margin-bottom:24px;
	text-align: left;
	width: 300px;
	line-height:170%;
}

#blognavigatie .bloglink a {
	font-weight:bold;
}

#blognavigatie .block-tagadelic .content {
	background-image:none;
}

#blognavigatie .bloglijst a {
	display:block;
	font-size: 110%;
	color: #670694;
}

#blognavigatie h2 {
	background-image: none;
	color: #D10F13;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 12px;
	margin-top: 0;
	text-align: left;
}

/* tijdlijnen */

#tijdlijn {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#tijdlijn .views-field-body a {
	color:#000;
}

#tijdlijn .views-field-body a:hover {
	text-decoration:none;
}

#tijdlijn .group-groepen .field {
	position:absolute;
	left:170px;
	width:500px;
}

.tijdlijn .periodetijdlijn {
	width:970px;
	background-repeat: no-repeat;
	position:relative;
	height:411px;
}

.periode1580-1700 .periodetijdlijn {
	background-image: url(images/tijdlijn1580-1700.png);
}



.periode1700-1800 .periodetijdlijn {
	background-image: url(images/tijdlijn1700-1800.png);
}



.periode1800-1900 .periodetijdlijn {
	background-image: url(images/tijdlijn1800-1900.png);
}



.periode1900-1945 .periodetijdlijn {
	background-image: url(images/tijdlijn1900-45.png);
}

 .field-field-groepeuropa, .periode1900-1945 #tijdlijn .field-field-groepeuropa {
	top:183px;
}

 .field-field-groepkolonien, .periode1900-1945 #tijdlijn .field-field-groepkolonien {
	top:324px;
	width:570px;
}

 .field-field-groepwereldwijd, .periode1900-1945 #tijdlijn .field-field-groepwereldwijd {
	top:373px;
}

.periode1945-heden .periodetijdlijn {
	background-image: url(images/tijdlijn1945-heden.png);
	height:492px;
}

.periode1945-heden #tijdlijn .field-field-groepeuropa {
	top:205px;
}

.periode1945-heden #tijdlijn .field-field-groepkolonien {
	top:343px;
	width:470px;
	
}

.periode1945-heden #tijdlijn .field-field-groepwereldwijd {
	top:425px;
}

.periodetijdlijn fieldset {
	background: none;
	border: 0px none #D9EAF5;
	margin: 0em;
	padding: 0em;
	font-size:12px;
	line-height:21px;
}

.periodetijdlijn .field-item {
	display:inline;
	padding-right:12px;
}

.periodetijdlijn .field-item a {
	color:#444;
	font-weight:bold;
}

#periodeopening {
	width:970px;
	height: 411px;
	clear:both;
}

#periodeopening ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:970px;
	height: 411px;
	background-image: url(images/periodeopening.png);
	background-repeat: no-repeat;
	padding-left:79px;
}

#periodeopening li {
	margin:0px;
	padding:0px;
	list-style:none;
	width:125px;
	height:402px;
	padding-top:9px;
	padding-right:1px;
	display:block;
	float:left;
}

#periodeopening li a {
	text-indent:-5000px;
	display:block;
	width:125px;
	height:302px;
	padding-top:100px;
	float:left;
}

#periodeopening li a:hover {
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
	font-weight:bold;
	font-size:18px;
	color: #D10F13;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
	background-color: #00D5BF;
	/* for IE */
  filter:alpha(opacity=80);
	/* CSS3 standard */
  opacity:0.8;
}

#block-views-periode_inleidingen-block_1, #block-views-periode_inleidingen-block_2, #block-views-periode_inleidingen-block_3, #block-views-periode_inleidingen-block_4, #block-views-periode_inleidingen-block_5 {
	visibility:hidden;
	position:absolute;
	top:46px;
	left:67px;
	background-color: #7FEADF;
	width: 618px;
	z-index:100;
	padding:18px;
	border: 1px solid #fff;
}

.block-views h2 {
	color: #D10F13;
	font-size:18px;
	margin-top:0px;
}

/* gebeurtenissen op de tijdlijn */
.tijdlijn #gebeurtenissen {
	position:relative;
	margin-left:77px;
	margin-top:12px;
}

.periodePeriode #gebeurtenissen {
	display:none;
}

.gebeurtenis {
	color:#fff;
	padding-right:3px;
	padding-top:0px;
	cursor:pointer;
	border-left:1px solid #00d7c3;
	padding-left:3px;
	background-image: url(images/tijdlijnitem.png);
	background-repeat: repeat-x;
	font-family: "myriad-pro-semi-condensed-1","myriad-pro-semi-condensed-2",sans-serif;
	line-height:120%;
}

.een {
	top:12px;
	height:114px;
	z-index:1;
}

.twee {
	top:30px;
	height:96px;
	z-index:2;
}

.drie {
	top:48px;
	height:78px;
	z-index:3;
}

.vier {
	top:66px;
	height:60px;
	z-index:4;
}

.vijf {
	top:84px;
	height:42px;
	z-index:5;
}

.zes {
	top:102px;
	height:24px;
	z-index:6;
}

.gebeurtenis span {
	display:none;
}

.gebeurtenis:hover span {
	display:block;
	position:absolute;
	z-index:10;
	width:120px;
	background-color:#CF0;
	color:#000;
	font-size:90%;
	line-height:100%;
	padding:6px;
	left: 12px;
	top: -36px;
}

/* groepen op de tijdlijn */
.view-tijdlijn-per-groep {
	position:relative;
	width:970px;
	height:182px;
	background-image: url(images/tijdlijn-groepen.png);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
}

.view-tijdlijn-per-groep .periode {
	position:absolute;
	top:58px;
	height:61px;
	width:125px;
	background-color:#00d5bf;
	text-indent:-5000px;
}

.view-tijdlijn-per-groep .periode1580-1700 {
	left:75px;
	width:124px;
}

.view-tijdlijn-per-groep .periode1700-1800 {
	left:201px;
}

.view-tijdlijn-per-groep .periode1800-1900 {
	left:327px;
}

.view-tijdlijn-per-groep .periode1900-1945 {
	left:453px;
}

.view-tijdlijn-per-groep .periode1945-heden {
	left:579px;
}

/* groepen op de tijdlijn per land */
.view-tijdlijn-per-land {
	width:970px;
	min-height:182px;
	background-image: url(images/tijdlijn-landen.png);
	background-repeat: no-repeat;
	background-color:#672095;
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
	padding-top:36px;
}

.view-tijdlijn-per-land .views-row {
	position:relative;
	width:724px;
	height:77px;
	margin-left:74px;
	background-image: url(images/tijdlijn-landen-strook.png);
	background-repeat: no-repeat;
}

.view-tijdlijn-per-land .views-row .Groepen {
	position:absolute;
	top:30px;
	left:20px;
	z-index:11;
	font-size: 16px;
	color: #FFF;
	font-family: "myriad-pro-semi-condensed-1", "myriad-pro-semi-condensed-2", sans-serif;
}

.view-tijdlijn-per-land .views-row .Groepen a {
	color:#fff;
}

.view-tijdlijn-per-land .views-row .Periode {
	position:absolute;
	top:8px;
	height:61px;
	width:125px;
	background-color:#00d5bf;
	text-indent:-5000px;
	z-index:10;
}

.view-tijdlijn-per-land .Periode1580-1700 {
	left:0px;
	width:124px;
}

.view-tijdlijn-per-land .Periode1700-1800 {
	left:127px;
}

.view-tijdlijn-per-land .Periode1800-1900 {
	left:253px;
}

.view-tijdlijn-per-land .Periode1900-1945 {
	left:379px;
}

.view-tijdlijn-per-land .Periode1945-heden {
	left:505px;
}