<!-- 
body{
  font: 0.7em/2em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  
  color      : #000000;
  margin     : 0px 0px 0px 0px; 
  line-height: 17px;
  background-color : #FFFFFF;
  
} 

body, html {height: 100%;} /* Cross browser fix */


table
{
	border-collapse: collapse;
	border-color: #ccc;
}

img {border: 0px; }

#container{width: 780px; margin-left: auto; margin-right: auto; }
#top{clear: both; margin: 0; height: 115px; width: 780px; }
#left{float: left; width: 170px; margin: 0; background-image: url(../images/menu_spacer.gif); }
#content{float: left; margin: 0px 20px 0px 20px; width: 570px; padding-top: 15px}

/*---  menuleft ---*/
#menu
{
	margin: 0;
	padding: 0;
	background-image: url(../images/menu_bg.jpg); background-repeat: no-repeat;
	overflow: hidden;
	
	
}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#menu ul li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: 30px;
	
}

#menu ul li a {
	background: #fff url(../images/menu_bullet.gif) no-repeat;
	width: 149px;
	height: 2em;	
	border-bottom: 1px solid #E6F1DD;
	padding: 0;
	margin: 0px;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font: bold 0.9em/2em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#menu ul li a:hover {
	color: #000;
	background: #E6F1DD url(../images/menu_bullet2.gif) no-repeat;	
	border-bottom: 1px solid #E6F1DD;
}

#menu_bottom
{
	background: url(../images/menu_bottom.jpg) no-repeat;	
	height: 46px;
	padding-left: 5px;
}

#menu_bottom2
{
	background: url(../images/menu_bottom2.jpg) no-repeat;	
	height: 192px;
	
}

#firefox_banner
{
	margin-top: 20px;
	margin-left: 20px;
}

#dom_banner
{
	margin-top: 20px;
	margin-left: 23px;
}

#des_banner
{
	margin-top: 20px;
	margin-left: 23px;
}

#w3cxhtml
{
	margin-top: 20px;
	margin-left: 25px;
}

#webstats
{
	margin-top: 20px;
	margin-left: 53px;
}

.img-shadow {
	clear: both;
	float:left;
	background: url(/images/shadow/shadow.gif) no-repeat bottom right;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
	}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.alpha-shadow {
	clear: both;
	float:left;
	background: url(/images/shadow/shadow.gif) no-repeat bottom right;
	margin: 14px 0 0 17px !important;
	margin: 14px 0 0 8px;
	}

.alpha-shadow div {
  background: url(/images/shadow/shadow2.png) no-repeat left top !important;
  background: url(/images/shadow/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  }


h1{
  color           : #6CB833;
  font-size       : 21px; 
  
}

h2{
  color           : #6CB833;
  font-size       : 19px; 
}


SELECT
{
	font-size: 11px;
	font-family: Verdana, Arial;
	text-decoration: none;
}

textarea 
{
	background-color: #C9F1AA; 
	width: 300px; 
	height: 100px; 
	font-family: Verdana, Arial; 
	font-size: 11px;
	border: 1px dotted #ccc;
}


input.textbox
{
	font-size: 11px;
	font-family: Verdana, Arial;
	height: 14px;
	background-color: #C9F1AA;
	border: 1px dotted #ccc;
}

input.submitknop
{
	font-size: 11px;
	font-family: Verdana, Arial;
	height: 18px;
	background-color: #ccc;
	border: 1px dotted #ccc;
	_cursor: hand;
	cursor: pointer;
}

img.plaatjelinks{
	margin-right: 8px;
	float: left;
	border: 1px solid #ccc;
}

img.plaatjerechts{
	margin-left: 8px;
	float: right;
	border: 1px solid #ccc;
}

.weblogentry {
	clear:both;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #859797;
	color: #7B7F6C;
	font: 1.0em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.weblogentry a{
  color           : #E60003;
  text-decoration : none;  
  border-bottom: 1px dotted #ccc;
}
.weblogentry a:hover 
{
  color           : #E60003;
  border-bottom: 1px solid #ccc;
}
//-->