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


/* 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:150px;}
#header {width:960px;margin:0 auto;position:relative;}
#logo {position:absolute;top:8px;left:0;width:495px;font:1em/1.5 georgia,serif;display:block;}
#stamp {position:absolute;top:0;left:0}
#sitename {position:absolute;top:26px;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}

/*
== LAYOUTS
===================================== */

/* Content layout */
#content {width:960px;margin:0px auto;}
#content #crumble {float:left;width:700px;height:25px;margin-bottom:20px;}
#content #primary {float:left;width:450px;margin-left:240px;}
#content #secondary {float:left;width:200px;margin-left:-690px;}
#content #subnav {float:right;width:230px;min-height:170px;margin-top:180px;}

/* 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 {float:left;width:700px;margin-bottom:20px;}
#c-page #content #primary {width:450px;margin-left:240px;min-height:1.5em;}
#c-page #content #secondary {width:200px;margin-left:-690px;}

/* 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 {background:url(../images/bullet.gif) 0 .65em no-repeat;padding-left:1em;}
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 {position:absolute;top:0;left:0;width:100%;height:0;}
#language h2 {display:none;}
#language .tabs {width:960px;margin:0 auto;height:0}
#language ul {list-style:none;float:right;margin:0;}
#language li {float:left;display:block;background:#8592bc;padding:0;}
#language li a {border:none;width:115px;text-align:center;float:left;padding:2px 0 5px 0;font:13px tahoma,sans-serif;text-decoration:none;color:#fff;background:url(../images/lang_tab_right.gif) no-repeat bottom right;}
#language li.first a {border-right:1px solid #0c2577; background:url(../images/lang_tab_left.gif) no-repeat bottom left;}
#language li.active {background-color:#b0b8d3;}
#language li a:hover {background-color:#b0b8d3;}

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

#nav {position:absolute;top:91px;width:100%;}
#nav h2 {display:none;}
#nav ul {width:960px;margin:0 auto;list-style:none;}
#nav li {float:left;padding:12px 0 0 0;background:none;}
#nav li a {float:left;border-right: 2px solid #dfe3ee;border-bottom:none;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% 0% no-repeat;}


/*
== 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: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}


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

/* Secondary items (course details page) */
#secondary .item {margin-bottom:1.5em;}
#secondary h2 {font:1.143em/1.3125 tahoma,sans-serif;color:#0c2577;margin:0 0 4px;background:none 0 0 no-repeat;}
#secondary ul {border-top:1px solid #ddd;}
#secondary li {background:none;padding:4px 0;border-bottom:1px solid #ddd;font:.929em/normal tahoma,sans-serif;}
#secondary li img {float:right;margin-top:.1em;}
#secondary li a {border:none;color:#0c2577;display:block;background:url(../images/icon_link.gif) center right no-repeat;}
#secondary li a:hover {color:#B68F00;}

/* Specific secondary items */
#secondary #info	h2 {background-image:url(../images/icon_info.gif);padding-left:25px;}
#secondary #studies	h2 {background-image:url(../images/icon_programme.gif);padding-left:25px;}
#secondary #minors	h2 {background-image:url(../images/icon_minor.gif);padding-left:25px;}


/*
== 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.links {padding:2px 0 2px 25px;background:url(../images/icon_links.gif) 0 50% no-repeat;}
#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:2em;position:relative;}
#edition h2 {font:1.386em/1.3125 tahoma,sans-serif;color:#8592bc;letter-spacing:.03em;display:none;}
#edition ul {position:absolute;top:0;right:0;}
#edition li {font:0.929em/1.615 tahoma,sans-serif;float:left;width:106px;height:29px;background: url(../images/course_info_right.gif) no-repeat left top;padding-left:0;text-align:center;}
#edition li.first {background: url(../images/course_info_left.gif) no-repeat left top;}
#edition li a {color:#000;border:none;display:block;height:29px;}
#edition li a.active {background: url(../images/coure_info_arrow.gif) no-repeat center bottom;padding-bottom:7px;}
#edition li a:hover {color:#B68F00;}


/* Facts (course details) */
#factbox {background-color:#eee;border:1px solid #ddd;border-width:1px 0;position:relative;}
#factbox p {background:url(../images/edition_button.gif) no-repeat;color:#fff;font:1.143em/1.3125 'lucida console',monospace;padding:2px 0;width:108px;text-align:center;position:absolute;left:575px;top:15px;}
#factbox table {margin:10px;}
#factbox th {width:230px;}
#factbox td {width:300px;}

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

#tabs {float:left;width:100%;border-bottom:1px solid #8592bc;}
#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 {background:transparent url(../images/semester.gif) no-repeat scroll 0 0.2em;color:#B68F00;font-size:1em;margin-bottom:3px;padding-left:28px;}
.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;padding-left:10px;border-top:1px solid #ddd;background-color:#eee;}
.semester table td {color:#000;padding-left:10px;}
.semester table td a {border:none;color:#0C2577;line-height:1em;}
.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:3px 0 2px 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)
===================================== */

#primary.hallway img.deco {float:right;border:none;padding:0;}
.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{background:transparent url(../images/searchbox.gif) no-repeat scroll 0 0;
height:212px;
position:absolute;
right:0;
text-align:right;
top:150px;
width:230px;}
#search {position:absolute;top:0;left:0;width:100%;height:0;}
#search form {width:960px;margin:0 auto;position:relative;}
#search fieldset {position:absolute;top:150px;right:0;width:230px;height:212px;background:url(../images/searchbox.gif) no-repeat;text-align:right;}
.en #search fieldset {background-image:url(../images/searchbox_en.gif)}
#search fieldset legend, #search fieldset label {display:none;}
#search fieldset input {width:173px;display:block;margin:60px 25px 10px 25px;}
#search fieldset button {border:none;background:transparent;margin:0 20px;}
#search fieldset a {position:absolute;bottom:22px;right:30px;background:url(../images/search_icon2.gif) 0 0.25em no-repeat;padding:3px 0 3px 25px;color:#fff;text-decoration:underline;font:.929em/normal tahoma,sans-serif;border: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;}
#primary img{border:1px solid #CCC;float:right;margin:0 0 20px 20px;padding:4px;}

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

#footer {clear:both;min-height:20px;background:#fff;border-top:20px solid #fff;padding-bottom:20px;float:left;width:100%;}