/* CSS Document */

body {
	background:#060203;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	min-width:971px;
}

body#smoke {
	background-image:none;
}

h1, h1 a {
	text-transform:uppercase;
	text-decoration:none;
	line-height:18px;
}

h2 {
	font-size:10px;
	line-height:18px;
	font-weight:normal;
}

	h2 a {
		text-decoration:underline;
	}

a {
	color:#dfdf7f;
}

	a:hover {
		color:#f951f2;
	}

img {}

p {
	margin:0 15px;
	width:65%;
	line-height:22px;
}

form {
	margin:0;
	padding:0;
}

input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border:1px #f951f2 solid;
	padding:3px;
}

	input.button {
		background:#f951f2;
		border:1px solid #dfdf7f;
		color:#FFFFFF;
		font-weight:bold;
	}

textarea#tekstblok {
	height:59px;
}

span.pink {
	color:#f951f2;
}

span.yellow {
	color:#dfdf7f;
}

#new {
	position:relative;
	font-size:10px;
	color:#f951f2;
	text-align:right;
	padding:0 5px;
}
	
	#new a {
		color:#f951f2;
		text-decoration:none;
	}

#old {
	position:relative;
	font-size:10px;
	color:#f951f2;
	text-align:left;
	padding:0 5px;
}
	
	#old a {
		color:#f951f2;
		text-decoration:none;
	}

	#new a:hover, #old a:hover {
		font-weight:bold;
		color:#dfdf7f;
	}	

hr#clear {
	clear:both;
}

/* relative ------------------------------------------------------------------------ */

#logo {
	position:relative;
	margin:89px 0 0 0;
	z-index:200;
}

#info {
	position:relative;
	margin:26px 400px 0 33px;
	font-size:11px;
	line-height:18px;
	z-index:300;
}

#projecten {
	padding:0 5px 5px 5px;
}

#projecten, #projectBlok, #projectTekst {
	position:relative;
	width:auto;
	height:auto;
	margin:26px 34px 0 33px;
	background:#231f20 url(../images/achter-titel.jpg) top left repeat-x;
	z-index:500;
	border:1px solid #6a6969;
}

	#projecten h1, #projectBlok h1, #projectTekst h1 {
		margin:1px 0 0 0;
		font-size:10px;
	}
	
	#projecten h2, #projectBlok h2, #projectTekst h2 {
		margin:6px 0 0 0;
		color:#f951f2;
		font-size:10px;
		text-transform:lowercase;
	}

	#projecten hr, #projectTekst hr , #projectBlok hr{
		color:#231f20;
		height:10px;
		margin:0;
		padding:0;
		border:0;
	}
	
	#projecten hr#top, #projectBlok hr#top, #projectTekst hr#top {
		margin:0;
		height:15px;
	}

.project {
	position:relative;
	border:1px solid #848383;
	float:left;
	width:288px;
	height:192px;
	margin:0 5px 5px 0;
	font-size:10px;
	font-weight:bold;
	line-height:24px;
	cursor:pointer;
}

	.project div {
		background:url(../images/vlak-project.jpg) top left no-repeat;
		width:263px;
		height:167px;
		padding:25px 0 0 25px;
		display: none;
		left:-900%;
		position: absolute;
		cursor:pointer;
	}

		.project:hover div {
			display: block;
			position: absolute;
			left:0;
		}

		a .project div {
			text-decoration:none;
		}
	
			a .project div span.link {
				font-weight:normal;
				color:#FFFFFF;
				text-decoration:underline;
			}

a.p-link {
	text-decoration:none;
}

	a.p-link span.link {
		font-weight:normal;
		color:#FFFFFF;
		text-decoration:underline;
	}

#projectBlok {
	z-index:500;
	padding:0 20px;
}

	#projectBlok img {
		border:1px solid #848383;
	}
	
	#projectBlok h1#titel {
		margin:0;
		padding:0;
		font-size:11px;
		line-height:normal;
		color:#f951f2;
	}
	
	#projectBlok p {
		margin:0;
		padding:0;
		line-height:18px;
		width:auto;
	}

	#projectBlok p#tekst {
		max-width:580px;
	}
	
	#projectBlok p#flash {
		margin:6px 0 0 0;
	}
	
	#projectBlok ul {
		margin:0 0 22px 0;
		padding:0;
		line-height:18px;
		list-style: square inside;
	}
	
	#projecten ul {
		margin:0 0 22px 0;
		padding:0;
		line-height:18px;
		list-style: square inside;
	}

#infoBlok {
	float:left;
	margin:10px 0;
	max-width:580px;
}

#projectenMenu {
	float:right;
	margin:10px 0;
	z-index:1100;
}

	#projectenMenu ul {
		margin:0;
		padding:0;
		border-top:1px solid #54404e;
		border-left:1px solid #54404e;
		border-right:1px solid #54404e;
		line-height:22px;
		list-style-type:none;
		list-style-position:outside;
		font-size:10px;
	}
	
		#projectenMenu ul li {
			border-bottom:1px solid #54404e;
			padding:0 8px;
			background:#362631 url(../images/ach-prj-menu.gif) top left repeat-x;
			color:#dfdf7f;
			font-weight:bold;
		}
			
			#projectenMenu ul li a {
				font-weight:normal;
				color:#FFFFFF;
				text-decoration:none;
			}
			
				#projectenMenu ul li a:hover {
					color:#dfdf7f;
				}
			
			#projectenMenu ul li:hover {
				background:#484135 url(../images/ach-prj-menu-titel.gif) bottom left repeat-x;
			}
			
			#projectenMenu ul li#it:hover {
				background:#362631 url(../images/ach-prj-menu.gif) top left repeat-x;
			}

		#projectenMenu ul li#kop {
			color:#f951f2;
			background:#472c42 url(../images/ach-prj-menu-titel.gif) top left repeat-x;
		}
	
#contact {
	position:relative;
	margin:0 34px 7px 33px;
	background:#4d2948 url(../images/contact.jpg) top left no-repeat;
	border-left:1px solid #6a6969;
	border-right:1px solid #6a6969;
	border-bottom:1px solid #6a6969;
	padding:0 14px;
	text-align:left;
}

	#contact hr {
		color:#4d2948;
		height:1px;
		margin:0;
		padding:0;
		border:0;
	}

#contact1, #contact2, #contact3 {
	font-size:9px;
}

#contact1 {
	width:265px;
	padding:52px 25px 0 0;
	line-height:16px;
}

#contact1, #contact2 {}

#contact2, #contact3 {
	padding:22px 25px 0 0;
	line-height:23px;
}

#contact3 {
	clear:right;
}

#contact4 {
	padding:91px 25px 0 0;
}

h1#profiel {
	margin:0 0 8px 0px;
	padding:0;
	font-size:11px;
}

/* Absolute ------------------------------------------------------------------------ */

#background {
	position:absolute; top:0; right:0;
	z-index:1;
	width:100%;
}

#menu {
	position:absolute; top:134px; right:26px;
	z-index:250;
	font-size:10px;
}
	
	#menu ul#normaal {
		margin:0;
		list-style-type:none;
	}
	
		#menu ul#normaal li {
			float:left;
			background:#231f20;
			margin:0 8px 2px 0;
			padding:0 0 2px 0;
			line-height:22px;
			filter:alpha(opacity=85);
			opacity:0.85;
		}
		
			#menu ul#normaal li span {
				text-transform:uppercase;
				text-decoration:none;
				color:#dfdf7f;
				font-weight:bold;
				padding:0 10px 0 10px;
			}
		
			#menu ul#normaal li a {
				text-transform:uppercase;
				text-decoration:none;
				color:#dfdf7f;
				font-weight:bold;
				padding:0 10px 0 10px;
				filter:alpha(opacity=100);
				opacity:1.0;
			}
			
				#menu ul#normaal li a:hover {
					color:#f951f2;
				}

		#menu ul#normaal li#pKnop {
			text-align:left;
			display:block;
			padding:0;
		} 

	#menu ul#normaal ul#uitklap {
		position:relative; left:0;
		margin:0;
		padding:0 2px 6px 0;
		list-style-type:none;
	}
		
		#menu ul#normaal ul#uitklap li {
			float:none;
			margin:0;
			background:transparent none;
			font-weight:normal;
			line-height:16px;
			filter:alpha(opacity=85);
			opacity:0.85;
		}
		
			#menu ul#normaal ul#uitklap li a {
				text-transform:none;
				color:#FFFFFF;
				font-size:9px;
				font-weight:normal;
				filter:alpha(opacity=100);
				opacity:1.0;
			}
		
				#menu ul#normaal ul#uitklap li a:hover {
					color:#f951f2;
				}

#terug {
	position:absolute; top:323px; right:45px;
	color:#dfdf7f;
	z-index:1000;
}

	#terug a {
		font-size:9px;
	}
	
/* uitschuif */

#menu ul#normaal li#showhide {
	cursor:pointer;
	cursor:hand;
	color:#dfdf7f;
	font-weight:bold;
	text-transform:uppercase;
	padding:1px 0;
}

	#menu ul#normaal li#showhide span:hover {
		color:#f951f2;
	}

#blok {
	position:absolute; top:158px; right:114px;
	width:160px;
	padding:10px 12px 20px 10px;
	background:#010101 url(../images/vlak-project.jpg) top left no-repeat;
	z-index:8000;
	border:1px #f951f2 solid;
}

	#blok ul {
		padding:0px;
		margin:0px;
		list-style:none inside;
		line-height:18px;
		color:#FFFFFF;
	}
	
		#blok ul li.titelLinks {
			margin:8px 0 0 0;
			font-weight:bold;
		}

		#blok ul li a {
			color:#dfdf7f;
		}
		
			#blok ul li a:hover {
				color:#f951f2;
			}
	
	#blok #showhide2 {
		float:right;
		cursor:pointer;
		cursor:hand;
		width:19px;
		height:19px;
		background:transparent url(../images/close.gif) no-repeat top left;
	}
	
		#blok #showhide2:hover {
			background:transparent url(../images/close-roll.gif) no-repeat top left;
		}

/* Sitemap ------------------------------------------------------------------------ */

.sm {
	margin:0 30px 15px 0;
}

	.sm #kop {
		font-weight:bold;
	}

#smIndex, #smWeb {
	float:left;
}

#smFm, #smCd, #smAd {
	clear:right;
}

	#smIndex ul, #smWeb ul, #smFm ul, #smCd ul, #smAd ul {
		list-style:outside none none;
		line-height:22px;
		margin:0;
		padding:0;
	}

/* FOOTER ------------------------------------------------------------------------ */

#footer {
	position:relative;
	clear:both;
	margin:0 37px 0 37px;
	padding:8px 0 16px 0;
	font-size:9px;
	color:#848383;
	z-index:800;
}

	#footer a {
		color:#848383;
	}
	
		#footer a:hover {
			color:#f951f2;
		}