body {
	background-color: #FFF;
	behavior: url("http://www.garage-dunnebier.nl/templates/dunnebier/css/templates/dunnebier/css/csshover.htc");
	color: #AAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

.componentheading {
	display: none; /* Joomla hack voor pagina titel */
}

#container {
	margin: 0px auto 0px auto;
	width: 900px;
}
	#header {
		background-image: url(../img/header_bg.jpg);
		background-repeat: no-repeat;
		height: 38px;
		padding: 142px 0px 0px 0px;
		width: 900px;
	}
		#menu {
			height: 31px;
			margin: 0px 0px 0px 20px;
			padding: 0px;
		}
			#menu ul {
				list-style: none;
				margin: 0px;
				padding: 0px;		
			}
				#menu ul li {
					float: left;
					position: relative;
				}
					#menu ul li a {
						display: inline-block;
						color: #000;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 16px;
						font-weight: bold;
						height: 25px;
						margin: 0px 10px 0px 0px;
						padding: 6px 5px 0px 5px;
						text-decoration: none;
					}
						#menu ul li a:hover {
							background-color: #FFF;
							color: #082e55;
						}
					
					#menu ul li ul {
						background-color: #7790b2;
						border: 1px solid #000;
						border-bottom: none;
						display: none;
						filter: alpha (opacity=90);
						left: 0;
						margin: 0px;
						padding: 0px;
						position: absolute;
						opacity: 0.90;
						top: 31px;
						width: auto; /* Zelfde als width <a> hieronder incl padding */
						z-index: 999;
					}
					
						#menu ul li ul li {
							border: none;
							clear: left;
							margin: 0px;
							padding: 0px;
						}
							#menu ul li ul li a {
								background: none;
								border-bottom: 1px solid #000;
								color: #FFF;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 12px;
								height: 15px;
								margin: 0px;
								padding: 5px 10px 5px 10px;
								text-decoration: none;
								width: 130px;
							}
							
							#menu ul li ul li a:hover {
								background-color: #fefefe;
								color: #082e55;
							}
							
							div#menu ul li:hover ul {
								display: block;
							}
							
							div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {
								display: none;
							}
							
							div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
								display: block;
							}
			
	#content {
		margin: 20px 0px 0px 0px;
		width: 900px;
	}
		#left {
			float: left;
			margin: 0px 20px 0px 0px;
			_margin: 0px 13px 0px 0px;
			width: 550px;
		}
			#top {
				background-image:url(../img/content_top_bg.jpg);
				background-repeat: no-repeat;
				height: 5px;
				margin: 0px;
				padding: 0px;
				width: 550px;
			}
			
			#middle {
				background-image:url(../img/content_middle_bg.jpg);
				background-repeat: repeat-y;
				color: #999;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				_margin: -9px 0px 0px 0px;
				padding: 15px 22px 15px 22px;
				text-align: justify;
				width: 506px;
			}
				#middle h1, .contentheading {
					color: #2b548d;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 20px;
					margin: 0px 0px 10px 0px;
					padding: 0px;
					text-align: left;
				}
				
				#middle p {
					color: #999;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					margin: 0px 0px 10px 0px;
					padding: 0px;
					text-align: justify;
				}
				
				#middle ul {
					margin-top: 0px;
					color: #2b548d;
				}
				
				#middle b, strong {					
					color: #2b548d;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
				}
				
				#middle a {			
						color: #2b548d;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						padding: 0px;
						margin: 0px;					
						text-decoration: none;
				}
					#middle a:hover {
						text-decoration: underline;
					}
			
			#bottom {
				background-image:url(../img/content_bottom_bg.jpg);
				background-repeat: no-repeat;
				height: 5px;
				margin: 0px 0px 10px 0px;
				width: 550px;
			}
			
			#meernieuws {
				background-repeat: no-repeat;
				background-position: right;
				height: 210px;
				margin: 0px 0px 0px 0px;
				padding: 15px 0px 0px 22px;
				width: 535px;			
			}
				#meernieuws h1 {
					color: #2b548d;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 20px;
					margin: 0px 0px 10px 0px;
					padding: 0px;
				}
				
				#meernieuws ul {
					list-style: none;
					margin: 0px;
					padding: 0px;	
				
				}
						#meernieuws a {
							color: #000;
							clear: left;
							display: list-item;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							list-style: none;
							margin: 0px;
							padding: 0px;
							text-decoration: none;
						}
							#meernieuws a:hover {
								text-decoration: underline;
							}
		
		#right {
			float: left;
			padding: 0px;
			width: 330px;
		}
			#contact {
				background-image: url(../img/contact_bg.jpg);
				background-repeat: no-repeat;
				color: #FFF;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				height: 102px;
				margin: 0px 0px 10px 0px;
				padding: 20px 0px 0px 0px;
				text-align: center;
				width: 330px;
			}
				#contact h1 {
				font-size: 20px;
				margin: 0px 0px 10px 0px;
				padding: 0px;
				}
				
				#contact h2 {
				font-size: 18px;
				margin: 0px;
				padding: 0px;
				}
				
			#fordA1 {
				height: 100px;
				margin: 0px;
				padding: 0px;
				width: 330px;
			}
				
			#foto {
				height: 220px;
				margin: 10px 0px 0px 0px;
				padding: 0px;
				width: 330px;
			}
				#foto img {
					height: 220px;
					width: 330px;
				}
			
			#adres {
				background-color: #2b548d;
				color: #FFF;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				height: 25px;
				margin: 0px 0px 10px 0px;
				padding: 5px 0px 0px 0px;
				text-align: center;
				width: 330px;
			}
			
			#route {
				height: 100px;
				margin: 0px;
				padding: 0px;
				width: 330px;
			}
	
	#footer {
		color: #000;
		clear: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 20px;
		margin: 0px;
		padding: 0px;
		text-align: center;
		width: 900px;
	}
		#footer a {
			color: #000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-decoration: none;
		}
			#footer a:hover {
				color: #000;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-decoration: underline;
			}