/* stylesheet1.css
  (c)Louis Ywema
   www.ywema.com
*/

body {
	font-family: arial, helvetica, serif;
	font-size: 80%;
	background-image: url(images/achtergrond.jpg);background-repeat: no-repeat;}	
	padding: 1em;
	margin: 0;
	background:  ##fffafa;
}

.title{
   background-color: black;
   font-size: large;
   font-style: oblique;
   font-variant: smallcaps;
   color: white;
   letter-spacing: 1em;
   }
.negtitle{
   background-color: white;
   font-size: large;
   font-style: oblique;
   font-variant: smallcaps;
   color: black;
   letter-spacing: 1em;
   }
   
.btext{     
   background-color: black;
   color: white;
   }
.datetime{
   font-family: courier;
   font-size: smaller;
   text-align: center;
   }   
.menuitem{
   font-family:arial, helvetica, geneva, sans-serif;
   font-size:smaller;
   font-weight: bold;
   }
a:link{
   color: #FF0000;
   text-decoration: none;
   }
a:visited{
   color: #FF6666;
   text-decoration: none;
   }
 
 #content {
	width: 100%;
	background-color: CCCCCC;
	padding: 1em 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
}
html>body #content {
	width: 32em;
} 

a {
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

h1 {
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;
}

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

#nav a {
	font-weight: bold;
	color: blue;   //top menu
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: purple;      // menu items
	padding: 0.2em 10px;
}

/*#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;
}*/
#nav li li a:hover {
	color:white;
	background-color: red;
}

li {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: white;
	border: 1px solid #000000;
	border-width: 1px 0;
}

li#first {
	border-left-width: 1em;
}

li#last {
	border-right-width: 1em;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	background: url(images/ddbg3.gif) bottom left no-repeat; // achtergrond voor menu
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #7d6340;
}

li>ul {
	top: auto;
	left: 10;
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}



p {
	clear: left;
	background: url(images/envlag.gif) center left no-repeat;
	padding: 1em 1em 0 1em;
	margin: 0;
}

p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: yellow;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}
p.lijst{
          display:list-item;
          color: black;
          font-weight: normal;
          font-size: normal;
     }
#rechts {
	position:absolute;
	width:190px;
	top:100px;
	right:10px;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* Again, "be nice to Opera 5". */
body>#rechts {width:168px;}

code, samp, tt, kbd  {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 1.0em;
	color: #000;
}