/* body */

body {
 background: #6EAB30 url('../graphics/gras.jpg') fixed top;
color: #FAFAD2; 
font-family:verdana, sans-serif;
font-size:10pt;
 margin-left: 0px;
 margin-top: 0px
}

/* page content */

H1 {
background: transparent;
color: #ABE975; 
font-family:verdana, sans-serif;	
font-size:12pt;
 letter-spacing: 1px;
}

a:link, a:visited, a:active {
background: transparent;
color: #FFFFFF; 
font-family:verdana, sans-serif;	
font-size:10pt;
 font-style: italic;
 letter-spacing: 1px;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
background: transparent;
color: #ADFF2F; 
font-family:verdana, sans-serif;	
font-size:10pt;
 font-style: italic;
 letter-spacing: 1px;
 text-decoration: none;
  font-weight: bold;
}

a.trak:link, a.trak:visited, a.trak:active {
background: transparent;
color: #000000; 
 font-style: italic;
 letter-spacing: 0px;
 text-decoration: none;
 font-weight: bold;
}

a.trak:hover {
background: transparent;
color: #706F77; 
font-family:verdana, sans-serif;	
font-size:10pt;
 font-style: italic;
 letter-spacing: 0px;
 text-decoration: underline;
  font-weight: bold;
}

a.green:link, a.green:visited, a.green:active {
background: transparent;
color: #9ED476; 
font-family:verdana, sans-serif;	
font-size:9pt;
 font-style: normal;
 letter-spacing: 0px;
 text-decoration: none;
  font-weight: bold;
}

a.green:hover {
background: transparent;
color: #CFF2B0; 
font-family:verdana, sans-serif;	
font-size:9pt;
 font-style: normal;
 letter-spacing: 0px;
 text-decoration: none;
  font-weight: bold;
}

a.black:link, a.black:visited, a.black:active {
background: transparent;
color: #000000; 
font-family:verdana, sans-serif;	
font-size:9pt;
 font-style: normal;
 letter-spacing: 0px;
 text-decoration: none;
  font-weight: bold;
}

a.black:hover {
background: transparent;
color: #706F77; 
font-family:verdana, sans-serif;	
font-size:9pt;
 font-style: normal;
 letter-spacing: 0px;
 text-decoration: none;
  font-weight: bold;
}

a.bottom:link, a.bottom:visited, a.bottom:active {
background: transparent;
color: #ADFF2F; 
font-family:verdana, sans-serif;	
font-size:6pt;
 text-decoration: none;
   letter-spacing: 0px;
}

a.bottom:hover {
background: transparent;
color: #FFFFFF; 
font-family:verdana, sans-serif;	
font-size:6pt;
 text-decoration: none;
  letter-spacing: 0px;
}

a.toplink:link, a.toplink:visited, a.toplink:active {
background:#343635;
color: #D3D3C9; 
font-family: "Times New Roman", serif;	
font-size:10pt;
 letter-spacing: 2px;
 text-decoration: none;
 font-weight: bold;
 display: inline;
 padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 10px;
	 padding-right: 10px;
	height: 60px;
	 border: 1px solid Black;
	position: relative;
			font-style: normal;
}

a.toplink:hover {
background: #ABE975;
color: #823237; 
font-family: "Times New Roman", serif;	
font-size:10pt;
 letter-spacing: 2px;
 text-decoration: none;
  font-weight: bold;
	 display: inline;
 padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 10px;
	 padding-right: 10px;
	height: 30px;
	 border: 1px solid Black;
		font-style: normal;
}

a.dark:link, a.dark:visited, a.dark:active {
	color: #FFC72C; 
	background: transparent;
        font-size: 10px;
				 text-decoration: none;
				letter-spacing: 0px;
				 font-weight: bold;
				font-family: Verdana, sans-serif;
}

a.dark:hover {
	color: #FAFF00; 
	background: transparent;
	        font-size: 10px;
				 text-decoration: none;
				 				letter-spacing: 0px;
				  font-weight: bold;
									font-family: Verdana, sans-serif;
}

a.stats:link, a.stats:visited, a.stats:active {
	color: #9ED476; 
	background: transparent;
        font-size: 10px;
				 text-decoration: none;
				letter-spacing: 0px;
				 font-weight: bold;
				font-family: Verdana, sans-serif;
}

a.stats:hover {
	color: #FAFF00; 
	background: transparent;
	        font-size: 10px;
				 text-decoration: none;
				 				letter-spacing: 0px;
				  font-weight: bold;
									font-family: Verdana, sans-serif;
									display: inline;
}

/* elementen hoofdpagina's */

div.hand {
top: 5px;
left:0px;
	color: #C5C5C5; 
	background: transparent;
	position: absolute;
	z-index:10;
}

div.programma {
top: 600px;
left:0px;
height: 1px;
	color: #C5C5C5; 
	background: transparent;
	position: absolute;
	z-index:10;
	overflow: visible;
}

div.programmapop {
top: 80px;
left:0px;
height: 1px;
	color: #C5C5C5; 
	background: transparent;
	position: relative;
	z-index:10;
	overflow: visible;
	display: block;
	float: right;
	margin-right:10px;
}

div.topmenu {
position: absolute;
display: block;
width: 80%;
height:25px;
top:24px;
left: 380px;
margin-left:0px;
margin-right:40px;
margin-top:0px;
margin-bottom:0px;	
padding-top:20px;
padding-bottom:0px;
padding-left:0px;
padding-right:20px;
background: tranparent;
color: #DCDCDC; 
z-index: 10;
overflow: visible;
 text-align: left;
 border: 0px solid #515151; 
}

div.courant {
	position: absolute;
display: block;
width:98%;
height:1px;
top:340px;
margin:0px;
padding: 0px;
background: tranparent;
color: #DCDCDC; 
z-index: 40;
overflow: visible;
 text-align: right;
 border: 0px solid Red; 
}

div.mainblock {
position: relative;
display: block;
width: 80%;
top:50px;
margin-left:40px;
margin-right:40px;
margin-top:50px;
margin-bottom:0px;	
background: transparent;
color: black; 
font-family:verdana, sans-serif;	
font-size:10pt;
z-index: 5;
overflow: visible;
 text-align: left;
 border: 0px solid Red;
 font-weight: bold;
 clear: both;
}

div.textblock {
position: relative;
display: block;
padding-top:130px;
padding-bottom:0px;
padding-left:40px;
padding-right:40px;
background: #3C3C3E url('../graphics/bg_main.jpg') top;
color: #D3D3C9; 
font-family:verdana, sans-serif;	
font-size:10pt;
z-index: 5;
overflow: visible;
 text-align: left;
 font-weight: bold;
 border-top: 1px solid Black;
  border-left: 6px solid Black;
	 border-right: 6px solid Black;
	  border-bottom: 0px solid Black
}

.teller {
position: relative;
height: 20px;
padding-right: 0px;
background:transparent;
color: #9ED476; 
font-family:verdana, sans-serif;	
        font-size: 9px;
				 text-decoration: none;
				letter-spacing: 0px;
				 font-weight: bold;
z-index: 5;
display: block;
overflow: visible;
 text-align: right;
}

.siteinfo {
position: relative;
margin-top: 0px;
padding-top:6px;
padding-bottom:2px;
margin-bottom:0px;	
padding-right:5px;
background: #2C2C2C url('../graphics/bg_bottom.jpg');
color: #FFC72C; 
font-family:verdana, sans-serif;	
        font-size: 10px;
				 text-decoration: none;
				letter-spacing: 0px;
				 font-weight: bold;
 border-top: 0px solid Black;
  border-left: 6px solid Black;
	 border-right: 6px solid Black;
	  border-bottom: 4px solid Black;
z-index: 5;
display: block;
overflow: visible;
 text-align: center;
 vertical-align: top
}

.indexing {
position: relative;
margin-top: 2px;
padding-top:0px;
padding-right:5px;
background: transparent;
color: #686868; 
font-family:verdana, sans-serif;	
font-size:9pt;
border: 0px solid #686868;
z-index: 0;
display: block;
overflow: hidden;
 text-align: left;
 visibility: hidden;
 height: 1px;
}

.bottomgreen {
	position: relative;
margin: 0px;
padding:0px;
background: transparent;
color: #000000; 
font-family:verdana, sans-serif;	
font-size: 9px;
text-decoration: none;
letter-spacing: 0px;
font-weight: bold;
z-index: 5;
display: block;
border: solid 0px Red;
overflow: visible;
 text-align: left;
 vertical-align: top;
	min-height: 100px;
}

.thumbs {
margin-right: 10px;
position: relative;
	background: Black;
	display: block;
	padding: 2px;
	min-width: 130px;
		text-align: center;
		float: left;
		clear: none;
		z-index: 60;
}

.thumb {
		border: 1px solid Black;
}

div.binnenvlak {
position: relative;
display: block;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-left:0px;
margin-right:0px;
background: #E7E6E5 url('../graphics/bg_licht.jpg') top;
color: #434247; 
font-family:verdana, sans-serif;	
font-size:10pt;
z-index: 60;
overflow: visible;
 text-align: left;
 font-weight: normal;
 border: 3px solid Black;
 min-height: 500px;
}

div.fotos {
position: relative;
display: block;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-left:0px;
margin-right:0px;
background: Black;
color: #9F9EA4; 
font-family:verdana, sans-serif;	
font-size:10pt;
z-index: 60;
overflow: visible;
 text-align: right;
 font-weight: normal;
 border: 3px solid #313034;
 min-height: 500px;
}

.fotostitel {
position: relative;
display: block;
width: 100%;
font-family:verdana, sans-serif;	
font-size:10pt;
	background: #2B2A2E;
	color: #7A7880;
	padding:  1px 1px 2px 3px;
	margin: 20px 0px 20px -2px;
	font-weight: normal;	
	 text-align: left;
}

div.traktaties {
position: relative;
display: block;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-left:0px;
margin-right:0px;
background: #E7E6E5;
color: #434247; 
font-family:verdana, sans-serif;	
font-size:10pt;
z-index: 60;
overflow: visible;
 text-align: left;
 font-weight: normal;
 border: 3px solid Black;
 min-height: 800px;
}

.traktitel {
position: relative;
display: block;
width: 100%;
	font-family: inherit;
	background: #979797;
	color: #E7E6E5;
	padding:  1px 1px 2px 3px;
	margin: 50px 0px 20px -2px;
	font-weight: normal;
}

/* droplist */

#droplist{ 
padding: 0;
 display: block;
 float: right;
 margin-top: 10px;
 margin-right: 13px;
  margin-left: 0px;
	z-index:90;
}
#toplevel{ 
border: 1px solid #706F77; 
background: #202221 url('../graphics/arrow_droplist.gif') no-repeat top right; 
font-family:  Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
 font-variant: normal;
letter-spacing: 1px; 
color: #706F77; 
z-index:90; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
}
#sublevel{ 
color: #00CCFF;
}
#droplist li { 
float: left; 
width: 150px; 
list-style: none; 
position: relative;
}
#droplist li a{ 
border-bottom: #525668 1px solid; 
padding: 2px 0px 2px 10px; 
margin: 0; 
width: 100%; 
display: block; 
color: #525668; 
text-decoration: none;
font-family:  Verdana, sans-serif; 
font-size: 12px; 
letter-spacing: 0px; 
 font-variant: normal;
 font-style: normal;
 }
#droplist li a:hover{ 
color: #000000; 
background: #ABE975; 
}
#droplist li ul { 
border-left: #525668 1px solid; 
border-right: #525668 1px solid; 
border-top: #525668 1px solid; 
display: none; 
position: absolute; 
top: 1.4em; 
left: -1px;
 }
#droplist li:hover ul, #droplist li.hover ul { 
display: block; 
background: #ADACAC; 
}
#droplist li>ul { 
width: 100%;
top: 18px; 
left: -1px;
 }
#droplist ul { 
padding: 0; 
margin: 0; 
list-style: none; 
}

/* droplist 2*/

#droplist2{ 
padding: 0;
 display: block;
 float: right;
 margin-top: 10px;
 margin-right: 13px;
  margin-left: 0px;
	z-index:90;
}
#toplevel2{ 
border: 1px solid #706F77; 
background: #202221 url('../graphics/arrow_droplist.gif') no-repeat top right; 
font-family:  Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
 font-variant: normal;
letter-spacing: 1px; 
color: #706F77; 
z-index:90; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
}
#sublevel2{ 
color: #00CCFF;
}
#droplist2 li { 
float: left; 
width: 150px; 
list-style: none; 
position: relative;
}
#droplist2 li a{ 
border-bottom: #525668 1px solid; 
padding: 2px 0px 2px 10px; 
margin: 0; 
width: 100%; 
display: block; 
color: #525668; 
text-decoration: none;
font-family:  Verdana, sans-serif; 
font-size: 12px; 
letter-spacing: 0px; 
 font-variant: normal;
 font-style: normal;
 }
#droplist2 li a:hover{ 
color: #000000; 
background: #ABE975; 
}
#droplist2 li ul { 
border-left: #525668 1px solid; 
border-right: #525668 1px solid; 
border-top: #525668 1px solid; 
display: none; 
position: absolute; 
top: 1.4em; 
left: -1px;
 }
#droplist2 li:hover ul, #droplist2 li.hover ul { 
display: block; 
background: #ADACAC; 
}
#droplist2 li>ul { 
width: 100%;
top: 18px; 
left: -1px;
 }
#droplist2 ul { 
padding: 0; 
margin: 0; 
list-style: none; 
}