* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: url('../images/betonut_hatter.gif') top center no-repeat;

}
body.admin {
    background: red top center no-repeat;

}


#oldal {
    margin: 0 auto 0 auto;
    width: 868px;
    background: transparent url('../images/tartalom_bg.gif') left top repeat-y;
}

#fejlec {
    width: 868px;
    height: 120px;
    background: transparent url('../images/fejlec.jpg') left top no-repeat;
    float: left;
    position: relative;
}

/* Menü */

#menu {
    width: 868px;
    height: 51px;
    background:  url('../images/menu_bg.gif') left top no-repeat;
    padding: 10px 0 0 70px;
    float: left;
    position: relative;
}

#menu a {
    font-family: arial, helvetica, verdana;
    color: #ccc;
    font-size: 20px;
    padding: 9px 23px 9px 24px;
    text-decoration: none;
    border-right: #ccc 1px solid;
    float: left;
}

#menu a:hover {
    color: #fff;
}

#menu a.aktiv {
    color: #fff;
}

#menu a.utolso {
    font-family: arial, helvetica, verdana;
    color: #ccc;
    font-size: 20px;
    padding: 9px 23px 9px 25px;
    text-decoration: none;
    border-right: #ccc 0 solid;
    float: left;
}

#menu a.utolso:hover {
    color: #fff;
}

#menu a.aktiv_utolso {
    font-family: arial, helvetica, verdana;
    color: #fff;
    font-size: 20px;
    padding: 9px 23px 9px 25px;
    text-decoration: none;
    border-right: #ccc 0 solid;
}

/* Tartalom */

#tartalom  {
    width: 864px;
    font-family: arial, helvetica, verdana;
    color: #666;
    font-size: 19px;
    padding: 0 0 40px 0;
    border-left: #666 2px solid;
    border-right: #666 2px solid;
    float: left;
    background: #ddd;
}

#tartalom h1 {
    font-family: arial, helvetica, verdana;
    text-transform: uppercase;
    color: #666;
    font-size: 19px;
    padding: 20px 40px 0 40px;
}

#tartalom h2 {
    font-family: arial, helvetica, verdana;
    text-transform: uppercase;
    color: #666;
    font-size: 15px;
    padding: 0 40px 0 40px;
}

#tartalom h3 {
    font-family: arial, helvetica, verdana;
    color: #666;
    font-size: 12px;
    padding: 20px 40px 0 40px;
}

#tartalom p {
    font-family: arial, helvetica, verdana;
    color: #333;
    font-size: 16px;
    padding: 20px 40px 20px 40px;
}

#tartalom a {
    font-family: arial, helvetica, verdana;
    color: #666;
    font-size: 16px;
    text-decoration: underline;
}

#tartalom a:hover {
    font-family: arial, helvetica, verdana;
    color: #666;
    font-size: 16px;
    text-decoration: none;
}

#tartalom ul {
    font-family: arial, helvetica, verdana;
    color: #333;
    font-size: 16px;
    margin-left: 40px;
    padding: 20px 40px 20px 20px;
}

#tartalom acronym {
    font-family: arial, helvetica, verdana;
    color: #333;
    font-size: 13px;
}

/* Dokumentumtár */

#tartalom a.ikon_nagy {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: 150px;
    height: 30px;
    background: transparent url('../images/ikon_nagy.gif') top center no-repeat;
    padding: 105px 5px 5px 5px;
    margin: 16px;
    border: #eee 2px solid;
    text-align: center;
    display: block;
    float: left;
    position: relative;
}

#tartalom a.ikon_nagy:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: 150px;
    height: 30px;
    background: transparent url('../images/ikon_nagy.gif') top center no-repeat;
    padding: 105px 5px 5px 5px;
    margin: 16px;
    border: #999 2px solid;
    text-align: center;
    display: block;
    float: left;
    position: relative;
}

#tartalom a.ikon_fel {
    font-family: verdana, arial, helvetica;
    width: 53px;
    height: 53px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_fel.gif') left top no-repeat;
    margin: 16px 16px 16px 185px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_fel:hover {
    font-family: verdana, arial, helvetica;
    width: 53px;
    height: 53px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_fel.gif') left top no-repeat;
    margin: 16px 16px 16px 185px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom p.ikon_mappa {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_mappa.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 185px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_mappa {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_mappa.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 185px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_mappa:hover {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_mappa.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 185px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_word {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_word.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_word:hover {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_word.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_excel {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_excel.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_excel:hover {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_excel.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_power_point {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_power_point.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_power_point:hover {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_power_point.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_adobe_pdf {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_adobe_pdf.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_adobe_pdf:hover {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_adobe_pdf.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_egyeb {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_egyeb.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #eee 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_egyeb:hover {
    font-family: verdana, arial, helvetica;
    height: 30px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    background: transparent url('../images/ikon_egyeb.gif') left top no-repeat;
    padding: 18px 5px 5px 58px;
    margin: 16px 16px 16px 215px;
    border: #999 2px solid;
    text-align: left;
    display: block;
}

#tartalom a.ikon_galeria_nagy {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    margin: 11px;
    padding: 5px;
    border: #eee 2px solid;
    float: left;
    position: relative;
}

#tartalom a.ikon_galeria_nagy:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    margin: 11px;
    padding: 5px;
    border: #999 2px solid;
   /* float: left;
    position: relative;*/
}

#tartalom img.ikon_galeria_nagy {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    width: 110px;
    padding: 5px;
    margin-bottom: 3px;
    text-align: center;
    /*display: block;*/
    /*float: left;*/
    /*position: relative;*/
}


#tartalom input.editbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 110px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/edit2.png') no-repeat top left;
}

#tartalom input.editbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 110px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/edit2.png') no-repeat top left;
}

#tartalom input.kelnevez {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 190px;
    height: 28px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/edit2.png') no-repeat top left;
}
#tartalom input.kelnevez:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 190px;
    height: 28px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/edit2.png') no-repeat top left;
}


#tartalom input.torolbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 78px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/delete2.png') no-repeat top left;
}
#tartalom input.torolbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 78px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/delete2.png') no-repeat top left;
}



#tartalom input.keptorolbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 108px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/delete2.png') no-repeat top left;
}
#tartalom input.keptorolbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 108px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/delete2.png') no-repeat top left;
}


#tartalom input.ujbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    width: 170px;
    padding: 15px 15px 15px 15px;
    margin: 15px 15px 15px 15px;
    border: #ccc 1px solid;
    background: transparent no-repeat top left;
}

#tartalom input.ujbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    width: 170px;
    padding: 15px 15px 15px 15px;
    margin: 15px 15px 15px 15px;
    border: #aaa 1px solid;
    background: transparent no-repeat top left;
}    

#tartalom input.mappaneve {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;

}



#tartalom input.okbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 88px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/ok2.png') no-repeat top left;
}
#tartalom input.okbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 88px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/ok2.png') no-repeat top left;
}



#tartalom input.feditbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 120px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/edit2.png') no-repeat top left;
}
#tartalom input.feditbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 120px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/edit2.png') no-repeat top left;
}

#tartalom input.ftorolbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    text-align: right;
    width: 68px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #ccc 1px solid;
    background: url('../images/delete2.png') no-repeat top left;
}
#tartalom input.ftorolbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    width: 68px;
    height: 28px;
    padding: 5px 5px 5px 28px;
    margin: 5px 5px 5px 5px;
    border: #aaa 1px solid;
    background: url('../images/delete2.png') no-repeat top left;
}

#tartalom input.fujbtn {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    width: 170px;
    padding: 15px 15px 15px 15px;
    margin: 15px 15px 15px 15px;
    border: #ccc 1px solid;
    background: transparent no-repeat top left;
}

#tartalom input.fujbtn:hover {
    font-family: verdana, arial, helvetica;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    width: 170px;
    padding: 15px 15px 15px 15px;
    margin: 15px 15px 15px 15px;
    border: #aaa 1px solid;
    background: transparent no-repeat top left;
}


/* Lábléc */

#lablec {
    width: 868px;
    height: 70px;
    background: transparent url('../images/lablec_bg.gif') left top no-repeat;
    float: left;
    position: relative;
}

#lablec p {
    font-family: arial, helvetica, verdana;
    color: #333;
    font-size: 14px;
    padding: 30px 20px 20px 20px;
    text-align: center;
}

#lablec a {
    font-family: arial, helvetica, verdana;
    color: #333;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

#lablec a:hover {
    font-family: arial, helvetica, verdana;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}