/*
** open dagen ~ opendagen.css
** Author:    Lodewijk Schutte ~ Low
** Purpose:   extra styles for Opendagen
** Last edit: 20100408
------------------------------------------------- */

#primary td.gutter {border:none !important;}

#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;}

/* Home page
------------------------------------------------- */

#hpage.opendagen #content #etalage {display:none;}
#hpage.opendagen #content #primary {width:340px;margin-left:0;}
#hpage.opendagen #content #secondary {width:340px;height:588px;margin-left:10px;background:url(../images/bg_graphic.jpg) 50% 50% no-repeat;}
#hpage.opendagen #content #subnav {margin-top:0;}

#hpage.opendagen #content #primary h2 {width:290px;height:64px;text-indent:-9999em;background:url(../images/bg_home_heading.png) no-repeat;}

/* Listings
------------------------------------------------- */

.js #primary .day {overflow:hidden;}
.js #primary .day ul {width:319px;float:left;}

/* Programme Heading
------------------------------------------------- */

.prog-details #heading {background:none top left no-repeat;min-height:244px;padding-left:480px;overflow:hidden;margin-bottom:1.5em;}
.prog-details #heading h2 {padding:0 10px;margin-bottom:10px;}
.prog-details #heading li {background:none;border-bottom:1px dotted;padding:5px 10px;}
.prog-details #heading li:first-child {border-top:1px dotted;}

.prog-details #heading div.item {float:left;width:195px;padding-left:45px;background:none no-repeat;}
.prog-details #heading div.item h3 {padding:0 !important;color:#b8cd32;font-weight:normal;font-size:16px;margin-bottom:10px;}
.prog-details #heading div.item p {padding:0 !important}
.prog-details #heading div#otherday {background-image:url(../images/icon_info.png)}
.prog-details #heading div#gotosil {background-image:url(../images/icon_arrows.png)}


.arc .prog-details #heading {background-image:url(../images/gebouwen/gee.jpg)}
.gee .prog-details #heading {background-image:url(../images/gebouwen/gee.jpg)}
.gen .prog-details #heading {background-image:url(../images/gebouwen/gen.jpg)}
.rec .prog-details #heading {background-image:url(../images/gebouwen/rec.jpg)}
.soc .prog-details #heading {background-image:url(../images/gebouwen/soc.jpg)}
.wis .prog-details #heading {background-image:url(../images/gebouwen/wis.jpg)}
.cam .prog-details #heading {background-image:url(../images/gebouwen/campus_den_haag.jpg)}

/* Programme Heading Colors
------------------------------------------------- */

.arc .prog-details #heading h2 {color:#085}
.gee .prog-details #heading h2 {color:#dedd3a}
.gen .prog-details #heading h2 {color:#4a8ec8}
.rec .prog-details #heading h2 {color:#cd3176}
.soc .prog-details #heading h2 {color:#e53031}
.wis .prog-details #heading h2 {color:#ef8030}
.cam .prog-details #heading h2 {color:#0098aa}

.arc .prog-details #heading li {border-color:#085}
.gee .prog-details #heading li {border-color:#dedd3a}
.gen .prog-details #heading li {border-color:#4a8ec8}
.rec .prog-details #heading li {border-color:#cd3176}
.soc .prog-details #heading li {border-color:#e53031}
.wis .prog-details #heading li {border-color:#ef8030}
.cam .prog-details #heading li {border-color:#0098aa}

/* Print link
------------------------------------------------- */

#printme {overflow:hidden;margin:-1em 0 1px 0;display:none;}
#printme span {float:right;background:url(../images/icon_print.png) no-repeat;padding:3px 0 0 45px;height:52px;}
#printme a {color:#8592bb;}

/* Programme Tables
------------------------------------------------- */

.prog-details col.time {width:190px}
.prog-details col.location {width:165px}

#primary.prog-details span.spreker {font:.929em/1.615 tahoma,sans-serif;color:#0c2577;display:block;}
#primary.prog-details table.expandable h3 {font:normal 1em/1.5 georgia, serif;color:#000;padding-left:20px;}
#primary.prog-details table.expandable div.details {padding-left:20px;margin-top:.75em;}
#primary.prog-details table#general th {background-color:#8592bb;border-color:#8592bb;}
#primary.prog-details table#general td {border-color:#ccc;}

#primary.prog-details table td {border-style:solid dotted;}
#primary.prog-details table td:first-child {border-left-style:solid;}
#primary.prog-details table td:last-child {border-right-style:solid;}

#prog-notes a.download {float:right;background:url(../images/icon_download.png) no-repeat;padding:0 0 0 35px;border:none;height:3em;}
#prog-notes a.download span {border-bottom:1px dotted;}

#prog-notes p, #prog-notes ul {width:460px}

/* Expandable stuff */
body.js #primary.prog-details table.expandable h3.toggle {cursor:pointer;background:url(../images/sprite_bullets2.png) 0 3px no-repeat;}
body.js #primary.prog-details table.expandable h3.toggle:hover {text-decoration:underline;;}
body.js #primary.prog-details table.expandable .open h3.title {background-position:0 -347px;}
body.js #primary.prog-details table.expandable div.details {display:none}
body.js #primary.prog-details table.expandable .open div.details {display:block;}


/* Programme Table Colors
------------------------------------------------- */

.gee #primary.prog-details table#specific h3 {background-position:0 -47px}
.gen #primary.prog-details table#specific h3 {background-position:0 -97px}
.rec #primary.prog-details table#specific h3 {background-position:0 -147px}
.arc #primary.prog-details table#specific h3 {background-position:0 -197px}
.rec #primary.prog-details table#specific h3 {background-position:0 -247px}
.wis #primary.prog-details table#specific h3 {background-position:0 -297px}
.cam #primary.prog-details table#specific h3 {background-position:0 -697px}

.gee #primary.prog-details table#specific .open h3 {background-position:0 -397px}
.gen #primary.prog-details table#specific .open h3 {background-position:0 -447px}
.rec #primary.prog-details table#specific .open h3 {background-position:0 -497px}
.arc #primary.prog-details table#specific .open h3 {background-position:0 -547px}
.rec #primary.prog-details table#specific .open h3 {background-position:0 -597px}
.wis #primary.prog-details table#specific .open h3 {background-position:0 -647px}
.cam #primary.prog-details table#specific .open h3 {background-position:0 -747px}

.arc .prog-details table#specific th {background-color:#085}
.gee .prog-details table#specific th {background-color:#dedd3a;color:#0c2577;}
.gen .prog-details table#specific th {background-color:#4a8ec8}
.rec .prog-details table#specific th {background-color:#cd3176}
.soc .prog-details table#specific th {background-color:#e53031}
.wis .prog-details table#specific th {background-color:#ef8030}
.cam .prog-details table#specific th {background-color:#0098aa}

.arc .prog-details table#specific td, .arc .prog-details table#specific th {border-color:#085}
.gee .prog-details table#specific td, .gee .prog-details table#specific th {border-color:#dedd3a}
.gen .prog-details table#specific td, .gen .prog-details table#specific th {border-color:#4a8ec8}
.rec .prog-details table#specific td, .rec .prog-details table#specific th {border-color:#cd3176}
.soc .prog-details table#specific td, .soc .prog-details table#specific th {border-color:#e53031}
.wis .prog-details table#specific td, .wis .prog-details table#specific th {border-color:#ef8030}
.cam .prog-details table#specific td, .cam .prog-details table#specific th {border-color:#0098aa}

/* Programma footer
------------------------------------------------- */

.prog-details #prog-footer div.item {float:left;width:410px;padding-left:45px;background:none no-repeat;margin-right:20px;}
.prog-details #prog-footer div.item h2 {padding:0 !important;color:#b8cd32;font-weight:normal;font-size:16px;margin:5px 0 10px;}
.prog-details #prog-footer div.item p,
.prog-details #prog-footer div.item ul {padding:0 !important}
.prog-details #prog-footer div#seealso {background-image:url(../images/icon_bulb.png)}
.prog-details #prog-footer div#goback {background-image:url(../images/icon_table.png)}

/* Praktisch
------------------------------------------------- */

.praktisch #primary .item {float:left;width:250px;padding-left:45px;margin-right:50px;background:none no-repeat;}
.praktisch #primary #meerinfo {background-image:url(../images/icon_question.png)}
.praktisch #primary #contact {background-image:url(../images/icon_envelope.png);background-position:0 -5px;}
.praktisch #primary .item h2 {font-weight:normal;font-size:18px;margin:5px 0 10px;}

.praktisch #primary #main {clear:both;}

/* Aanmelden form
------------------------------------------------- */

#primary fieldset div {position:relative;}
#primary fieldset div .boxes {position:static;}
#primary fieldset div label.error {
	position:absolute;
	width:130px;
	border:1px solid #c99;
	color:#c00;
	background:#fee url(../images/exclamation.png) 5px 50% no-repeat;
	padding:5px 5px 5px 30px;
	left:-190px;
	top:7px;
	font:11px/normal tahoma;
}
#primary fieldset div label.error {-moz-border-radius:4px;-webkit-border-radius:4px;}
#primary ul.radiolist li {background:none;padding-left:0;}

.step h3 {font:normal 1em/1.5 georgia,serif;padding:12px 20px 10px;margin:0;background:#dfe3ee;-moz-border-radius:10px 10px 0 0;}
#primary .o-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;-moz-border-radius:0 0 10px 10px;}

/* SAEF
------------------------------------------------- */

#primary fieldset div.ff-ft {border:none;float:left;width:auto;padding:0;}
#primary fieldset div label {width:30%;}
#primary fieldset div .notes {float:right;width:30%;font-style:italic;color:#666;}
#primary ul.notes {font-style:italic;color:#666;margin-top:10px;}
#primary ul.notes li {padding:0;background:none;overflow:hidden;}
#primary ul.notes strong {float:left;width:9em;}

#primary .ff_matrix {padding:0 0 30px;}
#primary .ff_matrix a {border:none;}
#primary .ff_matrix td.ff_matrix_text {width:10%;}
#primary .ff_matrix td.first {width:20%;}
#primary .ff_matrix textarea {height:15em;}


#primary h2.day-head {background:#DFE3EE;line-height:normal;margin:0;padding:5px 15px;font-size:16px;}