/* ==============================================================================================
	MMR Trilobiet 2009
	some rules are server generated 
============================================================================================== */

/* ----------------------------------------------------------------------------------------------
	General
---------------------------------------------------------------------------------------------- */
html {
	overflow:auto
}

body {		
	background:#B7C7CA;
	overflow:auto;
}

.printOnly, .textOnly {display:none}

/* ----------------------------------------------------------------------------------------------
	menu area (top)
---------------------------------------------------------------------------------------------- */
#layMenu {	
	position:absolute;
	top:0;left:0;
	height:87px;width:100%;
	z-index:10;
	background:url(../img_struct/bg_mnu_top.png) repeat-x;
	font-family:arial,sans;
	color:white;
	letter-spacing:0.3px;
	text-transform:uppercase;	
}

	#layMenu #dvLogo {
		position:absolute;
		top:0;left:0;height:80px;width:218px;
		border-right:solid 1px #003366;
	}

	#layMenu #dvLogo #logo {
		display:block;
		margin:10px 0 0 25px;
		cursor:pointer;
	}

	#layMenu div.hormenu div {	
		float:left;position:relative;
		cursor:default;
	}
	
	#layMenu #mnu1 {
		position:absolute;
		top:0;left:219px;right:0;
		height:40px;
		background:url(../img_struct/bg_mnu_top_blue.png) repeat-x;
		border-left:1px solid white;
		z-index:100;
	}
	
		#layMenu #mnu1 a.mnuhead {
			height:13px;
			display:block;
			color:white;
			font-weight:bold;
			font-size:12px;
			text-decoration:none;
			padding:20px 40px 7px 7px;
			border-left:solid 1px #07090C;
			border-right:solid 1px #647CA1;
			background:url(../img_struct/mnu_dropdown_1.png) no-repeat scroll 90% 25px;
		}

	#layMenu #mnu1-end {
		position:absolute;
		top:0;right:0;
		height:40px;width:4px;
		border-right:solid 1px white;
		background:url(../img_struct/bg_mnu_top_blue_end.png) no-repeat;
	}

	#layMenu #mnu2 {
		position:absolute;
		top:41px;left:219px;right:0;
		height:40px;
		background:url(../img_struct/bg_mnu_top_white.png) repeat-x;
		border-left:1px solid white;
		border-right:solid 1px white;
	}
	
		#layMenu #mnu2 div.right {
			float:right;
			position:absolute;
			right:0;
			z-index:99;
			background:url(../img_struct/bg_mnu_top_white.png) repeat-x;
		}
	
		#layMenu #mnu2 a.mnuhead, #layMenu #mnu2 .zoekform {
			height:13px;
			display:block;
			color:#336699;
			font-weight:bold;
			font-size:12px;
			text-decoration:none;
			padding:18px 10px 9px 7px;
			border-left:solid 1px #617AA0;
			border-right:solid 1px #FFF;
			z-index:100;
		}	
		
		#layMenu #mnu2 form {
			display:block;
			font-size:12px;
			position:absolute;
			left:65px;
			top:9px;		
		}
		
		#layMenu #mnu2 .zoekform {
			width:200px;
		}	
		
		#layMenu #mnu2 form input.text {
			width:107px;
			height:17px;
			padding:1px 4px 0 4px;
			background:url(../img_struct/bgzoektext.png) ;
			border:solid 1px black;
			font-size:14px;
		}
		
		#layMenu #mnu2 form input.button {
			vertical-align:bottom;
			height:21px;
		}
		
		#layMenu #mnu2 .langbutton {
			display:block;
		}
		
	#layMenu div.mnugroup:hover ul {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}
	
		#layMenu #mnu1 div.mnugroup:hover ul {
			background-color:#396088;
		}

		#layMenu #mnu2 div.mnugroup:hover ul {
			background-color:#FFF;
		}

	
	/* don't show subnesting */
	#layMenu div.mnugroup ul ul {
		display:none !important
	}

	#layMenu div.hormenu ul {
		display:none;
		position:absolute;top:40px;left:0px;
		list-style-type:none;
		padding:0px;margin:0;
		z-index:100;
		font-size:11px;
		font-weight:bold;
		opacity:.95;
		min-width:170px;
	}
		
		#layMenu #mnu1 ul {
			border:1px solid #fff;			
		}

		#layMenu #mnu2 ul {
			border:1px solid #396088;			
		}

	/* fold outs */
	#layMenu div.hormenu ul li {
		border:none;
	}
	
	#layMenu div.hormenu ul a {
		color:white;
		text-decoration:none;
		display:block;
		padding:5px;padding-right:10px;padding-left:10px;
	}
	
		#layMenu #mnu1 ul a {
			color:white;
		}
	
		#layMenu #mnu2 ul a {
			color:#396088;
		}
	
	#layMenu div.hormenu ul a:hover {
		background-color:#B7C7CA;
		color:black;
	}
	
	/* crumb path ------------------------------- */
	#layMenu #crumbpath {
		position:absolute;
		left:228px;top:58px;
		color:black;
	}
	
	#layMenu #crumbpath a {
		font-size:11px;
		font-family:verdana;
		color:black;
		text-transform:lowercase;
		text-decoration:none;
		height:20px;
		overflow:hidden;
	}
	
	#layMenu #crumbpath a:hover {
		color:navy;
	}
	

/* ----------------------------------------------------------------------------------------------
	content area
---------------------------------------------------------------------------------------------- */
#layContent {	
	position:absolute;
	top:81px;left:0;bottom:0;right:0;
	z-index:3;
	overflow:auto;
}

	/* side bar ------------------------------------------------------------*/
	#sidebar {
		width:196px;
		padding:0 12px;
		float:left;
		background:#B7C7CA;
		font-family:Verdana,sans serif;
		font-size:11px;		
	}
	
		#forkids {
			width:195px;
			height:159px;
			background:url(http://www.maritiemmuseum.nl/pix/headers2010/mnu_voor_kinderen.jpg);
		}
		#forkids a {
			display:block;
			width:195px;
			height:159px;
		}
		
		#newsletter {
			width:195px;
			height:51px;
			background:url(../img_struct/mnu_nieuwsbrief.png);
			margin-top:10px;
		}
		#newsletter a {
			display:block;
			width:195px;
			height:51px;
		}
	
		.headline {
			margin:0 0 10px 0;
			width:195px;
			font-family:arial,sans;
		}
		
		.headline.large {
			height:174px;
		}
		
		.headline.small {
			height:162px;
		}
			
		.headline.large.no-body {
			height:40px;
		}
		.headline.small.no-body {
			height:28px
		}

			.headline h3 {
				font-size:12px;
				overflow:hidden;
				color:white;
				letter-spacing:0.3px;
				text-transform:uppercase;	
				padding:5px 6px 0 6px;
				margin:10px 0 0 0;
				line-height:16px;
			}
			
			.headline h3 a {
				color:white;
			}
			
			.headline.large h3 {
				height:34px;
				background:url(../img_struct/bg_mnu_left_top_large.png);
			}	
			
			.headline.small h3 {
				height:19px;
				background:url(../img_struct/bg_mnu_left_top_small.png);
			}	
			
			.headline div.body {
				padding:6px;
				margin:0;
				height:100px;
				width:181px;
				font-family:verdana;
				font-size:11px;
				background:white;
				border-left:solid 1px black;
				border-right:solid 1px black;
				overflow:hidden;
			}
			
			.headline div.body a { 
				text-decoration:none;
				color:black;
			}
			
			.headline.left div.foot {
				background:url(../img_struct/bg_mnu_left_bottom_left.png);
				height:23px;
				width:195px;
			}	
	
			.headline.right div.foot {
				background:url(../img_struct/bg_mnu_left_bottom_right.png);
				height:23px;
				width:195px;
			}	
			
		#addthisbutton {
			margin-top: 2em;
			padding-top: 1em;
			border-top: solid 1px #000;
		}	
					
		
	/* tab bar -------------------------------------------------------------*/
	#tabbar {
		position:absolute;
		left:220px;top:12px;
		width:770px;height:56px;
	}
	
	#tabbar a {
		position:relative;
		float: left;
		display: block;
		width: 244px;
		height: 57px;
		margin-right: 10px;
		border-style: solid;
		border-color: #8CA6AA;
		border-width: 1px 1px 0 1px;
		background: #C4D0D2;
	}
	
	#tabbar a strong {
		position: absolute;
		left: 9px; 
		top: 15px;
		width: 200px;
		height: 28px;
		margin: 0;
		padding: 0;
		cursor:pointer;
	}
	
	#tabbar a strong span {
		display: none;
	}
	
	#tabbar a.active {
		background: url(../img_struct/bg_tab_active.png) repeat-x #728696;
	}
	
	#tabbar #tabnutezien strong         {background: url(../img_struct/tab_nutezien_inact.png) no-repeat;}
	#tabbar #tabnutezien.active strong  {background: url(../img_struct/tab_nutezien_act.png) no-repeat;}
	#tabbar #tabnutedoen strong         {background: url(../img_struct/tab_nutedoen_inact.png) no-repeat;}
	#tabbar #tabnutedoen.active strong  {background: url(../img_struct/tab_nutedoen_act.png) no-repeat;}
	#tabbar #tabcommunity strong        {background: url(../img_struct/tab_community_inact.png) no-repeat;}
	#tabbar #tabcommunity.active strong {background: url(../img_struct/tab_community_act.png) no-repeat;}
		
	/* main content --------------------------------------------------------*/
	#maincontent {
		position:absolute;
		left:220px;top:69px;
		width:738px;
		padding:10px 10px 50px 10px;
		font-family:Verdana,sans serif;
		font-size:12px;
		background: url(../img_struct/bgbody.png) repeat-x #B7C7CA 0 0;
		min-height:700px;
	}
	
	
			
		
/* ----------------------------------------------------------------------------------------------
	subsite area
---------------------------------------------------------------------------------------------- */
#laySubsite {
	position:absolute;
	top:0px;left:0;right:0;bottom:0;
	background:#B7C7CA;
}	
	
#laySubsite iframe {
	position:absolute;
	top:0;bottom:0;right:0;left:0;
	border:none;
	width:100%;height:100%;
}	


/* ----------------------------------------------------------------------------------------------
	home page
---------------------------------------------------------------------------------------------- */
#frontpage {
	margin:-10px;
	width:778px;
}
#frontpage .header {
	display:block;
	margin:0;
}

#frontpage .banner {
	display:block;
	width:240px;
	height:120px;
	float:left;
	margin:10px 19px 0 0;
}

#frontpage a span {
	display:none;
}

/* ----------------------------------------------------------------------------------------------
	other
---------------------------------------------------------------------------------------------- */
.backtop {
	clear:both;
	font-size:11px;
	margin:1em -10px;
	padding: .5em 10px;
	border-top: solid 1px #999;
}