/* CSS Document */
body {
	background: #fff;
	margin:0px;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	}
a:link, a:active, a:visited{
	font:italic bold 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	}
#container {
	background: transparent url(../images/container-bg.gif) top left no-repeat;
	margin:  0px  auto;
	padding:0;
	width:690px;
	}
#header {
	padding: 0px 0px 0px 0px;
	width:690px;
	}
#header h1{	
	font:bold italic 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../images/header3.gif) top left no-repeat;
	margin: -1px 0 0 0;
	padding: 67px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:67px; /* for pre 6.0 IE Win */
}
#header p{
	background-color:#336633;
	padding:0;
	margin:0;
	}
#header ul#languages{
	margin: 7px 0 0 200px;
	padding: 0;
	position: absolute;
	width: 467px;
	height: 18px;
	background:url(../images/languagelinks.gif) 0px -1px no-repeat;
}
#header ul#languages li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position: absolute;
}
#header ul#languages li, #header ul#languages li a	{
	height:18px;
	display: block;
}
#header ul#languages li a{
	text-indent: -9999px; 
	text-decoration: none;
}
#lmDeu, #lmDeuACT {left: 0px; width: 73px; height:18px;}
#lmEng, #lmEngACT {left: 75px; width: 69px; height:18px;}
#lmStandard {left: 152px; width: 173px; height:18px;}
#lmUnivie {left: 326px; width: 141px; height:18px;}

#lmDeuACT a:link, #lmDeuACT a:active, #lmDeuACT a:visited{background: transparent url(../images/languagelinks.gif) 0px -18px no-repeat; height:18px;}
#lmEngACT a:link, #lmEngACT a:active, #lmEngACT a:visited{background: transparent url(../images/languagelinks.gif) -75px -18px no-repeat; height:18px;}

#lmDeu a:hover {background: transparent url(../images/languagelinks.gif) 0px -18px no-repeat; height:18px;}
#lmEng a:hover {background: transparent url(../images/languagelinks.gif) -75px -18px no-repeat; height:18px;}
#lmStandard a:hover {background: transparent url(../images/languagelinks.gif) -152px -18px no-repeat; height:18px;}
#lmUnivie a:hover {background: transparent url(../images/languagelinks.gif) -326px -18px no-repeat; height:18px;}


#contentbody{
	width:690px;
	padding:50px 0 20px 0;
}
#footer{
	width:690px;
	height:20px;
	padding:0;
	background:#fff;
	margin:20px auto 0 auto;
}
#footer p{
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#787878;
	margin:0 0 0 230px;
	padding:5px 0 0 0;
}
#cntntright{
	width:407px;
	margin:0 0 0 193px;
	padding:5px 0 0 7px;
	background: transparent url(../images/columnhead-left.gif) 0px 0px no-repeat;
}
#cntntright h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height:10px;
	font-weight:normal;
	margin: 0;
	border: 0;
	padding: 0;
	overflow:visible;
}
#cntntright h3{
	margin:20px 0 10px 0;
	padding:0;
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
#cntntright p{
	margin:10px 0;
	padding:0;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
#cntntright .footnote{
	margin:5px 0 10px 0;
	padding:0;
	font: italic 9px/14px Verdana, Arial, Helvetica, sans-serif;
}
#cntntright a:link, #cntntright  a:active, #cntntright  a:visited {
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:underline;
}
#cntntright a:hover {
	color:#000;
	}
#cntntright p .pdf{
	margin:0;
	padding:0 0 0 20px;
	background: transparent url(../images/pdf.gif) top left no-repeat;
	display:block;
	height:16px;
}
#cntntright #player{
	margin:20px 0;
	}
/*================== contactform =======================*/
#cntntright .mailform {
	padding: 0;
	margin:0;
	border-width:0px;
	}
#cntntright .mailform .mailform-field{
	vertical-align:top;
	margin:5px 0 0 0;
}
#cntntright .mailform LABEL {
	float:left;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	vertical-align:top;
	padding:0;
	margin:0;
	position:absolute;
	overflow:visible;
}
#cntntright .mailform INPUT, #cntntright .mailform TEXTAREA{
	padding: 0;
	margin:0 0 0 90px;
	font: italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#eee;
	color:#000;
	border:1px solid #000;
	width:298px;
}
#cntntright .mailform .mailform-check{
	width:20px;
	background-color:#eee;
	color:#000;
	border:1px solid #000;
}
#cntntright .mailform .mailform-submit{
	font: bold italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 70px;
	color:#000;
	width:120px;
}
/*=========================================================================================================*/
/*#contact .tx-thmailformplus-pi1{
	padding:15px 0px 30px 0px;
}
#contact .tx-thmailformplus-pi1 p{
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#contact .tx-thmailformplus-pi1 input, #contact .tx-thmailformplus-pi1 textarea{
	padding: 0px 0px 0px 2px;
	font: italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#eee;
	color:#000;
	width:398px;
	border:1px solid #000;
}
#contact .tx-thmailformplus-pi1 #submit{
	font: bold italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	text-indent: -9999px; 
	background: #FFFFFF url(../images/sendbut.gif) 10px center no-repeat;
	padding:2px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	color:#000;
	width:70px;
}
#contact .tx-thmailformplus-pi1 #clear{
	font: bold italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/verstuur.gif) 3px center no-repeat;
	padding:2px 0px 0px 30px;
	margin:5px 0px 0px 0px;
	color:#000;
	width:100px;
}
*/
/*================== MENU =================================================================================================================*/
#menu{
	width:160px;
	height:144px;
	border:0px;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	text-align:right;
	background: transparent url(../images/columnhead-right.gif) 150px 37px no-repeat;
}
#menu ul{
	width:150px;
	margin: 37px 10px 0 0px;
	padding: 0;
	position: relative;
}
#menu ul ul{
	margin: 0;
	padding: 0;
	position: relative;
}
#menu li, #menu li li {
	margin:0;
	padding:0;
	position:relative;
	list-style-type: none;
}
#menu #mmenu li, #menu #mmenu li a:link, #menu #mmenu li a:active, #menu #mmenu li a:visited	{
	width: 150px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0.1em;
	color:#787878;
}
#menu #mmenu li #mm_sub li a{
	padding:0;
	margin:0 5px 0 0;
}
#menu #mm_sub li, #menu #mm_sub li a:link, #menu #mm_sub li a:active, #menu #mm_sub li a:visited {
	width: 150px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0.1em;
	color:#787878;
}
#menu #mmenu li a:link, #menu #mmenu li a:active, #menu #mmenu li a:visited, #menu #mmenu li #mm_sub li a:link, #menu #mmenu li #mm_sub li a:active, #menu #mmenu li #mm_sub li a:visited	{
	text-decoration: none;
	color:#787878;
}

#menu #mmenu li a:hover, #menu #mmenu li #mm_sub li a:hover {
	color:#000;
}
#menu #mmenu li.act a:link, #menu #mmenu li.act a:active, #menu #mmenu li.act a:visited, #menu #mmenu li #mm_sub li.act a:link, #menu #mmenu li #mm_sub li.act a:active, #menu #mmenu li #mm_sub li.act a:visited {
	color: #000;
}

/*
#mm_about {height: 24px; background: transparent url(../images/mm-about.gif) -12px 0px no-repeat;}
#mm_cv {height: 24px; background: transparent url(../images/mm-cv.gif) -12px 0px no-repeat;}
#mm_work {height: 24px; background: transparent url(../images/mm-work.gif) -12px 0px no-repeat;}
#mm_print {height: 16px; background: transparent url(../images/mm-work-print.gif) -12px 0px no-repeat;}
#mm_radio {height: 16px; background: transparent url(../images/mm-work-radio.gif) -12px 0px no-repeat;}
#mm_contact {height: 24px; background: transparent url(../images/mm-contact.gif) -12px 0px no-repeat;}
#mm_students {height: 24px; background: transparent url(../images/mm-students.gif) -12px 0px no-repeat;}
#mm_course1 {height: 16px; background: transparent url(../images/mm-students-c1.gif) -12px 0px no-repeat;}
#mm_course2 {height: 16px; background: transparent url(../images/mm-students-c2.gif) -12px 0px no-repeat;}


#mm_about a {}
#mm_cv a {}
#mm_work a {}
#mm_print a {}
#mm_radio a {}
#mm_contact a {}
#mm_students a {}

#mm_about a:hover {background: transparent url(../images/mm-about.gif) -12px -24px no-repeat;}
#mm_cv a:hover {background: transparent url(../images/mm-cv.gif) -12px -24px no-repeat;}
#mm_work a:hover {background: transparent url(../images/mm-work.gif) -12px -24px no-repeat;}
#mm_print a:hover {background: transparent url(../images/mm-work-print.gif) -12px -16px no-repeat;}
#mm_radio a:hover {background: transparent url(../images/mm-work-radio.gif) -12px -16px no-repeat;}
#mm_contact a:hover {background: transparent url(../images/mm-contact.gif) -12px -24px no-repeat;}
#mm_students a:hover {background: transparent url(../images/mm-students.gif) -12px -24px no-repeat;}
#mm_course1 a:hover {background: transparent url(../images/mm-students-c1.gif) -12px -16px no-repeat;}
#mm_course2 a:hover {background: transparent url(../images/mm-students-c2.gif) -12px -16px no-repeat;}

#mm_about_act {background: transparent url(../images/mm-about.gif) -12px -24px no-repeat;}
#mm_cv_act {background: transparent url(../images/mm-cv.gif) -12px -24px no-repeat;}
#mm_work_act {background: transparent url(../images/mm-work.gif) -12px -24px no-repeat;}
#mm_print_act {background: transparent url(../images/mm-work-print.gif) -12px -16px no-repeat;}
#mm_radio_act {background: transparent url(../images/mm-work-radio.gif) -12px -16px no-repeat;}
#mm_contact_act {background: transparent url(../images/mm-contact.gif) -12px -24px no-repeat;}
#mm_students_act {background: transparent url(../images/mm-students.gif) -12px -24px no-repeat;}
#mm_course1_act {background: transparent url(../images/mm-students-c1.gif) -12px -16px no-repeat;}
#mm_course2_act {background: transparent url(../images/mm-students-c2.gif) -12px -16px no-repeat;}
*/

/* ============ student pages =====gastenboek===========================*/

#cntntright .gbThreadList {
	width:500px;
}
#cntntright .gbListedThread {
	background: transparent url(../images/gb-bg.gif);
	padding: 10px 10px 0px 10px;
	margin:0 0 10px 0;
	border-width:0px;
	border-style:solid;
	border-color:#E6E6E6;
	border-left-width:5px;
}
#cntntright .gbListedThread a:link, #cntntright .gbListedThread a:active, #cntntright .gbListedThread a:visited{
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0;
	margin:0;
}
#cntntright .gbListedThread a:hover{
	text-decoration:underline;
}
#cntntright .gbListedThread p{
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0 0 0;
	padding:0 0 7px 0;
}


#cntntright .gbEntryOdd {
	background: transparent url(../images/gb-bg.gif);
	padding: 0px;
	margin:0 0 10px 0;
	overflow:hidden;
	border-width:0px;
	border-style:solid;
	border-color:#E6E6E6;
	border-left-width:5px;
	width:394px;
}
#cntntright .gbEntryEven {
	background: transparent url(../images/gb-bg2.gif);
	padding: 0px;
	margin:0 0 10px 0;
	overflow:hidden;
	border-width:0px;
	border-style:solid;
	border-color:#E6E6E6;
	border-left-width:5px;
	width:395px;
}
#cntntright .gbEntryOdd H3, #cntntright .gbEntryEven H3 {
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0;
	margin:10px 10px 10px 10px;
}
#cntntright .gbEntryBody{
	padding: 0;
	margin: 5px 10px 10px 120px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	width:260px;
}
#cntntright .gbEntryOdd UL, #cntntright .gbEntryOdd UL LI, #cntntright .gbEntryEven UL, #cntntright .gbEntryEven UL LI {
	list-style:none;
	margin:0;
	padding:0;
}
#cntntright .gbEntryOdd UL, #cntntright .gbEntryEven UL {
	padding: 0 0 10px 10px;
	margin: 0;
	float:left;
	width: 100px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#cntntright .gbBack {
	padding:10px 0 10px 0;
	margin:0;
	clear:both;
}
#cntntright .gbBack a:link, #cntntright .gbBack a:active, #cntntright .gbBack a:visited {
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
/* ============== GB form =========================================*/
#cntntright .csc-mailform {
	padding: 0;
	margin:0;
	border-width:0px;
	}
#cntntright .csc-mailform .csc-mailform-field{
	vertical-align:top;
	margin:5px 0 0 0;
}
#cntntright .csc-mailform LABEL {
	float:left;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	vertical-align:top;
	padding:0;
	margin:0;
	position:absolute;
	overflow:visible;
}
#cntntright .csc-mailform INPUT, #cntntright .csc-mailform TEXTAREA{
	padding: 0;
	margin:0 0 0 70px;
	font: italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#eee;
	color:#000;
	border:1px solid #000;
	width:298px;
}
#cntntright .csc-mailform .csc-mailform-check{
	width:20px;
	background-color:#eee;
	color:#000;
	border:1px solid #000;
}
#cntntright .csc-mailform .csc-mailform-submit{
	font: bold italic 11px/11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 70px;
	color:#000;
	width:120px;
}
/* ============== downloads ============================= */
#cntntright .csc-uploads, #cntntright .csc-uploads LI {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
}
#cntntright .csc-uploads LI {
	padding: 13px 0 0 0;
}
#cntntright .csc-uploads UL, #cntntright .csc-uploads UL LI {
	margin:0;
	padding:0;
}
#cntntright .csc-uploads UL LI {
	padding: 5px 0 0 0;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#cntntright .csc-uploads LI IMG {
	vertical-align:middle;
}
/* ========== sIFR styles =========================================================================================*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #cntntright h2 {
	visibility: hidden;
	font-size: 21px;
	line-height:10px;
	height:28px;
}
/* ============= end sIFR styles ==================================================*/