/*
Alapelemek
padding:25px 50px 75px 100px;  fönn, jobbra, lenn, balra,
background-image: url("képneve");

Ellenőrtésre:border:1px solid red;
*/

/*--------------------------------------------------------------------------------------------*/
/*Az oldal általános jellemzői----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
img{border: 0px;}
a:link {
text-decoration:none;
color: #000000;
}
a:visited {
text-decoration:none;
color: #000000;
}
a:hover {
text-decoration:none;
color: #FF9933;
}
a:active {text-decoration:none;}
body
{
background-image: url("kep/kekskin/jaszcomphatter.jpg");
background-repeat:repeat-x;
background-color: #4ac6ff;
}
/*--------------------------------------------------------------------------------------------*/
/*Index.php-----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.hatter
{
margin-left:auto;
margin-right:auto;
background-image: url("kep/hatter3.jpg");
background-attachment: fixed;
background-position: right top;
border:2px solid #ADD8E6;
width: 1024px;
min-height: 1400px;
}
/*--------------------------------------------------------------------------------------------*/
.baloldal/*Baloldali részek validitások megjelenítése, CSS és W3 valamint a menürészek--------*/
/*--------------------------------------------------------------------------------------------*/
{
width: 150px;
height: auto;
}
.valid
{
padding: 0px 0px 0px 10px;
width: 150px;
height: 100px;
margin-bottom: 50px;
}
.menu1 /*Menü amiben bennevannak a program legöltések linkjei Oldal/Index/Menu1*/
{
float:left;
margin: 30px 5px 10px 5px;
padding: 20px 5px 20px 5px;
border:1px solid #ADD8E6;
width: 150px;
height: auto;
background-image: url("kep/kekskin/kek vilagos kis hatter 150x100.jpg");
}
.balmenu/*Nincs használva-----------------------------------------------------------------------------------------------------------------*/
{
float:left;
padding: 20px 5px 20px 5px;
border:2px solid #ADD8E6;
width: 150px;
height: auto;
background-image: url("kep/kekskin/kek vilagos kis hatter 150x100.jpg");

}
/*--------------------------------------------------------------------------------------------*/
.main /*Újabb fő rész az oldal "középső része" idekerült a logo,főmenü valamint a fő rész-----*/
/*--------------------------------------------------------------------------------------------*/
{
margin-left:auto;
margin-right:auto;
width: 700px;
height: auto;
}
.logo /*Oldal Logo része*/
{
margin-left:auto;
margin-right:auto;
width: 400px;
height: 150px;
}
.logos
{
margin-left:auto;
margin-right:auto;
width: 400px;
}
.fomenu /*Oldal főmenüje*/
{
margin-left:auto;
margin-right:auto;
width:610px;
}
.folap /*Az oldal fő rész ide töltődik a tartalom*/
{
background-image: url("kep/kekskin/kek vilagos nagy hatter 800x200.jpg");
margin-left:auto;
margin-right:auto;
width: 90%;
height: 1200px;
overflow : auto;
border: 1px solid #ADD8E6;
}
.impresszum
{
margin-left:auto;
margin-right:auto;
width: 470px;
float:left;
border: 1px solid red;
}
/*--------------------------------------------------------------------------------------------*/
/*FŐOLDAL BEÁLLÍTÁSAI-------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.hirekpadding
{
width: 520px;
margin-left:auto;
margin-right:auto;
}
.hirfejlec 
{
margin-left:auto;
margin-right:auto;
color: #000000;
text-align:center;
font-weight: bold;
width: 500px;
padding: 10px 10px 10px 10px;
}
.hirfejlecketto
{
margin-left:auto;
margin-right:auto;
color: #FFFFFF;
height: 25px;
width: 500px;
background-image: url("kep/programfejlec.jpg");
padding: 0px 10px 0px 10px;
}
.hir
{
margin-left:auto;
margin-right:auto;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
color: #000000;
width: 498px;
padding: 10px 10px 10px 10px;
margin-bottom:20px;
border: 1px solid black;
}
/*--------------------------------------------------------------------------------------------*/
/*ÜZENŐFAL ÜZENETEK ÉS ÚJ ÜZENET ÍRÁAS RÉSZ---------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.uzenofal /*Üzenőfal feliratának a szövege*/
{
margin-top: 20px;
text-align:center;
width: 100%;
font-size: 24pt;
color: #000000;
font-weight: bold;
}
.uzenetek /*Az Üzenetek rész*/
{
margin-left:auto;
margin-right:auto;
width: 500px;
font-size: 12pt;
margin-top:20px;
}
.uzenetuser /*A USER nevét megjelenítő elem*/
{
width: 190px;
height: 25px;
float: left;
background-image: url("kep/programfejlec.jpg");
padding-left:10px;
color: #ffffff;
}
.uzenetdatum /*Az üzenet dátumát megjelenítő elem*/
{
width: 275px;
height: 25px;
float: left;
text-align:right;
background-image: url("kep/programfejlec.jpg");
color: #ffffff;
}
.torleskep /*Az üzenet fejlécében található törlés gombot megjelenítő elem*/
{
width: 25px;
height: 25px;
float: left;
}
.uzenet  /*Az "adatbázisból kiszedett" üzenetek felülete*/
{
width: 498px;
height: auto;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
float: left;
border: 1px solid #000000;
}
.ujuzenet/*Új üzenet létrehozó felület*/
{
margin-left:auto;
margin-right:auto;
width: 450px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
color: black;
margin-top:50px;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
}
.ujuzenetuser/*Újüzenet felhasználó nevének kiiratása*/
{
width: 200px;
background-image: url("kep/programfejlec.jpg");
padding-left:50px;
color: white;
}
/*--------------------------------------------------------------------------------------------*/
/*PROGRAMOK LEÍRÁSOK RÉSZE AZ OLDALNAK--------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.programokmenu /*Programok típusának megnevezése*/
{
width: 80%;
font-size: 24pt;
margin-left:auto;
margin-right:auto;
text-align:center;
color: #000000;
font-weight:bold;
padding:10px 0px 30px 0px;
}
.programokpadding
{
margin-top: 20px;
margin-bottom: 20px;
}
.programok /*A programok ablaka*/
{
width: 600px;
margin-bottom: 30px;
font-size: 12pt;
margin-left:auto;
margin-right:auto;
padding:0px 0px 20px 0px;
}
.programfejlec /*Fejléc*/
{
width: 440px;
height: 25px;
float: left;
background-image: url("kep/programfejlec.jpg");
font-weight: bold;
color: #ffffff;
}
.letolteskep /*Fejléc*/
{
right:0px;
width: 150px;
height: 25px;
float: left;
background-image: url("kep/programfejlec.jpg");
color: #ADD8E6;
}
.programkep /*Tartalom*/
{
width: 150px;
height: 150px;
background-image: url("kep/kekskin/kékvilágosháttér_600x200.jpg");
float:left;
}
.leiras /*Tartalom*/
{
width: 440px;
height: 150px;
background-image: url("kep/kekskin/kékvilágosháttér_600x200.jpg");
float: left;
color: black;
}
.leiraslinkek /*Lábléc rész:Linkekkel*/
{
width: 590px;
height: auto;
float: left;
color: #ADD8E6;
background-image: url("kep/kekskin/kékközepesháttér_600x200.jpg");
}
.sajatjegyzet
{
width: 590px;
height: auto;
float: left;
font-size:14pt;
color: #ffffff;
background-image: url("kep/kekskin/kékközepesháttér_600x200.jpg");
}
/*--------------------------------------------------------------------------------------------*/
/*FILE FELTÖLTÉSE OLDAL ----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.fetoltesszoveg /*Az oldal tetején látható szöveg*/
{
margin-top: 20px;
color: #000000;
font-size: 20pt;
font-weight: bold;
text-align:center;
}
.feltoltes /*A feltöltés része*/
{
margin-top: 50px;
width: 520px;
height: 200px;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
}
.regifile/*A feltötltendő fájl eredeti nevégen felirata*/
{
padding-top: 20px;
padding-left:20px;
width: 200px;
height: 50px;
float: left;
font-size: 12pt;
font-weight: bold;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}
.regifileform/*A feltötltendő fájl eredeti nevégen ÜRLAPRUBLIKÁJA*/
{
padding-top: 20px;
width: 300px;
height: 50px;
float: left;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}
.ujfile/*A feltötltendő fájl új nevégen felirata*/
{
width: 200px;
height: 50px;
padding-left:20px;
float: left;
font-size: 12pt;
font-weight: bold;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}
.ujfileform/*A feltötltendő fájl új nevégen ŰRLAPRUBLIKÁJA*/
{
width: 300px;
height: 50px;
float: left;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}
.feltoltmegjegyzes/*A feltötltéshez tartozó megjegyzések*/
{
width: 420px;
height: 80px;
float: left;
background-image: url("kep/kekskin/kékvilágosháttér_2_600x200.jpg");
}
.feltoltgomb/*A Feltöttés GOMBJA*/
{
width: 90px;
height: 60px;
float: left;
padding-top: 20px;
padding-left: 10px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}

/*ÚJ LEÍRÁS LÉTREHOZÁSA OLDAL----------------------------------------------------------------*/
.ujleiras
{
width: 600px;
margin-left: auto;
margin-right: auto;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}
.leiraslista
{
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top:30px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
}
/*HIRDETÉSRÉSZLEG:ELADÁS,VÁSÁRLÁS,CSERE valamint az uj hirdetés feladása*/
.fejlec1
{
background-image: url("kep/divmegjegyzeshatter.jpg");
}
/*--------------------------------------------------------------------------------------------*/
/*HIBAÜZENETEK MEGJELENÍTÉSE------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.hibauzenetpadding
{
margin-left:auto;
margin-right:auto;
padding:200px 0px 0px 0px;
}
.hibauzenet
{
margin-left:auto;
margin-right:auto;
width: 300px;
height: auto;
background-image: url("kep/kekskin/hibauzenethatter.jpg");
border: 1px solid black;
color: black;
font-size: 20px;
text-align: center;
}

/*--------------------------------------------------------------------------------------------*/
/*HIRDETÉS RÉSZE AZ OLDALNAK------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.hirdetofal /*Üzenőfal feliratának a szövege*/
{
width: 80%;
margin-left:auto;
margin-right:auto;
font-size: 24pt;
text-align:center;
color: #000000;
padding:10px 0px 30px 0px;
}
.hirdetesek /*Az Üzenetek rész*/
{
width: 500px;
font-size: 12pt;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
border: 1px solid #000000;
}
.hirdetouser /*A USER nevét megjelenítő elem*/
{
width: 200px;
height: 25px;
float: left;
background-image: url("kep/programfejlec.jpg");
color: #ffffff;
}
.hirdetesdatum /*Az üzenet dátumát megjelenítő elem*/
{
width: 275px;
height: 25px;
float: left;
text-align:right;
background-image: url("kep/programfejlec.jpg");
color: #ffffff;
}
.hirdetes  /*Az "adatbázisból kiszedett" üzenetek felülete*/
{
width: 500px;
height: auto;
background-image: url("kep/kekskin/kékvilágosháttér_600x200.jpg");
float: left;
}
.cuccneve /*Az eladandó, cserélendő, keresendő áru rövid neve*/
{
width: 500px;
background-image: url("kep/kekskin/kékvilágosháttér_600x200.jpg");
color: black;
font-weight: bold;
}
.elerhetoseg /*Az elérhetődég valamilyen formája*/
{
width: 500px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
color: white;
}
/*--------------------------------------------------------------------------------------------*/
/*Új hirdetés létrehozása---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.ujhirdetesek /*Az Üzenetek rész*/
{
width: 500px;
height: 325px;
font-size: 12pt;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: 1px solid black;
}
.ujhirdetouser /*A USER nevét megjelenítő elem*/
{
width: 480px;
height: 25px;
float: left;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
color: #000000;
padding-left: 20px;
font-weight:bold;
font-size: 16pt;
}
.hirdetestipus/*Az üzenet dátumát megjelenítő elem*/
{
width: 480px;
height: 25px;
float: left;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
padding: 10px;
color: #000000;
}
.ujhirdetes  /*Az "adatbázisból kiszedett" üzenetek felülete*/
{
width: 480px;
height: 100px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
padding: 10px;
float: left;
}
.ujcuccneve /*Az eladandó, cserélendő, keresendő áru rövid neve*/
{
width: 480px;
height: 25px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
padding: 10px;
float: left;
font-weight: bold;
color: #000000;
}
.ujelerhetoseg /*Az elérhetődég valamilyen formája*/
{
width: 480px;
height: 25px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
padding: 10px;
float: left;
color: #000000;
}

/*--------------------------------------------------------------------------------------------*/
/*AZ OLDAL LOGINFELÜLETE----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.login
{
float:left;
width: 150px;
}
.loggolofelulet
{
border:1px solid #ADD8E6;
float:left;
width: 150px;
position:relative;
background-image: url("kep/kekskin/kek vilagos kis hatter 150x100.jpg");
margin-top: 200px;
}
.loggolofeluletszoveg
{
text-align:center;
font-size: 20px;
padding: 0px 0px 0px 10px;
}
.loggoloszoveg
{
font-weight: bold;
float: left;
width: 130px;
font-size: 13px;

}
.loggoloinput
{
left:10px;
float:left;
width: 130px;
padding: 0px 0px 0px 10px;
}
.loggologomb
{
padding: 10px 0px 0px 30px;
float:left;
width: 80px;
}
.loggololink
{
float:left;
right:0px;
width: 100px;
font-size: 12px;
}
.beloggoltfelulet
{
float:left;
width: 140px;
position:relative;
margin-top: 200px;
}
.menucim
{
font-size: 26px;
font-weight: bold;
text-align: center;
}
.menu
{
text-align: center;
font-weight: bold;
font-size: 16px;
border:1px solid #000000;
}
.loginosmenu
{
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 12px;
background-image: url("kep/kekskin/loginosmenu.jpg");
border:1px solid #000000;
margin-top:5px;
width: 150px;
float: left;
}
/*--------------------------------------------------------------------------------------------*/
/*Szolgáltatások Menüpont---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.szolgaltatáscimke
{
padding:10px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 200px;
font-size: 26px;
font-weight: bold;
color: #000000;
}
.szolgaltatastipus
{
padding:10px;
margin-top: 30px;
margin-left: 30px;
text-align: center;
width: 200px;
border: 1px solid black;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
font-weight: bold;
color: #000000;
}
.szolgaltatasleiras
{
padding: 10px 0px 10px 0px;
margin-left: auto;
margin-right: auto;
width: 550px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
color: #000000;
border:1px solid black
}
.szolgaltatasmegjegyzes
{
padding:10px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
width: 550px;
border: 2px solid black;
background-image: url("kep/kekskin/kéksötétháttér_600x200.jpg");
color: #ffffff;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------*/
/*Youtube videó-------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.youtubevideo
{
margin-left: auto;
margin-right: auto;
width: 480px;
}
.youtubefelirat
{
text-align: center;
font-weight: bold;
font-size: 20px;
}
.legutolsotizfelulet
{
border:1px solid #ADD8E6;
float:left;
width: 150px;
position:relative;
background-image: url("kep/kekskin/kek vilagos kis hatter 150x100.jpg");
margin-top: 30px;
}
.legutolsotizszoveg
{
text-align: center;
font-size: 16pt;
font-weight:bold;
background-image: url("kep/kekskin/loginosmenu.jpg");
}
.youtubevideohatter
{
margin-top: 50px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
width: 520px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
border: 1px solid #000000;
}
/*--------------------------------------------------------------------------------------------*/
/*GYakran Ismételt Kérdések-------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.gyikcimke
{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
font-size: 24px;
font-weight: bold;
width: 490px;
}
.gyikkerdes
{
font-weight: bold;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
}
.gyikvalasz
{
margin-left: auto;
margin-right: auto;
width: 490px;
margin-bottom: 40px;
}
.gyikmegjegyzes
{
border: 1px solid black;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
width: 490px;
}

/*--------------------------------------------------------------------------------------------*/
/*Online Segítségkérő felület-----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.onlinehelpcimke
{
margin-top: 20px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
text-align: center;
font-weight: bold;
font-size: 32px;
width: 500px;
}
.onlinehelpform
{
padding: 10px;
margin-left:auto;
margin-right:auto;
font-weight: bold;
width: 350px;
background-image: url("kep/kekskin/kek sötét nagy hatter 800x200.jpg");
border: 1px solid black;
}
.uzenetelment
{
margin-top: 200px;
margin-left: auto;
margin-right: auto;
width: 300px;
height: auto;
background-image: url("kep/kekskin/hibauzenethatter.jpg");
border: 1px solid black;
color: black;
font-size: 20px;
text-align: center;
}
.onlinehelp
{
float:left;
margin: 30px 5px 10px 5px;
padding: 10px 5px 10px 5px;
border:1px solid #ADD8E6;
width: 150px;
height: auto;
font-size:22px;
font-weight: bold;
background-image: url("kep/kekskin/kek vilagos kis hatter 150x100.jpg");
}
.onlinehelpx/*A kereszt elmozdul ha új modult akrok beilleszteni az oldalba!!! Erre valami megoldást kell keresni*/
{
position: relative;
left: 110px;
top: -820px;
}