body {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-image:url(images/magamrol_hattercsik.jpg);
	background-repeat:repeat-x;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
#container{
	padding:0;
	margin:0;
	width:996px;
	position:relative;
}
#header{
	padding:0;
	margin:0;
	width:996px;
	height:90px;
	background-color:white;
	background-repeat:no-repeat;
}
#mainjobb{
	padding:0;
	margin:0;
	width:715px;
	height:706px;}
#mainbal{
	float:left;
	padding:0;
	margin:0;
	width:281px;
	height:706px;
	background-image:url(images/magamrol_baloszlopbg.jpg);
}
#mainbal div{padding:0;margin:0;}
#mainbal div.sok{
	text-align:left;
	margin:0;
	padding-top:170px;
	padding-left:122px;
}
#maincontenttop{
	padding:0;
	margin:0;
	width:715px;
	height:210px;
	background-color:#A0BA7B;
}
#maincontenttop div.bal{
	padding:0;
	margin:0;
	float:left;
	width:281px;
	height:210px;
	background-image:url(images/magamrol_hatter_02.jpg);
}
#maincontenttop div.jobb{
	padding:0;
	margin:0;
	float:left;
	width:715px;
	height:210px;
	background-image:url(images/magamrol_hatter_03.jpg);
	text-align:left;
}
#maincontentkozep{
	padding:0;
	margin:0;
	width:996px;
	height:496px;
}
#maincontentkozep div.baloszlop{
	float:left;
	padding:0;
	margin:0;
	width:281px;
	height:496px;
	background-image:url(images/magamrol_hatter_04.jpg);
}
div.kozep{
	float:left;
	padding:0;
	margin:0;
	width:449px;
	height:496px;
	background-image:url(images/magamrol_hatter_05.jpg);
}
div.jobboszlop{
	float:left;
	padding:0;
	margin:0;
	width:266px;
	height:496px;
	background-image:url(images/magamrol_hatter_06.jpg);
}
div.jobboszlop div{
	margin:0;
	text-align:left;
	padding-top:55px;
	padding-left:22px;
}
#maincontentbottom{
	padding:0;
	margin:0;
	width:996px;
	height:335px;
	background-color:#F4EACF;
	background-image:url(images/images/kh_fooldal2bg_03.jpg);
}
#footer{
	padding:0;
	margin:0;
	width:996px;
	height:58px;
	background-color:#F4EACF;
	background-image:url(images/magamrol_hatter_07.jpg);
}
div.szlogen{
	padding:0;margin:0;
	float:left;
	width:409px;
	height:90px;
	background-image:url(images/kh_magamrol2guide_01.jpg);
}
div.szlogen a{display:block;
	width:409px;
	height:90px;
}
#navlist, #navlist li{text-align:left;}
#navlist li.off ul, #navlist li.on ul {
  /*hide the subnavs*/
  display: none;
}
#navlist li.off ul, #navlist li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 35px;
  left:430px;
  height: 23px;
  margin-left:28px;
  padding:0;
  clear:both;
  width:500px;
}


#navlist li.on ul {
  /*display active subnav list*/
  display: block;
}
#navlist li.on ul a, #navlist li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #FF091B;
  font-size:12px;
  line-height:23px;
  width: auto;
  margin-right: 5px;
  padding-left:15px;
  text-decoration:none;
}
#navlist li.on ul li, #navlist li.off ul li {
	padding-top:15px;
}
#navlist li.on ul {
  /*display the current topic*/
  display: block;
}

#navlist li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}
#navlist li.off:hover ul, #navlist li.over ul { 
  display: block;
  z-index: 6000;
}
#navlist, #navlist ul{padding:0;margin:0;}
#navlist ul{padding-right:10px;}
#navlist li
{
float: left;
display: inline;
list-style-type: none;
padding-top:8px;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin:0;
}
#navlist li a{
	display:block;
	height:36px;
	}
#navlist li a.magamrol{
	width:155px;
	background-image:url(images/MAGAM_F.jpg);
}
#navlist li a.magamrol:hover{
	width:155px;
	background-image:url(images/MAGAM_P.jpg);
}
#navlist li a.media{
	width:107px;
	background-image:url(images/MEDIA_F1.jpg);
}
#navlist li a.media:hover{
	width:107px;
	background-image:url(images/MEDIA_P.jpg);
}
#navlist li a.kampany{
	width:131px;
	background-image:url(images/KAMPANY_F.jpg);
}
#navlist li a.kampany:hover{
	width:131px;
	background-image:url(images/KAMPANY_P.jpg);
}
#navlist li a.inromana{
	width:160px;
	background-image:url(images/INROMA_F.jpg);
}
#navlist li a.inromana:hover{
	width:160px;
	background-image:url(images/INROMA_P.jpg);
}
#foto, #cimoldalihirek, #blog{overflow:hidden;}
#foto{
	padding:0;
	margin:0;
	background-image:url(images/kh_fooldal2guide_09.jpg);
	width:300px;
	height:337px;
	float:left;
	}
#cimoldalhirek{
	padding:0;
	margin:0;
	width:371px;
	height:337px;
	float:left;
	background-image:url(images/kh_fooldal2guide_10.jpg);
	background-repeat:no-repeat;
}
#cimoldalhirek h3{
	text-align:left;
	margin:0;
	color:#E2FF95;
	font-size:18px;
	padding-top:162px;
	padding-left:33px;
	padding-bottom:15px;
	font-family: "Times New Roman", Times, serif;
	}
#cimoldalhirek p{
	padding-top:0;
	padding-left:33px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-size:14px;
	margin:0;
}
#cimoldalhirek p.nav{
	padding:0;
	margin:0;
}
#cimoldalhirek p.nav span img{border:0;}
#cimoldalhirek p.nav span.tovabb, #cimoldalhirek p.nav span.tobbhir, #cimoldalhirek p.nav span.rss{
	float:left;
	padding:0;
	margin:0;
	}
#blog{
	float:left;
	width:325px;
	height:337px;
	background-image:url(images/kh_fooldal2guide_11.jpg);
	float:left;
}
#blog div{
	margin:0;
	padding-top:60px;
	padding-left:60px;
	padding-right:60px;
}
#blog h2{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding-top:15px;padding-bottom:10px;
	}
#blog h2 a{text-decoration:none;color:black;}
#blog p{
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#iroasztalom, #falujaras, #velemeny{
	padding:0;
	margin:0;
	height:283px;
	float:left;
	background-repeat:no-repeat;
}
#iroasztalom{
	width:320px;
	background-image:url(images/kh_fooldal2guide_16.jpg);
	}
#falujaras{
	width:360px;
	background-image:url(images/kh_fooldal2guide_18.jpg);
	}
#velemeny{
	width:291px;
	background-image:url(images/kh_fooldal2guide_19.jpg);
	}
#iroasztalom div{
	margin:0;
	padding-left:35px;
	padding-top:190px;
	padding-right:30px;
	padding-bottom:0;
}
#falujaras div{
	margin:0;
	padding-left:35px;
	padding-top:190px;
	padding-right:30px;
	padding-bottom:0;
}
#iroasztalom p, #falujaras p{
	padding:0;
	margin:0;
	color:#003b4e;
	font-size:12px;
	text-align:left;
}
#iroasztalom div.tovabb, #falujaras div.tovabb{
	padding:0;
	margin:0;
	text-align:left;
	padding-left:35px;
	padding-top:10px;
}
#iroasztalom div.tovabb img, #falujaras div.tovabb img{
	border:0;
}
#footer div{
	padding:0;
	margin:0;
	text-align:left;
	padding-top:27px;
	padding-left:115px;
}
#footer div span{float:left;}
#footer div img{border:0;}
#irasokeshallgatasok{
	padding:0;
	margin:0;
	height:200px;
	width:366px;
	float:left;
	background-image:url(images/magamrol_irasok_es_hallgatasok.jpg);
	background-repeat:no-repeat;
	background-position:165px 78px;
}
#irasokeshallgatasok div {margin:0;
	padding-top:78px;
	padding-left:165px;
	}
#irasokeshallgatasok a{
	display:block;
	width:201px;
	height:100px;
}
#zene{
	padding:0;
	margin:0;
	height:200px;
	width:184px;
	float:left;
	background-image:url(images/magamrol_zene.jpg);
	background-repeat:no-repeat;
	background-position:53px 79px;
}
#zene div{
	margin:0;
	padding-top:79px;
	padding-left:53px;
}
#zene a{
	display:block;
	width:104px;
	height:91px;
}
#main{
	padding:0;
	margin:0;
	width:996px;
	height:706px;
}
#mainkozep{
	padding:0;
	margin:0;
	float:left;
	width:715px;
	height:706px;
	}
a.bio{
	display:block;
	width:95px;
	height:65px;
	background-image:url(images/magamrol_bio.jpg);
}
a.linkek{
	display:block;
	width:95px;
	height:37px;
	background-image:url(images/magamrol_linkek.jpg);
}
a.iwiw{
	display:block;
	width:95px;
	height:57px;
	background-image:url(images/magamrol_iwiw.jpg);
}
a.kedvenckonyvek{
	display:block;
	padding:0;
	mrgin:0;
	width:185px;
	height:99px;
	background-image:url(images/magamrol_kedvenckonyvek.jpg);
}
div.archivfotok{
	padding:0;
	margin:0;
	width:235px;
	height:280px;
	background-image:url(images/magamrol_archivfotok.jpg);
	background-repeat:no-repeat;
	background-position:19px 120px;
}
div.archivfotok div{
	margin:0;
	padding-top:100px;
	padding-left:19px;
}
div.archivfotok a{
	display:block;
	width:200px;
	height:160px;
}
#accordion{
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#0b1838;
}
.toggler{
	margin: 0;
	cursor: pointer;
	padding: 5px 5px 6px 32px;
	color: #0b1838;
	font-size: 120%;
	background: url(images/magamrol_nyil.gif) center left no-repeat;
	font-family:"Times New Roman", Times, serif;
	margin-bottom: 10px;
}
.element p a, #accordion p a, #accordion li a{color:#0c4c79;text-decoration:none;}
.element p a:hover, #accordion p a:hover, #accordion li a:hover{text-decoration:underline;}
#filmek{
	padding:0;
	margin:0;
	width:267px;
	height:376px;
	background-image:url(images/filmek_hatter.jpg);
	background-repeat:no-repeat;
	background-position:-7px 96px;
}
#filmek div{
	margin:0;
	padding-top:185px;
}
#filmek a{
	display:block;
	width:125px;
	height:87px;
}