/* CSS Document */

	body {
		background-image: url(../images/background_home.gif);
		background-repeat: no-repeat;
		background-position: -220px 50px;
		background-color: #FFFFFF;
	}
	
	#logo_index {
		position:absolute;
		left:244px;
		top:174px;
		width:142px;
		height:123px;
		z-index:10;
		visibility: hidden;
	}

/* Posities menuitems*/

	#menu_index_wat {
		position:absolute;
		left:423px;
		top:266px;
		width:65px;
		height:57px;
		z-index:2;
		visibility: visible;
	}
	
	#menu_index_duurzaam {
		position:absolute;
		left:500px;
		top:266px;
		width:65px;
		height:57px;
		z-index:2;
		visibility: visible;
	}
	
	#menu_index_wie {
		position:absolute;
		left:436px;
		top:379px;
		width:68px;
		height:73px;
		z-index:3;
		visibility: visible;
	}
	#menu_index_klanten {
		position:absolute;
		left:297px;
		top:318px;
		width:63px;
		height:71px;
		z-index:4;
		visibility: visible;
	}
	#menu_index_contact {
		position:absolute;
		left:295px;
		top:315px;
		width:70px;
		height:88px;
		z-index:5;
		visibility: hidden;
	}
	
	#slogan_index {
		position:absolute;
		left:632px;
		top:481px;
		width:220px;
		height:31px;
		z-index:6;
		visibility: visible;
	}
	
	#payoff {
		position:absolute;
		left:637px;
		top:482px;
		width:273px;
		height:72px;
		z-index:11;
	}
	
	#copyright {
		position:absolute;
		left:703px;
		top:541px;
		width:231px;
		height:50px;
		z-index:7;
	}


/* Opmaak menuitems*/

	.menu_wat {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #0099FF;
		text-decoration: none;
	}
	
	.menu_duurzaam {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #0099FF;
		text-decoration: none;
	}
	
	.menu_wie {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #017AC0;
		text-decoration: none;
	}
	.menu_klanten {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #86A10B;
		text-decoration: none;
	}
	.menu_contact {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #017BC0;
		text-decoration: none;
	}
	
	.menu_wat a:hover {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #017BC0;
		font-weight: bold;
		}
	
	.menu_duurzaam a:hover {
		font-family: Verdana, sans-serif;
		font-size: 0.7em;
		color: #017BC0;
		font-weight: bold;
		}
	
	.copyright_text {
		font-family: Verdana, sans-serif;
		color: #87B8DE;
		text-decoration: none;
		font-size: 0.7em;
		margin-top: 20px;
		text-align: right;
		margin-bottom: 20px;
	}
	
	.copyright_text a:link, .copyright_text a:visited {
		color: #87B8DE;
		text-decoration: none;
	}
	
	.copyright_text a:hover {
		color: #017AC0;
		text-decoration: none;
	}

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
	#case, #links, #logo_index, #printer, #menu_index_wat, #menu_index_wie, #menu_index_klanten, #menu_index_contact {display:none;} 
	body {
		background-image: url(../images/logo_home.gif);
		background-repeat: no-repeat;
		background-position: 50px 50px;
		background-color: #FFFFFF;
	}
}

	h1 {
	font-size: 1.1em;
	font-family: Verdana, sans-serif;
	color: #007BC0;
	line-height: 1.6em;
	}
	
	h2 {
		font-size: 0.7em;
		font-family: Verdana, sans-serif;
		color: #007BC0;
	}


/* =============== ARTICLE  */

	#article {
		position:absolute;
		left:375px;
		top:67px;
		width:450px;
		height:468px;
		z-index:11;
		background-color: #FFFFFF;
		background-image: none;
		visibility: visible;
	}
		
	#article p {
		font: 0.7em Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #007BC0;
		margin-bottom: 1.33em;
		text-align: justify;
	}
	
	#article p a:link, #article p a:visited {
		font: Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #007BC0;
		text-decoration: none;
	}
	
	#article p a:hover {
		font: Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #007BC0;
		text-decoration: underline;
	}
	#article ul {
		font: 0.7em Verdana, sans-serif;
		color: #007BC0;
		line-height: 1.8em;
		list-style-type: circle;
	}		
	#article li {
		padding: 2px;
		color: #007BC0;
		line-height: 1.8em;
		margin-left: 0px;
	}
	#article li a:link, #article li a:visited {
		font: Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #007BC0;
		text-decoration: none;
	}
	#article li a:hover {
		text-decoration: underline;
	}
	
	.submenu {
		font-size: 0.7em;
		font-family: Verdana, sans-serif;
		font-weight: bold;
		color: #87B8DE;
		padding-right: 10px;
		text-decoration: none;
	}
	a.submenu {
		font-size: 0.7em;
		font-family: Verdana, sans-serif;
		font-weight: bold;
		color: #007BC0;
		padding-right: 10px;
		text-decoration: none;
	}	
	a.submenu:hover {
		font-size: 0.7em;
		font-family: Verdana, sans-serif;
		color: #007BC0;
		font-weight: bold;
		text-decoration: underline;
	}		


/* =============== END ARTICLE  */

/* =============== BEGIN CASE box  */

	#case {
	position:absolute;
	left:850px;
	top:180px;
	width:150px;
	z-index:12;
	padding-top: 18px;
	background-image:url(../images/case_top.gif);
	background-repeat: no-repeat;
	text-align: left;
	background-position: 0px 0px;
	visibility: visible;
	height: 143px;
	}
	
	#case_textblock_small {
		padding: 10px 5px 5px;
		width:140px;
		z-index:12;
		background-color: #87B8DE;
	}
	
	#case p {
		font: 0.7em Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #FFF;
		margin-bottom: 1.33em;
		text-align: justify;
	}
	
	#case a:link, #case a:visited {
		font-family: Verdana, sans-serif;
		color: #FFF;
		text-decoration: none;
	}
	
	#case a:hover {
		font-family: Verdana, sans-serif;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}
	#case ul {
		font: 0.7em Verdana, sans-serif;
		color: #FFF;
		list-style-type: circle;
	}		
	#case li {
		padding: 2px;
		color: #FFF;
		margin-left: 0px;
	}	
/* =============== BEGIN CASE ARTICLE  */
	#case_detail {
	position:absolute;
	left:545px;
	top:51px;
	width:470px;
	height:540px;
	z-index:13;
	padding-top: 18px;
	background-image:url(../images/case_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	visibility: hidden;
	}
	#case_textblock_detail {
		padding: 20px 20px 20px 20px;
		width:430px;
		z-index:12;
		background-color: #87B8DE;
	}
	#case_detail p {
		font: 0.7em Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #FFF;
		margin-bottom: 1.33em;
		text-align: justify;
	}
	
	#case_detail a:link, #case_detail a:visited {
		font-family: Verdana, sans-serif;
		color: #FFF;
		text-decoration: none;
	}
		
	#case_detail a:hover {
		font-family: Verdana, sans-serif;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}	
	
	#case_detail ul {
		font: 0.7em Verdana, sans-serif;
		color: #FFF;
		list-style-type: circle;
	}		
	#case_detail li {
	padding: 2px;
	color: #FFF;
	margin-left: 0px;
	line-height: 1.8em;
	}	

/* =============== END CASE  */

/* =============== BEGIN LINKS  */

	#links {
	position:absolute;
	left:850px;
	top:387px;
	width:150px;
	z-index:12;
	padding-top: 18px;
	background-image:url(../images/case_top.gif);
	background-repeat: no-repeat;
	text-align: left;
	background-position: 0px 0px;
	visibility: visible;
	height: 159px;
	}
	
	#links_textblock_small {
		padding: 10px 5px 5px;
		width:140px;
		z-index:12;
		background-color: #87B8DE;
	}
	
	#links p {
		font: 0.7em Verdana, sans-serif; 
		line-height: 1.8em; 
		color: #FFF;
		margin-bottom: 1.33em;
		text-align: justify;
	}
	
	#links a:link, #links a:visited {
		font-family: Verdana, sans-serif;
		color: #FFF;
		text-decoration: none;
	}
	
	#links a:hover {
		font-family: Verdana, sans-serif;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}
	
/* =============== END LINKS  */