body {
text-align: center;
margin: 0;
padding: 0;
background: #f5d884 url("../images/body_hatter_4.jpg") repeat-y;
background-position: top center;
}

#container {
width: 801px;
margin-left: auto;
margin-right: auto;
margin-top: -3px;
padding: 0;
text-align: center;
background: transparent;}

#fejlec {
text-align: center;
width: 801px;
height: 175px;
background: url("../images/fejlec.jpg") no-repeat;
margin: 0;
padding: 0;
}


#tartalom h1 {
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #980618;
padding: 10px 0 15px 0;
margin: 0;
}


#content {
width:686px;
background: #fcf0a5;
margin: 0;
padding: 0;
text-align: center;
float: right;
}




#tartalom img {
float: left;
}

#tartalom p.alairas {
width: 300px;
text-indent: 0;
text-align: center;
float: right;
padding-top: 15px;
}


h3.elso  {
padding:20px 0 8px 0;
margin: 0 20px;
text-align: left;
color: #980618;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
}

h3 {
margin: 0 20px;
text-align: left;
color: #980618;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-top: 20px;
}

#tartalom h3.nyito {
text-align: center;
margin: 0 0 15px 0; /*ha blog, akkor top: -30px*/
color: #980618;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;

}

#tartalom_text .hirdetes {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 20px;
width: 400px;
border: 1px solid #980618;
background: #AC7566;
padding: 10px;
}
h3 a {
text-decoration:none;
color:  #980618;
font-weight: bold;
}

h1 span {
margin: 0;
padding: 0;
display:none;
}

.kiemeles {
font-weight: bold;
}


#tartalom img {
float: left;
margin: 0 10px 0 20px;
padding-bottom: 10px;
}

.clearer {
clear:both;
}


#tartalom h4 {
margin: 20px 0 0 20px ;
font-size: 14px;
}

#tartalom .hirdetes {
margin-left: 20px;
margin-bottom: 20px;
margin-top: 20px;
width: 350px;
border: 1px solid #980618;
background:#E7BF77;
padding: 10px;
}
#tartalom .hirdetes p {
color: #980618;
margin-left: 10px;
padding: 0;
text-indent: 0;
}
#tartalom .hirdetes p a {
color: #980618;
display: block;
width: 120px;
margin-left: 260px;
margin-top: -18px;
font-weight: bold;
}
#tartalom .hirdetes p a.hossz {
width: 380px;
}
#tartalom .hirdetes p a:hover {
color: #980618;
}
#tartalom .hirdetes h2 {
color: #980618;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}

/*bal oldali menüsáv
=============================================================*/

#bal_menu_sav {
width: 115px;
background: #8B0702; /*#bc4220;*/
text-align:center;
float: left;
padding-bottom: 20px;
margin: 0;
}

#logo_intezeti img{
border: 0;
}

#logo_intezeti {
top: 30px;
left: 3px;
z-index: 1000;
position: relative;}

#bal_menu_sav .menu li.piros {
background: #D32914;
}
#bal_menu_sav .menu li.piros a {
color: #FED86E;
}
#bal_menu_sav .menu li.piros a:hover {
color: #F6F7B4;
}

#impresszum {
position: relative;
top: 80px;
width: 115px;
height: 30px;
text-align: center;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
color: #E7BF77;

}

#impresszum a {
text-decoration:none;
font-weight: bold;
color: #E7BF77;
}
#impresszum a:hover {
color: #FCF0A5;
}

/*bal oldali menüsáv vége
=============================================================*/




#gorbe {
width: 37px;
height: 500px;
background: url("../images/oldal_gorbe_4.jpg") no-repeat;
float: left;
}

#kinaiszak {
text-align: center;
width: 647px;
height: 102px;
background: url("../images/kinaiszak.gif") no-repeat;
background-position: 120px center;
padding: 0;
margin: 0;
}
#content #tartalom #uzenofal {
width: 500px;
border: 3px solid #CC0000;
margin-top: 20px;
margin-left: 60px;
margin-bottom: 20px;
}
#content #tartalom #uzenofal #cim {
text-align: center;
color:#FF9900;
background: #CC0000;
font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px;
}
#tartalom .blog {
width: 170px;
background: #993333;
position: relative;
top: -80px;
left: 450px;
text-align: left;
padding: 5px;
color: #F8A244;
}

#tartalom .blog a, #tartalom .blog a:visited{
color: #F8A244;
font-weight: bold;
}
#tartalom .blog a:hover {
color: #F8A244;
}

#tartalom {
width: 647px;
height: 100%;
background: #fcf0a5; /*url("../images/bambusz.jpg") no-repeat;*/
background-position: 240px 400px;
padding: 0; 
margin: 0;
text-align: left;
font-size: 12px;
line-height: 17px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #80363B;
float: right;
}
#tartalom p {
padding: 0 30px 10px 20px;
margin: 0;
text-align: justify;
font-size: 11px;
line-height: 18px;
color: #572510;
}
.vissza {
color: #980618;
}
#tartalom a, #tartalom a:visited {
text-decoration: underline;
color: #572510;
font-size: 11px;
}

#tartalom_2 a, #tartalom_2 a:visited {
text-decoration: underline;
color: #572510;
font-size: 11px;
}

#tartalom a:hover {
color: #DE342B;
text-decoration: none;
}


/*felső menüsáv=================================================*/
#felso_menu {
width: 801px;
height: 27px;
background: #8a0801;
padding: 0 0 4px 0;
text-align: center;
}




/*=============================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container { margin: auto; width:784px; height:25px; background: #8a0801; text-align: center;
z-index:10000; position: relative;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:86px; font-family: Verdana, Arial, sans-serif; font-weight: bold;
 font-size:9px; color:#fcf0a5; height:25px; line-height:24px; text-decoration:none; text-indent:3px; border:1px solid #8a0801; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
#pmenu li a.enclose_2, #pmenu li a.enclose_2:visited {border-width:1px;}
#pmenu li a.enclose_3, #pmenu li a.enclose_3:visited {border-width:1px 0 1px 1px; line-height: 12px;}

/* Set up the list items */
#pmenu li {float:left; background:#C5231E;}
#pmenu li ul li {text-align: left; text-indent: 5px;}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#FDCC5F; color:#8a0801;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:57px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:10px;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#FDCC5F; color:#8a0801;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#AF4225; color:#fcf0a5;}

/* Set up the pointers for the sub level indication */
#pmenu li.nyito a.nyito{text-align: center;}

#pmenu li.fly {background:#C5231E url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#C5231E url("../images/drop.gif") no-repeat right center;}
#pmenu li.drop_2 {background:#C5231E url("../images/drop.gif") no-repeat right center;}			
			
			/* Set up the pointers for the sub level indication - módosítva, hogy az almenüben ne legyenek nyilak*/
			#pmenu li.fly_2 {background: #C5231E url("../images/fly.gif") no-repeat right center;}


/* Ezeket én írtam bele 
#pmenu li.drop a.nogo:hover {
cursor: default;
background:#fcf0a5;
}
#pmenu li.drop_2 a.enclose_2:hover {
cursor: default;
}
#pmenu li a.nogo:hover {
cursor: default;
}
*/
#pmenu li a.nogo_aktiv {
background:#fcf0a5;
color:#8a0801;
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:56px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */




/*oldal menüsáv
================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
position:relative;
z-index:1000;
font-size:10px;
height:235px;
margin:50px 0 0 10px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:100px;
position:relative;
border:1px solid #8B0702;
border-width:1px 1px 0 1px;
background:#E7BF77;
}

.menu li {
background:transparent;
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
text-align: left;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:100px;
color:#7A1D01;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size:10px;
text-indent:7px;
border-bottom:1px solid #8B0702;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#F6F7B4; 
background:#E0915C;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:100px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#F4D883;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#ded;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}