*{
	margin:0px;
	padding:0px;
}
html{
	height:100%;
}
body{
	text-align:center;
	margin:0 auto;
	font-family:Verdana, Tahoma;
	font-size:12px;
	color:#666;
	background:#eeeeee;
}
	.GGM{
		margin-top:7px;
		color:#333;
		font-size:9px;
		display:block;
	}
	#wrapper{
		width:100%; 
		height:100%; 
		background:#fff;
	}
	body a{
		text-decoration:none;
		color:#333;
		outline: none;
	}
		body a:hover{
			text-decoration:underline;
		}
	body img{
		border:0px;
	}

	body p {
		padding-left: 10px;
		line-height: 18px;
	}
	.orangeTVover{
		position:absolute;
		width:209px;
		height:209px;
		background:url(../images/orangegasTV.png) no-repeat top center;
	}
	#container, #containerContent{
		width:960px;
		margin:0 auto;
		overflow:hidden;
		background:url(../images/splashbackground.png) no-repeat top center;
		padding:270px 0px 0px 0px;
		text-align:left;
	}
	#container.nwsplash {
		background:url(../images/home_splash.jpg) no-repeat center 10px;
	}
	ul	{margin-left: 10px; padding-left: 30px;}

/**************************       SPLASH PAGE      ************************/
		#tabs{
			width:960px;
			overflow:hidden;
			float:left;
		}
			.tabLeft, .tabMid, .tabRight{
				width:300px;
				overflow:hidden;
				float:left;
			}
				.tabRight{
					position:relative;
				}
				.tabLeft{
					position:relative;
				}
					#prijsaanpomp{
						position:absolute;
						top:90px;
						left:18px;
						font-family: verdana;
						font-size:18px;
						color:#f4910d;
						font-weight:bold;
					}
				.tabRight{
					/*background:url(../images/tabRight.png) no-repeat top left;
					padding:44px 5px 5px 22px; */
					width:300px;
					/*height: 300px;*/
				}
					.tabRight h1{
						color:#db7c00;
						font-size:18px;
						font-weight:bold;
					}
					.tabRight p{
						margin:5px 0px;
					}
				.tabMid{
					margin:0px 28px;
					width:304px !important;
					text-align:center;
				}
					.tabMid, .tabMid a{
						font-weight:bold;
						text-decoration:none;
						color:#db7c00;
					}
					.tabMid img{
						margin-bottom:15px;
					}
				.tabLeft img, .tabMid img, .tabRight img{
					float:left;
				}
				
	#visual {
		height: 145px;
		width:212px;
		margin-top: -238px;
		z-index:2;
		float:left;
	}
	#visual.content {
		height: 80px;
		float:left;
		width:212px;
		margin-top: -80px;
		margin-left: 674px;
		z-index:2;
	}
	#social{
		width:60px;
		margin-top: -257px;
		margin-left: 890px;
		z-index:2;
		float:right;
	}
	#social.content {
		width:60px;
		margin-top: -73px;
		margin-left: 900px;
		z-index:2;
		float:right;
	}
	.tabMid { margin-top:-3px;float:left;width: 304px;}
	.tabMid .video {
		float:left;
		width: 217px;
		height: 300px;
		z-index:1;
		padding: 72px 0px 0px 36px;
		
	}
	.tabMid .overlay {
		float:left;
		width:304px;
		height:330px;
		z-index:2;
		background: transparent url(../images/otvh.png) no-repeat;
		margin-top: -371px;
		display:inline;
		margin-left:0px;
	}
	.tabRight a { float:left;margin-bottom: 4px; }
	#h_acties {
		width: 100%;
		height: 200px;
		float:left;
		margin-top:4px;
		background: transparent url(../images/actiebg.jpg) no-repeat;
	}
	#innerFooter .left {
		width: 640px;
		float:left;
		padding-left:18px;
		margin-top:-2px;
	}
	#innerFooter .left .intro {
		float:left;
		margin-bottom:10px;
	}
	#innerFooter .left h1 {
		color:#f4910d;
		font-size: 18px;
		margin-bottom:4px;
	}
	#innerFooter .right {
		width: 300px;
		float:right;
	}

/**************************       Content PAGE      ************************/


	#containerContent{
		background:url(../images/contentbackground.png) no-repeat top center;
		padding-top:91px;
	}
		#menu{
			width:960px;
			height:34px;
			background:url(../images/menuBar.png) no-repeat top left;
			float:left;
		}
			#menu ul{
				width:960px;
				height:34px;
				margin: 0;
				padding: 0;
			}
				 #menu ul li a{
				 	display:block;
					height:34px;
				 }
				#menu ul li{
					height:34px;
					list-style-type:none;
					float:left;
					margin-left:20px;
					margin-right:10px;
					line-height:33px;
				}
					#menu ul li a, #menu ul li a.active{
						font-weight:bold;
						color:#f4900b;
					}
					#menu ul li a.active{
						color:#50af31 !important;
					}
					
					#menu ul li ul{
						position:absolute;
						background:#FFF;
						display:table;
						border:1px solid #ddd;
						width:auto;
						height:auto !important;
						margin:0px;
						padding:0px;
						display:none;
						padding-top:-5px;
						z-index: 999;
					}
						#menu ul li ul li{
							list-style-type:none;
							width:auto;
							float:none;
							margin:1px 5px;
							padding:0px;
							height:24px !important;
							line-height:24px;
						}
						
		#content{
			width:960px;
			overflow:hidden;
			margin-top:60px;
		}
			#content #contentLeft{
				width:800px;
				float:left;
				padding:10px 0px;
			}
				#contentLeft h1{
					font-size:24px;
					color:#f4900b;
					font-weight:bold;
					margin:10px;
				}
			#content #contentRight{
				width:160px;
				float:left;
				padding:10px 0px;
			}


/********************* Rekenmodel *********************/
			.rekenmodel{
				width:353px;
				height:157px;
				background:url(../images/rekenmodelBG.png) no-repeat top left;
				font-size:16px;
				font-weight:bold;
				padding:22px 18px;
				margin-bottom:25px;
			}
				.rekenmodel .white{
					color:#FFF;
					float:left;
					display:block;
					margin:5px 7px;
				}
				.rekenmodel .red{
					height:30px;
				}
				.rekenmodel .red, .rekenmodelinput{
					color:#d80000;
				}
				
				.rekenmodelinput{
					height:21px;
					width:110px;
					background:url(../images/rekenmodelinput.png) no-repeat top left;
					float:left;
					border:0px;
					font-size:18px;
					font-weight:bold;
					padding:3px;
				}
				
				
				.uitkomst{
					background:url(../images/rekenmodeluitkomst.png) no-repeat top left;
					width:168px;
					height:56px;
					text-align:center;
					color:#50af31;
					font-size:28px;
				}








/**************************       Footer      ************************/
		#innerFooter{
			width:960px;
			float:left;
			margin:20px 0px;
		}
		
		#innerFooter a{
			font-weight:bold;
			text-decoration:none;
			color:#db7c00;
		}
		#footer{
			border-top:2px solid #f4900b;
			float:left;
			height:130px;
			width:100%;
			background:url(../images/footerspacer.png) repeat-x top left;
			text-align:center;
			padding-top:10px;
			font-size:11px;
			margin:0 auto;
		}
		#footer .wrapper {
			width: 960px;
			margin:auto;
		}
		#footer a{
			margin:0 auto;
			margin:0px 8px;
		}
		#footer .right {
			text-align:right;
			float:right;
			color:#000000;
		}
		#footer .right a {
			margin:0px;
		}
		#footer .left {
			float:left;
		}
			

/* ********** ********** ********** ********** CONTACT FORMS ********** ********** ********** ********** */
 
fieldset.tx-powermail-pi1_fieldset		{background-color: transparent; padding: 10px; width: 500px;}
  
.tx-powermail-pi1 legend				{display: none;}
.tx-powermail-pi1 fieldset				{border: 0;}
.tx-powermail-pi1 label					{display: block; width: 130px; float: left; clear: both}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 textarea				{display: block; border: 1px solid #aaa; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; clear: both}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 textarea				{width: 180px; padding: 1px; background-color: #fbfbfb; color: #555}
.tx-powermail-pi1 textarea				{height: 60px;}
.tx-powermail-pi1 input[type="submit"]	{background-color:#F4900B;border:2px solid #DD8800;color:#fff;padding:1px;}
.tx-powermail-pi1 input[type="submit"].powermail_submit						
										{margin-left:0px;}
.tx-powermail-pi1 input[type="submit"].tx-powermail-pi1_confirmation_submit
										{margin-top:20px;}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html
										{float: left; clear: both; margin-bottom: 10px;}
/* captcha */
.tx-srfreecap-pi2-image					{margin-left: 0px !important; clear: both; float:left; width: 180px; margin-top: 10px;}
.tx-srfreecap-pi2-cant-read 			{color:#35006D;font-size:0.9em; display: block; clear: both; float: left; width: 180px; margin-left: 0px;}

/* validation */
div.validation-advice						{display: none !important;}
.tx-powermail-pi1 input[type="text"].validation-failed, .tx-powermail-pi1 textarea.validation-failed
										{background-color: #fdefef; border: 1px solid #d1a8a8}
.tx-powermail-pi1 input[type="text"].validation-passed, .tx-powermail-pi1 textarea.validation-passed
										{background-color: #f8fcf4; border: 1px solid #afbba3}

fieldset.tx-powermail-pi1_fieldset div.even	{background-color: transparent;}
.powermail_check_inner	label			{float: right !important;}

span.powermail_mandatory				{color: #F4900B !important;}














/**************Aardgas auto*******************/
.autoWrapper, .autoContainer{
	width:717px;
	width: 390px;
	height: 350px;
	overflow:hidden;
	border-bottom:1px solid #50af30;
}
.autoContainer { float:left; margin: 10px 5px;}
	.autoWrapper{
		float:left;
		margin-bottom: 15px;
	}
	.autoContainer{
		border:0px !important;
		height:352px;
	}
	
	.autoPictures{
		width:140px;
		margin:0px 10px 0px 0px;
		float:left;
		overflow:hidden;
	}
	
		.autoPictures .bigImg{
			width:138px;
			float:left;
			overflow:hidden;
		}
		.autoPictures .bigImg img { width: 129px; margin-top: 4px;}
		.autoPictures .smallImg{
			width: auto;
			float:left;
			/*overflow:hidden;*/
			margin:5px 5px 0px 0px;
		}
		.autoPictures .bigImg, .autoPictures .smallImg{
			border:1px solid #dddddd;
		}
		
	.autoInfo{
		width:240px;
		overflow:auto;
		float:left;
		height:350px;
	}
		.autoInfo p{
			padding:0px !important;
			color:#666666;
			margin:0px 0px;
		}
			.autoInfo p a{
				font-family:Verdana, Tahoma;
				font-weight:bold;
				color:#50af31;
			}
		
		.autoInfo h3, .tvLeft h3, .tvRight h3{
			font-family:Verdana, Tahoma;
			font-weight:bold;
			font-size:16px;
			color:#f4900b;
		}
	
	
	.tvLeft, .tvRight{
		width:350px;
		float:left;
		
	}
		.tvRight{
			margin-left:50px;
		}
		
		.tvLeft .item, .tvRight .item{
			width:340px;
			border-bottom:1px solid #50af30;
			padding:5px;
			overflow:hidden;
		}
			.tvLeft .item img, .tvRight .item img{
				float:left;
				margin:5px 5px 5px 0px;
				width:120px;
			}
			.tvLeft .item p, .tvRight .item p{
				float:left;
				width:200px;
			}
	#gmapDirHead{
		display:none;
		visibility:hidden;
	}
	
	
	
	
	#twitter_update_list ul{
		width:260px;
	}
		#twitter_update_list ul li{
			width:260px;
			list-style-type:none;
			float:left;
			margin-bottom:15px;
		}
		
		
		
.sorttable {background: #fff; width: 680px; border: 1px solid #ddd;}
.sorttable td {padding: 4px 8px; text-align: left}
.sorttable a {cursor: pointer}
.sorttable thead {}
.sorttable th {background-image: url(../images/sortable_bg.jpg); height: 32px; text-align: left; color: #fff; padding: 4px 8px; overflow:hidden; line-height: 24px; vertical-align:top; background-repeat:no-repeat; cursor: pointer}
.sorttable tr.alternate	{background-color: #fff4e5}
.sorttable tbody tr:hover {background-color: #F4900B; color: #fff}
.sorttable tbody tr:hover a {color: #fff}
.tx_lumogooglemaps_pi1_sidebar h3 {padding: 20px 0px}


div#gmapmarker	{white-space: normal !important}

.infobox{
	float:left; 
	width:250px;
}
	.infobox p{
		padding:0px;	
	}
	
	
#legenda
{
	position: absolute; top: 210px; margin-left: 700px;
}
#LgndID2 td {
	padding-bottom: 20px;
}


/* Orange TV */
.video_list { }
.video_list .item {
	float:left; 
	width: 246px;
	border-bottom: 1px solid #d3d3d3;
	padding:0px;
	margin-bottom: 20px;
	height: 200px;
	margin-right:20px;
}
.video_list .third {
	margin-right:20px;
}
.video_list .item .screenshot {
	float:left;
	width: 209px;
	height: 130px;
	z-index:1;
}
.video_list .item .screenshot img {
	margin: 29px 0px 0px 59px;
	width: 91px;
	height:auto;
	
}
.video_list .item .title {
	float:left; width: 209px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.video_list .item .overlay {
	float:left;
	width:209px;
	height:170px;
	z-index:2;
	background: transparent url(../images/orangetv_overlay.png) no-repeat;
	margin-top:-141px;
	margin-left:1px;
}
.video_single {
	float:left;
	width: 800px;
	height:760px;
	margin-bottom:20px;
}
.video_single .video {
	float:left;
	width: 400px;
	height: 645px;
	z-index:1;
	padding: 146px 0px 0px 91px;
}
.video_single .title {
	float: left;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 800px;
    z-index: 3;
    margin-top: -140px;
}
.video_single .overlay {
	float:left;
	width:800px;
	height:760px;
	margin-top:-791px;
	z-index:2;
	background: transparent url(../images/otvb.png) no-repeat;
	border-bottom: 2px solid #d3d3d3;
}
/* .news-latest-date,.news-single-rightbox { display:none;visibility: hidden;} */
.news-latest-date,.news-single-rightbox { font-size:11px;float:right;margin-top:7px; margin-right:4px;}
.news-latest-item h2, h2 a {
    color: #F4900B;
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 10px;
}
.news-latest-item { float:left;width:100%;}
.news-latest-item p {float:left;}
.news-latest-item img { float:right; height: auto;}
.news-latest-item hr { width:100%;float:left;margin:10px 0px; border:0px;border-bottom:1px solid #d1d1d1;}
h2 a:hover {
	text-decoration: none;
}
.news-latest-item p {
	padding:0px;
}
.news-single-item {
	padding:10px;
	float:left;
	width:100%;
}
#contentLeft .news-single-item h1 {
	padding:0px;
	margin:0px;
}
.cl-right {
	visibility: hidden;
}
#contentLeft .news-single-item h2 {
	margin-bottom:20px;
	font-size: 11px;
	display:block;
}
#contentLeft .news-single-item .news-single-img {
	float:right;
	margin:10px;
}
#introText {
	height: 110px;
	overflow:hidden;
}
#introText h1 { display:none;visibility: hidden; }
#introText p { padding:0px; }
#introText b { font-weight: normal; }
.harmonica .crheaderwrap { margin:6px 10px 0px 10px; }
.harmonica .crheaderwrap h1 { font-size: 12px; width:798px; padding-bottom: 6px;}
div.crbodywrap { width:798px;}
body.harmonica div.csc-header {cursor:pointer;}
body.harmonica div.csc-default { margin-bottom:10px; border-bottom: 1px solid #e8e9e9;width:100%;}
body.harmonica #contentLeft div.csc-header h1 { 
	padding:0px;
	font-size: 13px;
	margin:0px;
	padding-bottom: 6px;
}
body.harmonica div.csc-header { 
	border-left: 1px solid #e8e9e9;
	border-top: 1px solid #e8e9e9;
	border-right: 1px solid #e8e9e9;
}
body.harmonica div.crbodywrap { 
	border-left: 1px solid #e8e9e9;
	border-bottom: 1px solid #e8e9e9;
	border-right: 1px solid #e8e9e9;
}
.crpadder {  width:100%;}
.harmonica .crpadder p.bodytext { padding: 10px; }


body.print { background: #ffffff; }
#map_container { width: 680px;}
body.print #legenda {
	margin-left:0px;
	top: 850px;
	width: 630px;
	text-align:center;
	float:left; 
	margin-bottom: 200px;
	padding-left: 50px;
	
}
body.print #legenda tr {
	float:left;
	margin-right: 0px;
	width: 220px;
}
body.print #map_05d1fb25d7 {
	margin-bottom: 200px;
}
body.print .tx_lumogooglemaps_pi1_sidebar {
	float:left;
	margin-top: 170px;
}
.prLink {
	margin: 10px 0px 10px 0px;
}
.external input {
	border: 1px solid #d3d3d3;
	width: 674px;
	margin-top: 4px;
	padding: 3px;
	color:#666666;
}
body.print .prLink, body.print .external {
	visibility: hidden;
	display: none;
}
.OrangeGas_kantoren { 
	height:50px;
	vertical-align:top;
	
}


.news-latest-item a.highslide {
	float:right;
	height:130px;
	overflow:hidden;
}
.news-latest-item p {float:left;width:490px;  }
.news-single-item a { font-size: 11px; color:#868686; }
.news-single-item p a { color:#000000; font-size:inherit;}
.news-single-item p { padding:0px; }
.news-single-backlink { float:left; width:100%;margin-top: 20px;}
.news-single-backlink a { color:#000000; }
.news-single-item h1,.news-single-item h2 {float:left; width:100%;}
#contentLeft .news-single-item h1 { margin-top:20px;font-size:20px;}
.news-single-item p {float:left;width:400px;}
.news-single-img a img { width:240px;height:auto;}
.news-latest-item h2, h2 a { font-size: 20px; width: 580px;}
#atFooter { float:right; }
.right #atFooter { margin-top: 20px;}
p.readMore { margin-top: 10px;}
p.readMore a { }
