/* =======================================================
	Page layout styles
	www.trilobiet.nl
	acdhirr for trilobiet 10/2009
======================================================= */

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background: white;
	/*background: url(../img_struct/bgbody.jpg) repeat-y 50% 0 white;*/	
}
 
.textOnly {display:none}

.maincol {
	width: 823px;	
	margin: 0 auto;
}

/* -------------------------------------------------------
	head section 
------------------------------------------------------- */
#layToolbar {
	/* unused */
	height: 10px;
}

#layTop {
	height: 73px;	
	position: relative;
	background: url(../img_struct/reflection-top.jpg) no-repeat right bottom;
	text-align: left;
}

#layHead {
	height: 211px;
	padding: 0;
	position: relative;
	background: url(../img_struct/bghead.jpg) repeat-x #87BCDC;	
}

	#layHead .maincol {
		background: url(../img_struct/reflection-btm-left.jpg) no-repeat 26px top;
		text-align: left;
		border-right: solid 1px white;
		position: relative;
		height: 211px;
	}

	#layHead .hdrpic {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 653px;
		height: 211px;
	}

	#layHead #menu-1 {
		padding: 42px 0 0 26px;
		color: #EFFBFF;
		font-size: 18px;
		/*font-weight: bold;*/
		line-height: 1.5em;
	}
	
		#layHead #menu-1 a {
			color: #EEE;
			text-decoration: none;		
		}
		
		#layHead #menu-1 a:hover {
			color: #FEFEFF;
		}
		

/* -------------------------------------------------------
	main content section
------------------------------------------------------- */
#layMain {
	width: 797px;	
	margin: 0 auto;
	padding: 0 0 0 26px;
	text-align: left;	
}

	#layMain #breadcrumb {
		width: 642px;
		padding: 7px 10px 5px 145px;
		font-size: 85%;
		color: #2175A5;
		text-align: right;
		border-style: solid;
		border-color: #6BAED6;
		border-width: 0 1px 0 0;
		text-transform: lowercase;
		background: url(../img_struct/bgbreadcrumb.png) no-repeat right bottom;
	}	
	
		#layMain #breadcrumb a {
			text-decoration: none;
			color: #2175A5;
		}
		
		#layMain #breadcrumb a:hover {
			color: #6BAED6;
		}
		

	#layMain #menu-2 {
		float: left;
		width: 130px;
		padding: 30px 15px 0 0;
		color: #333;
		font-size: 14px;
		/*font-weight: bold;*/
		line-height: 1.5em;		
	}
	
		#layMain #menu-2 ul {
			margin: 0;
			padding: 0;
		}
		
			#layMain #menu-2 ul li {
				margin: 0 0 1em 0;
			}
			
			#layMain #menu-2 ul ul {
				margin-left: 1.3em;
				font-size: 85%;
				list-style-type: square;
				color: #ccc;	
			}				

				#layMain #menu-2 ul ul a {
					color: #999;
				}	


		#layMain #menu-2 a {
			color: #2175A5;
			text-decoration: none;		
		}
		
		#layMain #menu-2 a:hover {
			color: #666;
		}

	#layMain #content {
		width: 647px;
		min-height: 450px;
		float: right;
		padding: 30px 0px 0 0;
	}
	
		#layMain #content.hassidebar {
			width: 417px;
		}
	
	#layMain #sidebar {
		width: 200px;
		float: right;
		min-height: 200px;
		margin: 30px 0 20px 30px;
	}	
	

/* -------------------------------------------------------
	foot section
------------------------------------------------------- */
#layFoot {
	margin: 50px 0 0 0;
	padding: 0;	
	border-top: solid 1px #ccc;
	background: url(../img_struct/bgfoot.jpg) repeat-x #EBEBEB;
	height: 211px;	
	clear: both;
}

	#layFoot .maincol {
		padding: 30px 30px 10px 172px;
		text-align: left;
		width: 623px;	
		height: 171px;
		margin: 0 auto;
		font-size: 85%;
		background: url(../img_struct/bgfoot-inner.jpg) no-repeat right top;	
	}
	
	#layFoot .col3 {
		line-height: 1.4em;
		height: 160px;
		width: 195px;
		float: left;
		padding: 0 10px 0 0;
		color: #666;
	}
	
		#layFoot .col3 h3 {
			color: #aaa;
			padding: 0 0 .5em 0;
			margin: 0 0 .5em 0;
			border-bottom: solid 1px #aaa;
		}
	
	#layFoot ul {
		padding: 0;
		margin: 0;
	}
	
		#layFoot address {
			font-style: normal;
			cursor: pointer;
		}	
	
		#layFoot ul li {
			list-style-type: none;
		}	
	
		#layFoot ul li a {
			text-decoration: none;
		}	


	#layFoot input {
		font-size: 1em;
	}