/* CSS Document a 'tartalom' id-jű div-en belül publikusan megjelenített elemekhez

Megj.:
Ebbe a CSS fájlba gyüjtöm össze az eddig külön állományokba mentett, belépést nem igénylő
oldaltartalmak css-beállításait. Gubancokat okozott, az azonos nevű, de eltérő viselkedésű id-k, és
class-ok, még úgy is hogy feltételesen lettek betöltve. (Eredetileg pont ezért raktam őket külön,
de fejlesztés közben ez csak komplikációkhoz vezetett.)

Ez az állomány feltétel nélkül minden esetben betöltődik.

Szabályok:
1.) HTML tag közvetlen átstilizálását ebben az állományban tilos végrehajtani!
Azt csak a fooldal.css -ben lehet. (id-n, vagy class-on belüli tag átformázást természetesen lehet
itt is használni.)
2.) Nem publikusan megjelenített oldaltartalmakhoz tartozó stílisztikai bejegyzésekhez külön
állomány van.
3.) A #tartalom bejegyzést létrehozni tilos! Azt a fooldal.css tartalmazza, és a 'tartalom' id-jű
divbe töltött tartalomtól függetlenül minden esetben azonos.

*/

/*KÖZÖS*/
.tartalom_fejlec{
 	clear: both;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px;
  background-color: #CFEBFC;
  font-weight: bold;
}

.beltartalom_675_fej{
  position: relative;
  float: left;
  width: 675px;
  height: 10px;
  margin-left: 5px;
  background-image: url('../img/tartalom/hatter_beltartalom_675_fej.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.beltartalom_675_torzs{
  position: relative;
  width: 655px;
  min-height: 83px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url('../img/tartalom/hatter_beltartalom_675_torzs.png');
  background-repeat: repeat-y;
}
.beltartalom_675_lab{
  position: relative;
  float: left;
  width: 675px;
  margin-left: 5px;
  padding-bottom: 20px;
  background-image: url('../img/tartalom/hatter_beltartalom_675_lab.png');
  background-position: bottom left;
  background-repeat: no-repeat;
}
.beltartalom_495_fej{
  position: relative;
  float: right;
  width: 495px;
  height: 10px;
  margin-right: 10px;
  background-image: url('../img/tartalom/hatter_beltartalom_495_fej.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.beltartalom_495_torzs{
  position: relative;
  width: 475px;
  min-height: 83px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url('../img/tartalom/hatter_beltartalom_495_torzs.png');
  background-repeat: repeat-y;
}
.beltartalom_495_lab{
  position: relative;
  float: right;
  width: 495px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-bottom: 20px;
  background-image: url('../img/tartalom/hatter_beltartalom_495_lab.png');
  background-position: bottom left;
  background-repeat: no-repeat;
}
.beltartalom_371_fej{
  position: relative;
  float: right;
  width: 371px;
  height: 10px;
  margin-right: 10px;
  background-image: url('../img/tartalom/hatter_beltartalom_371_fej.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.beltartalom_371_torzs{
  position: relative;
  width: 351px;
  min-height: 83px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url('../img/tartalom/hatter_beltartalom_371_torzs.png');
  background-repeat: repeat-y;
}
.beltartalom_371_lab{
  position: relative;
  float: right;
  width: 371px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-bottom: 20px;
  background-image: url('../img/tartalom/hatter_beltartalom_371_lab.png');
  background-position: bottom left;
  background-repeat: no-repeat;
}
.beltartalom_371_pre{
  position: relative;
  float: right;
  width: 351px;
  padding: 10px;
  text-align: center;
}
.beltartalom_cim, .letoltes_cim{
 	clear: both;
  padding: 10px;
  background-color: #CFEBFC;
  font-weight: bold;
}

/*Tartalmon belüli vezérlő elemekhez*/
.bal_blokk_keret_242{
	 position: relative;
	 float: left;
  width: 242px;
}
.bal_blokk_keret_170{
	 position: relative;
	 float: left;
  width: 170px;
}

.bal_blokk_termeklogo{
  margin-top: 5px;
  margin-left:10px;
}

.bal_blokk_230, .bal_blokk_158{
	 position: relative;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	margin-left: 10px;
  border-top:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
  border-bottom:1px solid #E0E0E0;
  color: #737373;
}
.bal_blokk_230{
  width: 230px;
}
.bal_blokk_158{
  width: 158px;
}

.link_nav{
  position: relative;
  padding-left: 0.5em;
}

.fo_aktiv, .fo_inaktiv{
  font-weight: bold;
  font-size: 0.8em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.fo_aktiv a:link{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.fo_inaktiv a:link{
  text-decoration: none;
  color: #737373;
  border:none;
}
.fo_aktiv a:visited{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.fo_inaktiv a:visited{
  text-decoration: none;
  color: #737373;
  border:none;
}
.fo_aktiv a:hover{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.fo_inaktiv a:hover{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.fo_aktiv a:active{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.fo_inaktiv a:active{
  text-decoration: none;
  color: #737373;
  border:none;
}

.al_aktiv a:link{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.al_inaktiv a:link{
  text-decoration: none;
  color: #737373;
  border:none;
}
.al_aktiv a:visited{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.al_inaktiv a:visited{
  text-decoration: none;
  color: #737373;
  border:none;
}
.al_aktiv a:hover{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.al_inaktiv a:hover{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.al_aktiv a:active{
  text-decoration: none;
  color: #F48221;
  border:none;
}
.al_inaktiv a:active{
  text-decoration: none;
  color: #737373;
  border:none;
}

.gomb_nav_elozo{
  position: relative;
  text-align: right;
}

.gomb_nav_kovetkezo{
  position: relative;
  padding-bottom: 5px;
  text-align: right;
}
.nav_letolt_link{
  position: relative;
  margin-left: 10px;
  margin-bottom: 5px;
  text-align: left;
}

.bezaras_gomb{
  position: relative;
  float: right;
  z-index: 101;
  cursor: pointer;
}


/*Keresési találatok megjelenítése*/
#kereses{
  position: relative;
  float: left;
  width: 660px;
  top: 0px;
  left: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
#kereses_link{
  position: relative;
  float: right;
  top: 0.2em;
  right: 1em;
  font-weight: bold;
}
.talalat{
  padding: 1em;
  font-weight: bold;
}
.minta_szoveg{
  padding: 1em;
  margin-left: 1em; 
  font-weight: normal;
}

.jobbra{
  text-align: right;
  padding: 5px;
}


/*termekek.php *******************************/
.termekek_kozvetlen_linkek{
  position: absolute;
  top: 84px;
  left: 13px;
  width: 311px;
}
.termekek_kozvetlen_linkek td{
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.bal_border{
  border-left: 1px solid #737373;
}

#termekek_serpa{
  position: relative;
  float: left;
  width: 341px;
  height: 516px;
  padding-right: 4px;
  padding-bottom: 4px;
  background-image: url('../img/tartalom/hatter_termekek_serpa.png');
  background-position: top left;
  background-repeat: no-repeat;
}
#termekek_serpa_logo{
  position: absolute;
  top: 20px;
  left: 20px;
}
#termekek_serpa_chip_teszt{
  position: absolute;
  top: 15px;
  right: 20px;
}
#termekek_serpa_szoveg{
  position: absolute;
  top: 130px;
  left: 20px;
  width: 300px;
  color: #737373;
}
#termekek_serpa_link{
  position: absolute;
  width: 324px;
  height: 388px;
  top: 120px;
  left: 7px;
  cursor: pointer;
}

#termekek_nm{
  position: relative;
  float: left;
  width: 341px;
  height: 516px;
  padding-right: 4px;
  padding-bottom: 4px;
  background-image: url('../img/tartalom/hatter_termekek_nm.png');
  background-position: top left;
  background-repeat: no-repeat;
}
#termekek_nm_logo{
  position: absolute;
  top: 20px;
  left: 20px;
}
#termekek_eve{
  position: absolute;
  top: 20px;
  right: 30px;
}
#termekek_nm_szoveg{
  position: absolute;
  top: 130px;
  left: 20px;
  width: 300px;
  color: #737373;
}
#termekek_nm_link{
  position: absolute;
  width: 324px;
  height: 388px;
  top: 120px;
  left: 7px;
  cursor: pointer;
}

#termekek_maxprofit{
  position: relative;
  float: left;
  width: 341px;
  height: 84px;
  padding-right: 4px;
  padding-bottom: 4px;
  background-image: url('../img/tartalom/hatter_termekek_maxprofit.png');
  background-position: top left;
  background-repeat: no-repeat;
}
#termekek_maxprofit_szoveg{
  position: absolute;
  top: 57px;
  left: 20px;
  color: #737373;
}
#termekek_maxprofit_link{
  position: absolute;
  width: 325px;
  height: 70px;
  top: 7px;
  left: 7px;
  cursor: pointer;
}

#termekek_sap{
  position: relative;
  float: left;
  width: 341px;
  height: 84px;
  padding-right: 4px;
  padding-bottom: 4px;
  background-image: url('../img/tartalom/hatter_termekek_sap.png');
  background-position: top left;
  background-repeat: no-repeat;
}
#termekek_sap_szoveg{
  position: absolute;
  top: 57px;
  left: 20px;
  color: #737373;
}
#termekek_sap_link{
  position: absolute;
  width: 325px;
  height: 70px;
  top: 7px;
  left: 7px;
  cursor: pointer;
}

#termekek_szitech{
  position: relative;
  float: left;
  width: 686px;
  height: 84px;
  background-image: url('../img/tartalom/hatter_termekek_szitech.png');
  background-position: top left;
  background-repeat: no-repeat;
}
#termekek_szitech_szoveg{
  position: absolute;
  top: 57px;
  left: 20px;
  color: #737373;
}
#termekek_szitech_link{
  position: absolute;
  width: 670px;
  height: 70px;
  top: 7px;
  left: 7px;
  cursor: pointer;
}

/*referenciak.php *******************************/
.cegnev{
  position: relative;
  width: 480px;
  margin-top: 10px;
}

.cegleiras{
  position: relative;
  width: 460px;
  padding: 10px;
  text-align: justify;
}

.kis_referenciak{
  position: relative;
  width: 460px;
  padding: 10px;
}

#ugyfelszam{
  position: relative;
  float: right;
  width: 465px;
  margin-right: 10px;
  padding: 10px;
  text-align: center;
  font-size: 1.5em;
  color: #737373;
}
.vastag_narancs{
  font-weight: bold;
  color: #FF6600;
}

/*hirek.php *******************************/
.hir_datum{
  width: 150px;
  float: right;
  margin-top: 0px;
  background-color: #F0F0F0;
	text-align: center;
	font-size: 0.8em;
}
.hir_szoveg{
  width: 640px;
  padding: 10px;
}

/*muhelynaplo.php *******************************/
.mnaplo_datum{
	 width: 150px;
 	float: right;
  margin-top: 0px;
	 background-color: #F0F0F0;
	 text-align: center;
}
.bejegyzes{
	 width: 640px;
  padding: 10px;
}

/*ugyfelkapu.php *******************************/
#login_mezo{
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.login_input_sav{
  position: relative;
  width: 300px;
  margin-left: 100px;
  margin-top: 1em;
  text-align: right;
}
#szoveg_pre{
  padding-top: 5px;
}
#szoveg_post{
  padding-bottom: 10px;
}

/*termekvalaszt.php *******************************/
#termekvalaszt{
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5x 5px;
  border-collapse: separate;
  border-spacing: 5px;
  empty-cells: hide;
}
#termekvalaszt th{
  vertical-align: middle;
}
#termekvalaszt td{
  margin: 0px 0px 0px 0px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-collapse: separate;
  border-spacing: 5px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  border: inset 0px;
}
.elvalaszto{
  border-bottom: thick solid;
  border-bottom-color: #F48221;
}
.sotet td{
  background-color: #E8EDF3;
}
.vilagos td{
  background-color: white;
}
#termekvalaszt .szempont{
  width: 40%;
  text-align: left;
  font-weight: normal;
}
#termekvalaszt .gombos{
  border: none;
}
#termekvalaszt .gombos input{
  width: 100%;
}

/*letoltes.php *******************************/
.letoltes_csoportfejlec{
  position: relative;
  min-height: 20px;
  margin-bottom: 10px;
  padding-left: 5px;
  border: 1px solid Grey;
  background-color: #F48221;
}
.letoltes_blokk{
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid Gray;
}
/*A beltartalom_cim-nél!
.letoltes_cim{
  position: relative;
  margin-bottom: 10px;
}*/
.letoltes_szoveg{
  position: relative;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 10px;
}
.letoltes_link{
  position: relative;
  width: auto;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-align: right;
}
.letoltes_input{
  width: 140px;
  margin-top: 3px;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #000000;
  border-color: black;
  border-width: 1px;
}
.letoltes_button{
  width: auto;
  margin-top: 3px;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000000;
  cursor: pointer;
}
.fajlmeret{
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

/*felszinek.php *******************************/
.lista_cim{
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	font-size: 1.2em;
	font-weight: bold;
 font-variant: small-caps;
}

.felszin_blokk{
	position: relative;
	float: left;
	margin-bottom: 1em;
	border: 1px solid Gray;
	padding: 5px;
}
.felszin_nev{
	position: relative;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.felszin_kep{
	position: relative;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.felszin_szerzo{
	position: relative;
	float: left;
	margin-bottom: 1em;
}
.felszin_infok{
	position: relative;
	float: left;
	margin-bottom: 1em;
}
.felszin_szavazat{
	position: relative;
	float: left;
	margin-bottom: 1em;
}
.felszin_szavazas{
	position: relative;
	float: left;
	margin-bottom: 1em;
}
.felszin_letoltes{
	position: relative;
	float: left;
}

.szavazat{
  position: relative;
  width: 130px;
  height: 25px;
	 text-align: left;
}

.szavazat_alap{
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 130px;
	height: 25px;
	background-color: #D0D0D0;
}
.szavazat_ertek{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	height: 25px;
	background-image: url(../img/szavazat_kitolto.png);
}
.szavazat_sablon{
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

.szavazas{
	position: relative;
	width: 130px;
	height: 25px;
	background-color: #D0D0D0;
	cursor: pointer;
}
.szavazas_ertek{
	position: absolute;
	height: 25px;
	z-index: 1;
	background-image: url(../img/szavazat_kitolto.png);
}
.szavazas_sablon{
	position: absolute;
	z-index: 3;
}

#felszin_form{
	display: none;
	position: absolute;
	z-index: 100;
	width: 360px;
	height: 220px;
	padding: 5px;
	background-image: url(../img/felszin_form_kitolto.png);
	border: 2px solid #F48221;
	text-align: center;
}

.felszin_form_sav{
  width: 360px;
  margin-bottom: 1em;
}

#felszin_form_szavazat_szoveg{
  float: left;
  margin-left: 80px;
  padding: 5px;
}
.felszin_form_sav .szavazat{
  margin-left: 170px;
}

#felszin_velemeny{
	display: none;
	position: absolute;
	z-index: 100;
	width: 460px;
	padding: 5px;
	background-image: url(../img/felszin_form_kitolto.png);
	border: 2px solid #F48221;
}

#felszin_velemeny_fejlec{
  height: 2em;
}

#felszin_velemenylista{
}

.velemeny_blokk{
  float: left;
  margin-top: 5px;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

.velemeny_infok{
  float: left;
  width: 130px;
  padding: 4px;
  border: 1px dotted #D0D0D0;
  line-height:2;
}

.velemeny_szoveg{
  float: left;
  width: 310px;
  padding: 5px;
  background-color: silver;
}

/*arkalkulator.php *******************************/
#arlista_keret{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
 padding-left: 10px;
	border-left: 1px dotted;
}

.modul_sav{
	width: 100%; /*ha nem állítom be, akkor a b*zi IE szóközönként eltöri a modulneveket!*/
}
.fo_fo_modul{
	color: black;
	font-size: 12px;
	padding-left: 10px;
}
.aktiv_modul{
	color: black;
	font-size: 12px;
	padding-left: 10px;
}
.virtual_modul{
	color: black;
	font-size: 12px;
	padding-left: 20px;
}
.aktiv_almodul{
	color: black;
	font-size: 12px;
	padding-left: 20px;
}
.inaktiv_almodul{
	color: #707070;
	font-size: 12px;
	padding-left: 20px;
}
.virtual_almodul{
	color: black;
	font-size: 12px;
	padding-left: 30px;
}

.bekapcs_ar{
	clear: right;
	color: black;
}
.kikapcs_ar{
	clear: right;
	color: #707070;
}


#tip_konf{
	 position: relative;
 	margin-top: 5px;
 	margin-right: 10px;
}
#tip_konf ul{
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  text-indent: 5px;
}
.tipkonf_valaszt{
  background-color: #C8EBFA;
	 cursor: pointer;
  margin-top: 3px;
  padding: 0.2em;
}

#gepszam_doboz{
 	position: relative;
	 margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

#szumma{
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #C8EBFA;
  font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.szumma_sav{
	 position: relative;
  clear: left;
 	padding: 10px;
}
.szumma_szam{
	 position: relative;
  float: left;
  width: 120px;
	 border: 1px solid Black;
	 background-color: #DAE3EC;
	 text-align: right;
	 font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.szumma_ft{
	 position: relative;
  float: left;
	 margin-left: 10px;
}

#ajanlatkeres{
  position: relative;
  float: left;
  padding: 10px;
  text-align: left;
}

/*bemutatoker.php *******************************/
#bevez_szoveg_blokk{
  position: relative;
  width: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

#athozott_adatok_blokk{
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}

#modul_lista{
  position: relative;
  float: left;
  width: 600px;
  margin-top: 10px;
}

#cegadatok_blokk{
  position: relative;
  width: 100%;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.submit_sav_class{
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
}

.form_sav{
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  background-color: #CFEBFC;
}

.form_szoveg_sav{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}

.label{
  position: relative;
  float: left;
}
.input{
  position: relative;
  float: right;
}
.checkbox_input{
  position: relative;
  float: right;
}
.megjegyzes_sav{
   position: relative;
   float: left;
   width: 100%;
}
.button{
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000000;
  cursor: pointer;
}
.kisbetus_info{
  position: relative;
  float: left;
  padding: 10px;
	 font-size: 9px;
}
.alap_lista{
  list-style: none;
  margin: 0px;
}
.alap_lista li{
  margin: 10px;
}