html, body {
	margin: 0;
	padding: 0;
	background-color: #5C2840;
	font-family: verdana, sans-serif;
	font-size: small;
	color: #07005F;
}

a {
    color: rgb (247, 119, 0);
}

img {
	border: none;
    padding: 0;
}

.right {
	float: right;
}

.left {
	float: left;
}

.date {
    color: #00aeef;
}

/* Header */

#header {
	height: 90px;
	margin: 0;
	padding: 0 5px 0 0;
    background-color: white;
    background-image: url(../img/testlogo.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-size: 11px;
    color: #00aeef;
}

#header h1 {
    display: none;
}

#header a {
    font-size: 11px;
    color: rgb (247, 119, 0);
}

#pdfHeader {
background-color: #83a51c;
height: 30px;
}

#pdfHeader a {
color: #FFFFFF;
font-size: 24px;
}

#pdfIndex {
  margin-left: 30%; 
  position: relative;
}

#uulink {
    margin-top: 60px;
    float: right;
    clear: right;
}

#path {
    float: right;
}


/* Linkerkolom */

/*hover menu */

body {
  behavior:url("http://www.ublad.uu.nl/csshover.htc");
 } 
  * {
   font-family:arial,tahoma,verdana,helvetica;
   font-size:12px;
  }
 
 p.intro {
  font-weight:bold;
  font-style:italic;
 }

 h1 { 
   font-size:140%; 
 }
 
 h2 { 
   font-size:125%;
 }

 a {
  font-weight:bold;
  text-decoration:none;
  color:#f77700;
 }
  a:hover {
   color:#cb690e;
  }
  
 /* algemene positionering */

 div#content {
  margin-left:200px;
  width:400px;
 }

 ul#menu {
  position:absolute;
  left:25px;
  top:2em;
 }

 /* Het 100% CSS menu */

#needtoknow ul, li {
  margin:0;
  padding:10px;
  display:block;
 }  

#needtoknow ul {
  list-style:none;
  width:150px;
  padding:10px;
  border:0px;
  background:#fffcf0;

 } 

#needtoknow li {
  position:relative;
  padding:5px;
  border:0px;
  z-index:9;
 }
 
#needtoknow li.folder {
   border-right-color:#cc0000;
  }

  /* decoratieve hover */

#needtoknow  li:hover {
   z-index:15;
  }

 /* Alle subnavigatie verbergen */
  
#needtoknow ul ul {
  position:absolute;
  display:none;
  right:-140px;
  top:4px;
 }
  
  /* :hover, met specificity */
  
#needtoknow  li:hover ul ul {
   display:none;
  }

#needtoknow  li:hover ul, li:hover li:hover ul {
   display:block;
  }

#needtoknow {
	position: absolute;
	left: 0;
	width: 150px;
	height: auto;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 11px;
	font-weight: bold;
}

#needtoknow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#needtoknow li {
	display: block;
}

#needtoknow li li{
	display: block;
	padding:5px;
}

#needtoknow a {
    color: white;
}

#needtoknow img {
   margin: -5px -5px -5px -5px;
}

/* Menu links */

.nieuws {
	background-color: rgb(230, 177, 34);
    padding: 5px 5px 10px 5px;
}

.ublad {
    background-color: rgb(186, 180, 65);
    padding: 5px 5px 10px 5px;
}

.ublad a {
    color: #07005F ! important;
}

.papier {
    background-color: rgb(131, 165, 28);
    padding: 0px 0px 0px 0px;
}

.papier a {
    color: #FFFFFF ! important;
}

.uraad {
    background: rgb(255, 203, 5);
    padding: 5px 5px 10px 5px;
}

.qdesk {
    background: rgb(203, 2, 125);
    padding: 5px 5px 10px 5px;
}

.qdesk a {
    color: #07005F ! important;
}

.dossier {
    background-color: rgb(162, 181, 184);
    padding: 5px 5px 10px 5px;
}

.dossiers {
    background-color: rgb(131, 165, 28);
    padding: 5px 5px 10px 5px;
}


.faculteitsberichten {
    background: rgb(204, 107, 45);
    padding: 5px 5px 10px 5px;
}

.nieuw_blokje {
    background: rgb(255, 200, 100);
    padding: 5px 5px 10px 5px;
}

.english {
    background: rgb(180, 30, 142);
    padding: 5px 5px 10px 5px;
}

.ukjes {
    background-color: rgb(190, 215, 48);
    padding: 5px 5px 5px 5px;
}

.handig {
    background-color: rgb(180, 30, 142);
    padding: 5px 5px 10px 5px;
}

.minipoll {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding: 0px 0px 0px 0px;
}

.pollnew {
    background-color: #00b4e5;
    color: #07005F;
    padding: 0px;
	margin:0px;
	border:none;
}

.pollnew a {
    color: #07005F ! important;
}

.pollnew1 {
    background-color: #00b4e5;
    color: rgb(255, 255, 255);
    padding: 0px;
	margin:0px;
	border:none;
}

#pollRes {
color: #FFFFFF;
background-color: #00b4e5;

}

#pollRes a {
margin-left: 26px;
font-weight:normal;
}


.pollhead {
    background: #00b4e5;
    padding: 5px 5px 10px 5px;
}

.minipoll a {
    color: #000000 ! important;
}

.links {
    background-color: rgb(204, 107, 45);
    padding: 5px 5px 10px 5px;
}

.zoeken {
    background-color: rgb(181, 154, 172);
    padding: 5px 5px 10px 5px;
}

.archief {
    background-color: rgb(181, 154, 172);
    padding: 5px 5px 10px 5px;
}

.contact {
    background-color: rgb(168, 160, 56);
    padding: 5px 5px 10px 5px;
}

.colofon {
    background-color: rgb(116, 50, 71);
    padding: 5px 5px 10px 5px;
}

.denkmee {
    background-color: rgb(0, 174, 239);
    padding: 5px 5px 10px 5px;
}

.denkmee a {
    color: #07005F ! important;
}

.adverteren {
    background-color: rgb(196, 213, 69);
    padding: 5px 5px 10px 5px;
}

.adverteren a {
    color: #07005F ! important;
}


.webmaster {
    background-color: rgb(158, 197, 77);
    padding: 5px 5px 10px 5px;
}

.valentijn {
    background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}
.uit {
    background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}

/* Rechterkolom */

#nicetoknow	{
	position: absolute;
	right: 15px;
	margin: 0 -15px 0 0;
	padding: 0;
	width: 150px;
	color: white;
	font-size: 11px;
	font-weight: bold;
} 

/* right and margin values for IE Mac */

@media all {
    #nicetoknow { right: 0; margin: 0; }
} 

/* values for other browsers */

#nicetoknow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nicetoknow li {
	display: block;
}


#nicetoknow li li{
	display: block;
	padding:5px;
}

#nicetoknow a {
    color: white;
}

#nicetoknow img {
    margin: -5px -5px -6px -5px;
}

#nicetoknow form {
    display: block;
    margin: 5px 0 5px 0;
}

#nicetoknow .pro {
    margin-left: 20px;
    color: green;
}

#nicetoknow .con {
    margin-left: 20px;
    color: red;
}

#nicetoknow .submit {
    margin-top: 5px;
    text-align: center;
}

/* 100 % css menu */

#nicetoknow ul, li {
  margin:0;
  padding:0;
  display:block;
 }  

#nicetoknow ul {
  list-style:none;
  width:150px;
  padding:0px;
  border:0px;
  background:#fffcf0;
 } 

#nicetoknow li {
  position:relative;
  padding:5px;
  border:0px;
  z-index:9;
 }
 
#nicetoknow li.folder {
   border-right-color:#cc0000;
  }

  /* decoratieve hover */

#nicetoknow  li:hover {
   z-index:15;
  }

 /* Alle subnavigatie verbergen */
  
#nicetoknow ul ul {
  position:absolute;
  display:none;
  left:-140px;
  top:4px;
 }
  
  /* :hover, met specificity */
  
#nicetoknow  li:hover ul ul {
   display:none;
  }

#nicetoknow  li:hover ul, li:hover li:hover ul {
   display:block;
  }

/* Menu rechts */



.besteedtuit {
    background: rgb(230, 195, 230);
    padding: 5px 5px 10px 5px;
}

.besteedtuit a {
    color: #07005F ! important;
}

.canon {
    background: rgb(0, 90, 170);
    padding: 5px 5px 10px 5px;
}


.prijsvraag {
    background: rgb(116, 50, 71);
    padding: 5px 5px 10px 5px;
}

.winnen {
    background: rgb(0, 102, 132);
    padding: 10px 10px 10px 10px;
}


.weblog {
    background: rgb(239, 195, 228);
    padding: 5px 5px 10px 5px;
}

.weblogs {
    background: rgb(245, 121, 6);
    padding: 5px 5px 10px 5px;
}

.cultuuragenda {
    background: rgb(214, 197, 211);
    padding: 5px 5px 10px 5px;
}

.cultuuragenda a {
    color: #07005F ! important;
}

.driehoog {
    background: rgb(216, 214, 231);
    padding: 5px 5px 10px 5px;
}

.dagrubriek {
    background: rgb(0, 174, 239);
    padding: 5px 5px 10px 5px;
}


.dagrubriek a {
    color: #07005F ! important;
}

.schreef {
    background: rgb(204, 107, 45);
    padding: 5px 5px 10px 5px;
}

.keuken {
    background: rgb(168, 160, 56);
    padding: 5px 5px 10px 5px;
}

.vijfvragen {
    background: rgb(181, 154, 172);
    padding: 5px 5px 10px 5px;
}

.crypto {
    background: rgb(41, 204, 251);
    padding: 5px 5px 10px 5px;
}

.crypto a {
    color: #07005F ! important;
}

.veiling {
    background: rgb(233, 93, 14);
    padding: 5px 5px 10px 5px;
}


.beeld {
    background: rgb(247, 119, 0);
    padding: 5px 5px 10px 5px;
}

.medewerker {
    background: rgb(249, 161, 80);
    padding: 5px 5px 10px 5px;
}

.hetnieuwsvan {
    background: rgb(243, 166, 65);
    padding: 5px 5px 10px 5px;
}

.medewerker a {
    color: #07005F ! important;
}

.hetnieuwsvan a {
    color: #07005F ! important;
}

.liefde {
    background: rgb(249, 142, 43);
    padding: 5px 5px 10px 5px;
}

.liefde a {
    color: #07005F ! important;
}

.strips {
    background: rgb(181, 154, 172);
    padding: 5px 5px 10px 5px;
}

.hoog {
    background-color: rgb(180, 30, 142);
    padding: 5px 5px 10px 5px;
}

.video {
    background: rgb(168, 215, 48);
    padding: 5px 5px 10px 5px;
}



.video2 {
    background: rgb(51, 147, 87);
    padding: 0px 0px 0px 0px;
}



.slide-show {
    background: rgb(0, 90, 170);
    padding: 5px 5px 10px 5px;
}


.cartoon {
    background: rgb(247, 119, 0);
    padding: 5px 5px 10px 5px;
	
}

.uit2009 {
    background: rgb(56, 166, 214);
    padding: 5px 5px 10px 5px;
	
}

.essay {
    background: rgb(180, 185, 50);
    padding: 5px 5px 10px 5px;
	
}

.oranje {
    background: rgb(255, 100, 0);
    padding: 5px 5px 10px 5px;

	
}



.forum {
    background: rgb(190, 215, 48);
    padding: 5px 5px 10px 5px;
    color: #FFFFFF;
}

.forum a {
    color: #FFFFFF ! important;
}

.showbizz {
    background: rgb(161, 208, 58);
    padding: 5px 5px 10px 5px;
    color: #FFFFFF;
}

.showbizz a {
    color: #FFFFFF ! important;
}

.rss {
	padding: 5px 5px 10px 5px;
	background: rgb(131, 165, 28);
}

/* Middenkolom */

#main {
 	background-color: white;
	color: #07005F;
	margin: 0 170px 30px 170px;
}

#main  a {
    color: 000000;
}

#main  a:visited {
    color: 000000;
}

#main  a:hover {
    color: 000000;
}

#main h2 {
	padding: 5px 5px 5px 10px;
	background: #00aeef;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	clear: left;
}

#main p {
	margin: 0;
	padding: 5px 5px 10px 10px;
}

#main img {
    padding: 0px 10px 0px 0px;
	float: left; 
}

#main ul {
    margin: 0;
	padding: 5px 5px 15px 10px;
	background: #FFFFFF;
	list-style: none;
}

#main li {
	display: block;
}

div#comment {
	margin: 0;
	padding: 5px 5px 10px 10px;
    color: #00aeef;
	font-size: 11px;
}

div#comment ul {
    margin: 0;
	padding: 5px 5px 15px 10px;
    color: #00aeef;
	font-size: 11px;
	background: white;
}

div.comment {
	margin: 0;
	padding: 5px 5px 10px 10px;
    color: #00aeef;
	font-size: 11px;
}

#main div.comment ul {
    margin: 0;
	padding: 5px 5px 15px 10px;
    color: #00aeef;
	font-size: 11px;
	background: white;
}

#main h3 {
	padding: 5px 5px 5px 10px;
	background: white;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	clear: left;
}

#main h4 {
        padding: 5px 5px 5px 10px;
        background: white;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        clear: left;
}

#pdfonline {
  width: 100%;
  height: 80%;
}

#pdfmenu ul {
width: 75px;
}


img.free {
    float: none ! important;
}

img.border {
    float: none ! important;
	padding: 4px 0px 4px 2px;
}

ul.open {
    margin: 0;
	padding: 5px 5px 15px 10px;
	background: #C6C2E1;
	list-style: none;
}

ul.open li {
    margin-bottom: 10px ! important;
	display: block;
}

.lila {
	background: #C6C2E1;
}

ul.first {
	background: #000000;

}

ul.second {
	background: #FFFFFF;
}