/*
Verticaal met footer template CSS

Kleuren stalen:

body: #949393

header alternatief: #b60000 (Voor als de slice niet geladen kan worden)
footer: alternatief: #b60001 (Voor als de slice niet geladen kan worden)


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;
}
/******************************************
** 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 */
	float: right;
}

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


html>body {
	height: 100%;
}



/******************************************
** TYPOGRAFIE en GLOBALE TAGS
******************************************/
h1 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #4466B7;
	text-align: center;
}

h2 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #534838;
	text-align: center;
}

h3 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #534838;
}

a {
	font-weight: bold;
	color: #4466B7;
	font-size: 14px;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	outline-style: none;
	color: #000;
	font-size: 14px;
}

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: #FFFFFF;
	height: 100%;
	
	background: /* url(/upload/1775_top_repeat.jpg) repeat-x */ #A5A5A5;
}
form {
	height: 100%;
}
#pagewrap {
	margin: 0 auto;
	height: 100%;
	width: 1000px;
	background: url(/upload/1775_bg_repeat.jpg) repeat-y; /* plaatje over de gehele breedte, dus inclusief sidebar */
	position: relative;
	/* background: url(/upload/1775_bg_repeat.jpg) repeat-y #D6D6D6; */ /* Zet hier de repeat background voor de content! */
	}
	 /* Header */
	#header {
		width: 782px;
		height: 163px;
		overflow: hidden;
		float: right;
		
		background: url(/upload/1775_headernew.jpg) no-repeat;
		}
	
		#header h1 { /* Wegwerken van de h1 header in het logo */
			text-indent: -9999px;
			height: 0px;
			width: 0px;
		}
		
		
	
	/* Content */
	#content {
		width: 1000px;
		background: url(/upload/1775_bg_repeat.jpg) repeat-y; /* plaatje over de gehele breedte, dus inclusief sidebar */
		padding: 0px; /* Hoogte van header en hoogte van footer */
		padding-bottom: 50px;
		/* position: relative; */
		}
		
		#sidebar {
			width: 218px; /* breedte van je sidebar */
			position: absolute;
			left: 0;
			top: 0;
			display: inline;
			float: left;
			
			background: url(/upload/1775_bg_nav.jpg) no-repeat;
				
			}
		
			/* Verticale navigatie */
			ul#navigatie {
					display: block;
					width: 218px; /* breedte van button */
					height: 480px; /* hoogte van buttons bij elkaar */
					margin: 35px 0 0 0px; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
					background-image: url(/upload/1775_bg_nav.jpg) repeat-x;
				}
				
				ul#navigatie li {
					overflow: hidden;
					line-height: 0;
					display: inline; /* Fix voor IE6 */
					float: left;
					}
					
					ul#navigatie li a {
						display: inline;
						width: 218px; /* breedte van button */
						float: left;
						}
					
						/* het invoegen van de verschillende buttons */
						 ul#navigatie li a.nav_home {
							height: 35px;
							background: url(/upload/1775_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_klant {
							height: 42px;
							background: url(/upload/1775_nav_klant.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_onderhoud {
							height: 58px;
							background: url(/upload/1775_nav_onderhoud.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_occasions {
							height: 35px;
							background: url(/upload/1775_nav_occasions.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_lounge {
							height: 35px;
							background: url(/upload/1775_nav_lounge.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_zoek {
							height: 35px;
							background: url(/upload/1775_nav_zoek.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_restauratie {
							height: 35px;
							background: url(/upload/1775_nav_restauratie.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_stalling {
							height: 57px;
							background: url(/upload/1775_nav_stalling.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_even {
							height: 43px;
							background: url(/upload/1775_nav_even.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_links {
							height: 35px;
							background: url(/upload/1775_nav_links.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_scooter {
							height: 35px;
							background: url(/upload/1775_nav_scooter.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 {
							height: 35px;
							background: url(/upload/1775_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.nav_team {
							height: 35px;
							background: url(/upload/1775_nav_team.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_sponsoring {
							height: 35px;
							background: url(/upload/1775_nav_sponsoring.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;
					}
		
		#contenttext {
			width: 742px;
			padding: 20px 20px 0px 20px;
			display: inline;
			float: right;
			background: #FFF; /* Eenmalig plaatje voor de content, dit is de "schaduw" */
			color: #656565;
		}
		
		
		
	/* Footer */
	#footer {
		width: 1000px;
		height: 31px;
		overflow: hidden;
		position: fixed;
		margin: 0 auto;
		bottom: 0px;
		background: url(/upload/1775_bg_footer.jpg) no-repeat;
		}
		
		
		#left{
		width: 400px;
		float: left;
		font-family: Arial;
		font-size: 14px;
		line-height: 20px;
		}
		
		#right{
		width: 320px;
		text-align: right;
		float: right;
		}
		
		#slideshow{
		width: 325px;
		height: 275px;
		float: right;
		}
		
		#bottom{
		width: 750px;
		float: left;
		}
		.strong{
		font-family: Arial;
		font-weight: bold;
		font-size: 14px;
		color: #656565;
		}
		
		.italic{
		font-style: italic;
		font-size: 14px;
		}

		.size{
		font-size: 14px;
		}

		
		.titel{
		font-family: Arial, "Times New Roman", Times, serif;
		font-size: 20px;
		font-style: normal;
		font-weight: normal;
		color: #4466B7;
		}
		
		
		
		
			/* Slideshow 2 */
		
	#gallery {
		position:relative;
		height:245px;
		overflow:hidden;
	}
	#gallery a {
		float:left;
		position:absolute;
	}

	#gallery a img {
		border: 2px solid #000;
	}

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

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		position:absolute;
		width: 100%;
		bottom:0;
	}

	#gallery .caption .content {
		margin: 5px
	}

	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color: #FFFFFF;
		font-weight: bold;
	}

#table_details {
	width: 550px;
	margin: 0 auto;
}

#table_details td {
	padding: 5px;
}

#table_details img {

}

#table_details .table_details_left {
	background: #DEDEDE;
	width: 100px;
}

#table_details .table_details_right {
	background: #E6E6E6;
	width: 450px;
	text-align: center;
}

#table_details_res {
	width: 550px;
	border: 1px solid #DEDEDE;
	background: #E6E6E6;
	margin: 0 auto;
}

#table_details_res td {
	padding: 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #4466B7;
}

#table_details_res a {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #4466B7;
	text-decoration: none;
}

#table_details_res a:hover {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #4466B7;
	text-decoration: underline;
}

#openingstijden {
	width: 300px;
}

#openingstijden td {
	width: 150px;
}

#evenementen {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
}

#evenementen a {
	font-size: 12px;
}

#evenementen td {
	padding: 5px;
	text-align: center;
	background: #E0E0E0;
}

#evenementen .evenementen {
	width: 50%;
	background: #D50000;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

#evenementen .terugblik {
	width: 50%;
	background: #4466B7;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

#evenementen .terugblik_bg {
	background: #D9D9D9;
}

#evenementen .tussenstuk {
	background: #FFFFFF;
}

#kader {
	border: 1px solid #000000;
	padding: 5px;
}
table {
	empty-cells : hide;
}

#table_left {
	float: left;
	width: 312px;
}

#table_right {
	float: left;
	width: 389px;
}