/* Copyright 2009 Rene Wennekes */

body
  {
	background: #111 url('backbody.jpg');
	/*background-repeat: repeat-x;
	background-attachment: fixed; */
	padding: 0px;
	margin: 0px;
	/*overflow-y: scroll; not css valid until css3*/
  }

body,p,h1,h2,h3,h4,h5,h6,legend,label,td,th,div 		
  {
  text-align: left;
  font-family: Arial;
  color:#AAA;
  font-size: 10pt;
  text-decoration:none;
  letter-spacing:.3em;
  }	

p,h1,h2,h3,h4,h5,h6,legend,label,td,th
  {
  margin: 6px;
  }	


h1 		{font-size: 20pt;}
h2 		{font-size: 16pt;}
h3 		{font-size: 14pt;}
h4 		{font-size: 12pt; letter-spacing:.1em; padding: 24px 24px; border: 0px solid #800;
       font-weight: 500; text-align: center;}
h5 		{font-size: 10pt;}
/* h6 		{font-size:  9pt; margin: 24px 0px;letter-spacing:.6em; display: inline-block; border-bottom: 1px dotted #D5974E;} */
h6 		{font-size:  11pt; font-weight: 900; margin: 24px 0px 0px -24px; padding-left: 18px; display: inline-block; border-left: 3px dotted #D5974E;}

ul  {
  list-style-type: square;
  list-style: url(square.png) square;
  margin-left: -18px;
  }

li  {
  
  }

.left     {text-align: left;}
.center   {text-align: center;}
.right    {text-align: right;}
.justify  {text-align: justify;}

.redmarker {color: red;}
.boldmarker {font-weight: bold;}

span.sub {vertical-align:sub }

span.sup {vertical-align:super }

span.big {font-size:larger}

span.small {font-size:smaller}

span.tt {font-family: Courier, "Courier New", Consolas, monospace}


p.header  {font-family: Arial; color: #CCC; font-size: 48pt; text-decoration:none;}
p.footer  {font-family: Arial; color: #404040; font-size:  9pt; text-decoration:none; letter-spacing:.3em; word-spacing:.5em;}

p.content
  {text-align: justify;
  font-family: Arial;
  color: #CCC;
  font-size: 10pt;
  text-decoration: none;
  padding: 10px;
  }	

a	   	      {color:#CC8; text-decoration:none;}
a:hover	   	{color:#EEE;}

div.containeroud
  {
  background: transparent;
  width: 100%;
	padding: 0px;
	border: 0px solid red;
  }

div.container
  {
  background: transparent;
  background: #111;
  background: #111;
  position: absolute; left: 50%; width: 960px;
	padding: 0px; margin-left: -480px; border: 0px solid red;
  }
  
div.header
  {
  background: #222 url('header.jpg');
  height: 150px;
	margin: 0px;
	padding: 0px 24px;
	overflow: hidden;
	}

div.navbar-oud
  {
  background-image: url(navLink.png);
  background-repeat: repeat-x;
  height: 35px;
  margin: 0px;
  padding: 0px 12px;
  }

div.navbar
  {
  background: #222 url(_navLink.png);
  margin: 0px;
  padding: 0px;
  }

a.navbar {
  border-right: 1px dotted #555;
  display: inline;
  float: left;
	font: normal 11px Tahoma, "trebuchet ms";
	color: #fff;
	text-decoration: none;
	/*text-transform: uppercase;*/
	letter-spacing:.1em;
	line-height:30px; /* Dit was 35px maar dan tekst niet goed in het midden*/
  margin: 0px;
	padding: 0px 16px;
	
	}

a.navbar:hover {
	color:#ffc;
  background: #333 url(_navLinkHover.png);
	}

div.middle
  {
  background: #222 url('main_bg.png') no-repeat;
  
  border: 0px solid red;
  margin: 0px;
  padding: 24px 24px 24px 124px;
  }

div#twitter {
  margin: 24px 0px 24px 24px;
  width: 250px;
  height: 300px;
  float: right;
  }

div#facebook {
  margin: 24px 0px 24px 24px;
  width: 250px;
  float: right;
  }


div#license {
  /*
  background-color: #E6E2E8;
  background-image: url('_OSI-Approved-License-100x137.png');
  background-position: 440px 10px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #FFF; opacity: 0.75; filter: alpha(opacity=75);
  */
  color: #EEE;
  width: 560px;
  height: 720px;
  padding: 6px;
  overflow: auto;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  letter-spacing:.1em;
  margin-bottom: 8px;
  }

div.footer
  {
  background: #222 url('footer_bg.jpg');
  width: 100%; height: 112px;
  padding: 0px 0px; margin: 0px; overflow: hidden;
  }

table.footer  {
  margin-top: 6px;
  border: 0px solid red;
  border-spacing:0px
  }

td.footer {
  width: 240px;
  border: 0px solid red;
  
  vertical-align: top;
  padding: 6px 20px;
  
  font-size: 7pt;
  letter-spacing: .1em;
  }

ul.footer {
  margin: 0px;
  list-style-type: square;
  list-style: url(rss_footer.gif) square;
  margin-left: -20px;
  }

li.footer {
  
  }

a.footer        {text-decoration:underline;}
a.footer:hover  {
  }

div.content
  {
  margin: 0px;
  }

div.file
  {
  width: 600px;
  margin: 12px 0px;
  padding: 2px 6px;
  background: transparent url('_file_bg.png');
  border-bottom: 1px solid #222;
  }

a.filename	   	      {color:#CC8; text-decoration:underline; font-weight: normal;letter-spacing:.1em;}
a.filename:hover	   	{color:#EEE;}


.filename {
  font-weight: normal;
  font-style: italic;
  }

.filesize {
  /*float: right;*/
  margin-left: 10px;
  font-size: x-small;
  }

.filedate {
  float: right;
  font-size: x-small;
  font-style: normal;
  }

.filehash {
  float: left;
  font-size: x-small;
  font-style: normal;
  letter-spacing:.1em;
  }

.filedownload {
  float: right;
  font-size: x-small;
  font-weight: 100;
  font-style: normal;
  }

img
  {
  border: 0px; padding: 0px; margin: 0px;
  }

a.imglink             {border: 0px solid #000000; padding: 0px; margin: 0px;}
a.imglink:hover       {
                       
                       }

img.imglink           {border: 1px solid #888;
                       
                       }

a.panel	   	      {color:#CCC; 
                   text-decoration:none;
                   width: 100%;
                   height: 100%;
                   font-size: small;
                   font-weight: 900;
                   text-align: right;
                   margin: 4px -2px;
                   display: block;
                   border: 0px solid white;
                   }

a.panel:hover	   	{color:#CCC;}

/* verticale navigatiebalk */

.menu a {
  display: block;
  background-color: #222; /* Dit remarken voor geen balken */
  width: 188px; /* 228 - 2x padding*/
  margin: 0px 0px 1px 0px;
  padding: 0px 20px 0px 20px;
	color: #EEE;
	/* font-weight: normal; */
	text-decoration: none;
	
	}

.menu a:hover {
  background-color: #422; /* Dit remarken voor geen balken */
  
	color: #FFBA00;
	}

.menuactive a {
  
  
	color: #cc5;
	}

.menu .chapter {
                  padding: 0px 20px 0px 10px;
                  width: 170px; /* 200 - 2x padding*/
                  color: #FFBA00;
                  }

.menu  {
          
          list-style: none; /* Geen bullets */
          margin: 0px;
          padding: 0px; /* komt bij li's */
          
          }

.menu li {
            border-style: none none dotted none;
            border-width: 1px;
            border-color: #555;
            margin: 0px 0px 8px 0px;
            padding: 0px 0px 0px 0px;
            text-align: left;
            /*font:11px Arial, Helvetica, sans-serif;*/
            color: #FFBA00;
            /*letter-spacing:.1em;*/
            /*line-height:18px;*/
            }




/* Horizontale navigatiebalk */

	
a.navbar-oud:hover {
	color:#fff;
  background-image: url(navLinkHover.png);
  background-repeat: repeat-x;
	}



a.mapbar {
  
  
  float: left;
	font:10px Arial, Helvetica, sans-serif;
	color: #EEE;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.1em;
	line-height:24px;
	
  margin: 0px;
	padding: 0px 10px;
	border-right:0px solid #FF6600;
	}
	
a.mapbar:hover {
	color:#e0e0e0;
	background: #883300;
	background: #333 url(navbar-h.gif) repeat-x top left;
	}


a.mapbaractive {
  
  float: left;
	font:10px Arial, Helvetica, sans-serif;
	color: #EEE;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.1em;
	line-height:24px;
	
  margin: 0px;
	padding: 0px 10px;
	border-right:0px solid #FF6600;
	background: #444 url(_corner.gif) no-repeat bottom right;
	}
	
a.mapbaractive:hover {
	color:#e0e0e0;
	background: #FF6600;
	}

input.tubeleft  {
  background: url('input-left.png') no-repeat left top;
  width: 20px; height: 20px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  }

input.tubemiddle  {
  background-image: url('input-middle.png');
  height: 20px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  margin-left: -4px; margin-right: -4px;
  color: #111; text-align: center;
  }

input.tuberight  {
  background: url('input-right.png') no-repeat right top;
  width: 20px; height: 20px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  }

input.searchbutton  {
  background: transparent url('magnify.png') no-repeat;
  width: 48px; height: 48px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  margin: 0px 10px;
  cursor:hand; cursor:pointer;
  }

input.subscribebutton {
  background: transparent url('subscribe.png') no-repeat;
  width: 100px; height: 100px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  margin-left: auto; margin-right: auto;
  text-align: center;
  display: none;
  cursor:hand; cursor:pointer;
  }

input.contact,textarea.contact  {
  color: #AAA;
  background: #333 url('input-bg.png');
  border: 1px solid #555;
  }

input.contact:focus,textarea.contact:focus {
  background: #444 url('input-bg.png');
  border: 1px solid #666;
  }

select:focus,option:focus	   	{outline: 0;}

input[type="radio"], input[type="checkbox"] {
  color: #336699;
  background-color: #888;
  border:solid 1px #ccc;
}




	span.yellow {
		color: #cf0;
		}

	span.green {
		color: #0c0;
		}

	a.nav {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #aaa;
		padding: 0 30px 3px 0;
		}

	a.nav:hover {
		color: #cf0;
		background: #222;
		text-decoration: none;
		}