@import "reset.css";
@import "text.css";
@import "form.css";

html, body {
	background: #258FC9 url(/img/bg_body.jpg) top left repeat-x;
	width: 100%;
}
div#Page {
	width: 820px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	top: 45px;
	margin-bottom: 75px;
}
div#Page h1 {
	height: 17px;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 3px;
	position: relative;
	top: -10px;
	border-bottom: 2px solid #E6E2D9;
}
div#Page h1 img {
	height: 97px;
	width: 820px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img/bg_head.png) top left;
}

div#HeadFlash {
	width: 88px;
	height: 100px;
	position: absolute;
	top:-10px;
	left: 10px;
}
div#HeadFlash span {
	position: absolute;
	top:0;
	left:0;
	width: 88px;
	height: 100px;
	background: url(/img/bg_headflash.jpg) top left;
}
div#Search {
	width: 244px;
	height: 44px;
	background: url(/img/bg_searchfield.gif);
	position: absolute;
	top:26px;
	right: 0;
}
div#Search input.text {
	height: 14px;
	font-size: 12px;
	padding: 5px 3px 3px 3px;
	margin-top: 3px;
	border: 1px solid #E4E4E4;
	margin: 6px 0 0 8px;
}
div#Content {
	width: 575px;
	margin-top: -8px;
	float: right;
	position: relative;
	z-index: 10;
	border-top: 2px solid #6EC6F4;
}
div#subContent {
	width: 239px;
	margin-top: -8px;
	margin-right:3px;
	margin-left: 3px;
	position: relative;
	z-index: 10;
	padding-bottom: 250px;
}
div#subContent ul#Navigation {
	margin: 0;
	padding: 0;
}
div#subContent ul#Navigation li {
	background: #F2F2F2 url(/img/bg_menu_lvl1.gif) top left repeat-x;
	position: relative;
	margin-bottom: 1px;
}
div#subContent ul#Navigation li.active {
	background: #F97715 url(/img/bg_menu_lvl1_active.gif) top left repeat-x;
}
div#subContent ul#Navigation li a {
	display: block;
	border: 1px solid #DFE0E2;
	height: auto !important;
	height: 17px;
	min-height: 17px;
	line-height: 17px;
	padding: 4px 9px 3px 9px;
	color: #5f5f5f;
}
div#subContent ul#Navigation li ul {
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #21536C;
	margin-bottom: 1px;
}
div#subContent ul#Navigation li ul li {
	border: 0;
	border-top: 1px solid #5BA6D0;
	border-bottom: 1px solid #6DB1D6;
	margin-bottom: 0;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	line-height: 23px;
	background: #5BA6CE url(/img/bg_menu_lvl2.gif) top left repeat-x;
}
div#subContent ul#Navigation li ul li.active {
	background: #18668D url(/img/bg_menu_lvl2_active.gif) top left repeat-x;
	border-top: 1px solid #248EC8;
}
div#subContent ul#Navigation li ul li a {
	border: 0;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	margin-bottom: 0;
	padding: 0 0 0 19px;
	background: url(/img/bullet_menu.gif) 8px 9px no-repeat;
}
div#subContent ul#Navigation li ul li ul li {
	border: 0;
	border-top: 1px solid #97d0ee;
	border-bottom: 1px solid #97d0ee;
	margin-bottom: 0;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	line-height: 23px;
	background: #a9d1e5 url(/img/bg_menu_lvl3.gif) top left repeat-x;
}
div#subContent ul#Navigation li ul li ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #97d0ee;
	margin-bottom: 1px;
}
div#subContent ul#Navigation li ul li ul li a {
	border: 0;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	line-height: 23px;
	color: #4e4e4e;
	margin-bottom: 0;
	padding: 0 0 0 19px;
	background: none;
}
div#subContent ul#Navigation li ul li ul li.active a {
	font-weight: bold;
}
div#subContent ul#Navigation li ul li ul li.active {
	background: #a9d1e5 url(/img/bg_menu_lvl3.gif) top left repeat-x;
	border-top: 1px solid #97d0ee;
}
div#Footer {
	width: 820px;
	height: 290px;
	background: url(/img/bg_foot.png) top left no-repeat;
	position: absolute;
	z-index: 1;
	bottom: -60px;
	left: 0;
}
div#Footer a {
	position: absolute;
}
a.erdgas {
	display: block;
	width: 98px;
	bottom: 13px;
	padding: 23px 0 0 0;
	height: 0px !important;
	height /**/: 23px;
	overflow: hidden;
	background: url(/img/footer_logo_erdgas.gif);
}
div#Footer a.imprint,  div#Footer a.legal,  div#Footer a.language {
	color: #fff;
	text-decoration: none;
	background: url(/img/bullet_footer.gif) 0px 7px no-repeat;
	padding: 0 0 0 10px;
}
a.imprint:hover,  a.legal:hover,  a.language:hover {
	text-decoration: none;
}
a.imprint {
	bottom: 15px;
	left: 138px;
}
a.legal {
	bottom: 15px;
	left: 238px;
}
a.language {
	bottom: 15px;
	left: 338px;
}
body.english div#Footer a.legal {
	left: 218px;
}
a.carnation {
	display: block;
	width: 132px;
	bottom: 13px;
	right: 0px;
	padding: 0 0 0 0;
	height: 19px;
	overflow: hidden;
	background: url(/img/footer_logo_carnation.gif);
}

body.english div#Footer a.carnation {
	background: url(/img/footer_logo_carnation_en.gif);
}

div.hr {
	height:1px;
	overflow: hidden;
	width: 575px;
	background: url(/img/bg_line.gif);
	margin-bottom: 11px;
}
div.hr hr {
	display: none;
}
div.hr.simple {
	height:1px;
	overflow: hidden;
	border-top: 1px solid #E8E8E8;
	width: 575px;
	background: none;
	margin-bottom: 11px;
}
div.clear {
	width: 100%;
	clear: both;
}
/*

	fooldal

*/

div#flashPicRotator {
	width: 575px;
	height: 171px;
	padding-top: 1px;
	background: #fff url(/img/flash_picrotator.jpg) bottom no-repeat;
}
ul.promocontent,  div.newscontent {
	float: left;
}
div.newscontent {
	width: 286px;
	border-left: 1px solid #DFDEDA;
}
div.newscontent h2 {
	padding-left: 17px;
	margin-bottom: 5px;
}
div#Content div.newscontent ul {
	margin:0;
	padding:0;
	width: 269px;
	display: block;
	padding-left: 17px;
}
div#Content div.newscontent ul li {
	background: none;
	margin:0;
	padding:0;
	padding-bottom: 10px;
}
div#Content ul.promocontent {
	margin:0;
	padding:0;
	width: 253px;
	padding: 0 18px 0 12px;
}
div#Content ul.promocontent li {
	margin-bottom: 6px;
	background: none;
	margin:0;
	padding:0;
}
ul.promocontent li a {
	width: 253px;
	height: 81px;
	overflow: hidden;
	display: block;
	position: relative;
}
ul.promocontent li a span {
	width: 253px;
	height: 81px;
	display: block;
	position: absolute;
	top:0;
	left: 0;
	cursor: pointer;
}
a.promo_kalkulator span {
	background: url(/img/promo_energiakalkulator.jpg);
}
a.promo_gasag span {
	background: url(/img/promo_gasag.jpg);
}
/*

	listaoldalak

*/

div#Content ul.resultList,  div#Content ul.textList {
	padding: 0;
	margin: 0;
}
div#Content ul.resultList li,  div#Content ul.textList li {
	padding: 15px 11px 11px 11px;
	border-bottom: 1px solid #DFDEDA;
	background: none;
	margin:0;
}
div#Content ul.textList li p,  div#Content ul.resultList li p {
	padding: 0;
}
div#Content ul.textList li a.title,  div#Content ul.resultList li a.title {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
div#Content ul.textList li a.more,  div#Content ul.resultList li a.more {
	color:#156393;
}
div#Content ul.resultList li {
	border-bottom: none;
	padding: 10px 11px 5px 11px;
}
div#Content ul.resultList li a.title {
	color:#156393;
	text-decoration: underline;
	margin-bottom: 10px;
}
/*

	lapozo

*/

div.pager {
	padding-top: 10px;
	text-align: center;
	background: url(/img/bg_line.gif) top right no-repeat;
	position: relative;
	z-index: 100;
	top: -1px;
}
div.pager a {
	color: #000;
}
div.pager a.back,  div.pager a.next {
	color: #267DAA;
	text-decoration: none;
}
div.pager b {
	font-weight: bold;
	color: #000;
}
div.pager a,  div.pager b {
	padding: 0 5px;
}
p.searchinfo {
	font-weight: bold;
}
/*

	galeria, microformats alapu

 */

div.images {
	border-top: 1px solid #DFDEDA;
	margin-top: 14px;
	padding-right: 14px;
	padding-top: 20px;
}
div.images div.figure {
	margin: 0 14px 0 14px;
	float: left;
	width: 173px;
}
div.images div.figure img {
	margin: 0 0 4px 0;
	border: none; /*1px solid #90867A;*/
	padding: 1px;
	background: #fff;
}
div.images div.figure p.caption {
	display: block;
	background: #F1F1F1;
	padding: 3px 0;
	text-align: center;
	color: #000;
}
div.images div.figure p.caption em {
	font-weight: bold;
}
div#subContent h4 {
	border-top: 1px solid #e8e8e8;
	padding: 16px 0 0 11px;
	margin: 12px 0 16px 0;
	color: #2a79a2;
	font-weight: bold;
	font-size: 13px;
}
div#subContent ul {
	padding: 0 11px;
}
div#subContent ul li {
	line-height: 15px;
	margin-bottom: 4px;
	color: #287caa;
	font-size: 11px;
}
div#subContent ul li a {
	color:#136491;
	font-weight: bold;
	padding-right: 5px;
}

