@charset "utf-8";
/* --- home.css / rkz.nl --- */


/* --- pageHeader --- */

.home #pageHeader {
	height: 272px;
}
	
	/* --- siteLogo --- */
	
	#siteLogo {
		width: 480px;
	}

	/* --- headerContent --- */
	
	.home #headerContent {
		width: auto;
		padding: 0;
	}
		
	/* --- homeLeads --- */
	
	#homeLeads {
		position: absolute;
		width: 960px;
	}
	
		#homeLeads li {
			float: left;
			width: 144px;
			height: 272px;
			background: url(/images/bg_leads_home.png) transparent no-repeat -9999px 0;
		}
		
		#homeLeads #leadPatient {
			background-color: #bc1;
			background-position: 0 0;
		}

		#homeLeads #leadBezoeker {
			background-color: #f90;
			background-position: -240px 0;
		}
		
		#homeLeads #leadVerwijzer {
			background-color: #0cc;
			background-position: -480px 0;
		}
		
			#homeLeads li h2, #homeLeads li p.moduleName {
				position: relative;
				width: 120px;
				margin: 16px 12px 6px;
				padding: 0;
			}
			
				#homeLeads li h2 a, #homeLeads li p.moduleName a {
					display: block;
					height: 28px;
				}
				
					#homeLeads li h2 img, #homeLeads li p.moduleName img {
						/*position: relative;
						left: -9999px;*/
						visibility: hidden;
						width: 120px;
					}
					
			#homeLeads li .leadContent {
				display: none;
				height: 184px;
				padding: 8px 12px 24px;
				background: url(/images/bg_leads_home_hover.png) transparent repeat-x -9999px 100%;
			}
			
			#homeLeads #leadPatient .leadContent { background-position: 0 100%; }
			#homeLeads #leadBezoeker .leadContent { background-position: -240px 100%; }
			#homeLeads #leadVerwijzer .leadContent { background-position: -480px 100%; }
						
						#homeLeads a:hover, #homeLeads a:focus, #homeLeads a:active {
							color: #d01;
							text-decoration: none;
							outline: 1px dashed #fff;
						}
					
						#homeLeads ul li a {
							text-decoration: none;
						}
						
							#homeLeads ul li a:hover span, #homeLeads ul li a:focus span, #homeLeads ul li a:active span {
								background-position: -200px 0.45em;
							}
		
			#homeLeads li .altLogo {
				position: absolute;
				left: -9999px;
				top: 0;
				width: 432px;
				height: 272px;
				background: url(/images/sitelogo/rkz_home_hover.jpg) #d01 no-repeat 0 0;
			}
		
			.logo1 #homeLeads li .altLogo { background-position: 0 0; }
			.logo2 #homeLeads li .altLogo { background-position: -480px 0; }
			.logo3 #homeLeads li .altLogo { background-position: -960px 0; }
			.logo4 #homeLeads li .altLogo { background-position: -1440px 0; }
			.logo5 #homeLeads li .altLogo { background-position: -1920px 0; }
		
		#homeLeads li:hover, #homeLeads li.jsHover {
			width: 240px;
		}
		
			#homeLeads li:hover h2, #homeLeads li.jsHover h2,
			#homeLeads li:hover p.moduleName, #homeLeads li.jsHover p.moduleName {
				width: 216px;
			}
			
				#homeLeads li:hover h2 a, #homeLeads li.jsHover h2 a,
				#homeLeads li:hover p.moduleName a, #homeLeads li.jsHover p.moduleName a {
					height: 34px;
				}
				
				#homeLeads li:hover h2 a:hover, #homeLeads li:hover h2 a:focus, #homeLeads li:hover h2 a:active,
				#homeLeads li.jsHover h2 a:hover, #homeLeads li.jsHover h2 a:focus, #homeLeads li.jsHover h2 a:active,
				#homeLeads li:hover p.moduleName a:hover, #homeLeads li:hover p.moduleName a:focus, #homeLeads li:hover p.moduleName a:active,
				#homeLeads li.jsHover p.moduleName a:hover, #homeLeads li.jsHover p.moduleName a:focus, #homeLeads li.jsHover p.moduleName a:active {
					outline-style: none;
				}
				
					#homeLeads li:hover h2 img, #homeLeads li.jsHover h2 img,
					#homeLeads li:hover p.moduleName img, #homeLeads li.jsHover p.moduleName img {
						/*left: 0;*/
						visibility: visible;
						width: auto;
					}
					
			#homeLeads li:hover .leadContent, #homeLeads li.jsHover .leadContent {
				display: block;
			}
		
			#homeLeads li:hover .altLogo, #homeLeads li.jsHover .altLogo {
				left: auto;
				right: 0;
			}
		
			#homeLeads li:hover .altLogo:hover, #homeLeads li.jsHover .altLogo.jsHover {
				left: -9999px;
				right: auto;
			}
			
/* --- mainContent --- */

.home #mainContent {
	width: 720px;
}
			
	#mainContent .kolomLinks, #mainContent .landItem {
		width: 472px;
	}
	* html #mainContent .kolomLinks { margin-right: -4px; }
			
	#mainContent .kolomRechts .landItem {
		width: 232px;
	}
	
			#mainContent .stijl3,
			#mainContent .stijl4,
			#mainContent .stijl5,
			#mainContent .stijl6,
			#mainContent .stijl7 {
				color: #16130c;
			}
		
			#mainContent .stijl3 h2,
			#mainContent .stijl4 h2,
			#mainContent .stijl5 h2,
			#mainContent .stijl6 h2,
			#mainContent .stijl7 h2,
			#mainContent .stijl3 a:hover ,#mainContent .stijl3 a:focus ,#mainContent .stijl3 a:active,
			#mainContent .stijl4 a:hover ,#mainContent .stijl4 a:focus ,#mainContent .stijl4 a:active,
			#mainContent .stijl5 a:hover ,#mainContent .stijl5 a:focus ,#mainContent .stijl5 a:active,
			#mainContent .stijl6 a:hover ,#mainContent .stijl6 a:focus ,#mainContent .stijl6 a:active,
			#mainContent .stijl7 a:hover ,#mainContent .stijl7 a:focus ,#mainContent .stijl7 a:active {
				color: #d01;
			}
							
				#mainContent .kolomLinks .stijl3 .icon h2,
				#mainContent .kolomLinks .stijl4 .icon h2,
				#mainContent .kolomLinks .stijl5 .icon h2,
				#mainContent .kolomLinks .stijl6 .icon h2,
				#mainContent .kolomLinks .stijl7 .icon h2 {
					padding-left: 32px ;
					background-image: url(/images/ico_itemheader.png);
				}
			
			#mainContent .stijl3 a,
			#mainContent .stijl4 a,
			#mainContent .stijl5 a,
			#mainContent .stijl6 a,
			#mainContent .stijl7 a {
				color: #76736c;
			}
						
			#mainContent .landItem .icon, #mainContent .kolomLinks .icon {
				min-height: 0;
				padding: 0 12px 9px;
				background-image: none;
			}
			
			
			div.landItem div.nieuwsItem,
			div.landItem p.seeAll {
				background: url(/images/bg_content_dottedline_hor.png) transparent repeat-x left bottom;
				padding: 0 12px 9px; 
				margin: 0 -12px 9px;
			}
			
			div.landItem div.nieuwsItem div.breaker{
				height: 1px;
				clear: both;
				background: transparent;
				font-size: 0px;
				line-height: 0px;
			}
			
			* html #sidebar { margin-left: -2px; }
			
			#sidebar .subItem, #mainContent .landItem {
				margin-top: -8px;
			}
			#sidebar .subItem:first-child, #mainContent .landItem:first-child {
				margin-top: 0;
			}
				
				#sidebar .subItem .noIcon/*,
				#mainContent .landItem .noIcon, #mainContent .landItem .icon*/ {
					overflow: visible;
				}
				
				#mainContent .landItem .noIcon, #mainContent .landItem .icon {
					overflow: hidden;
				}