/* CSS voor Campus Uithof */

/**
 * Default styling
 */
body {
	padding: 0px;
	margin: 0px;
	background-color: #94989B;
}

a img {
	border: none;
}
a {
	text-decoration: none;
}

/**
 * Container positioning and styling
 */
#header {
	background-image: url('../images/home-header.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	height: 189px; width: 969px;
}

#content-background {
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 0px;
	background-image: url('../images/home-content.jpg');
	background-repeat: repeat-y;
	width: 969px;
}

#footer {
	background-image: url('../images/home-footer.jpg');
	background-repeat: no-repeat;
	margin-top: -16px;
	margin-left: auto;
	margin-right: auto;	
	height: 95px; width: 969px;
}
#footertekst {
	color:#666666;
	text-align:center;
	font-family: Arial;
	font-size: 80%;
	padding:2px;
}
#footertekst A {
	color:#666666;
	text-decoration:none;
}
#footertekst A:hover {
	text-decoration:underline;
}

#content-table 		{ margin-left: 12px; border-collapse: collapse; margin-bottom: 1em;}
#menu 	 { width: 155px; }
#content { width: 471px; }
#banners { width: 313px; background: url('../images/rechtsdeco.jpg') no-repeat; border-right: 1px solid white;}

#taalselect_nl, #taalselect_en { float: left; position: absolute; margin-top: 55px; }
#taalselect_nl { margin-left: 735px; }
#taalselect_en { margin-left: 850px; }
#home, #contact, #links, #hvhl { float: left; position: absolute; }
#home, #contact, #links { margin-top: 15px; }
#home 		{ margin-left: 252px; }
#contact 	{ margin-left: 302px; }
#links 		{ margin-left: 352px; }
#hvhl { margin-left: 275px; margin-top: 80px; }
#apply { float: left; position: absolute; margin-left: 642px; margin-top: 11px; }


#menu { background: url('../images/linksdeco.jpg'); no-repeat; }

/**
 * Content styling
 */
#content { background-color: #afd578; }
#content table { width: 100%; height: 441px; border-collapse: collapse; }
#content table td { text-align: center; vertical-align: top; width: 33.33%; height: 24%; }
#content table td a { 
	font-weight: bold; 
	font-family: Arial; 
	color: #58585a; 
	font-size: 110%; 
	display: block; width: 100%; height: 65px;
	padding-top: 40px;
}
.link1 { background-color: #e1eecd; }
.link2 { background-color: #eef6e4; }
.link3 { background-color: #afd578; }
.link4 { background-color: #d3e7b5; }
.link5 { background-color: #b2d77f; }
.link6 { background-color: #8cc63f; }
.link7 { background-color: #b6d884; }
.link8 { background-color: #e3f0d1; }
.link9 { background-color: #d9eabf; }
.link10 { background-color: #8cc63f; }
.link11 { background-color: #b2d77f; }
/**
 * Online inschrijven heeft grotere tekst en rode pijl
 */
#content table td.link2 a { 
	font-size: 200%; 
	text-align: left; 
	padding-top: 10px; 
	padding-left: 115px; 
	background: url('../images/rodepijl.gif') no-repeat 40px 20px;
}

/**
 * In het engels zijn soms 2 regels nodig, dus padding-top aanpassen
 */
#content table.en td.link1 a,
#content table.en td.link4 a { padding-top: 20px; }