html,body{margin:0;padding:0}

	body{font: 12px Verdana,Arial,Helvetica,sans-serif;color: #000000; background:#CACAC6 url(./beelden/achtergrond.gif) repeat-x;}

	a:link,a:active,a:visited {color: #7F0000;}
	a:hover{color: #000000; text-decoration:none;}
	
	h2 { color: #7F0000; font-size: 18px; }
	h3 { color: #000000; font-size: 15px; }
	
	span#text { color: #7F0000; font-weight: bold; }
	span#author { color: #7F0000; font-weight: bold; }
	span#paper { color: #000000; font-style: italic; }
	span#arrow { background: url(./beelden/redarrow.gif) no-repeat; padding-left: 20px;}
	span#uctitel { color: #D32B2B; font-weight: bold; }
	span#ucname { color: #7F0000; font-weight: bold; }
	span#ucdate { color: #7F0000; }
	
	div#info { width: 520px; padding: 10px; color: #000000; background: #e8e8e8; border: 2px solid #7F0000; }
	div#error { width: 320px; padding: 5px; color: #D32B2B; background: #e8e8e8; border: 2px solid #D32B2B; }
	div#error2 { width: 70px; height: 70px; background: #e8e8e8 url(./beelden/error.gif) no-repeat; }
	div#contactgoed { width: 320px; padding: 5px; color: #00812a; background: #e8e8e8; border: 2px solid #00812a; text-align: center; margin-top: 50px; }
	
	ul { list-style-image: url(./beelden/redbullet.gif); }
	
	div#container { width: 750px; border: 3px solid #FFFFFF; background: #FFFFFF; margin: 20px auto 20px auto; padding: 0px; }
	div#header { padding: 0px; height: 100px; background: #e3e3e0 url(./beelden/header_achtergrond.gif) repeat-x;}
		div#logo { float: left; width: 317px; height: 100px; background: url(./beelden/titel_logo.gif); }
		div#foto { float: right; width: 400px; height: 100px; background: url(./beelden/titel_foto.jpg) no-repeat; text-align: right; }
			div#subtitel { float: right; width: 350px; height: 20px; margin-top: 80px; margin-right: 5px; text-align: right; color: #FFFFFF; font-weight: bold; }
	div#inhoud { width: 750px; background: #FFFFFF url(./beelden/inhoud_achtergrond.gif) repeat-x;}
		div#homecontent { float: left; padding: 10px; width: 500px; background: #FFFFFF url(./beelden/inhoud_achtergrond.gif) repeat-x;}
		div#wholecontent { float: left; padding: 10px; width: 730px; background: #FFFFFF url(./beelden/inhoud_achtergrond.gif) repeat-x;}
		div#sidecontent { float: right; width: 220px; height: 100%; padding-left: 3px; padding-right: 5px; background: #FFFFFF url(./beelden/inhoud_achtergrond.gif) repeat-x;}
			div#albert { width: 214px; padding: 3px; margin-bottom: 10px; height: 127px; border: 1px solid #fff; font-size: 10px; color: #FFFFFF; background: #2D0000}
			div#albert a:link, div#albert a:active, div#albert a:visited { color: #D32B2B; text-decoration: none; }
			div#albert a:hover { color: #FFFFFF; text-decoration: underline; }
			div#albert img { border: 1px solid #FFFFFF; }
			div#home_foto { width: 218px; padding: 1px; margin-bottom: 10px; height: 149px; border: 1px solid #fff; font-size: 10px; color: #FFFFFF; background: #2D0000}
			div#home_foto img { border: 1px solid #FFFFFF; }
			div#upcoming { width: 200px; height: 300px; overflow: auto; padding: 5px 10px 5px 10px; margin-bottom: 10px; background: #FFFFFF url(./beelden/inhoud_achtergrond.gif) repeat-x;}
			div#quote { width: 200px; padding: 10px; margin-bottom: 10px; background: url(./beelden/quotes.gif) no-repeat; border: 1px solid #7F0000; font-weight: bold; color: #7F0000; }
			div#hipresentation { width: 200px; height: 28px; padding: 20px 10px; 10px; 10px; margin-bottom: 10px; margin-top: 25px; background: url(./beelden/hi_small_transparent.gif) no-repeat;border: 1px solid #7F0000; font-weight: bold; color: #7F0000; text-align:center; }
			div#press { padding: 10px; margin-bottom: 10px; border: 1px solid #7F0000;}
		div#whyhi { float: left; padding: 10px; width: 500px; background: #000000 url(./beelden/inhoud_achtergrond.gif) repeat-x;}
	div#footer { clear: both; height: 20px; padding: 10px; color: #FFFFFF; background: #7F0000 url(./beelden/footer_achtergrond.gif) repeat-x; }
		div#footer a:link,div#footer a:active,div#footer a:visited {color: #FFFFFF;}
		div#footer a:hover{color: #FFFFFF; text-decoration:none;}

	div#inhouseadv { background: #FFFFFF; border: 2px solid #7F0000; padding: 5px; }
	
	div#smpte { border: 1px solid #7F0000; padding: 10px; }
	
	table#choosecourse { width: 100%; border: 1px solid #7F0000; }
	table#choosecourse td { vertical-align: top; width: 50%; }
	
	div#coursetool { background : #FFFFFF; color : #000000; width : 717px; height : 300px; overflow : auto; }
	div#coursetool a:link,div#coursetool a:active,div#coursetool a:visited{ color: #6398c5;}
	div#coursetool a:hover{ color: #a19650; text-decoration:none;}
	
	table#coursetable { width: 700px; border: 1px solid #000000; border-collapse: collapse;}
	td#chnr { width: 14px; vertical-align: top; border: 1px solid #000000; }
	td#chna { width: 90px; vertical-align: top; border: 1px solid #000000; }
	td#chde { width: 180px; vertical-align: top; border: 1px solid #000000; }
	td#chdu { width: 50px; vertical-align: top; border: 1px solid #000000; }
	td#chcu { width: 50px; vertical-align: top; text-align: center; border: 1px solid #000000; }
	
	table#coursetable2 { width: 700px; border: 0px solid #000000; border-collapse: collapse; background: #7F0000 url(./beelden/menu_achtergrond.gif) repeat-x; color: #FFFFFF; }
	td#chnr2 { width: 14px; vertical-align: top; border: 0px solid #000000; }
	td#chna2 { width: 90px; vertical-align: top; border: 0px solid #000000; font-size: 12px; }
	td#chde2 { width: 180px; vertical-align: top; border: 0px solid #000000; font-size: 12px; }
	td#chdu2 { width: 50px; vertical-align: top; border: 0px solid #000000; }
	td#chcu2 { width: 50px; vertical-align: top; text-align: center; border: 0px solid #000000; }
	
	table#coursecontact { width: 100%; }
	table#coursecontact td { vertical-align: top; }
	table#coursecontact td#rechts { text-align: right; }

	table#contact {}
	table#contact td { vertical-align: top; }
	table#contact td#left { text-align: right; }
	
	table#links img { border: 2px solid #7F0000; }
	
	input#coursebutton { background: #E3E3E0 url(./beelden/button_achtergrond.gif) repeat-x; border-color: efefef; color: #7F0000; font-size: 11pt; font-weight: bold; }
	input#contactbutton { background: #E3E3E0 url(./beelden/button_achtergrond.gif) repeat-x; border-color: efefef; color: #7F0000; font-size: 11pt; font-weight: bold; }

	#nav {
		height: 30px;
		background: url(./beelden/menu_achtergrond.gif) top left repeat-x;
		padding-left: 5px;
	}
	
	#nav li {
		float: left;
	}
		
	#nav ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#nav ul li {
		float: left;
		width: 6em;
	}
	
	/* normal navbar links */
	#nav a {
		display: block;
		height: 30px;
		line-height: 30px;
		padding-left: 5px;
		padding-right: 15px;
		width: 4em;
		text-decoration: none;
		font-weight: normal;
		color: white;
	}
	#nav a:link    { }
	#nav a:visited { }
	#nav a:hover   { background-color: #D32B2B; }
	#nav a:active  { }
	
	/* selected (current page) navbar links */
	#nav .selected a:link     {  }
	#nav .selected a:visited  {  }
	#nav .selected a:hover    {  }
	#nav .selected a:active   {  }
	
	#nav li ul {
		position: absolute;
		left: -999em;
	
		list-style: none;
	
		background-color: #7f0000;
	}
	
	#nav li ul li {
		float: none;
		width: 170px;
		border-style: solid;
		border-color: white;
		border-width: 0px 1px 1px 1px;
	}
	
	#nav li ul li.first {
		border-top: 1px solid white;
	}
	
	/*
	   "son of suckerfish" drop-down menus.
	   <http://www.htmldog.com/articles/suckerfish/dropdowns/>   
	   Class sfhover is assigned by JavaScript for IE who doesn't support
	   :hover on non-link elements
	*/
	#nav li:hover ul,
	#nav li.sfhover ul {
		left: auto;
	}
	
	#nav li ul a {
		display: block;
		height: auto;
		line-height: 100%;
	
		font-size: small;
		font-weight: normal;
	
		width: 150px;
	
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	div#specialnews { 
		border: 2px solid #7F0000; 
		text-align: center;
		padding: 10px;
	}