/*
Horizontaal zonder 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;
}

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

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

form {
	height: 100%;
}

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

/******************************************
** TYPOGRAFIE en GLOBALE TAGS
******************************************/
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: none;
	font-weight: normal;
	color:#5BC236;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: none;
	font-weight: normal;
	color:#5BC236;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

a {
	text-decoration: none;
	outline-style: none;
}

a:hover {
	text-decoration: underline;
	outline-style: none;
}

img {
	border: medium none;
}
/******************************************
** STRUCTUUR
******************************************/

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #7E7E7E;
	height: 100%;
	background: #ffffff;
}

form {
	height: 100%;
}

#pagewrap {
	margin: 0 auto;
	height: 100%;
	width: 1000px;

	position: relative;
	
	background: #ffffff; /* Zet hier de repeat background voor de content! */
	
	}
	 /* Header */
	#header {
		width: 1000px;
		height: 160px;
		overflow: hidden;
		
		background: url(/upload/3487_bg_header2.jpg) no-repeat #ffffff;
		}
	
		/* Horizontale navigatie */
		ul#navigatie {
				display: block;
				width: 940px; /* width van alle buttons bij elkaar */
				height: 30px; /* hoogte van button */
				margin: 130px 0 0 30px; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
			}
			
			ul#navigatie li {
				display: inline;
				overflow: hidden;
				line-height: 30px; /* hoogte van button (voor IE6) */
				}
				
				ul#navigatie li a {
					display: block;
					height: 30px; /* hoogte van button */
					float: left;
					}
				
					/* het invoegen van de verschillende buttons */
					 ul#navigatie li a.nav_home {
					 	width: 100px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_home.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_occasions {
					 	width: 120px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_occasions.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_cor {
					 	width: 140px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_cor.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_zoekopdracht {
					 	width: 150px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_zoekopdracht.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_routeplanner {
					 	width: 150px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_routeplanner.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_openingstijden {
					 	width: 160px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_openingstijden.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_contact {
					 	width: 120px; /* breedte van button */
					 	
					 	background: url(/upload/3487_nav_contact.jpg) no-repeat;
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
	
	/* Content */
	#content {
		width: 940px;
		padding:30px 30px 50px 30px;
		}
		
		#contenttext {
			width: 940px;
			/* height: 100%;
			In het CMS bij de hoogte de comments weghalen, bij het statisch testen niet!
			*/
		}

		#left {
			float:left;
			width:465px;
			padding:30px;
			background:#F2F2F2;
			min-height:400px;
			line-height:25px;
		}
		
		#right{
			float:right;
			width:385px;
			text-align:right;
			min-height:400px;
		}
		
	#footer {
			width: 1000px;
			height: 20px;
			position: relative;
			overflow: hidden;
			margin: 0 auto;
			bottom: 0;
			
			background: url(/upload/3487_background_footer.jpg) no-repeat #7E7E7E;
			}
			
<style>
	/* Slideshow 2 */
	
	#gallery {
	text-align: left;
	position: relative;
	width: 385px;
	height: 255px;
	border: 1px solid #000000;
	}

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

	#gallery a img {
	border: none;
	width: 385px;
	height: 255px;
	}

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

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

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

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