/* CSS Document */
html
{
/* ff toont standaard geen scrollbar, maw. als ie wel nodig is vanwege de lengte van de pagina (testteam), dan verschuift de boel, vandaar onderstaande tag... */
overflow-x: hidden;
overflow-y: hidden;
}
body
{
	padding:0;
	margin:0 auto;
	text-align:center;
	width:100%;
	background-color:#cccccc;
}
div, h1, h2, p, form, label, input, textarea, img, span
{
	margin:0; padding:0;
}

#header
{
	width:1014px;
	height:63px;
  margin:0 auto;
	text-align:center;	
	background-color:#ffffff; 
  padding-right:5px;
  padding-left:5px;  	
}

#topmenu
{
	width:1014px;
	height:48px;
	margin:0 auto;
	text-align:right;		
	line-height:2em;
	background-color:#ffffff;	
  padding-right:5px;
  padding-left:5px;	
}
 #container
{
	width:1014px;
  margin:0 auto;
	text-align:center;
	background-color:#ffffff;	
  padding-right:5px;
  padding-left:5px;	

	height:679px;
}

#leftwelkom
{
	width:230px;
	height:580px;
	margin:0 auto;
	text-align:left;		
  float:left;
  overflow:hidden;
  padding-top:30px;  
	background-color:#e9f0f8;   	
}


#left
{
	width:200px;
	height:580px;
	margin:0 auto;
	text-align:left;		
  float:left;
  overflow:hidden;
  padding-top:30px;  
  padding-left:30px;   	
}
#right
{
	height:580px;
	width:740px;
  padding-right:10px;	
	margin:0 auto;
	text-align:left;		
  float:left;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top:30px;  	 
  padding-left:30px; 
}

#bottom
{
	width:1014px;
	height:69px;
	margin:0 auto;
	text-align:left;
	
}
h1
{
	font: normal 18px Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-top:0px;
}
h2
{
	font: normal 14px Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-top:0px;	
}
p
{
	font: normal 14px Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-top:0px;		
}
li, td
{
	font: normal 14px Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#left.welkom
{
	background-color:#e9f0f8;
}
#right.welkom
{
	background-color:#e9f0f8;
}
.welkom h1, .welkom a
{
color:#2c4796;
}
.welkom h2
{
color:#0a91bf;
}


.draagvlak h1
{
color:#7d0b7f;
}
.draagvlak h2
{
color:#b9c528;
}
#left.draagvlak
{
	background-color:#b9c528;
}
#left.draagvlak a
{
	color:#ffffff;
	text-decoration:none;
}
#left.draagvlak a:hover
{
	color:#7d0b7f;
	text-decoration:none;	
}
#right.draagvlak
{
	background-color:#f5f6df;
}
#right.draagvlak a
{
color:#b9c528;
}

.gezondheid h1
{
color:#d7b629;
}
.gezondheid h2
{
color:#b40087;
}
#left.gezondheid
{
	background-color:#b40087;
}
#left.gezondheid a
{
	color:#ffffff;
	text-decoration:none;
}
#left.gezondheid a:hover
{
	color:#d7b629;
	text-decoration:none;	
}
#right.gezondheid
{
	background-color:#fbf2f9;
}
#right.gezondheid a
{
color:#b40087;
}


.mobiliteit h1
{
color:#b9c528;
}
.mobiliteit h2
{
color:#008cbd;
}
#left.mobiliteit
{
	background-color:#008cbd;
}
#left.mobiliteit a
{
	color:#ffffff;
	text-decoration:none;
}
#left.mobiliteit a:hover
{
	color:#b9c528;
	text-decoration:none;	
}
#right.mobiliteit
{
	background-color:#daf3f6;
}
#right.mobiliteit a
{
color:#008cbd;
}


.beleid h1
{
color:#82b8aa;
}
.beleid h2
{
color:#d7b629;
}
#left.beleid
{
	background-color:#d7b629;
}
#left.beleid a
{
	color:#ffffff;
	text-decoration:none;
}
#left.beleid a:hover
{
	color:#82b8aa;
	text-decoration:none;	
}
#right.beleid
{
	background-color:#fbf8e9;
}
#right.beleid a
{
color:#d7b629;
}

.branches h1
{
color:#d7b629;
}
.branches h2
{
color:#7d0a7f;
}
#left.branches
{
	background-color:#7d0a7f;
}
#left.branches a
{
	color:#ffffff;
	text-decoration:none;
}
#left.branches a:hover
{
	color:#d7b629;
	text-decoration:none;	
}
#right.branches
{
	background-color:#f8f1f8;
}
#right.branches a
{
color:#7d0a7f;
}

.websites h2
{
color:#9fa49e;
}
#left.websites
{
	background-color:#9fa49e;
}

#right.websites
{
	background-color:#f2f2f2;
}
#right.websites a
{
color:#b2b7b1;
}