/* -----------------------------------------

	Historisch Genootschap Roterodamum
	Layout styles
	Author acdhirr (www.trilobiet.nl)
	1/2008

----------------------------------------- */

body {
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	background:url('../img_struct/bgbody.png') repeat-y 109px white;
}

.textOnly {display:none}

a:hover {
	color:#6C8ECE !important;
}

#layTop {
	position:relative;
	background: url('../img_struct/clouds.jpg') no-repeat top right;
	width:100%;
	height:165px;
}	

	#layHead {
		position:absolute;
		top:0;left:0;
		background: url('../img_struct/logo.jpg') no-repeat;
		width:310px;
		height:100%;
		z-index:1;
	}

	#menuTop {
		position:absolute;
		display:block;
		margin:0;padding:0;
		left:0;top:99px;
		width:100%;
		height:30px;
		background:#6C8ECE;
		z-index:0;
	}

	#menuTop ul {
		margin:0;
		padding:10px 0 0 330px;
		list-style-type:none;
	}
	
		#menuTop .crumbpath {
			color:black;
			font-size:11px;	
			clear:both;
			padding:15px 0 0 330px;
			width:450px;
			height:40px;
			line-height:1.4em;
			overflow:hidden;
		}
	
		#menuTop .crumbpath a {
			text-decoration:none;
			color:#0D3C93;
		}
		
		

	#layTop ul li {
		display:block;
		margin:0 20px 0 0;
		float:left;
	}
	
	#layTop ul li a {
		font-weight:bold;
		font-size:12px;
		color:white;
		text-decoration:none;
	}
	
	#layTop ul li a:hover {
		color:#DDE5F3 !important;
	}
	
#layMenu {
	position:absolute;
	top:165px;left:0;
	width:201px;
	padding:0 0 0 109px;
	background:white;
	border-bottom:solid 10px white;
	overflow:hidden;
}

	/* top ul */
	#layMenu ul {
		list-style-type:none;
		padding:0;margin:0;
		font-size:10px;
	}
	
	#layMenu ul a {
		text-decoration:none;
		color:black;
	}
	
	/* first level */
	#layMenu ul li {
		text-align:right;
		margin:10px 0 0 0;
		padding:3px 10px;
		font-weight:bold;
		background:#DDE5F3;
	}

	/* subsequent levels */
	#layMenu ul li ul {
		background:#E8E8E8;
		margin:3px -10px 5px -10px;
		border-top:solid 1px white;
		border-bottom:solid 1px white;
	}

	#layMenu ul li ul li {
		background:#E8E8E8;
		font-weight:normal;
		margin:5px 0;
	}

	/* even subber subsequent levels: resume 'normal' (indented) list display */
	#layMenu ul li ul li ul {
		font-style:italic;
		list-style-image:url('../img_struct/mnulist.png');
		background:#ECECEC;
		padding:10px 0 10px 20px;
	}

	#layMenu ul li ul li ul li {
		text-align:left;
		margin:0 0 0 5px;
		padding:1px 10px 1px 0;
		background:#ECECEC;
	}

	#layMenu ul li ul li ul li ul {
		border:none;
	}
	

#layMain {
	background:none;
	padding:0 0 0 310px;
	width:665px;
	font-size:11px;
}	

	#layContent {
		float:left;
		/*margin-top:-20px;*/
		width:445px;
		padding:0 20px;
	}
	
		#layContent .box.homepage {
			border:solid 1px #ccc;
			background: #eee;
			padding:7px;
			width:44%;
			height:160px;
			overflow:hidden;
			float:left;
			margin:0 10px 10px 0;
		}
		
			#layContent .box.homepage h3 {
				margin:0;
				padding:0 0 2px 0;
			}
			
			#layContent .box.homepage img {
				float:right;
				max-width:70px;
				margin:0 0 0 1em;
			}
	
			#layContent .box.homepage strong {
				font-weight:normal !important;
			}

		#layContent .box.spotlight {
			border:solid 1px #CCC;
			background: #eef;
			padding:0;
			overflow:hidden;
			float:left;
			margin:0 10px 10px 0;
			width:432px;
		}
		
			#layContent .box.spotlight h3 {
				padding:0;margin:0;
				font-size:12px;
				font-weight:bold;
				color:black;
				text-align:left;
				background:#ddd;
				padding:3px 10px;
			}
			
			#layContent .box.spotlight img {
				float:right;
				max-width:160px;
				margin:0 0 10px 1em;
			}
			
			#layContent .box.spotlight div {
				padding:10px;
			}
			
			#layContent .box.spotlight p {
				margin:0; padding:0;
			}

	#layRight {
		float:left;
		margin-top:-20px;
		width:180px;
		font-size:10px;
	}
	
		/* zoekbox  */
		#layRight .box form {
			display:inline;
		}
		
		#layRight .box form input {
			width:50%
		}
	
		/* boxes in the sidebar */
		#layRight .box {
			background:white;
			border:solid 1px #B5C4E1;
			overflow:hidden;
			margin-bottom:10px;
		}
		
		#layRight .box a {
			font-weight:bold;
			color:#425880;
			text-decoration:none;
		}
		
		#layRight .box h3 {
			padding:0;margin:0;
			font-size:11px;
			font-weight:bold;
			color:white;
			text-align:center;
			background:#B5C4E1;
			padding:3px;
		}
		
		#layRight .box div {
			padding:10px;
		}
		
		#layRight .box ul {
			list-style-image:url('../img_struct/sdbrlist.png');
			margin:0;
			padding:0 0 0 10px;
		}
		
		#layRight .box ul li {
			padding:.2em 0;
		}
		
		#layRight .box img {
			display:block;
			margin:0 auto 10px auto;
			border:solid 1px #999;
		}