/* ------------------------------------------- */
/* ------------- hanniekortland.nl @2009 ----- */
/* ------------------------------------------- */
/* ------------- werken ---------------------- */
/* ------------------------------------------- */
/* ------------- Leon Dahmen ----------------- */
/* ------------------------------------------- */
/* ------------- biodoen.nl Den Haag --------- */
/* ------------------------------------------- */
/* ------------- */
*{
	padding: 0;
	margin: 0;
	}
p 
	{
		padding: 1em 0;
		line-height: 1.5em;
	}
html, body 
	{
		min-width: 960px;
		min-height: 720px;
		text-align: center;
	    font-family: 'Trebuchet MS', verdana, helvetica, arial, sans-serif;
		font-size: 13px;
		color: #6b8198;
		background: url(images/kortland_block.png);
	}
a
	{
		text-decoration: none;
		color: #343733;
	}
a:active
	{	
		color: #343733;
		text-decoration: none;
	}
a:visited
	{	
		color: #343733;
		text-decoration: none;
	}
#kortlandContainer
	{
		width: 960px;
		height: 720px;
		background: #272a25 url(images/kortland_back.png) no-repeat;
		margin: 0 auto 0 auto;
	}
		#kortlandContainer:hover
			{
				margin: 1px auto 0 auto;
			}
		.menu_item a
			{
				display: block;
				width: 100%;
				height: 100%;
			}
/* ------------- menu */
#kortlandMenu
	{
		float: left;
		width: 383px;
		height: 153px;
	}
		#kortland_leisteen
			{
				float: left;
				width: 148px;
				height: 75px;
				background: url(images/kortland_leisteen.png) no-repeat;
			}
				#kortland_leisteen:hover
					{
						background: url(images/kortland_leisteenHover.png) no-repeat;
					}
				#kortland_leisteen:active
					{
						background: url(images/kortland_leisteenActive.png) no-repeat;
					}
		#kortland_hout
			{
				float: left;
				width: 123px;
				height: 75px;
				background: url(images/kortland_hout.png) no-repeat;
			}
				#kortland_hout:hover
					{
						background: url(images/kortland_houtHover.png) no-repeat;
					}
				#kortland_hout:active
					{
						background: url(images/kortland_houtActive.png) no-repeat;
					}
		#kortland_leeg
			{
				float: left;
				width: 112px;
				height: 75px;
			}
		#kortland_3D
			{
				float: left;
				width: 148px;
				height: 78px;
				background: url(images/kortland_3D.png) no-repeat;
			}
				#kortland_3D:hover
					{
						background: url(images/kortland_3DHover.png) no-repeat;
					}
				#kortland_3D:active
					{
						background: url(images/kortland_3DActive.png) no-repeat;
					}
		#kortland_textiel
			{
				float: left;
				width: 123px;
				height: 78px;
				background: url(images/kortland_textiel.png) no-repeat;
			}
				#kortland_textiel:hover
					{
						background: url(images/kortland_textielHover.png) no-repeat;
					}
				#kortland_textiel:active
					{
						background: url(images/kortland_textielActive.png) no-repeat;
					}
		#kortland_overige
			{
				float: left;
				width: 112px;
				height: 78px;
				background: url(images/kortland_overige.png) no-repeat;
			}
				#kortland_overige:hover
					{
						background: url(images/kortland_overigeHover.png) no-repeat;
					}
				#kortland_overige:active
					{
						background: url(images/kortland_overigeActive.png) no-repeat;
					}
/* ------------- personal */
#kortlandPersonal
	{
		float: left;
		width: 577px;
		height: 153px;
		font-size: 9px;
		color: #646b63;
	}
		#kortlandPersonal ul li
			{
				margin: 0;
				padding: 2px;
			}
		#kortland_info
			{
				float: right;
				width: 69px;
				height: 78px;
				background: url(images/kortland_info.png) no-repeat;
				margin: 75px 0 0 0;
			}
				#kortland_info:hover
					{
						background: url(images/kortland_infoHover.png) no-repeat;
					}
				#kortland_info:active
					{
						background: url(images/kortland_infoActive.png) no-repeat;
					}
		#kortland_at
			{
				float: right;
				width: 28px;
				height: 78px;
				background: url(images/kortland_at.png) no-repeat;
				margin: 75px 0 0 0;
			}
				#kortland_at:hover
					{
						background: url(images/kortland_atHover.png) no-repeat;
					}
				#kortland_at:active
					{
						background: url(images/kortland_atActive.png) no-repeat;
					}
		#kortland_cv
			{
				float: right;
				width: 33px;
				height: 78px;
				background: url(images/kortland_cv.png) no-repeat;
				margin: 75px 0 0 0;
			}
				#kortland_cv:hover
					{
						background: url(images/kortland_cvHover.png) no-repeat;
					}
				#kortland_cv:active
					{
						background: url(images/kortland_cvActive.png) no-repeat;
					}
		.info
			{
				list-style-type: none;
				display: none;
				width: 132px;
				background: #272a25;
				border-top: 1px solid #646b63;
				border-left: 1px solid #646b63;
				margin: 0 0 0 -108px;
			}
		#kortland_info:hover > ul.info
			{
				display: block;
			}
		#kortland_info:active > ul.info
			{
				display: none;
			}
		.at
			{
				list-style-type: none;
				display: none;
				width: 132px;
				background: #272a25;
				border-top: 1px solid #646b63;
				border-left: 1px solid #646b63;
				margin: 0 0 0 -108px;
			}
		#kortland_at:hover > ul.at
			{
				display: block;
			}
		#kortland_at:active > ul.at
			{
				display: none;
			}
		.cv
			{
				list-style-type: none;
				display: none;
				width: 132px;
				background: #272a25;
				border-top: 1px solid #646b63;
				border-left: 1px solid #646b63;
				margin: 0 0 0 -108px;
			}
		#kortland_cv:hover > ul.cv
			{
				display: block;
			}
		#kortland_cv:active > ul.cv
			{
				display: none;
			}
/* ------------- werken */
#kortlandBody
	{
		clear: both;
		padding: 48px 0 0 0;
	}
		#kortlandBody:hover
			{
				padding: 50px 0 0 0;
			}
#kortlandTxt
	{
		display: none;
		clear: both;
		width: 700px;
		height: 288px;
		overflow: auto;
		text-align: left;
		padding: 24px 0 0 64px;
	}
		#kortlandTxt:hover
			{
				padding: 26px 0 0 64px;
			}
		#kortlandTxt h1
			{
				font-size: 12px;
				font-weight: bold;
				color: #765f37;
				margin: 0 0 16px 0;
				padding: 0;
			}
		#kortlandTxt p
			{
				font-size: 13px;
				font-weight: normal;
				margin: 0;
				padding: 0;
			}
		#kortlandTxt h2
			{
				font-size: 11px;
				font-weight: bold;
				color: #765f37;
				margin: 16px 0 0 0;
				padding: 0;
			}
		#kortlandTxt h3
			{
				font-size: 13px;
				font-weight: normal;
				background: url(images/bullet.png) no-repeat center left;
				margin: 0;
				padding: 0 0 0 12px;
			}
		#kortlandTxt a
			{
				color: #765f37;
				text-decoration: underline;
			}
#afbP
	{
		float: right;
		width: 144px;
		height: 144px;
		background: url(images.php?id=0&c=111&m=4) no-repeat center center;
		border-top: 1px solid #646b63;
		border-left: none;
		border-bottom: 1px solid #646b63;
		border-right: none;
		margin: 0 12px 12px 12px;
		padding: 12px 12px 12px 24px;
	}
		#afbP:hover
			{
				border-top: 2px solid #646b63;
				border-left: none;
				border-bottom: none;
				border-right: none;
			}
.closeTxt
	{	
		float: right;
		width: 28px;
		height: 28px;
		background: url(images/closeIt.png) no-repeat center center;
	}
		.closeTxt:hover
			{	
				background: url(images/closeItHover.png) no-repeat center center;
			}
		.closeTxt a
			{
				display: block;
				width: 100%;
				height: 100%;
			}
#kortlandMag
	{
		display: none;
		clear: both;
		width: 800px;
		height: 560px;
		text-align: left;
		background: #ffffff;	
		margin: 0 auto 0 auto;
		padding: 0;
	}
#afb
	{	width: 744px;
		min-height: 360px;
		margin: 0 auto 0 auto;
		padding: 0;
		height: 312px;
	}
.afbA
	{	float: left;
		padding: 0;
		border: 1px solid #111111;
	}
		.afbA:hover
			{	border-top: 2px solid #692202;
				border-right: none;
				border-bottom: none;
				border-left: 2px solid #692202;
			}
		.afbA a
			{	display: block;
				width: 100%;
				height: 100%;
			}
#afb1
	{	
		width: 38px;
		height: 59px;
		margin: 126px 18px 0 0;
		background: #ffffff;
	}
#afb2
	{	
		width: 72px;
		height: 102px;
		margin: 105px 24px 0 0;
	}
#afb3
	{	float: left;
		width: 428px;
		height: 294px;
		margin: 9px 0 0 0;
	}
		#afb3i
			{	float: right;
				width: 25px;
				height: 28px;
				background: url(images/navWerki.png) no-repeat;
			}
		#afb3m
			{	float: right;
				width: 25px;
				height: 28px;
				background: url(images/navWerkm.png) no-repeat;
			}
		#afb3x
			{	
				display: none;
				float: right;
				width: 25px;
				height: 28px;
				background: url(images/navWerki.png) no-repeat;
			}
		.afbim
			{	border: 1px solid #ffffff;
			}
				.afbim:hover
					{	border-top: 2px solid #692202;
						border-right: none;
						border-bottom: none;
						border-left: 2px solid #692202
					}
				.afbim a
					{	display: block;
						width: 100%;
						height: 100%;
					}
#extra_info
	{	
		display: none;
		text-align: left;
		font-size: 10px;
		color: #646b63;
		background: #ffffff;
		margin: 0 0 0 400px;
		padding: 4px;
	}
		#extra_info ul	
			{
				list-style-type: none;
				margin: 24px 0 0 0;
				padding: 0;
			}
				#extra_info ul li
					{
						list-style-image: url(images/bullet.png);
						margin: 0 0 0 24px;
						padding: 0;
					}
						#extra_info ul li b
							{
								font-style: italic;
								margin: 0 0 0 12px;
							}
#afb4
	{	
		width: 72px;
		height: 102px;
		margin: 105px 0 0 24px;
	}
#afb5
	{	
		width: 38px;
		height: 59px;
		margin: 126px 0 0 18px;
	}
#reeksNummer
	{	width: 100%;
		height: 28px;
		text-align: center;
		font-size: 24px;
		color: #765f37;
		margin: 12px 0 0 0;
	}
		#reeksNummer b
			{	width: 100%;
				height: 28px;
				text-align: center;
				font-weight: normal;
				font-size: 9px;
				color: #765f37;
				margin: 12px 0 0 0;
			}