/* === Styles for layout of site =============================  */

body {
	background:#FFF;
	width:100%;
	height:100%;
}

#menu {
	position:fixed;
	top:0px;
	left:25px;
	background-color:#FFF;
	width:767px;
	height:100%;
	z-index:10;
}

#content {
	position:absolute;
	top:0px;
	left:320px;
	width:472px;
	min-height:100%;
	background-color:#FFF;
	z-index:20;
}

#content h1 {display:none;}
#content #images {
	position:absolute;
	left:0px; top:70px;
	height:135px; width:445px;
	overflow:hidden;
}
body.blog #images {display:none;}
#content #text,
#content form {
	position:absolute;
	left:0px; top:250px;
	width:445px;
}

#blog {
	position:absolute;
	left:0px; top:70px;
	width:445px;
}
#blog h1 {display:block;margin-bottom:30px;}
#blog h1 a {font-size:25px;line-height:25px;text-decoration:none;}
#blog h2 {font-size:25px;line-height:25px;margin-bottom:5px;}

#border {
	position:fixed;
	top:0px;
	left:792px;
	width:25px;
	height:100%;
	background-color:#000;
	opacity:.5;
	z-index:10;
}

.background {
	position:fixed;
	top:0px;
	width:80%;
	height:100%;
	z-index:0;
}
.backLeft {
	left:0px;
	z-index:0;
}
.backRight {
	left:792px;
	z-index:1;
}
.background img {width:100%;height:100%;}
.backLeft img {margin-left:-7%;}
.backRight img {margin-left:-12%;}

/* === algemene layout styles === */

.border 		{	border:solid 1px #000000;}

/* === Menu styles ================================================== */

#menu ul {
	position:absolute;
	top:100px; left:25px;
	display:none;
}
#menu ul.lev1 { display:block; }

#menu li {
	list-style:none;
	margin:0px;
	padding:0px;
	background-image:url(../img/menu_normaal.gif);
	cursor:pointer;
	width:230px;
	height:30px;
}
#menu li:hover,
#menu li.current {
	background-image:url(../img/menu_actief.gif);
}

#menu li.home 								{ height:75px;}
#menu li.teksten_in_opdracht 	{ background-position:0px -162px;margin-top:90px;}
#menu li.teksten_verzorgd	 		{ background-position:0px -192px;}
#menu li.eigen_teksten		 		{ background-position:0px -222px;}
#menu li.blog							 		{ background-position:0px -262px; margin-top:10px;}
#menu li.contact					 		{ background-position:0px -292px;}
#menu li.contact_verzonden		{ display:none;}

#menu li a {
	margin-left:-9999px;
}

/* FORM */

form {margin:0px;padding:0px;}
fieldset { border:none; margin:0px;padding:0px;}
legend {display:none;}
label {display:block;margin-bottom:7px;}
input,textarea { border:solid 1px #1F93AF; width:100%;cursor:pointer;margin-bottom:20px;}
input.button {border:none;background:#FFF;color:#1F93AF;width:auto;margin:0px;margin-left:-4px;padding:0px;text-decoration:underline;}

div.error {position:absolute; top:222px;left:0px; color:#1F93AF;;}