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

.borderTest {
	border: 1px solid red;
}

html>body {
	height: 100%;
}

#_ctl0 {
	height: 100%;
}

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

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

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;
	color: #FFF;
}

img {
	border: medium none;
}

p {
}

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

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	height: 100%;
	
	background: #000;
}
form {
	height: 100%;
}
#pagewrap {
	margin: 0 auto;
	height: 100%;
	width: 1000px;

	position: relative;
	background: url(/upload/1978_pagewrap_bg.jpg) repeat-y; /* Zet hier de repeat background voor de content! */
	}
	 /* Header */
	#header {
		width: 1000px;
		height: 146px;
		overflow: hidden;
		margin-left:29px;
		background: url(/upload/1978_bg_header.jpg) no-repeat #b60000;
		}
	
		#header h1 { /* Wegwerken van de h1 header in het logo */
			text-indent: -9999px;
			height: 0px;
			width: 0px;
		}
		
		
	
	/* Content */
	#content {
		width: 1040px;
		padding: 0px 0 100px; /* Hoogte van header en hoogte van footer */
		background: url(/upload/1978_pagewrap_bg.jpg) repeat-y ; /* plaatje over de gehele breedte, dus inclusief sidebar */
		/* position: relative; */
		}
		
		#sidebar {
			width: 206px; /* breedte van je sidebar */
			height: 689px;
			display: inline;
			float: left;
			margin-left:30px;
			
			background: url(/upload/1978_sidebarbg.jpg) no-repeat top left;
			}
		
			/* Verticale navigatie */
			ul#navigatie {
					display: block;
					font-family: Arial, "Times New Roman", Times, serif;
					font-size: 13px;
					font-style: regular;
					font-weight: normal;
					color: #FFF;
					margin: 35px 0 0 50px; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
				}
				

					
					ul#navigatie li a:hover { /* bij rollover, uitlijnen naar onder zodat rollover state zichtbaar is */
						display: block;
						font-family: Arial, "Times New Roman", Times, serif;
						font-size: 13px;
						font-style: regular;
						font-weight: normal;
						color: #C10000;
					}
		
		#contenttext {
			width: 700px;
			/* height: 100%;
			In het CMS bij de hoogte de comments weghalen, bij het statisch testen niet!
			*/
			padding: 30px 50px 0px 0px;
			display: inline;
			float: left;
			margin: 0 0 0 0;
			background: url() repeat-x fixed; /* Eenmalig plaatje voor de content, dit is de "schaduw" */
			background-position: 0 200px; /* hoogte van header */
		}
		
		
		
	
	/* Footer */
	#footer {
		width: 1000px;
		height: 100px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		bottom: 0px;
		
		background: url() no-repeat #b60001;
		}
		
		
		
		
		
		
		
		/******************* Autoonderdelen *************************/
		

#ListOnderdelen {
    width: 100%;
	float:left;
}
#ListOnderdelen tr {
}
#ListOnderdelen tr td {
    border-bottom: 1px solid #C1C1C1;
    padding: 5px 0;
}
#ListOnderdelen tr.Info:hover {
    background: none repeat scroll 0 0 #BFBFBF;
    cursor: pointer;
}
#ListOnderdelen tr.filtering td {
    padding: 0 0 20px;
}
#ListOnderdelen tr.filtering td select#filter_merk {
    border: 1px solid #C1C1C1;
    width: 200px;
}
#ListOnderdelen tr.filtering td select#filter_model {
    border: 1px solid #C1C1C1;
    width: 200px;
}
#ListOnderdelen tr.filtering td a {
    text-decoration: none;
}
#ListOnderdelen tr.filtering td a:hover {
    text-decoration: underline;
}
#ListOnderdelen tr.filtering td a.removefilter {
}
#ListOnderdelen tr.heading {
}
#ListOnderdelen tr.heading td {
    border-bottom: 1px solid #000000;
}
#ListOnderdelen tr.heading td a {
    text-decoration: underline;
}
#ListOnderdelen tr.heading td a:hover {
    text-decoration: none;
}
#ListOnderdelen tr td.Paginating a {
    text-decoration: none;
}
#ListOnderdelen tr td.Paginating a:hover {
    text-decoration: underline;
}
#ListOnderdelen tr td.Paginating a.active {
    font-size: 16px;
    text-decoration: underline;
}
#ListOnderdelen tr.ExtraInfo {
    display: none;
}
#ListOnderdelen tr.ExtraInfo td a img {
    border: 1px solid #C1C1C1;
}
#ListOnderdelen tr.ExtraInfo td strong {
    margin: 0 0 10px;
}
#ListOnderdelen tr.ExtraInfo td p {
    padding: 5px 0;
}
#ListOnderdelen tr.ExtraInfo td .staat {
    font-size: 11px;
    font-style: italic;
    margin-right: 10px;
}