/*
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 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: 0px;
	margin: 0px;
	border: none;
}
/******************************************
** TOOLS
******************************************/
.clear {
	clear: both; /* Clearen na een float */
}

.borderTest {
	border: 1px solid red;
}

#_ctl0 {
	height: 100%;
}
/* html>body #content {
	height: 100%;
} */

/******************************************
** TYPOGRAFIE en GLOBALE TAGS
******************************************/
h1 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: regular;
	font-weight: bold;
	color: #81BE00;
}

h2 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: regular;
	font-weight: normal;
	color: #BA332F;
}

h3 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: regular;
	font-weight: normal;
	color: #2A2A2A;
}

a {
	text-decoration: none;
	outline-style: none;
	color: #B9342D;
}

a:visited{
	color: #B9342D
}

img {
	border: medium none;
}

p {
}

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

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #2A2A2A;
	height: 100%;
	margin: 0 auto;
	background: url(/upload/3355_bg_body.jpg) repeat-x #BFBFBF; /* Zet een herhalende pixel background in de #pagewrap background! */
}

	#pagewrap {
		margin: 0 auto;
		width: 1000px;
		position: relative;
		background: url(/upload/3355_pagewrap_bg.jpg) repeat-y ; /* Zet hier de repeat background voor de content! */
	}
	
	 /* Header */
		#header {
			width: 1000px;
			height: 200px;
			overflow: hidden;
			background: url(/upload/3355_bg_header.jpg) no-repeat #2A2A2A;
			position: relative;
		}
	
		#header h1 { /* Wegwerken van de h1 header in het logo */
			text-indent: -9999px;
			height: 0px;
			width: 0px;
		}
		
		/* Horizontale navigatie */
		ul#navigatie {
			background: url("/upload/3355_bg_menu.jpg") no-repeat #2A2A2A;
			display: block;
			height: 22px;
			line-height: 22px;
			position: absolute;
			bottom: 0;
			width: 1000px;
		}
			
			ul#navigatie li {
				display: inline;
				float: left;
				line-height: 22px; /* hoogte van button (voor IE6) */
				background: url("/upload/3355_splice.png") left center no-repeat;
				}
				
				ul#navigatie li a {
					display: block;
					height: 22px; /* hoogte van button */
					float: left;
					font-family: "Century Gothic";
					font-size: 13px;
					color: #FFF;
					text-indent: 15px;
				}
				
				ul#navigatie li a:hover { /* bij rollover, uitlijnen naar onder zodat rollover state zichtbaar is */
					color: #B9342D
				}
				
				
	
	/* Content */
	#content {
		width: 1000px;
		background: #EBEBEB;
		position: relative;
	}
		
		#contenttext {
			width: 960px;
			padding: 20px;
			line-height: 24px;
			background: #EBEBEB;
			float: left;
		}
		
			#contenttext_left {
				width: 618px;
				float: left;
				text-align: left;
			}
			
			#contenttext_right {
				width: 322px;
				float: right;
				text-align: right;
			}

	#footer {
		width: 1000px;
		height: 50px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		bottom: 0px;
	}
	
		/* 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: #2A2A2A; 
					color: #FFFFFF;
					width: 320px; 
					position: absolute;
					bottom: 0px;
				}

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

						#gallery .caption .content h3 {
							color: #B9342D;
							height: 22px;
							margin: 0;
							overflow: hidden;
							padding: 0;
						}