/* base colour: 2cc22c*/
html,body{
height: 100%;
}
body{
margin:initial;
font-size:100%;
/**min-width:890px;**/
background:rgb(233,243,233);

}
h1,h2,h3{
font-size:1em;
}
h4,h5,h6,p{
font-size:0.875em;
}
h5{
color:red;
}
.hr {
height:1px;
margin:5px 10px 5px 0px;
background:linear-gradient(to right, rgba(22,97,22,0.6), rgba(22,97,22,0.9) 35%, rgba(22,97,22,0.0));
}
#tartalom ul {
list-style-type: none;
font-size:0.875em;
}
#tartalom li {
    padding-left: 10px;
}

#tartalom li:before {
    content: "-"; /* Insert content that looks like bullets */
}

#fejlec{
height:150px;
padding:0px;
margin:0px;
border-bottom:0px;
background:linear-gradient(rgba(255,255,255,0), rgba(31,136,31,1)); 
}
#bal{
position: absolute;
top: 1.400em;
left: 0;
height:100px;
margin-left:30px;
}
#platan{
width:314px;
height:100px;
margin-left:auto;
margin-right:auto;
}
#jobb{
position: absolute;
top: 1.400em;
right: 0;
/**height:100px;**/
margin-right:30px;
}
#cim,#felhiv{
border:0px;
font-size:1.125em;
text-align:center;
margin:2px;
position:relative;
}
#cim{
color:rgb(45,135,90);
}
#felhiv{
/**clear:both;**/
color:rgba(255,255,0,0.8);
}
#menu1,#status{
width:150px;
}
#menu1{
height:130px;
}
#menu1 ul{
list-style-type:none;
margin:0;
padding:0;
}
#menu1 a{
text-decoration:none;
color:rgb(100,100,100);
font-size:0.75em;
display:block;
height:28px;
padding-left:0px;
}
#menu1 a:hover{
color:rgb(0,0,0);
}
#menu1 a:active{
color:rgb(180,180,120);
}
#menu1 img{
vertical-align:middle;
}
#login a:link img{
background:url(./header/login.png) 0 0;
}
#login a:visited img{
background:url(./header/login.png) 0 0;
}
#login a:hover img{
background:url(./header/login.png) -20px 0;
}
#login a:active img{
background:url(./header/login.png) -40px 0;
}
#logout a:link img{
background:url(./header/logout.png) 0 0;
}
#logout a:visited img{
background:url(./header/logout.png) 0 0;
}
#logout a:hover img{
background:url(./header/logout.png) -20px 0;
}
#logout a:active img{
background:url(./header/logout.png) -40px 0;
}
#cont a:link img{
background:url(./header/cont.png) 0 0;
}
#cont a:visited img{
background:url(./header/cont.png) 0 0;
}
#cont a:hover img{
background:url(./header/cont.png) -20px 0;
}
#cont a:active img{
background:url(./header/cont.png) -40px 0;
}
#bookmark a:link img{
background:url(./header/bookmark.png) 0 0;
}
#bookmark a:visited img{
background:url(./header/bookmark.png) 0 0;
}
#bookmark a:hover img{
background:url(./header/bookmark.png) -20px 0;
}
#bookmark a:active img{
background:url(./header/bookmark.png) -40px 0;
}
#help a {
text-decoration:none;
font-weight: bold;
}
#help a:link {
color:rgba(179,0,0,0.6);
}
#help a:visited {
color:rgba(179,0,0,0.6);
} 
#help a:hover{
color:rgba(179,0,0,1.0)
}
#help a:active{
color:rgba(179,0,0,0.4)
}
#help a:link img{
background:url(./header/help.png) 0 0;
}
#help a:visited img{
background:url(./header/help.png) 0 0;
}
#help a:hover img{
background:url(./header/help.png) -20px 0;
}
#help a:active img{
background:url(./header/help.png) -40px 0;
}
#logo,#ido{
width:130px;
text-align:center;
}
#ido{
height:45px;
}
#logo{
height:55px;
}
#logo img{
margin:auto;
}
#logo img:hover{
opacity:0.8;
}
#tartalom{
background:rgb(233,243,233);
display:block;
margin-left:30px;
margin-right:250px;
border-right-color:rgb(22,97,22);
border-right-style:solid;
border-right-width:1px;
}
#tartalom p {
text-align:justify;
margin-right:25px;
}
#tartalom img{
align:center;
}
#navig,#nav{
font-size:0.6em;
color:rgb(90,90,90);
height:16px;
padding-left:15px;
background:linear-gradient(rgba(31,136,31,1),rgba(188,219,188,1),rgba(211,248,248,1),rgba(188,219,188,1),rgba(31,136,31,1));/*ez jó! 77,252,192,1*/
border-top-color:rgb(22,97,22);
border-top-style:solid;
border-top-width:1px;
border-bottom-color:rgb(22,97,22);
border-bottom-style:solid;
border-bottom-width:1px;
}
/*#help {
clear:both;
margin-right:9%;
display: inline-block;
float:right;

}*/

#content{
min-width:75%;
}
#navig img,#nav img{
padding-right:5px;
padding-top:1px;
vertical-align:-3px;
}
#menu2{
float:right;
display:block;
width:220px;
min-height:500px;
padding-left:10px;

}
#status{
font-size:0.75em;
color:rgb(155,155,155);
padding-top:5px;
margin-right:10px;
width:160px;
}
#status img{
vertical-align:middle;
margin:10px 15px 10px 15px;
}
#navi{
text-decoration:none;
color:rgb(0,100,100);
font-size:0.75em;
/*display:block;*/
height:30px;
padding-left:0px;
}
#navi ul{
list-style-type: none;
padding-left:0px;
}
#navi ul ul{
padding-left:20px;
padding-bottom: 3px;
height: 0px;
overflow: hidden;
-webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 3s ease;
}
#navi ul li,#navi ul li ul li{
padding-top: 3px;
}

#navi ul li:hover ul{
/*display: block;*/
height: auto;
}

#navi img{
vertical-align:middle;
}
#navi a{
text-decoration:none;
color:rgb(100,100,100);
height:15px;
padding-left:10px;
padding-right:10px;
}
#navi a:hover{
color:rgb(0,0,0);
}
#navi a:active{
color:rgb(180,180,120);
}
#nav{
clear:both;
height:15px;
padding:2px 0px 1px 20px;
}
#footer{
height:30px;
padding:20px 30px 10px 30px;
background:linear-gradient(rgba(31,136,31,1),rgba(255,255,255,0)); 
font-size:0.7em;
color:rgb(100,100,100); 
}
#create{
float:left;
width:300px;
}
#copy a{
font-size:0.8em;
}
#copy a:link,#copy a:visited{
color:rgb(22,98,22);
}
#copy a:hover{
color:rgb(39,177,39);
}
#copy a:active{
color:rgb(153,177,39);
}
#create img,#copy img{
vertical-align:middle;
padding-left:5px;
padding-right:10px;
}

#ver{
height:15px;
width:50px;
padding-top:10px;
float:right;
font-size:0.85em;
}

#sz2020 {
padding-top:25px;
font-size:0.75em;
}

#doklist {
padding-top:25px;
}