/* colors
blue:			3998e1
blue bg:		ebf4fc
yellow:			ecd829
yellow bg:		fdfbe9
orange:			ec7729
orange bg:		fdf1e9
green: 			3673b2
green bg:		ebf1f7
purple:			c533e4
purple bg:		f9eafc
red:			e43b33
red bg:			fcebea
seablue:		29e6ec
seablue bg:		e9fcfd

1200-1850:		d60080
				fbe5f2
				
1850-1900:		0092c8
				e5f4f9
				
1900-1945:		ff9c09
				fff5e6
1945-1970:		40af2c
				ecf7e9
				
1970-1990:		df3e00
				fcebe5
				
1990-2010:		516265
				edefef
*/
body.waiting * {
	cursor: progress;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a img {
	border: none;
}
body, html{
	height: 100%;
	margin:0px;
	padding:0px;
}
body {
	background-color: #ffffff;
	line-height: 16px
}
body, td, th, input, select, option {
	font-size: 11px;
	color: #454545;
	font-family: Tahoma, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, #title_e {
	font-family: 'Georgia';
	font-weight: normal;
}
h1, h2, #title_e {
	font-size: 18px;
	line-height: 18px;
}
h3, h4 {
	font-size: 14px;
	line-height: 14px;
}
h1, h2, h3, h4, h5, h6, a {
	color: #3673b2;
}
dl a {
	color: #494949;
}
.period_1200-1850 h2, .period_1200-1850 #contentcontainer h3, .period_1200-1850 #contentcontainer a:hover, .period_1200-1850 #contentcontainer h4, .period_1200-1850 .lightbox_content h3, .period_1200-1850 .lightbox_content a, .period_1200-1850 #more_objects ul li a:hover {color: #d60080;}
.period_1850-1900 h2, .period_1850-1900 #contentcontainer h3, .period_1850-1900 #contentcontainer a:hover, .period_1850-1900 #contentcontainer h4, .period_1850-1900 .lightbox_content h3, .period_1850-1900 .lightbox_content a, .period_1850-1900 #more_objects ul li a:hover {color: #0092c8;}
.period_1900-1945 h2, .period_1900-1945 #contentcontainer h3, .period_1900-1945 #contentcontainer a:hover, .period_1900-1945 #contentcontainer h4, .period_1900-1945 .lightbox_content h3, .period_1900-1945 .lightbox_content a, .period_1900-1945 #more_objects ul li a:hover {color: #ff9c09;}
.period_1945-1970 h2, .period_1945-1970 #contentcontainer h3, .period_1945-1970 #contentcontainer a:hover, .period_1945-1970 #contentcontainer h4, .period_1945-1970 .lightbox_content h3, .period_1945-1970 .lightbox_content a, .period_1945-1970 #more_objects ul li a:hover {color: #40AF2C;}
.period_1970-1990 h2, .period_1970-1990 #contentcontainer h3, .period_1970-1990 #contentcontainer a:hover, .period_1970-1990 #contentcontainer h4, .period_1970-1990 .lightbox_content h3, .period_1970-1990 .lightbox_content a, .period_1970-1990 #more_objects ul li a:hover {color: #df3e00;}
.period_1990-2010 h2, .period_1990-2010 #contentcontainer h3, .period_1990-2010 #contentcontainer a:hover, .period_1990-2010 #contentcontainer h4, .period_1990-2010 .lightbox_content h3, .period_1990-2010 .lightbox_content a, .period_1990-2010 #more_objects ul li a:hover {color: #516265;}

#contentcontainer h3 {
	margin: 10px 0;
}
h2, #subcontent h4, #buildings h5, #mybuildings h5, #title_e, #markerInfo h4, #hetboek h4 {
	margin: 0 -10px;
	padding: 7px 10px;
	border-top: 2px solid #3673b2;
	border-bottom: 2px solid #3673b2;
	background-color: #fff;
}


#markerInfo.period_1200-1850 h4, .period_1200-1850 h2, .period_1200-1850 .pictures li a:hover, .period_1200-1850 .pictures li.active a, .period_1200-1850 .lightbox td img, .period_1200-1850 .lightbox_content{
	border-color: #d60080;
}
#markerInfo.period_1850-1900 h4, .period_1850-1900 h2, .period_1850-1900 .pictures li a:hover, .period_1850-1900 .pictures li.active a, .period_1850-1900 .lightbox td img, .period_1850-1900 .lightbox_content{
	border-color: #0092c8;
}
#markerInfo.period_1900-1945 h4, .period_1900-1945 h2, .period_1900-1945 .pictures li a:hover, .period_1900-1945 .pictures li.active a, .period_1900-1945 .lightbox td img, .period_1900-1945 .lightbox_content{
	border-color: #ff9c09;
}
#markerInfo.period_1945-1970 h4, .period_1945-1970 h2, .period_1945-1970 .pictures li a:hover, .period_1945-1970 .pictures li.active a, .period_1945-1970 .lightbox td img, .period_1945-1970 .lightbox_content{
	border-color: #40AF2C;
}
#markerInfo.period_1970-1990 h4, .period_1970-1990 h2, .period_1970-1990 .pictures li a:hover, .period_1970-1990 .pictures li.active a, .period_1970-1990 .lightbox td img, .period_1970-1990 .lightbox_content{
	border-color: #df3e00;
}
#markerInfo.period_1990-2010 h4, .period_1990-2010 h2, .period_1990-2010 .pictures li a:hover, .period_1990-2010 .pictures li.active a, .period_1990-2010 .lightbox td img, .period_1990-2010 .lightbox_content{
	border-color: #516265;
}
#subcontent h4, #buildings h5, #mybuildings h5, #hetboek h4 {
	margin: 0;
	padding: 7px 0;
	border-color: #ececec;
}
#buildings h5, #mybuildings h5, #hetboek h4 {
	margin: 10px 0;
	float: left;
	width: 243px;
	font-size: 14px;
}
#hetboek h4 {
	width: 100%;
}
:focus {
	outline: 0;
}
#srolldiv {
	min-height: 100%;
}
#wrapper {
	position: relative;
	margin: 0 14px;
	display: block;
	min-height: 100%;
	max-width: 1160px;
	min-width: 960px;
}
* html #wrapper {
	width: 960px;
}
.bigmap #wrapper {
	margin: 0;
}
#contentcontainer {
	display: block;
	margin: 0 206px 0 461px;
	background-color: #f3f3f3;
	min-height: 100%;
}
.bigmap #contentcontainer {
	margin-left: 475px;
}
#contentdiv {
	padding: 102px 10px 10px 10px;
	
}
.mode #content img {
	max-width: 100%;
	height: auto !important;
}
.mode #content #subcontent img {
	max-width: none;
}
#content ul {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 16px;
}
#content ul li a {
	color: #000000;
	text-decoration: none;
}
#content ul li a:hover {
	color: #494949;
	text-decoration: underline;
}

h1 {
	position: absolute;
	left: 0px;
	top: 209px;
	width: 158px;
}
h1 a {
	float: left;
	width: 100%;
	height: 47px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	text-indent: -1234em;
	overflow: hidden;
}
#content h3 a, #content h2 a {
	text-decoration: none;
}
#content h3 a:hover, #content h2 a {
	text-decoration: underline;
}
.bigmap h1 {
	width: 247px;
	left: 194px;
	padding: 10px;
	top: 0px;
	height: 52px;
	z-index: 20;
	background-color: #ffffff;
}
#topmenu {
	position: absolute;
	left: 0px;
	width: 158px;
	top: 269px;	
	border-top: 2px solid #3673b2;
}
#topmenu ul,
#periods ul,
ul.pictures, 
#search_results ul,
ul.buildings,
#more_objects ul, ul.actions {
	padding: 0;
	margin: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#topmenu ul li {
	float: left;
	width: 158px;
}
#topmenu ul li a {
	text-decoration: none;
	color: #494949;
	border-bottom: 2px solid #3673b2;
	padding: 1px 0;
	font-size: 12px;
	float: left;
	width: 100%;
}
#topmenu ul li a.linklevel1 span {
	display: block;
	padding-left: 2px;
}
#topmenu ul li.last a,
#topmenu ul li.last ul a {
	border-color: #3673b2;
}
#topmenu ul ul li a,
#topmenu ul li.last ul a {
	border-color: #f3f3f3;
}
#topmenu ul ul ul li a {
	font-size: 11px;
}
#topmenu ul ul li a span {
	margin-left: 10px;
	display: block
}
#topmenu ul ul ul li a span {
	margin-left: 20px;
}
#topmenu ul li a:hover {
	background-color: #3673b2 !important;
	color: #ffffff !important;
}
#topmenu ul li.currenttree a{
	background-color: #ebf1f7;
}
#topmenu ul li.currenttree a.currentlink{
	color: #3673b2;
}
.mode #topmenu #menuitem_124 ul.menulevel3 {
	display: none;
}
#topmenu ul ul {display: none;}
#topmenu ul .currenttree ul {display: block}
#topmenu ul .currenttree ul ul {display: none;}
#topmenu ul ul .currenttree ul {display: block}
#topmenu ul ul .currenttree ul ul {display: none;}
#searchcontainer, .bigmap #smart_searcher {
	position: absolute;
	left: 180px;
	top: 0px;
	width: 267px;
}
.bigmap #smart_searcher {
	z-index: 3;
	top: 72px;
	left: 194px;
	width: 247px;
	height: 51px;
}
#smart_searcher{
	background-color: #3673b2;
	padding: 10px;
}
#search_results {
	position: absolute;
	top: 45px;
	left: 9px;
	background-color: #ebf1f7;
	border: 1px solid #3673b2;
	z-index: 10;
	padding: 2px 4px;
	width: 239px;
	display: none;
	
}
.bigmap #search_results {
	top: 117px;
	left: 203px;
}
#search_results a {
	color: #494949;
}
#search_results ul strong {
	clear: both;
	display: block;
}
#search_results ul {
	margin-bottom: 4px;
}
#smart_searcher h5, #smart_searcher a {
	color: #fff;
}
#smart_searcher h5 {
	font-size: 11px;
	font-family: inherit;
	font-weight: bold;
}
#smart_searcher a {
	display: block;
	text-align: right;
}
#buildings, #mybuildings {
	float: left;
	clear: both;
	width: 100%;
}
.bigmap #buildings, .bigmap #mybuildings {
	margin: 0;
}
.bigmap #resultlist {
	position: absolute;
	z-index: 3;
	left: 194px;
	width: 247px;
	padding: 0 10px 10px 10px;
	background-color: #fff;
	top: 143px;
}
.bigmap #resultlist ul {
	margin-bottom: 14px;
}
.bigmap #resultlist h5 {
	margin: 0 -34px 10px -10px;
	padding-left: 34px;
	width: 233px;	
}
.bigmap #resultlist p {
	clear: both;
}
#mybuildings a.mylist {
	display: block;	
}
#buildings p, #mybuildings p {
	font-style: italic;
	padding-bottom: 10px;
}
ul.buildings {
	margin-bottom: 20px;
}
ul.buildings li, ul.buildings li a {
	float: left;
	height: 20px;
	width: 100%;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	
}
ul.buildings li a {
	position: relative;
	background-image: url(../img/more.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}
ul.buildings li.odd a {
	background-color: #ebf1f7;
}
ul.buildings li a:hover,
ul.buildings li.selected a {
	background-color: #3673b2;
	color: #fff;
}
ul.buildings li a img {
	display: none;
	position: absolute;
	left: -64px;
	top: -17px;
	border: 4px solid #3673b2;
}
ul.buildings li a:hover img {
	display: block;
}
ul.buildings a {
	line-height: 20px;
	color: #494949;
	float: left;
}

ul.buildings a strong {
	width: 147px;
	font-weight: normal;
	float: left;
	margin-right: 10px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
ul.buildings a strong em {
	font-style: normal;
	color: #ffffff;
	font-weight: bold;
	margin-right: 4px;
	line-height: 15px;
	width: 16px;
	height: 16px;
	font-size: 10px;
	text-align: center;
	float: left;
	display: none;
	position: absolute;
	left: 2px;
	top: 2px;
	
}
ul.onmap a strong {
	width: 125px;
	padding-left: 22px;
}
ul.onmap a strong em {
	display: inline;
}
a.buildings_onmap {
	white-space: nowrap;
	float: left;
	text-align: right;
	width: 243px;
	text-decoration: none;
	clear: both;
	padding-right: 24px;
	line-height: 20px;
	margin: 10px 0;
	background-image: url(../img/show.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bigmap a.buildings_onmap {
	width: 223px;
}
#mybuildings a.mylist_link {
	white-space: nowrap;
	float: left;
	text-align: right;
	width: 243px;
	text-decoration: none;
	clear: both;
	padding-right: 24px;
	line-height: 20px;
	margin: 0px 0 10px 0;
	background-image: url(../img/list.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bigmap #mybuildings a.mylist_link {
	width: 223px;
}
#mybuildings a.mylist_link:hover {
	background-position: 100% -100px;
	text-decoration: underline;
}

a.buildings_onmap:hover {
	background-position: 100% -100px;
	text-decoration: underline;
}
a.buildings_addall {
	white-space: nowrap;
	float: left;
	text-align: right;
	width: 243px;
	text-decoration: none;
	clear: both;
	padding-right: 24px;
	line-height: 20px;
	margin: 0px 0 10px 0;
	background-image: url(../img/addall.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bigmap a.buildings_addall {
	width: 223px;
}
a.buildings_addall:hover {
	background-position: 100% -100px;
	text-decoration: underline;
}
ul.buildings a span {
	width: 110px;
	float: left;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.bigmap ul.buildings a span {
	width: 90px;
}
.pages {
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.pages a {
	float: left;
	height: 16px;
	margin-left: 2px;
	line-height: 15px;
	width: 16px;
	text-align: center;
	text-decoration: none;
	background-color: #ebf1f7;
}
.pages a:hover,
.pages a.selected {
	background-color: #3673b2;
	color: #fff;
}
#zoek {
	color: #454545;
	background-color: #ebf1f7;
	border: 1px solid #fff;
	padding: 2px 4px;
	width: 237px;
	
}
.searchWaiting #zoek {
	background-image: url(../img/waiting.gif);
	background-repeat: no-repeat;
	background-position: 230px 2px;
}
#periods {
	padding-top: 22px;
	width: 100%;
	overflow: hidden;
	float: left;
	clear: both;
}
#periods ul {
	float: left;
	width: 276px;
	overflow: hidden;
}
#periods h5 {
	display: none;
}
#periods li.period {
	float: left;
	clear: both;
	height: 18px;
	position: relative;
	width: 267px;
	overflow: hidden;
}
#periods li.period ul {
	position: absolute;
	border-top: 2px solid #454545;
}
#periods li.period a.period {
	padding: 0 5px;
	background-color: #fff;
	position: absolute;
	left: 5px;
	top: 0px;
	text-decoration: none;
	z-index: 3;
}
#periods li.period a.period span {
	opacity: 0.6;
}
#periods li.nr1 ul, #periods ul li.nr1 ul li a {border-color: #d60080;}
#periods li.nr2 ul, #periods ul li.nr2 ul li a {border-color: #0092c8;}
#periods li.nr3 ul, #periods ul li.nr3 ul li a {border-color: #ff9c09;}
#periods li.nr4 ul, #periods ul li.nr4 ul li a {border-color: #40af2c;}
#periods li.nr5 ul, #periods ul li.nr5 ul li a {border-color: #df3e00;}
#periods li.nr6 ul, #periods ul li.nr6 ul li a {border-color: #516265;}
#periods li.nr7 ul, #periods ul li.nr7 ul li a {border-color: #29e6ec;}
#periods li.nr1 a.period {left: 5px;	color: #d60080;}
#periods li.nr2 a.period {left: 33px;	color: #0092c8;}
#periods li.nr3 a.period {left: 61px;	color: #ff9c09;}
#periods li.nr4 a.period {left: 89px;	color: #40af2c;}
#periods li.nr5 a.period {left: 117px;	color: #df3e00;}
#periods li.nr6 a.period {left: 145px;	color: #516265;}
#periods li.nr7 a.period {left: 173px;	color: #29e6ec;}
#periods li.period ul {
	margin-top: 9px;
	height: 45px;
	width: 10000px;
	padding-top: 10px;
}
#periods li.active ul {
	display: block;
}
#periods li.period ul li {
	float: left;
	width: 56px; 
	height: 45px;
	border-right: 8px solid #fff;
}
#periods li.period ul li a {
	width: 56px;
	height: 45px;
	overflow: hidden;
	float: left;
	text-indent: -1234em;
	border-style: solid;
	border-width: 0;
}
#periods li.period ul li a:hover {
	border-width: 2px;
	width: 52px;
	height: 38px;
}
#map {
	position: relative;
	background-color: #f3f3f3;
	float: left;
	width: 100%;
	height: 215px;
	overflow: hidden;
	margin: 20px 0;
	clear: both;
}
#map h5 {
	position: absolute;
	text-indent: -1234em;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-image: url(../img/map.png);
	z-index: 2;
}
a#toggleMap {

	padding-right: 26px;
	height: 20px;
	float: right;

	white-space: nowrap;
	background-image: url(../img/zoeken.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin-top: -20px;
	text-decoration: none;
}
a#toggleMap:hover {
	text-decoration: underline;
}
.bigmap a#toggleMap {
	display: none;
}
#closeMap {
	
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 267px;
	height: 72px;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(../img/close.gif);
	background-repeat: no-repeat;
	background-position: 237px 10px;
	cursor: pointer;
}
#closeMap:hover {
	background-position: 237px -90px;
}
#map #googleMap {
	position: absolute;
	left: -10%;
	top: -10%;
	width: 120%;
	height: 120%;
	z-index: 1;
}
/*
#subcontent {
	position: absolute;
	right: 0px;
	top: 136px;
	width: 192px;
}
*/
#content {
	position: relative;
	padding-top: 10px;
	line-height: 20px;
}
#subcontent, #hetboek {
	position: absolute;
	left: 100%;
	top: -2px;
	width: 192px;
	margin-left: 24px;
	line-height: 16px;
	
}
.home #hetboek {
	display: block;
}
#hetboek {
	right: 0px;
	top: 249px;
	left: auto;
	display: none;
}
#hetboek a {
	text-align: right;
	float: left;
	width: 100%;
	padding-top: 140px;
	background-image: url(../img/boek_small.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
/*
#mybuildings {
	position: absolute;
	right: 0px;
	width: 192px;
	top: 0px;	
}
*/
.add_building, .remove_building, .mylist_button, #mybuildings h5 span, #buildings h5 span {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 216px;
	top: 72px;
	text-indent: -1234em;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: -20px 0;
}

.add_building {
	width: auto;
	text-indent: 0;
	text-decoration: none;
	white-space: nowrap;
	padding-right: 24px;
	color: #3673B2 !important;
	background-image: url(../img/add.png);
	background-position: 100% 0;
	line-height: 20px;
}

.hasList .add_building {
	width: 20px;
	text-indent: -1234em;
	padding: 0;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: -20px 0;
}


a.add_building:hover, a.remove_building:hover, .mylist_button:hover {
	background-position: -20px -100px;
	text-decoration: underline;
}
a.add_building:hover {
	background-position: 100% -100px;
}
.hasList a.add_building:hover {
	background-position: -20px -100px;
}
#mybuildings h5, #buildings h5 {
	padding-left: 24px;
	position: relative;
}
#mybuildings h5 a, #buildings h5 a{
	text-decoration: none;
}
#mybuildings h5 a:hover, #buildings h5 a:hover{
	text-decoration: underline;
}
#mybuildings h5 span, #buildings h5 span {
	position: absolute;
	right: auto;
	top: 5px;
	left: 0px;
	background-position: 0 0;
}
.bigmap #mybuildings h5 span, .bigmap #buildings h5 span {
	left: 10px;
}
#buildings h5 span {
	background-position: -60px 0;
}
.remove_building {
	background-position: -40px 0;
}
a.remove_building:hover {
	background-position: -40px -100px;
}
.mylist_button {
	background-position: 0 0;
	
	right: 216px;
}
a.mylist_button:hover {
	background-position: 0 -100px;
}
.buildingPage .mylist_button {
	right: 240px;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 20px;
}
ul.pictures {
	float: left;
	margin-right: -12px;
	overflow: hidden;
}
.pictures li {
	float: left;
	width: 56px;
	height: 45px;
	margin-right: 12px;
	margin-top: 12px;
}
.pictures li img {
	display: none;
}
.pictures li a {
	float: left;
	width: 56px;
	height: 45px;
}
.pictures li a:hover,
.pictures li.active a {
	border: 1px solid #3673b2;
	width: 54px;
	height: 43px;
	
}

.pictures li.selected img {
	display: block;
}
.pictures li.selected {
	width: 192px;
	height: auto;
	margin-right: 0;
	background-image: none !important;
}
.pictures li.selected a {
	width: 192px;
	height: auto;
}
.pictures li.selected a:hover {
	width: 188px;
	float: left;
	overflow: hidden;
	border-width: 2px;
}
.pictures li.selected a:hover img {
	margin: -2px;
}
#more_objects li {
	clear: both;
	position: relative;
	padding-left: 110px;
	zoom: 1;
	float: left;
}
#more_objects li a {
	white-space: nowrap;
	
}
#more_objects li * {
	float: left;
	margin-right: 5px;
	color: #494949;
}
#more_objects li span {
	width: 100px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
}
#more_objects ul li a {
	color: #494949;
	text-decoration: underline;
}
.lightbox, .fader {
	position: fixed;
	z-index: 40;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	
}
.lightbox_content {
	background-color: #ffffff;
	border: 4px solid #3673b2;
	padding: 10px;
	width: 300px;
	height: 200px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -164px;
	margin-top: -114px;
	text-align: left;
	z-index: 42;
}
.lightbox_content h3 {
	margin-bottom: 10px;
}
.lightbox_content strong {
	font-weight: normal;
}
.lightbox_content a.close {
	position: absolute;
	right: 0px;
	top: -27px;
	white-space: nowrap;
	padding-right: 24px;
	text-decoration: none;
	line-height: 22px;
	font-weight: bold;
	margin-right: -4px;
	color: #3673b2 !important;
}
.lightbox_content a.close:hover {
	text-decoration: underline;
}
.lightbox_content a.close span {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons.png);
	background-position: 100% 0px;
	overflow: hidden;
	right: 0px;
	top: 0px;
	
}
.lightbox_content a.close:hover span {
	background-position: 100% -100px;
}
.fader {
	background-color: #f3f3f3;
	z-index: 40;
}
.lightbox table, .lightbox td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.lightbox td img {
	border: 3px solid #3673b2;
	max-width: 90%;
	max-height: 90%;
}
/* my list */
div.building {
	margin: 10px 0;
	padding: 10px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	clear: both;
}
div.building h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f3f3f3;
}
.buildings_list .period_1200-1850 h3 {color: #d60080;}
.buildings_list .period_1850-1900 h3 {color: #0092c8;}
.buildings_list .period_1900-1945 h3 {color: #ff9c09;}
.buildings_list .period_1945-1970 h3 {color: #40AF2C;}
.buildings_list .period_1970-1990 h3 {color: #df3e00;}
.buildings_list .period_1990-2010 h3 {color: #516265;}
.buildings_list .period_1200-1850 {border-color: #d60080;}
.buildings_list .period_1850-1900 {border-color: #0092c8;}
.buildings_list .period_1900-1945 {border-color: #ff9c09;}
.buildings_list .period_1945-1970 {border-color: #40AF2C;}
.buildings_list .period_1970-1990 {border-color: #df3e00;}
.buildings_list .period_1990-2010 {border-color: #516265;}

.buildings_list .period_1200-1850 h3 span, .buildings .period_1200-1850 strong em {background-color: #d60080;}
.buildings_list .period_1850-1900 h3 span, .buildings .period_1850-1900 strong em {background-color: #0092c8;}
.buildings_list .period_1900-1945 h3 span, .buildings .period_1900-1945 strong em {background-color: #ff9c09;}
.buildings_list .period_1945-1970 h3 span, .buildings .period_1945-1970 strong em {background-color: #40AF2C;}
.buildings_list .period_1970-1990 h3 span, .buildings .period_1970-1990 strong em {background-color: #df3e00;}
.buildings_list .period_1990-2010 h3 span, .buildings .period_1990-2010 strong em {background-color: #516265;}

.buildings_list .period_1200-1850 dl.details {background-color: #fbe5f2;}
.buildings_list .period_1850-1900 dl.details {background-color: #e5f4f9;}
.buildings_list .period_1900-1945 dl.details {background-color: #fff5e6;}
.buildings_list .period_1945-1970 dl.details {background-color: #ecf7e9;}
.buildings_list .period_1970-1990 dl.details {background-color: #fcebe5;}
.buildings_list .period_1990-2010 dl.details {background-color: #edefef;}
.buildings_list div.period_1200-1850 img.building {border-color: #fbe5f2;}
.buildings_list div.period_1850-1900 img.building {border-color: #e5f4f9;}
.buildings_list div.period_1900-1945 img.building {border-color: #fff5e6;}
.buildings_list div.period_1945-1970 img.building {border-color: #ecf7e9;}
.buildings_list div.period_1970-1990 img.building {border-color: #fcebe5;}
.buildings_list div.period_1990-2010 img.building {border-color: #edefef;}
.building h3.periodlist {
	padding-left: 24px;
}
.building h3.periodlist span {
	float: left;
	width: 20px;
	height: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
	margin-left: -24px;
	margin-top: -4px;
}
dl.details, .building img.building {
	float: right;
	width: 192px;
	clear: right;
	margin-left: 30px;	
	line-height: 16px;
}
dl.details {
	padding: 0 10px 10px 10px;
	margin: 0 -10px 0 30px;
}
div.building img.building {
 	margin-top: 6px;
 	border-style: solid;
 	border-width: 10px;
 	margin-right: -10px;
 }
 #contentdiv #linked {
 	float: none;
 }
 .googleImage {
 	max-width: 100%;
 }
 div.building div.hr {
 	border: none;
 	clear: both;
 }
/* big map */
.bigmap #map, .bigmap #map #googleMap, .bigmap #searchcontainer {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	margin: 0;
}
 .bigmap #map {
 	position: fixed;
 }
 * html .bigmap #map {
 	position: absolute;
}
.bigmap #contentcontainer, .bigmap #topmenu, .bigmap #hetboek, .bigmap .mylist_button {
	display: none;
}
.bigmap #searchcontainer {
	width: 1px;
	height: 1px;
	z-index: 12;
}
.bigmap #map {
	overflow: visible;
}
.bigmap #map h5 {
	display: none;
}
.bigmap #periods {
	display: none;
}
.mode #menuitem_457 {
	display: none;
}
.hasList .mode #menuitem_457 {
	display: block;
}
#markerInfo {
	position: absolute;
	width: 250px;
	background-color: #ffffff;
	left: 300px;
	top: 400px;
	z-index: 3;
	display: none;
}
.bigmap #markerInfo {
	display: block;
}
#markerInfo.small {
	width: 70px;
	height: 59px;
	overflow: hidden;
}
#markerInfo.small h4 {
	border: none;
}
#markerInfo dd, #markerInfo dt {
	float: left;
	clear: none;
	margin: 0;
}
#markerInfo dt {
	clear: left;
	width: 85px;
}
#markerInfo h4 {
	margin: 0;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-position: 7px 7px;
	min-height: 45px;
}
#markerInfo dl a {
	text-decoration: none;
	color: #494949;
	cursor: text;
}
#markerInfo a.building_more {
	display: block;
	background-color: #ebf1f7;
	color: #3673b2;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	padding: 3px 7px;
}
#markerInfo.period_1200-1850 a.building_more {color: #d60080;}
#markerInfo.period_1850-1900 a.building_more {color: #0092c8;}
#markerInfo.period_1900-1945 a.building_more {color: #ff9c09;}
#markerInfo.period_1945-1970 a.building_more {color: #40AF2C;}
#markerInfo.period_1970-1990 a.building_more {color: #df3e00;}
#markerInfo.period_1990-2010 a.building_more {color: #516265;}
#markerInfo.period_1200-1850 a.building_more {background-color: #fbe5f2;}
#markerInfo.period_1850-1900 a.building_more {background-color: #e5f4f9;}
#markerInfo.period_1900-1945 a.building_more {background-color: #fff5e6;}
#markerInfo.period_1945-1970 a.building_more {background-color: #ebf1f7;}
#markerInfo.period_1970-1990 a.building_more {background-color: #fcebe5;}
#markerInfo.period_1990-2010 a.building_more {background-color: #edefef;}
#markerInfo a.building_more:hover {
	background-color: #40af2c;
	color: #fff !important;
}
#markerInfo.period_1200-1850 a.building_more:hover {background-color: #d60080;}
#markerInfo.period_1850-1900 a.building_more:hover {background-color: #0092c8;}
#markerInfo.period_1900-1945 a.building_more:hover {background-color: #ff9c09;}
#markerInfo.period_1945-1970 a.building_more:hover {background-color: #40AF2C;}
#markerInfo.period_1970-1990 a.building_more:hover {background-color: #df3e00;}
#markerInfo.period_1990-2010 a.building_more:hover {background-color: #516265;}
#markerInfo.period_1200-1850 h4{ 
	color: #d60080;
}
#markerInfo.period_1850-1900 h4{ 
	color: #0092c8;
}
#markerInfo.period_1900-1945 h4{ 
	color: #ff9c09;
}
#markerInfo.period_1945-1970 h4{ 
	color: #40af2c;
}
#markerInfo.period_1970-1990 h4{ 
	color: #df3e00;
}
#markerInfo.period_1990-2010 h4{ 
	color: #516265;
}
.home #periods {
	margin-left: -180px;
}
.home #periods ul, .home #periods li {
	width: 100%;
}
.home #periods li.period a.period {
	margin-left: 180px;
}
.home #contentcontainer {
	background-color: #fff;
}
.home #contentdiv {
	padding-top: 289px;
}
.home h1 {
	top: 249px;
}
.bigmap h1 {
	top: 0px;
}
.home #topmenu {
	top: 309px;
}
.home .mylist_button {
	top: 259px;
}
#content2 {
	float: left;
	width: 100%;
	clear: both;
	margin-top: 10px;
}
#content2 h4 {
	margin-bottom: 10px;
}
.mode #content2 a {
	display: block;
	clear: both;
	color: #494949 !important;
	padding-left: 24px;
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 20px;
	margin-bottom: 4px;
}
.mode #content2 a:hover {
	text-decoration: underline;
}

a span.mp3_play_button object {
	float: left;
	margin-right: 4px;
}

.period_1200-1850 #content2 a {background-position: 0 0;}
.period_1850-1900 #content2 a {background-position: -220px 0;}
.period_1900-1945 #content2 a {background-position: -440px 0;}
.period_1945-1970 #content2 a {background-position: -660px 0;}
.period_1970-1990 #content2 a {background-position: -880px 0;}
.period_1990-2010 #content2 a {background-position: -1100px 0;}

.period_1200-1850 #content2 a:hover {background-position: 0 -100px;}
.period_1850-1900 #content2 a:hover {background-position: -220px -100px;}
.period_1900-1945 #content2 a:hover {background-position: -440px -100px;}
.period_1945-1970 #content2 a:hover {background-position: -660px -100px;}
.period_1970-1990 #content2 a:hover {background-position: -880px -100px;}
.period_1990-2010 #content2 a:hover {background-position: -1100px -100px;}

#content2 a:hover {
	background-position: 0 -100px;
}
#subcontent.mylist_actions h4 {
	margin-bottom: 10px;
	background-color: #EBF1F7;
	border-color: #3673b2;
	position: relative;
}
#subcontent.mylist_actions h4.export {
	margin-top: 10px;
	
}
#subcontent.mylist_actions h4 a {
	position: absolute;
	right: 0px;
	top: 7px;
	text-decoration: none;
}
#subcontent.mylist_actions h4 a:hover {
	text-decoration: underline;
}
#subcontent.mylist_actions p {
	margin: 10px 0;
}
#subcontent.mylist_actions a {
	color: #3673B2;
	display: block;
}

ul.actions {
	margin: 0 0 10px 0;
}
ul.actions li {
	margin-bottom: 5px;
}
ul.actions li a {
	display: block;
	clear: both;
	font-weight: bold;
	text-decoration: underline !important;
}
ul.actions li em {
	display: block;
	clear: both;
	line-height: 14px;
	font-style: normal;
	color: #333333;
}
em.listid {
	float: left;
	background-color: #EBF1F7;
	padding: 0 4px 4px 4px;
	line-height: 20px;
	font-style: normal;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Georgia';
	color: #3673b2;
	border: 1px solid #3673b2;
	margin-right: 10px;
	margin-top: 4px;
}

.building_details textarea, .building_details select {
	margin-left: -20px;
	width: 190px;
	border: 1px solid #f3f3f3;
	font-size: 11px;
	font-family: verdana;
	
}
.contentmode #map h5 {
	display: none;
}
.contentmode #toggleMap {
	display: none;
}
.contentmode #map #googleMap {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}