BODY
{
    position: relative;
    width: 100%;
    ! background-image: url('../pictures/Alap_hatter.jpg');  
    ! background-image:url('/pictures/szilveszter3.jpg');
    ! background-image:url('/pictures/karacsony.jpg');
    ! background-image:url('/pictures/karacsony2022.jpg');
    ! background-image:url('/pictures/karacsony2019.jpg');
    ! background-image:url('/pictures/hoeses2.gif');
    background-color:#eeeeee;
    background-repeat:repeat-y;
    background-size:cover;
    font-family: Trebuchet MS, Arial, sans-serif;
    float:none;
    FONT-SIZE: 12px;
    COLOR:black;
    margin:auto;
    ! text-align:center;



    
    
}

.KARBANTART
{
    position: absolute;
    width: 857px;
    height: 620px;
    z-index:-1;
    left: 141px;
    top: 27px;
    overflow: no;
    border: none;
    background-color:red;
  
}

HR
{  
    COLOR: grey
}

.BASICWINDOW
{
    width: 990px;
    height:620px;
    position: relative;
    margin: 0px auto 0px auto;
    background-color:#F2F2F2;
    z-index:0;
    ! border-left: solid 3px white;
    ! border-right:solid 3px white;

}


.BASICWINDOWBIG
{
    width: 1350px;
    height:690px;
    position: relative;
    left:0px;
    margin: auto;
    background-color:#F2F2F2;
    z-index:0;
    ! border-left: solid 3px white;
    ! border-right:solid 3px white;
}

.BASICWINDOWVERYBIG
{
    width: 1900px;
    height:600px;
    position: relative;
    left:0px;
    !margin: 0px 0px 0px 0px;
    background-color:#F2F2F2;
    z-index:0;
    !border-left: solid 3px white;
    !border-right:solid 3px white;
}

.BASICWINDOWmobil
{
    
    width:1000px;
    height:100px;
    color:maroon;
    background-color:#8c8b8b;
    position: relative;
    top:10px;
    left:0px;
    margin: 0px auto 0px auto;
     margin:auto;
    z-index:0;
    text-align:center;
    background-repeat:repeat-y;
    background-size:cover;
    box-shadow:5px 10px 10px silver;
    background-image:linear-gradient(to bottom, rgb(235,235,235,0), rgb(255,255,255,1));
}



.MAINWINDOW
{
    position: relative;
    width: 837px;
    ! height: 565px;
    left: 141px;
    top: 7px;
    overflow: no;
    border: none;
  
}

.m_menu
{
    position:fixed;
    top:15px;
    left:10px;
    width:120px;
}

.MENUmobil
{
    position: absolute;
    width: 350px;
    height: 80px;
    z-index:2;
    margin-left:10px;
    top:10px;
    overflow: no;
    border:solid 3px grey;
    border-radius:80px 0px 0px 80px;
    color:black;
    background-color:silver;
    font-size:60px;
    font-weight:bold;
    padding: 10px 0px 0px 10px;
}

.MENUmobilJOBB
{
    position: absolute;
    width: 360px;
    height: 80px;
    z-index:2;
    margin-left:10px;
    top:10px;
    overflow: no;
    border:solid 3px grey;
    border-radius:0px 80px 80px 0px;
    color:white;
    background-color:silver;
    font-size:60px;
    font-weight:bold;
    padding: 10px 0px 0px 10px;
}

.MOBILGOMB
{
    width:450px;
    height: 80px;
    z-index:2;
    margin-left:10px;
    top:10px;
    overflow: no;
    border:solid 3px grey;
    border-radius:0px 80px 80px 0px;
    color:white;
    background-color:#325d81;
    font-size:50px;
    font-weight:bold;
    padding: 10px 0px 0px 10px;
}

.FALIMOBIL
{
    width:950px;
    background-color:white;
    text-align:left;
    padding:10px 10px 10px 10px;
    border:5px solid lightgrey;
    border-radius:50px 0px 0px 50px;
    padding-left:10px;

}

.NEWS
{   
    position:absolute;
    width:650px;
    height:auto;
    top:60px;
}

.FALINORMAL
{
    border:none;
    background: #f2f2f2;
    font-family: 'Liga', sans-serif;
    color: dimgrey;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: lightgrey;
    border-radius:10px 10px 10px 10px;
    width:99%;
    margin: 18px 0px 5px 0px;
    max-height:200px;
    !box-shadow: 1px 3px lightgrey;
    padding:1px 3px 1px 0px;
    vertical-align:bottom;
}

.FALINORMAL:hover
{
    background: #e6e6e6;
    !box-shadow: 3px 3px grey;
    color: black;
    max-height:none;   
    !border:solid 1px black;
}

.FALIBELSO
{
    background:#f2f2f2;
    width:89%;
    margin: 8px 55px;
    max-height:95px;
    overflow:hidden;     
    color: black;
    padding:3px;
    border-radius:7px 7px 7px 7px;
       
}
.FALIBELSO:hover
{
   
    background: white;
    opacity:100%;
    overflow:visible; 
    max-height:none; 
}


.FALIUJ
{
    border:none;
    background:lavender;
    color: dimgrey;
    border-style: solid;
    border-color: red;
    border-width: 2px 1px 1px 1px;
    border-radius:10px 10px 10px 10px;
    width:100%;
    margin: 15px 0px 5px 0px;  
    max-height:130px;
    overflow:hidden; 
    !box-shadow: 5px 5px #ffdacc; 
    padding-left:3px; 
}

.FALIUJ:hover
{
    background: lavender;
    !box-shadow: 3px 3px grey;
    color: black;
    max-height:none;   
}

.FALIFEJ
{
   background-color:#e6e6e6;
   margin: 0px 0px -9px 42px;
   font-size: 12px;
   color: darkblue;
   height:21px;
   font-style:italic;
}

.FALITOROL
{  
  height:17px;
  width:17px
  border:none;
  position:absolute;
  left:95%;
  margin-top:2px;
}

.TOROLGOMB
{  
  height:25px;
  width:25px
  border:none;
  position:absolute;
  left:635px;
}


.fali:link
{   color:blue;
    text-decoration: underline;}
.fali:visited
{   color:blue; 
    text-decoration: underline;}
.fali:active
{   color: blue;
    text-decoration: underline;}
.fali:hover
{   color: black;
    text-decoration: underline; }

.filetabla:link
{
    background-color:silver;
    color:black;
    text-decoration: none;
}
.filetabla:visited
{   color:black; 
    text-decoration: none;}
.filetabla:active
{   color: black;
    text-decoration: none;}
.filetabla:hover
{   color: blue;
    text-decoration: none; }

.info:link
{   color:white;
    font-weight:bold;
    text-decoration: underline;}
.info:visited
{   color:white;
    font-weight:bold; 
    text-decoration: underline;}
.info:active
{   color: white;
    font-weight:bold;
    text-decoration: underline;}
.info:hover
{   color: yellow;
    font-weight:bold;
    text-decoration: underline; }


.KOMMENT
{
    border:none;
    background: #b3ffff;
    color: black;
    border-radius:0px 10px 10px 10px;
    width:245px;
    margin: 10px 0px 5px 0px;
    padding:5px;
     
}

.MOBILKOMMENT
{
    border:none;
    background: white;
    color: black;
    border-radius:10px 10px 10px 10px;
    width:940px;
    margin: 10px 0px 5px 0px;
     
}


.nologin:link
{   color:black;
    background-color:wheat;
    text-decoration: underline;}
.nologin:visited
{   color:black;
    background-color:wheat;
    text-decoration: underline;}
.nologin:active
{   color:black;
    background-color:wheat;
    text-decoration: underline;}
.nologin:hover
{   color:black;
    background-color:salmon;
    text-decoration: underline;}

.HiddenUser:link
{   color:white;
    background-color:darkred;
    text-decoration: underline;}
.HiddenUser:visited
{   color:white;
    background-color:darkred;
    text-decoration: underline;}
.HiddenUser:active
{   color:white;
    background-color:darkred;
    text-decoration: underline;}
.HiddenUser:hover
{   color:yellow;
     background-color:darkred;
    text-decoration: underline;}


.BALMENU
{
    position:fixed;
    margin-left:0px;
    z-index:2;
    top:26px;
    width:145px;
    max-width:145px;
    height:617px;
    max-height:617px;
    border: none;
    !background: #EDEDED;
    background: linear-gradient(to right, #002E5C, #002E5C 90%, white 100%, white);
    text-align: center;
    border-radius:0px 0px 15px 15px;
}

.BALMENUmobil
{
    position:absolute;
    z-index:2;
    margin-left:0px;
    top:26px;
    width:140px;
    max-width:140px;
    height:617px;
    max-height:617px;
    border: none;
    background: darkblue;
    !background-image: url('../pictures/Alap_hatter2.jpg');  
    !background: red;
    text-align: center;
}

.FEJLEC
{
    position:absolute;
    left:0px;
    top:0px;
    height:18px;
    border-style: solid;
    border-color: grey; 
    border-width: 1px 0px 0px 0px;
    background: lightgrey;
    text-align: center;
    color: black;
    font-weight:bold;
    font-face: Tahoma;
    font-size: 13px;
    border-radius:0px 0px 10px 10px;
}

.DOBOZ
{
    background: lightgrey;
    color: black;
    font-face: Tahoma;
    font-size: 11px;
    border-radius:0px 0px 15px 15px;
}

.DOBOZ2
{
    position:absolute;
    left:5px;
    top:2px;
    height:588px;
    width:845px;
    overflow: no;  
    background: lightgrey;
    color: black;
    font-face: Tahoma;
    font-size: 11px;
}


.MEGJDOBOZ
{
    background: grey;
    color: white;
    font-face: Tahoma;
    font-size: 11px;
    border:solid 5px red;
}

.BALMENUBUTTON
{
    position:relative;
    top:8px;    
    display:block;
    width: 145px;
    height: 30px;
    border: none;
    background: linear-gradient(to right, #002E5C, #002E5C 90%, white 100%, white);
    !background: #002E5C;
    text-align: left;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 10px 0px 0px 5px;
 }

.BALMENUBUTTON:hover 
{
    background:#483D8B;
    width: 155px;
    color:yellow;
    font-style:italic;
    border-radius:0px 20px 20px 0px;
  
}


.BALMENUBUTTONGREEN
{
    position:relative;
    top:8px;    
    display:block;
    width: 145px;
    height: 30px;
    border: none;
    background: linear-gradient(to right, forestgreen, forestgreen 90%, white 100%, white);
    text-align: left;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 10px 0px 0px 5px;
 }

.BALMENUBUTTONGREEN:hover 
{
    background:green;
    width: 155px;
    color:yellow;
    font-style:italic;
    border-radius:0px 20px 20px 0px;
}

.BALMENUAKTIVBUTTON
{
    position:relative;
    top:8px; 
    display:block;
    width: 145px;
    height: 30px;
    border: none;
    background: dimgrey;
    text-align: left;
    color: yellow;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 10px 0px 0px 5px;
    
 }


.ALMENUBUTTON
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }
.ALMENUBUTTON:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;   
    
}

.FELSOALMENUBUTTON
{
    display:block;    
    width: 140px;
    height: 20px;
    left:20px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }
.FELSOALMENUBUTTON:hover 
{
    background:#483D8B;
    color:yellow;
    width: 150px;
    border-radius:0px 20px 20px 0px;
    
}

.FELSOALMENUBUTTON2
{
    display:block;    
    width: 140px;
    height: 20px;
    left:20px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.FELSOALMENUBUTTON2:hover 
{
    background:#483D8B;
    color:yellow;
    width: 150px;
    border-radius:0px 15px 15px 0px;
}  

.FELSOALMENUBUTTON3
{
    display:block;    
    width: 140px;
    height: 20px;
    left:20px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.FELSOALMENUBUTTON3:hover 
{
    background:#483D8B;
    color:yellow;
    width: 150px;
    border-radius:0px 20px 20px 0px;   
}

.ALMENUBUTTON2
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    z-index:2;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }
.ALMENUBUTTON2:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
      
}

.ALMENUBUTTON3
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }
.ALMENUBUTTON3:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;  
}

.ALMENUBUTTON4
{
    display:block;    
    width: 175px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON4:hover 
{
    background:#483D8B;
    color:yellow;
    width:185px;
    border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTON5
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON5:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;  
}

.ALMENUBUTTON6
{
    display:block;    
    width: 175px;
    height: 20px;
    left:120px;
    border: none;
    background:#cc7000;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON6:hover 
{
    background:#ff981a;
    color:black;
}

.ALMENUBUTTON7
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON7:hover 
{
     background:#483D8B;
     color:yellow;
     width:155px;
     border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTON8
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON8:hover 
{
     background:#483D8B;
     color:yellow;
     width:155px;
     border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTON9
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON9:hover 
{
     background:#483D8B;
     color:yellow;
     width:155px;
     border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTON10
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON10:hover 
{
     background:#483D8B;
     color:yellow;
     width:155px;
     border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTON11
{
    display:block;    
    width: 145px;
    height: 20px;
    left:120px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTON11:hover 
{
     background:#483D8B;
     color:yellow;
     width:155px;
     border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTONAL2
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
}

.ALMENUBUTTONAL2:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTONAL11
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
}

.ALMENUBUTTONAL11:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}


.ALMENUBUTTONAL12
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
}

.ALMENUBUTTONAL12:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTONAL19
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
}

.ALMENUBUTTONAL19:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}


.ALMENUBUTTONAL52
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
}

.ALMENUBUTTONAL52:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTONAL62
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
}

.ALMENUBUTTONAL62:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}


.ALMENUBUTTONAL2:hover 
{
    background:#483D8B;
    color:yellow;
}

.ALMENUBUTTONAL3
{
    display:block;    
    width: 145px;
    height: 20px;
    margin-left:255px;
    z-index:3;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTONAL3:hover 
{
    background:#483D8B;
    color:yellow;
    width:155px;
    border-radius:0px 20px 20px 0px;
}

.ALMENUBUTTONKKVIEW
{
    display:block;    
    width: 245px;
    height: 20px;
    border: none;
    background:#191970;
    text-align: left;
    color: white;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    padding: 8px 0px 0px 5px;
 }

.ALMENUBUTTONKKVIEW:hover 
{
     background:#483D8B;
     color:yellow;
     width:255px;
     border-radius:0px 20px 20px 0px;
}


.BALMENUBUTTONPIROS
{
    display:block;      
    width: 140px;
    height: 30px;
    border: none;
    background: #990000;
    text-align: left;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 10px 0px 0px 5px;
}
.BALMENUBUTTONPIROS:hover 
{
   width: 150px;
   color: yellow;
   font-style:italic;
   border-radius:0px 20px 20px 0px;
}

.FELSOMENUDOBOZ
{
    position:fixed;
    margin-left:0px;
    margin-top:0px;
    z-index:5;
    width: 990px;
    height: 26px;
    border: none;
    background: #002E5C;
}

.FELSOMENUDOBOZmobil
{
 position:absolute;
}




.FELSOMENUBUTTON
{
    display:block;     
    width: 130px;
    height: 12px;
    border: none;
    background: #002E5C;
    color: white;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 7px 0px 0px 0px;
}
.FELSOMENUBUTTON:hover 
{
   background:#483D8B;
   height: 25px;
   color: yellow;
   border-radius:0px 0px 10px 10px;
  
}

.FELSOMENUBUTTONAKTIV
{
    display:block;     
    width: 130px;
    height: 15px;
    border: none;
    background: dimgrey;
    text-align: center;
    color: yellow;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 10px 0px 0px 0px;
}

.FELSOMENUPIROSBUTTON
{
    display:block;
    width: 75px;
    height: 18px;
    border: none;
    background: #990000;
    text-align: center;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    padding: 7px 0px 0px 0px;
    
}
.FELSOMENUPIROSBUTTON:hover 
{
    height: 25px;
    color: lightred;
    border-radius:0px 0px 10px 10px;
}

.tablazatfej 
{
    color: snow;
    font-size:12px;
    background:black;
    valign:center;
    border:solid 1px snow;
    text-decoration:none;
    text-align:center;
    border-radius:8px 8px 0px 0px;
}
 
.tablazatlab 
{
    color: snow;
    font-size:12px;
    background:black;
    valign:center;
    border:solid 1px snow;
    text-decoration:none;
    text-align:center;
    border-radius:0px 0px 8px 8px;
}

.tablazatfej_fekete
{
    color: black;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    background:dimgrey;
    valign:center;
    text-align:center;
}


.tablakiir
{
    font-size:12px;
    color:black;
    text-align:left;
}

.tablakiirright
{
    font-size:12px;
    color:black;
    text-align:right;
}

.tablakiir2
{
    font-size:12px;
    color:black;
    text-align:center;
}
.tablakiirleft
{
    width:270px;
    font-size:12px;
    color:black;
    text-align:left;
}

.tablazat
{
    background:aliceblue;
}

.prodtablatr
{
    background:lavender;
    
    
}


.tablazatmtars
{
    <tr
}


.fejlec2
{
   
    font-size: 12px;
    font-weight: bold;
    color: black;
    text-align: center;
    border-bottom:solid 2px black;
}

.BUTTON
{
    
    width: 135px;
    height: 29px;
    border: none;
    background: #002E5C;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
    cursor:pointer;

}
.BUTTON:hover 
{
     color: yellow;
     background:#483D8B;
     border-radius:5px 5px 5px 5px;
}



.BUTTONFINA
{
    
    width:250px;
    height: 29px;
    border: none;
    background: #002E5C;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
    cursor:pointer;
    margin-top:5px;
    margin-left:10px;
    background-image: linear-gradient(to right, #002E5C , #82a7f3);
    text-decoration:none;
    transparent
}
.BUTTONFINA:hover 
{
     color: yellow;
     background:#483D8B;
     border-radius:5px 5px 5px 5px;
}

.BUTTONGREY
{
    
    width: 135px;
    height: 29px;
    border: none;
    background: #a6a6a6;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
    cursor:pointer;

}
.BUTTONGREY:hover 
{
     color: yellow;
     border-radius:5px 5px 5px 5px;
}

.BUTTONKEREK
{
    cursor:pointer;
    width: 70px;
    height: 25px;
    border: none;
    background: #002E5C;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
    border-radius:10px;
}
.BUTTONKEREK:hover 
{
     color: yellow;
     background:#483D8B;
     
}

.BUTTONFIXED
{
    position:absolute;
    width: 135px;
    height: 29px;
    border: none;
    background: #002E5C;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
}
.BUTTONFIXED:hover 
{
    color: lightblue;
    border-radius:5px 5px 5px 5px;
}

.BUTTONZOLD
{
    
    width: 135px;
    height: 29px;
    border: none;
    background: green;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
}
.BUTTONZOLD:hover 
{
    color: yellow;
    border-radius:5px 5px 5px 5px;
}

.BUTTONSARGA
{
    
    width: 135px;
    height: 29px;
    border: none;
    background: yellow;
    text-align: center;
    color:  black;
    font-face: Arial;
    font-size: 11px;
}
.BUTTONSARGA:hover 
{
    color: darkblue;
    border-radius:5px 5px 5px 5px;
}

.BUTTONPIROS
{
    
    width: 135px;
    height: 29px;
    border: none;
    background: darkred;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
}
.BUTTONPIROS:hover 
{
    color: yellow;
     border-radius:5px 5px 5px 5px;
}

.BUTTON4
{
    
    width: 135px;
    height: 29px;
    border: none;
    background: #990000;
    text-align: center;
    color: white;
    font-face: Arial;
    font-size: 11px;
}
.BUTTON4:hover 
{
    color: yellow;
     border-radius:5px 5px 5px 5px;
}

.PRODBUTTON
{
    display:block;
    width: 135px;
    height: 18px;
    border: none;
    background: #404040;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
    text-decoration:none;
    padding: 4px 0px 0px 0px;
}
.PRODBUTTON:hover 
{
    color: yellow;
     border-radius:5px 5px 5px 5px;
}

.PRODBUTTONRED
{
    display:block;
    width: 135px;
    height: 18px;
    border: none;
    background: red;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 11px;
    text-decoration:none;
    padding: 4px 0px 0px 0px;
}
.PRODBUTTONRED:hover 
{
    color: yellow;
     border-radius:5px 5px 5px 5px;
}

.PRODBUTTONAKTIV
{
    display:block;   
    width: 135px;
    height: 18px;
    border: none;
    background:lightgrey;
    text-align: center;
    border:solid 1px dimgrey;
    border-bottom-style: none;
    color:  black;
    font-face: Arial;
    font-size: 11px;
    font-weight:bold;
    text-decoration:none;
    padding: 4px 0px 0px 0px;
}

.AUTOBUTTON
{
    
    width: 135px;
    height: 18px;
    border: none;
    background: #404040;
    text-align: center;
    color:  white;
    font-face: Arial;
    font-size: 10px;
    text-decoration:none;
}

.AUTOBUTTON:hover 
{
    color: yellow;
}


.AUTOBUTTONAKTIV
{
      
    width: 135px;
    height: 40px;
    border: none;
    background:lightyellow;
    text-align: center;
    font-weight: bold;
    color:  darkblue;
    font-size: 11px;
    text-decoration:none;
    border:solid darkblue 1px;
    border-bottom:none;
    border-radius: 5px 5px 0px 0px;
   
}

.inputkotelezo
{
    font-size:12px;
    border: 1px solid  grey;
    background:#ffe5e5;
}
.inputkotelezo:hover
{
    font-size:12px;
    border: 1px solid darkred;
    background: #ffcccc;
}

.input
{
    font-size:12px;
    border: 1px solid #006;
    background: #E6FFFF;
}
.input:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.input3
{
    font-size:12px;
    border: 0px solid #f00;
    background: #E6FFFF;
    
}
.input3:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.inputszam
{
    font-size:11px;
    border: 1px solid #006;
    background: #E6FFFF;
    text-align:right;
    width:80px;
    
}
.inputszam:hover
{
    font-size:11px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.NOinput
{
    font-size:12px;
    font-style:italic;
    border: 1px solid #006;
    pointer-events:none;
    cursor:not-allowed;
}

.NOinputNOborder
{
    color:black;
    font-size:12px;
    font-style:italic;
    border: none;
    background-color: transparent;
    pointer-events:none;
    cursor:not-allowed;
}

.NOinputszam
{
    font-size:11px;
    border: 1px solid #006;
    pointer-events:none;
    cursor:not-allowed;
    text-align:right;
}

.FINAinput
{
    font-size:12px;
    border: 1px solid grey;
    background: #E6FFFF;
    margin:5px;
    padding-left:3px;
    box-shadow: 3px 3px 3px #888888;
    width:300px;
   
}
.FINAinput:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
    
}

.autoNoinput
{
    font-size:12px;
    border: 0px solid ghostwhite;
    background: ghostwhite;
    
    
}

.autoDisplayNone
{
    display:none;
    font-size:12px;
    border: 0px solid ghostwhite;
    background: ghostwhite;
   
}

.input4
{
    font-size:12px;
    border: none;
    background: #E6FFFF;
}
.input4:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}



.input2
{
    font-size:12px;
    border: 1px solid #006;
    background: #E6FFFF;
}
.input2:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.mi
{
    font-size:12px;
    border: 1px solid #006;
    background: #E6FFFF;
}
.mi:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}
.mi2
{
    font-size:12px;
    border: 1px solid #006;
    background: #E6FFFF;
}
.mi2:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.mm
{
    font-size:12px;
    border: 1px solid #006;
    background: #E6FFFF;
}
.mm:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.prod0
{
    background: #f1f1f1;
    
}
.prod1
{
    background: #e8ffe8;
    
}
.prod2
{
    background: #e8ffe8;
}

.prod3
{
    background: #ffe9e3;
}
.prod4
{
    background: #EBC6EB;
}
.prod5
{
    background: #99ADEB;
}

.prod6
{
    background: #e6ffe6;
}
.lista
{
    color:white;
    font-size:12px;
}

.button2 
{
     background: white;
     color:black; 
     border:3px solid #FFF; 
   
     font-size:12px;
     text-align:center; border:none;
}

.tablazat 
{
      background:aliceblue;
}


.tablazatmtars 
{
      background:lightgrey;
}

.ADMINMENU
{
      background:silver;
      color:black;
      font-weight:bold;
      text-align:center;
      width:400px;
      height:16px;
}


a.tip {
    color:darkblue;
    text-decoration: underline;
}
a.tip:hover {
    color:blue;
    font-weight:bold;
    text-decoration: underline;
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: darkblue 1px solid;
    border-radius: 15px;
    padding: 1px 0px 0px 10px;
    display: block;
    z-index: 100;
    background: url(../pictures/tip_background.jpg) #f0f0f0 no-repeat;
    background-size:cover;
    left: 0px;
    margin: 1px 0px 10px 90px;
    width: 195px;
    position: absolute;
    color:darkblue;
    text-decoration: none
}

a.kozeliprod:link 
{
    color:black;
    text-decoration:none;
 }
 
a.kozeliprod:visited 
{
    color:black;
    text-decoration:none;
}

a.kozeliprod:active
{
    color: black;
    text-decoration:none;
}

a.kozeliprod:hover 
{
    color: white;
    background: black;
    text-decoration:none;
}


a.naptartablazat:link 
{
    color:yellow;
    text-decoration:none;
 }
 
a.naptartablazat:visited 
{
    color:yellow;
    text-decoration:none;
}

a.naptartablazat:active
{
    color: yellow;
    text-decoration:none;
}

a.naptartablazat:hover 
{
    color: white;
    background: black;
    text-decoration:none;
}

.tdd
 {
}

.tdd:hover
{
   background: grey;
}

.Button3
{ 
    color:darkblue;
    border:2px solid #000;
    background-color:lightsteelblue;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.button3:hover
{
    color:yellow;
    border:3px solid #FFF;
    background-color:#000000;
    font-size:12px;
    text-align:center;
}

.button2
 {
    background: white;
    color:black;
    border:3px solid #FFF;
    font-size:12px;
    text-align:center;
    border:no;
}

.lista
{ 
    color:white;
     font-size:12px;
}

.csatornalogo
{ 
    position:absolute;
    left:618px;
    top:32px;
    height:20px;
    border:solid 0px;
}

a.mobil:link 
{
    color:yellow;
     text-decoration:none;
 }
 
a.mobil:visited 
{
    color:yellow;
    text-decoration:none;
}

a.mobil:active
{
    color: yellow;
    text-decoration:none;
}

a.mobil:hover 
{
    color: yellow;
    text-decoration:none;
}

.keret
{
    left:5px;
    top:5px;
    width:320px;
    height:120px;
    border:solid 2px dimgrey;
    border-radius:0px 0px 15px 15px;
    margin-top:5px;
}

.adminmenusor
{
   background:silver;
   color:black;
   font-weight:bold;
   width:300px;
   height:16px;
   position:relative;
   left:10px;
   text-align:center;
}

.postit
{
   background-image: url(../pictures/postit.png);
   position:absolute;
   z-index:5;
   left:0px;
   top:100px;
   width:290px;
   height:230px;
   font-family: "Comic Sans MS", sans-serif;
   font-size: 13px;
   visibility: hidden;
}

.postit2
{
   background-image: url(../pictures/postit2.png);
   position:absolute;
   z-index:4;
   left:0px;
   top:100px;
   width:255px;
   height:170px;
   font-family: "Arial", sans-serif;
   font-size: 13px;
   border-radius:20px;
}

.postit2:hover
{
   border:solid 3px darkblue;
}
.minipostit
{
   position: fixed;
   margin-left:1155px;
   top:205px;
   width:40px;
   height:45px;
   z-index:5;
}

.postitjelszo
{
   background-image: url(../pictures/postit.png);
   background-size:100% 100%;
   position:absolute;
   z-index:5;
   left:615px; 
   top:0px;
   width:260px;
   height:251px;
   font-family: "Comic Sans MS", sans-serif;
   font-size: 15px;
   font-weight:bold;
   color:red;
   visibility:visible;
  
}

.postitlejart
{
   background-image: url(../pictures/postit.png);
   background-size:100% 100%;
   position:absolute;
   z-index:5;
   left:610px; 
   top:436px;
   width:230px;
   height:200px;
   font-family: "Comic Sans MS", sans-serif;
   font-size: 12px;
   font-weight:bold;
   color:red;
   visibility:visible;
  
}

.todoinput
{
    font-size:12px;
    border: 1px solid #006;
    background: #E6FFFF;
    width:700px;
}
.todoinput:hover
{
    font-size:12px;
    border: 1px solid #f00;
    background: #CCFFFF;
}

.tododiv
{
    position:absolute;
    width:820px;
    background:silver;
    height:70px;
    border:2px solid darkblue;
    left:150px;
    border-radius:20px 20px 20px 20px;
}

.PICIBUTTON
{
   height:14px;
   width:40px;
   background-color:darkgreen;
   border:1px solid black;
   border-radius:3px 3px 3px 3px;
   font-size:8px;
   color:white;
   cursor:pointer;
}

.PICIBUTTON:hover
{
   color:yellow;
}

.PICIBUTTONPIROS
{
   height:14px;
   width:60px;
   background-color:darkred;
   border:1px solid black;
   border-radius:3px 3px 3px 3px;
   font-size:8px;
   color:white;
   cursor:pointer;
   margin-left:3px;
}

.PICIBUTTONPIROS:hover
{
   color:yellow;
  
}

.PICIBUTTONSARGA
{
   height:14px;
   width:40px;
   background-color:#724418;
   border:1px solid black;
   border-radius:3px 3px 3px 3px;
   font-size:8px;
   color:white;
   cursor:pointer;
   margin-left:3px;
}

.PICIBUTTONSARGA:hover
{
   color:yellow;
  
}


.MOBILMENU
{
   position:relative;
   margin-top:20px;
   width:87%;
   height:90px;
   color:black;
   font-size:60px;
   font-weight:bold;
   background-color:white;
   text-align:left;
   padding:20px 0px 0px 30px;
   border-style:solid;
   border-width: 0px 0px 0px 0px;
   border-color: silver grey grey white;
   border-radius:0px 80px 80px 0px;
   border-left:none;
   box-shadow:5px 10px 10px silver;
   background-image:linear-gradient(to right, rgb(255,255,255,0), rgb(235,235,235,1));
 
   
   
}

.MOBILDISZPO
{
   position:relative;
   margin-top:15px;
   width:960px;
   color:black;
   background-color:white;
   text-align:left;
   padding:30px 0px 0px 0px;
   border-radius:0px 120px 120px 0px;
   box-shadow:10px 20px 15px silver;
   
}

.MOBILSAJAT
{
   position:relative;
   margin-top:40px;
   margin-left:5px;
   width:970px;
   font-size:50px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: grey 0px solid;
   border-radius:0px 120px 120px 0px;
   border-left:none;
   box-shadow:10px 20px 15px silver;
}

.MOBILKIIR
{
   position:relative;
   margin-top:40px;
   margin-left:5px;
   width:960px;
   font-size:50px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: grey 0px solid;
   border-radius:0px 0px 70px 70px;
   border-left:none;
   box-shadow:10px 20px 15px silver;
   background-image:linear-gradient(to bottom, rgb(192,147,12,1), rgb(192,147,12,0));
}

.MOBILPROD
{
   position:relative;
   margin-top:30px;
   margin-left:5px;
   width:985px;
   font-size:50px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: grey 0px solid;
   border-radius:0px 0px 0px 0px;
   border-left:none;
   box-shadow:10px 20px 15px silver;
}

.MOBILSZALLITO1
{
   position:relative;
   margin-top:40px;
   margin-left:5px;
   width:970px;
   font-size:45px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: white 1px solid;
   border-radius:0px 120px 120px 0px;
   border-left:none;
   box-shadow:5px 10px 10px silver;
   
}

.MOBILSZALLITO2
{
   position:relative;
   margin-top:10px;
   margin-left:5px;
   width:970px;
   font-size:45px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: white 1px solid;
   border-radius:0px 0px 0px 0px;
   border-left:none;
   box-shadow:5px 10px 10px silver;
   
}

.MOBILSZALLITO3
{
   position:relative;
   margin-top:10px;
   margin-left:5px;
   width:970px;
   font-size:45px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: white 1px solid;
   border-radius:0px 0px 0px 0px;
   border-left:darkgreen 10px solid; 
   box-shadow:5px 10px 10px silver;
  
}

.MOBILSZALLITO4
{
   position:relative;
   margin-top:10px;
   margin-left:5px;
   width:970px;
   font-size:45px;
   color:black;
   background-color:white;
   text-align:left;
   padding:0px 0px 0px 10px;
   border: white 1px solid;
   border-radius:0px 0px 0px 0px;
   border-left:darkred 10px solid; 
   box-shadow:5px 10px 10px silver;
  
}
 

.MOBILMENETLEVEL
{
   margin-top:40px;
   margin-left:10px;
   width:960px;
   font-size:45px;
   color:black;
   background-color:white;
   text-align:left;
   border: grey 5px solid;
   border-radius:30px 30px 30px 30px;
   padding-top:20px;
   padding-bottom:10px;
   
}


.MTARSLISTA
{
   margin:0px 5px;
   text-align:left;
   padding-left:5px;
   width:475px;
   font-size:11px;
   font-weight:bold;
   border:none;
   height:16px;
   background-image:linear-gradient(to right, #88e088, #f3f3f3);
}

.MTARSLISTA2
{
   margin:0px 5px;
   text-align:left;
   margin-left:35px;
   width:445px;
   font-size:11px;
   font-weight:bold;
   border:none;
   height:16px;
   background-image:linear-gradient(to right, #cefdce, #f3f3f3);
}

.MTARSLISTA5
{
   margin:0px 5px;
   text-align:left;
   background-color:#d4d426;
   padding-left:5px;
   width:380px;
   font-size:11px;
   font-weight:bold;
   border:none;
   height:16px;
   color:black;
   
}

.MTARSLISTA_FEJLEC
{
   text-align:center;
!  background-color:#800000;
   background-color:black;
   font-size:13px;
   font-weight:bold;
   border:none;
   height:16px;
   color:yellow;
}

.MTARSLISTA3
{
   margin:5px 5px;
   color:yellow;
   ! background-color:#800000;
   height:18px;
   text-align:left;
   vertical-align:middle;
   width:345px;
   font-size:11px;
   font-weight:bold;
   border:none;
   background-image:linear-gradient(to right, #800000, #848282);
   padding-left:10px;
}

.MTARSLISTA3:hover
{
   color:#cce6ff;
}

.MTARSLISTA4
{
   margin:5px 5px;
   color:yellow;
   background-color:#4d4d4d;
   height:14px;
   text-align:left;
   vertical-align:middle;
   width:345px;
   font-size:11px;
   font-weight:bold;
   border:none;
   background-image:linear-gradient(to right,#4d4d4d, #848282);
   padding-left:10px;
}

.MTARSLISTA4:hover
{
   color:#cce6ff;
}

.MKORLISTA
{
  margin:0px 10px;
  font-size:14px;
  background-color:#cefdce;
  padding-left:5px;
  width:150px;
}

.ablakuzenet
{
  position:absolute;
  left:160px;
  top:40px;
  z-index:4;
  width:700px;
  height:70px;
  background:#AFCED0 10px 50%;
  color:black;
  font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;
  font-weight:bold;
  border:1px solid #8ed9f6;
  border-radius:30px 30px 30px 30px;
  padding:10px 36px;
   margin:10px;
}

.kisablakuzenet
{
  position:absolute;
  left:160px;
  top:40px;
  z-index:4;
  width:340px;
  height:60px;
  text-align:center;
  background:silver 10px 50%;
  color:darkred;
  font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;
  border:1px solid red;
  border-radius:20px 20px 20px 20px;
  padding:10px 10px;
  margin:10px;
}

.mobilablakuzenet
{
  position:absolute;
  left:20px;
  top:40px;
  z-index:4;
  width:800px;
  height:600px;
  background:#AFCED0 10px 50%;
  color:black;
  font-family:Tahoma,Geneva,Arial,sans-serif;font-size:14px;
  font-size:50px;  
  font-weight:bold;
  border:1px solid #8ed9f6;
  border-radius:30px 30px 30px 30px;
  padding:10px 36px;
   margin:10px;
}

.alert-box 
{
   color:black;
   border-radius:10px;
   font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px;
   width:600px;
   position:absolute;   
   left:100px;
   top:30px;
   padding:10px 36px;
   margin:10px;
}
.alert-box span
{
   color:darkblue;
   font-weight:bold;
   text-transform:uppercase;
}
.notice 
{
   background:#AFCED0 10px 50%;
   border:1px solid #8ed9f6;
}

.origuzenet
{
   color:darkslategrey;
   font-family:Tahoma,Geneva,Arial,sans-serif;
   font-size:12px;
   font-style: italic
}

.copytouzenet
{
   color:black;
   font-family:Tahoma,Geneva,Arial,sans-serif;
   font-size:12px;
   font-style: italic;
}

.copytouzenet_mobil
{
   color:black;
   font-family:Tahoma,Geneva,Arial,sans-serif;
   font-size:45px;
   font-style: italic;
}

.uzifelado
{
   width:735px;
   background-color:white;
   padding:5px;
   border-radius:10px;
   margin-bottom:20px;
   background-image:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(255,255,255,1));
   box-shadow:0px 2px 10px dimgrey;
}

.uzifejlec
{
   color:darkgreen;
   background: white;
   font-family:Tahoma,Geneva,Arial,sans-serif;
   margin-left:15px;
   font-style: normal;
   font-weight: bold;
   display:block;
   box-shadow:0px 1px white;
}

.naptarfej
{
   height:20px;
   width:136px;
   top:0px;
   left:0px;   
   font-family:Tahoma,Geneva,Arial,sans-serif;
   border-radius:0px 0px 30px 0px;
}

.naptarkiir2
{
   color:black;
   font-size:11px;
   font-weight:bold;
   width:90px;
   height:16px;
   border-radius: 0px 10px 10px 0px;
   margin: 5px 5px 5px 5px;
   padding:0px 0px 0px 2px;
}

.naptarnapkiir
{
   height:15px;
   width:270px;
   text-align:left;
   font-size:11px;
   background:darkblue;
   font-weight:bold;
   border-radius:0px 0px 20px 0px;
   padding:0px 0px 0px 2px;
}

.NapMegjegyzes
{
   position:relative;
   top:5px;
   width:129px;
   left:1px;
   height:40px;
   background-color:lavender;
   border:1px solid tomato;
   border-radius:10px 10px 20px 20px;
   padding:2px;
   text-align:center;
   color:darkblue;
}

.SystemBox
{
   background-color:green; 
   height:14px;
   width:16px;
   position:absolute;
   top:4px;
  
}

.diszposor
{ 
    color:white;
    background-color:darkslategrey;
    
}

.diszposor:hover
{
   color:red;
   background:#AFCED0 10px 50%;
}

.mkdiszpo
{
   color:black;
   border:none;
   padding:1px;
   display:block;
   
}

.kkviewspan
{
   border:solid 1px grey;
   margin-top:2px;
   display:block;
   width:108px;
   text-align:center;
   border-radius: 5px;
   
}

.kkview
{
   position: -webkit-sticky;
   position: sticky;
   z-index:2;
   overflow: none;
   left:10px;
   top:50px;
   top: -webkit-70px;
   background-color:grey;
}

.prodcella1
{
   vertical-align:middle;
   text-align:right;
   width:60px;
   color:darkblue;
   font-size:11px;
}

.proddatummezo
{
   display:block; 
   color:black;
   width:155px;
   height:18px;
   position:absolute;
   left:5px; 
   top:32px;
}

.css3-tabstrip
{
    position:absolute;
    top:10px;
    left:10px;
    width: 100%;
    height: 500px;
}    
 
.css3-tabstrip ul,
.css3-tabstrip li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.css3-tabstrip,
.css3-tabstrip input[type="radio"]:checked + label
{
    position: relative;
}
 
.css3-tabstrip li,
.css3-tabstrip input[type="radio"] + label
{
    display: inline-block;
}
 
.css3-tabstrip li > div,
.css3-tabstrip input[type="radio"]
{
    position: absolute;
}
 
.css3-tabstrip li > div,
.css3-tabstrip input[type="radio"] + label
{
    border: solid 1px #ccc;
}
 
.css3-tabstrip
{
    font: normal 11px Arial, Sans-serif;
    color: #404040;
}
 
.css3-tabstrip li
{
    vertical-align: top;
}
 
.css3-tabstrip li:first-child
{
    margin-left: 8px;
}
 
.css3-tabstrip li > div
{
    top: 33px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    overflow: auto;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
.css3-tabstrip input[type="radio"] + label
{
    margin: 0 2px 0 0;
    padding: 0 10px;
    line-height: 32px;
    background: #f1f1f1;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
 
.css3-tabstrip input[type="radio"]:checked + label
{
    z-index: 1;
    background: #fff;
    border-bottom-color: #fff;
    cursor: default;
    font-weight:bold;
    color:darkblue;
}
 
.css3-tabstrip input[type="radio"]
{
    opacity: 0;
}
 
.css3-tabstrip input[type="radio"] ~ div
{
    display: none;
}
 
.css3-tabstrip input[type="radio"]:checked:not(:disabled) ~ div
{
    display: block;
}
 
.css3-tabstrip input[type="radio"]:disabled + label
{
    opacity: .5;
    cursor: no-drop;
}

.bealltab
{
    background-color: #fafafa;
    border:solid 1px lightgrey;
    border-radius: 5px;
    width:97%;
}

.gombok
{
    width:20px;
    height:20px;
}

.gombokm
{
    width:50px;
    height:50px;
    margin-right:120px;
}

.specprod1
{   
    color:black;
    width:400px;
    vertical-align:top;
    background-color:ghostwhite;
    !border:solid 1px lightgrey;
    padding:10px;
}

.specprod2
{   
    color:black;
    width:150px;
    vertical-align:top;
   
    border:none;
    padding:10px;
}

.specprod3
{   
    color:black;
    width:330px;
    vertical-align:top;
    background-color: ghostwhite;
    !border:solid 1px lightgrey;
    padding:10px;
}

.specprod4
{   
    color:black;
    width:150px;
    vertical-align:top;
   
    border:none;
    padding:10px;
}


.mmtars
{
    position:relative;
    left:50px;
    display:none;
    border:solid 5px dimgrey;
    border-radius:50px 50px 50px 50px;
    background-color:lightgrey;
    height:400px;
    width:880px;
    color:black;
    font-size:60px;
}

.leltart1
{
    width:250px;
    color:black;
    vertical-align:top;
    font-style:italic;
    text-align:right;
    padding-right:10px;
}

.leltart2
{
    width:740px;
    color:black;
    font-weight:bold;
}

.leltartabla
{
    width:990px;
    border:solid 2px #e6e6e6; 
    padding-left:10px;
    border-radius:15px 15px 0px 0px;
    color:black;
    background-color:#e6e6e6;
}

.leltarcsop
{
    width:775px;
    border:solid 2px #e6e6e6; 
    border-radius:0px 0px 15px 15px;
    background-color:#e6e6e6;
    margin-left:215px;
    border-top:none;
}

.prodjelentbutton
{
    width:180px;
    height:60px;
    border:solid 1px lightgrey;
    color:black;
    border-radius:10px;
    padding:10px;
    position:absolute;
    top:20px;
    left:620px;
    color:darkblue;
    font-size:16px;
    background-color:#F2F2F2;
    text-align:center;
    vertical-align:middle;
}

.buttonpicture
{
    width:18px;
    height:18px;
    border:none;
    vertical-align: middle;
    margin-right:3px;
}

.buttondiszpo
{
    border:none;
    background-color:transparent;
    color:white;
    font-size:11px;
}

.buttondiszpo:hover
{
    color:yellow;
}

.MUSZVEZKKBUTTON
{
    
    width: 105px;
    height: 24px;
    border: none;
    background: #e6e6e6;
    text-align: center;
    color:  black;
    font-face: Arial;
    font-size: 14px;
    text-decoration:none;
    margin-left:20px;
    margin-top:7px;
}

.anchor
{
   display:block;
   position: relative;
   top: -85px;
   visibility:hidden;
}

.beljebb
{
   font-weight:bold;
   color:black;
   margin-left:-10px;
}

.prodjelentframe
{
   width:96%;
   color:darkblue;
   font-size:13px;
   border-radius:10px;
   margin-top:5px;
   background-color:white;
   box-shadow: 3px 3px lightgrey;
}

.projectframe
{
   width:740px;
   color:darkblue;
   font-size:12px;
   border:solid 1px lightgrey;
   border-radius:10px;
   margin-top:5px;
   background-color:white;
   box-shadow: 3px 3px lightgrey;
}

.jellegszoveg
{
   color:#189a18;
   font: bold 14px Arial, Sans-serif;
   border-left:solid 1px lightgrey;
   border-top:solid 1px lightgrey;
   border-right:solid 1px lightgrey;
   padding:3px;
   !text-align:right;
   width:180px;
   !background: #f1f1f1;
   border-radius: 5px 5px 0px 0px;

}

.projecttabla
{
   color:black;
   font:12px Arial, Sans-serif;
   text-align:center;
   !border-right:solid 1px white;
   height:17px;
  
}

.nyomtatcell1
{
   width:215px;
   text-align:right;
   font-style:italic;
}

.nyomtatcell2
{
   width:90px;
   text-align:right;
  
}
.alapigeny
{
   color:black;
   width:30px;
   font-size:12px;
   border: none;
   background: #E6FFFF;
   text-align:right;
   padding-right:3px;
}   

.fiksztd
{
   width:110px;
   overflow:hidden;
   white-space: nowrap;
   text-align:right; 
   text-overflow:ellipsis;
   max-width:100%;
}

.fiksztdleft
{
   width:110px;
   overflow:hidden;
   white-space: nowrap;
   text-align:left; 
   text-overflow:ellipsis;
   max-width:100%;
}

.edit1
{
   width:112px;
   overflow:hidden;
   white-space: nowrap;
   text-align:left; 
   text-overflow:ellipsis;
   max-width:100%;
   border:solid 1px darkgreen;
   border-radius:3px;
   color:black;
   margin-top:4px;
}

.alvallal button
{
  background-color: inherit;
  color:darkblue;
  width:85px;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 8px;
  transition: 0.9s;
  font-size: 14px;
}

.alvallal button:hover 
{
  background-color: #ddd;
  
}

.alvallal button.active
{
  background-color: #ccc;
}

.alvallalcontent
{
  display: none;
  margin-top:40px;
  padding: 6px 10px;
  border: none;
  width:780px;
  height:400px;

}

.alvallaltext
{ 
  width:400px;
  height:390px;
  border:none;
  overflow:auto;
  
}

.alvsfo
{
  background-color:#f0f7f8;
  width:370px;
  padding:5px;
  border-radius:10px;
  box-shadow: 2px 4px #bcc7d0;
  margin-bottom:8px;
}

.alvs2
{ 
  color:darkblue;
  font-size:12px;
  font-style:italic;
  left:-10px;
  
}

.alvs3
{
  color:black;
  font-size:12px;
  padding-left:10px;  
  
}

.munkaidomegad
{
  position:fixed;
  left:630px;
  font-size:15px;
  width:300px;
  height:150px;
  top:140px;
  z-index:3;
  border:none;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(102,102,102,1));
  padding:20px;
  border-radius:50px;
  color:white; 
  visibility:hidden;
}

.munkatarsexe
{
  width:500px;
  height:450px;
  background-image: linear-gradient(grey,lightgrey);
  color:darkblue;
  padding:10px;
  font-size:20px;
  
}

.munkatarsexemobil
{
  width:500px;
  height:450px;
  background-image: linear-gradient(grey,lightgrey);
  color:darkblue;
  padding:10px;
  font-size:40px;
}


.hibajegysor
{
  position:absolute;
  top:71px;
  left:660px;
  width:180px;
  height:25px;
  background-color:green;
  color:yellow; 
  font-size:21px;
  border-radius:4px;
  text-align:center;
}

.TigElfogadDiv
{
    position: absolute;
    width: 828px;
    height: 339px;
    z-index:+2;
    left: 8px;
    top: 4px;
    overflow: no;
    border: none;
    background-image: linear-gradient(#acbde0, #919aa5);
    visibility: hidden;
    color:black;
    border:solid 2px grey;
    border-radius: 15px;
    padding:5px;
    font-size:14px;
  
}


.TigElfogadDivmobil
{
    position: relative;
    width: 930px;
    height: 860px;
    z-index:+2;
    left: 8px;
    top: 24px;
    overflow: no;
    border: none;
    background-image: linear-gradient(#acbde0, #919aa5);
    color:black;
    border:solid 2px grey;
    border-radius: 15px;
    padding:5px;
    font-size:36px;
    text-align:center;
}


.myInput
{
  background-image: url('/pictures/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 6px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 40%; /* Full-width */
  font-size: 12px; /* Increase font-size */
  padding: 8px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  margin-left: 13px; 
}

.MtTable
{
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
}

.MtTable td
{
  text-align: left; /* Left-align text */
  padding: 2px 0px 2px 0px; /* Add padding */
  text-decoration:none;
  font-size:14px;
}

.MtTable tr
{
  /* Add a bottom border to all table rows */
  border-bottom: 2px solid #ddd;
}

.MtTable tr:hover
{
  /* Add a grey background color to the table header and on hover */
  background-color: silver;
}

.imgalap
{
  position:absolute;
  left:0px;
  top:20px;
}

h6
{
  color:black;
  text-align:center;
  font-size:11px;
}

h5
{
  color:red;
  font-size:16px;
  text-align:center;
}

h3
{
  color:yellow;
}

h2
{
  color:black;
  text-align:center;
}

h1
{
  color:white;
}

.lege
{
  color:yellow;
  font-size:12px;
  font-weigh:bold;
  text-align:center;
}

#kiadas
{
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border: 4px solid #ddd;
}
#kiadas td, #kiadas th
{
  border: 1px solid #ddd;
  padding: 2px;
}
#kiadas tr:nth-child(even)
{
  background-color: #f2f2f2;
}
#kiadas tr:hover 
{
  background-color: #ddd;
}
#kiadas th
{
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  background-color: #145214;
  color: white;
}

.Buttongray
{
  color:black;
  border:2px solid #000;
  background-color:gray;
}

.Buttongray:hover
{
  color:black;
  border:3px solid #FFF;
  background-color:white;
}

.hibastatusz
{
  display:inline-block;
  width:130px;
  background-color:#fffef0;
  color:black;
  padding:5px;
  border-radius:12px;
  box-shadow:3px 4px silver;
  margin-top:3px;
}

.mobilwait3
{
  position:absolute;
  top:260px;
  left:160px;
  width: 700px;
  height:263px;
  z-index:5;
  opacity: 0.8;
  color: maroon;
  background-color:black;
  border-radius:60px;
  visibility:hidden;
  
}


.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  top:30px;
  display: inline-block;
  font-size: 100px;
  font-weight:bold;
  color: white;
  text-transform: uppercase;
  animation: flip .9s infinite;
  animation-delay: calc(.15s * var(--i))
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

.cellamkor {
  width:123px;
  border-radius:10px;
} 

.cellamkor:hover {
  color:blue;
}

.napijelent
{
  display:inline-block;
  background-color:white;
  color:black;
  padding:5px;
  border-radius:12px;
  box-shadow:3px 2px silver;
  margin-top:5px;
  width:1030px;
}