/*
	vim: set noexpandtab tabstop=2 shiftwidth=2 fdm=marker:
	file             : style_main.css
	description      : Bestand met basis styles voor website
	author           : Rian Orie & Koen de Geringel
	copyright        : meyson communicatie bv 2008
	Last modification: Mon May  8 11:08:12 CEST 2006
*/	
hr {display: none;}
body
	{
		font-family:								"Arial", 'Lucida Grande', 'Geneva', lucida, verdana, helvetica, sans-serif; 
		margin:											0;
		padding:										0;
  	text-align:									center;
		background:									url(images/background_grid.jpg) center no-repeat;
	}

#overall
	{
		width:											900px;
  	margin:											0 auto;
		padding:										0;
	}
	
#site
	{
		margin:											40px 0 10px 0;
		padding:										0;
		width:											900px; 
		height:											580px;
		background:									#fff;
		display:										block;
		border:											2px solid #ccc;
	}
	
#header
	{
		margin:											0;
		padding:										0;
		width:											860px;
		height:											150px;
		display:										block;
	}

html>body #header { margin: 0 0 0 20px; }

#mainmenu
	{
		margin:											0;
		padding:										0;
			width:											860px;
		height:											115px;
		display:										block;
		border-bottom:							2px solid #183287;
	}

ul 
	{
		padding:										0;
		margin:											0;
	}
	
li
	{
		margin:											0;
		padding:										0;	
		display:										block;
		float:											left;
	}

ul li a.Home
	{
		margin:											5px 0 0 0;
		padding:										0;
		width:											110px;
		height:											105px;
		background:									url(images/logo_small3.jpg) top left no-repeat;
		display:										block;
		font-size:									0px;
	}

ul li a.Opdrachtgevers
	{
		width:											150px;
		margin:											55px 0 0 270px;
		padding:										35px 0 0 0;
		font-weight:								bold;
		color:											black;
		background:									url(images/dot_blue.jpg) top right no-repeat;
		text-align:									right;
		display:										block;
		text-decoration:						none;
	}
ul li a.Opdrachtgevers:hover
	{
		background:									url(images/dot_green.jpg) top right no-repeat;
	}

ul li a.Medewerkers
	{
		width:											150px;
		margin:											55px 20px 0 0;
		padding:										35px 0 0 0;
		font-weight:								bold;
		color:											black;
		background:									url(images/dot_blue.jpg) top right no-repeat;
		text-align:									right;
		display:										block;
		text-decoration:						none;
	}
ul li a.Medewerkers:hover
	{
		background:									url(images/dot_green.jpg) top right no-repeat;
	}

ul li a.Over 
	{
		width:											150px;
		margin:											55px 0 0 0;
		padding:										35px 0 0 0;
		font-weight:								bold;
		color:											black;
		background:									url(images/dot_blue.jpg) top right no-repeat;
		text-align:									right;
		display:										block;
		text-decoration:						none;
	}
ul li a.Over:hover
	{
		background:									url(images/dot_green.jpg) top right no-repeat;
	}

#menubalk
	{
		margin:											4px 0 0 0;
		padding:										0;
		height:											25px;
		width:											860px;
		display:										block;
		background:									#183287;
	}

#menu
	{
		margin:											0;
		padding:										2px 0 0 0;
		height:											25px;
		text-align:									right;
		color:											#fff;
		font-weight:								normal;
	}

#menu a
	{
		font-size:									0.8em;
		color:											white;
		text-decoration:						none;
		font-weight:								bold;
		padding:										0 5px 0 3px;
		margin:											0;
	}
#menu a:hover
	{
		color:											#49BA6E;
	}

#main
	{
		margin:											0;
		padding:										0;
		width:											860px;
		height:											394px;
	}

html>body #main { margin: 0 0 0 20px; }

#flash
	{
		margin:											0 0 0 0;
		padding:										0;
		width:											860px;
		height:											220px;
		display:										block;
		background:									url(images/flash.jpg) top left no-repeat;
		border-bottom:							2px solid #183287;
	}
#flash p, #flash h1, #flash h2 { margin: 0; padding: 0; }
html>body #flash { margin: 3px 0 0 0; }

#left
	{
		margin:											8px 0 0 0;
		padding:										0;
		width:											280px;
		height:											150px;
		text-align:									left;
		float:											left;
		background:									url(images/image_3.gif) top left no-repeat;
		display:										block;
	}
	
	
#content
	{
		 font-family: arial;
		margin:											8px 0 0 10px;
		padding:										0;
		width:											280px;
		height:											150px;
		text-align:									left;
		float:											left;
		background:									url(images/image_4.gif) top left no-repeat;
		display:										block;
	}

#right
	{
		font-family:								"Arial";
		margin:											8px 0 0 10px;
		padding:										0;
		width:											280px;
		height:											150px;
		display:										block;
		text-align:									left;
		float:											left;
		background:									#1eb359;
		display:										block;
	}

#right h2, #left h2, #content h2
	{
		padding:										0;
		margin:											0;
		display:										none;

	}
	
#right h3
	{	
		padding:										0 0 0 10px;
		margin:											-10px 0 10px 0;
	}

#content h3
	{	
		padding:										0 0 0 10px;
		margin:											-10px 0 10px 0;
	}
	
	
#left h3
	{
		font-size:										1.1em;		
		padding:										0 0 0 9px;
		margin:											22px 0 20px 0;
		font-weight:									bold;
	}
html>body #left h3 {font-size:0.9em; }

#left p
	{
		padding:										0 0 0 8px;
		margin:											0;
		font-size:									1em;
		font-weight:								bold;
	}


#left p.bodytext
	{
			font-family: arial;
			font-size:									12px;
			font-weight:								normal !important;
			padding:									0 10px 0 10px !important;
	}

#left p.bodytext a
	{
			color:										#183287;
			font-weight:								bold;
	}



#right p, #content p
	{
		font-family: arial;
		padding:										0 0 0 8px;
		margin:											0;
		font-size:									1em;
		font-weight:								bold;
	}

#content .news-latest-date
	{
		/*display:										none;*/
	}

.news-latest-date a
	{
		font-family: arial;
		padding:										0 0 0 10px;
		margin:											48px 0 -40px 0;
		font-size:											10px;
		font-weight:								bold;
		color:											#183287;	
		text-decoration:						none;
		display:										block;

	}

.news-latest-item
	{
		margin:											0;
		padding:										0;
		font-size:									0.8em !important;
	}
	
#content .news-latest-item h3 a
	{
		margin:											0 0 0 0px;
		padding:										0 0 0 0;
		font-size:									12px !important;
		text-decoration:								none;
		font-weight:bold;
		color: 000;
		height:30px;
		display:block;
	}
	
#right .news-latest-item h3 a
	{
		width: 											260px;
		margin:											0 0 0 0;
		padding:										0 0 0 0;
		font-size:										12px !important;
		font-weight:bold;
		text-decoration:								none;
		overflow:									visible;
		color: 000;
		height:32px;
		display:block;;
	}

.news-latest-item p.bodytext
	{
		font-family: arial;	
		font-size:										12px !important;
		font-weight:								normal !important;
		padding:										0 10px 0 10px !important;
	}


.news-latest-gotoarchive
	{	
		display:										none;
	}
.news-latest-morelink a
	{
		font-family: arial;
		padding:										0 0 0 10px;
		margin:											0;
		font-size:									10px;
		font-weight:								bold;
		color:											#183287;
		text-decoration:						none;		
	}
#content h1 
	{
		font-family: arial;
		font-size:									16px;
		font-weight:								bold;
		margin:										10px 0 -15px 8px;
		color: 										#000;
	}
	
html>body #content h1 {font-size:14px;; margin:10px 0 -15px 8px;}

#right h1 
	{
		font-family: arial;
		font-size:									16px;
		font-weight:								bold;
		margin:										10px 0 -15px 8px;
		color: 										#000;
	}
	
html>body #right h1 {font-size:14px;; margin:10px 0 -15px 8px;}
#left h1 
	{
		font-family: 								arial;
		font-size:									16px;
		font-weight:								bold;
		margin:										10px 0 10px 8px;
		color: 										#000;
	}
	
html>body #left h1 {font-size:14px;; margin:10px 0 10px 8px;}


#footer p
	{
		margin:											0;
		padding:										0;
		font-size: 									12px;
		font-family: 								arial;
		color:											#fff;
		font-weight:								bold;
		height:											23px;
		line-height:								23px;
		width:											860px;
		display:										block;
		background:									#183287;
		word-spacing:								12px;
	}

html>body #footer p{ margin: 0 0 0 20px;font-size:12px;}

textarea
{
		font-family:								"Arial", 'Lucida Grande', 'Geneva', lucida, verdana, helvetica, sans-serif;
		font-size:									0.9em;

}