/*
Horizontaal met footer

Kleuren stalen:

body: #949393
pagewrap: #7A7A7A

header alternatief: #b60000
content: #7A7A7A


Aanpassen van de opbouw van de website kan vanaf STRUCTUUR.
Aanpassen van de opbouw van de website kan vanaf STRUCTUUR.
Aanpassen van de typografie (fonts e.d.) in het gedeelte TYPOGRAFIE en GLOBALE TAGS
Voor het gebruik van het horizontale menu is aangegeven waar waardes moeten worden aangepast.
*/

/******************************************
** RESETS
******************************************/

* {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
}

/******************************************
** TOOLS
******************************************/

.clear {
	clear: both; /* Clearen na een float */
}

html>body #header {
	z-index: 10; /* Prevent certain problems with form controls */
}

html>body #footer {
	z-index: 10; /* Prevent certain problems with form controls */
}

/******************************************
** TYPOGRAFIE en GLOBALE TAGS
******************************************/

h1 {
	font-family: Arial;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 30px;
	color: #B6AEA0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 36px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

	h2 span {
		color: #650d17;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 10px 0;
	font-style: normal;
	font-weight: bold;
	color: #565656;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

	h6 a {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
		h6 a:hover {
			text-decoration: none;
		}

a {
	text-decoration: underline;
	color: #650D17;
}

	a:hover {
		text-decoration: none;
	}

/******************************************
** STRUCTUUR
******************************************/

html {
	margin: 0;
	padding: 0;
	background: url('/upload/3842_bg_html.jpg') repeat;
}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

#pagewrap {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

	/* Header */
	#header {
		width: 1024px;
		height: 159px;
		margin: 0 auto;
		overflow: hidden;
		background: url('/upload/3842_header.jpg') no-repeat;
		position: relative;
	}
	
		#header h1 {
		text-indent:-9999px;
		}
		
		/* Horizontale navigatie */
		ul#navigatie {
			position: absolute;
			display: block;
			width: 901px;
			height: 40px;
			bottom:0px;
			left:60px;
			
		}
		
			ul#navigatie li {
				display: inline;
				overflow: hidden;
				line-height: 40px; /* hoogte van button (voor IE6) */
			}
				
				ul#navigatie li a {
					float: left;
					display: block;
					font-size: 14px;
					line-height: 40px;
					text-decoration: none;
					font-weight: bold;
					text-transform: uppercase;
					color: #B6AEA0;
				}
				
					ul#navigatie li a:hover {
						color: #650D17;
					}

	/* Content */
	#content {
		width: 900px;
		position: relative;
		left: 60px;
	}
		
		#contenttext {
			line-height: 24px;
			min-height: 350px;
			padding: 30px 0px 30px 0px;
			width: 900px;
		}
		
			#contenttext h2.home {
				margin: 0 0 10px 0;
			}
		
		
			#contenttext_left {
				width: 570px;
				float: left;
			}
			
			
			
				#contenttext_left a {
				font-size: 23px;
				text-decoration: none;
			}
			
			#contenttext_left_2 {
				width: 400px;
				float: left;
				padding-top:50px;
				padding-left:35px;
			}
			
			
				#contenttext_right {
					float: right;
					width: 320px;
				}
			
				#contenttext_right_2 {
					float: right;
					width: 300px;
				}
				
				#contenttext_right_2 ul li{
					list-style-position: inside;
				}
			
	#content_onder_wrap {
		background: url('/upload/3842_bg_onder.jpg') repeat top;
		min-height: 160px;
	}	
	
	#content_onder {
		width: 900px;
		margin: 0 auto;
		padding: 78px 176px 0;
		color: #FFFFFF;
		position: relative;
	}
		 ul#navigatie_onder {
			left: 200px;
			position: absolute;
			top: -50px;
		}
		
			ul#navigatie_onder li {
				display: inline;
				line-height: 170px;
			}
		
		ul#navigatie_onder li a {
			display: block;
			float: left;
			height: 170px;
			margin: 0 20px 0 0;
			text-indent: -9999px;
			width: 170px;
}
			
					ul#navigatie_onder li a.aanmelden {
						background: url('/upload/3842_nav_aanmelden.png') no-repeat center top;
					}
					
					ul#navigatie_onder li a.taxeren {
						background: url('/upload/3842_nav_taxeren.png') no-repeat center top;
					}
					
					ul#navigatie_onder li a.contact {
						background: url('/upload/3842_nav_contact.png') no-repeat center top;
					}
					
					ul#navigatie_onder li a:hover {
						background-position: center bottom;
					}
					
		#content_onder h4 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-style: normal;
			font-weight: bold;
			text-transform: uppercase;
			color: #FFFFFF;
		}
			
			#content_onder strong {
				text-transform: uppercase;
			}
			
		#ol {
			width: 500px;
			float: left;
		}
		
			#ol ol li {
				margin-bottom: 10px;
			}

		#content_onder ol {
			list-style-position: inside;
			padding: 20px 0;
			line-height: 18px; 
		}
		
			#tagcloud {
				position: relative;
				width: 300px;
				float: right;
			}
			
				h5 {
					position: absolute;
					font-weight: bold;
					text-transform: uppercase;
				}
				
					h5#sloopauto {
						font-size: 1.2em;
						right:0;
						top:20px;
					}
					
					h5#schadeauto {
						font-size: 1.2em;
						right:150px;
						top:100px;
					}
					
					h5#taxeren {
						font-size: 1.2em;
						right:300px;
						top:50px;
					}
					
					h5#auto {
						font-size: 1.5em;
						right:250px;
						top:0;
					}
					
					h5#autoverkopen {
						font-size: 1.5em;
						right:25px;
						top:185px;
					}
					
					h5#inkoop {
						font-size: 1.9em;
						right:0;
						top:130px;
					}
					
					h5#contantgeld {
						font-size: 1.9em;
						right:60px;
						top:50px;
					}
					
					h5#vrijwaren {
						font-size: 2.2em;
						right:140px;
						top:140px;
					}
					
					h5#ophaaldienst {
						font-size: 1em;
						right:-30px;
						top:90px;
					}
					
					h5#rdwerkend {
						font-size: 1em;
						right:115px;
						top:-10px;
					}
			
			/* Laatst toegevoegde occasions */
			#gallery {
				text-align: left;
				position: relative;
				width: 320px;
				height: 240px;
				border: 1px solid #000000;
				overflow: hidden;
				line-height: normal;
			}

				#gallery a {
					float: left;
					position: absolute;
				}

					#gallery a img {
						width: 320px;
						height: 240px;
					}

					#gallery a.show {
						z-index: 500;
					}

				#gallery .caption {
					z-index: 600; 
					background-color: #DBD6C2; 
					color: #000000;
					width: 320px; 
					position: absolute;
					bottom: 0px;
				}

					#gallery .caption .content {
						margin: 5px;
						color: #000000;
					}

						#gallery .caption .content h3 {
							margin: 0px;
							padding: 0px;
							color: #000000;
						}

	/* Footer */
	#footer {
		width: 900px;
		margin: 0 auto;
		padding: 0 30px;
		overflow: hidden;
		text-align: left;
		position: relative;
	}
	
		#footer h6 {
			font-weight: bold;
			line-height: 80px;
			color: #B6AEA0;
		}
		
			#footer h6 a {
				color: #B6AEA0;
			}