html, body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: Georgia, "Times New Roman", serif;
	/* font-family: "Arial","Verdana","Helvetica",sans-serif; */
	font-size: 12px;
	height: 100%;
	line-height:20px;
	background: url(../img/background.png) repeat-y center top;
}


html {
	overflow-y: scroll;
}

body {
	background: url(../img/background.png) repeat-y center top;
	margin: 0 auto;
	width: 986px;
}

#footer_container
{
	background: url(../img/background.png) repeat-y center top;
}

img, form {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

input, select, textarea {
	color : #000000;
	font-size : 11px;
	font-weight: normal;
	font-family : Arial, Verdana;
	text-decoration: none;
}

option { 
	border: 0px solid #000000;
	font-family : Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

/* link styling
**************************************************/

a {
	color: #000;
	outline: none;
}

a.sub-link {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: rgb(220,170,120); /* beige */
	text-transform: uppercase;
}

a.lees-meer, a.algemeen_more {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin-top: 5px;
	text-transform: uppercase;
	padding-left:16px;
	background-image:url('../img/pijl_blauw_v2.gif');
	background-repeat:no-repeat;
	background-position:0px 6px;
}

a.lees-meer {
	background-image:url('../img/pijl_zwart_v2.gif');
}

a.lees-meer:hover, a.algemeen_more:hover {
	background-image:url('../img/pijl_rood_v2.gif'); /* pijl_beige.gif */
}

a.pers_logout {
	color: #82b4d2; /* licht blauw */
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

a.close_pers {
	text-decoration: none;
	color: #000
}

a.pdf_onderwijs {
	text-decoration: underline;
	color: black;
}
a.lees-meer {
	color: #000;
	width: 82px;
}

a.algemeen_more {
	color: #82b4d2;
}

a.algemeen_link {
	color: #82b4d2;
	text-decoration: underline;
}

a.archive_cat {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	color: #000;
}


#topmenu a {
	color: rgb(220,170,120);
	text-decoration: none;
}

a.close_pers:hover {
	text-decoration: underline;
}
a.pers_logout:hover,
#topmenu a.active,
#menu a:hover,
#menu a.open,
#menu a.active,
a.sub-link:hover,
a.lees-meer:hover, a.algemeen_link:hover, a.algemeen_more:hover, a.archive_cat:hover, #topmenu a:hover{
	color: #f04e23; /* FH rood */
}
a.pdf_onderwijs:hover {
	text-decoration: underline;
}


/* layout
*************************************************************/

#breadcrumb {
	font-size: 10px;
	font-family: Arial, sans-serif;
	margin-bottom: 7px;
	margin-top: -5px;
}
#breadcrumb a {
	color: #000;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #f04e23;
}

#franshalsmuseum {
	position: absolute;
	top: 38px;
	left: 135px;
	opacity: 0.5;
	width: 518px;
	height: 35px;
	background: transparent;
}

#franshalsmuseum:hover {
	background:url(../img/frans-hals-logo-overlay.png);
	background-color:white;
	opacity: 1;
}

#frame {
	position: relative;
	background: url(../img/header.png) no-repeat left top;
	width: 100%;
	padding-top: 145px;
}

#search-form {
	position: absolute;
	top: 30px;
	right: 0;
	margin-right:-4px;
}

#language {
	position: absolute;
	top: 34px;
	width: 50px;
	/* right: 214px; */
	left: 682px;
}
	

#search-form .text {
	border: 1px solid rgb(220,170,120);
	font-size: 10px;
	height: 11px;
	width: 133px;
}

#menu {
	position: absolute;
	left: 449px;
	top: 91px;
	margin: 0;
	padding: 0;
	width: 545px;
}

#topmenu {
	position: absolute;
	right: 0px;
	top: 57px;
	margin: 0;
	padding: 0;
	/* width: 325px; */
	text-align: right;
	color: rgb(220,170,120);
}

#submenu {
	position: absolute;
	left: 449px;
	top: 102px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 16px;
	width: 538px;
}

#submenu a {
	font-size: 11px;
	margin-right: 9px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #82b4d2;
}

#submenu a.active,
#submenu a:hover {
	/*
	background: url(../img/submenu-active.png) center left no-repeat;
	padding-left: 12px;
	*/
	color: #f04e23;
	background-color: #f00;
}

#menu table {
	width: 100%;
}

#menu table td {
	padding-right: 5px;
}

#menu table td.first {
}

#menu table td.last {
	text-align: right;
	padding-right: 0px;
}

#menu a {
	font-size: 13px;
	text-decoration: none;
	color: #82b4d2;
}

#main {
	position:relative;
	background-image: url('../img/background.gif');
	background-repeat: repeat-y;
}

#main .col-left {
	float: left;
	width: 436px;
	position:relative;
}

#main .col-right {
	float: right;
	width: 535px;
}

#main .col-right #home-left {
	float: left;
	width: 255px;
}

#main .col-right #home-right {
	float: right;
	width: 230x;
}

#main .col-right #content-left {
	float: left;
	width: 253px;
}

#main .col-right #content-right {
	float: right;
	width: 252px;
}

.blue-box {
	background: #c1dae9;
	padding: 10px;
}

.brown-box {
	background: #e9d7be;
	padding: 10px;
}


a.back {
	display: block;
	margin-top: 15px;
	color: #fff;
	text-decoration: none;
}

a.back:hover {
	color: #f04e23;
}

.topmenu_txt {
	font-family: Arial;
	font-size: 11px;
	color: rgb(220,170,120);
}

.kader {
	background: #c1dae9;
	padding: 10px;
	width: 226px;
	margin-bottom: 20px;
}

.kader .item {
	border-top: 1px dashed #000;
	margin: 4px 0 12px 0;
	padding-top: 4px;
}

#main .col-right .kader h3 {
	color: #fff;
}

#bankgiroloterij {
	margin: 20px 0;
}

#external-links{
}

#adres {
	width:400px !important;
	height:16px !important;
}

#footer {
	position:relative;
	clear: both;
	height: 30px;
	padding-left: 451px;
	font-size: 11px;
	text-align: left;
	font-family: Arial, sans-serif;
	width:800x;
	/* color: rgb(220,170,120); */
	color: #82B4D2;
}

#footer .adres {
	position:absolute;
	left:451px;
	top:20px;
}	


/* global styles
*******************************************************************/

h1, h2, h3, h4 {
	font-family: "Arial","Verdana","Helvetica",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

h1.titel, h2.titel, h3.titel, h4.titel {
	font-family: Georgia, "Times New Roman", serif; 
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.gray {
	color: #aaa;
}

.cent {
	font-family: "Arial","Verdana","Helvetica",sans-serif;
	font-weight: bold;
	font-size: 11px;
}


.cent.mainmenu {
	font-family: "Century Gothic","Arial","Verdana","Helvetica",sans-serif;
	text-transform:uppercase;
	padding-left:1px;
}

.tmenu {
	color: rgb(220,170,120);
	font-family: Arial;
	font-size: 11px;
}

.prefix {
	margin-bottom: 5px;
}

h2.small {
	margin-bottom: 5px;
	font-size: 13px;
}

.item {
	margin-bottom: 25px;
	width:420px;
}

#home-left .item,
#content-left .item,
.kader .item,
#content-right .item {
	width:100%;
}

.body {
	text-align: left;
}

.close_reg, .open_reg, .press_images {
	cursor: pointer;
}

.news_img {
	float: right;
	margin-left: 5px;
}

.news_pdf  {
	display:inline-block;
	padding-left:18px;
	background-image:url(../img/download_persbericht.gif);
	background-repeat:no-repeat;
	background-position:left middle;
	height:16px;
	color: #000;
}

.persbericht,
.download_link,
.download_pdf,
.download_mp3  {
	display:inline-block;
	padding-left:18px;
	background-image:url(../img/download_persbericht.gif);
	background-repeat:no-repeat;
	background-position:left middle;
	height:16px;
	font-family:"Arial","Helvetica",sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:underline;
		
}

.download_mp3 {
	background-image:url(../img/mp3.gif);
	padding-left:35px;
	background-position:0px 2px;
	height:17px;
}


.bijschrift {
	display:inline-block;
	width:430px;
	margin-top:10px;
	text-align:right;
}






.sub-link {
	display:inline-block;
	padding-left:18px;
	background-image:url(../img/beige_pijl_v2.gif);
	background-repeat:no-repeat;
	background-position:left 55%;
	color: #000;
}

.orange_box {
	width: 436px;
	background-color: #ebceab;
}

.grey_box {
	margin-left: 36px;
	width: 400px;
	background-color: #bcbdc0;
}

.blue_box_big {
	background: #c1dae9;
	width: 436px;
}

.pers_box {
position: relative;
background: #c1dae9;
width: 990px;
height: 550px;
}

.logout {
	position: absolute;
	width: 80px;
	height: 30px;
	right: 0;
	top: 0;
}
.blue_box_pers {
	
	width: 426px;
	padding: 5px 5px 20px 5px;
	float: left;
}

.blue_box_pers_big {
	/* width: 514px;
	padding: 20px; */
	float: left;
}

.img_box {
	padding: 18px;
	height: 110px;
}

.orange_title, .orange_entry {
	border-bottom: 1px solid #f5e6d5;
}

.orange_entry {
	height: 80px;
}

.orange_title, .orange_info {
	height: 50px;
}

.orange_header {
	padding: 18px 0 0 10px;
	font-size: 13px;
	font-weight: bold;
}

.archive_cat {
	margin: 19px 5px 5px 5px; 
	float: left; 
	font-family: Arial;
}

.col-century, .col-century-end {
	margin-top: 15px;
	width: 175px;
	float: left;
}

.col-century {
	margin-right: 25px;
}

.blue_box {
	background: #c1dae9;
	padding: 10px;
	width: 230px;
	margin-bottom: 20px;
}

.col-publicaties, .col-publicaties-blue, .col-publicaties-end {
	width: 199px;
	float: left;
}

.col-publicaties, .col-publicaties-blue {
	margin-right: 43px;
}

.col-publicaties, .col-publicaties-end {

	text-align: left;
}
.col-publicaties-blue {
	padding: 10px;
	background: #c1dae9;	
}
.country_active, .country, .country_seperator {
	font-family: Arial;
	font-size: 11px;
}

.country_active a, .country a {
	font-family: Arial;
	font-size: 11px;
	color: rgb(220,170,120);
	text-decoration: none;
}

.country_active a {
	font-weight: bold;
	color: #f04e23;
}

.country , .country_seperator {
	color: rgb(220,170,120);
}

.box_thumb , .box_thumb_active{
	margin: 1px 10px 2px 3px;
}

.box_thumb_active{
	border: 2px solid #f04e23;
}

.box_thumb {
	border: 2px solid #ebceab;
}

#register_form {
	width:270px; 
	background: #c1dae9; 
	padding: 10px;
}

.error {
	color: rgb(240,68,35);;
}

.press_images {
	padding: 3px;
}

.pagination {
	margin-top: 30px;
	width: 400px;
	text-align: center;
}
.pagination a {
	font-family: Arial;
	width: 10px;
	color: #000;
	padding: 1px 5px;
	margin: 0 4px;
	text-decoration: none;
	font-weight: bold;
}

.pagination a.active {
	font-family: Arial;
	width: 10px;
	color: rgb(240,68,35);;
	padding: 1px 5px;
	margin: 0 4px;
	text-decoration: none;
	font-weight: bold;
}

.pagination a:hover {
	font-family: Arial;
	color: rgb(240,68,35);;
}

#dialoggray {
   position: absolute;
   z-index: 120;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: #000000;
   visibility: hidden;
   Filter: Alpha(Opacity=75);
   -moz-opacity:0.75;
}

 

#dialog {
	background: white;
	overflow: hidden;
	position: absolute;
	z-index: 121;
	left: 50%;
	width: 950px;
	margin-left: -495px;
	height: 560px;
	top: 50%;
	margin-top: -300px;
	padding: 20px;
}

.evenementen_onderschrift {
	font-family:"Arial", "Helvetica", sans-serif;
}


.dialog_painting {}
	
	.dialog_painting #breadcrumb {
		position:absolute;
		/*left:466px;
		top:30px;*/
	}

	#prev_next_container  {
		
	}

	.prev_next {
		display:inline-block;
		width:14px;
		height:20px;
		cursor:pointer;
	}

	.next {

	}

	.previous {

	}
	
	.dialog_painting h2 {
		margin:0;
		padding:0;
		font-size:18px;
	}
	
	
	.dialog_painting  .painting_info {
		font-family:"Arial","Helvetica",sans-serif;
		font-size:13px;
		font-weight:bold;
		margin-bottom:18px;
	}
	
	.dialog_painting  .painting_info .extra_info {
		font-size:10px;
	}
	
	a.back_to_gallery {
		font-family:"Arial","Helvetica",sans-serif;
		font-size:11px;
		color:#fff;
		padding:1px;
		background-color:#82b4d2;
		text-decoration:none;
		font-weight:bold;
		text-transform: uppercase;
	}
	
	a.back_to_gallery:hover {
		background-color:#f04e23;
	}

.orange_header_tab {
	float: left;
	width: 110px;
}

.blue_box_big .item {
	padding:10px;
	margin-bottom:1px;
}


.pers_images {
	padding-left:15px;
	padding-bottom: 10px;
	width: 420px;
}

.pers_images .image_container {
	width: 134px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
}

.cat_active {
	color:#F04E23 !important;
}

.cat_inactive {
	
}


#cse {}

	#cse {
		z-index:999;
	}
	
	#cse * { margin:0; padding:0 ; background-color:#FCF8F3 !important; z-index:500000 !important;}
	
	#cse .gsc-branding {
		display:none !important;
	}


	#cse input.gsc-input{
		border:1px solid #DCAA78 !important;
		padding:1px;
		margin-right:3px;
	}

	#cse input.gsc-search-button {
		border:1px solid #DCAA78;
		background-color:#FCF8F3;
		color:#DCAA78;
		padding:0px 2px 0px 2px;
		height:18px;
		overflow:hidden;
		margin-left:10px;
		margin-right:4px;
	}
	
	#cse div.gsc-clear-button {
		padding:4px;
		margin:4px;
	}
	
	}

	
	
.namen {}

	div.namen {
		position:absolute;
		left:0px;
		top:0;
		height:140px;
		width:435px;
	}
	
	ul.namen {
		position:relative;
	}
	
	ul.namen, ul.namen * {
		list-style-type:none;
		margin:0;
		padding:0;
		text-indent:-999999px;
	}
	
	ul.namen a {
		position:absolute;
		display:block;
		height:12px;
		width:100px;
		right:0px;
	}
	
	/* ul.namen a.franshalsmuseumheader {
		position:absolute;
		display:block;
		height:34px;
		width:518px;
		right:0;
	} */
	
	ul.namen a:hover {
		background-repeat:no-repeat;
		background:url(../img/namen_rood.png);
	}
	/* ul.namen a.franshalsmuseumheader:hover {
		background-repeat:no-repeat;
		background:url(../img/frans-hals-logo-overlay.png);
	} */
		
		/* Frans Hals Museum Header */
		/* ul.namen .franshalsmuseumheader {
			top:30px;
			width:518px;
			right:-218px;
			height:34px;
			background-color: #f00;
		}
		ul.namen .franshalsmuseumheader:hover {
			background-position:366px 123px;
		} */
	
		/* Jan van Scorel */
		ul.namen .schilder0 {
			top:4px;
			width:91px;
			right:274px;
		}
		ul.namen .schilder0:hover {
			background-position:366px 123px;
		}
		
		/* pieter k */
		ul.namen .schilder1 {
			top:4px;
			width:158px;
			right:116px;
		}
		ul.namen .schilder1:hover {
			background-position:275px 123px;
		}
		
		/* pieter k */
		ul.namen .schilder2 {
			top:4px;
			width:116px;
			right:0px;
		}
		ul.namen .schilder2:hover {
			background-position:117px 123px;
		}
	
		/* pieter k */
		ul.namen .schilder3 {
			top:19px;
			width:203px;
			right:96px;
		}
		ul.namen .schilder3:hover {
			background-position:299px 108px;
		}
	
		/* pieter k */
		ul.namen .schilder4 {
			top:19px;
			width:96px;
			right:0px;
		}
		ul.namen .schilder4:hover {
			background-position:96px 108px;
		}
	
		/* pieter k */
		ul.namen .schilder5 {
			top:81px;
			width:82px;
			right:283px;
		}
		ul.namen .schilder5:hover {
			background-position:-34px 46px;
		}
	
		/* pieter k */
		ul.namen .schilder6 {
			top:81px;
			width:82px;
			right:198px;
		}
		ul.namen .schilder6:hover {
			background-position:-119px 46px;
		}

		/* jan van g */
		ul.namen .schilder7 {
			top:81px;
			width:85px;
			right:110px;
		}
		ul.namen .schilder7:hover {
			background-position:-204px 46px;
		}
		
		/* pieter s */
		ul.namen .schilder8 {
			top:81px;
			width:107px;
		}
		ul.namen .schilder8:hover {
			background-position:108px 46px;
		}
		
		/* johannes v */
		ul.namen .schilder9 {
			top:97px;
			right:265px;
			width:134px;
		}
		ul.namen .schilder9:hover {
			background-position:0px 272px;
		}
		
		/* juduth l */
		ul.namen .schilder10 {
			top:97px;
			right:173px;
			width:90px;
		}
		ul.namen .schilder10:hover {
			background-position:-136px 272px;
		}
		
		/* isaack v o */
		ul.namen .schilder11 {
			top:97px;
			right:58px;
			width:110px;
		}
		ul.namen .schilder11:hover {
			background-position:169px 272px;
		}
		
		/* jan steen */
		ul.namen .schilder12 {
			top:97px;
			width:56px;
		}
		ul.namen .schilder12:hover {
			background-position:57px 272px;
		}
	
		/* jacob v r */
		ul.namen .schilder13 {
			top:111px;
			width:120px;
			right:120px;
		}
		ul.namen .schilder13:hover {
			background-position:241px 137px;
		}
		
		/* gerrit b. */
		ul.namen .schilder14 {
			top:111px;
			width:115px;
		}
		ul.namen .schilder14:hover {
			background-position:116px 137px;
		}
		

#bezoek.algemeen h2.prefix,
#bezoek.rondleidingen h2.prefix,
#collectie.introductie h2.prefix,
#vrienden.lidmaatschap h2.prefix
 {
	/* font-family:"Arial","Helvetica",sans-serif; */
	font-size:14px;
}

b.date_title { font-family:"Arial","Helvetica",sans-serif; }

.orange_header { font-family:"Arial","Helvetica",sans-serif; }

/*
	Poging tot generieke items / Berichten opmaak
*/
.display_item_as_item {}

	.display_item_as_item h2 {
		/* font-family:"Arial","Helvetica",sans-serif; */
		font-size:14px;
	}
	
	.orange_info {
		font-family:"Arial","Helvetica",sans-serif;
	}
	

#tentoonstelling.evenementen strong,
#tentoonstelling.evenementen .col-left,
#onderwijs .col-left  {
		font-family:"Arial","Helvetica",sans-serif;
}
.blue_box h2, .bb_title {
	font-family:"Arial","Helvetica",sans-serif;
}

.col-publicaties-blue h2 {
	font-family:"Arial","Helvetica",sans-serif;
}

form table {
	font-family:"Arial","Helvetica",sans-serif;
}

#vrienden.activiteiten strong {

}

#register_form h2 {
	font-family:"Arial","Helvetica",sans-serif;
}

#pers.ingelogd .image_container img {
	border:1px solid #fff;
	padding:2px;
}

#contact h2 {
	font-family:"Arial","Helvetica",sans-serif;
	font-size:13px;
}


a.nudefaultlink {
	color: #fff;
}	
a.nudefaultlink:hover {
	color: #f04e23;
}

a.lezingenlink {
	color: #000;
	text-decoration: none;
}

a.lezingenlink:hover {
	color: #f04e23;
	text-decoration: none;
}