/* - - - - - - - - - - - - - - - - - - - - -

Title : Energia Ügynökség Kht.
Author : ZMF KHT.
URL : 

Description : Stylesheet

Created : 2007/09/25
Modified : 2007/10/16

- - - - - - - - - - - - - - - - - - - - - */


/* ----- Body ----- */

body {
background-color: #FFFFFF;
margin : 0;
padding: 0;
text-align : center;
}

#container {
width: 857px;
height: auto;
margin: 0 auto;
text-align: center;
}

/* ---- Header -----*/

#header {
width: 857px;
height: auto;
}

#header #header_top {
position: relative;
width: 857px;
height: 162px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
background-position: left top;
}

#header #header_top #header_logo {
position: absolute;
width: 141px;
height: 138px;
background-image: url(../images/header_logo.gif);
background-repeat: no-repeat;
background-position: left top;
top: 12px;
left: 14px;
}

#header #header_top #header_ugynokseg_menu_cont {
position: absolute;
width: 679px;
height: 124px;
left: 154px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_top {
position: relative;
width: 679px;
height: 24px;
background-image: url(../images/header_ugynmenu_top_bg.gif);
background-repeat: no-repeat;
background-position: left top;
text-align: center;
margin: 0;
padding: 0;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_top h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #31A6D9;
margin: 0;
padding-top: 3px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom {
position: relative;
width: 679px;
height: 100px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #tarsasagi_rend {
position: relative;
float: left;
width: 129px;
height: 100px;
background-image: url(../images/tarsasagi_rendsz.gif);
background-repeat: no-repeat;
background-position: left top;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #tarsasagi_rend h1 {
margin-top: 80px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #tarsasagi_rend h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #31A6D9;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #tarsasagi_rend h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_magazin {
position: relative;
float: left;
width: 129px;
height: 100px;
background-image: url(../images/energia_magazin.gif);
background-repeat: no-repeat;
background-position: left top;
margin-left: 8px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_magazin h1 {
margin-top: 80px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_magazin h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #31A6D9;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_magazin h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_ugyn {
position: relative;
float: left;
width: 129px;
height: 100px;
background-image: url(../images/energia_ugynokseg.gif);
background-repeat: no-repeat;
background-position: left top;
margin-left: 8px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_ugyn h1 {
margin-top: 80px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_ugyn h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #31A6D9;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #energia_ugyn h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #befektetoi_klub {
position: relative;
float: left;
width: 129px;
height: 100px;
background-image: url(../images/befektetoi_klub.gif);
background-repeat: no-repeat;
background-position: left top;
margin-left: 9px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #befektetoi_klub h1 {
margin-top: 80px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #befektetoi_klub h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #31A6D9;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #befektetoi_klub h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #partnerek {
position: relative;
float: left;
width: 129px;
height: 100px;
background-image: url(../images/partnerek.gif);
background-repeat: no-repeat;
background-position: left top;
margin-left: 9px;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #partnerek h1 {
margin-top: 80px;
margin-bottom: 0;
text-align: center;
padding: 0;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #partnerek h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #31A6D9;
text-decoration: none;
}

#header #header_top #header_ugynokseg_menu_cont #header_ugynokseg_menu_bottom #partnerek h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#header #header_top #header_ugynokseg_bottom_menu_cont {
position: absolute;
width: 691px;
height: 19px;
top: 143px;
left: 156px;
}

#header #header_top #header_ugynokseg_bottom_menu_cont ul {
width:100%;
margin-top: 2px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
text-align: left;
}

#header #header_top #header_ugynokseg_bottom_menu_cont ul li {
display: inline;
padding-left: 16px;
padding-right: 15px;
margin: 0;
}

#header #header_top #header_ugynokseg_bottom_menu_cont ul li a {
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
text-decoration: none;
}

#header #header_top #header_ugynokseg_bottom_menu_cont ul li a:hover {
font-size: 12px;
font-family: Arial;
color: #CCCCCC;
text-decoration: none;
}

#header #header_bottom {
width: 857px;
height: 21px;
background-image: url(../images/header_bottom.gif);
background-repeat: no-repeat;
background-position: left top;
}

#header #header_hidden_menu_cont {
width: 857px;
padding: 0;
margin: 0;
}

#header #header_hidden_menu_cont #header_hidden_menu {
width: 847px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
margin: 0;
background-image: url(../images/header_hmenu_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}

#header #header_hidden_menu_cont #header_hidden_menu ul {
width:100%;
margin-top: 2px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
text-align: right;
}

#header #header_hidden_menu_cont #header_hidden_menu ul li {
display: inline;
padding-left: 16px;
padding-right: 22px;
margin: 0;
}

#header #header_hidden_menu_cont #header_hidden_menu ul li a {
font-size: 12px;
font-family: Arial;
color: #031e2a;
text-decoration: none;
}

#header #header_hidden_menu_cont #header_hidden_menu ul li a:hover {
font-size: 12px;
font-family: Arial;
color: #031e2a;
text-decoration: underline;
}

/* ---- Contents -----*/

#content_wrapper {
position: relative;
width: 857px;
}

#content_wrapper #content_leftcorner {
position: relative;
float: left;
width: 22px;
height: 261px;
background-image: url(../images/content_left_corner.gif);
background-repeat: no-repeat;
background-position: left top;
}

#content_wrapper #content_rightcorner {
position: relative;
float: left;
width: 22px;
height: 261px;
background-image: url(../images/content_right_corner.gif);
background-repeat: no-repeat;
background-position: left top;
}

#content_wrapper #contents {
position: relative;
float: left;
width: 813px;
}

#content_wrapper #contents #contents_bottom_cont {
position: relative;
width: 813px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
}

#content_wrapper #contents #contents_bottom_cont #main {
position: relative;
float: left;
width: 470px;
padding-right: 17px;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box {
position: relative;
float: left;
width: 100%;
margin-bottom: 10px;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_title {
position: relative;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
font-size: 12px;
font-family: Arial;
color: #003366;
text-align: left;
font-weight: bold;
background-color: #CCCCCC;
border: 1px solid #C7CBCE;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content {
position: relative;
padding: 5px;
border: 1px solid #C7CBCE;
text-align: left;
font-size: 12px;
font-family: Arial;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content img {
border: 3px solid #999999;
margin-left: 5px;
margin-bottom: 3px;
margin-top: 3px;
}


#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content  {
font-size: 12px;
font-family: Arial;
color: #003366;
text-align: justify;
padding: 5px;
margin-bottom: 2px;
margin-top: 0;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content  a {
font-size: 12px;
font-family: Arial;
color: #D86E00;
text-decoration: none;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content  a:hover {
font-size: 12px;
font-family: Arial;
color: #D86E00;
text-decoration: underline;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p {
font-size: 12px;
font-family: Arial;
color: #003366;
text-align: justify;
padding: 5px;
margin-bottom: 2px;
margin-top: 0;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p a {
font-size: 12px;
font-family: Arial;
color: #D86E00;
text-decoration: none;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p a:hover {
font-size: 12px;
font-family: Arial;
color: #D86E00;
text-decoration: underline;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content h1 {
padding-top: 5px;
padding-bottom: 3px;
text-align: right;
margin: 0;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content h1 a {
font-size: 12px;
font-family: Arial;
color: #666666;
font-weight: normal;
text-decoration: none;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content h1 a:hover {
font-size: 12px;
font-family: Arial;
color: #666666;
font-weight: normal;
text-decoration: underline;
}

#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p.bbcenter { text-align: center }
#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p.bbleft { text-align: left }
#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p.bbright { text-align: right }
#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p.bbjustify { text-align: justify }
#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content p.bbindent { line-height: 1em; margin-left: 40px }
#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content span.bbs { text-decoration: line-through }
#content_wrapper #contents #contents_bottom_cont #main .main_box .main_box_content span.bbhighlight { background-color: #ff6; padding-right: 4px; padding-bottom: 3px; padding-left: 4px }


#content_wrapper #contents #contents_bottom_cont #right_menu {
position: relative;
float: left;
width: 151px;
margin: 0;
padding: 0;
border: 1px solid #D86E00;
background-color: #ebe9e9;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_title {
position: relative;
width: 146px;
padding: 3px;
font-size: 11px;
font-family: Arial;
color: #FFFFFF;
text-align: center;
font-weight: bold;
background-color: #D86E00;
border-bottom: 1px solid #C7CBCE;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_box {
padding: 5px;
display: block;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_box label {
font-size: 11px;
font-family: Arial;
color: #031e2a;
text-align: left;
margin-bottom: 1px;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_box input.rm_input {
width : 133px;
padding : 2px;
margin-bottom: 5px;
margin-top: 2px;
background-color: #c6c2c2;
font-family : Arial;
font-size : 10px;
border : solid 1px #031e2a;
color : #031e2a;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_box input.rm_input_btn {
width: 140px;
height: 20px;
padding: 0;
margin-bottom: 5px;
margin-top: 2px;
background-color: #717171;
font-family : Arial;
font-size : 10px;
border : solid 1px #031e2a;
color : #FFFFFF;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_box span a {
font-family : Arial;
font-size : 10px;
color: #031e2a;
text-decoration: none;
}

#content_wrapper #contents #contents_bottom_cont #right_menu .rm_box span a:hover {
font-family : Arial;
font-size : 10px;
color: #031e2a;
text-decoration: underline;
}

#content_wrapper #contents #contents_top_cont {
position: relative;
width: 813px;
height: 39px;
background-image: url(../images/content_title_bg.gif);
background-repeat: repeat-x;
background-position: left top;
}

#content_wrapper #contents #contents_top_cont #contents_top_title {
width: 436px;
height: 22px;
position: relative;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding-top: 11px;
padding-bottom: 11px;
color: #FFFFFF;
}

#content_wrapper #contents #contents_top_cont #contents_top_search {
position: relative;
float: left;
width: 290px;
height: 30px;
padding-top: 7px;
padding-bottom: 7px;
margin: 0;
}

#content_wrapper #contents #contents_top_cont #contents_top_language {
position: relative;
float: left;
width: 80px;
height: 22px;
padding-top: 11px;
padding-bottom: 11px;
margin: 0;
}

#content_wrapper #contents #contents_top_cont #contents_top_language ul {
width:100%;
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
text-align: right;
}

#content_wrapper #contents #contents_top_cont #contents_top_language ul li {
display: inline;
padding-left: 10px;
margin: 0;
}

#content_wrapper #contents #contents_top_cont #contents_top_language ul li a {
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
text-decoration: none;
}

#content_wrapper #contents #contents_top_cont #contents_top_language ul li a:hover {
font-size: 12px;
font-family: Arial;
color: #CCCCCC;
text-decoration: none;
}

#content_wrapper #contents #contents_top_cont #contents_top_search input.search_input {
width: 240px;
padding : 1px;
margin-bottom: 5px;
margin-top: 2px;
background-color: #05677f;
font-family : Arial;
font-size : 10px;
border : solid 1px #5ec5de;
color : #5ec5de;
}

#content_wrapper #contents #contents_top_cont #contents_top_search input.search_btn {
width: 35px;
height: 17px;
padding: 0;
margin-bottom: 5px;
margin-top: 2px;
background-color: #054352;
font-family : Arial;
font-size : 10px;
border : solid 1px #5ec5de;
color : #5ec5de;
}

/* ---- Footer -----*/

#footer {
position: relative;
width: 857px;
height: 49px;
margin-bottom: 5px;
}

#footer #footer_leftcorner {
position: relative;
float: left;
width: 22px;
height: 49px;
background-image: url(../images/footer_left_corner.gif);
background-repeat: no-repeat;
background-position: left top;
}

#footer #footer_content {
position: relative;
float: left;
width: 813px;
height: 49px;
background-image: url(../images/footer_bg.gif);
background-repeat: repeat-x;
background-position: left top;
}

#footer #footer_rightcorner {
position: relative;
float: left;
width: 22px;
height: 49px;
background-image: url(../images/footer_right_corner.gif);
background-repeat: no-repeat;
background-position: left top;
}

#container #content_wrapper #content_left {
position: relative;
float: left;
width: 150px;
margin-top: 10px;
margin-right: 5px;
padding: 5px;
text-align: left;
background-color: #FFFFFF;
border: 1px solid #D86E00;
}

#container #content_wrapper #content_left ul {
margin: 0;
padding: 0;
text-align: left;
}

#container #content_wrapper #content_left ul li.one {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: none;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
list-style-type: none;
}

#container #content_wrapper #content_left ul li.one a {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
}

#container #content_wrapper #content_left ul li.one a:hover {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: underline;
font-weight: bolder;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
}

#container #content_wrapper #content_left ul li.two {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: none;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
margin-left: 15px;
background: none;
border: none;
list-style-type: circle;
}

#container #content_wrapper #content_left ul li.two a {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: none;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
}

#container #content_wrapper #content_left ul li.two a:hover {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: underline;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
}

#container #content_wrapper #content_left ul li.three {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: none;
padding: 0;
margin-top: 0;
margin-bottom: 10px;
margin-left: 29px;
background: none;
border: none;
list-style-type: circle;
}

#container #content_wrapper #content_left ul li.three a {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: none;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
}

#main #contentwrapper #content #content_left ul li.three a:hover {
font-size: 11px;
font-family: Arial;
color: #000000;
text-decoration: underline;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: none;
border: none;
}


#container #content_wrapper #contentwrapper #content .forum_table {
width: 100%;
}

#container #content_wrapper #contentwrapper #content .forum_table tr.forum_table_head td {
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
background-color: #3281AF;
font-weight: bold;
padding: 5px;
margin: 0;
}

#container #content_wrapper #contentwrapper #content .forum_table tr.forum_table_middle td {
text-align: left;
font-size: 11px;
font-family: Arial;
color: #255F81;
background-color: #FFFFFF;
border-top: 1px solid #D86E00;
padding: 5px;
margin: 0;
}

#container #content_wrapper #contentwrapper #content .forum_table tr.forum_table_middle td a {
font-size: 12px;
font-family: Arial;
color: #184158;
text-decoration: underline;
font-weight: bold;
background: none;
border: none;
padding: 0;
margin-bottom: 5px;
}

#container #content_wrapper #contentwrapper #content .forum_table tr.forum_table_middle td a:hover {
font-size: 12px;
font-family: Arial;
color: #184158;
text-decoration: none;
font-weight: bold;
background: none;
border: none;
padding: 0;
margin-bottom: 5px;
}

#container #content_wrapper #contentwrapper #content #main  h1  {
font-size: 12px;
font-family: Arial;
color: #666666;
font-weight: normal;
text-decoration: none;
}

#content_wrapper #main h1  {
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
background-color: #3281AF;
font-weight: normal;
text-decoration: none;
}

#content_wrapper #main h1 a {
color: #FFFFFF;
font-weight: bold;
}

 .hide{
visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	display:none;
}

.show{
visibility:visible;
display:block;
}


/* ---- Form -----*/

form {
padding : 0;
margin : 0;
text-align: left;
}

/* ---- Clear -----*/

.clear {
clear : both;
}