/* --- HOME.CSS - Cendris --- */


h1 {
	font-size: 1.55em;
	font-weight: normal;
	padding: 0 20px 14px;
	margin-bottom: 20px;
	/*background-color: yellow;
	background-image: url(../images/bg_h1home.gif) transparent repeat-x left bottom;*/
	background-image: none;
}

/* --- siteBody --- */

#siteBody {
	width: 100%;
	float: left;
	margin-top: 16px;
	height: 371px;
}

#colLeft {
		text-align:left; /*IE6*/
		float: left;
		width: 420px;
		margin: 0 -20px 0 0;
		background-color: transparent;
	}

	/* --- secNavBar --- */

	#secNavBar {
		text-align:left; /*IE6*/
		float: left;
		width: 400px;
		height: 371px;
		margin: 0;
		padding-bottom: 0;
		/*overflow: hidden;*/
		background: url(../images/bg_sM_BotH.gif) #ffffff no-repeat bottom left;
	}

		.addNav {
			float: left;
			clear: both;
			width: 400px;
			height: 45px;
			font-size: 0.85em;
			margin: 0;
			padding: 0 20px 12px 0;
			/*display: none;*/
			overflow: hidden;
			background-color: transparent;
		}

		* html .addNav {
			padding: 0 20px 12px 0;
			background-color: transparent;
		}

		.di {											/* Doelgroep informatie */
				
			background: url(../images/bg_sM_diH.gif) transparent no-repeat top left;
			border-bottom: none;
		}

		.pf {										/* Printen en fullfilment */
			background: url(../images/bg_sM_pfH.gif) transparent no-repeat top left;
			border-bottom: none;
		}

		.dk {										/* Datakwaliteit */
			background: url(../images/bg_sM_dkH.gif) transparent no-repeat top left;
			border-bottom: none;
		}

		.cm {										/* Campagne Management */
			background: url(../images/bg_sM_cmH.gif) transparent no-repeat top left;
			border-bottom: none;
		}

		.cs {										/* Callcenter Services */
			background: url(../images/bg_sM_csH.gif) transparent no-repeat top left;
			border-bottom: none;
		}

			.addNav h2 {
				font-size: 1.65em;
				font-weight: normal;
				letter-spacing: 0;
				padding: 9px 4px 6px 80px;
				margin: 0;
			}

			#secNavBar.accOn h2 {
				cursor: pointer;
			}

			.addNav h2 a {
				font-weight: normal;
				text-decoration: none;
				color: #FAFBFC;
			}

			.addNav h2 a:hover, .addNav h2 a:focus, .addNav h2 a:active {
				text-decoration: none;
			}

			.open h2 a {
					cursor: text;
				}

			.addNav p {
				padding: 0 7px 4px 80px;
				margin: 0;
				color: #ffffff;
			}

			.addNav ul {
				padding: 0 0 0 80px;
				/*display: none;*/
			}

			.open ul {
				display: block;
			}

					#secNavBar .addNav li a {
						display: block;
						width: 280px;
						color: #ffffff;
						text-decoration: none;
						padding: 0 7px 0 13px;
						background: url(../images/ic_sMu.gif) transparent no-repeat 0 0.5em;
					}

					/** html .addNav li a {
						display: block;
						width: 255px;
					}*/

					#secNavBar .addNav li a:hover, #secNavBar .addNav li a:focus, #secNavBar .addNav li a:active {
						text-decoration: underline;
					}

					#secNavBar .addNav li.selected a {
						font-weight: bold;
						color: #ffffff;
						padding: 0 0 0 13px;
						background: url(../images/ic_sMa.gif) transparent no-repeat 0 0.5em;
						/*display: block;
						padding-bottom: 6px;*/
					}

						.addNav li ul {
								padding-bottom: 8px;
							}

							.addNav li li {
									padding-left: 5px;
								}

							#secNavBar .addNav li li a {
								/*display: block;
								width: 100%;
								color: red;
								text-decoration: none;*/
								/*font-size: 0.85em;*/
								padding: 0 0 0.45em 8px;
								background: url(../images/ic_subsM.gif) transparent no-repeat left;
							}

							#secNavBar .addNav li.selected li a {
								font-weight: normal;
								background: url(../images/ic_subsM.gif) transparent no-repeat left;
								color: #bcadc1;
								padding: 0 0 0.2em 8px;
								/*background: url(../images/ic_sMa.gif) transparent no-repeat 0 0.2em;*/
								/*display: block;
								padding-bottom: 6px;*/
							}

								#secNavBar .addNav li.selected li.selected a,
								#secNavBar .addNav li li.selected a {
									font-weight: bold;
									background: url(../images/ic_subsM.gif) transparent no-repeat left;
									padding: 0 0 0.2em 8px;
									color: #ffffff;
								}

		#secNavBar.accOn,
		#secNavBar .accOffOpen,
		#secNavBar.accOn .addNav {
			display: block;
		}

		#secNavBar .accOffOpen,
		#secNavBar.accOn .open {
			height: 131px;
		}

		/** html #secNavBar .accOffOpen,
		* html #secNavBar.accOn .open {
			padding: 0 20px 8px 0;
		}*/


/* --- mainContent --- */

	#mainContent {
		position: relative;
		clear: right;
		float: left;
		line-height: 1.3em;
		width: 550px;	/* 550px */
		height: 306px;
		padding: 0 0 65px 0;
		overflow: hidden;
		background: url(../images/bg_home_maincontent.gif) transparent no-repeat 0 0;

	}

	/*#mainContent div {
		border-right: 1px solid #CDDBE0;
	}

	#mainContent div div {
		border: none;
		padding-bottom: 4px;
		height: 300px;
	}*/

	*:first-child+html #mainContent {
		margin-bottom: -7px;
	}

	* html #mainContent {
		margin-bottom: -7px;
	}

		#mainContent div {
		    display: none;
			 overflow: hidden;
		}

			#mainContent div div {
				overflow: visible;
			}

		#mainContent.showContent div.visible {
			display: block;
			padding: 4px 0 0;
			/*margin 0 0 -20px 0;*/
		}

		#mainContent h1 {
			font-size: 22px;
			font-weight: bold;
			letter-spacing: 1px;
			padding: 7px 25px 0px;
			margin-bottom:12px;
		}

		#mainContent .content {

			width: 530px;
			/*margin: 0 0 -20px 0;*/
			padding: 0 25px;
			
			clear: both;
			display: block;
			list-style-type: none;

		}

		#mainContent ul.content li {
			float: left;
			clear: both;
			width: 530px;
			margin: 0 0 7px;
			padding: 0;
		}

			#mainContent .content li img {
				float: left;
				margin: 3px 20px 0 0;
			}

			#mainContent .content li h2 {

				float: left;
				width: 430px;
			}

				#mainContent .content h2 a {
					color: #2F5F6F;
					text-decoration: none;
					font-size: 12px;
					padding: 0 6px 0px 0px;
					background: url(../images/ic_link.gif) transparent no-repeat 100% 0.4em;
				}

				#mainContent .content h2 a:hover, #mainContent .content h2 a:focus, #mainContent .content h2 a:active {
						text-decoration: underline;
					}

			#mainContent .content p {
				font-size: 0.85em;
				color: #85B1C1;
			}

			#mainContent .content li p {

				float: left;
				width: 420px;
				padding: 0 0 0 10px;
				margin-bottom:10px;
				margin-top:-4px;
			}

			#mainContent .content ul {
				margin-bottom: 10px;
			}

				#mainContent .content li a {
					text-decoration: none;
					padding: 0 0 0.3em 10px;
					background: url(../images/ic_link.gif) transparent no-repeat 0 0.4em;
				}

				#mainContent .content li a:hover, #mainContent .content li a:focus, #mainContent .content li a:active {
					text-decoration: underline;
				}

			.item {
				width: 250px; /* 270px */
				/*padding: 0 0 10px;
				background-color: #cccccc*/

			}

		#mainContent #kunnenWijUHelpen {
			
			display: block;
			position: relative;
			width: 549px;
			height: 371px;
			margin: 0;
			overflow: hidden;
		}

		#mainContent.showContent #kunnenWijUHelpen {
			position: absolute;
			bottom: 0;
			height: 60px;
			background: url(../images/bg_home_kwuh.gif) #ffffff no-repeat left top;
			border-top: 1px solid #CDDBE0;
		}

		* html #mainContent.showContent #kunnenWijUHelpen {
			bottom: -1px;
		}

			#kunnenWijUHelpen h1 {
				position: relative;
				padding-top: 11px;
				background-image: none;
			}

			.showContent #kunnenWijUHelpen h1 {
				font-size: 1.2em;
				font-weight: bold;
				letter-spacing: 0;
				padding-top: 7px;
				/*background: url(../images/bg_h1home.gif) transparent repeat-x left top;*/
			}

				#kunnenWijUHelpen h1 a {
					position: absolute;
					right: 23px;
					top: 12px;
					padding: 5px;
				}

				.showContent #kunnenWijUHelpen h1 a {
					right: 4px;
					top: 5px;
				}

			#kunnenWijUHelpen p.helpInfo {
				display: none;
			}

			.showContent #kunnenWijUHelpen p.helpInfo {
				display: block;
				font-size: 0.85em;
				letter-spacing: -0.15px;
				color: #2F5F6F;
				margin: -10px 14px 0;
				padding: 0 10px;
			}

				.showContent #kunnenWijUHelpen p.helpInfo a {
					color: #264C59;
				}

			.showContent #kunnenWijUHelpen .content {
				display: none;
			}

			#kunnenWijUHelpen form.content {
				float: left;
				clear: both;
				width: 540px; /***David***/
				margin: 2px 20px 0 0;
				padding: 11px 0 13px 10px;
				background: url(../images/bg_h1.gif) transparent repeat-x left bottom;
				border: 1px solid #CDDBE0;
				border-style: solid none;
			}

				#kunnenWijUHelpen form label {
					display: block;
					float: left;
					font-size: 1.6em;
					width: 135px;
					margin-right: 5px;
				}

				#kunnenWijUHelpen form input {
					display: block;
					float: left;
				}

				#kunnenWijUHelpen form input#helpenZoekenTerm {
					font-size: 0.85em;
					color: #264C59;
					width: 321px;
					height: 19px;
					margin: 0 15px 0 0;
					padding: 4px 5px 0;
					background: url(../images/bg_input3.gif) #e5e7f8 repeat-x left top;
					border: 1px solid #9da3c3;
					border-color: #9da3c3 #f7f8fc #f7f8fc #9da3c3;
				}

			#kunnenWijUHelpen .content div {
				display: block;
			}

			#mainContent #tagCloud {
				float: left;
				clear: both;
				font-size: 0.85em;
				line-height: 2.1em;
				margin: 0;
				padding: 0 0 18px 10px;
				height:200px;
				overflow:hidden;
			}

				#tagCloud h2 {
					font-weight: normal;
					margin: 0;
					padding: 8px 0 0;
				}

				#tagCloud a {
					display: block;
					float: left;
					/*color: #85B1C1;*/

					text-decoration: none;
					margin-right: 18px;
				}

				#tagCloud a:hover, #tagCloud a:focus, #tagCloud a:active {
					text-decoration: underline;
				}

				#tagCloud a.smallTag {
					margin-top: 3px;
				}

				#tagCloud a.largeTag {
					margin-top: 2px;
				}

				#tagCloud a.largerTag {
					margin-top: 1px;
				}

				#tagCloud a.largestTag {
					font-size: 2.0em;
					margin-top: 0;
				}

			#mainContent #directContact {
				width: 530px;
				margin-right: 20px;
				border-top: 1px solid #CDDBE0;
			}

				#directContact h1 {
				font-size: 1.2em;
				font-weight: bold;
				letter-spacing: 0;
				padding-top: 7px;
				}