body{
	margin: 0;
	padding: 0;
	background: #fff;
	font: 11px verdana;
	color: #464d55;
	text-align: center;
	line-height: 1.3em;
}

img{
	border: 0px;
}

a:link {
	color: #219ECE;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #28A5E7;
}
a:hover {
	text-decoration: underline;
	font-weight:bold;
	color: #77B816;
}
a:active {
	text-decoration: none;
	font-weight:bold;
	color: #84B920;
}


a: .leesmeer{
	color: #517312;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

a:link .leesmeer {
	color: #517312;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

a:visited  .leesmeer{
	text-decoration: none;
	color: #517312;
	font-weight:bold;
	font-style:italic;
}

a:hover .leesmeer {
	text-decoration: underline;
	color: #517312;
	font-weight:bold;
	font-style:italic;
}

a:active  .leesmeer{
	text-decoration: none;
	color: #517312;
	font-weight:bold;
	font-style:italic;
}


h1{
	font: italic bold 18px verdana;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 20px;
}
	
h2{
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
	margin: 0 0 0.7em 0;
	padding: 0;
	}
	
h3{
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
}
	
/* The following hack is to correct paragraph text size in IE/WIN */

/* \*/ * html body p { font-size: 80%; } /* */

/* __________________ classes _________________ */

.datum {
	color:#000;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}

.h2 {
	color:#7EB512;
	font: italic bold 24px Verdana, Arial, Helvetica, sans-serif;
}

.h3 {
	color:#7EB512;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
}

.h4{
	color:#7EB512;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.h5 {
	color:#7ead23;
	font: italic bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.f_11px {font: 11px Verdana, Arial, Helvetica, sans-serif;}
.f_12px {font: 12px Verdana, Arial, Helvetica, sans-serif;}

.text_small{
	color:#000000;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.lees_verder {
	color:#7EB512;
	font-size:10px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

.subtitel{
	color:#9B9B9C;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.blauw {color: #219ECE}

.dot-rood {
	color:#84B920;
	font-size:11px;
}

.registratie {
	font-size: 12px;
	font-weight: bold;
}

.background_mainmenu {
	background:url(../images/hoofdmenu/bg_groen.jpg) top right repeat-x;
}

.groen{
	color:#7EB512;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.header_nieuws_item {
	color:#7EB512;
	font:italic bold 20px Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-bottom:10px;
}

.afbeelding_nieuws_item{ padding-left:10px;padding-right:30px;}
.tekst_nieuws_item{padding:20px 10px 0px 10px}

input {
	background-color: #ffffff;
	border:1px solid #CCCCCC;
}

textarea {
	background-color: #ffffff;
	border:1px solid #CCCCCC;
}


/* ________________ containers ________________ */
#container{
	position: relative;
	text-align: left;
	margin: 0 auto;
	eft: 50%;
	top: 0px;
	width: 1015px;
	background: #fff;
	argin-left: -507px; /* half of width */
	margin-top: 0px;  /* half of height */
	clear:both;
}

#header{
	position:relative;
	width:100%;
	height:164px;
}

	#banner, #banner1{
		position:absolute;
		top:16px;
		left:91px;
		width:468px;
		height:60px;
	}
	
	#headerbanner, #banner2{
		position:absolute;
		top:16px;
		left:570px;
		width:190px;
		height:60px;
	}

	#headertekst{
		position:absolute;
		top:15px;
		left:770px;
	}
	
	#logo{
		position:absolute;
		top:111px;
		left:0px;
		width:300px;
		height:50px;
	}
		
	#menu{
		position:absolute;
		top:111px;
		left:306px;
		width:709px;
		height:39px;
		background:#7ead23;
	}
	
		#menu div{
			position:relative;
			float:left;
		}

#content{
	position:relative;
	margin-top:5px;
	width:100%;
}

	#kolom1{
		position:absolute;
		top:0px;
		left:0px;
		width:190px;
	}

	#kolom2{
		position:absolute;
		top:0px;
		left:200px;
		width:370px;
	}

	#kolom3{
		position:absolute;
		top:0px;
		left:580px;
		width:190px;
	}
	
	#dhx_combo_list div{text-align:left}

	#kolom4{
		position:absolute;
		top:0px;
		left:780px;
		width:235px;
	}	
	
	#tyreframe{
		position:absolute;
		top:0px;
		left:234px;
		width:570px;
	}
	
	#sponsorbanner, #banner4{
		position:relative;
		width:190px;
		height:195px;
	}
	
	#newsbanner, #banner5{
		position:relative;
		width:349px;
		height:195px;
		margin-left:10px;
	}
	
	#grimmicbanner, #banner3{
		position:relative;
		width:234px;
		height:60px;
	}
	
	
/* ________________ overig ________________ */


.overig_nieuws_groen {padding:5px 5px 5px 10px;background-color:#ecf3de;}
#overig_nieuws_wit {padding:5px 5px 5px 10px;background-color:#ffffff;}

#header_op_weg {
	background:url(../images/prototype/header_op_weg.jpg) top left no-repeat;
	height:95px;
	padding-left:1px;
	color:#7ead23;
	font: italic bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.op_weg {padding-left:1px;padding-bottom:10px;}

#grimmics{
	background:url(../images/prototype/header_grimmics.jpg) bottom left no-repeat;
	height:112px;
	text-align:right;
}

#poll {border:1px solid #17a1e2}
#poll_question {padding:10px;font-size:12px;font-weight:bold;}
#poll_item {padding-left:10px;padding-bottom:5px;font-size:12px}
.pollbutton{background:#17a1e2;color:#fff;width:50px;font:bold 10px verdana;height:20px;margin-left:16px;margin-top:5px;}

input.buttonblue{color:#219ECE;height:20px;font-size:11px;padding-bottom:1px;margin:0px;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;border-right:1px solid #666666;border-bottom:1px solid #666666;font-weight:bold;background:#ffffff;cursor:pointer;}


/* stijl http://www.getnitrogen.org/  */

.style1 {
	font-size: 10px;
	font-weight: bold;
}

.style2 {
	display: block;
	width: 180px;
	background-color: #000000;
	border: 1px solid #000000;
	margin-top: 5px;
	background-image: url(../images/ticker.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	height: 15px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
}


.thumb{
	float:left;
	width: 185px;
	text-align:left;
	background:#ffffff;
}

.spacer{
	float:left;
	width: 53px;
	background:#ffffff;
}

.intro{
	width: 850px;
	text-align:left;
}

.druk{
	font: 16px Arial;
	font-weight: bold;
	width:25px;
	color: #ff0200;
}

.autocheck{
	margin-left:7px;
	margin-bottom: 3px;
}

.poll{border: 0px solid #fff}

.percentage{
	color:#000;
	font: bold 10px Arial;
}

.feit h2 {
	color:#7eb512;
	font:italic bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding-left:180px;
	background:transparent url(../images/feit.gif) no-repeat 0px 3px;
}

.feit h2.right {
	padding-left:180px;
	background:transparent url(../images/feit_rechts.gif) no-repeat 550px 3px;
}

.feit b.intro{
	font-size:11px;
}

.disclaimer{
	color:#01009a;
	font-weight:bold;
	font-size:11px;
}

#mijnlocatieframe{
	clear:both;
	position:relative;
	border:3px solid #7ead23;
	width:594px;
	height:460px;
}

#banden{
	position:absolute;
	top:30px;
	left:15px;
	width:181px;
	height:401px;
	background:#fff url(../images/prototype/banden.jpg) no-repeat right bottom;
}

	#bandengetal{
		position:absolute;
		top:40px;
		left:2px;
		width:43px;
		height:20px;
		font-weight:bold;
		font-size:16px;
		line-height:16px;
		color:#000;
		text-align:right;
	}

	#bandenbalk{
		position:absolute;
		top:6px;
		left:58px;
		width:12px;
		height:324px;
		background: #fff url(../images/prototype/balk.gif) no-repeat 0px 210px;
	}

#brandstof{
	position:absolute;
	top:30px;
	left:193px;
	width:190px;
	height:401px;
	background:#fff url(../images/prototype/brandstof.jpg) no-repeat right bottom;
}

	#brandstofbalk{
		position:absolute;
		top:6px;
		left:69px;
		width:12px;
		height:324px;
		background: #fff url(../images/prototype/balk.gif) no-repeat 0px 210px;
	}
	
	#brandstofgetal{
		position:absolute;
		top:100px;
		left:0px;
		width:63px;
		height:20px;
		font-weight:bold;
		font-size:16px;
		line-height:16px;
		color:#000;
		text-align:right;
	}

#uitstoot{
	position:absolute;
	top:30px;
	left:404px;
	width:180px;
	height:401px;
	background:#fff url(../images/prototype/uitstoot.jpg) no-repeat right bottom;
}

	#uitstootbalk{
		position:absolute;
		top:6px;
		left:48px;
		width:12px;
		height:324px;
		background: #fff url(../images/prototype/balk.gif) no-repeat 0px 210px;
	}
	
	#uitstootgetal{
		position:absolute;
		top:100px;
		left:0px;
		width:43px;
		height:20px;
		font-weight:bold;
		font-size:16px;
		line-height:16px;
		color:#000;
		text-align:right;
	}

#uitleg{
	position:absolute;
	top:595px;
	left:724px;
}
	
#besparing{
	position:absolute;
	top:301px;
	left:719px;
	width:176px;
	height:239px;
	background:#fff url(../images/prototype/besparing.jpg) no-repeat right bottom;
}
	
	#besparinggetal{
		position:absolute;
		top:72px;
		left:32px;
		width:183px;
		height:50px;
		font-weight:bold;
		font-size:20px;
		line-height:22px;
		color:#000;
		text-align:left;
	}
	
#equals{
	position:absolute;
	top:376px;
	left:674px;
	width:32px;
	height:22px;
	z-index:2;
}

#aantalautos{
	position:absolute;
	top:445px;
	left:763px;
	width:150px;
	height:90px;
	z-index:4;
	color: #59b32a;
	font: bold 17px verdana;
	background:#fff;
	letter-spacing: -2px;
	line-height:22px;
}

#totaal .kolom1{
	text-align:right;
	width:220px;
	color:#000;
	font: bold 12px Verdana, Arial;
}

#totaal .kolom2{
	text-align:center;
	width:62px;
	height:39px;
	color:#000;
	font: bold 12px Verdana, Arial;
}

#totaal .kolom3{
	text-align:left;
	width:90px;
	color:#000;
	font: bold 12px Verdana, Arial;
}

.small
{
  font-size:10px;
}