@font-face {
    font-family: 'Amazing Grotesk Book Italic';
    src: url('fonts/Amazing Grotesk Book Italic.otf') format('opentype');
    font-style : italic;
}
@font-face {
    font-family: 'Amazing Grotesk Book';
    src: url('fonts/Amazing Grotesk Book.otf') format('opentype');
}
@font-face {
    font-family: 'Amazing Grotesk Demi';
    src: url('fonts/Amazing Grotesk Demi.otf') format('opentype');
    font-weight : 600;
}
@font-face {
    font-family: 'Amazing Grotesk Demi Italic';
    src: url('fonts/Amazing Grotesk Demi Italic.otf') format('opentype');
    font-weight : 600;
    font-style : italic;
}
@font-face {
    font-family: 'Amazing Grotesk Light';
    src: url('fonts/Amazing Grotesk Light.otf') format('opentype');
    font-weight : 300;
}
@font-face {
    font-family: 'Amazing Grotesk Light Italic';
    src: url('fonts/Amazing Grotesk Light Italic.otf') format('opentype');
    font-weight : 300;
    font-style : italic;
}
@font-face {
    font-family: 'Amazing Grotesk Ultra Italic';
    src: url('fonts/Amazing Grotesk Ultra Italic.otf') format('opentype');
    font-weight : 600;
    font-style : italic;
}
@font-face {
    font-family: 'Amazing Grotesk Ultra';
    src: url('fonts/Amazing Grotesk Ultra.otf') format('opentype');
    font-weight : 600;
}
html, body 
{
height: 100%;
}
body 
{
    margin: 0 auto;
    font-family: 'Amazing Grotesk Book';
    background-color: #a1b985;
}
#hatter_top 
{
    width: 1000px;
    height: 62px;
    background-image: url('../Images/hatter_top.jpg');
    margin: 0 auto;
}
#head-line
{
    width: 1000px;
    height : 40px;
    margin : 0 auto;
    border-top-style : solid;
    border-top-color : #ffffff;
    border-top-width : 8px;
    border-bottom-style : solid;
    border-bottom-color : #214085;
    border-bottom-width : 8px;
    background-color : #88c540;    
}
.menu
{
    text-align : center;
}
.menu li
{
    display : inline-block;
    float : left;
    margin : 0 auto;
    border-left-style : solid;
    border-left-color : #ffffff;
    font-size : 16px;
    padding-left : 20px;
    padding-right : 20px;
    margin-top: -4px;
}
.menu a:hover
{
    color : #214085;
}
.menu li:first-child
{
    margin-left : 32px;
}
.menu li:last-child
{
    border-right-style : solid;
    border-right-color : #ffffff;
}
.menu li a
{
   color: #ffffff;
   text-decoration : none;
   text-align : center;
}
#menu_kep 
{
    position: relative;
    float : left;
    left : 10px;
    top : -68px;
    height : 90px;
    width : 250px;
    background-image: url('../Images/Pannon_logo.png');
    background-size : contain;
}
#head_hatter 
{
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    background-image: url('../Images/head_hatter.jpg');
}
#bottom
{
    width : 1000px;
    height : 40px;
    margin: 0 auto;
    background-color : #88c540;
    border-top-style: solid;
    border-top-color : #214085;
    border-top-width : 8px;
    border-bottom-style : solid;
    border-bottom-color : #ffffff;
    border-bottom-width : 8px;
}
#facebook_img
{
    margin-left : 65px;
}
#hatter 
{
    width: 1000px;
    height: 1050px;
    margin: 0 auto;
    background-image: url('../Images/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
#footer 
{
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    background-image: url('../Images/footer.png');
    background-repeat: no-repeat;
    background-size: cover;
}
#footer div
{
    position: relative;
    left: 768px;
    width: 200px;
}
.footer p
{
    left: 800px;
    font-size: 8px;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}
/*Home*/
#head-div
{
    position : relative;
    top : -1565px;
    width : 1000px;
    height : auto;
    margin : 0 auto;
}
#aktualis 
{
    position : absolute;
    margin : 0 auto;
    top :   55px;
    left : 660px;
     height: 300px;
    width: 285px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-image: url('../Images/aktualis_hatter.png');
    background-repeat : no-repeat;
    background-size : cover;
}
#aktualis p
{
    margin : 3px;
    position : relative;
    top : -43px;
    font-size: 200%;
    color: #214085;
    height : 0px;
}
#aktualis a
{
    color: #000000;
    text-decoration : none;
    opacity : 0.6;
}
#doboz
{
    border-bottom-style : solid;
    border-bottom-color  : #214085;
    border-bottom-width : 1px;
    height : 74px;
}
#doboz:last-child
{
    border-bottom-style : none;
}
.negyzet
{  
    position: relative;
    top : 8px;
    left: 5px;
    height : 50px;
    width: 50px;
    line-height:50px;
    border-style : solid;
    border-color  : #00aeef;
    border-width : 1px;
    border-radius : 5px;
    background-color: #00aeef;
}

.negyzet img 
{
  display: block;
  margin: auto;

}


#aktualis_szoveg
{  
    position: relative;
    top : -45px;
    left: 65px;
    height : 60px;
    width: 70%;
    font-size : 12px;
    color : #000000;
    word-wrap : break-word;
    overflow : hidden;
}
#friss_hirek {
    position: absolute;
    margin: 0 auto;
    top: 55px;
    left: 30px;
    height: 300px;
    width: 600px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-color: #878787;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../Images/hirado_hatter.png');
}
#friss_hirek p
{
    margin : 3px;
    position : relative;
    top : -58px;
    font-size: 300%;
    color: #ffffff;
    font-weight : 600;
}
#friss_hirek img
{
    width: 100%;
    height: 100%;

}
#friss_hirek_title
{
    margin : 3px;
    position : absolute;
    top :   8px;
    left : 40px;
    font-size: 300%;
    color: #214085;
    font-weight : 400;
}
#friss_felirat 
{
    position: absolute;
    top: 65px;
    left: 40px;
    border-color: #00719c;
    border-width: 10px;
    width: 600px;
    height: 30px;
    background-image: url('../Images/headline_szoveg.png');
}
#kek_pont_1 
{
    position: absolute;
    bottom: 3%;
    left: 292px;
}
#kek_pont_2 
{
    position: absolute;
    bottom: 3%;
    left: 252px;
}
#kek_pont_3
{
    position : absolute;
    bottom : 3%;
    left : 332px;
}
.pont
{
    height : 18px;
}
.headline_szoveg
{
    color: #000000;
    font-size: 20px;
    position : absolute;
    left : 20px;
    top : 3px;
}
.tovabbi_szoveg a
{
    color: #000000;
    font-size: 12px;
    position : absolute;
    left : 10px;
    top : 5px;
    text-decoration : none;
}
.tovabbi_szoveg a:hover
{
    opacity : 0.4;
}
#tovabbi_felirat 
{
    position: absolute;
    left: 530px;
    top: 340px;
    border-color: #00719c;
    border-width: 10px;
    width: 110px;
    height: 25px;
    background-image: url('../Images/headline_szoveg.png');
}
#hir_dobozok
{
    position : relative;
    top : -1110px;
    width : 1000px;
    height : auto;
    margin : 0 auto;
}
#politika 
{
    position : absolute;
    margin : 0 auto;
    top :   35px;
    left : 30px;
    height: 450px;
    width: 285px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 3px 3px 5px #000000;
}
#politika a
{
    color: #000000;
    text-decoration : none;
    opacity : 0.6;
}
.rovat_cim
{
    margin : 3px;
    position : relative;
    top : -43px;
    font-size: 200%;
    color: #214085;
    height : 0px;
}
.rovat_tovabbi_hirei
{
  color : #3d3d3d;
  font-size: 120%;
  font-weight : 600;
  text-align:center;
  margin-top : 25px;
}
#kozelet 
{
    position : absolute;
    margin : 0 auto;
    top :   35px;
    left : 350px;
    height: 450px;
    width: 285px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 3px 3px 5px #000000;
}
#kozelet a
{
    color: #000000;
    text-decoration : none;
    opacity : 0.6;
}
#kultura 
{
    position : absolute;
    margin : 0 auto;
    top :   35px;
    left : 670px;
    height: 450px;
    width: 285px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 3px 3px 5px #000000;
}
#kultura a
{
   color: #000000;
   text-decoration : none;
   opacity : 0.6;
}
#hir_dobozok2
{
    position : relative;
    top : -710px;
    width : 1000px;
    height : auto;
    margin : 0 auto;
}
#tovabbi_hirek
{
    position : absolute;
    margin : 0 auto;
    top :   150px;
    left : 30px;
    height: 450px;
    width: 285px;
    background-color : #ffffff;
    border-style : solid;
    border-color  : #214085;
    border-width : 10px;
    border-radius : 10px;
    box-shadow: 3px 3px 5px #000000;
}
#tovabbi_hirek a
{
   color: #000000;
   text-decoration : none;
   opacity : 0.6;
}
#rovid_hirek
{
    position : absolute;
    margin : 0 auto;
    top :  150px;
    left : 350px;
    height: 450px;
    width: 285px;
    background-color : #ffffff;
    border-style : solid;
    border-color  : #852136;
    border-width : 10px;
    border-radius : 10px;
    box-shadow: 3px 3px 5px #000000;
}
#rovid_hirek a
{
   color: #000000;
   text-decoration : none;
   opacity : 0.6;
}
#rovid_hirek #rovat_cim
{
    color: #852136;
}
#rovid_hirek #doboz
{
    border-color : #852136;
}
#rovid_hirek div:last-child
{
    border-bottom-style : none;
}
#sport 
{
    position : absolute;
    margin : 0 auto;
    top :   150px;
    left : 670px;
    height: 300px;
    width: 285px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 3px 3px 5px #000000;
}
#sport a
{
   color: #000000;
   text-decoration : none;
   opacity : 0.6;
}
#rovid_hirek_hirdetes
{
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 660px;
    height: 1200px;
    width: 285px;
    background-color : #ffffff;
    border-style : solid;
    border-color  : #852136;
    border-width : 10px;
    border-radius : 10px;
    box-shadow: 3px 3px 5px #000000;
}
#rovid_hirek_hirdetes div:last-child
{
    border-bottom-style : none;
}
#rovid_hirek_hirdetes p
{
    margin : 3px;
    position : relative;
    top : -42px;
    font-size: 200%;
    color: #852136;
    height : 0px;
}
#rovid_hirek_hirdetes #doboz
{
    border-color : #852136;
}

#rovid_hirek_hirdetes a
{
   color: #000000;
   text-decoration : none;
   opacity : 0.6;
}

/*tv műsor*/
#tv_musor_doboz
{
    position : relative;
    top : -1510px;
    width : 1000px;
    margin : 0 auto;
}
#tv_musor 
{
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 30px;
    height: 1360px;
    width: 600px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-color : #ffffff;
}
#musor_cimsor
{
    margin : 3px;
    position : relative;
    top : -56px;
    font-size: 300%;
    color: #214085;
    font-weight : 400;
}
#mai_datum
{
   font-size: 150%;
   font-weight : 600;
   text-align: left;
}
#datum
{
    height : 70px;
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 30px;
}
#napi_musor
{
    height : 1180px;
}
#het_tobbi_napja
{
    border-top-style : solid;
    border-top-color  : #214085;
    border-top-width : 1px;
}
#het_napjai_list
{
    margin : 0;
    font-size: 120%;
    font-weight : 600;
    list-style : none;
    text-align:left; 
    vertical-align: middle;
    color: #214085;
    padding-left: 200px;
    padding-top: 5px;

}
#het_napjai_list a
{
   color: #214085;
   text-decoration : none;
}

#het_napjai_list a:hover
{
    opacity : 0.6;
}

/*alhírek*/
#alhirek_doboz
{
    position : relative;
    top : -1510px;
    width : 1000px;
    margin : 0 auto;
}
#alhirek 
{
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 30px;
    height: 1380px;
    width: 600px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-color : #ffffff;
}
#alhirek #doboz
{
    height : 110px;
}
#rovat_cim_alhirek
{
    margin : 0;
    position : absolute;
    top : -55px;
    font-size: 300%;
    color: #214085;
    font-weight : 600;
}
#leptetes
{
    margin : 0 auto;
}
#elozo_hir
{
    overflow: hidden;
    width :50%;
    height: 70px;
    float :left;
    border-bottom-style : solid;
    border-bottom-color  : #214085;
    border-bottom-width : 1px;
}
#kovetkezo_hir
{
    float: right;
    width: 49.8%;
    height: 70px;
    border-left-style : solid;
    border-left-color  : #214085;
    border-left-width : 1px;
    border-bottom-style : solid;
    border-bottom-color  : #214085;
    border-bottom-width : 1px;
}
#elozo_link
{
    color : #3d3d3d;
    font-size: 150%;
    font-weight : 600;
    text-align: right;
    padding-right : 40px;
    padding-top : 10px;
    position : relative;
    top: -15px;
    width : auto;
}

#elozo_link a:hover
{
    opacity : 0.4;
}

#elozo_link a
{
   color: #214085;
   text-decoration : none;
}

#kovetkezo_link
{
      color : #3d3d3d;
      font-size: 150%;
      font-weight : 600;
      text-align: left;
      padding-left : 40px;
      padding-top : 10px;
      position : relative;
      top: -15px;
      width : auto;
}

#kovetkezo_link a:hover
{
    opacity : 0.4;
}

#kovetkezo_link a
{
   color: #214085;
   text-decoration : none;
}

#rovid_cim
{ 
     color : #214085;
     font-size: 130%;
     font-weight :bold;
     padding-top : 15px;
     padding-left : 30px;
}

#rovid_cim a:hover
{
    opacity : 0.4;
}

#rovid_cim a
{
   color: #214085;
   text-decoration : none;
}
#hir_szoveg
{
      padding-left : 40px;
      padding-right : 10px;
      color : #214085;
      font-size: 120%;
      font-weight : 600;
      overflow : hidden;
      height : 70px;
}
/*teljes hír*/
#teljes_hir_doboz
{
    position : relative;
    top : -1510px;
    width : 1000px;
    margin : 0 auto;
}
#teljes_hir {
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 30px;
    height: 1360px;
    width: 600px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-color : #ffffff;
}
#hir_cim
{
    height : auto;
    border-bottom-style: solid;
    border-bottom-color: #214085;
    border-bottom-width: 3px;

}
#hir_datum
{
    height : 10px;
    margin-bottom : 10px;
    padding-left : 10px;
    color: #214085;
    font-weight: bold;
    font-size: 12px;
}
#hir_cim p
{
    margin-top : 5px;
    text-align : center;
    color : #214085;
    font-size :32px;
    font-weight : 600;
}
#hir_szovege
{
    padding: 10px;
    height : 550px;
    text-align: justify;
    color: #214085;
}
#hir_szovege a
{
   color: #214085;
   text-decoration : none;
   opacity : 0.6;
}

/*Static page*/
#staticpage
{
    position : relative;
    top : -1510px;
    width : 1000px;
    margin : 0 auto;
}

#newsbox
{
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 660px;
    height: 1200px;
    width: 285px;
    background-color : #ffffff;
    border-style : solid;
    border-color  : #852136;
    border-width : 10px;
    border-radius : 10px;
    box-shadow: 3px 3px 5px #000000;
}

#newsbox div:last-child
{
    border-bottom-style : none;
}
#newsbox p
{
    margin : 3px;
    position : relative;
    top : -42px;
    font-size: 200%;
    color: #852136;
    height : 0px;
}
#newsbox #box
{
    border-color : #852136;
}

#staticpageleft 
{
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 30px;
    height: 1360px;
    width: 600px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-color : #ffffff;
}

#staticpageleft_headline
{
    margin : 3px;
    position : relative;
    top : -56px;
    font-size: 300%;
    color: #214085;
    font-weight : 400;
}

.box
{
    border-bottom-style : solid;
    border-bottom-color  : #214085;
    border-bottom-width : 1px;
    height : 74px;
}
.box:last-child
{
    border-bottom-style : none;
}

.newsboxheadline
{  
    position: relative;
    top : -48px;
    left: 65px;
    height : auto;
    width: 70%;
    font-size : 12px;
    color : #ffffff;
    overflow : hidden;
}

.newsboxtext
{  
    position: relative;
    top : -45px;
    left: 65px;
    height :45px;
    width: 70%;
    font-size : 12px;
    overflow : hidden;
}

#newsbox .box a
{
   color: #000000;
   text-decoration : none;
   opacity: 0.6;
}

#static_content
{
    height : 70px;
    position : absolute;
    margin : 0 auto;
    top :   30px;
    left : 30px;
}

/*Hirdetés*/
#ads 
{
    position : absolute;
    margin : 0 auto;
    top :   0px;
    left : 30px;
    height: 1360px;
    width: 600px;
    border-style: solid;
    border-color: #214085;
    border-width: 10px;
    border-radius: 10px;
    background-color : #ffffff;
}
#ads p
{
    margin : 3px;
    position : relative;
    top : -58px;
    font-size: 300%;
    color: #214085;
    font-weight : 400;
}
.adcategories
{
    height : 100px;
    position : absolute;
    margin : 0 auto;
    top :   30px;
    left : 0px;
}
.adcategories li
{
    display : inline-block;
    padding-right : 8px;
    padding-left : 8px;
    font-size : 120%;
}
.adcategories a:hover
{
    font-weight : bold;
}
.adcategories li a
{
   color: #214085;
   text-decoration : none;
}
#ads .doboz2
{
    height:auto;
    border-left: 3px solid #214085;
    margin: 30px auto 10px 10px;
    padding: 0px 15px 0px 15px;
    text-align: justify;
    color: #214085;
    overflow : hidden;
}

.dailyprogram
{
    padding-left: 40px;
    color: #214085;
}
#prevad
{
    float:left;
    padding-left: 10px;

}
#addiv
{
    font-size: 10px;
    margin-top: 100px;
}
#nextad
{
    float:right;
    padding-right: 10px;
}

#prevad p a
{
   color: #214085;
   text-decoration : none;
}

#nextad p a
{
   color: #214085;
   text-decoration : none;
}

#prevad a:hover
{
    opacity : 0.4;
}

#nextad a:hover
{
    opacity : 0.4;
}

 .slider
 {
    overflow:hidden;
}

 .hiradoheadline
{  
    position: relative;
    top : -28px;
    left: 65px;
    height : 240px;
    width: 520px;
    font-size : 16px;
    color : #ffffff;
    overflow : hidden;
}

#friss_hirek a
{
    color: #000000;
    text-decoration : none;
    opacity : 0.6;
}

.hiradobox
{
    border-bottom-style : solid;
    border-bottom-color  : #ffffff;
    border-bottom-width : 1px;
    height : 68px;
}
.hiradobox:last-child
{
    border-bottom-style : none;
}