/*De body geeft de algemene stijl en zorgt er o.a. voor dat de container waar alles in staat in het midden wordt uitgelijnd.*/

body  {
	margin: 0;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFF;
	padding-right: 0;
	padding-left: 0;
}

/* Alle objecten(DIV's zijn geplaatst in de container. Om er voor te zorgen dat de onderbalk doorschuift moet er in de rechter div, onderaan een paar keer op enter gedrukt worden. Deze kolom is niet absoluut uitgelijnd, hierdoor schuift de balk naar beneden  */
#container {
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	position: relative;
} 

/*Hier is het logo in de container gepositioneerd*/
#Logo {
	position: absolute;
	height: 37px;
	width: 242px;
	left: 0px;
	top: 0;
	z-index: 3;
}

/* De header is gebruikt als opvulruimte, door de header te vergroten kan de middelste div 'mainContent' naar onder geschoven worden*/
#header {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 100px;
	width: 1020px;
	background-color: #FFF;
} 

/*Sidebar1 is de linkse div, hierin staan alle divs voor de linkerkant */
 #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 204px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	background-color: #FFF;
	top: 0px;
	left: 0px;
}

/* In siderbar2 staan alle divs voor de rechterkant*/
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px; /* padding keeps the content of the div away from the edges */
	background-color: #FFF;
	top: 0px;
	right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	left: 5px;
}

/* mainContent is de middendiv*/
#mainContent {
	width: 617px;
	left: 204px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: absolute;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
} 

/* Hier bevindt zich de footer*/
#footer {
	padding: 0;
	width: 1020px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff3333;
	background-color: #FFF;
	left: 0px;
	position: absolute;
	z-index: 5;
} 

/*Deze geeft de text in de Footer een stijl*/
.FooterText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #859EB0;
	line-height: 12px;
	text-decoration: none;
}


/* Hieronder staat de spacer, deze zorgt ervoor dat de div waar de navigatie in staat op de juiste hoogte wordt uitgelijnd. */
.sidebar1_Spacer {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height: 78px;
	position: relative;
	top: 0px;
}
/* Dit is de class waar de navigatie in staat, let op, dit is niet de div die de navigatietext stijl geeft!*/
.sidebar1_Navigatie {
	background-color: #FFF;
	position: relative;
	width: 204px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* In deze class worden de links in de navigatie gestijld*/
.NavigatieTextstijl, .NavigatieTextstijl a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #859EB0;
	text-decoration: none;
}

/*De hover zorgt voor het mouseover effect van de navigatie*/
.NavigatieTextstijl:hover, .NavigatieTextstijl:active {
	color: #ff3333;
	text-decoration: none;
}


/* Deze class zorgt ervoor dat de volgende div op de juiste wijze uitgelijnd wordt, zodat het schell-logo uitlijnd met het euinde v/d boog.*/
.sidebar2_Spacer {
	background-color: #FFF;
	position: relative;
	height: 78px;
	top: 0px;
	width: 199px;
}


/* Dit is een placeholder voor het zoekvlak*/
#Zoeken {
	background-color: #FFF;
	position: absolute;
	height: 40px;
	width: 199px;
	top: 100px;
	right: 0px;
	z-index: 3;
}

/* deze class zorgt voor uitlijning van de text in het middenvlak. De rechterpadding is groter dan de linkse omdat de rechterkolom 5px smaller is dan hij werkelijk moet zijn inclusief marge, zodat de lijsten en de afbeeldingen gemakkelijk op de linkerzijde van deze rechterkolom konden worden uitgelijnd */
.mainContent {
	background-color: #FFF;
	padding-left: 40px;
	padding-right: 45px;
}



/*Deze class geeft text een kop(H1) stijl*/
.mainTextH1 {
	font-size: 22px;
	line-height: 20px;
	color: #ff3333;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	padding-top: 15px;
}

/*Deze class geeft text een kop(H1) stijl*/
.mainTextH1boven {
	font-size: 23px;
	line-height: 25px;
	color: #ff3333;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
}

/*Deze class stijl de standaard text in het midden*/
.mainText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	padding-left: 55px;
	}
	
/*Deze class stijl de standaard text in het midden*/
.mainTextdatum {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	padding-left: 55px;
	}
	
/*Deze class stijl de standaard text in het midden*/
.mainText2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	padding-left: 35px;
	text-decoration: none;
	}
	
	/*Deze class stijl de standaard text in het midden*/
.terugoverzicht {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	padding-left: 55px;
	}


/*Linksstijl van de standaard text in het midden*/
.mainText a {
	color: #000;
	text-decoration: none;
}

.mainText a:hover {
	color: #ff3333;
	text-decoration: none;
}

/*Deze class, geeft de koppen van de rechterkolom stijl*/
.sidebar2TextH1, .sidebar2TextH1 p, .sidebar2TextH1 a {
	font-size: 15px;
	color: #004B6D;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 20px;
}
.sidebar2TextH1hover {
	color: #ff3333;
	text-decoration: none;
}

/*Deze class geeft de text in de rechterkolom een stijl, let op, dus ook de lijsten die deze class hebben*/
.sidebar2Text, .sidebar2Text p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	/*Link eigenschappen van lijsten en tekst in rechterkolom*/
.sidebar2Text a {
	color: #000;
	text-decoration: none;
}

.sidebar2Text a:hover {
	color: #ff3333;
	text-decoration: none;
}
a:hover {
	color: #ff3333;
	text-decoration: none;
}

/*Bovenste Placeholder in rechterkolom, hierin is het schelllogo gepositioneerd!!!*/
.sidebar2_Textbox1 {
	background-color: #FFF;
	top: 0px;
	height: 32px;
	font-family: Verdana, Geneva, sans-serif;
	color: #03C;
}

/*Middenste placeholder in rechterkolom, deze geeft de oranje lijn weer!!!*/
.sidebar2_Textbox2 {
	background-color: #FFF;
	top: 0px;
	padding-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff3333;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Onderste placeholder in rechterkolom*/
.sidebar2_Textbox3 {
	background-color: #FFF;
	top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

/*Hieronder is een custom lijst gegenereerd, waarin het oranje vakje als bolletje wordt gebruikt. Zowel body li en body ul zijn nodig!!!*/

body li {
	list-style-image: url(beelden/OCN_Beeld-List-Item.gif);
	padding-left: 3px;
	text-indent: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	padding-bottom: 0px;
	text-decoration: none;
}


body ul {
	list-style-image: url(beelden/OCN_Beeld-List-Item.gif);
	list-style: none;
	padding-left: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 3px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 3px;
	text-decoration: none;
	padding-top: 0px;
} 
.footer_line {
	background-image: url(/beelden/footer_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.NavigatieTextstijlsub, .NavigatieTextstijl a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #859EB0;
	text-decoration: none;
}
.bolletje_2regels {
	margin-top: 7px;
}

/*begin brandstofprijzen*/
.cTxt1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 69%;
   color: #333333;
   text-decoration: none;
   line-height: 130%;
}
table.brandstofprijzen {
	border-collapse: collapse;
	margin-top: 6px;
}

table.brandstofprijzen td {
	border: 1px solid #ccc;
	font-size: 70%;
}

div.brandstof {
	background-color: #F4F3F3;
	padding: 6px;
	border: 1px solid #fff;
}

span.brandstofprijs {
	font-weight: bold;
	color: #f00;
}
/*einde brandstofprijzen*/
.mainText_boldlink {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #004B6D;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	padding-left: 55px;
	text-decoration: none;
	}
.mainText_boldlink2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #004B6D;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	padding-left: 0px;
	text-decoration: none;
}