@charset "utf-8";
/* CSS Document */
body {
	padding:0px;
	margin:0px;
	background-color:#7b7c7e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-image:url(CNGnet/body_bg.gif);
	overflow-y:scroll;
	overflow-x:hidden;
}
a img {
	border:0px;
	}

a {
		outline:none;
		color:#ff9920;
}

#container {
	width:1000px;
	margin: 10px auto;
	background-color:#FFF;
	height:100%;
}
#content {
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}
#logo {
	height:76px;
	padding-top:44px;
}

#searchbar {
	position:absolute;
	top:15px;
	right:160px;
}

#languages {
	position:absolute;
	top:12px;
	right:10px;
}
a.nl{
	background: url("CNGnet/icons/nl.png") no-repeat scroll 0 0 transparent;
	width:32px;
	height:32px;
	float:left;
	margin: 0 0 0 15px;
}
a.en{
	background: url("CNGnet/icons/en.png") no-repeat scroll 0 0 transparent;
	width:32px;
	height:32px;
	float:left;
	margin: 0 0 0 15px;
}
a.de{
	background: url("CNGnet/icons/de.png") no-repeat scroll 0 0 transparent;
	width:32px;
	height:32px;
	float:left;
	margin: 0 0 0 15px;
}

.printpage{
  float: right;
  margin: 15px 8px 0;
  padding-left: 20px;
  background: url(CNGnet/print.gif) no-repeat 0 2px;
  text-decoration: none;
}
#navigation {
	height:60px;
	background-image:url(CNGnet/nav_bg.gif);
	color:#fff;
	text-transform:lowercase;
	font-size:11px;
}
#topimagemask {
	position:absolute;
	z-index:10;
}
#topimage {
	height:150px;
}
#topimage_01 {
	height:150px;
	position:absolute;
	background-image:url(/media/13201/corporate_beeld_Afbeelding.jpg);
	width:960px;
}
#topimage_02 {
	height:150px;
	position:absolute;
	background-image:url(/media/13201/corporate_beeld_Afbeelding.jpg);
	width:960px;
}

#topimage_03 {
	height:150px;
	position:absolute;
	background-image:url(/media/17417/parijs[1]_Afbeelding.jpg);
	width:960px;
}
#topimage_04 {
	height:150px;
	position:absolute;
	background-image:url(/media/17434/berlijn%5B1%5D.jpg);
	width:960px;
}

#banner_01 {
	height:159px;
	width:220px;
	position:absolute;
	background-image:url(/css/CNGnet/banner_01.gif);
	z-index:6;
}
#banner_02 {
	height:159px;
	width:220px;
	position:absolute;
	background-image:url(/css/CNGnet/banner_02.gif);
	z-index:5;
}
#banner_03 {
	height:159px;
	width:220px;
	position:absolute;
	background-image:url(/css/CNGnet/banner_03.gif);
	z-index:4;
}
#banner_04 {
	height:159px;
	width:220px;
	position:absolute;
	background-image:url(/css/CNGnet/banner_04.gif);
	z-index:3;
}
#banner_05 {
	height:159px;
	width:220px;
	position:absolute;
	background-image:url(/css/CNGnet/banner_05.gif);
	z-index:2;
}
#banner_06 {
	height:159px;
	width:220px;
	position:absolute;
	background-image:url(/css/CNGnet/banner_06.gif);
	z-index:1;
}
#breadcrum {
	background-image:url(CNGnet/nav_bg.gif);
	background-position:0px -40px;
	background-repeat:repeat-x;
	padding-top:15px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	
}
#contentleft, #contentleft_home {
	width:230px;
	float:left;
	margin-right:5px;
	min-height:1px;
}
#contentleftproject
{
/*margin-top:160px;*/
margin-top:1px;
width:220px;
font-size:11px;

}

#contentleftbanner img {
	margin-bottom:1px;
}
#contentleftproject a:link, #contentleftproject a:hover {
	text-decoration:none;
}
#contentmiddlecontainer{
  display: block;
  float: left;
  min-height:1px;
}
#contentmiddle_nonav {
	background-image:url(CNGnet/content_bg.gif);
	float:left!important;
	margin-right:5px!important;
	min-height:352px;
	padding:15px;
	background-repeat:repeat-y;
}
#contentmiddle, #contentmiddle_home {
	background-image:url(CNGnet/content_bg.gif);
	width:460px;
	float:left;
	margin-right:5px;
	min-height:352px;
	padding:15px;
}


#contentmiddle_home h1 {
	margin-top:0px;
}
.imagehome {
	height:110px;
	width:110px;
	float:left;
}
.imagehome img {
	margin-right:15px;
	width:100px;
	height:60px;
	margin-top:5px;
}
#contentmiddle_home img {
	float:left;
	margin-right:15px;
	width:100px;
	height:60px;
	margin-top:5px;
}
#contentright {
	width:230px;
	min-height:200px;
	float:left;
}
#footer {
	height:22px;
	background-image:url(CNGnet/footer_bg.gif);
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	font-size:10px;
	color:#666;
	clear:both;
	border-top:10px solid #fff;
}
.addthis {
	margin-left:170px;
	vertical-align:middle;
}
#footer .blue {
	color:#0065a6;
}
.footer_quicklinks {
	float:right;
	vertical-align:top;
}
.footer_quicklinks a {
	color:#666;
	text-decoration:none;
	padding-left:20px;
}
.footer_quicklinks a:hover {
	color:#0065a6;
	text-decoration:none;
}
#quicklinks {
	height:110px;
	padding:20px;
	background-image:url(CNGnet/quicklinks_bg.gif);
	font-size:10px;
	line-height:20px;
	clear:both;
}

/*navigation*/

ol#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol#nav li {
	float: left;
	margin: 0 1px 0 0;
	padding:10px 25px 10px 25px;
	background-image:url(CNGnet/navitem_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
}
ol#nav a {
	color: #fff;
	text-decoration: none;
}
ol#nav a:hover {
	color: #ffaf5e;
	text-decoration: none;
}
ol#nav li.current a {
	color: #ffaf5e;
	text-decoration: none;
}

/*subnavigation*/

ol#subnav {
	list-style: none;
	margin: 0px;
	padding: 15px;
	line-height:22px;
	border-bottom:1px solid #d0d0d0;
}
ol#subnav li {
}
ol#subnav a {
	color: #333;
	text-decoration: none;
	padding-left:14px;
	text-transform:lowercase;
}
ol#subnav a:hover {
	color: #1e5f8d;
	text-decoration: none;
}
ol#subnav li.current a {
	color: #1e5f8d;
	text-decoration: none;
	background-image:url(CNGnet/subnav_current.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/*subsubnavigation*/
ol#subsubnav {
	display:none;
}
.current ol#subsubnav {
	display:block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height:22px;
	font-size:10px;
}
ol#subsubnav li {
text-transform:lowercase;
}
ol#subsubnav a {
	color: #333!important;
	text-decoration: none;
	padding-left:28px;
	background-image:none!important;
}
ol#subsubnav a:hover {
	color: #1e5f8d;
	text-decoration: none;
}
ol#subsubnav li.current a {
	color: #1e5f8d!important;
	text-decoration: none;
	background-image:url(CNGnet/subnav_current.gif)!important;
	background-repeat:no-repeat;
	background-position:16px 2px;
}

/*breadcrumbs*/

ul#bread {
    display:inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#bread li {
	display:inline;
	text-transform:lowercase;
}
ul#bread a {
	color:#333;
	text-decoration:underline;
}
ul#bread a:hover {
	color:#333;
	text-decoration:underline;
}


/*quicklinks*/

#quicklinks h1 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
}
#quicklinks a {
	color:#fff;
	text-decoration:none;
}
#quicklinks a:hover {
	color:#ffaf5e;
	text-decoration:none;
}

/*news*/

div.news_item {
	padding-bottom:5px;
	margin-top:5px;
	border-bottom:1px solid #fff;
	display:block;
	height:95px;
}
.news_image {
	width:100px;
	height:95px;
	margin-right:10px;
	float:left;	
}
.news_title {
	font-weight:bold;
	color:#0065a6;
	font-size:12px;
}
a.news_readmore {
	color:#333;
	float:right;
	font-size:11px;
}
a.news_readmore:hover {
	color:#0065a6;
}

.rss {
	float:right;
	background-image:url(/css/CNGnet/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}
#morenews {
	margin-top:2em;
}
/*contentpagine */

h1 {
	color:#0065a6;
	text-transform:uppercase;
	font-size:14px;
}
h2 {
	color:#0065a6;
	font-size:12px;
	margin:0px;
	padding:0px;
}
p { 
	margin-top:0px;
}
#contentmiddle ul {
	margin-top:0px!important;
}
#contentmiddle li {
	list-style-image:url(CNGnet/li.gif);
	font-weight:bold;
}


a {
	color:#0065a6;
}
a:hover {
	color:#333;
}

/* zoeken & paging */
#xsltsearch {margin: 0; padding-bottom: 20px;}
#xsltsearch_navigation {text-align: left;}
#xsltsearch_navigation .disabled {color: #AAA;}
#xsltsearch_stats {font-size: 11px; color: #999;}
#xsltsearch_results {padding-bottom: 20px;}
#xsltsearch h2 {font-size: 150%;}
.xsltsearch_result p {margin: 0; padding: 0;}
.xsltsearch_result:hover {background: #fafafa;}
.xsltsearch_ordinal {font-weight: bold; font-size: 11px;}
.xsltsearch_title {font-weight: bold;}
.xsltsearch_score {font-size: 11px;}
p.xsltsearch_result_description {padding-bottom: 10px;}
.xsltsearch_description strong {background: #FFD;} /* highlighting */

/* paging */
#paging {
margin-top: 2em;
}
#paging .disabled {color: #AAA;}

.input {
	border:1px solid #d0d0d0;
	height:15px;
	padding:2px;
	font-size:11px;
	background-image:url(CNGnet/input_bg.gif);
	font-family:Arial, Helvetica, sans-serif;
}
.submit {
	background-color:#0065a6;
	border:none;
	color:#fff;
	font-size:11px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}


/* contentright */

#contentright h1, #contentleftproject h1 {
	color:#fff;
	padding:0px;
	margin:0px;
	margin-bottom:4px;
	display:block!important;
}

.itemright, .quicklinksright, .inforight {
	background-color:#1e5f8d;
	color:#fff;
	padding:10px;
	margin-bottom:1px;
	line-height:16px;
	background-image:url(CNGnet/contentright_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	display: block;
	position: relative;
}
.itemright {
	padding-bottom:30px;
	cursor:pointer;
}
#contentright a, #contentright a:hover {
	text-decoration:none;
}
.contentright_arrow {
	background-image:url(CNGnet/contentright_arrow.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	float:right;
	clear:both;
}
.quicklinksright a {
	color:#fff;
	text-decoration:none;
}
.quicklinksright a:hover {
	color:#ff991c;
}
.quicklinksright ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.quicklinksright li {
	background-image:url(CNGnet/quicklinksright_a.png);
	background-repeat: no-repeat;
	background-position:0px 5px;
	padding-left:12px;
}
/*.inforight {
	padding:10px;
	font-size:10px;
}
.inforight h1 {
	color:#0065a6!important;
	text-transform:none;
}
*/
.inforight a {
	color:#ff9927;
}
.inforight a:hover {
	color:#fff;
}

.socialmediaicons img {
	margin-right:14px;
}

/*overzicht*/

.overzicht_item {
	padding-bottom:10px;
	margin-top:5px;
	border-bottom:1px solid #fff;
	display:block;
	background-image:url(CNGnet/overzicht_title.png);
	background-repeat:no-repeat;
	padding-left:25px;
	cursor:pointer;
}
#overzicht a {
	text-decoration:none!important;
	color:#333;
}
.overzicht_title {
	font-weight:bold;
	color:#0065a6;
	font-size:13px;
	text-transform:lowercase;
}

/*topbeeld*/

#top a, #top a:hover {
	text-decoration:none;
}

#topimagetext {
	position:absolute;
	text-align:center;
	padding-top:90px;
	padding-left:20px;
	z-index:99;
	cursor:pointer;
}
#topimagetext h1 {
	font-size:18px;
	color:#fff;
	padding:0px;
	margin:0px;
	text-transform:none;
	font-weight:100;
}
#topimagetext h2 {
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}
#topimagetext h2 img {
	vertical-align:middle;
	margin-left:10px;
}


/* Tankstations table */

table.sorttable {
	width:100%;
	border:4px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: -2px;
}

table.sorttable th, table.sorttable td {
	margin:0px;
	padding:0 0 0 12px;
	height:26px;
}
table.sorttable thead th {
	color:#fff;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 2px 0 12px;
	font-weight:normal;	
	text-align:left;
}
/* Striping */
tr.normal {
	cursor:pointer;
	background-color:#fff;
	text-align:left;
	color:#333;
	}
tr.alternate {
	cursor:pointer;
	background-color:#ecf0f1;
}
tr.normal td {

}
tr.normal:hover {
	background: #ff9a02;
	color: #fff;
}


/* Sorting */

th.table-sortable {
	cursor:pointer;
	background:url("/css/CNGnet/sortable_bg.gif") top left repeat-x;
	color:#0065a6;
	padding-right:0px;
}

th.table-sortable:first-child {
	background-position: -2px 0 ;

}
th.table-sortable span{
	display: block;
	background:url("/css/CNGnet/sortable_arrows.gif") top right no-repeat;
	height: 32px;
	line-height: 32px;
	padding: 0 26px 0 0;
	margin-right: 2px;
}
th.table-sorted-asc span{
	background-position:bottom right;
}
th.table-sorted-desc span{
	background-position:center right;
	
}

/* tankkselector */

#tankstationselector { 
	width: 727px;
	height: 250px;
	float:left;
}
.tank_search {
	background-image:url("/css/CNGnet/tanksearch.gif");
	height:250px;
	margin-left:726px;
	padding:10px;
	position: relative;
}
.tank_search hr {
	height:1px;
	border:0px;
	background-color:#d0d0d0;
	margin:15px 0px 15px 0px;
}
.tank_search a:link, .tank_search a:visited {
	background-image:url(/css/CNGnet/contentright_arrow.gif);
	background-repeat:no-repeat;
	background-position:left-top;
	padding-left:30px;
	padding-bottom:20px;
	float:left;
}
/*google maps*/
.marker .icon {
	float:left;
}
.marker .data {
	float:left;
	margin-left:10px;
}
.marker h1 {
}
.marker a {
}

#betaalkaarten img {
	width:40px;
	vertical-align:middle;
	padding-right:7px;
}

/* testimonials */

#testimonials_kader {
	float:right;
	width:200px;
	border:1px solid #0065a6;
	padding:8px;
}
#testimonials_kader h1 {
	color: #0065a6;
}

.case_blok{
  float: left;
  width: 132px;
  width:182px;
  height: 210px;
  border-right: 1px solid #fff;
  padding: 0 8px 10px 0;
  margin: 0 48px 10px 0;
  background: url(CNGnet/contentright_arrow.png) 152px 185px no-repeat;
  text-decoration: none;
}
.case_blok.case_blok_right{
 margin-right:0px;
}

.case_blok h1{
  font-size: 12px;
}

.case_blok span{
  color: #000;
}

.case_naam,
.case_functie{
  float: left;
  clear: both;
}

.case_functie{
  color:#0065a6!important;
}

.testimonials_right{
  display: block;
  height: 300px;
  font-size:11px;
  line-height:14px;
}

.testimonials_right .overlay{
  
  background: url(CNGnet/testimonial_blauw_overlay.png) bottom left no-repeat;

  height: 105px;
  padding: 195px 0 0 15px;
}

.testimonials_right h1{
  height: 37px;
}

.testimonials_right .case_naam,
.testimonials_right .case_functie{
  color: #fff!important;
}

.testimonials_right .case_functie{
  font-style: normal;
}


/* tankstations */
#tankstation {
	min-height:352px;
}
#tankstation li {
	font-weight:normal;
}

#tankstation #image {
float:left;
margin-bottom:1em;
}
#tankstation #data {
margin-left:10px;width:220px;float:left;
}
#tankstation a.route {
display:block;
margin-top:1em;
}
#tankstation img.kaart {
margin-right:4px;
}

#tankstation h2 {
margin:1em 0 0.5em 0;
}

.image_left{
  float: left;
  margin: 0 8px 0 0;
}

.image_right{
  float: right;
  margin: 0 0 0 8px;
}

/* referenties */

.projecttable {
	float:left;
	width:300px;
	padding-right:10px;
}
.bold {
	font-size:12px;
	font-weight:bold;
}
.themecolor {
	color:#0065a6;
}
.italic {
	font-style:italic;
}
.linknextbullet {
	float:right;
}

#images {
	margin-top:10px;
}

#short {
	font-weight:bold;
	margin-bottom:10px;
}

.projectsmall {
	margin-right:5px;
	margin-bottom:5px;
}

#project ul {
	height: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #333;
	margin-bottom:8px;
}
#project li {
	background: url(/css/cngnet/navigation_tab.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 22px;
	list-style: none;
	
}
#project li a {
	background: url(/css/cngnet/navigation_tab.gif) right top;
	height: 22px;
	color: #008;
	float: left;
	line-height: 24px;
	padding-right: 22px;
	text-decoration: none;
	color: #3a3a3a;
}
#project li a:hover {
	color: #0065a6;
}
#project li.current {
	background-position: left bottom;
}
#project li.current a {
	background-position: right bottom;
	color: #fff;
}
#project li {
	background: url(/css/cngnet/navigation_tab.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 22px;
	list-style: none;
	
}
#back a{
	height: 22px!important;
	line-height: 29px!important;
	font-size:11px;
	background: url(/css/cngnet/arrow_left.gif) center left no-repeat!important;	
	padding-left:25px!important;;
	padding-top:0px!important;;
	padding-bottom:7px!important;;
	text-decoration:none;
	display:block;
	margin-top:-5px!important;
	color: #ff9904!important;
	
}

#back {
	background: none!important;
	float: right!important;
}

.description {
	font-size:11px;
}
.projectimg {
margin:4px 0px 0px 0px;
}
.projectlistimg {
	margin-bottom:11px;
}




/*

   auto grafiek

*/


#graph{
  margin:0 0 0 50px;
  width:395px;
  position:relative;
  
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  

}

#grapharea{
  width:100%;
  margin:30px 0 25px 0;
  border-left:1px solid #999;
  border-bottom:1px solid #999;
  position:relative;
}

#grapharea .autoBar{
  height:30px;
  position:relative;

}

#grapharea .label{
  position:absolute;
  left:-70px;
  top:-7px;
  width:60px;
  text-align:right;
}

#grapharea .bar{
  height:4px;
  background:purple;
  position:absolute;
  top:0;
  width:1px;
  background:url(/css/cngnet/calculators/lijnen.png) repeat-x 0px 10px;
}

#grapharea .line{
  position:absolute;
  right:0;
  top:0;
  width:1px;
  height:30px;
  background:#CCC;
}

#grapharea .auto{
  height:22px;
  width:53px;
  background:#03F;
  position:absolute;
  right:-55px;
  bottom:-5px;
  background: url(/css/cngnet/calculators/autos.png) no-repeat 0px 0px;
}

#graph  .pt14{
  font-size:14px;	
}

#grapharea .pagers{
  position:absolute;
  left:-1px;
  bottom:-8px;
  width:100%;
}

#grapharea .pagers ul{
  list-style:none;
  margin:0;
  padding:0;
}

#grapharea .pagers ul li{
  float:left;
  display:block;
  height:8px;
  /*width:32px;*/
  position:relative;
}

#grapharea .pagers ul li span.getal{
  position:absolute;
  left:-1px;
  bottom:-13px;
}

#grapharea .pagers ul li span.border{
  position:absolute;
  left:0px;
  bottom:0px;
  height:100%;
  width:1px;
  display:block;
  background:#999;
}



/*

  reken machine

*/

#rkm{  
  margin:10px 0 0 0;
  height:209px;
  width:230px;
  position:relative;
  background:url(/css/cngnet/calculators/rkmBackgroundv2.gif) no-repeat;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;	
}

#rkmDescription{
  position:absolute;
  top:7px;
  left:15px;
  color:#0069AA;
  font-weight:bold;
  font-size:13px;
}


#rkmAardgasContainer{
  position:absolute;
  top:151px;
  left:3px;
  width:100px;
  text-align:center;
  font-size:16px;
  color:#FFF;

  font-weight:bold;
}


#inputArea{
  position:absolute;
  top:55px;
  width:100%;
}

#rkInputRow{
  float:right;
  height:18px;
  text-align:right;
  margin:0 15px 0  0;
}

#rkmInput{
  margin:0 5px 0 5px;
  background: url(/css/cngnet/calculators/inputBackgroundv2.png) no-repeat;
  border:0;
  text-align:left;
  line-height:10px;
  height:15px;
  width:36px;
  padding:2px 4px 0 2px;
  outline:none;
}

.rkmPrijs{
  width:100%;
  float:right;
  text-align:right;
  margin:7px 0 0 0;
}

.rkmbeschrijving{
  display:block; 
  float:right;
  width:59px;
  text-align:left;
}

.rkmTotaal{
  padding:0 0 0 3px;
  text-align:right;
  margin:0 10px 0 0;
}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */