/* @override http://www.hisk.edu/_HISK_screen.css */

html {background:#F4F8EA url(images/marge_1.gif) no-repeat 140px 0;}
body {color:#363636; background-position:0px 0px; background-repeat:no-repeat; margin:0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* @group H */
h1 {color:#363636; font-size:2.5em; font-weight:normal; font-style:normal;margin-top:0;}
h2 {color:#363636; font-size:1.2em; font-weight:normal; font-style:normal; margin-top:0;}
h3 {color:#363636; font-size:1.2em; font-weight:bold; font-style:normal;margin-top:0;}
h4 {color:#363636; font-size:1.2em; font-weight:normal; font-style:normal; clear:left; margin-top:0;}
h5 {color:#363636; font-size:1em; font-weight:normal; font-style:normal;}
h6 {}
.ha3 {color:#363636; font-size:1.2em; margin-top:0;}
/* @end */

/* @group BREEDTES */
.drienulnul {width:300px;}
.driedrienul {width:300px;}
.viernulnul {width:400px;}
.viernulnul img {width:400px;}
.vijfnulnul {width:500px;}
/* @end */

#container {float:none; width:99%;}
#boven {height:123px; width:99%; float:none; clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.content {float:left; clear:none;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; left:141px;}
#innercontent {margin:15px 15px 15px 15px; padding:0px 0px 0px 0px; }
#subcontent {position:absolute; top:123px; left:294px; z-index:1; float:none; border-left:1px solid #c3c6bb;padding-right:10%;max-width:600px;border-bottom : 1px solid #c3c6bb;margin-bottom:20px; }
#innersubcontent {margin:15px; padding:0;min-width:270px;max-width:450px;}
.tekst {font-size:0.7em;line-height:1.4em;}
#home {width:330px;}
a {color:#00adf0;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}

.submit_ok {font-size:0.7em;}


.page_image {margin-bottom:15px;}
.page_bijschrift {font-size:0.6em; color:#666; margin:-10px 0px 20px 0px; padding:0;}

/* @group MENU */
#menu {float:left; clear:none; width:141px; position:fixed;}
#innermenu {margin:15px 1px 0px 15px;}
#innermenu a {display:block; text-decoration:none;}
#innermenu a:hover {}
#innermenu ul {list-style:none; padding:0; margin:10px 0px 20px 0px; font-size:14px; line-height:15px;}
#innermenu li {list-style-type:none; display:inline; padding:0;}
#innermenu .actief {padding:0px 0px 3px 0px; margin:0px 0px 0px 0px; color:#000000; font-weight:bold;}
#innermenu .nonactief {padding:0px 0px 3px 0px; margin:0px 0px 0px 0px; color:#666666;}
#innermenu .nonactief:hover {color:#000000; text-decoration:none; font-weight:bold;}
#innermenu p {font-size:9px;}
#innermenu .taalkeuzeP {}

.taal_en {position:relative; top:-20px; left:90px;z-index:250; width:20px;}
.taal_nl {position:relative; top:-21px;left:90px;z-index:251;width:20px;}
.taalnonactief {font-size:9px; color:#b2b5aa;}
.taalactief {font-size:9px; color:#000;}

#menu1 {position:absolute; top:0; left:140px;}
#menu2 {position:absolute; top:0; left:471px;}
#menu3 {position:absolute; top:0; left:571px;}
/* @end */


/* @group NEWSFLASH */
.newsflash {margin-bottom:25px;}
.newsflash_intro {font-size:0.7em;}
.newsflash .activiteiten_title a:hover {color:#b7000c; text-decoration:none; font-weight:bold;}
/* @end */
/* @group ABOUT */
/* @group FACILITIES */
#facilitytable {font-size:0.8em; color:#666666;}
#facilitytable .doctitle {font-size:120%; color:#8abcd6; text-decoration:none;}
#facilitytable .doctitle:hover {font-size:120%; color:#000; text-decoration:none;}
#facilitytable .docdescription {padding-bottom:15px;}

h4.facilities_title {font-size:0.9em;margin-bottom:0.5em;}
h4.facilities_title a {text-decoration:none;color:#363636;}
h4.facilities_title a:hover {text-decoration:underline;color:#000; }
.facilities_intro {font-size:0.7em; color:#666666;margin-bottom:2em;line-height:1.3em;}
.facilities_tekst {font-size:0.7em; color:#000;line-height:1.4em;margin-bottom:2em;}
.facilities_beeld {margin-bottom:15px;}
.facilities_bijschrift {font-size:0.6em; color:#888; margin:-10px 0px 20px 0px; padding:0;}
/* @end */
/* @group MEDEWERKERS */
.team a {color:#363636; text-decoration:none; font-size:1.2em;}
.team a:hover {color:#000; text-decoration:underline;}

.medewerker {margin-bottom:0.9em;}
.medewerker_naam a:link , .medewerker_naam a:visited {font-size:0.9em; color:#363636;line-height:1.4em;}
.medewerker_naam {color:#000;font-size:0.9em;}
.medewerker_naam a:hover {font-size:0.9em; color:#000;line-height:1.4em; text-decoration:underline;}
.medewerker_functie {font-size:0.8em; color:#8f9189;line-height:1.4em;margin-bottom:5px;}
.medewerker_intro {font-size:0.7em; color:#666;line-height:1.4em;margin-top:5px;}
.medewerker_detailintro {font-size:0.7em; color:#666;line-height:1.4em; margin-top:10px;margin-bottom:0;}
.medewerker_tekst {font-size:0.7em; color:#000;line-height:1.4em;margin-top:10px;}
.medewerker_beeld {height:100px;width:75px; float:left; padding-right:10px; padding-bottom:5px; border-style:none;}
.medewerker_mail {font-size:0.7em; color:#666;}
.medewerker_tel {font-size:0.7em; color:#666;}

/* @end */
/* @end */
/* @group ACTIVITEITEN */
.activiteit {margin-bottom:25px;max-width:500px;}
.activiteiten_text {font-size:0.7em;line-height:1.4em;}
.activiteiten_location {color:#848484; font-size:0.7em;margin-bottom:0.8em; margin-top:0em; padding-top:0.3em;}
.activiteiten_intro {font-size:0.7em; color:#666666; margin:0; padding:0; line-height:1.4em;}

.activiteit_title , .activiteit_title a {color:#363636; text-decoration:none; font-size:1.2em;margin-bottom:15px; margin-top:5px; font-weight:bold;}
.activiteit_title a , .activiteit_title a:hover {background:transparent url(iconen/icon_internal.gif) no-repeat center right; padding:5px 20px 5px 0; font-weight:bold;}
.activiteit_title a:hover {color:#000; font-size:1.2em; text-decoration:underline; font-weight:bold;}

.activiteiten_title , .activiteiten_title a {color:#363636; text-decoration:none; font-size:0.9em; margin-bottom:0.2em; font-weight:bold;}
.activiteiten_title a , .activiteiten_title a:hover {background:transparent url(iconen/icon_internal.gif) no-repeat center right;padding: 5px 20px 5px 0; font-weight:bold;}
.activiteiten_title a:hover {color:#000; text-decoration:underline; font-weight:bold;}

.activiteiten_type {color:#bfc1b7; font-size:0.7em; padding:0;clear:right;float:none; margin-top:0.2em; margin-bottom:0.2em;}

.activiteiten_datum {color:#000; font-size:0.7em; padding:0;clear:right;float:none; margin-top:0.4em; margin-bottom:0.4em;}
.activiteiten_detailintro {font-size:0.6em; color:#666;line-height:1.5em;}
.activiteiten_thumbnail {margin-right:10px; margin-bottom:10px;margin-top:3px;}
.activiteiten_beeld {margin-bottom:15px;clear:both;float:none;}
.activiteiten_bijschrift {font-size:0.6em; color:#888; margin:-10px 0px 20px 0px; padding:0;}

.jaartallen { padding-bottom:10px; margin-bottom:0px;width:350px;}
.jaartallen_lecturers { padding-bottom:10px; margin-bottom:0px;}
.jaartal {font-size:0.8em;color:#999;}
.jaartal:hover {color:#000;}
.jaartalactief {color:#000;}
.borderbottom {border-bottom:1px solid #c3c6bb; }

.jaren { color:#666; font-size:0.7em;}

.maanden {padding-bottom:10px; padding-top:10px; border-bottom:1px solid #c3c6bb; margin-bottom:20px;margin-top:0px;font-size:0.8em;color:#dde1d3;width:350px;}
.maand {color:#999;}
.maand:hover {color:#000;}
.maandactief {color:#000;}

/* @end */
/* @group ARTISTS */
#artists {width:153px;}
#artist {width:330px;}

.artiststable {margin:15px 0px 0px 0px; width:550px;}
.artiststable .naamTD {width:200px; padding:0px 0px 15px 0px;}
.artiststable .werkenTD {padding:0px 0px 15px 15px;}
.artiststable .naamTD a:hover {color:#333; text-decoration:underline; }
.artiststable .naamTD .naam a {color:#333; text-decoration:none; font-size:0.5em; font-weight:normal; font-style:normal;}
.artiststable .naamTD .naam a:hover {color:#000; text-decoration:underline;}
.artiststable .naamTD ul {margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
.artiststable .naamTD ul li {color:#666;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;font-size:0.8em;}
.artiststable .naamTD ul li a {color:#8abcd6; text-decoration:none;}
.artiststable .naamTD ul li a:hover {color:#000; text-decoration:none;}

/* uitzondering om de rechter pixel naast de vierde thumb te fixen */
#innercontent .artist_thumb {margin:0px 1px 1px 0px;}
.content#artists #innercontent {margin:15px 14px 15px 15px;}
#artistsubcontent {position:absolute; top:123px; left:572px; z-index:1; float:none; border-left:1px solid #c3c6bb; max-width:500px; border-bottom: 1px solid #c3c6bb; margin-bottom:20px; }
.geboorte {font-size:0.6em; line-height:1.5em;}
.naam {font-size:0.8em;color:#363636;}
.naam a:hover {color:#000; border-bottom:1px solid #000; font-weight:bold;}
.avatar {height:120px;width:90px; float:left; padding-right:10px; padding-bottom:5px;}
.emailadres , #innersubcontent .url {text-decoration:none; color:#000; font-size:0.6em; line-height:1.5em;}
.emailadres:hover , #innersubcontent .url:hover {text-decoration:underline; color:#000;}
.bio {font-size:0.7em; line-height:1.4em; color:#000;float:left;margin-bottom:20px;}
.worktext {font-size:0.7em; color:#666;margin-bottom:15px;}

#address {font-size:0.9em; color:#666;}
.address a {color:#8abcd6; text-decoration:none;}
.address a:hover {color:#000; text-decoration:none;}
/* @end */
/* @group CV */
#cv {float:left;margin-bottom:20px;}
.cv_rubriek {margin-bottom:0;font-size:0.9em;}
#cv ul {margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
#cv ul li {color:#666;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;font-size:0.7em;line-height:1.4em;}
#cv ul li a {color:#8abcd6; text-decoration:none;}
#cv ul li a:hover {color:#000; text-decoration:none;}
/* @end */
/* @group WERK */
#werk {position:relative; float:none; border-top:1px solid #c3c6bb;}
#innerwerk {margin:15px 10% 15px 15px; padding:0; font:74%/1.4 Verdana, Arial, Helvetica, sans-serif;}

#werkenmenu {width:100px; left:471px; position:absolute; border-left:1px solid #c3c6bb;}
#artist.content a {background:none;}
#innerwerkenmenu {padding:15px;}
.workthumb {margin-bottom:1px;}
#worklist {margin:0px 0px 0px -15px; border-top:1px solid #c3c6bb;}
#worklist h4 {color:#363636; font-size:0.8em; font-weight:normal; font-style:normal; clear:left; margin:15px 15px 0;}
#workul {padding:0px; margin:5px 15px 15px;}
#workul li {margin:0px 0px 0px 15px; padding:0px; list-style-type:circle;font-size:0.6em;}
#workul li a {color:#8abcd6; text-decoration:none;}
#workul li a:hover {color:#000; text-decoration:none;}
.werk_title {font-size:0.8em; color:#000;margin-bottom:10px;padding-top:2em;}
.work_bijschrift {font-size:0.6em; color:#868880; margin:-10px 0px 20px 0px; padding:0;}

/* file list op bio */
#filelist {margin:20px 0px 0px -15px; padding:10px 0px 10px 0px; border-top:1px solid #c3c6bb; }
#filelist h4 {color:#363636; font-size:0.9em; font-weight:normal; font-style:normal; clear:left; margin:15px 15px 0;}
#fileul {padding:0px; margin:5px 0 0;}
#fileul li {margin:5px 0px 0px 15px; padding:0px; list-style-type:none;font-size:0.8em;}
#fileul li a {color:#8abcd6; text-decoration:none;background:transparent url(iconen/icon_pdf.gif) no-repeat center left; padding:5px 20px 5px 25px;}
#fileul li a:hover {color:#000; text-decoration:none;}

/* beeld DNA */
.dna {padding:0; margin:0 auto 0 auto; list-style-type:none; overflow:hidden; width:300px; height:auto; border:1px solid #888;}
.dna li {float:left;}
.dna li a {display:block; height:66px; width:15px; float:left; text-decoration:none; border-right:1px solid #fff; cursor:default;}
.dna li a img {width:15px; height:66px; border:0;}
.dna li a:hover {background:#eee; width:auto;}
.dna li a:hover img {width:auto;}

/* tootip */
div.tooltip {width:200px; color:#fff; text-align:center; z-index:200;}
div.tooltip h4 {color:#fff; font-weight:bold; text-shadow:2px 2px 1px #222; margin:0; padding:13px 10px 5px;
background: url(images/balloon.png) top left no-repeat !important; background: url(images/balloon.gif) top left no-repeat; font-size: 11px;}
div.tooltip p {font-weight:bold; margin:0; padding:0 10px 15px; text-shadow:2px 2px 1px #222;
background: url(images/balloon.png) bottom left no-repeat !important;background: url(images/balloon.gif) bottom left no-repeat; font-size: 10px;}
/* @end */

/* @group LECTURERS */
.lecturers {padding:0; margin:0; margin-bottom:15px; width:196px; list-style:none;}
.lecturers li {color:#363636;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;font-size:0.9em;line-height:1.3em;}
.lecturers li a {color:#666666; text-decoration:none; font-size:0.9em;}
.lecturers li a:hover {color:#000; text-decoration:underline; }
.lecturers li .actief {}
.lecturers li .nonactief {color:#666666; text-decoration:none; font-size:0.8em;}
.lecturers li .nonactief:hover {color:#000; text-decoration:underline; }
/* @end */


/* @group LINKS */
#links_ul {margin:0; padding:0; list-style:none;}
#links_ul li {color:#363636;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;font-size:0.9em;line-height:1.5em;}
#links_ul li a {color:#363636; text-decoration:none;}
#links_ul li a:hover {color:#000; text-decoration:underline; }

#links_ul li .actief {color:#000; text-decoration:none; font-weight:bold;}
#links_ul li .nonactief {color:#363636; text-decoration:none;margin:0; padding:0;font-size:0.8em;line-height:1.5em;}
#links_ul li .nonactief:hover {color:#000; text-decoration:underline;}

.links_titel, .links_titel a {color:#363636; text-decoration:none;font-size:0.8em;}
.links_titel a:hover {color:#000; text-decoration:underline;font-size:0.8em; }
.links a {color:#363636; text-decoration:none;font-size:0.7em;}
.links a:hover {color:#000; text-decoration:underline; }
.links p.link_description {text-decoration:none; margin:0; font-size:0.7em; color:#a0a0a0; margin-bottom:10px;}

.link_div {}
.link_div a {}
.link_div a:hover {}
h5.link_title {color:#000;font-size:0.9em;margin-bottom:0.3em;}
.link_url {}
.link_intro {font-size:0.7em;}
.link_description {}
/* @end */

/* VOORLOPIG */
#boven {font-size:10px;}
#testing {font-size:9px;text-decoration:none;color:#666;}
#testing a {font-size:9px;text-decoration:none;color:#666;}
.clearDIV {clear:both;}
.important {color:#ff2100;}
.more {font-size:9px; color:#666666; text-decoration:none;}
.more a:hover {font-size:9px; color:#000; text-decoration:none;}

#innermenu p a {color:#333;}
#innermenu p a[href ^="http://"] {padding:0;color:#333; background-image:none;}
#innermenu p a[href ^="mailto:"] {color:#333; background-image:none; padding:0;}

#innermenu p a[href ^="http://"]:hover {text-decoration:underline;color:#000;}
#innermenu p a[href ^="mailto:"]:hover {text-decoration:underline;color:#000;}

.linkedpersons {font-size:0.7em;}

.vacaturediv { border:1px dashed #000; padding:5px;}
.vacaturediv a {color:#000; text-decoration:none;}
.vacaturediv a:hover {color:#00adf0; text-decoration:none;}


.zoombox img {
                 cursor:pointer;
                 cursor:-moz-zoom-in;
                 cursor:-webkit-zoom-in;
         }