/*
** e-Studiegids ~ scherm.css
** Author:    Lodewijk Schutte ~ Low
** Purpose:   main css file
** Last edit: 20081028
*/

/* 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:disc inside;}
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/ul_header.gif) repeat-x;}


/* Skiplinks */
#skiplinks {display:none;}
#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 */
#sitename, #top .title, #stamp, #logo, #header, #top  {display:none;}
 
/*
== LAYOUTS
===================================== */

/* Content layout */
#content {width:100%;}
#content #crumble {display:none;}
#content #primary {}
#content #secondary {display:none;}
#content #subnav {display:none;}

/* Homepage */
#h-page #content #banner {float:left;width:732px;position:relative;}
#h-page #content #primary {width:700px;margin-left:0;}
#h-page #content #subnav {margin-top:0}

/*General Page */
#g-page #content #primary {width:700px;margin-left:0;}

/* Course Overview Page */
#co-page #content #primary {float:left;width:700px;margin:0;}

/* Course Page */
#c-page #content #facts {width:80%;margin-bottom:3em;}
#c-page #content #primary {width:80%;}
#c-page #content #secondary {display:none;}

/* Elective Page */
#e-page #content #primary {float:left;width:700px;margin:0;}

/* Faculty Page */
#f-page #content #primary {width:700px;margin-left:0;}
#f-page #content #subnav {margin-top:-45px}


/*
== DEFAULTS
===================================== */

strong {font-weight:bold;}
em {font-style:italic;}
pre {font:11px monaco,consolas,monospace;}
hr {height:1px;visibility:hidden;}
table caption {display:none}
select{font:13px/1 tahoma,sans-serif;width:175px;}

/* Default headings*/
h1, h2 {font:1.714em/1 tahoma,sans-serif;color:#0c2577;margin-bottom:1em;}
h3, h4, h5 {font:.929em/1.615 tahoma,sans-serif;color:#0c2577;}
h2:first-letter {text-transform:uppercase;}
h3 {font-weight:bold;}

/* default margins for block elements */
p, ul, ol, dl, blockquote, img.masthead, table {margin-bottom:1.5em;}
ul li {}
ol {list-style:decimal outside;margin-left:2em;}
p + ul {margin-top:-1.5em;}

/* Standard links */
a {text-decoration:none;outline:none;color:#b68f00;border-bottom:1px dotted;}
a:hover, a:focus, a:active {color:#0c2577;}

/*
== LANGUAGE
===================================== */

#language {display:none;}

/*
== MAIN NAV
===================================== */

#nav {display:none;}


/*
== BREADCRUMB
===================================== */

#crumble a {font:.929em/1.8 georgia,serif;color:#fff;float:left;padding:0 20px 0 10px;background:#c8c86e url(../images/flag_mask.gif) 100% 50% no-repeat;border:none;}
#crumble a.end {background-image:url(../images/flag_mask_end.gif);}


/*
== LISTS OF INTERESTS / COURSES
===================================== */

/* interests / themes / courses|minors */
.selection {position:relative;width:224px;border:1px solid #ddd;border-width:1px 0;background:#eee;padding-bottom:10px;float:left;margin-right:9px;}
.selection h2 {font:1.143em/1.3125 tahoma,sans-serif;color:#0c2577;background:none;padding:0 0 0 1em;margin:10px;}
.selection ul {margin:0;}
.selection li {background:none;padding:0;}
.selection li a {display:block;background:url(../images/arrow_blue.gif) 12px .7em no-repeat;font:.929em/1.3125 tahoma,sans-serif;color:#b68f00;padding:3px 0 3px 2em;border:none;}
.selection li a:hover {background:#e5e4ee url(../images/arrow_blue.gif) 12px .7em no-repeat;color:#0c2577;}
.selection li a.active {background:#0c2577 url(../images/arrow_white.gif) 12px .7em no-repeat;color:#fff;}
.selection li a.active:hover {background:#0c2577 url(../images/arrow_white.gif) 12px .7em no-repeat;color:#fff;}
.selection .deco {position:absolute;width:21px;height:23px;top:.7em;right:-21px;z-index:100;background: url(../images/elective_arrow.gif) no-repeat;}
.selection p {width:auto;padding:0 10px;margin:0;}

/* Programme list (studies) */
#content ul.programmes {list-style-type: disc;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}


/*
== SECONDARY
===================================== */

/* Secondary items (course details page) */
#secondary .item {display:none;}
#secondary ul, #secondary li, #secondary li img  {display:none;}


/* Specific secondary items */
#secondary #info h2, #secondary #studies h2, #secondary #minors	h2 {display:none;}


/*
== SUBNAV
===================================== */

/* Subnav items */
#subnav h2 {font:1.143em/1.3125 tahoma,sans-serif;margin:0;}
#subnav ul {border-top:1px solid #ddd;}
#subnav li {background:none;padding:0;font:.929em/1.615 tahoma,sans-serif;border-bottom:1px solid #ddd;}
#subnav li a {display:block;background:url(../images/subnav.gif) 12px 55% no-repeat;color:#808080;padding:4px 0 4px 24px;border:none;}
#subnav li a:hover {background-color:#e5e4ee;color:#0c2577;}
#subnav li.active a {background:#0c2577 url(../images/subnav_selected.gif) 10px 55% no-repeat;color:#fff;}

/* specific subnav items */
#subnav h2.faculty {padding:2px 0 2px 25px;background:url(../images/icon_faculty.gif) 0 50% no-repeat;}
#h-page #subnav li a {color:#0c2577;display:block;background:url(../images/arrow_home_green.gif) no-repeat 0 55%}
#h-page #subnav li a:hover {color:#000;}


/*
== EDITION SELECTION
===================================== */

/* Edition selection */
#co-page h1{margin-bottom:10px;}
#edition {margin-bottom:1.5em;}
#edition h2 {font:1.386em/1.3125 tahoma,sans-serif;color:#8592bc;letter-spacing:.03em;display:none;}
#edition ul {float:left;width:100%;border-left:2px solid #dfe3ee;}
#edition li {font:.786em/normal tahoma,sans-serif;}
#edition li {float:left;border-right:2px solid #dfe3ee;padding:0 5px;}
#edition li a {color:#0c2577;}
#edition li.active a {color:#000;}
#edition li a:hover {text-decoration:underline;}


/* Facts (course details) */
#factbox {background-color:#eee;border:1px solid #ddd;border-width:1px 0;position:relative;}
#factbox p {font:1.143em/1.3125 'lucida console',monospace;padding:2px 0;width:108px;text-align:center;}
#factbox table {margin:10px;}
#factbox th {width:230px;}
#factbox td {width:300px;}

/*
== TABS
===================================== */

#tabs {display:none;}
#tabs ul {margin:0;padding:0;}
#tabs ul li {float:left;padding:0;margin-left:5px;}
#tabs a {font:.929em/1.615 tahoma,sans-serif;display:block;background:#8592bc url(../images/tab.gif) 0 0 no-repeat;margin:0;padding-left:11px;text-decoration:none;border:none;}
#tabs a span{display:block;background:url(../images/tab.gif) 100% 0 no-repeat;padding:0 40px 0 22px;color:#fff;}
#tabs a.active {position:relative;top:1px;background-color:#fff;}
#tabs a.active:hover {background-color:#fff;cursor:default;}
#tabs a:hover {background-color:#fff;}
#tabs a:hover span, #tabs a.active span {color:#000;}

/* Pages for tabs */
.page {clear:both;padding:1.5em 0;}
.page h2, .page legend {font:1.386em/1.3125 tahoma,sans-serif;color:#8592bc;letter-spacing:.03em;}

/*
== SEMESTERS
===================================== */
.semester h3 {color:#B68F00;font-size:1em;margin-bottom:3px;}
.semester table {width:100%}
.semester table col.number, .semester table col.level {width:75px}
.semester table th {font:.929em/1.615 tahoma,sans-serif;font-weight:normal;color:#0c2577;border-top:1px solid #ddd;background-color:#eee;}
.semester table td {color:#000;}
.semester table td a {border:none;color:#0C2577;line-height:1.8em;}
.semester table td a:hover {border-bottom:1px dotted;}
.semester table tbody tr:hover td{color:#0c2577;background-color:#e5e4ee;}
.semester table tbody tr:hover td.bundle{color:#b68f00;background-color:transparent;}
.semester table .number {text-align:right;} 
.semester table .level {text-align:right;padding-right:10px;}
.semester table td.bundle {}
.semester table td.bundle h4 {color:#b68f00}
.semester table td.bundle p {margin:0;width:440px;}
.semester table td.bundle-item {padding-left:25px;background:url(../images/arrow_blue.gif) 10px .75em no-repeat;}
/*
== HOMEPAGE / ABC
===================================== */

/* Homepage / Sliding panes */
#primary .item {background:#efefd7 url(../images/mask_home_bottom.gif) bottom left no-repeat;padding-bottom:10px;margin-bottom:15px;float:left;width:100%;}
#primary .item h2 {background: url(../images/mask_home_top.gif) top left no-repeat;padding:10px 0 0 1em;font-size:1em;margin:0;}
#primary .item h2 a {background:url(../images/arrow_home_closed.gif) no-repeat 0 .3em;font:1.143em/1.3125 tahoma,sans-serif;color:#0c2577;border:none;padding-left:20px;}
#primary .item .content {padding:0 1.5em;}
#primary .item.open h2 a {background-image:url(../images/arrow_home_open.gif);}
#primary .item .col {float:left;padding:0px 1em;width:191px;}
#primary .item .col h3 {margin:1em 0 0;}
#primary .item .col p {margin:1em 0;}
#primary .item .col a.content-link {background:url(../images/arrow_lblue.gif) 0 50% no-repeat;padding-left:1.3em;border:none;}
#primary .item .col li {background:url(../images/arrow_lblue.gif) 0 .3em no-repeat;padding-left:20px;}

/* Alphabet list */
#content .item ul.alfabet {margin-top:1em;}
#content .item ul.alfabet li {float:left;border:none;background:none;padding:0;}
#content .item ul.alfabet li a {float:left;padding:5px 8px;background:url(../images/bol_home.gif) 50% 50% no-repeat;font:1em/normal consolas,monaco,'lucida console',monospace;text-transform:uppercase;color:#fff;margin:1px;border:none;}
#content .item ul.alfabet li a:hover {color:#0c2577;}
/*#content .item ul.alfabet li a {background-image:url(../images/bol_home.gif)}*/


/*
== HALLWAY (studies-and-courses)
===================================== */

.hallway img.deco {float:right;}
.hallway h2 {font:1.143em/1.3125 tahoma,sans-serif;background:url(../images/icon_studies.gif) 0 .1em no-repeat;padding:0 0 4px 25px;border-bottom:1px solid #ddd;width:50%;margin-bottom:.1em;}
.hallway p a {background:url(../images/arrow_lblue_white.gif) 0 40% no-repeat;padding-left:17px;border:none;}

/*
== SEARCH
===================================== */

/* quick search field */
.hiddenfields{display:none;}
#search {display:none;}

/* different background for search in english */
#h-page #search fieldset {background-image:url(../images/searchbox_home.gif)}
#h-page.en #search fieldset {background-image:url(../images/searchbox_home_en.gif)}

/* advanced search */
fieldset.page {background:#eee url(../images/uz_bg.gif) repeat-x 0 0;position:relative;padding:0;border-bottom:1px solid #8592bc;}
fieldset.page .col {float:left;width:206px;margin:1.5em 11px;}
fieldset.page input, fieldset.page select {display:block;width:175px;}
fieldset.page .options {margin-top:1.5em;}
fieldset.page .options input {display:inline;width:auto;}
fieldset.page .options label {cursor:pointer;}
fieldset.page button {position:absolute;bottom:1.5em;right:11px;}

/* Search results */
.results h2 {font:.929em/2 tahoma,sans-serif;font-weight:normal;color:#0c2577;padding-left:10px;border-top:1px solid #ddd;background-color:#eee;position:relative;clear:both;}
.results h2 span {background:url(../images/arrow_blue.gif) 0 65% no-repeat;position:absolute;right:10px;top:0;padding-left:12px;line-height:1.8;}
.results li {background:url(../images/arrow_blue.gif) 0 .65em no-repeat;}

.pagination {font:.929em/2 tahoma,sans-serif;background:#eee;border-bottom:1px solid #ddd;padding:0 4px;}
.pagination a, .pagination strong {border:none;padding:2px 6px;}


/*
== MISC
===================================== */

.intro {width:640px;margin-bottom:1.5em;}
#banner p {color:#fff;position:absolute;top:15px;left:350px;width:300px;line-height:1.2em;}
#service {width:960px;margin:0 auto;}

/*
== FOOTER
===================================== */

#footer {display:none;}