@import url('/style/clear.css');

html, body 
{
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


div#container
{
	width: 1000px;
	height: 100%;
	margin: 0px auto;
	border-right: thin solid #575757;
	border-right-width: 1px;
}

	div#header
	{
		width: 1000px;
		height: 198px;
		position:relative;
	}

			#header IMG 
			{
			    position:absolute;
			    top:0;
			    left:0;
			    z-index:8;
			    opacity:0.0;
			}
			
			#header IMG.active 
			{
			    z-index:10;
			    opacity:1.0;
			}
			
			#header IMG.last-active 
			{
			    z-index:9;
			}

		div#link
		{
			width: 832px;
			height: 16px;
			margin-top: 160px;
			margin-left: 168px;
			position: absolute;
			z-index: 12;
		}
		
			#container #header #link ul
			{
				margin-left: 15px;
				margin-top: 2px;
			}
					
			#container #header #link ul li
			{
				display: inline;
				font-size: 10px;
				padding-left: 8px;
			}
			
			#container #header #link ul li a:link,
			#container #header #link ul li a:visited,
			#container #header #link ul li a:active
			{
				color: #000000;
			}
			
			#container #header #link ul li a:hover, #container #header #link ul li a#active
			{
				color: #4FA601;
			}
		
	div#contentcontainer
	{
		position: relative;
		width: 1000px;
		overflow: hidden;
		background-image: url(/sitePics/boogaart_Almere_1.jpg);
		background-repeat: repeat-y;
	}
			
	div#menu
	{
		
		width: 170px;	
		height: 100%;
		float: left;
	}
	
		#container #contentcontainer #menu ul
		{
			width: 155px;
		}
		
		#container #contentcontainer #menu ul li
		{
			padding-top: 3px;
			padding-bottom: 3px;
			height: auto;
			padding-left: 5px;
			font-weight: bold;
		}
		
		#container #contentcontainer #menu ul li a
		{
			padding-left: 10px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		
		#container #contentcontainer #menu ul li a:link,
		#container #contentcontainer #menu ul li a:visited, 
		#container #contentcontainer #menu ul li a:active
		{ 
			display: block;
			text-decoration:none;
			color: #ffffff;
		}
		
		#container #contentcontainer #menu ul li:hover a
		{
			/*width: 140px;
			height: 15px;*/
			background-color: #ffffff;
			list-style-type: none;
			color: #000000;
			display: block;
		}
		
		#container #contentcontainer #menu ul li:hover ul li a
		{
			background: none;
			color: #ffffff;
		}
		
		#container #contentcontainer #menu ul li a:hover
		{ 
			display: block;
			color: #000000;
		}
		
		div#container div#contentcontainer div#menu ul li ul,
		div#container div#contentcontainer div#menu ul li#active ul li ul,
		div#container div#contentcontainer div#menu ul li#hasActive ul li ul
		{
			display: none;
		}
		
		div#container div#contentcontainer div#menu ul li#active ul, 
		div#container div#contentcontainer div#menu ul li#hasActive ul 
		{
			margin-top: 5px;
			display: block;
			width: 137px;
		}
		
		div#container div#contentcontainer div#menu ul li ul li:hover a
		{
			/*height: 15px;
			width: 105px;*/
			display: block;
			background-image: url(/sitePics/boogaart_Almere_3.jpg);
			background-repeat: no-repeat;
			color: #ffffff;
		}
		
		#container #contentcontainer #menu ul li #hasActive
		{
			background-color: #ffffff;
			color: #000000;
		}
		
		#container #contentcontainer #menu ul li #active
		{
			background-color: #ffffff;
			color: #000000;
		}
		
		#container #contentcontainer #menu ul li ul #active
		{
			background: none;
			color: #ffffff;
		}
		
		#container #contentcontainer #menu ul li ul li #active
		{
			background-image: url(/sitePics/boogaart_Almere_3.jpg);
			background-repeat: no-repeat;
		}
		
		#container #contentcontainer #menu ul li ul li a
		{
			padding-left: 20px;
			font-weight: normal;
			font-style: italic;
		}
	
		div#inloggen
		{
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 157px;
			height: 70px;
			margin-left: 5px;
			margin-top: 200px;
			margin-bottom: 5px;
			padding-top: 3px;
			background-color: #A7D280;
		}

			div#inloggen p a:link,
			div#inloggen p a:visited,
			div#inloggen p a:active
			{
				color: #ffffff;
				font-weight: bold;
			}
		
			div#inloggen a
			{
				margin-left: 3px;
			}
		
			#inloggentext .input
			{
				width: 120px;
				height: 15px;
				margin-bottom: 5px;
				background-color: #E8E8E8;
				float: left;
				margin-left: 3px;
				padding-left: 5px;
				font-size: 11px;
			}
			
			#inloggen #inloggentext #img .img
			{
				width: 17px;
				height: 17px;
				float: left;
				margin-left: 5px;
				border: 0px;
			}
		
	div#content
	{
		width: 600px;
		padding-left: 15px;
		float: left;
	}

	a#printPage,
	a#buttonBack 
	{
		color: #000000;
	}


	div#content div#sitemapcontainer ul
	{
		margin-left: 25px;
	}
	div#content div#sitemapcontainer ul li
	{
		font-weight: bold;
	}

	div#content div#sitemapcontainer ul li a
	{
		color: #4FA601;
	}

	div#content div#sitemapcontainer ul li ul li
	{
		font-weight: normal;
	}
	
	div#content h1
	{
		color: #4FA601;
	}
	
		div#onderhoud_img
		{
			width: 126px;
			height: 71px;
			float: left;
		}
		
		div#almere_img
		{
			width: 125px;
			height: 71px;
			float: left;
		}

		div#content p a:link,
		div#content p a:visited,
		div#content p a:active
		{
			color: #4FA601;
			text-decoration: underline;
		}

		div#content ul.pde li ul li a:link,
		div#content ul.pde li ul li a:visited,
		div#content ul.pde li ul li a:active
		{
			color: #4FA601;
		}
		div#container div#contentcontainer div#content ul li a:link,
		div#container div#contentcontainer div#content ul li a:visited,
		div#container div#contentcontainer div#content ul li a:active
		{
			color: #4FA601;
			text-decoration: underline;
		}
		div#content ul.pde li ul li a img
		{
			margin-top: 3px;
			margin-right: 3px;
		}
       div#container div#contentcontainer div#content ul li
       {
	       list-style-type: disc;
	       display: list-item;
              margin-left: 15px;
       }
	div#nieuws
	{
		width: 189px;
		float: left;
		margin-left: 5px;
	}
	
		div#nieuwstop
		{
			width: 189px;
			height: 11px;
			background-image: url(/sitePics/boogaart_nieuws1.jpg);
			background-repeat: no-repeat;
		}
		
		div#nieuwsmiddle
		{
			width: 189px;
			height: auto;
			margin: -4px 0px 0px 0px; padding: 0px;
			background-image: url(/sitePics/boogaart_nieuws2.jpg);
		}
	
			div#nieuwsbericht
			{
				width: 172px;
				margin-left: 15px;
				color: white;
			}
			
			div#nieuwsbericht p,
			div#nieuwsbericht h2,
			div#nieuwsbericht a
			{
				margin-bottom: -3px;
				margin-left: 5px;
			}
			
			div#nieuwsbericht h1
			{
				margin-bottom: -1px;
			}
			
			div#nieuwsbericht h2
			{
				margin-top: 10px;
			}
			
			div#nieuwsbericht p a:link,
			div#nieuwsbericht p a:visited,
			div#nieuwsbericht p a:active
			{
				color: #ffffff;
				text-decoration: underline;
			}
			
			div#nieuwsbericht a:link,
			div#nieuwsbericht a:visited,
			div#nieuwsbericht a:active
			{
				color: #ffffff;
				text-decoration: none;
			}
			
			div#boogaartjournaal
			{
				margin-left: 15px;
				color: #ffffff;
			}
			
			div#boogaartjournaal a:link,
			div#boogaartjournaal a:visited,
			div#boogaartjournaal a:active
			{
				color: #ffffff;
			}
			
			div#agenda
			{
				margin-left: 15px;
				color: #ffffff;
			}
			
			div#agenda a:link,
			div#agenda a:visited,
			div#agenda a:active
			{
				color: #ffffff;
			}

				div#agenda .el p a
				{
					margin-right: 30px;
					color: #ffffff;
					text-decoration: underline;
				}	
	
			div#zoeken
			{
				width: 171px;
				height: 35px;
				margin-top: 30px;
				margin-left: 9px;
				background-color: #A7D280;
			}
			
				#zoekentext .input
				{
					width: 130px;
					height: 15px;
					background-color: #E8E8E8;
					float: left;
					margin-left: 6px;
					margin-top: 9px;
					padding-left: 5px;
					font-size: 11px;
				}
				
				#zoeken #img .img
				{
					width: 17px;
					height: 17px;
					float: left;
					margin-top: 9px;
					margin-left: 5px;
					border: 0px;
				}
			
		div#nieuwsbottom
		{
			width: 189px;
			height: 9px;
			background-image: url(/sitePics/boogaart_nieuws3.jpg);
			background-repeat: no-repeat;
			margin-bottom: 10px;
		}

div#adresbalk
{
	width: 1000px;
	height: 28px;
	margin: 0px auto;
	background-image: url(/sitePics/boogaart_Almere_adres.jpg);
	border-bottom: thin solid #575757;
	border-bottom-width: 1px;
	border-right: thin solid #575757;
	border-right-width: 1px;
}

	div#empty2
	{
		height: 23px;
		width: 190px;
		float:left;
	}
	
	div#adresbalk p
	{
		color: #ffffff;
		float: left;
		margin-left: 10px;
		font-size: 10px;
		font-weight: bold;
	}

	div#empty
	{
		width: 26px;
		height: 26px;
		float: right;
	}

	div#contact
	{
		width: 26px;
		height: 26px;
		float: right;
		margin-top: 1px;
	}

	div#disclaimer
	{
		width: 26px;
		height: 26px;
		float: right;
		margin-right: 10px;
		margin-top: 1px;
	}

	div#sitemap
	{
		width: 26px;
		height: 26px;
		float: right;
		margin-right: 10px;
		margin-top: 1px;
	}

/* Specific elements */
form input, form textarea, form button, select, input
{
	border: 1px solid #000000;
}

h1
{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 20px;
}
h2 
{
	font-weight: bold;
	font-style: italic;
}

h3
{
	margin-bottom: 15px;
}
h4
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

hr {
 height: 1px;
 color: #999999;
 background-color: #999999;
 margin: 3px 0px 3px 0px;
}

p
{
	margin-top: 10px;
	margin-bottom: 10px;
}