/* =========================
CSS tbv Maturitas website
Copyright 2009/2010
written by unleaded
--------------
Swatch colors:
--------------
#a69765 = gold/beige
#0b2b5a = dark blue
#f2f4f7 = very light blue
========================= */

/* General settings */
body {
	background: #FFF;
	font-family: "Myriad Pro", "Myriad Roman", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #0b2b5a;
}

a { 
	font-weight: bold; 
	color:#0b2b5a;
	text-decoration: underline;
}

h1 { 
	font-size: 21px;
	color: #a69765;
}
h2 { /* for menu */
	font-size: 12px;
	color: #a69765;
	font-weight: normal;
}
h3 { 
	font-size: 16px;
	color: #0b2b5a;
}
h4 { 
	font-size: 14px;
	color: #0b2b5a;
}
h5 { /* foto-onderschrift */
	font-size: 14px;
	color: #a69765;
	font-style: italic;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

#container { 
	width: 100%;
	height: 100%;
	margin: 0;
	text-align:center;
	position: relative;
}

#page-wrap { 
	max-width: 966px;
	min-width: 966px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

/* Menu */
#menu {
	width: 950px;
	height: 15px;
	position: relative;
	padding: 25px 0 0 9px;
	*padding: 25px 0 0 0; /* ie hack */
}
	#menu #home-button {
		float: left;
		text-align: left;
		width: 60px;
		position: relative;
	}
		#menu #home-button a {
			text-decoration: none;
			color: #a69765;
		}
	#menu #rest-buttons {
		float: right;
		position: relative;
	}
		#menu #rest-buttons ul li {
			float: left;
			display: inline;
		}		
			#menu #rest-buttons ul li a {
				text-decoration: none;
				color: #a69765;
			}
	

/* Header */
#header-homepage {
	height: 311px;
	width: 966px;
	background: url(../images/pic_home.png) left top no-repeat;
}

#header {
	height: 210px;
	width: 966px;
	background: url(../images/pic_main.png) left top no-repeat;
}

	#logo {
		position: absolute;
		left: 0;
		height: 206px;
		width: 205px;
		background: url(../images/maturitas_logo.png) 9px 9px no-repeat;
	}

/* Main part */
#main-part {
	width: 966px;
	background: url(../images/bg_main.png) left top repeat-y;
	text-align: left;
	float: left;
}
	#main-part #linker {
		float: left;
		width: 304px;
		margin: 43px 0 0 9px;
		text-align: right;
		padding: 0 12px 0 0;
	}	
	#main-part #linker .pix {
		width: 255px;
	}
	#main-part #linker-home {
		float: left;
		width: 270px;
		margin: 43px 0 0 9px;
		text-align: right;
		padding: 0 8px 0 36px;
	}
	#main-part #linker-home .pix {
		width: 255px;
	}
	#main-part #rechter {
		float: left;
		width: 575px;
		text-align: left;
	}
		#main-part #rechter .tekst {
			width: 560px;
			text-align: left;
			padding: 0 0 0 15px;
			margin: 0 0 15px 0;
		}
		#main-part #rechter .intro {
			width: 559px;
			text-align: left;
			padding: 0 0 0 15px;
			border-left: solid 1px #0b2b5a;
			font-weight: bold;
			margin: 0 0 15px 0;
		}
		#main-part #rechter p {
			margin: 12px 0;
		}
		#main-part #rechter ul {
			margin: 10px 10px;
		}
		#main-part #rechter ul li {
			margin: 0 10px;
			list-style-type: disc;
		}
		#main-part #rechter ol {
			margin: 10px 10px;
		}
		#main-part #rechter ol li {
			margin: 0 10px;
			list-style-type: decimal;
		}
/* Cursus info blok */
#cursus {
	border: solid 1px #a69765;
	padding: 10px;
	background: #f2f4f7;
}
	#cursus li {
		margin-left: 20px;
	}
	

/* Footer */
#footer {
	float: left;
	height: 25px;
	width: 966px;
	background: url(../images/bg_footer.png) left top no-repeat;
}