/*
	KLEURENTABEL
	Grijs:			#DDDDDD
	Licht-Grijs:		#5D5D5D
	Donkergroen:	#006950

*/
html {
	height:100%;
	}	
body	{
	font-family:arial, sans-serif;
	font-size:0.75em;
	margin:0;
	padding:0;
	background: #DDDDDD url(img/background_home.gif) repeat-y center;
	height:100%;
	}
	
input, select {
	font-size:0.8em;
	}

a img {
	border:0;
	}

span.smaller {
	font-size: 0.8em;
	}
	
h1 {
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 12px 0;
	}
	
#page {
	width:771px;
	position:relative;
	margin:0 auto 0 auto;
	background:#FFFFFF url(img/background_home.gif) repeat-y right;
	height:100%;
	z-index:0;
	}
	
	#header {
		background:#FFFFFF url(img/background_header.gif) repeat-y left;
		height:111px;
		border-bottom:1px #FFFFFF solid;
		position:relative;
		width:771px;
		z-index:8;
		}
		
		#logo {
			position:absolute;
			left:37px;
			}
		
		#search {
			width:450px;
			height:22px;
			position:absolute;
			right:10px;
			top:15px;
			text-align:right;
			z-index:20;
			color:#006950;
			}
			#search #searchbox {
				position:relative;
				top:0;
				left:0;
			}
			#search form {
			margin:0;
			padding:0;
			position:relative;
			display:inline;
			}
			
			#search #search-frame {
			visibility:hidden;
			position:absolute;
			top:20px;
			left:170px;
			z-index:500;
			width:150px;
			text-align:left;
			background-color:white;
			border:1px #006950 solid;
			overflow:hidden;
			}
		
			 #search-frame ul {
				 padding:0;
				 margin:0;
				 list-style-type:none;
				 }
				  
				 #search-frame ul  li {
					border-bottom:1px #5D5D5D solid;
					}
				 #search-frame ul  li a {
					color:#5D5D5D;
					text-decoration:none;
					display:block;
					padding:1px 4px 1px 7px;
					
					}
				#search-frame ul  li a:hover {
					color:#006950;
					text-decoration:none;
					background-color:#D7E6E1;
					}	
				#search-frame ul  li.group{
					font-weight:bold;
					background-color: #006950;
					color:white;
					padding:1px 4px 1px 7px;
					}
			
		#meta {
			width:460px;
			height:22px;
			position:absolute;
			top:50px;
			right:12px;
			text-align:right;
			}
			
			#meta ul {
				margin:0;
				padding:0;
				list-style-type:none;
				}
				
				#meta ul li  {
					display:inline;
					margin-left:10px;
					}
				
				#meta ul li a {
					text-transform:uppercase;
					color:#006950;
					font-weight:bold;
					text-decoration:none;
					}
					
		#sitemenu {
			width:734px;
			height:35px;
			position:absolute;
			left:37px;
			top:76px;
			background-color:#006950;
			overflow:hidden;
	
			}
				
		#sitemenu ul {
			list-style-type:none;
			padding:0;
			margin:0;
			}
			
		#sitemenu ul li {
			list-style-type:none;
			display:inline;
			float:left;
			}	

		#sitemenu ul li a {
			display:block;
			position:relative;
			padding-right:1px;
			background:#006950 url(img/separator.gif) no-repeat right -13px;
			}
	
			#sitemenu ul li a:hover, #sitemenu ul li.selected a {
				padding-right:1px;
				background:#006950 url(img/separator.gif) repeat-x 0 0;
				}
			
			#sitemenu ul li a:hover img, #sitemenu ul li.selected a img  {
				position:relative;
				left:-1px;
				border-left:1px white solid;
				margin-left:-1px;
				}
			
			
			
			/*
			#sitemenu ul li a img {
				padding-right:1px;
				padding-left:1px;
				background:#006950 url(img/separator.gif) no-repeat right -13px;
				}
				
			#sitemenu ul li a:hover img {
				padding-left:1px;
				padding-right:0px;
				margin-right:-1px;
				background:#006950 url(img/separator.gif) left 0px;
				position:relative;
				left:-1px;
				border-left:1px #006950 solid;
				border-right:1px white solid;
				}
				
			#sitemenu ul li.selected a img {
				padding-left:1px;
				padding-right:0px;
				margin-right:-1px;
				background:#006950 url(img/separator.gif) left 0px;
				position:relative;
				left:-1px;
				border-left:1px #006950 solid;
				border-right:1px white solid;
				}			
			*/
	#footer {
		position:relative;
		height:30px;
		width:100%;
		bottom:3px;
		background: transperant url(img/background_home.gif) repeat-y center;
		visibility:hidden;
		margin:20px 0 0 0;
		}
		
		#footer div.logo {
			position:absolute;
			left:45px;
			}
			
		#footer div.text {
			position:absolute;
			left:215px;
			bottom:4px;
			color:#5D5D5D;
			}

	div.clear {
		clear:both;
		}