/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background-color:#c5c5c5;
	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 10px 0;
	}
	
a {
	color:#0071b9;
	text-decoration:none;
	}
	
a:hover {text-decoration:underline;}

li {
	display:block;
	margin-bottom:5px;
	}
h1 {font-size:12px;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {}

form {
	margin:0px;
	}
br.cB {
	clear:both;
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:778px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:#FFF url(../gfx/cont_background.jpg) repeat-y left top;
	}
	/* mozilla hax \*/
html>body .container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.head {
	height:20px;
	}
	
.header{
	position:relative;
	height:64px;
	background-color:#0071b9;
	}
	.filters, .logo, .topNav {
		display:block;
		}
	.filters{
		background:#000 url(../gfx/header_filters.jpg)  0px 30px no-repeat;
		position:absolute;
		top:0px;
		left:17px;
		width:157px;
		height:64px;
		z-index:500;
		}
	.logo{
		float:right;
		background:#0071b9 url(../gfx/logo_purflux.jpg)  left top no-repeat;
		width:190px;
		height:64px;
		}

.headerimage{
	background:url(../gfx/header_image.jpg) #0071b9 no-repeat;
	position:relative;
	float:left;
	width:778px;
	height:52px;
	}
body.home .headerimage {
	height:167px
	}
.filterimage {
		width:157px;
		height:181px;
		position:absolute;
		z-index:300;
		top:84px;
		left:17px;
		}
body .headerimage .margin {
	display:block;
	margin-left:200px;
	margin-top:15px;
	font-size:18px;
	color:#FFFFFF;
	}
.colorLine {
	width:778px;
	float:left;
	background-color:#0071b9;
	height:15px;
	}
body.home .colorLine {background-color:#0071b9;}
body.olie .colorLine {background-color:#ff7300;}
body.benzine .colorLine {background-color:#00ab39;}
body.lucht .colorLine {background-color:#002469;}
body.interieur .colorLine {background-color:#868f98;}
body.diesel .colorLine {background-color:#f1cc00;}

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
.topNav{
		position:absolute;
		bottom:0;
		left:0;
		width:587px;
		text-align:right;
		background-color:#000;
		z-index:20;
		}
		.topNav span{
			float:right;
			}
		.topNav a{
			display:block;
			float:left;
			padding:2px 13px 2px 0;
			font-weight:bold;
			color:#FFF;
			text-decoration:none
			}
		.topNav a:hover{
			text-decoration:underline
		}
.navigatie {
	position:relative;
	float:left;
	margin-top:120px;
	left:17px;
	width:157px;
	}
body.home .navigatie {margin-top:5px;}
	div.navigatie ul {
		padding:0;
		margin:0;
		list-style:none;
		width:166px;
		}
		div.navigatie ul li {
			background:#FFF url(../gfx/main_grijs.gif) top left no-repeat;
			width:166px;
			margin:0;
			padding:0;
			}
			div.navigatie ul li a {
				display:block;
				min-height:22px;
				_height:22px;
				overflow:inherit;
				}
			div.navigatie ul li a img {
				margin-top:7px;
				position:relative;
				border:0;
				right:-28px;
				}
ul.subOlie a,
ul.subBenzine a,
ul.subLucht a,
ul.subInterieur a,
ul.subDiesel a,
ul.subTech a {
	display:block;
	color:#FFF;
	text-decoration:none;
	text-align:right;
	margin:0 2px 0 5px;
	font-weight:bold;
	}
ul.subOlie a:hover,
ul.subBenzine a:hover,
ul.subLucht a:hover,
ul.subInterieur a:hover,
ul.subDiesel a:hover,
ul.subTech a:hover {
	text-decoration:underline;
	}

.navigatie .subOlie,
.navigatie .subBenzine,
.navigatie .subLucht,
.navigatie .subInterieur,
.navigatie .subDiesel,
.navigatie .subTech {
	position:relative;
	left:-17px;
	display:none;
	width:174px;
	}
	
div.navigatie ul li{
	width:174px;
	}

body.olie ul.subOlie,
body.benzine ul.subBenzine,
body.lucht ul.subLucht,
body.interieur ul.subInterieur,
body.diesel ul.subDiesel,
body.tech ul.subTech {
	display:block;
	}

body.olie ul.subOlie li {background:#ff7300 url(../gfx/sub_orange.gif) top left repeat-x;}
body.benzine ul.subBenzine li {background:#00ab39 url(../gfx/sub_green.gif) top left repeat-x;}
body.lucht ul.subLucht li {background:#002469 url(../gfx/sub_blauw.gif) top left repeat-x;}
body.interieur ul.subInterieur li {background:#868f98 url(../gfx/sub_grijs.gif) top left repeat-x;}
body.diesel ul.subDiesel li {background:#f1cc00 url(../gfx/sub_geel.gif) top left repeat-x;}
body.tech ul.subTech li {background:#0071b9 url(../gfx/sub_blauw.gif) top left repeat-x;}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

body div.footer {
	position:absolute;
	bottom:0;
	width:778px;
	clear:both;
	}
body div.footer div.footerText {
	margin:7px 10px 7px 10px;
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

.contentContainer {
	position:relative;
	width:778px;
	background-color:#FFF;
	border-bottom:1px solid #C5C5C5;
	}
.contentBlock {
	width:556px;
	overflow:hidden;
	}
	
.contentHeader .margin,
.subHeader .margin {
	display:block;
	margin:0px 8px 0px 8px;
	}

.content .margin,
.subContent .margin {
	display:block;
	margin:5px 8px 5px 8px;
	/*text-align:justify;*/
	}

.content .margin .imgRightTop {
	float:right;
	max-width:150px;
	margin:0 0 0 20px;
	}


.content, .contentHeader {
	position:relative;
	margin:0 191px 0 0;
	padding:0 8px 0 8px;
	}
	
.mainBlock {
	width:556px;
	float:right;
	}
.subBlock{
	border-left:#c5c5c5 solid 1px;
	position:relative;
	float:right;
	width:191px;
	}

.subContent {
	position:relative;
	padding:0;
	color:#888;
	}
	.subContent img {
	display:block;
	width:190px;
	margin:10px 0 0 0;
		}
	.subContent ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		.subContent ul li {
			margin-bottom:10px;
			}
		
.subHeader, .contentHeader {
	background:url(../gfx/contentheader_blauw.gif) #FFF right top repeat-y;
	padding:5px 0 5px 8px;
	font-weight:bold;
	color:#000;
	}
.subHeader {
	font-weight:bold;
	color:#000;
	}
body.home .subHeader, body.home .contentHeader {
	color:#0071b9;
	}
body.home .subHeader {
	background:url(../gfx/subheader_blauw.gif) #FFF right top repeat-y;
	border-left:#fff solid 1px;
	}
body.olie .subHeader {
	background:url(../gfx/subheader_orange.gif) #FFF right top repeat-y;
	border-left:#fff solid 1px;
	}
body.benzine .subHeader {
	background:url(../gfx/subheader_green.gif) #FFF right top repeat-y;
	border-left:#fff solid 1px;
	}
body.lucht .subHeader {
	background:url(../gfx/subheader_dblue.gif) #FFF right top repeat-y;
	border-left:#fff solid 1px;
	}
body.interieur .subHeader {
	background:url(../gfx/subheader_grey.gif) #FFF right top repeat-y;
	border-left:#fff solid 1px;
	}
body.diesel .subHeader {
	background:url(../gfx/subheader_yellow.gif) #FFF right top repeat-y;
	border-left:#fff solid 1px;
	}

body.olie .contentHeader { background:#FFF url(../gfx/contentheader_orange.gif) right top repeat-y;}
body.benzine .contentHeader {background:#FFF url(../gfx/contentheader_green.gif) right top repeat-y;}
body.lucht .contentHeader {background:#FFF url(../gfx/contentheader_dblue.gif) right top repeat-y;}
body.interieur .contentHeader {background:#FFF url(../gfx/contentheader_grey.gif) right top repeat-y;}
body.diesel .contentHeader{background:#FFF url(../gfx/contentheader_yellow.gif) right top repeat-y;}

body.news .contentBlock .content, body.news .contentBlock .contentHeader {
	float:left;
	margin:0 0 0 0;
	width:556px;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	}
label {
	vertical-align:middle;
	}
select.select {
	}
textarea.textarea {
	}