﻿/* ================================================= */
/* HOME
/* ================================================= */

#container_home
{
	background: url(../Img/bg_page_home.jpg) repeat-y center;
	margin:0 auto -53px; /* bottom margin is de hoogte van de footer */
	min-height: 100%;
	text-align:left;
	width: 974px;
}

#content_wrapper_home
{
	background: url(../Img/bg_wrapper_home.jpg) no-repeat;
	float:left;
	overflow:auto;
	width:974px;
	padding:14px 0 0 0;
	display:inline;
}

#footer_home
{
	background:url(../Img/bg_footer_home.jpg) no-repeat center;
	color:#8d8d8d;
	font-size:11px;
	height:53px; /* Hoogte hetzelfe houden als: #container_home margin-bottom en .push height*/
	margin:0 auto;
	text-align:left;
	width:974px;
}

.welkomtext 
{
	color: #7a7a7a;
	font-size: 18px;
	height: 41px;
	display: inline-block;
	padding-top: 9px;
}

/* KADERS HOMEPAGE */

ul#keuze 
{
	padding:0; 
    margin:0 0 0 60px;
    height:276px;
}

ul#keuze li
{
	float:left;
	display:inline;
	list-style-type:none;
	width:212px;
	height:276px;
	background: url(../Img/bg_keuze_li.png) no-repeat;
	margin-left:12px;
	padding:0px;
}

ul#keuze li.keuze1 a { background:url(../Img/keuze1.jpg) no-repeat 3px 3px; }
ul#keuze li.keuze2 a { background:url(../Img/keuze2.jpg) no-repeat 3px 3px; }
ul#keuze li.keuze3 a { background:url(../Img/keuze3.jpg) no-repeat 3px 3px; }
ul#keuze li.keuze4 a { background:url(../Img/keuze4.jpg) no-repeat 3px 3px; }

ul#keuze li a 
{
	display:block;
	width:207px;
	height:270px;
}
	
ul#keuze li a span {display:none;}

#home_kader
{
	background:#fff;
	float:left;
	display:inline;
	clear:left;
	width:878px;
	margin:13px 0 0 52px;
	padding:16px 13px 16px 23px;
}

	#nieuws_home
	{
		width:603px;
		float:left;
		display:inline;
	}
	
		#nieuws_titel
		{
			color:#a1a1a1;
			width:45px;
			height:90px;
			float:left;
			display:inline;
			font-size:16px;	
			padding:0 18px 0 0;
			margin:-3px 0 0 0;
		}
		
		#nieuws_home ul
		{
			float:right;
			display:inline;
			width:516px;
			overflow:auto;
			margin:0;
			padding:0;
			list-style-type:none;
		}
	
		#nieuws_home ul li
		{
			padding-bottom:3px;
			float:left;
		}
	
		#nieuws_home .nieuwsDatum
		{
			color:#818181;
			padding-right:16px;
			width:120px;
			font-weight:bold;
			float:left;
			clear:left;
			text-align:right;
		}
	
		#nieuws_home a
		{	
			color:#000;
			float:right;
			text-decoration:none;
			width:379px;
		}
		
		#nieuws_home a:hover
		{	
			color:#818181;
			text-decoration:underline;
		}
	
	#mededeling_home
	{
		float:left;
		display:inline;
		width:275px;
		height:90px;
	}
	
		#mededeling_titel
		{
			color:#a1a1a1;
			width:120px;
			float:left;
			display:inline;
			font-size:16px;	
			text-align:right;
			padding:0 18px 0 0;
			margin:-3px 0 3px 0;
		}

		#mededeling_home .mededeling
		{
			float:right;
			display:inline;
			width:203px; /* 265(width) - 54(width) - 18(padding) */
			height:80px;
			overflow:auto;
		}

#shortcuts_home 
{
	color:#595959;
	float:left;
	clear:left;
	display:inline;
	margin:5px 0 40px 35px;
	width:932px;
}

	#shortcuts_home a {	color:#595959; text-decoration:none;}
	#shortcuts_home a:hover {color:#000; border-bottom:1px dotted; text-decoration:none;}

	#shortcuts_home .shortcuts
	{
		float:left; display:inline;
		list-style-type:none;
		width:184px;
		color:#595959;
		margin:15px 0 0 40px;
	}

	#shortcuts_home .shortcuts h3
	{
		font-size:14px;
		list-style-image:none;
		padding:0;
		margin:0 0 10px 0;
	}
	
	#shortcuts_home .shortcuts ul
	{
		padding:0; margin:0;
	}

	#shortcuts_home .shortcuts li
	{
		list-style-image:url(../Img/menu_li.gif);
		font-size:11px;
		padding:0 0 3px 0;
	}
	
	.rood h3 {color:#d42427;}
	.oranje h3 {color:#e69a20;}
	.blauw h3{color:#22378a;}
	.groen h3{color:#a8ad15;}

#footer_home a { color:#8d8d8d;}