html, body{
	height: 100%;
	margin: 0; 
	padding: 0;
	overflow: hidden;
	font-family: verdana, sans-serif;
	font-size: 13px;
}
body {
	background: url(images/bgbody2.gif) repeat-y center top;
	margin: 0;
}
div {

	background-color: white;
}
div#contentcontainer {
	vertical-align: top;
}
div#contentcontainer, div#right, div#header{
	background-color: #527088;
}
div#left {
	width: 620px; 
	clear: left;
	float: left;
}
div#right {
	clear: right;
	float: right;
	width: 161px;
	height: 100%;
	padding: 7px 10px;
}
img.fotoboek {
margin: 10px 10px;
}

a.listener{
	border: 1px solid #000000;
	display: block;
	width: 150px;
	border: 1px solid #000000;
}
.listener{
	padding: 5px 5px;
	text-align: center;
	vertical-align: center;
	background-color: #e5febc;
	font-size: 12px;
	font-style: bold;	
}
div#agenda{
	text-align: center;
	vertical-align: center;
	width: 100%;
	background-color: #e5febc;
	font-size: 12px;
	border: 1px solid #000000;
}
div.container {
	width: 802px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0;
	vertical-align: top;
	height: 100%;
	bottom: 0px;
}

div.header {
	background-color: black;
	height: 150px;
	background-image: url(images/banner.jpg);
}

div.menu {
	background-color: red;
	height: 30px;
	text-align: center;
}

div#bottom {
	background-color: #980000;
	text-align: center;
	position: relative;
	bottom:0;
	color: white;

}

#main {
	border: 1px solid #FFFFFF; 
	/*border-top: 1px solid #666;*/
	clear: both;
	background: #FFFFFF;
	
}

#contents {
	padding: 1em;
	background: #FFFFFF;
	height: 350px;
	overflow: auto;
	padding-bottom: 20px;
}

#header {
	position: relative;
	width: 100%;
	height: 25px;
	padding-left: 5px
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: auto;
	display: block;
	float: left;
	padding: 4px 3px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #333;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	background: #FFFFFF;
	padding-bottom: 6px;
	margin-top: 0;
}

#header ul#primary a {
	background: #FFFFFF;
	border: 1px solid #AAA;
	border: 1px solid #FFFFFF;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFFFFF;
	padding-bottom: 5px;
}
#menubutton{
   background-color:#000000;
   border:1px solid;
   border-top-color:#000000;
   border-left-color:#000000;
   border-right-color:#000000;
   border-bottom-color:#000000;
   }
   
#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}

   
/* HIERONDER NIEUW MENU*/
.halfmoon{
margin-bottom: 1em;
}

.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid gray;
color: black;
font-size: 13px;
background: #e5febc url(images/halfmoontab.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover, .halfmoon li.selected a{
background-color: #c8e181;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0;
border: 1px solid #657f27; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #eff8d2;
width: 200px;
visibility: hidden;
}


.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #657f27; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
background-color: #c8e181;
}