@charset "UTF-8";
/* 
	Psychologenpraktijk Amersfoort Noord
	Stylesheet
	Zaphyrion B.V.
	door: Rutger Laurman
*/

html, body{
	margin:0;
	padding:0;
}

body{
	background:url(../img/body.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	color:#535353;
	font-size:13px;
}

/* ===== standaard tags  ===== */	
	h1{
		font-size:24px;
		color:#00314f;
		margin:0;
		padding:0;
      padding-left:10px;
	}
	h2{
		font-size:16px;
		margin-top:0;
      padding-left:10px;
	}
	a{ text-decoration:underline; }
	a:hover{ text-decoration:none; }
	p{ line-height:150%; }	
	h3#hoofdnavigatie{ display:none; }

/* ===== accesibility links  ===== */
	#skip{
		display:none;
	}

/* ===== site wrapper  ===== */
	#wrapper{
		width:994px; /* 994 met schaduw - 980 zonder schaduw */
		margin:auto;
		padding:20px;
		padding-right:0;
		padding:0;

		padding-bottom:0;
		background:url(../img/wrapperinner.gif) no-repeat center top;
		overflow:hidden;
	}
	#wrapperouter{
		padding:30px;
		padding-top:20px;		
		background:url(../img/content.gif) no-repeat 743px bottom;
	}
	
	#header{
		width:940px;
		height:280px;
	}

/* ===== menu ===== */
	#menu{
		background:url(../img/menu.gif) no-repeat right top;
		float:left;
		width:938px;
		position:absolute;
		top:265px;
		margin-left:-1px;
	}	
		#menu ul{
			list-style:none;
			float:left;
			margin:0;
			padding:0;
			padding-left:50px;
			background:url(../img/menu-left.gif) no-repeat left top;
		}	
		#menu li{
			margin:0;
			padding:0;
			float:left;
			background:url(../img/menudivider.gif) no-repeat left 50%;
		}
			#menu a{
				display:block;
				padding:12px 15px;
				color:#444;
				text-decoration:none;
			}
			#menu a:hover{ text-decoration:underline; }
			#menu .active a{ color:#00314f; }

/* ===== navigatie pad ===== */
	#navpath{ padding:15px 10px; }
		#navpath p{
			display:inline;
			color:#292929;
		}
		#navpath ol{
			list-style:none;
			margin:0;
			padding:0;
			display:inline;
		}
		#navpath li{ display:inline; }
		#navpath a{ color:#292929; }


/* ===== content vlak ===== */
	#content {
		clear:both;
		overflow:hidden;
		 line-height:150%;
	}
	#content ul { 
	   line-height:150%;
	}
/* ===== submenu links ===== */	
	#submenu{
		float:left;
		width:214px;
		padding-top:20px;
		margin-top:5px;
		background:url(../img/submenu.gif) no-repeat top left;
	}
		#submenu ul{
			list-style:none;
			margin:0;
			padding:0;
			padding-bottom:20px;
			background:url(../img/submenu-bottom.gif) no-repeat bottom left;
		}
		#submenu li{
			margin:0;
			padding:0;
			padding-left:15px;
		}
		#submenu a{
			display:block;
			padding:5px 10px;
			color:#00314f;
			font-size:12px;
		}
		#submenu .active{ background:url(../img/submenu-active.gif) no-repeat 15px 50%; }
		#submenu .active a{ font-weight:bold; }
	
	/* ===== hoofd inhoud ===== */
		#maincontent{
			float:left;
			width:490px;
			padding:0 15px;
			margin-top:5px;
		}
			#maincontent p{ padding:0 10px; }
			#maincontent p.highlight{
				background:url(../img/paragraph.gif) no-repeat top left;
				padding:0;
				width:484px;
			}
			#maincontent p.highlight span.content{
				padding:10px;
				display:block;
				font-weight:bold;
			}
			#maincontent p.highlight span.footer{
				background:url(../img/paragraph-bottom.gif) no-repeat bottom left;
				height:10px;
				display:block;
			}
			
		/* ===== copyright footer in content  ===== */
			#copyright{
				border-top:1px solid #dedede;
				color:#a8a8a8;
				padding:10px 30px;
				font-size:12px;
			}
	
	/* ===== side content rechts  ===== */
		#sidecontent{
			float:right;
			width:170px;
			padding:20px;
			padding-right:0;
			background:url(../img/sidecontent.gif) no-repeat top left;
		}
			#sidecontent h2{
				font-size:20px;
				color:#00314f;
padding-left:0;
			}
			#sidecontent address{
				font-style:normal;
				margin:0.5em 0;
			}
			#sidecontent a img{ border:0; }
		
/* ===== footer  ===== */
	#footer{
		background:url(../img/footer.gif) no-repeat center top;
		margin-bottom:20px;
		height:50px;
	}