@import url("http://www.consiliumphilosophicum.nl/c/gfdynamicfeedcontrol.css"); 

/* This CSS-style sheet is copyright Consilium Philosophicum; 
treat it with respect! */

/*de kleuren: 
plaats eerste een rgb-variant, voor browsers die rgba niet begrijpen
geel: rgba(220,176,28,1) of #ddb324; 
wit: rgba(255,255,255,1)
zwart: rgba(0,0,0,1)
blauw is rgba(177,206,236,1) of #6699cc; 
blauwgrijs: rgba(117,141,166,1) of #758da6 */

/* waar bij html 380px staat kon ook cover staan: dat blaast de afbeelding op; voeg fixed toe en hij scrollt niet mee */
html { background: url(http://www.phil.uu.nl/~rob/icons/gezicht.gif) no-repeat center 500px;
      -webkit-background-size: 380px;
      -moz-background-size: 380px;
      -o-background-size: 380px;
      background-size: 380px;  }
body { 	font-size: 11px; 
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);
	margin: 0; 
	padding: 0;	}
img	{ border:0; }
#container { width: 66em; 
	margin-top: 4%;
	margin-bottom: 4%;
	margin-left: auto; 
	margin-right: auto; 
	padding: 0;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.6); }

div.title { 	display: block;
	margin: 22px 6px 6px 18px;
	width: 34px;
	padding: 1px 2px;
	color: rgb(220,176,28);
	color: rgba(220,176,28,1);
	border: 1px solid #eee; }
div.excursus { margin-top: 44px;
	padding: 1px 0; 
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);	}
span.title { 	display: block;
	margin: 14px 6px 4px 0;
	width: 34px;
	padding: 1px 2px;
	color: rgb(220,176,28w);
	color: rgba(220,176,28,1);
	border-bottom: 1px solid #eee; }
div.logo, div.logoleft { 	display: none; }


div.logoprint {	vertical-align: bottom;
	padding-top: 13px; 
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,1); 
	padding-right:5%;
	padding-bottom:35px;
	padding-left:43px;
	}
span.logobottom { 	background-color: inherit; 
	margin: 0;
	padding: 4px 6px 6px 2px; 
	height: 20px; }

span.logo { margin: 4px;
	padding: 4px;
	border-bottom: 0; }
	
div.copyright, div.name { display: none; }

div.header { margin-top: 90px;
	margin-left: 290px;
	color: #000;
	text-align: left;
	font-weight: bold;
	border: 0;
	background-color: inherit;
	padding: 1px 0;}
/* nav controls the navigatiebuttons voor de topmenu's */
/*div.header div#navcontainer { margin: 0 0 0 0;
}
nav { margin: 0 0 0 0px;
	padding: 0; }
nav ul, nav li { margin: 0;
	padding: 0;
/*	display: inline;*/
/*	list-style-type: none; }*/

/*de kleuren: het geel is rgba(220,176,28,1); donkergeel: #b9981e; het blauw is #6699cc; blauwgrijs: rgba(117,141,166,1) rood: #da0018 logo-blauw: #b3ceec */
a.main1:link, a.main1:visited, a.main2:link, a.main2:visited, a.main3:link, a.main3:visited, a.main4:link, a.main4:visited, a.mainlast:link, a.mainlast:visited { 
	font-size: 1.1em;
	font-weight: 100;
	color: rgb(255,255,255);
	color: rgba(255,255,255,1);  
	background-color: rgb(220,176,28);
	background-color: rgba(220,176,28,0.8);
    border-top: 1px solid rgba(0,0,0,0.1);
	border-right: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	margin: 0;
	padding: 2px 3px 2px 5px;
	width: 7em; 	
	text-decoration: none; }
a.main1:hover {
	background-color: rgb(177,206,236);
	background-color: rgba(177,206,236,1);
	text-decoration: none; }
a.main2:hover {
	background-color: rgb(177,206,236);
	background-color: rgba(177,206,236,1);
	text-decoration: none; }
a.main3:hover {
	background-color: rgb(177,206,236);
	background-color: rgba(177,206,236,1);
	text-decoration: none; }
a.main4:hover {
	background-color: rgb(177,206,236);
	background-color: rgba(177,206,236,1);
	text-decoration: none; }
a.mainlast:link, a.mainlast:visited {	border-right: 1px solid rgba(177,206,236,1);}
a.mainlast:hover {
	background-color: rgb(177,206,236);
	background-color: rgba(177,206,236,1);
	text-decoration: none; }

table.base { margin: 8px;
    padding-top: 10px;
	padding-right: 20%;
	padding-left: 2%;
	width: 100%;
	background-color: inherit; }
table.base td#navlist { background-color: inherit;
/*	text-align: top; */
	line-height: 2em;
	padding: 2px 3px 84px 3px; }
table.base td.logo { background-color: inherit;
	width: 690px;}
table.base td.buttons { 	background-color: inherit;
	padding-top: 0%;
	padding-left: 6px;
	width: 10.28em; }
table.base td.buttons h3 { text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: rgb(179,206,236);
	color: rgba(179,206,236,1);
	border-bottom: 0;
	padding: 11px 6px 0 10px;
	margin: 78px 0 -82px -14px; }
table.base td.buttons p { 	text-align: left;
	line-height: 1.9em; 
	margin-top: 85px;
	margin-bottom: -65px;}
/* deze cssbtn buttons zijn die in de linkerkolom! */
table.base td.buttons a.cssbtn	{ width: 10em;
	text-align: center;
	line-height: 1em; 
	margin: 1px -2px 4px -6px;
    padding: 4px 9px 5px;
	font-weight: 300;
	font-size: 1em;
	text-decoration: none;
    color: #fff;
    background: #222 url(/i/alert-overlay.png) repeat-x;
	background-color: rgb(179,206,236);
	background-color: rgba(179,206,236,0.8);
    -moz-border-radius: 5px;
    -webkit-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);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
	display: block;}
table.base td.buttons a.cssbtn.last, table.base td.buttons a.cssbtn.last:hover	{ 
    border-top: 0;}
table.base td.buttons a.cssbtn:hover { 
	background-color: rgb(220,176,28);
	background-color: rgba(220,176,28,0.6); /* #69c; */
	color: rgb(255,255,255);
	color: rgba(255,255,255,1);
    -moz-border-radius: 5px;
    -webkit-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);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } 
table.base td.center { padding: 2px 15px;
	border: 0;
	background: transparent;
	margin-right: 60px;
	margin-bottom: 120px;}

/*** FORMATTED TABLES ***/
table.formatted { padding: 22px 1px 12px 1px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.2);
	border: 1px #555;
    -moz-border-radius: 5px;
    -webkit-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);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	text-align: left;
	margin-left: 0.1em;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);
	width: 120%; }
table.formatted td { 	
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);
    padding: 0.1em 0.15em 0.2em 0.3em;  }
table.formatted th { 	
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.5);
	background-color: rgb(220,176,28);
	background-color: rgba(220,176,28,0.2);
	padding: 0.35em 0.35em 0.35em 4.75em;
	border-bottom: 1px solid rgba(177,206,236,1);
	font-size: 1.2em;
	font-style: normal;
	font-variant: small-caps; }
table.formatted th.issue, table.formatted th.h2 { 	padding: 0.2em 0.3em;
    font-size: 1em;
	font-weight: 300;
	font-style: normal;
	font-variant: normal; }
table.formatted strong { 	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.3); }
table.formatted var { background-color: inherit; 
	color: rgba(204,0,0,0.4)}

/* controls table rows in forms */
form { margin-bottom: 40px; }
form table { margin-top: 34px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(220,176,28);
	background-color: rgba(220,176,28,0.2);
	width: 500px;}
form table th { 
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.5);
	padding: 4px;
	font-style: normal;
	background-color: #000; 
	text-align: left; }
form table td	{ padding: 6px; 
	font-weight: 600;
	border: 0;
    color: rgb(0,0,0);
    color: rgba(0,0,0,0.5);
	background-color: inherit; }

p.date  { text-align: center; 
	margin-top: 44px;
	border-top: 1px solid #ddd; 
	padding-top: 8px;
	cursor: help; 
    font-size: 0.8em; }

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
/*** keep the whitespace in front of the ^=, hides rule from konqueror this is css3, the validator doesn't like it when validating as css2 ***/
/* td.center a[href ^="http://"] {
	background: url(http://www.phil.uu.nl/~rob/icons/externallink.gif) center
	right no-repeat;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 14px;} */
/* 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? */
td.center a[href$=".pdf"] {
	background: url(http://www.phil.uu.nl/~rob/icons/pdf.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$=".jpg"] {
	background: url(http://www.phil.uu.nl/~rob/icons/jpg.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$=".jpeg"] {
	background: url(http://www.phil.uu.nl/~rob/icons/jpg.gif) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$='.doc'] {
	background: url(http://www.phil.uu.nl/~rob/icons/word.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$='.xls'] {
	background: url(http://www.phil.uu.nl/~rob/icons/excel.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$=".mp3"] {
	background: url(http://www.phil.uu.nl/~rob/icons/mp3.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 20px;}
td.center a[href$=".ppt"] {
	background: url(http://www.phil.uu.nl/~rob/icons/pp.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$=".txt"] {
	background: url(http://www.phil.uu.nl/~rob/icons/txt.png) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
td.center a[href$=".zip"] {
	background: url(http://www.phil.uu.nl/~rob/icons/zip.gif) center
	right no-repeat;
    text-decoration: none;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -background-size: contain;
    padding-right: 18px;}
table.base td.last {padding-left:16px;
    padding-top:66px; }

a:link { 
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.7); }
a:visited {	
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.7); 
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.7);}
a:focus, a:hover { 
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.9); 
    text-decoration: none;
    border-bottom: 0;
   	background-color: rgb(177,206,236);
   	background-color: rgba(177,206,236,0.8);}
a:active { 
	color: #FFCC00; 
    text-decoration: none: }


/* specifications of bigger-scale navigation buttons */
a.awesome{
background: #222 url(/i/alert-overlay.png) repeat-x;
display: inline-block;
padding: 4px 9px 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-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);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

/* Sizes ---------- */
a.small.awesome {
font-size: 11px;
}
a.medium.awesome {
font-size: 13px;
}
a.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
 
/* Colors ---------- */
a.blue.awesome {
background-color: rgb(176,204,235);
background-color: rgba(176,204,235,1);
}
a.yellow.awesome:link, a.yellow.awesome:visited {
background-color: rgb(220,176,28);
background-color: rgba(220,176,28,1);
}
a.yellow.awesome:active {
background-color: rgb(220,176,28);
background-color: rgba(220,176,28,1);
}
a.yellow.awesome:hover {
background-color: rgb(179,206,236);
background-color: rgba(179,206,236,08);
}
/* a.cssbtn { margin: 1px; 
	color: #fff; 
	background-color: rgb(179,206,236);
	background-color: rgba(179,206,236,0.7);
	padding: 1px 4px;
	min-width: 7em; 
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 300;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border: 2px solid; 
	border-color: #ddd #6e6e6e #6e6e6e #ddd;	
	white-space: nowrap;
	cursor: pointer; }

a.cssbtn:hover { text-decoration: none; 
	color: #777; 
	background-color: rgb(179,206,236);
	background-color: rgba(179,206,236,1);
 }

a.cssbtn:active { text-decoration: none; 
	background-color: rgb(220,176,28);
	background-color: rgba(220,176,28,1);
	color: #000; 
	border: 2px solid; 
	border-color: #6e6e6e #ddd #ddd #6e6e6e;} */

ul { list-style-type:  square; 
	margin-left: -20px;
    line-height: 16px; }
ol { margin-top: 40px;
	margin-left: -20px;}
/*** 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; }  
ol.zebra, ul.zebra, ol.achteruit-tellen  {	margin-left: 16px;
    list-style-position: outside; 
	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: rgb(220,176,28);
	background-color: rgba(220,176,28,0.1); }
.zebra li:nth-child(even), .achteruit-tellen li:nth-child(even { 
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.2); }
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;
	background-color: #fff;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6); }
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: ")"}

h1, h2, h3, h4, h5, p.coll {  	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-style: normal; 
	font-weight: lighter; 
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);
	text-align: left; 
	border-bottom: 1px solid #ddd; 
	margin-top: 44px;
	margin-bottom: -6px; }

h1 { font-size: 36px; 
	line-height: 36px; 
	vertical-align: sub; }

h2, p.coll { font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 32px; 
	line-height: 32px; 
	border-bottom: 0; 
	font-weight: 100; 
	margin-top: 80px;
	margin-bottom: -40px;
	text-align: left; 
	vertical-align: sub; 
	letter-spacing: 6px; }

h3 { padding-top: 18px;
	padding-bottom: 6px;
	font-size: 18px; 
	line-height: 1em; }

h3.image {	display: none; }
h4 { font-size: 16px;
	margin-bottom: 4px;
	line-height: 16px; 
	vertical-align: sub; }

h5 { font-size: 10px; 
	line-height: 10px; 
	vertical-align: sub; }
h2 + ul, h2 + ol, h2 + p { 	margin-top: 50px; }

hr	{ width: 100%;
	margin-top: 40px; }
abbr { 
	color: rgb(177,206,236);
	color: rgba(177,206,236,1);
   	font-style: italic;
}

span.label {display: none;}
p.bibitem { margin-top: -1.9em;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	display: block;
    margin-left: 18px;
	padding: 6px;
	text-indent: -26px; }	
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; }