body {
   margin: 0;
   padding: 0;
   background-color: #000;
   background-image:url(../img/bg.jpg);
   color: grey;
   font: small Arial, Helvetica, Verdana, sans-serif;
}
#wrapper {
   background-color: #000;
   color: #ccc;
   margin: 60px 60px 60px 60px;
   padding: 10px;
}

#header a:link, #header a:visited {
   text-decoration: none;
   font-weight: bold;
   font-size:90%;
   color: #222;
}
#header a:hover  {
   color:yellow;
   text-decoration:none;
   font-size:110%;
   background-color:#000;
}

#header-bottom {
   border-top: 1px solid #990066;
   border-bottom: 1px solid #990066;
}
#header-bottom ul {
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#header-bottom li {
   display: inline;
   background-color:#000;
   color: #050845;
}
#header-bottom a:link, #header-bottom a:visited {
   text-decoration: none;
   background-color: #000;
   color: #aaa;
   font-size:130%;
   font-weight:normal;
}
#header-bottom a:hover  {
   color:yellow;
   background-color:#f00;
   font-size:130%;
   font-weight:normal;
}
#main {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   margin-top: 10px;
}
#content {
   margin: 0 240px 0 210px;
   border: 1px solid #990066;
   background-color: #000;
   color: #aaa;
   background-image:url(../img/BanPurple.jpg);
   background-repeat:repeat-y;
}
#content .inner {
   margin: 10px 20px 10px 40 px;
}
#content .inner h2 {
   color: #aaa;
   padding-bottom: 0.2em;
   padding-left: 10px;
   border-bottom: 1px solid #990066;
   font-size: 130%;
}
#content .inner h3 {
   color:#aaa;
   font-size: 130%;
}
#content .inner a:link, .inner a:visited  {
   color: #990066;
   text-decoration:none;
}
#content .inner a:hover  {
   color:yellow;
   background-color:#990066;
}
#content .inner p {
   color: #aaa;
   font-size: 110%;
   padding-right:40px;
   text-align:justify;
}
#content .inner .features img {
   float: left;
   margin: 0 5px 5px 0;
}
#content .inner .author  {
   font-weight: bold;
}
#content .inner p.meer  {
  margin-top:0;
  text-align:right;
}
#content .inner p.meer a:link, #content .inner p.meer a:visited  {
   color:#0000ff;
   background-image:url(../img/arrow1.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
   color:#1e4c82;
}
content .inner p.meer a:active  {
   color:#0000ff;
   background-image:url(../img/arrow3.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
   color:#1e4c82;
}
#content .inner p.meer a:hover  {
   color:yellow;
   background-color:black;
   background-image:url(../img/arrow2.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
}
#content .inner p.meerlinks a:link, #content .inner p.meerlinks a:visited  {
   color:#0000ff;
   background-image:url(../img/arrow1.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
   color:#1e4c82;
}
#content .inner p.meerlinks a:hover  {
   color:yellow;
   background-color:black;
   background-image:url(../img/arrow2.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
}
#sidebarleft  {
   position: absolute;
   top: 0;
   left: 0;
   width:200px;
   background-color:#000;
   color: #aaa;
   margin:0;
   padding:0;
}
#sidebarleft h3  {
   font-size:120%;
   color:#aaa;
   background-image:url(../img/tab_popschool.gif);
   background-repeat:no-repeat;
   margin:0;
   padding:0.2em 0 0.2em 10px;
   font-weight:bold;
}
#sidebarleft .sidebarinner  {
   padding:10px;
}
#sidebarleft ul  {
   list-style-type:none;
   margin-left:10;
   padding-left:20px;
}
#sidebarleft p, #sidebar li  {
   font-size:90%;
   line-height:1.4em;
}
#sidebarleft ul a:link, #sidebar ul a:visited  {
   font-size:90%;
   color:blue;
}
#sidebarleft ul a:hover  {
   font-size:90%;
   color:yellow;
   background-color:#990066;
}
#sidebarleft a:link, #sidebar ul a:visited  {
   font-size:90%;
   color:blue;
}
#sidebarleft a:hover  {
   font-size:90%;
   color:yellow;
   background-color:#990066;
}
#sidebarleft p.meer  {
  margin-top:0;
  text-align:right;
}
#sidebarleft p.meer a:link, #content .inner p.meer a:visited  {
   color:#0000ff;
   background-image:url(../img/arrow1.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
   color:#1e4c82;
}
#sidebarleft p.meer a:active  {
   color:#0000ff;
   background-image:url(../img/arrow3.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
   color:#1e4c82;
}
#sidebarleft p.meer a:hover  {
   color:yellow;
   background-color:black;
   background-image:url(../img/arrow2.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
   padding-right:20px;
   font-size:90%;
}
#sidebar  {
   position: absolute;
   top: 0;
   right: 0;
   width:220px;
   background-color:#000;
   color:#444;
   margin:0;
   padding:0;
}
#sidebar h3  {
   font-size:120%;
   color:#444;
   background-image:url(../img/tab_popschool.gif);
   background-repeat:no-repeat;
   margin:0;
   padding:0.2em 0 0.2em 10px;
   font-weight:bold;
}
#sidebar .sidebarinner  {
   padding:10px;
}
#sidebar ul  {
   list-style-image:url(../img/arrow1.gif);
   margin-left:10;
   padding-left:20px;
}
#sidebar p, #sidebar li  {
   font-size:90%;
   line-height:1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited  {
   color:white;
}
#sidebar ul a:hover  {
   color:yellow;
   background-color:#990066;
}
#searchform .text  {
   width:196px;
   border:1px solid #990066;
}
#searchform .searchbutton  {
   text-align:left;
   margin-top:4px;
}
#searchform .btn  {
   border:1px solid #990066;
   background-color:#990066;
   color:white;
}
#sidebar p.meer  {
   clear:right;
   margin: 0 20px 0 0;
   text-align:right;
}
#sidebar p.meer a:link, #sidebar p.meer a:visited  {
   color:white;
   background-image:url(../img/arrow1.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
}
#sidebar p.meer a:hover  {
   color:yellow;
   background-color:#990066;
   background-image:url(../img/arrow2.gif);
   background-repeat:no-repeat;
   background-position:center left;
   padding-left:20px;
}
#leftnav, #leftnav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
display:inline;
}
#leftnav li {
float: left;
width: 120px;
}
#leftnav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#leftnav li:hover ul, #leftnav li.ie_does_hover ul {
  left: auto;
  background-position: 0 0;
}
#leftnav a {
  display: inline;
  margin: 2px 5px 3px 5px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
}
ul a{
  font-weight: bold;
  cursor: default;
}
ul ul a:link, ul ul a:visited{
  font-weight: bold;
  cursor: pointer;
}
ul ul a:hover, ul ul a:active{
  font-weight: bold
  color: #000;
  cursor: pointer;
}
ul ul li{
  background-color: #cccccc;
  border-top: 3px solid #FFF;
  border-left: 0;
}

/* IE only hack \*/
* html ul ul li{
  border-bottom: 3px solid #FFF;
  border-top: 0;
}
/* Einde IE only hack */