/*-----------------------------------------------------------------------------------*/
/*	Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	font-weight:normal;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	KALE TAGS
/*-----------------------------------------------------------------------------------*/

body {
	margin: 				0 auto;
	font-family: 			Arial, Verdana, Sans-serif; 
	font-size: 				12px; 
	color: 					#232323; 
	background: 			#e5e0c3 url(../images/bg.jpg) top repeat;
}

a:link, a:hover, a:active, a:visited {
	color:					#696969;
	text-decoration:		underline;
}

a:hover {
	text-decoration:		none;
}

h1,h2,h3,h4,h5,h6 {
	padding: 				0; 
	text-transform:	 		uppercase;
}

h1 {	
	font-size: 				16px; 
	color: 					#900000; 
	margin: 				0 0 10px 0;
}

h2 {
	font-size: 				15px;
	color: 					#ff7e00; 
} 

img {
	border:					none;
}

b,strong { 
	font-weight:			bold; 
}

i,em { 
	font-style:				italic; 
}

/*-----------------------------------------------------------------------------------*/
/*	MODIFIERS
/*-----------------------------------------------------------------------------------*/

.left,.floatLeft {
	float:					left;
}

.right,.floatRight {
	float:					right;
}

.fontWeight { 
	font-weight: 			bold; 
}

.uppercase { 
	text-transform: 		uppercase; 
}

.noBorder { 
	border: 				none; 
}

/*-----------------------------------------------------------------------------------*/
/*	KLEURDEFINITIES
/*-----------------------------------------------------------------------------------*/

.groen {
	color:					#388B00 !important;
}
.rood {
	color:					#900000 !important;
}
.oranje {
	color:					#FF7E00 !important;
}
.roze {
	color:					#E400FF !important;
}
.blauw {
	color:					#0036FF !important;
}

/*-----------------------------------------------------------------------------------*/
/*	KNOPPEN E.D.
/*-----------------------------------------------------------------------------------*/

#button,#btn {
	float: 					right;
	width: 					155px;
	height: 				29px;
	margin:					0 5px 0 0;
	display: 				block;
	font-size: 				13px;
	font-family: 			Arial, Verdana, Sans-serif;
	text-align: 			center;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color: 					#FFF;
	line-height: 			29px;
	background: 			url(../images/opnieuwZoekenButton.png) top no-repeat;
	border:					none;
}

#btn {
	font-size:				12px;
}
#button:hover,#btn:hover {
	cursor: 				pointer;
	background: 			url(../images/opnieuwZoekenButton.png) bottom no-repeat;
}
.home-search-input {
	display:				inline-block;
}
#home-search-btn {
	float:					right;
	width: 					155px;
	height: 				29px;
	margin:					0 5px 0 0;
	display: 				inline-block;
	font-size: 				13px;
	font-family: 			Arial, Verdana, Sans-serif;
	text-align: 			center;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color: 					#FFF;
	line-height: 			29px;
	background: 			url(../images/opnieuwZoekenButton.png) top no-repeat;
	border:					none;
	cursor:					pointer;
}
#home-search-btn:hover {
	opacity: 0.6;
}
#msg {
	margin:					10px 0 10px 0;
	border: 				1px solid #85FF6D;
	background: 			#C5FFB9;
	min-height: 			50px;
	line-height: 			50px;
	font-style: 			italic;
	text-align: 			center;
}

#error {
	margin:					10px 0 10px 0;
	padding:				10px;
	border: 				1px solid #ff6a6a;
	background: 			#ffb2b2;
	text-align: 			center;
}



.button,.btn {
	width: 					155px;
	height: 				29px;
	margin:					0 5px 0 0;
	display: 				block;
	font-size: 				13px;
	font-family: 			Arial, Verdana, Sans-serif;
	text-align: 			center;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color: 					#FFF;
	line-height: 			29px;
	background: 			url(../images/opnieuwZoekenButton.png) top no-repeat;
	border:					none !important;
}

table.form tbody tr {
	height:					40px;
}
input.text {
	border:					1px solid #B5B5B5;
	height:					18px;
}
textarea.textarea {
	width:					250px;
	height:					150px;
	border:					1px solid #B5B5B5;
}
/*-----------------------------------------------------------------------------------*/
/*	WRAPS
/*-----------------------------------------------------------------------------------*/

#container {
	width:					1000px;
	margin:					0 auto;
	/*overflow:				hidden;*/
}

#content {
	width: 					1000px;
	margin: 				30px auto;
	line-height: 			21px;
}

#wrap {
	margin-top:				10px;
	overflow:				visible;
}
/*-----------------------------------------------------------------------------------*/
/*	STATIC TOP
/*-----------------------------------------------------------------------------------*/

#top {
	width:					100%;
	height: 				35px;	
	background: 			#1f4a73;
	line-height:			35px;
}

#topInner {
	width:					1000px;
	margin: 				0 auto;
	overflow:				hidden;
	text-align:				right;
}

#topInner li {
	list-style: 			none;
	display:				inline;
	margin: 				0 10px 0 10px;
	padding: 				0;
}

#topInner a {	
	color: 					#FFF;
	font-size: 				10px;
	text-decoration: 		none;
}

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


#topSearch {
	margin: 				0 0 0 10px;
	float: 					right;
}

#topSearchBar {
	width: 					162px;
	height: 				22px;
	border:					0;
	color: 					#FFF;
	padding: 				0 3px 0 3px;
	background: 			url(../images/topSearchBar.jpg) top repeat;
}

#topSearchSubmit {
	width: 					19px;
	height: 				22px;
	border: 				0;
	cursor: 				pointer;
	background: 			url(../images/topSearchSubmit.jpg) top no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	MENU en TOEBEHOREN
/*-----------------------------------------------------------------------------------*/


#menuBar {
	width: 					1000px;
	height: 				31px;
	margin: 				0 auto;
	font-size: 				12px;
	font-family: 			Arial;
	text-transform: 		uppercase;
	background: 			url(../images/menuBg.png) top no-repeat;
	position:				relative;
}

#menu {
	position:				absolute;
	top:					0;
	left: 					115px;
	width: 					740px;

}

#menu li  {
	list-style: 			none;
	display: 				inline;
	height:					31px;
	margin: 				0;
	padding:				0 0 0 20px;

}

 #menu a {
 	display:				inline-block;
	height:					31px;
 	color: 					#FFF;
	text-decoration: 		none;
	line-height:			33px;
 }

#menu a:hover {
	color: 					#b1c5d8;
}

#logoFriesMuseum {
	width: 					102px;
	height: 				34px;
	display:				block;
	position: 				absolute;
	top: 					5px;
	left: 					15px;
	cursor: 				pointer;
	text-indent: 			-9000px;
	background: 			url(../images/logoFriesMuseum.png) top no-repeat;
}

#logoTresoar {
	width: 					107px;
	height: 				40px;
	display: 				block;
	position: 				absolute;
	top: 					5px;
	right: 					15px;
	cursor: 				pointer;
	text-indent: 			-9000px;
	background: 			url(../images/logoTresoar.jpg) top no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	HEADER SEMI STATIC
/*-----------------------------------------------------------------------------------*/

#header {
	height: 				185px;
	color: 					#FFF;
	overflow:				hidden;
}

#logoFrieseMerklappen {
	margin: 				30px 0 0 0;
	width: 					395px;
	height: 				125px;
	text-indent: 			-9000px;
	display: 				block;
	background: 			transparent url(../images/logoFrieseMerklappen.png) left top no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	BLOCKS
/*-----------------------------------------------------------------------------------*/


/* 429px */
.ftn {
	width: 					429px; 
}
/* 551px */
.ffo {
	width: 					551px;
}
/* 719px */
.son {
	width: 					719px;
}
/* 1000px */
.onek {
	width:					1000px;
}
/* 265px */
.tsf {
	width:					265px;
}

.block {
	margin:					0 0 15px 0;
	padding: 				10px;
	position:				relative;
	overflow:				hidden;
	background: 			#fff url(../images/titleBg.jpg) left top no-repeat;
}

.overflowfix {
	overflow:				visible !important;
}
.block span.doorway {
	position:				absolute;
	top:					0;
	right:					0;
	background:				url(../images/titleBgDoorway.jpg) right top no-repeat;
	width:					14px;
	height:					45px;
}

/*-----------------------------------------------------------------------------------*/
/*	MERKLAPPEN
/*-----------------------------------------------------------------------------------*/
li.merklap{
	overflow:				hidden;
	width:					110px;
	height:					110px;
}

.merklap-infodetail {
	margin: 				0;
	padding: 				0;
}

.merklap-infodetail li {
	display:				inline;
	margin: 				0 5px 0 0;
}

.merklap-infodetail li span {
	color:					#5b5b5b;
}

ul.merklappen {
    list-style: 			none outside none;
    margin: 				20px 0 0 0;
    padding: 				0;
    float: 					left;	
	width: 100%;
}

ul.merklappen li {
	width: 					110px;
	overflow:				hidden;
	float:					left;
	position:				relative;
	margin: 				0 14px 15px 14px;
}

ul.merklappen li a {
	height:					110px;
  	background:				none;	
    /*display: 				block;*/
    overflow: 				hidden;
    position: 				relative;
    text-decoration: 		none;
}

ul.merklappen li a:hover {
    background: 			transparent #000;
	opacity:				0.8;
}

ul.merklappen li a span.wrap {
    display: 				block;
	width: 					110px;
    height: 				110px;
    margin: 				0;
    overflow: 				hidden; 
	text-align:				center;
	position:				relative;
}

span.mask {
	width:					110px;
	height:					110px;

	position:				absolute;
	left:					0; 
	top:					0;
}

ul.merklappen li a em {
	position: 				absolute;
    left: 					1px;
	bottom: 				1px;
    width:					226px;
	height: 				44px;
    color: 					#FFF;
    font-style: 			normal;
    line-height: 			44px;
    padding: 				0 5px;
	margin-bottom:			0;
}

ul.merklappen li a em span {
    display: 				block;
	text-align:				center;
}

.merklapNav, .merklapNav a, .merklapNav a:visited {
	float: 					right;
	margin-left: 			5px;
	padding: 				0;
	text-decoration: 		none;
}

.merklapNav a:hover {
	text-decoration: 		underline;
}

.currentMerklapPage {
	font-weight: 			bold;
	text-decoration: 		underline;
}

#merklapIframe {
	width: 					695px;
	height: 				590px;
	border: 				1px solid #CCC;
}

.merklap-eigen {
	overflow:				hidden;
}

.merklap-favoriet {
	overflow:				hidden;
}

div#thumb_photos{
	height:					142px;
}

#merklap-opt {
	font-family:			Arial, Verdana, Sans-serif;
	color: 					#3D4046;
	margin:					0;
	text-transform:			none;
	padding:				0;
	background: 			url(../images/merklap-optBg.jpg) left top repeat-x;
	border-left: 			1px solid #dbdbdb;
	border-right: 			1px solid #dbdbdb;
	list-style:				none;
	height:					25px;
	line-height:			22px;
}

#merklap-opt>li {
	float:left;
	display:				inline-block;	
	height:					25px;
	padding:			   	0 0 0 2px;
}

#merklap-opt>li>a {
	display:				inline-block;
	font-size:				11px;
	height:					25px;
	line-height:			23px;
	text-decoration:		none;
}

#merklap-opt>li>a:hover {
	color:					#616772;
}

.zoomtoggle {
	padding:				0 0 0 15px;
	background: 			transparent url(../images/zoomtoggle.png) left 4px no-repeat;
}

.zoomtoggle:hover, .zoomtoggle:active {
	background: 			transparent url(../images/zoomtoggle.png) left -26px no-repeat;
}

.hotspottoggle {
	height:					14px;
	padding:				0 0 0 18px;
	background: 			transparent url(../images/hotspottoggle.png) left 5px no-repeat;
}

.hotspottoggle:hover, .hotspottoggle:active {
	background: 			transparent url(../images/hotspottoggle.png) left -41px no-repeat;
}

#textField{
   background: 				none repeat scroll 0 0 #E5E5E5;
    border: 				1px solid #CECECE;
}

#descriptionField{
   	background: 			none repeat scroll 0 0 #E5E5E5;
    border: 				1px solid #CECECE;
	width:					300px;
	height:					200px;
	margin:					10px 0 0 0;
}

#favoriet {
	cursor:					pointer;
	background:				url(../cms/images/icons/heart_add.png) left 3px no-repeat;
	padding:				0 10px 0 25px;
}

#addhs {
	background-position: 	left 2px;
}


div.show {
	cursor:					pointer;
	background:				url(../images/divShow.jpg) left 13px no-repeat;
	border-bottom:			1px solid #cacaca;
	padding:				0 0 0 15px;
	height:					31px;
	line-height:			31px;
}

div.show:hover {
	color:#5a7793;
}

ul.hide li {
	line-height: 			31px;
}


/*-----------------------------------------------------------------------------------*/
/*	HOTSPOTS
/*-----------------------------------------------------------------------------------*/

.hotSpotTooltip{
	height: 				31px;
	line-height: 			31px;
	margin: 				0 0 0 -10px;
	padding:				0 0 0 35px;
	border-bottom: 			1px dashed #beb8a7;
	cursor: 				pointer;
}

.hotSpot {
	line-height: 			31px;
	margin: 				0 0 0 -10px;
	padding:				0 0 0 35px;
	border-bottom: 			1px dashed #beb8a7;
	cursor: 				pointer;
}

.hotSpot a, .hotSpot a:visited, .hotSpot a:hover {
	color: 					#3d4046;
	text-decoration: 		none;
}

.userHotSpot {
	background:				url(../images/userHotSpot.jpg) top left no-repeat;
}

.userHotSpot:hover {
	background: 			url(../images/userHotSpot.jpg) bottom left no-repeat;
}

.adminHotSpot {
	background: 			url(../images/adminHotSpot.jpg) top left no-repeat;
}

.adminHotSpot:hover {
	background: 			url(../images/adminHotSpot.jpg) bottom left no-repeat;
}

.BgHotSpot {
	background: 			url(../images/BgHotSpot.jpg) top left no-repeat;
}

.BgHotSpot:hover {
	background: 			url(../images/BgHotSpot.jpg) bottom left no-repeat;
}

.addHotSpot {
	padding:				0 0 0 25px;
	background: 			url(../images/addHotSpot.jpg) center left no-repeat;
}

.tooltip {
	z-index:20 !important;
	display:none;
	background:transparent url(../images/white_arrow_big.png);
	font-size:12px;
	height:165px;
	width:318px;
	padding:25px;
	color:black;	
}

/*-----------------------------------------------------------------------------------*/
/*	COMMENT
/*-----------------------------------------------------------------------------------*/


.addComment {
	padding:				0 10px 0 30px;
	background: 			url(../images/addComment.jpg) left 2px no-repeat;
}

.comments {
	float: 					left;
	list-style: 			none;
	margin: 				0 0 30px 0;
	padding: 				0;
}

.commentName {
	float: 					left;
	width: 					150px;
	font-weight: 			bold;
}

.commentTxt {
	float: 					left;
	width: 					535px;
}

.needsLogin {
	margin:					15px 0 0 0;
	width: 					695px;
}

#commentField, #commmentField li {
	width: 					693px;
		_width: 			695px;
	height: 				150px;
	margin: 				10px 0 10px 0;
	vertical-align: 		top;
	padding: 				2px;
	border: 				1px solid #cecece;
	background: 			#e5e5e5;
}

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

/*-----------------------------------------------------------------------------------*/
/*	ZOEKEN EN RESULTATEN
/*-----------------------------------------------------------------------------------*/

#zoeken-links {
	float: 					left;
	width: 					412px;
	margin: 				0;
	padding: 				0;
	line-height: 			36px;
}

#zoeken-links, li, ul {
	list-style-type:		none;
	margin:					0;
	padding: 				0;
}

#zoeken-links input {
	width: 					275px;
	_width: 				285px;
	height: 				21px;
	border: 				1px solid #b5b5b5;
	background: 			#FFF;
	line-height: 			23px;
	padding: 				2px 5px 0 5px;
}

#zoeken-links input#button {
	border: 				none;
	float: 					right;
	width: 					155px;
	margin:					0 5px 0 0;
	height: 				29px;
		_height:			29px;
	padding: 				0 0 4px 0;
	display: 				block;
	font-size: 				14px;
	font-family: 			Arial, Verdana, Sans-serif;
	text-align: 			center;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color: 					#FFF;
	background: 			url(../images/opnieuwZoekenButton.png) top no-repeat;
}

#zoeken-links select {
	width: 					287px;
	height: 				25px;
	border: 				1px solid #b5b5b5;
	background: 			#FFF;
	padding:			 	4px 0 0 5px;
}

.description {
	width: 					125px;
	margin: 				0;
	padding: 				0;
}

#zoeken-rechts {
	float: 					right;
	width: 					520px;
	padding: 				0 15px 0 0;
}

.search-minimal input#button{
	border: 				none;
	float: 					right;
	width: 					155px;
	/*margin:					0 5px 0 0;*/
	height: 				29px;
		_height:			29px;
	padding: 				0 0 4px 0;
	display: 				block;
	font-size: 				14px;
	font-family: 			Arial, Verdana, Sans-serif;
	text-align: 			center;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color: 					#FFF;
	background: 			url(../images/opnieuwZoekenButton.png) top no-repeat;
}

.search-minimal input {
	padding:				2px 5px 0 5px;
	line-height:			23px;
	background:				#fff;
	border:					1px solid #b5b5b5;
	height:					21px;
	width:					250px;
}

#zoeken-rechts input[type=checkbox] {
	border:					none;
}

#zoeken-genealogish {
	margin-top: 110px;
}

#alle-merklappen{
	margin-top : 150px;
	
}

.zoekResultaten>ul {
	width:					980px;
	list-style: 			none;
	margin: 				0;
	padding: 				10px 0 0 0;
	overflow:				hidden;
}

.zoekResultaten>ul>li {
	margin-bottom: 			20px;
}

.zoekResultaten>ul a, .zoekResultaten>ul a:visited, .zoekResultaten>ul a:hover {
	color:	 				#232323;
	text-decoration: 		none;
}

.search-bg-2 {
	background-color:		#ECF0F7;
	border: 				1px solid #CCC;	
}

/*-----------------------------------------------------------------------------------*/
/*	NIEUWS
/*-----------------------------------------------------------------------------------*/

div.news-item{
	overflow:				hidden;
	line-height:			20px;
	margin:					0 0 10px 0;
	border-bottom:			1px solid #d9d9d9;
	padding:				0 0 5px 0;
}

.newsA {
	float:					right;
	display:				block;
	width:					70px;
}

.newsTitle,.newsTitle:visited {
	font-weight:			bold;
	text-decoration:		none;
	color:					#000;		
	float: left;
}

.newsTitle:hover {
	text-decoration:		underline;
}

/*-----------------------------------------------------------------------------------*/
/*	NIEUWS
/*-----------------------------------------------------------------------------------*/

#footer {
	float:					left;
	width: 					970px;
	_width: 				1000px;
	height: 				52px;
	margin: 				0 auto 10px;
	padding: 				0 15px;
	color: 					#FFF;
	line-height: 			52px;
	background: 			#1f4a73;
}

#copyright {
	float:					right;
	width: 					80px;
	height: 				21px;
	padding: 				0 10px 20px 0;
	text-indent: 			-9000px;
	background: 			url(../images/impres.png) top no-repeat;
}






/* 
CLEARFiX ALL IN ONE POWER MEGA PACK TABLET
*/
.clearfix:before, .clearfix:after { content: "\0000"; display: block; height: 0; visibility: hidden; } 
.clearfix:after 				  { clear: both; }
.clearfix 						  { zoom: 1; }
.spacer							  { clear: both; }


/*
Genealogish-zoeken pagina
*/
div#kaart{
	position:relative;
	width:444px;
	height:342px;		
	background-repeat:none;
	background-image:url("../images/friesland/default.png");
	opacity:1;
}

img#zuidwest, #zuidoost, #noordwest, #eilanden, #outline, #noordoost, #leeuwarden, #noordwest{
	position:absolute;
}

img.active{
	position:absolute;
}

img.non-active{
	display:none;
}

div#map{
	position:absolute;
	z-index:100;
}

div#map img{
	position:relative;
}

div#links{
	float:left;
	width:444px;
}

div#rechts{
	float:left;
	width:536px;
}
#register td, #logint td {
	padding:		0 5px 5px 0;
}
#register input, #logint input{
	width:155px;
	border: 1px solid #707070;
}

form#login input{
	width:200px;
}