﻿/* ================================================= */
/* 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:653px;
		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;
			position:relative;
			display:inline;
			width:567px;
			/*overflow:auto;*/
			margin:0;
			padding:0;
			list-style-type:none;
		}
	
		#nieuws_home ul li
		{
			float:left;
			width:100%;
		}
		
		#nieuws_home ul li .nieuwsDatum
		{
			color:#818181;
			width:120px;
			font-weight:bold;
			float:left;
			clear:left;
			text-align:right;
			padding:5px 0;
		}
		
		/* Nieuw voor nieuws-ticker */
		
		#nieuws_home ul li a.nieuwslink 
        {
            color:#000;
			float:left;
			text-decoration:none;
            width:192px; 
            display:inline-block; 
            padding:5px 18px 5px 12px;
            margin-left:16px;
        }

        #nieuws_home ul li a.selected 
        {
            color:#fff; 
            text-decoration:none;
            background:#818181 url(/KleurrijkWonen/Img/home_li_selected.gif) no-repeat right 50%; 
            padding:5px 18px 5px 12px;
        }

        .description  
        {
           font-size: 11px; 
           display:none;
           width:194px;
           height: auto; 
           border:1px solid #c1c1c1;
           padding-bottom: 6px; 
           padding-top: 5px; 
           padding-left: 5px; 
           padding-right: 5px; 
           position:absolute;
           top:0;
           right:0;
        }

        .description .nieuwsImage 
        {
            float:left; 
            margin-right:3px; 
            cursor:pointer;
        }
        
        .description a
        {
            color:#818181;
        }
        
        .description a.titel 
        {
            float:left; 
            clear:left; 
            display:block; 
            width:100%;
            font-size:14px; 
            font-weight:bold; 
            background-color:#fff; 
            margin:5px 0; 
            text-decoration:none;
        }
        
        .description a:hover
		{	
			color:#111;
			text-decoration:underline;
		}

        .description .moreinfo {float:left; clear:left; width:100%; margin:5px 0 0 0; }

        .description .kopregel 
        {
            display:inline;
        }

        .description .leesverder 
        {
            
        }

		/* Nieuw voor nieuws-ticker*/
	
	#mededeling_home
	{
		float:left;
		display:inline;
		width:225px;
		height:90px;
	}
	
		#mededeling_titel
		{
			color:#a1a1a1;
			width:120px;
			float:left;
			display:inline;
			font-size:16px;	
			padding:0 18px 0 20px;
			margin:-3px 0 3px 0;
		}

		#mededeling_home .mededeling
		{
			float:right;
			display:inline;
			width:203px; /* 265(width) - 54(width) - 18(padding) */
			height:100px;
			overflow:auto;
		}
		
	#agenda_home
	{
		float:left;
		display:inline;
		width:225px;
		height:90px;
	}
		#agenda_titel
		{
			color:#a1a1a1;
			width:120px;
			float:left;
			display:inline;
			font-size:16px;	
			padding:0 18px 0 20px;
			margin:-3px 0 3px 0;
		}
		#agenda_home table#Agenda_dlUnit { clear: both; width: 220px; }
		.clsHomeDag { float: left; width: 20px; margin-left: 18px; font-size: 11px; color: #757575; }
		.clsHomeDatum { float: left; font-size: 11px; }
		.clsHomeNieuwslink { clear: both; font-weight: 700; margin-bottom: 5px; }

#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;}

#banner
{
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -410px;
	z-index: 4400;
	width: 820px;
	display: none;
}
#banner img { border: none; float: left; }
