body {

  margin: 0px auto 0px auto;

  background-color: #dfdfdf;

}



h1 {

  font-family: Verdana;

  font-size: 12px;

  font-weight: none;

  margin: 0px;

  padding: 0px;

  padding-top: 3px;

}



li {

  list-style-image: url(images/listaelem.jpg);

  margin-bottom: 10px;

}



.linkelem {

  list-style-image: url(images/linkelem.jpg);

  margin-bottom: 5px;

}



.osszes_link {

  margin-top: 25px;

	text-align: center;

}



form {

  margin: 0px; /*hogy ne essen szét a div IE alatt*/

}



br {

  margin: 0px;

  clear: both;

}



p {

  margin: 10px 0px 10px 0px;

}



#felhasznalonev input {

  border: 0px;

  background: none;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

}



#jelszo input {

  border: 0px;

  background: none;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

}



#bejelentkezes_gomb input {

  border: 0px;

  background: none;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

}



a:link {color: #000; text-decoration: none;}

a:visited{color: #000; text-decoration: none;}

a:hover{color: #FF9900; text-decoration: none;}



a img {

    border: none; /*Nem tesz keretet a link köré egy kép esetében*/

}



#header_background {

  width: 100%;

  height: 331px;

  background-image: url(images/fejlec_hatter.jpg);

  background-repeat: repeat-x;  

}



/*Container ami a felső gombsort és a logót fogja össze*/



#header_1{

  width: 820px;

  height: 100px;

  margin: auto;

}



/*FELSO MENUSOR----------------------------------------*/



#header_1_logo {

	width: 310px;

	height: 100px;

	background-image: url(images/logo.jpg);

	float: left;

}



#header_1_fooldal {

	width: 100px;

	height: 100px;

	background-image: url(images/fooldal.jpg);

	float: left;

}



#header_1_cegunkrol {

	width: 100px;

	height: 100px;

	background-image: url(images/cegunkrol.jpg);

	float: left;

}



#header_1_termekek {

	width: 100px;

	height: 100px;

	background-image: url(images/termekek.jpg);

	float: left;

}



#header_1_referenciak {

	width: 100px;

	height: 100px;

	background-image: url(images/referenciak.jpg);

	float: left;

}



#header_1_kapcsolatok {

	width: 110px;

	height: 100px;

	background-image: url(images/kapcsolatok.jpg);

	float: left;

}



/*END - FELSO MENUSOR------------------------------------*/



#tartalom_container {

	width: 820px;

	margin: auto;

	background-color: #000000;

}



#tartalom_hatterszin {

	width: 820px;

	/*background-color: #FF9900;*/

	background-image: url(images/nagy_szoveg_hatter.jpg);

	background-repeat: repeat-y;

	float: left;

}



#tartalom_left {

  width: 290px;

  float: left;

  height: 100%;

}



#tartalom_right {

  width: 530px;

  /*height: 500px;*/  

  float: left;

}



#fejlec_kep {

	width: 530px;

	height: 201px;

	background-image: url(images/fejlec_hatterkep.jpg);

	background-repeat: no-repeat;

}



#fejlec_kep_alja {

	width: 530px;

	height: 20px;

	background-image: url(images/fejlec_kep_alja.jpg);

	background-repeat: no-repeat;

	float: left;	

}



#gyorsmenu {

  width: 530px;

  height: 50px;

  background-image: url(images/minikon.jpg);

  background-repeat: no-repeat;

}



#szoveg {

	width: 490px;

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-align: justify;

	padding: 20px;

	padding-top: 10px;

}



#szovegfejlec {

	width: 490px;

	height: 30px;

	margin-bottom: 10px;

	margin-left: 20px;

	margin-top: 20px;

}



#szovegfejlec_ikon {

  width: 30px;

  float: left;

}



#szovegfejlec_tema {

  font-family: Verdana, "Times New Roman", Times, serif;

  font-size: 11px;  

  color: #FF3300;

  padding-top: 5px;

  padding-left: 10px;

  float: left;

}



#header_2_form {

  width: 290px;

  height: 150px;  

}



#bejelentkezes_text {

  width: 290px;

  height: 20px;

  background-image: url(images/bejelentkezes_text.jpg);

  background-repeat: no-repeat;

}



#bejelentkezve {

	width: 250px;

	height: 20px;	

	padding-left: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	position: relative;

	top: 6px;

			

}



#felhasznalonev {

  width: 246px; /*290 volt*/

  height: 21px; /*45 volt*/

  background-image: url(images/felhasznalonev.jpg);

  background-repeat: no-repeat;

  padding: 24px 0px 0px 44px;

}



#jelszo {

 width: 246px; /*290 volt*/

  height: 25px; /*45 volt*/

  background-image: url(images/jelszo.jpg);

  background-repeat: no-repeat;

  padding: 20px 0px 0px 44px;

}



/*ALSO BEJELENTKEZES ES REGISZTRACIO GOMBOK*/



#bejelentkezes_gombok {

  width: 290px;

  height: 40px;

  background-image: url(images/bejelentkezes_gomb.jpg);

  background-repeat: no-repeat;

}



#bejelentkezes_gomb {

  width: 180px;

  height: 40px;

  float: left;

}



.submit {

  width: 120px;  /*Fontos mert különben nem lesz egyforma a két böngészőben a submit mérete, és elcsúszik a szöveg!*/

  background: none;

  padding: 0px;

  margin: 0px;

  position: relative;

  left: 47px;

  top: 7px;

}



#regisztracio_gomb {

  width: 110px;

  height: 40px;

  background-image: url(images/regisztracio_gomb.jpg);

  background-repeat: no-repeat;

  float: left;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10px;

  color: #FFFFFF;

}



#reg {

  padding: 12px 10px 10px 14px;

}



/*END - ALSO BEJELENTKEZES ES REGISZTRACIO GOMBOK*/



/*Termékek gombjainak osztálya*/



.gombok {

  width: 290px;

  height: 50px;

}



.hirek_fejlec {

  width: 290px;

  height: 30px;

  background-image: url(images/hirek_fejlec.jpg);

  background-repeat: no-repeat;

}



.hir_cim {

  width: 270px;

  height: 50px;

  margin-left: 20px;

  margin-top: 20px;

}



#datum_ikon {

  width: 48px;

  height: 50px;

  background-image: url(images/calendar.jpg);

  background-repeat: no-repeat;

  float: left;

}



#ikon_month {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10px;

  text-align: center;

  margin-top: 6px;

  color: #FFF;

  font-weight: bold;

  width: 46px;

  padding-left: 2px;

}



#ikon_day {

  width: 48px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 16px;

  text-align: center;

  margin-top: 4px;

  color: #000;

  font-weight: bold;

}



#hir_tema {

  width: 195px; 

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #FFFFFF;

  height: 35px;  /*50volt*/

  float: left;

  padding-left: 10px;

  padding-top: 15px;

}



.hirek_tartalom {

  width: 240px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 10px;

  color: #333333;

  text-align: justify;

  padding: 10px 20px 10px 30px;

}



.hirek_bovebben {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10px;

  color: #FFFFFF;

  margin-left: 30px;

  margin-bottom: 10px;

}



.hirek_hatter {

  width: 290px;

  background-image: url(images/hirek_hatter.jpg);

  background-repeat: repeat-y;

}



.hirek_lablec {

  width: 290px;

  height: 20px;

  background-image: url(images/hirek_lablec.jpg);

  background-repeat: no-repeat;

}



#osszes_hir {

  width: 290px;

  height: 45px;

}



#linkek_tartalom {

  width: 240px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #333333;

  text-align: center;

  padding: 0px 20px 10px 30px;

}



#also_logo {

  text-align: center;

}



#bal_menu_alja {

  width: 290px;

  height: 15px;

  background-image: url(images/bal_menu_alja.jpg);

  background-repeat: no-repeat;

  text-align: center;

}



#lablec_hatter {

  width: 100%;

  height: 150px;

  background-image: url(images/lablec_hatter.jpg);

  background-repeat: repeat-x;

  float: left;

}



#nyelvvalasztas_content {

	width: 150px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333;

	padding-top: 8px;

	padding-left: 380px;

}



.gyorsmenu_text {

  width: 50px;

  float: left;

  text-align: right;

  padding-top: 1px;

}



.gyorsmenu_ikon {

  width: 15px;

  float: left;

  padding-left: 5px;

}



.link {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #FFF;

  text-align: left;

  font-weight: bold;

  text-decoration: underline;   

}



.text {

  font-family: Arial, Helvetica, sans-serif; 

  font-size: 11px;

  color: #FFFFFF;  

}



#law {

  text-align: left;

}



#lablec_container {

  width: 820px;

  height: 150px;

  margin: auto;  

}



#left_content {

  width: 260px; /*300volt*/

  height: 110px; /*150volt*/

  float: left;

  padding: 20px;

  font-family: Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #FFF;   

  text-align: center;

}



#right_content {

  width: 480px;

  height: 110px;

  float: left;

  padding: 20px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #FFF;

  text-align: justify;

}



.arial {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #FFF;

  font-weight: bold;

}



/*ToolTIPS*/



div#tipDiv {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #333333;	

	font-size:10px;

	background-color: #FFCC00; 

	width:150px;

	padding:10px;

	text-align: justify;

	border: 1px solid #000;

}



#linkablak {

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	position: relative;

	left: -5px;

}



#letoltokozpont {

  width: 290px;

  height: 33px;

}



#rovid_hir {

	margin-left: 20px;

	margin-right: 20px;	

	padding: 10px;

	color: #666666;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 11px;

	text-align: justify;

	border-bottom: 1px solid #CCCCCC;	

}



#hosszu_hir {

	margin-left: 20px;

	margin-right: 20px;	

	padding: 10px;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: justify;

	border-bottom: 1px solid #CCCCCC;

}



#submit {

	width: 80px;

	font-size: 12px;

	color: #FF3300;	

}



#regisztracio {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	padding: 20px;

}



#regisztracio label {

	display: block;

  width: 120px;

	text-align: right;

	float: left;

	padding-top: 2px;

}



#regisztracio form input {

	width: 180px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	margin-bottom: 10px;

	margin-left: 10px;

}



#regisztracio form input regisztralok {

	width: 100px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	margin-bottom: 10px;

	margin-left: 10px;

}



#elvalaszto {		

	border-bottom: 1px solid #CCCCCC;

	margin-bottom: 20px;

	

}



.numbers {

	position: relative;

	top: 3px;

}



.adatok {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	font-weight: bold;

}



.figyelmeztetes {

  font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;	

}



#sikeres_regisztracio {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	padding-top: 20px;

	padding-left: 20px;

}



#alert {

	width: 16px;

	height: 16px;

	float: left;

	background-image: url(images/icon_alert);

	background-repeat: no-repeat;

}



.alert_position {

	position: relative;

	top: -6px;

	left: 5px;

}