/*
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: trebuchet MS, Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #353535;
	}

h1#red {
	font-family: trebuchet MS, Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #E90A0B;
	}

h2 {
	font-family: trebuchet MS, Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: bold;
	color: #E90A0B;
}

h3 {
	font-family: trebuchet MS,Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #353535;
}

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

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

img {
	border: medium none;
}

p { line-height: 1.6em;
}

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

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

body {	
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #222222;
	height: 100%;
	
	background: url(/upload/3371_bg_body.jpg) repeat-x #b40000; /* Zet een herhalende pixel background in de #pagewrap background! */
}


form{
height: 100%;
}

#pagewrap {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	position: relative;
	
	background: url(/upload/3371_bg_pagewrap.jpg) #EBEBEB repeat-y;/* Zet hier de repeat background voor de content! */
	}
	 /* Header */
	#header {
		width: 1000px;
		height: 185px;
		overflow: hidden;
		
		background: url(/upload/3371_bg_header.jpg) no-repeat #b60000;
		}
	
		#header h1 { /* Wegwerken van de h1 header in het logo */
			text-indent: -9999px;
			height: 0px;
			width: 0px;
		}
		
		/* Horizontale navigatie */
		ul#navigatie {
				display: block;
				width: 635px; /* width van alle buttons bij elkaar */
				height: 50px; /* hoogte van button */
				margin: 45px 0 0 345px; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
			}
			
			ul#navigatie li {
				display: inline;
				overflow: hidden;
				line-height: 50px; /* hoogte van button (voor IE6) */
				}
				
				ul#navigatie li a {
					display: block;
					height: 50px; /* hoogte van button */
					float: left;
					}
				
					/* het invoegen van de verschillende buttons */
					 ul#navigatie li a.nav_home {
					 	width: 95px; /* breedte van button */
					 	
					 	background: url(/upload/3371_nav_home.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_info {
					 	width: 80px; /* breedte van button */
					 	
					 	background: url(/upload/3371_nav_info.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_voorwaarden {
					 	width: 135px; /* breedte van button */
					 	
					 	background: url(/upload/3371_nav_voorwaarden.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_favorieten {
					 	width: 120px; /* breedte van button */
					 	
					 	background: url(/upload/3371_nav_favorieten.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_mandje {
					 	width: 100px; /* breedte van button */
					 	
					 	background: url(/upload/3371_nav_mandje.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_contact {
					 	width: 105px; /* breedte van button */
					 	
					 	background: url(/upload/3371_nav_contact.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
				
				
				ul#navigatie li a:hover { /* bij rollover, uitlijnen naar onder zodat rollover state zichtbaar is */
					background-position: bottom left;
				}
				
				
				
							ul#navigatie2 {
								display: block;
								width: 1000px; /* width van alle buttons bij elkaar */
								height: 50px; /* hoogte van button */
								margin: 45px 0 0 0; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
							}
			
							ul#navigatie2 li {
								display: inline;
								overflow: hidden;
								line-height: 50px; /* hoogte van button (voor IE6) */
							}
				
							ul#navigatie2 li a {
								display: block;
								height: 50px; /* hoogte van button */
								float: left;
								font-family: trebuchet MS, Georgia, "Times New Roman", Times, serif;
								font-size: 13px;
								font-weight: bold;
								color: #FFFFFF;
								text-decoration: none;
								padding: 0 20px 0 20px; 
								background: url(/upload/3371_nav2_bullet.jpg) no-repeat right;
							}
							
								ul#navigatie2 li a.nav_gebrvoertuigen {
								background: none;
								}
								
															
							ul#navigatie2 li a:hover { /* bij rollover, uitlijnen naar onder zodat rollover state zichtbaar is */
								text-decoration: underline;
							}
							
							#marquee_homepagetrigger {
								width: 740px;
								float: right;
								margin-top: 5px;
								padding: 0;
							}
				
	
	/* Content */
	#content {
		width: 940px;
		padding: 20px 30px 200px 30px; /* Hoogte van header en hoogte van footer */
		background: url(/upload/3371_bg_pagewrap.jpg) #EBEBEB repeat-y;
		}
		
		#contenttext {
			width: 960px;
			/* height: 100%;
			In het CMS bij de hoogte de comments weghalen, bij het statisch testen niet!
			*/
			float: left;
			background: #EBEBEB;
		}
		
		
			#left {
			width: 570px;
			float: left;
			padding-right: 30px;
			}
			
				.div_button{
				width: 280px;
				height: 195px;
				margin-bottom: 28px;
				margin-right: 22px;
				float: left;
				}
				
				.top{
				margin-top: 30px;
				}
				
				.div_button h2{
				margin-left: 0px;
				}
			
			#right{
			width: 340px;
			float: left;
			}