/* CSS Document */

p { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E4E4E4;
}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 color:#E4E4E4;
}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 color:#E4E4E4;
	 text-align:center;
}

h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 color:E4E4E4;
	 float:left;
}

body { background-color:#000;
}

#container {font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			width: 820px;
			height: 700px;
			margin-right:auto;
			margin-left:auto;
}

#headerhome { background-image:url(images/header/home.jpg);
		 font-size:12px;
		 height:150px;
		 width:820px;
		 position:relative;
}

#headerblokboek { background-image:url(images/header/blokboeken.jpg);
		 font-size:12px;
		 height:150px;
		 width:820px;
		 position:relative;
}

#headerpresentatie { background-image:url(images/header/presentatie.jpg);
		 font-size:12px;
		 height:150px;
		 width:820px;
		 position:relative;
}

#headerlinks { background-image:url(images/header/links.jpg);
		 font-size:12px;
		 height:150px;
		 width:820px;
		 position:relative;
}


#links {
	background-color:#000;
	color:#FFFFFF;
	font-size:12px;
	height:25px;
	width:820px;
	float: left;
	display: inline;
}

#links a.home {
	height: 25px;
	display: block;
	background: url(images/links/home.jpg) no-repeat;
	width: 370px;
	float: left;
}

#links a.home:hover {
	background: url(images/links/home2.jpg) no-repeat;
}

#links a.blokboeken {
	height: 25px;
	display: block;
	background: url(images/links/blokboeken.jpg) no-repeat;
	width: 150px;
	float: left;
}

#links a.blokboeken:hover {
	background: url(images/links/blokboeken2.jpg) no-repeat;
}

#links a.presentatiemap {
	height: 25px;
	display: block;
	background: url(images/links/presentatiemap.jpg) no-repeat;
	width: 150px;
	float: left;
}

#links a.presentatiemap:hover {
	background: url(images/links/presentatiemap2.jpg) no-repeat;
}

#links a.link {
	height: 25px;
	display: block;
	background: url(images/links/links.jpg) no-repeat;
	width: 150px;
	float: left;
}

#links a.link:hover {
	background: url(images/links/links2.jpg) no-repeat;
}

#rechts {background:#FFFFCC;
	     background-image:url(images/right.jpg);
         background-position:bottom;
	     background-repeat:no-repeat;
	     color:#000;
	     font-size:12px;
		 float:left;
		 height:570px;
		 width:50px;
		 position:relative;
}

#main { background-image:url(images/main_bg2.jpg);
		background-color:#000;
		background-position:bottom;
		background-repeat:no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		height:550px;
		width:700px;
		padding:10px;
		text-align:justify;
		float:left;
		position:relative;
}

#left { background:#FFFFCC;
		background-image:url(images/left.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
	    color:#000;
	    font-size:12px;
	    float:left;
	    height:570px;
	    width:50px;
	    position:relative;
}


#bottom {background-color:#000;
		 background-image:url(images/bottom.jpg);
		 background-position:top;
		 background-repeat:no-repeat;
		 text-align:center;
		 font-size:10px;
		 height:25px;
		 width:820px;
		 float:right;
		 position:relative;
}

a:link		{color:#FFF; background-color:transparent; text-decoration:none; font-weight:bold;}
a:visited	{color:#FFF; background-color:transparent; text-decoration:none; font-weight:bold;}
a:hover		{color:#CCC; background-color:transparent; text-decoration:blink; font-weight:bold;}
a:active	{color:#CAF0F0; background-color:transparent; text-decoration:none; font-weight:bold;}

img.pgo{
	padding-right: 40px;
	padding-left: 20px;
	float: left;
}