/* ** Studeren in Leiden ~ scherm.css ** Author: Lodewijk Schutte ~ Low ** Purpose: main css file ** Last edit: 20100716 */ /* Global Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {color:black;background-color:white;} ol, ul {list-style:none;} table {border-collapse:collapse;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes: "" "";} /* body */ body {font:14px georgia,serif;line-height:1.5;background:#fff url(../images/header_blue.gif) repeat-x;} /* Some defaults */ a {text-decoration:none;} strong {font-weight:bold;} em {font-style:italic;} pre {font:11px monaco,consolas,monospace;} hr {height:1px;visibility:hidden;} h1 {display:none;} img.masthead, img.thumb, img.news {padding:4px;border:1px solid #aaa;} /* Skiplinks */ #skiplinks {position:absolute;top:0;left:0;} #skiplinks li {float:left;} #skiplinks a {float:left;width:0;height:0;overflow:hidden;} #skiplinks a:focus, #skiplinks a:active {background:#fff;width:auto;height:auto;} /* Header */ #top {width:100%;height:203px;background:url(../images/header_color_alg.gif) 0 100% repeat-x;} #header {width:960px;margin:0 auto;position:relative;} #logo {position:absolute;top:39px;left:0;width:495px;font:1em/1.5 georgia,serif;display:block;} #stamp {position:absolute;top:0;left:0} #sitename {position:absolute;top:40px;right:0;} #top .title {position:absolute;top:180px;right:0;width:407px;padding:10px 20px 15px;color:#fff;background:#8592bb url(../images/header_mask_ie6.png) bottom left no-repeat;font:1.714em/.833 tahoma,sans-serif;display:block} /* Photo + Frame */ #photo {position:absolute;top:0;right:0;width:403px;height:171px;background:url(../images/photo_top.jpg) top right no-repeat;} #frame {position:absolute;top:171px;right:15px;width:368px;height:27px;background:url(../images/photo_bottom.png) bottom right no-repeat;z-index:10} #network {position:absolute;width:445px;height:77px;background:url(../images/bg_network_tab.gif) 50% 100% no-repeat;right:0;top:0;} #network a {position:absolute;bottom:42px;left:210px;font:13px/normal tahoma,sans-serif;color:#fff;text-shadow: 0 0 0 #000;} #network a em {font-style:normal;text-decoration:underline;} .leidskwartier #photo {background-image:url(http://www.leidskwartier.nl/images/photo_top.jpg);} .dutch-studies #photo {background-image:url(../images/uploads/Dutch_Studies/top_dutch_studies.jpg);} /* Meelopen splash page */ .meelopen #top {height:163px;} .meelopen #content {margin-top:45px;} #hpage.meelopen #content #etalage {width:960px;height:204px;background:url(../images/ml_masthead.jpg) no-repeat;font-size:1px;text-indent:-9999px} #hpage.meelopen #content #primary {width:400px;margin:0;} #hpage.meelopen #content #secondary {width:275px;margin:0 0 0 20px;} #hpage.meelopen #content #subnav {width:245px;margin:0 0 0 20px;padding:0;background:none} .meelopen ol#conditions {margin-left:0} .meelopen ol#conditions li {list-style:none;padding:6px 0 6px 35px;border-bottom:1px dotted #ccc;margin-bottom:6px;background:none 5px 5px no-repeat;} .meelopen ol#conditions li#con1 {background-image:url(../images/con1.gif)} .meelopen ol#conditions li#con2 {background-image:url(../images/con2.gif)} .meelopen ol#conditions li#con3 {background-image:url(../images/con3.gif)} .meelopen #secondary h2 {background:#efefd7 url(../images/icon_list.gif) 25px 23px no-repeat;padding:25px 25px 15px 70px;font:.929em/1.2 tahoma,sans-serif;color:#0C2577} .meelopen #secondary fieldset {width:225px;background:#efefd7;padding:5px 25px 25px} .meelopen #secondary fieldset select {width:225px} .meelopen #secondary fieldset label {display:none} /* Main navigation */ #nav {position:absolute;top:131px;width:100%;} #nav h2 {display:none;} #nav ul {width:960px;margin:0 auto;list-style:none;} #nav li {float:left;padding-bottom:21px;} #nav li a {float:left;border-right: 2px solid #dfe3ee;height:31px;padding:0 10px;font:1.143em/2 tahoma,sans-serif;text-decoration:none;color:#000;letter-spacing:1px;} #nav li a:hover {color:#b68f00;} #nav li.first a {border-left:2px solid #dfe3ee;} #nav li.active {background:url(../images/header_nav_arrow.gif) 50% 100% no-repeat;} /* Content layout */ #content {width:960px;margin:95px auto;} #content #primary {float:left;width:450px;margin-left:240px;} #content #secondary {float:left;width:200px;margin-left:-690px;} #content #subnav {float:right;width:200px;background:url(../images/subnav_shade.gif) 0 60px no-repeat;padding-left:30px;min-height:485px;} /* Homepage */ #hpage #content #etalage {float:left;width:700px;height:256px;background:#8592bb url(../images/forum_bottom.gif) 50% 100% no-repeat;margin-bottom:25px;} #hpage #content #primary {width:242px;margin-left:458px;} #hpage #content #secondary {width:400px;margin-left:-700px;} #hpage #content #subnav {margin-top:-250px;} #hpage.opendagen #content #etalage {height:200px;} #hpage.opendagen #content #primary {width:340px;margin-left:360px;} #hpage.opendagen #content #secondary {width:340px;margin-left:-700px;} #hpage.opendagen #content #subnav {margin-top:-225px;} /* Studie home pagina */ #spage #content #primary {width:338px;margin-left:362px;} #spage #content #secondary {width:322px;margin-left:-700px;} /* Content pagina */ #cpage #content #primary {width:450px;margin-left:240px;} #cpage #content #secondary {width:200px;margin-left:-690px;} /* Overzicht pagina */ #opage #content #primary {width:690px;margin-left:0;} #opage #content #secondary {display:none;} /* Thema / subhomepage */ #tpage #content #primary {width:275px;margin-left:425px;} #tpage #content #secondary {width:385px;margin-left:-700px;} /* Contact pagina */ #npage #content #primary {width:315px;margin-left:385px;} #npage #content #secondary {width:342px;margin-left:-700px;} /* Studentenambassadeur pagina */ #apage #content #primary {width:400px;margin-left:300px;} #apage #content #secondary {width:260px;margin-left:-700px;} /* Open dag programma pagina */ #ppage #content #primary {width:720px;margin-left:240px;} #ppage #content #secondary {width:200px;margin-left:-960px;} #ppage #content #subnav {display:none;} /* Volledige breedte pagina */ #fpage #content #primary {width:960px;margin-left:0;} #fpage #content #secondary, #fpage #content #subnav {display:none;} /* Dubbele pagina */ #dpage #content #primary {width:500px;margin-left:0;} #dpage #content #secondary {width:440px;float:right;margin:0;} #dpage #content #subnav {display:none;} /* Columns */ #primary .col {float:left;width:45%;margin-right:2%;} /* Default headings*/ #primary h2 {font:1.714em/1 tahoma,sans-serif;color:#0c2577;margin-bottom:1em;} #primary h2:first-letter {text-transform:uppercase;} #primary h3 {font:.929em/1.615 tahoma,sans-serif;color:#0c2577;font-weight:bold;} #primary h4 {font:.929em/1.615 tahoma,sans-serif;color:#0c2577;} #primary h5 {font:.929em/1.615 tahoma,sans-serif;color:#0c2577;} /* default margins for block elements */ #primary p, #primary ul, #primary ol, #primary dl, #primary blockquote, #primary img.masthead, #primary table {margin-bottom:1.5em;} #primary ul li {background:url(../images/bullet.gif) 0 .65em no-repeat;padding-left:1em;} #primary ol {list-style:decimal outside;margin-left:2em;} #primary p + ul {margin-top:-1.5em;} #primary p.meta {font-style:italic;color:#808080;margin-top:-14px;} #primary.article p.meta {border-top:1px solid #ddd;margin-top:-15px;width:50%;} #primary h2 strong {text-transform:uppercase;font-weight:normal;} #primary blockquote {background:url(../images/quotes.gif) top left no-repeat;padding:10px;color:#444;} #primary blockquote * {margin:0} /* standard tables */ #primary table {width:100%;} #primary table caption {display:none} #primary table th, #content table td {border:1px solid #c1dad7;padding:5px 10px} #primary table th {background:#0c2577;color:#fff;font-family:'tahoma',sans-serif;} #primary table tr.odd td {background:#fff} #primary table tr.even td {background:#f5fafa} /* Open Dagen tables */ .opendagen #primary table .hour {width:75px;} .opendagen #primary table.full {border-collapse:separate;width:718px;border:1px solid #dfe3ee;background:#dfe3ee;border-top:none;} .opendagen #primary table.full tbody {background:#fff;} .opendagen #primary table.full th {border:none;background:none;color:#0c2577;} .opendagen #primary table.full td {border:none;background:none;} .opendagen #primary table.full tbody tr td:first-child {border-right:1px dotted #dfe3ee;} .opendagen #primary table.full tbody tr td:last-child {padding-left:25px;background:url(../images/c_arrow_blue.gif) 6px .6em no-repeat; } /* Open dagen lists */ #programma h2 {font:normal 1em/1.5 georgia,serif;padding:12px 20px 10px;margin:0;background:#dfe3ee;} #primary .day {background:url(../images/arrow_down_lblue.gif) 160px 0 no-repeat;padding:25px 25px 0 25px;border:1px solid #dfe3ee;border-top:none;margin-bottom:1.5em;} #primary .day-container {float:left;width:450px;margin-right:20px;} #primary .day li{padding:0;background:none;} #primary .day li input{margin:0 0.5em 0 0;} #primary fieldset div.status {border:0;padding:0;background:#ffcccc;} /* Open dagen css3 stuff */ .opendagen #primary table.full {border-radius:10px;-moz-border-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px} #primary h2 {border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;} #primary .day {border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;} #primary sup {position:relative;top:-.5em;font-size:.65em;} #primary sub {position:relative;bottom:-.5em;font-size:.65em;} #primary img.thumb {float:left;width:90px;margin:0 1em 0 0;} /* Standard links in #primary */ #primary a {color:#b68f00;border-bottom:1px dotted;} /*#primary a:visited {color:#808080;}*/ #primary a:hover, #primary a:focus, #primary a:active {color:#0c2577;} /* New homepage items */ #hpage #primary .testimonial blockquote {font-family:georgia, serif;} #hpage #primary .testimonial blockquote strong {font-size:18px;line-height:normal;font-weight:normal;color:#4e006f;} #hpage #secondary .item {margin-bottom:2em;overflow:hidden;} #hpage #secondary .item h2 {font:1.714em/1 tahoma,sans-serif;color:#0c2577;margin-bottom:10px;border:none;} #hpage #secondary .item img {padding:1px;border:1px solid #ccc;float:left;margin-right:15px;} #hpage #secondary .more {margin-left:105px;background:url(../images/c_arrow_blue.gif) 0 50% no-repeat;padding-left:20px;} #hpage #secondary .more a {background:none;text-indent:0;color:#B68F00;border-bottom:1px dotted;height:auto;width:auto;line-height:1.5;display:inline;font-family:tahoma,sans-serif;} #hpage #secondary .more a:hover {color:#0C2577;} #hpage #calendar td {padding:0;border:none;} #hpage #calendar td.date {font-style:italic;padding-right:20px;} #hpage #blogs blockquote {border:1px solid #888;border-radius:10px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px;margin-left:110px;width:200px;} #hpage #blogs blockquote p {padding-left:19px;margin-left:-19px;background:url(../images/arrow_left.gif) 0 50% no-repeat;} #hpage #blogs blockquote a {font-size:16px;color:#B68F00;border-bottom:1px dotted;} #hpage #blogs blockquote a:hover {color:#0C2577;} #hpage #blogs blockquote .meta {color:#888;font-size:12px;} #hpage #news li.first {margin-left:105px;} #hpage #news li.second {clear:left;margin-top:20px;} /* Programme list (studies) */ #content ul.programmes {list-style:none;margin-left:0;} #content ul.programmes li {background:url(../images/c_arrow_blue.gif) 0 .3em no-repeat;padding-left:18px;} #content table.programmes td {color:#6d929b} #content #combis {border-top:1px solid #ddd;padding-top:1.5em;} #content #combis ul.programmes li {background-image:url(../images/c_arrow_lblue.gif);} /* profile details */ #primary p.description {font-family:tahoma,sans-serif;color:#8592bb;margin-top:-1.5em} #primary h3.level img {position:relative;top:2px;margin-right:5px;} #primary .footer h3 {font:1em/1.5 georgia,serif;color:#808080;font-style:italic;width:50%;border-bottom:1px solid #ddd;} #primary .footer ul {list-style:none;margin-left:0;} #primary .footer li {background:url(../images/c_arrow_blue.gif) 0 50% no-repeat;padding-left:18px;} #primary .footer li a {font:.929em/1.2 tahoma,sans-serif;} /* Open dagen Programma details */ #primary ul.details {width:320px;} #primary ul.details li {background:none;padding:.25em 0;border-top:2px dotted #808080;} #primary img.prog {float:right;margin-bottom:1.5em;} #primary .row {float:left;width:100%;} #primary .main {float:left;width:425px;} #primary .aside {float:right;width:275px;} #primary img.timetable {margin-bottom:1.5em;} #primary col.hour {width:20%;} #primary td div.categories {font-style:italic;color:#808080;} #primary div#seealso {background:url(../images/icon_related-link.gif) 0 0 no-repeat;} #primary div#seealso h3, #primary div#seealso p, #primary div#seealso ul {padding-left:35px;} #primary div#gotosil {background:url(../images/icon_sil-link.gif) 0 0 no-repeat;} #primary div#gotosil h3, #primary div#gotosil p {padding-left:35px;} #primary div#overview {background:url(../images/icon_calendar18.gif) 0 0 no-repeat;} #primary div#overview h3, #primary div#overview p {padding-left:35px;} /* Forum hilite list */ #content .forum {background:#0c2577 url(../images/forum_bottom.gif) 50% 100% no-repeat;padding-bottom:30px;} #content .forum h2 {font:1.143em/1.3125 tahoma,sans-serif;color:#dfe3ee;background:url(../images/header_nav_arrow.gif) 50% 0 no-repeat;padding:15px 15px 0 15px;margin-bottom:3px;} #content .forum ul {list-style:none;margin:0 15px;} #content .forum li {background:url(../images/c_arrow_grey.gif) 0 .3em no-repeat;padding-left:18px;} #content .forum a {color:#dfe3ee;border-bottom:1px dotted;} #content .forum a:hover {color:#fff;} /* Toevoeging Marcel voor Contact*/ #content .contact {background:#efefd7;padding:15px;border-top:4px solid #cbceb1;} #content .contact h2 {background:url(../images/icon_info_contact.gif) 0 0 no-repeat;padding:0 0 25px 35px;margin-bottom:0;} #content .contact h3 {font:1.143em/1.3125 tahoma,sans-serif;color:#0c2577;margin-bottom:3px;} #content .contact p {color:#000;} #content .contact ul {list-style:none;} #content .contact li {padding:3px 0;} #content .contact li.brochure {background:url(../images/icon-brochure.gif) -8px 50% no-repeat;padding-left:23px;} #content .contact li.email {background:url(../images/email.gif) 0 50% no-repeat;padding-left:23px;} #content .contact li.phone {background:url(../images/telephone.gif) 0 50% no-repeat;padding-left:23px;} #content .contact li.msn {background:url(../images/icon-msn.gif) -2px 100% no-repeat;padding-left:23px;} #content .contact a {color:#000;border-bottom:1px dotted;} #content .contact a:hover {color:#666;} #content .contact .alt {background:#fff;margin:0 -15px -3em -15px;padding-top:15px;} #content .contact .alt h3 {font-size:22px;} #content .contact ul.events {margin:0} #content .contact li.vevent {margin-bottom:1.5em} #content .contact li.vevent h3 {font:1.143em/1.3125 tahoma,sans-serif;color:#0c2577;margin-bottom:3px;} #content .contact li.vevent h3 a {color:#0c2577;} #content .contact li.vevent h3 a:hover {color:#B68F00;} #content .contact li.vevent {padding:0;background:none;} #content .contact li.vevent .dates {font-family:'georgia',serif;color:#000;margin-right:5px;} #content .contact li.vevent .dates:after {content:": "} #content .contact li.vevent .dates span {display:none} #content .contact li.vevent .description {display:inline} #content .contact-study {background:#8bc29b url(../images/forum_bottom.gif) 50% 100% no-repeat;padding-bottom:30px;} #content .contact-study h2 {font:1.143em/1.3125 tahoma,sans-serif;color:#0c2577;padding:15px 15px 0 15px;margin-bottom:3px;} #content .contact-study h2.top {background:url(../images/header_nav_arrow.gif) 50% 0 no-repeat;} #content .contact-study p { color:#000;margin:0 15px;} #content .contact-study ul {list-style:none;margin:0 15px;} #content .contact-study li.email {background:url(../images/email.gif) 0 .4em no-repeat;padding-left:23px;} #content .contact-study li.ambassadeur {background:url(../images/ambassadeur.gif) 0 .4em no-repeat;padding-left:23px;} #content .contact-study li.egids {background:url(../images/egids.gif) 0 .4em no-repeat;padding-left:23px;line-height:2em;} #content .contact-study li.website {background:url(../images/page_www.gif) 0 .4em no-repeat;padding-left:23px;line-height:2em;} #content .contact-study li.phone {background:url(../images/telephone.gif) 0 .4em no-repeat;padding-left:23px;} #content .contact-study a {color:#000;border-bottom:1px dotted;} #content .contact-study a:hover {color:#666;} #content .contact-agenda {background:url(../images/contact_agenda.jpg); padding:85px 0 100px 75px;} #content .contact-agenda h2 {font: 1.286em/1 tahoma,sans-serif;color:#92A406; padding-bottom: 25px;} #content .contact-agenda h3 {padding-bottom: 10px;} #content .contact-agenda p {font:.786em/1 tahoma,sans-serif;color:#929090;} #content .contact-agenda h3 {background:url(../images/c_arrow_blue.gif) 0 .3em no-repeat;padding-left:18px;color:#0c2577;} #dpage #secondary .item {background:#efefd7 url(../images/forum_bottom.gif) 50% 100% no-repeat;padding:15px 15px 30px;margin:0;overflow:hidden;} #dpage #secondary .item h2 {padding:15px;margin:-15px -15px 0;font:normal 18px/normal tahoma, sans-serif;color:#0c2577;background:url(../images/header_nav_arrow.gif) 50% 0 no-repeat} #dpage #secondary .item img {float:left;margin-right:10px;} #dpage #secondary .item p {margin-left:204px;} #dpage #content .more {background:url(../images/c_arrow_blue.gif) 0 50% no-repeat;padding-left:20px;} #dpage #content .more a {background:none;text-indent:0;color:#B68F00;border-bottom:1px dotted;height:auto;width:auto;line-height:1.5;display:inline;font-family:tahoma,sans-serif;} #dpage #content .more a:hover {color:#0C2577;} #dpage #kom-kennismaken td {padding:0;border:none;} #dpage #kom-kennismaken td.date {font-style:italic;padding-right:20px;} #dpage #secondary #kom-kennismaken h2 {background:none;} #dpage #secondary #mail-een-student {background-color:#c4cfef;} /* Einde toevoeging */ .contact fieldset#selectstudie label {float:left;text-indent:-9999px;overflow:hidden;width:40px;height:45px;background:none 0 0 no-repeat;margin-right:15px} .contact fieldset#selectstudie label.info {background-image:url(../images/icon_info_contact.gif);} .contact fieldset#selectstudie label.mail {background-image:url(../images/icon_mail_arrow.gif);} .contact fieldset#selectstudie label.hands {background-image:url(../images/icon_hands.gif);} .contact fieldset#selectstudie label.hidden {display:none} .contact fieldset#selectstudie select {float:right;width:230px;margin-top:5px;} #subnav fieldset#selectstudie select {width:200px;} /* hcalendar microformat */ #content h3.vevent-month {background:url(../images/icon_calendar_month.gif) 0 50% no-repeat;font-size:21px;font-weight:normal;line-height:normal;border-bottom:1px solid #ddd;padding:12px 0 24px 46px;} #content .vevent + h3 {margin-top:10px;} #content .vevent {border-bottom:1px solid #ddd;padding:18px 0 18px 130px;position:relative;} #content .vevent h4 {font:18px/1 tahoma,sans-serif;color:#0c2577;margin-bottom:1em;} #content .vevent p.date {position:absolute;top:0;left:0;width:125px;padding-top:18px;font:16px/1 tahoma,sans-serif;color:#8592BB;} #content .vevent .description {} #content .vevent a.more {border-bottom:none;background:url(../images/arrow_search.gif) 0 50% no-repeat;padding:0 0 0 12px;font:1em/1.5 tahoma,sans-serif;color:#b68f00} #content .vevent .more:hover {text-decoration:underline} #content .vevent a.toggle {border-bottom:none;background:url(../images/c_arrow_lblue.gif) 0 50% no-repeat;padding:0 0 0 18px;font:16px/normal tahoma,sans-serif;color:#0C2577} #content .vevent a.toggle.open {background-image:url(../images/c_arrow_lblue_down.gif)} #content .vevent .vevent-more {margin:18px 0 0 18px;} #content .vevent .vevent-more ul li {background-image:url(../images/arrow_search.gif)} /* studie selector */ #content .selector {clear:left;} #subnav #studie {width:100%} /* Gallery */ #primary ul.thumbnails li {background:none;float:left;padding:0;} #primary ul.thumbnails li a {border:1px solid #eee;padding:1em;float:left;margin:0 5px 5px 0;line-height:1;} #primary ul.thumbnails li a:hover {background:#f2f2f2;border-color:#dfe3ee} /* Extras */ #content .extra {margin-bottom:1.5em;} #content .extra h2 {font:1.286em/1 tahoma,sans-serif;color:#0c2577;background:transparent none 0 50% no-repeat;padding:10px 0 10px 36px;min-height:30px;margin-bottom:-10px;} #content .extra p, #content .extra li {font:.857em/1.5 tahoma,sans-serif;color:#0c2577;} #content .extra a {color:#0c2577;border-bottom:1px dotted;} #content .extra a:hover {color:#b68f00} #content .more {margin-top:.5em;} #content .more a {background:url(../images/meer.gif) no-repeat;text-indent:-9999px;display:block;width:67px;height:23px;border:none;} #content .more a:focus {outline:none;} /* tips */ #content .tip h2 {padding-left:0;margin-bottom:0;} #content .tip p, .extra .kader {border:4px dotted #8592bb;padding:8px;} #content .video h2 {background-image:url(../images/icon_video.gif)} #content .graph h2 {background-image:url(../images/icon_graph.gif);background-position:0 25%;} #content .podcast h2 {background-image:url(../images/icon_podcast.gif);padding-left:40px;} #content .slideshow h2 {background-image:url(../images/icon_slideshow.gif);padding-left:40px;} #content .bookmarks h2 {background-image:url(../images/icon_leestips.gif);background-position:0 0;} /* kader */ #content .extra .kader h2 {padding:0;margin:0;min-height:0} #content .extra .kader p {margin-top:1.5em} /* leuk om te lezen */ #content .lotl {width:200px;background:url(../images/lotl_bg.gif) 0 0 repeat-y;} #content .lotl h2 {height:150px;background:url(../images/lotl_top.gif) 0 0 no-repeat;text-indent:-9999px;padding:0;margin-bottom:0;} #content .lotl ul {padding-bottom:50px;background:url(../images/lotl_bottom.gif) 0 100% no-repeat;} #content .lotl li {margin:.75em 25px 0 33px} #content .lotl li a {display:block;background:url(../images/lotl_arrow.gif) 5px .2em no-repeat;padding-left:25px;padding-right:5px;border:none;} /* Testimonials (regular + extra) */ #content .testimonial blockquote {padding:10px;background:url(../images/quotes.gif) no-repeat;font:1em/1.5 tahoma,sans-serif;color:#0c2577;} #content .testimonial * {margin-bottom:0;} /* Actueel links */ #content .actueel {padding:20px 15px;} #content .actueel h2 {font:1.143em/1.3125 tahoma,sans-serif;border-bottom:3px dotted #8592bb;color:#0c2577;margin-bottom:.625em;} #content .actueel ul {list-style:none;margin-left:0;} #content .actueel li {background:url(../images/c_arrow_blue.gif) 0 .3em no-repeat;padding-left:18px;} #content .actueel li a {color:#0c2577;border-bottom:1px dotted;} #content .actueel li a:hover {color:#b68f00;} #hpage #content .actueel {padding:0} /* Subnav items */ #subnav {font:.929em/1.2 tahoma,sans-serif;} #subnav h2 {display:none;} #subnav h3 {background:#8592bb;color:#fff;padding:4px 0 4px 10px;font-weight:normal;clear:left} #subnav li, #subnav a.start {border-bottom:1px solid #ddd;} #subnav li a, #subnav a.start {display:block;background:url(../images/subnav.gif) 12px .7em no-repeat;color:#808080;padding:4px 0 4px 24px;} #subnav li a:hover, #subnav a.start:hover {background-color:#e5e4ee;color:#0c2577;} #subnav li.active a, #subnav a.start.active {background:#0c2577 url(../images/subnav_selected.gif) 10px .7em no-repeat;color:#fff;} #subnav a.start span {display:none} /* sub-subnav items */ #subnav li ul li {border:none;} #subnav li ul li a {padding-left:36px;background-position:24px .7em;} #subnav li ul li.active a {background-position:22px .7em;} #subnav li.active ul li a {background:url(../images/subnav.gif) 24px .7em no-repeat;color:#808080;} #subnav li.active ul li a:hover {background-color:#e5e4ee;color:#0c2577;} #subnav a.more {display:block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px 0;clear:both;color:#b68f00;background:url(../images/more_gradient.gif) 0 100% repeat-x;} #subnav a.more span {display:block;background:url(../images/c_arrow_blue.gif) 5px 50% no-repeat;padding:5px 0 5px 25px;line-height:1.2;} /* Subnav selections */ #subnav.selections h2 {display:block;font:1.143em/1 tahoma,sans-serif;color:#0c2577;padding:5px 0 10px 40px;min-height:30px;background:url(../images/zoeken.gif) 0 0 no-repeat;} #subnav.selections h3 {background:none;font:normal 1em/normal georgia,sans-serif;color:#0c2577;border-bottom:1px solid #ddd;padding-left:0;margin-bottom:.6em} #subnav.selections h3 img {vertical-align:bottom;margin-left:-4px;margin-right:4px;} #subnav.selections ul {margin-bottom:1.2em} #subnav.selections li {border:none} #subnav.selections li a {background:url(../images/arrow_search.gif) 0 .7em no-repeat;padding-left:12px;color:#b68f00} #subnav.selections li a:hover {color:#0c2577;background-color:transparent} #subnav.selections li.active a {color:#333;cursor:default} /* Alphabetical list */ #subnav ul.alfabet {float:left;} #subnav ul.alfabet li {float:left;} #subnav ul.alfabet li a {float:left;padding:4px 9px;background:#fff url(../images/bol.gif) 50% 50% no-repeat;font:1em/normal consolas,monaco,'lucida console',monospace;text-transform:uppercase;color:#666;margin:1px} #subnav ul.alfabet li a:hover {color:#b68f00} /* extra info in subnav list */ #subnav .extra {margin-top:1.5em;} #subnav .extra.json {cursor:pointer;} #subnav .extra img {float:left;border:1px solid #ddd;margin:3px 5px 0 0;} #subnav .extra p, #subnav .extra a {color:#808080} /* Writers list */ .blog #subnav {font:1em/1.5 tahoma,sans-serif;} .blog #subnav h2 {font:1.143em/1 tahoma,sans-serif;color:#808080;margin-bottom:1em;display:block;} .blog #subnav li {float:left;margin-bottom:25px;border:none;} .blog #subnav li.active {background-color:#f2f2f2;} .blog #subnav li:hover, .blog #subnav li.hover {background-color:#dfe3ee;} .blog #subnav li.json {cursor:pointer;} .blog #subnav li img, img.auteur {float:left;border:1px solid #ccc;padding:2px;background:#fff} .blog #subnav li div {float:right;width:105px;} .blog #subnav li h3 {background:none;color:#0c2577;padding:0;border:none;font-size:1em;line-height:1.2;} .blog #subnav li p {font-size:.786em;line-height:1.2;} .blog #subnav li a {color:#b68f00;padding:0;background:none;} img.auteur {margin-right:1em} /* blog on homepage */ div.blog {margin-top:1.5em} div.blog h2 {font:1.143em/1.3125 tahoma,sans-serif;border-bottom:3px dotted #669a2e;color:#669a2e;margin-bottom:.625em;} div.blog h3 {} div.blog h3 a {font:bold .786em/1.75 georgia,serif;color:#0c2577} div.blog p.meta {font-size:.786em;line-height:1.75;margin-bottom:1.75em;font-style:italic;color:#808080;} /* News archive links */ .permalink #subnav h2 {font:1.143em/1 tahoma,sans-serif;color:#808080;margin-bottom:1em;display:block;} .permalink #subnav ul {margin-bottom:2em;} .permalink #subnav li {border:none;background:url(../images/c_arrow_blue.gif) 5px .4em no-repeat;padding-left:24px;margin-bottom:.5em;} .permalink #subnav li a {display:inline;padding:0;background:none;font:1em/1.5 georgia,serif;color:#0c2577;border-bottom:1px dotted;} /* Footer */ #footer {clear:both;min-height:150px;background:#dfe3ee;border-top:20px solid #fff;border-bottom:20px solid #0c2577;padding-bottom:20px;float:left;width:100%;} #innerfooter {width:960px;margin:0 auto;} #footer .item {float:right;width:210px;margin-right:40px;padding-top:20px;} #footer .item.first {margin-right:0;} #footer .item.active {background:url(../images/header_nav_arrow.gif) 50% 0 no-repeat;} #footer .item div {background:#f2f2f2 url(../images/footer_mask.gif) 50% 100% no-repeat;padding:10px;min-height:120px;} #footer .item h2 {background:#f2f2f2 none 0 0 no-repeat;font:1.143em/1 tahoma,sans-serif;color:#333333;padding:5px 0 5px 40px;min-height:36px;margin-bottom:-10px;} #footer .item p {background: none;font:.929em/1.462 tahoma,sans-serif;color:#0c2577;padding:0 0 0 40px;} #footer .item a {color:#0c2577;border-bottom:1px dotted} #footer .item a:hover {color:#B68F00} /*#footer .item.active h2 {background-image:url(../images/footer_arrow.gif);}*/ #footer #meerweten h2 {background-image:url(../images/icon_info.gif);} #footer #kennismaken h2 {background-image:url(../images/icon_calendar.gif);} #footer #brochure h2 {background-image:url(../images/icon_brochure.gif);} #footer #nieuwsbrief h2 {background-image:url(../images/icon_newsletter.gif);} #footer .item .vevent {margin:0;padding:0 0 0 40px;min-height:0;background:none;} #footer .item .vevent h3 {font:.929em/1.462 tahoma,sans-serif;font-weight:bold;} #footer .item .vevent p {padding:0} #footer .item .vevent p .meta {display:none} /* Search form */ #search {position:absolute;top:258px;width:100%;} #search fieldset {width:960px;margin:0 auto;text-align:right} #search legend, #search label {display:none;} #search input.text {border:1px solid #aaa;font:1em/1 tahoma,sans-serif;vertical-align:middle;padding:2px;width:9em;margin-top:-3px;} #search button {border:0;padding:0;margin:0 -2px 0 0;vertical-align:middle;background:#fff;font-size:1em;line-height:1.5;} /* Search results */ #primary #searchresults {list-style:none;margin:0;padding:0} #primary #searchresults li {margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px dotted #dfe3ee} #primary #searchresults li.level2 {padding-left:1.5em} #primary #searchresults h2 {font:1em/1.5 georgia,serif;margin-bottom:0;background:url(../images/c_arrow_blue.gif) 0 .35em no-repeat;padding-left:18px;margin-left:-18px} #primary #searchresults h2 a strong {font-weight:bold;text-transform:none;border-bottom:2px solid} #searchresults span {display:block} #searchresults span.sitesearch, #searchresults span.meta {font:.786em/1.75 tahoma,sans-serif;color:#666} #searchresults span.sitesearch a {border:none;color:#808080} #searchresults span.sitesearch a:hover {text-decoration:underline} .pagination {clear:both;font:.786em/normal tahoma,sans-serif;color:#808080} .pagination strong, .pagination a, .pagination b, .pagination .count {float:left;padding:3px 5px;margin-right:1px} .pagination .count {float:right;margin-right:0;} .pagination strong, .pagination b {color:#333;border:1px solid #fff} .pagination a {border:1px solid #eee !important} .pagination a:hover {background:#f2f2f2;border-color:#dfe3ee !important;} /* Forms */ #primary fieldset {margin-bottom:1.5em} #mw-container fieldset {margin:12px} #primary fieldset#selectstudie, #mw-container #primary fieldset#selectstudie {margin:0;} #primary fieldset legend, #mw-container fieldset legend {display:none;} #primary fieldset div, #mw-container fieldset div {float:left;width:100%;padding:.75em 0;border-top:1px solid #eee;} #primary fieldset div input, #mw-container fieldset div input {float:left;width:250px;} #primary fieldset div input.choice, #mw-container fieldset div input.choice{float:none;width:25px;} #primary fieldset div input.short, #mw-container fieldset div input.short {width:75px;} #primary fieldset div label, #primary fieldset div .label, #mw-container fieldset div label, #mw-container fieldset div .label {float:left;width:10em} #primary fieldset div .req, #mw-container fieldset div .req {color:#f66;margin-left:2px;} #primary fieldset div .boxes, #mw-container fieldset div .boxes {float:left;width:auto;padding:0;border:none;} #primary fieldset div .boxes label, #mw-container fieldset div .boxes label {float:none;width:auto;display:block} #primary fieldset div .boxes label input, #mw-container fieldset div .boxes label input {float:none;width:auto;margin:0} /* Editlink */ a.editlink {float:right;border:none !important;} /* Different colouring */ .let #top {background-image:url(../images/header_color_let.gif);} .let #top .title, .let #subnav h3 {background-color:#f9e06b;color:#0c2577;} .let #content .tip p, .let .extra .kader {border-color:#f9e06b} .gee #top {background-image:url(../images/header_color_gee.gif);} .gee #top .title, .gee #subnav h3 {background-color:#dedd3a;color:#0c2577;} .gee #content .tip p, .gee .extra .kader {border-color:#dedd3a} .arc #top {background-image:url(../images/header_color_arc.gif);} .arc #top .title, .arc #subnav h3 {background-color:#085;} .arc #content .tip p, .arc .extra .kader {border-color:#085} .wis #top {background-image:url(../images/header_color_wis.gif);} .wis #top .title, .wis #subnav h3 {background-color:#ef8030;} .wis #content .tip p, .wis .extra .kader {border-color:#ef8030} /*.god #top {background-image:url(../images/header_color_god.gif);} .god #top .title, .god #subnav h3 {background-color:#afbd3b;} .god #content .tip p, .god .extra .kader {border-color:#afbd3b}*/ .rec #top {background-image:url(../images/header_color_rec.gif);} .rec #top .title, .rec #subnav h3 {background-color:#cd3176;} .rec #content .tip p, .rec .extra .kader {border-color:#cd3176} .soc #top {background-image:url(../images/header_color_soc.gif);} .soc #top .title, .soc #subnav h3 {background-color:#e53031;} .soc #content .tip p, .soc .extra .kader {border-color:#e53031} /*.wij #top {background-image:url(../images/header_color_wij.gif);} .wij #top .title, .wij #subnav h3 {background-color:#0084bf;} .wij #content .tip p, .wij .extra .kader {border-color:#0084bf}*/ .kun #top {background-image:url(../images/header_color_kun.gif);} .kun #top .title, .kun #subnav h3 {background-color:#369496;} .kun #content .tip p, .kun .extra .kader {border-color:#369496} .ges #top {background-image:url(../images/header_color_gee.gif);} .ges #top .title, .ges #subnav h3 {background-color:#dedd3a;color:#0c2577;} .ges #content .tip p, .ges .extra .kader {border-color:#dedd3a} .god #top {background-image:url(../images/header_color_gee.gif);} .god #top .title, .god #subnav h3 {background-color:#dedd3a;color:#0c2577;} .god #content .tip p, .god .extra .kader {border-color:#dedd3a} .wij #top {background-image:url(../images/header_color_gee.gif)} .wij #top .title, .wij #subnav h3 {background-color:#dedd3a;color:#0c2577;} .wij #content .tip p, .wij .extra .kader {border-color:#dedd3a} .gen #top {background-image:url(../images/header_color_gen.gif);} .gen #top .title, .gen #subnav h3 {background-color:#4a8ec8;} .gen #content .tip p, .gen .extra .kader {border-color:#4a8ec8} /* modal window */ #mw-overlay { /*background:rgba(255,255,255,.75);*/ position:fixed; top:0; left:0; width:100%; height:100%; z-index:5000; } #mw-container { background:#fff; position:absolute; width:448px; margin-left:-239px; top:100px; left:50%; z-index:9000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; } #mw-close { position:absolute; top:-21px; right:-21px; width:42px; height:42px; background:url(../images/icon-close.png) no-repeat; text-indent:-9999em; overflow:hidden; } #stats {position:fixed;top:0;left:0;font:11px/1 monaco,consolas,monospace;background:#eee;color:#666;padding:1px 3px;}