/*** main CSS sheet (rob.css). Rob van Gerwen, 2004 ***/
/*** CSS3 VQS | Chapter 13 | cssreset-simple.css ***/
/* *{margin:0;padding:0;border:0;outline:0;line-height:1.4em;vertical-align:baseline;text-decoration:none;} */
/*** GENERAL STYLE SPECIFICATIONS ***/
input.text { border: 1px solid black;}
body{
font-family: Verdana, "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Tahoma, Helvetica, Arial, sans-serif; /* inheritance in nn 4.x?? */
font-size: 11px; /* inheritance in nn 4.x?? */
color: #444;
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 70%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(70%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(209,209,209,1) 70%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(209,209,209,1) 70%,rgba(254,254,254,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(209,209,209,1) 70%,rgba(254,254,254,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, rgba(226,226,226,1) 0%,rgba(209,209,209,1) 70%,rgba(254,254,254,1) 100%); /* W3C */
}
img { border: 0; }
p { text-indent: 0;
margin-top: -0.1cm;
text-align: left;
line-height: 1.3em;}
p.date {display: block;
font-size: 1.2em;
text-decoration: none;
writing-mode: bt-rl; /* Internet Explorer? */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
-webkit-transform: rotate(90deg); /* Safari */
-moz-transform: rotate(90deg); /* Firefox */
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg); /* Opera */
transform: rotate(90deg);
padding: 0.4em 1.2em;
position: absolute;
right: 0;
top: 190px;
font-family: 'hoefler text', 'palatino linotype', Palatino, "new century schoolbook", Times, serif;
font-weight: 200;
color: #036;
background-color: transparent;
background-color: rgba(255,255,255,0.1);
border: 1px solid #036;}
p.date:hover { background-color: #036;
color: rgba(255,255,255,1);
}
/* controls the headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'hoefler text', 'palatino linotype', Palatino, "new century schoolbook", Times, serif;
font-weight: bold; }
h1 { padding-top: 0.5em;
font-weight: 100;
font-variant: small-caps;
line-height: 1.1em; }
h1, h2, h3, h5, h6 { color: #036;
font-variant: small-caps; }
h2 { font-weight: 600;
margin-top: 1.5em; }
h4 { margin-right: 0.1em;
line-height: 1.1em;
padding-bottom: 0.2em;
margin-bottom: 0.8em;}
h5 { font-size: 200%;}
hr { margin: 6px 0 12px 0; }
a:link { color: #444;
text-decoration: underline;
background-color: inherit; }
a:visited { background-color: inherit;
color: #036;
text-decoration: underline; }
a:hover, a.pdf:hover { background-color: yellow;
color: #000;
text-decoration: none; }
a:focus, a.pdf:hover { background-color: yellow;
color: #000;
text-decoration: none; }
a:active { color: #eee;
text-decoration: none; }
/*** keep the whitespace in front of the ^=, hides rule from konqueror this is css3, the validator doesn't like it when validating as css2 ***/
#content a[href ^="http://"] {
background: url(../icons/externallink.gif) center
right no-repeat;
padding-left: 0px;
padding-right: 11px;
text-decoration: underline; }
/* 1. De volgende specs plaatsen plaatjes voor de links naar files vd genoemde soort; ze werken. 2. Enige probleem: hoe scale ik de plaatjes zo dat ze er mooi uit zien? pdf.png is ietsje te groot (is nog mee te leven, maar is niet perfect), maar jpg.png is veel te groot ... 3. Als ik ze kan scalen, kan ik dit aanzetten en moeten de applescripts van ls2tochtml aangepast (geen img-files meer inserten) 4. Als het werkt, dan ook toevoegen aan ucu.css 5. lijkt CSS3 code; ontsnapping voor IE? */
a[href$=".pdf"] {
background: url(../icons/pdf_oud.gif) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$=".jpg"] {
background: url(../icons/jpg.png) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$=".jpeg"] {
background: url(../icons/jpg.gif) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$='.doc'] {
background: url(../icons/word.png) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$='.xls'] {
background: url(../icons/excel.png) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$=".mp3"] {
background: url(../icons/mp3.png) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$=".ppt"] {
background: url(../icons/pp.png) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$=".txt"] {
background: url(../icons/txt.png) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
a[href$=".zip"] {
background: url(../icons/zip.gif) center
right no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-right: 18px;}
/*.blog-entry-category {
padding-left: 19px;
background: no-repeat left center url(images/category.png);
margin-left: 8px;}*/
ol {margin-left: 0;
padding-left: 0;
list-style-position: inside;
text-indent: 0;
position: relative;
top:0px;
margin-left: 2em;
margin-top: -10px; }
ul {margin-left: 0;
padding-left: 0;
list-style: none;
list-style-position: inside;
position: relative;
top:0px;
left:-2px;}
ul li { margin-left: 0px}
/*** ol.achteruit-tellen komt van http://www.sitepoint.com/making-css-count-backwards/ ***/
ol.achteruit-tellen { margin-left: -1px; list-style-type:none; }
ol.achteruit-tellen > li { counter-increment:start-from -1; }
ol.achteruit-tellen > li:before { content:counter(start-from) ". "; }
* html ol.achteruit-tellen { list-style-type:decimal; }
*+html ol.achteruit-tellen { list-style-type:decimal; }
ul.plain { list-style-image: url("../icons/ball-o.gif");
list-style: inside; }
/*** ol.achteruit-tellen code voor in de html-file:
- In tenth place..
...
- In first place..
***/
ul.zebra { list-style-position: outside;
width: 572px;
padding-left: -4px; }
ol.zebra, ol.achteruit-tellen { list-style-position: outside;
width: 572px;
padding-left: -4px; }
.zebra li:first-child, .achteruit-tellen li:first-child { border-top: solid 1px #ddd; }
.zebra li, .achteruit-tellen li { border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-left: solid 1px #ddd;
padding: 0 3px 2px 3px;
position: relative;} /*** hierdoor kan ik de title absoluut positioneren, tov. de li; maar het positioneert de ul wel relatief tov zijn parent ***/
.zebra li:nth-child(odd), .achteruit-tellen li:nth-child(odd) { background-color: #eff4fd; }
.zebra li:nth-child(even), .achteruit-tellen li:nth-child(even) { background-color: #fff; }
ol span.title, ul span.title {
padding: 0 8px 0 4px;
white-space:nowrap;
margin: 0 0 0 -3.2em;
position: absolute;
top: 2px;
right:-3.8em;
line-height: 1em;
width: 28px;
font-weight: bold;
font-weight: 600;
background-color: #fff;
color: #444; }
ol span.title:before, ul span.title:before, div.grouping .subtitle:before { content: "("}
ol span.title:after, ul span.title:after, div.grouping .subtitle:after { content: ")"}
ol.alpha { margin-left: 0px;
list-style: inside; }
ol.alpha li { list-style-type: lower-alpha; }
ol.argument { list-style-position: outside;
padding-left: 4px; }
ol.argument li { padding-top: 8px; }
ol.argument li ol { margin-left: 0px;
list-style: inside; }
ol.argument li ol li { padding-top: 0;
list-style-type: lower-alpha; }
ol.argument li:first-child { padding-top: 8px; }
ul.plain { margin-left: -38px;
margin-top: -10px; }
ul.lezen { list-style-image: url("../icons/ball-y.gif") ; }
ul.kijken { list-style-image: url("../icons/ball-b.gif") ; }
ul.nested { list-style-image: url("../icons/liggrijs.gif") ; }
ul.inleveren { list-style-image: url("../icons/ball-r.gif") ; }
ul.puzzle { list-style: inside;
margin-left: 0px;
margin-top: 0px; }
ul.puzzle li {
list-style: url("../icons/ball-o.gif") disc; }
table { padding: 1px;
background-color: inherit;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
width: 100%;}
table th { color: #777;
background-color: rgb(238,238,238);
background-color: rgba(238,238,238,1);
padding: 0.35em;
/*** border-bottom: 8px solid #515057; ***/
vertical-align: bottom;
font-size: 1.2em;
font-style: italic;
font-variant: small-caps; }
table td { color: #000;
border-bottom: 1px solid #ddd;
vertical-align: bottom;
padding: 0.1em 0.15em 0.2em 0.3em; }
table a:link { color: #777;
text-decoration: none;}
table a:visited { color: #777; }
table a:hover { color: #000;
text-decoration: none;}
table a:focus { color: #000;
text-decoration: none;}
table th.issue { color: yellow;
background-color: #000;
padding: 0.2em 0.3em;
border-bottom: 12px solid #515057;
font-size: 1em;
font-weight: 300;
font-style: normal;
font-variant: normal; }
th.sub { padding: 0.15em;
border-bottom: 2px solid #515057;
background-color: rgb(238,238,238);
background-color: rgba(238,238,238,0.7);
text-align: left;
font-style: normal;
font-size: 1.0em;}
table strong { color: red;
background-color: yellow; }
th.right { text-align: right; }
td.head { color: inherit;
background-color: inherit;
font-size: 1.1em;
padding-right: 0.2em;
text-align: right;
vertical-align: top;
min-width: 8em; }
.clearfix {clear: both; }
/* INLINE MODIFIERS */
strong { background: inherit;
font-weight: 600;
color: rgb(2,52,100);
color: rgba(2,52,100,1); /* rgb(159,6,8)*/ }
var { font-weight: 300;
font-style: normal;
background-color: inherit;
color: #C00; /** voor MSIE **/
color: rgb(204,0,0);
color: rgba(204,0,0,0.8);
}
acronym, abbr { font-family: inherit;
font-style: normal;
border-bottom: 1px dotted #777;
cursor: help; }
acronym, abbr hover { color: #000; }
.dfn { font-style: normal;
font-weight: 700;
margin-bottom: 0.6cm; }
.small { font-size: 0.7em; }
.big { font-family: "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 3em;
line-height: 3em;
vertical-align: sub; }
.theatre {color: #000;
padding: 0.1em 0.2em;
background-color: #9c0; }
.dance {color: #000;
padding: 0.1em 0.2em;
background-color: #fcf305; }
.music {color: #000;
padding: 0.1em 0.2em;
background-color: #3cc; }
.phil {color: #000;
padding: 0.1em 0.2em;
background-color: #f60; }
.comment { display: block;
padding: 0 4px;
background-color: rgba(255,0,0,0.1);
color: rgba(0,0,0,0.7);}
.sample { display: block;
padding: 0 4px;
background-color: rgba(0,128,0,0.1);
color: rgba(0,0,0,0.7);}
/*** PAGE STRUCTURE SPECIFICATIONS ***/
#container { margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 50px;
padding-bottom: 0px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgb(0,0,0);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(0,0,0,0.25);
background-color: #fff;
max-width: 66em;
_width: 66em; }
div#content {
width: 60em;
clear: left; }
div#search { background-color: #fff;
font-size: 1em;
margin-left: 0px;
padding: 6px 2px 0px 0px;}
div#name {display: none; }
div.Logo { background-color: #fff;
margin: 0;
padding: 0; }
div.name, div#name { display: none; }
span.grieks { display: none; }
p.bread { height: 0;
overflow: hidden;
color: white;
background-color: white;}
.printOnly { display: none; }
p#ms { display: none; }
/* border: outset 1px #000;
background-color: #0069B3; /* #0068b1; */
/*padding : 4px 4px;
display : block;
width : 77px;
margin : 1px;
line-height : 1.2em; */
/* controls navigation */
div.Main { background-color: #fff;
margin-bottom: 52px;
padding: 20px 30px 0px 30px; }
/* categories controls the set of buttons, on top, in the present sub-site */
div.categories { background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 0;
line-height: 3em;
padding: 0px 0.5em 0.5em 30px;
clear: left; }
div.categories a span, div.categories a:link, div.categories a:visited, div.categories a:hover, div.categories a:active { text-decoration: none; }
span.begrippen div.categories { margin-left: -4px;
margin-top: 4px;}
/* specifications of navigation buttons */
a.cbutton{
background: #222 url(/icons/alert-overlay.png) repeat-x;
display: inline-block;
padding: 4px 9px 5px;
color: #fff;
text-decoration: none;
font-size: 0.9em;
font-weight: bold;
line-height: 1.4em;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgb(0,0,0);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgb(0,0,0);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer; }
/* cbutton-Colors ---------- */
a.cbutton:link, a.cbutton:visited {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
background-color: rgb(2,52,100);
background-color: rgba(2,52,100,1); }
a.cbutton:active, a.cbutton:hover {
color: rgb(64,55,22);
color: rgba(64,55,22,1);
background-color: rgb(228,183,25);
background-color: rgba(228,183,25,1); }
/* a.cbutton { margin: 0;
padding: 1px 6px 1px 6px;
font-size: 1em;
font-family: "Lucida Sans", "Lucida Grande", Lucida, "Trebuchet MS", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, Arial, sans-serif;
line-height: 2.3em;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
border: 2px outset #ddd;
white-space: nowrap;
cursor: pointer; }
a.cbutton:link { border: 2px outset #ddd;
background-color: #ddd;
color: #000;
cursor: pointer; }
a.cbutton:visited { background-color: #ddd;
color: #000;
font-size: 1em;
text-decoration: none; }
a.cbutton:hover { background-color: #ccc ;
font-size: 1em;
color: #000;
text-decoration: none; }
a.cbutton:focus { border: 2px inset #ddd;
background-color: #aaa;
font-size: 1em;
color: #000;
text-decoration: none; }
a.cbutton:active { border: 2px inset #ddd;
border: 2px inset #ddd;
background-color: #ddd;
font-size:1em;
text-decoration: none; }
a.cbutton strong { background: #bbb;
font-size: 1em;
color: #930; }
a.cbutton:hover strong { background: #930;
font-size: 1em;
color: #266; }
*/
/*** CHILDREN OF #CONTENT ***/
p.menu { margin: 4px 0 18px 0;
padding: 2px 4px 2px 14px;
text-align: center;
background-color: #ddd;
color: #036;
border: 1px solid silver; }
div.datum { padding: 12px 4px 0px 1px;
color: #023464;
background-color: #fff;
border-top:2px solid rgb(2,52,100);
border-top:2px solid rgba(2,52,100,0.2);
font-family: 'hoefler text', 'palatino linotype', Palatino, "new century schoolbook", Times, serif;
font-size: 2.2em;
line-height: 1em;
margin-top: 0;
margin-bottom: 4px; }
p.coll { width:100%;
padding:4px 4px 2px 0px;
margin:24px 26px 12px 0px;
font-family: 'hoefler text', 'palatino linotype', Palatino, "new century schoolbook", Times, serif;
font-size:18px;
line-height:1.1em;
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,0.3);
color: rgb(2,52,100);
color: rgba(2,52,100,0.8);
clear: both; }
p.coll img { margin-top: -14px;
margin-left: -38px;
float: left;}
h1.part { padding-top: 8px;
padding-bottom: 0;
line-height: 1.5em;
text-align: center;
color: #c90;
margin-top: 10px;
margin-bottom: -10px; }
/* verkleint spatie tussen de headings als ze samen voorkomen */
h1 + h2, h2 + h1 { margin-top: -0.5em; }
h2 + p.coll { margin-top: -0.5em;
text-align: center; }
div.asst { line-height: 1.2em;
margin: 10px 10px 10px 10px;
border: 1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 14px 4px 0 6px; }
figure {
position: relative;
display: block;
width: 30.1em;
margin: 12px 0 12px 0; }
figure > img { width: 30em;
border: 1px solid #333;
}
figure.right {float: right;
margin-left: 20px;}
figure.left {float: left;
margin-right: 20px;}
figure.full { width: 59.1em;
margin:10px 0; }
figure.full > img { width: 59em; }
figure.half {float: right;
margin-left: 14px;
width: 150px; }
figcaption {
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
font-size: .9em;
color: #fff;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.7);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out; }
/* Display the captions on hover */
figure:hover figcaption {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000); }
/* Add padding and margin to the caption contents */
figcaption * {
padding: 0 10px;
margin: 0; }
figcaption *:first-child {
padding-top: 5px; }
figcaption *:last-child {
padding-bottom: 5px; }
/* Give captions and headings their own font */
figcaption h1,figcaption h2, figcaption h3, figcaption h4 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #fff; }
/* .image { counter-reset: figNum 0; }
h1:before {counter-increment: figNum; content: ÒFigure Ó counter(figNum) Ò:Ó }
span.image, p.image { float: right;
padding: 20px;
margin-top: 6px;
margin-left: 8px;
margin-bottom: 8px; }
p.image image { width: 10%;}
span.image-left { float: left;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px; }
span.caption:before {
counter-increment: figNum;
content: "Figure " counter(figNum) ". ";
display: inline; }
span.caption { font-size: 11px;
margin: 0 0 16px 0;
padding: 6px;
display: block;
border: 1px solid #ddd;
background-color: #fff; } */
/* controls table rows */
table#search { margin-left: -4px;
width: 40%;
border: 0;}
table#search td { border-bottom: 0; }
/*** TABLE ROWS IN FORMS ***/
table.form { margin-top: 24px;
margin-left: 0;
border: 1px solid #000;
color: #fff;
background-color: #C03;
padding: 2px;
border-spacing: 4px;}
table.form tr { padding: 2px; }
table.form th { color: yellow;
padding: 4px;
font-style: normal;
border: 1px solid #fff;
background-color: #000; }
table.form td { padding: 3px 3px 3px 6px;
border: 0;
vertical-align: bottom;}
table.form strong { background-color: inherit;
color: #000;
font-weight: 700;}
/*** FORMATTED TABLES ***/
table.formatted { padding: 0 2px;
margin-left: 0.1em;
border: 1px solid #ddd; }
/*** table.formatted span.bibitem { text-indent: 0; margin-top:0.6em; display: block; margin-bottom:-0.9em; background-color: inherit; color: inherit; padding: 0.5em; border: 1px solid #ddd; } ***/
table.formatted td { background-color: #eee;
background-color: rgb(238,238,238); /*** lichtgrijs = #eee voor IE ***/
background-color: rgba(238,238,238,0.4);
color: #000;
padding: 0.1em 0.15em 0.2em 0.3em; }
table.formatted a:link, table.formatted a:visited { color: #000;
text-decoration: underline; }
table.formatted a:hover { background-color: yellow;
text-decoration: none;
color: #000; }
table.formatted a:focus { background-color: yellow;
text-decoration: none;
color: #000; }
table.formatted td.all, table.formatted td.theatre, table.formatted td.music, table.formatted td.dance, table.formatted td.phil {color: #000; }
table.formatted th { color: yellow;
background-color: red;
padding: 0.35em 0.35em 0.35em 4.75em;
border-bottom: 1px solid #000;
font-size: 1.2em;
font-style: normal;
font-variant: small-caps; }
table.formatted th.issue, table.formatted th.h2 { color: #fdba30;
background-color: #e10010;
padding: 0.2em 0.3em;
border-top: 4px solid #555;
border-bottom: 4px solid #555;
font-size: 1em;
font-weight: 300;
font-style: normal;
font-variant: normal; }
table.formatted strong { color: red;
background-color: yellow; }
table.formatted var { background-color: inherit;
color: #B02425;
color: rgb(204,0,0);
color: rgba(204,0,0,0.8);}
/*** student tables ***/
table.student { padding: 0 2px;
margin-left: 0.1em;
border: 0;
color: #000; }
table.student td { background-color: #fff;
background-color: rgb(255,255,255); /*** wit = #fff voor IE ***/
background-color: rgba(255,255,255,0.4);
/*** background-color: #c90;
background-color: rgb(204,153,0); /*** lichtoker = #c90 voor IE ***/
/*** background-color: rgba(204,153,0,0.4); ***/
border: 0;
vertical-align: bottom;
min-width: 8em;
text-align: right;
padding-right: 4px;
font-style: italic;
color: #000;
color: rgb(0,0,0);
color: rgba(0,0,0,0.8);
padding: 0.1em 0.15em 0.2em 0.3em; }
table.student th.jaar { text-align: center;
vertical-align: bottom;
font-size: 2em;
padding-right: 4px;
font-weight: 800;
/* border: 1px solid #000; */
color: #fff;
color: rgb(255,255,255); /*** wit = #fff voor IE ***/
color: rgba(255,255,255,0.8);
background-color: #c90;
background-color: rgb(204,153,0); /*** lichtoker = #c90 voor IE ***/
background-color: rgba(204,153,0,1);
font-style: normal;
font-variant: small-caps; }
table.student th.titel { text-align: left;
font-size: 1.4em;
font-weight: 600;
padding-left: 2px;
color: #eee;
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.8);
border-bottom: 1px solid #000;
font-style: normal;
font-variant: caps; }
table.student td.naam { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.datum { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.studie { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.link { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.eerste { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.tweede { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.publicatie { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.E { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.W { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.carriere { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.verder { text-align: left;
font-style: normal;
font-weight: 600;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
background-color: #023464;
background-color: rgb(2,52,100); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(2,52,100,0.2); }
table.student td.leeg { text-align: left;
background-color: #023464;
background-color: rgb(224,203,132); /*** lichtblauw = #023464 voor IE ***/
background-color: rgba(224,203,132,0.1);
font-style: normal; }
table.student a:link, table.formatted a:visited { color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7);
text-decoration: underline; }
table.student a:hover { background-color: yellow;
text-decoration: none;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7); }
table.student a:focus { background-color: yellow;
text-decoration: none;
color: #000;
color: rgb(25,25,25);
color: rgba(25,25,25,0.7); }
table.student strong { color: red;
background-color: yellow; }
table.student var { background-color: inherit;
color: #B02425;
color: rgb(204,0,0);
color: rgba(204,0,0,0.8);}
/* FORM STYLES */
input:focus, select:focus, textarea:focus {
background-color: #ddd; }
fieldset { padding: 4px;
background-color: #ddd; }
form strong { line-height: 1.2em;
color: yellow;
background-color: #ccc; }
legend { font-style: italic;
font-size: 1.2em; }
label { font-size: 1.2em;
font-weight: 700;
margin-top: 4px; }
div#footnotes { display: none; }
span.bibitem { /* clear: both; */
text-indent: 0;
line-height: 1.3em;
color: #444;
background: url(../icons/toggle.png) center left no-repeat;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-background-size: contain;
padding-left: 18px;
/*** display: block;
text-wrap: normal
margin-bottom:0.9em;
margin-top: 0em;
background-color: rgb(204,214,224);
background-color: rgba(204,214,224,0.3); /*** rgba(255,255,204,0.4);
padding: 0.5em;
border: 1px solid #ddd; ***/
}
/*span.bibitem-p { text-indent: 0em; margin-left: 2em; margin-top:0.6em; margin-bottom:0.6em; }*/
div.rob { display:none; }
div.rob p { margin: 0em; }
div.grouping {
/* width: 100%; */
clear:both;
position: relative;
border-color: rgb(204,214,224);
border-color: rgba(204,214,224,0.3); /*** rgba(222,185,68,0.6); rgba(204,204,204,0.6);***/
border-width: 1px;
border-style: solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: rgb(204,214,224);
background-color: rgba(204,214,224,0.1);/*** rgba(221,221,221,.1); ***/
margin: 13px 0 2px 0;
padding: 2px 2px 4px 2px; }
div.grouping .grouping {
border-color: rgb(221,221,221);
border-color: rgba(221,221,221,0.8);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 94%;
background-color: #fff;
margin: 11px -58px 11px 10px;
padding: 10px 6px 2px 6px; }
.grouping + .grouping { margin-top: 11px;
}
div.grouping ul, div.grouping ol { position: relative;
top:0px;
left:2.3%;
width: 94%;
}
div.grouping span.title { padding: 9px 24px;
position: absolute;
top: -15px;
left: -15px;
font-size: 12px;
font-weight: 600;
border-color: rgb(233,233,233); /***
border-color: rgba(204,214,224,0.3); /*** rgba(222,185,68,0.6); rgba(204,204,204,0.6);***/
border-width: 1px;
border-style: solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: rgb(250,251,252);
/*** background-color: rgba(204,214,224,0.1);/*** rgba(221,221,221,.1); ***/
clear: both;
white-space: nowrap;
background-color: rgb(2,52,100);
background-color: rgba(2,52,100,0.7);}
/*** div.grouping .grouping span.title {
float: left;
margin-bottom: 32px; } ***/
div.grouping .subtitle {
padding: 0 8px 0 4px;
white-space:nowrap;
margin: 0 0 0 -3.2em;
position: absolute;
top: -2px;
right:-3.8em;
background-color: #fff;
line-height: 2em;
width: 28px;
color: #444; }
div.grouping span.title + ul { margin-top: 60px; }
div.grouping span.title a:link { font-weight : 600; }
span.title + p.coll { margin-top: 6px;}
div.excursus { font-size: 11px;
margin: 8px 0 16px 0;
padding: 16px 6px 6px 6px;
border: 1px solid #fefefe;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #fff; }
div.excursus div.excursus {background-color: #eee;
color: #666;}
div.excursus div.excursus h2, div.excursus div.excursus h3, div.excursus div.excursus h4 {background-color: #ddd;
color: #666;}
div.lecturenotes h1, div.lecturenotes h2, div.lecturenotes h3, div.lecturenotes
div.abstract {
margin: 10px 0 10px 0;
padding: 6px;
max-width: 52em;
background-color: #f9f9f9;
color: #777;
border: 1px solid #ddd; }
div.abstract p.coll { color: #036;
border: 2px outset #ddd;
font-style: italic;
background: #ddd;
font-size: 180%; }
div.copyright { display: none; }
span.update { display: none; }
p.indent { text-indent: 1.5em; }
p.opdracht { padding: 0.4em 0.2em 0.3em 0.35em;
color: #036;
background-color: #996;
font-weight: bold;
font-size: 1.5em;
line-height: 1.5em;
border-left: 8px #000 solid;
margin-top: -6px;
margin-bottom: 1em; }
/* alleen voor de begrippenlijst; zie .alfabet in rob2.css voor de legenda */
p.begrippen { margin-top: 12px;}
p.begrippen strong { font-size: 1.4em;
font-weight: bold;
line-height: 1.2em;
color: red;
margin-right: 2px;
margin-left: -2px;
background: url(../icons/triangle.gif) center
left no-repeat;
padding-top: -12px;
padding-left: 24px;
padding-right: 4px;}
/*** OBSOLETE? ***/
div.hoofdtekst ul, div.hoofdtekst ol { list-style: inside; } /* koncon - philcon-site */
div.title {background-color: #5177c3;
padding: 2px 6px;
margin: 8px 0px 12px 0;
width: 28px;
text-align: center;
font-weight: bold;
color: #eee; }
/* To be placed before inhoudsopgaven van boeken */
span.toc { margin: 0.1em 0 -0.2em 34px;
line-height: 1.8em;
width: 55em;
padding: 0.1em 0em 0em 9px; }
.toc table { padding: 1px;
background-color: inherit;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
width: 100%;
color: #000; }
.toc table th { color: #777;
background-color: #eee;
padding: 0.35em;
border-bottom: 8px solid #515057;
vertical-align: bottom;
font-size: 1.2em;
font-style: italic;
font-variant: small-caps; }
.toc table td { color: #000;
border-bottom: 1px solid #ddd;
vertical-align: bottom;
padding: 0; }
span.trekker { float: right;
width: 25%;
font-size: 120%;
font-weight: 300;
padding: 1em;
text-indent: -0.5em;
border: 1px 0 1px 1px;
border-color: solid rgb(221,221,221);
border-color: solid rgba(221,221,221,0.8);
background-color: rgb(221,221,221);
background-color: rgba(221,221,221,0.1);
color: #777;
margin: 0.4em -7px 0.4em 0.5em; }
.update a:hover { background-color: red;
color: #eee;
text-decoration: none; }
/*** CONTROLS THE FOOTER ***/
div.Footer { color: #fff;
font-size: 12px; /* inheritance in nn 4.x?? */
padding-top: 2px;
margin-top: 24px;
margin-bottom: 83px;
background-color: #fff;
text-decoration: none;
/* padding-top: 10px; used margin-bottom in div#content so div.Footer can be forgotten */ }
div.Footer strong { color: #fff; }
span.FooterIcons { float: right;
background-color: #fff;
margin-top: 0px;
margin-right: 4px;
padding-right: 0; }
span.FooterIcons a image { -moz-border-style: none; /* needed for mozilla */
border: 0;
height: 24px;
color: #fff;
background-color: #fff; /* hide borders in nn 4.x */ }
span.FooterIcons a { text-decoration: none;}
span.FooterIcons a:hover { text-decoration: none;
background-color: #fff; }
span.footerbuttons { background-color: #fff;
float: right;
clear: all;
font-size: 10px; /* inheritance in nn 4.x?? */
margin-top: 10px;
margin-left: 30px;
padding-bottom: 4px;
line-height: 1em;
vertical-align: top;
margin-right: 4px; */ }
span.footerbuttons a image { -moz-border-style: none; /* needed for mozilla */
border: 0;
height: 24px;
color: #fff;
background-color: #fff; /* hide borders in nn 4.x */ }
span.footerbuttons a.ignore {}
span.footerbuttons a.ignore:link { text-decoration: none;}
span.footerbuttons strong { color: #fff; }
span.footerbuttons a.ignore:visited {}
span.footerbuttons a.ignore:hover {}
span.footerbuttons a.ignore:focus {}
span.footerbuttons a.ignore:active {}
span.hide { display: none;}
div.statcounter { margin-bottom: 4px; border: none; }
a.statcounter { text-decoration: none; border: none; }
span.FooterLinks { margin-left: 0.4em;
float: right;
margin-top: 6px;
color: #fff;
white-space: nowrap; /* XXX: does not work in nn 4.x, so a bigger bg-image is needed... */ }
span.FooterIconsKLM {
padding: 16px 10px; /* assume 15px (16?) image */ }
/*** navigation-menu, must be loaded late ***/
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 11em; }
#nav li { /* all list items */
position : relative;
top:0px;
left:18px;
float : left;
line-height : 1.25em;
margin-left: 0;
margin-bottom : -1px;
width: 11em; }
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
z-index: 3;
margin-left : 12.2em;
margin-top : 0; }
#nav li ul ul { /* third-and-above-level lists */
left: -999em; }
#nav li a {
width: 11em;
w\idth : 12.9em;
display : block;
background-color: rgb(247,247,247);
background-color: rgba(247,247,247,0.9);
color: #036;
font-weight : normal;
text-decoration : none;
border : 1px solid;
border-color: rgb(220,220,220);
border-color: rgba(220,220,220,0.9);
padding : 0 0.5em; }
#nav li a:hover { color: rgb(0,0,0);
color: rgba(0,0,0,1);
background-color: rgb(189,189,189);
background-color: rgba(189,189,189,0.9);}
#nav a.blog:hover { color: inherit;
background-color: #ddefff; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto; }
div.Footer a link:hover {background-color:#fff;}
/* start bibtex CSS */
span.biblabel{display:none;}
span.cmr-17{font-size:170%;}
span.cmr-12{font-size:120%;}
span.cmbx-10{ font-weight: bold;}
span.cmti-10{ font-style: italic;}
p.nopar { text-indent: 0em; }
a img { border-top: 0; border-left: 0; border-right: 0; }
center { margin-top:1em; margin-bottom:1em; }
td center { margin-top:0em; margin-bottom:0em; }
img.math{vertical-align:middle;}
li p.indent { text-indent: 0em }
span.footnotetext{ font-size:80%; font-style:italic; }
div.obeylines-h,div.obeylines-v {white-space: nowrap; }
div.obeylines-v p { margin-top:0; margin-bottom:0; }
td.displaylines {text-align:center; white-space:nowrap;}
div.verbatim {font-family: monospace; white-space: nowrap; }
span.fbox {padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
table.minipage{width:100%;}
div.center, div.center div.center {text-align: center; margin-left:1em; margin-right:1em; margin-top:0.5em; margin-bottom:0.5em;}
div.center div {text-align: left;}
div.flushright, div.flushright div.flushright {text-align: right;}
div.flushright div {text-align: left;}
div.flushleft {text-align: left;}
div.framebox-c, div.framebox-l, div.framebox-r { padding-left:3.0pt; padding-right:3.0pt; text-indent:0pt; border:solid black 0.4pt; }
div.framebox-c {text-align:center;}
div.framebox-l {text-align:left;}
div.framebox-r {text-align:right;}
div.array {text-align:center;}
div.tabular, div.center div.tabular {text-align: center; margin-top:0.5em; margin-bottom:0.5em;}
table.tabular td p{margin-top:0em;}
div.td00{ margin-left:0pt; margin-right:0pt; }
div.td01{ margin-left:0pt; margin-right:5pt; }
div.td10{ margin-left:5pt; margin-right:0pt; }
div.td11{ margin-left:5pt; margin-right:5pt; }
td.td00{ padding-left:0pt; padding-right:0pt; }
td.td01{ padding-left:0pt; padding-right:5pt; }
td.td10{ padding-left:5pt; padding-right:0pt; }
td.td11{ padding-left:5pt; padding-right:5pt; }
div.newtheorem { margin-bottom: 2em; margin-top: 2em;}
span.TEX {letter-spacing: -0.125em; }
span.TEX span.E{ position:relative;top:0.5ex;left:-0.0417em;}
a span.TEX span.E {text-decoration: none; }
span.LATEX span.A{ position:relative; top:-0.5ex; left:-0.4em; font-size:85%;}
span.LATEX span.TEX{ position:relative; left: -0.4em; }
div.marginpar {width:20%; float:right; text-align:left; margin-left:auto; margin-top:0.5em; font-size:85%; text-decoration:underline;}
div.marginpar p{margin-top:0.4em; margin-bottom:0.4em;}
div.float {text-align:center;}
div.figure {text-align:center;}
td.equation { margin-top:1em; margin-bottom:1em; }
td.eqnarray4 { width:5%; white-space: normal; }
td.eqnarray2 { width:5%; }
table.eqnarray-star, table.eqnarray {width:100%;}
div.eqnarray{text-align:center;}
div.pmatrix {text-align:center;}
span.pmatrix img{vertical-align:middle;}
div.pmatrix {text-align:center;}
img.cdots{vertical-align:middle;}
table.caption {text-align:center;}
h1.partHead{text-align: center}
span.quote {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; }
span.verse{white-space:nowrap; margin-left:2em}
div.maketitle {margin-top:1.5em; text-align:center; background-color: #023464; color: #000; border: 1px solid #ccc; padding-bottom: 0.4em;}
div.maketitle h1, div.maketitle h2 {text-align:center; color: #fff; }
h3.sectionHead{margin-top:2em;}
h4.likesubsectionHead{text-align:center; font-size:140%;}
div.maketitle{ margin-bottom: 2em; }
div.author, div.date {text-align:center;}
div.thanks{text-align:left; margin-left:10%; font-size:80%; font-style:italic; }
div.author{white-space: nowrap;}
span.quotation {margin-bottom:0.25em; margin-top:0.25em; margin-left:1em; }
span.abstract p {margin-left:5%; margin-right:5%;}
div.figure img.graphics {margin-left:10%;}
div.verbatiminput {font-family: monospace; white-space: nowrap; }
/* end css.sty */