/* --- HOME.CSS - Exin.nl --- */

#siteBody.home {
	padding: 20px 0 0;
}

.home .columnLeft {
	float: left;
	width: 450px;
	padding: 0 0 13px 20px;
}

.home .columnRight {
	float: right;
	width: 450px;
	padding: 0 0 13px 20px;
}

.home h1 {
	font-size: 1.5em;
	color: #0055aa;
	margin: 9px 0 6px;
	border-style: none;
}

.home h2.kader {
	padding: 15px 12px 5px;
}

.home .leftItem, .home .rightItem {
	width: 215px;
}

.home .leftItem {
	float: left;
	margin-right: 20px;
}

.home .rightItem {
	float: right;
}

.home .intro {
/*	margin-top: -20px;*/
	margin-bottom: -7px;
}

	.home .intro p {
		line-height: 1.4em;
	}

.home .news {
	float: left;
	clear: both;
}

	.home .news table {
		margin: 0 0 9px;
		padding: 0;
	}
	
		.home .news td {
			width: 365px;
			padding: 5px 8px 9px 0;
			border-bottom: 1px solid #c1d8ea;
		}
		
		.home .news td.date {
			width: 54px;
			padding: 7px 10px 7px 13px;
		}

.home #iTracks {
	position: relative;
	width: 430px;
	height: 256px;
	margin-bottom: 11px;
	padding: 8px 10px 99px;
	/*background: url(../../images/Exin_nl/bg_itracks_home.jpg) #091863 no-repeat left top;*/
}

#iTracks a {

	color:#FFFFFF;
	
}

html>body .home #iTracks {
	height: auto;
	min-height: 256px;
}

	.home #iTracks h2,
	.home #iTracks p {
		color: #ffffff;
		padding-right: 152px;
	}
	
	.home #iTracks ul {
		position: absolute;
		left: 10px;
		bottom: 0;
		width: 430px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		.home #iTracks li {
			position: relative;
			width: 190px;
			height: 80px;
			margin: 0 0 10px;
			padding: 0 10px 20px;
			overflow: hidden;
			background: none #0055aa no-repeat left top;
		}
		
		#iTracks #startTrack {
			float: left;
			/*background-image: url(../../images/Exin_nl/bg_starttrack.jpg);*/
		}
		
		#iTracks #shortTrack {
			float: right;
			/*background-image: url(../../images/Exin_nl/bg_shorttrack.jpg);*/
		}
		
		#iTracks #careerTrack {
			float: left;
			/*background-image: url(../../images/Exin_nl/bg_careertrack.jpg);*/
		}
		
		#iTracks #academyTrack {
			float: right;
			/*background-image: url(../../images/Exin_nl/bg_academytrack.jpg);*/
		}
		
		#siteBody #iTracks li.jsHover {
			background-color: #5090d0;
			background-position: right top;
			cursor: pointer;
		}
		
			.home #iTracks li h3 {
				font-size: 1.4em;
				font-weight: normal;
				margin: 0;
				padding: 4px 0 3px;
			}
		
			.home #iTracks li p {
				height: 50px;
				padding: 0;
			}
			
				.home #iTracks li a {
					position: absolute;
					left: 10px;
					bottom: 10px;
					color: #ffffff;
					text-decoration: none;
				}
				
				.home #iTracks li h3 a {
					position: static;
				}
				
				.home #iTracks li a:hover, .home #iTracks li a:focus, .home #iTracks li a:active {
					text-decoration: underline;
				}
				
				.home #iTracks li.jsHover a:hover, .home #iTracks li.jsHover a:focus, .home #iTracks li.jsHover a:active {
					text-decoration: none;
				}
			
					.home #iTracks li a img {
						border-style: none;
					}

.home a.more:link, .home a.more:visited, .home a.more:hover, .home a.more:active {
	margin: 0 0 0 5px;
	padding: 0 0 0 17px;
	background: url(../../images/Exin_nl/ico_link.gif) transparent no-repeat 1px 3px;
}

.home .intro a.more:link, .home .intro a.more:visited, .home .intro a.more:hover, .home .intro a.more:active {
	margin: -11px 0 0;
}

.home #shortcuts {
	width: 450px;
	margin: 0;
	padding: 0 0 14px;
	overflow: hidden;
}




	.home #shortcuts ul {
		margin: 2px 0 0;
		padding: 0;
	}
	
		.home #shortcuts li {
			float: left;
			font-weight: bold;
			color: #010066;
			width: 220px;
			margin: 0 0 0 10px;
			padding: 0;
			list-style-type: none;
		}


		.home #shortcuts li.eerste {
			margin: 0;
		}
		

			.home #shortcuts li span.kopje {
				margin: 0;
				padding: 0 10px 0 2px;
			}

			*:first-child+html .home #shortcuts li span.kopje {
				margin: 0;
				padding: 0 10px;
			}
			
			.home #shortcuts ul ul {
				margin: 4px 0 0;
				padding: 0;
				border-top: 1px solid #c1d8ea;
				width: 217px;
			}
			

			*:first-child+html .home #shortcuts ul ul {
				margin: 4px 0 0;
				padding: 0;
				border-top: 1px solid #c1d8ea;
				width: 227px;
			}


			.home #shortcuts li li {
				float: none;
				font-weight: normal;
				width: 203px;
				margin: 0;
				padding: 1px 15px 2px 2px;
				border-bottom: 1px solid #c1d8ea;
			}
				

			*:first-child+html .home #shortcuts li li {
				float: none;
				font-weight: normal;
				width: 206px;
				margin: 0;
				padding: 1px 10px 2px;
				border-bottom: 1px solid #c1d8ea;
			}






.home .newsLetter {
	border-bottom: 1px solid #bcd4e9;
}

* html .home .newsLetter { padding-bottom: 10px; }
*:first-child+html .home .newsLetter { padding-bottom: 10px; }

	.home .poll p, .home .newsLetter p {
		margin: 4px 12px 13px;
	}
	
	.home .newsLetter input.newsletterSignup {
		width: 189px;
		margin-top: -5px;
		margin-left: 12px;
	}
	
		.home .poll .voteKnop,
		.home .newsLetter .newsletterKnop {
			float: left;
			clear: both;
			font-weight: bold;
			color: #ffffff;
			height: 17px;
			margin: 9px 10px 3px 12px;
			padding: 0 24px 1px 5px;
			background: url(../../images/Exin_nl/ico_poll.gif) #091863 no-repeat right center;
			border-style: none;
		}
		
		html>body .home .poll .voteKnop,
		html>body .home .newsLetter .newsletterKnop {
			width: auto;
			height: auto;
			min-height: 17px;
			margin: 9px 10px 9px 12px;
			padding: 0 21px 0 3px;
		}
	
			.home .poll a.voteLink:link, .home .poll a.voteLink:visited, .home .poll a.voteLink:hover, .home .poll a.voteLink:active,
			.home .newsLetter a.newsletterLink:link, .home .newsLetter a.newsletterLink:visited, .home .newsLetter a.newsletterLink:hover, .home .newsLetter a.newsletterLink:active {
				float: left;
				display: none;
				clear: both;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
				margin: 9px 10px 3px 12px;
				padding: 0 24px 1px 5px;
				background: url(../../images/Exin_nl/ico_poll.gif) #091863 no-repeat right center;
			}
			
			html>body .home .poll a.voteLink:link, html>body .home .poll a.voteLink:visited, html>body .home .poll a.voteLink:hover, html>body .home .poll a.voteLink:active,
			html>body .home .newsLetter a.newsletterLink:link, html>body .home .newsLetter a.newsletterLink:visited, html>body .home .newsLetter a.newsletterLink:hover, html>body .home .newsLetter a.newsletterLink:active {
				margin: 9px 10px 9px 12px;
			}
			
			.home .poll a.voteLink:hover, .home .poll a.voteLink:active,
			.home .newsLetter a.newsletterLink:hover, .home .newsLetter a.newsletterLink:active {
				text-decoration: underline;
			}

.home .poll #moreOpinion {
	margin-top: 0;
	padding: 5px 0 0;
}

* html .home .poll #moreOpinion {
	margin-top: 7px;
}

	.home .poll #moreOpinion li {
		float: left;
		letter-spacing: -1px;
		padding: 0 18px 0 10px;
	}

	.home .poll #moreOpinion li.last {
		padding: 0 1px 0 10px;
	}