@charset "utf-8";
body {
	padding: 0;
	margin: 0;
	font: normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003;
	background: #fff;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font: 14px/18px normal  Arial, Helvetica, sans-serif;
	}
div {
	float: left;
	}
ul, li {
	list-style-type: none;
	margin:0; padding: 0;
	}
a {outline: none;}
hr {
	float: left;
	width: 960px;
	height: 2px;
	border: 0;
	color: #6ce;
	background: #6ce;
	margin-top: 12px;
	}
.hide {
	visibility: hidden;
	display: none;
	}
/*box:*/	
.box {
	padding: 1px;
	margin: 0;
	position: relative;
	margin-bottom: 12px;
	width: 100%;
	}
.box h1 {
	padding: 4px;
	margin: 0;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: -1px;
	position: relative;
	color: #fff;
	}
.advert h1 {
	cursor: default;
	}
.box h1 .pucuk {
	position: absolute;
	width: 46px;
	height: 20px;
	margin: -1px 0 0 2px;
	overflow: hidden;
	right: 4px;
	cursor: default;
	}
.box h1 .pucuk a {
	margin-top: -20px;
	}
.box h1:hover .pucuk a {
	margin-top: 0;
	}
.box h1 .settings, .box h1 .close  {
	text-indent: -666em;
	overflow: hidden;
	display: block;
	width: 22px;
	height: 20px;
	background: url(/img/settings.png) top;
	float: left;
	}
.box h1 .close {
	background: url(/img/close.png) top;
	margin-left: 2px;
	}
.box h1 .close:hover {
	background: url(/img/close.png) bottom;
	}
.box h1 .settings:hover {
	background: url(/img/settings.png) bottom;
	}
.box img.corner {position: absolute;}
.box img.tl {top:0;left:0;}
.box img.tr {top:0;right:0;}
.box img.bl {bottom:0;left:0;}
.box img.br {bottom:0;right:0;}

.box .becsuk, .box .kinyit {
	display: block;
	overflow: hidden;
	height: 15px;
	width: 100%;
	text-indent: -666em;
	}
.box .becsuk {background: url(/img/felcsuko.png) center top no-repeat;}
.box .becsuk:hover {background: url(/img/felcsuko.png) center -15px no-repeat;}
.box .kinyit {background: url(/img/felcsuko.png) center bottom no-repeat;}
.box .kinyit:hover {background: url(/img/felcsuko.png) center -30px no-repeat;}

/*layout:*/
#wrap {
	width: 960px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -480px;
	}
#headbanner {
	width: 960px;
	margin-top: 6px;
	text-align: center;
	height: 0;
	}
#head{
	width: 960px;
	margin: 12px 0;
	}
#col1, #col2, #col3, #col4 {
	margin: 12px 12px 0 0;
	overflow: hidden;
	}
#col1, #col2{
	width: 260px;
	}
#col3, #col4{
	width: 202px;
	}
#col4 {
	margin-right: 0;
	}
#col5 {
	width: 530px;
	margin-right: 12px;
	overflow: hidden;
	margin-top: 12px;
	}
#col6 {
	width: 414px;
	overflow: hidden;
	margin-top: 12px;
	}
#home {
	display: block;
	width: 269px;
	height: 71px;
	background: url(/img/hirgy_logo.png);
	position: absolute;
	margin: -2px 0 0 -12px;
	}
#homelink {
	display: block;
	width: 269px;
	height: 60px;
	text-indent: -666em;
	overflow: hidden;
}

#delthapages {
	padding-left: 271px;
	height: 60px;
	}
#delthapages li {
	float: left;
	margin: 34px 0 0 0;
	}
#portalhu {
	display: block;
	width: 89px;
	height: 24px;
	background: url(/img/header_links.png) 0px top;
	text-indent: -666em;
	overflow: hidden;
	}
#portalhu:hover {
	background: url(/img/header_links.png) 0px bottom;
	}
#konyvjelzo {
	display: block;
	width: 171px;
	height: 24px;
	background: url(/img/header_links.png) -89px top;
	text-indent: -666em;
	overflow: hidden;
	}
#konyvjelzo:hover {
	background: url(/img/header_links.png) -89px bottom;
	}
#mailhu {
	display: block;
	width: 127px;
	height: 24px;
	background: url(/img/header_links.png) -260px top;
	text-indent: -666em;
	overflow: hidden;
	}
#mailhu:hover {
	background: url(/img/header_links.png) -260px bottom;
	}
#menuline {
	background: url(/img/menu_bg.gif);
	width: 960px;
	float: left;
	height: 56px;
	overflow: hidden;
	}
#menu li {
	float: left;
	font: 16px lighter Arial, Helvetica, sans-serif;
	display: block;
	}
#menu li a {
	display: block;
	text-decoration: none;
	padding: 13px 12px;
	height: 30px;
	color: #fff;
	float: left;
	}
#menu li.active a {
	background: url(/img/menu_active.png) bottom center;
	}
#menuboxes {
	float: right;
	background: url(/img/menuboxes_bg.gif);
	height: 56px;
	}
#menuboxes li {
	float: left;
	}
#boxicon {
	background: url(/img/settings2.png) center 2px no-repeat;
	display: block;
	height: 18px;
	width: 70px;
	border-left: 2px solid #fff;
	color: #fff;
	font: 12px normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding-top: 38px;
	}
#boxicon:hover {
	background: url(/img/settings2.png) center -54px no-repeat;
	}
	
#searchform {
	border-left: 2px solid #fff;
	height: 56px;
	width: 228px;
	position: relative;
	}
#searchtext {
	border: 0;
	margin: 0;
	padding: 2px;
	color: #335;
	font: 16px lighter Arial, Helvetica, sans-serif;
	width: 176px;
	height: 18px;
	position: absolute;
	top: 6px;
	left: 6px;
	background: #fff;
	}
#searchform small {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 3px;
	cursor: pointer;
	color: #fff;
	font: 12px normal Arial, Helvetica, sans-serif;
	padding: 0 12px 2px;
	}
#searchform small.active {
	background: #fff;
	color: #003;
	}
#hgy_sbutton {width: 66px; margin-left: 66px;}
#ggl_sbutton {
	width: 40px; 
	margin-left: 158px;
	text-indent: -666em;
	background: url(/img/google.png) center -29px no-repeat;
}
#searchform #ggl_sbutton.active {
	background: #fff url(/img/google.png) center 2px no-repeat;
	overflow: hidden;
	text-indent: -666em;
}

#searchsubmit {
	background: url(/img/search.png) top;
	width: 30px;
	height: 30px;
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	text-indent: -666em;
	right: 6px;
	top: 2px;
	cursor: pointer;
	}
#searchsubmit:hover {
	background: url(/img/search.png) bottom;
	}

#almenu {
	margin-top: 8px;
	width: 960px;
	clear: both;
	}
#almenu li {
	float: left;
	margin-right: 2px;
	position: relative;
	}
#almenu li.active div {
	position: absolute;
	bottom: -4px;
	width: 30px;
	height: 10px;
	background: url(/img/al_active.gif) bottom center no-repeat;
	width: 100%;
	}
#almenu li a {
	color: #335;
	text-decoration: none;
	padding: 0 6px;
	display: block;
	border-bottom: 4px solid #fff;
	}
	
/*box: .box .content */
.box .content {
	padding: 6px;
	background: #f6f6f6;
	margin-left: 1px;
	overflow: hidden;
	}
#col1 .box .content {width: 244px;}
#col1 .box .content li a {width: 232px;}

#col2 .box .content {width: 244px;}
#col2 .box .content li a {width: 232px;}

#col3 .box .content {width: 186px;}
#col3 .box .content li a {width: 174px;}

#col4 .box .content {width: 186px;}
#col4 .box .content li a {width: 174px;}

#col5 .box .content {width: 514px;}
#col5 .box .content li a {width: 502px;}

#col6 .box .content {width: 398px;}
#col6 .box .content li a {width: 386px;}
	
.box .content a {
	color: #000;
	text-decoration: none;
	}
.box .content li {
	margin-bottom: 6px;
	float: left;
	background: #fff;
	padding: 1px 0 1px 6px;
	}
.box .content li a{
	float: left;
	width: 100%;
	}
.box .content .catfilters {
	margin: -6px 0 6px 0;
	float: left;
	}
.box .more {
	float: right;
	margin-right: 6px;
	}
#col5 .box .content .catfilters li {
	float: left;
	display: block;
	color: #003;
	margin: 0;
	background: none;
	width: 20%;
	}	
#col6 .box .content .catfilters li {
	float: left;
	display: block;
	color: #003;
	margin: 0;
	background: none;
	font-size: 11px
	}
.box .content li p {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}
.box .content li .ido {
	color: #888;
	}
.box .content li a.forras {
	color: #666;
	font-style: italic;
	text-align: right;
	margin: -15px 0 0 -4px;
	width: auto;
	}
.box .content li.kiemelt {
	font-weight: bold;
	}
.box .content li.kiemelt a img {
	padding: 2px;
	width: 140px;
	margin-top: -4px;
	float: left;
	}
.box .content li.kiemelt a {padding-bottom: 4px;}
#col1 .box .content li.kiemelt a img {margin: 6px 42px 6px 38px;}

.box .content li.adline {
	background: none;
	border-left: 6px solid #fff;
}

.weather table, .horoszkoptabla table {width: 188px;}
.weather h2, .horoszkoptabla h2 {
	margin:  0 0 6px 0;
	text-align: center;
	}
.weather td, .horoszkoptabla td {
	text-align: center;
	width: 25%;
	padding: 0px;
	font: 12px Verdana, Geneva, sans-serif;
	}
.horoszkoptabla a img {
    margin: 0px;
    padding: 1px;
    border: 2px solid #fff;
    }
.horoszkoptabla a:hover img {
    border: 2px solid #638;
}
.horoszkoptabla a img {
width: 42px !important;
}
.advert {
	background: #615c89;
	}
.advert .content {
	background: none;
	margin: 0;
	padding: 10px 6px 8px 6px;
	border: 0;
	}
.advert .content li {
	background: #3c3758;
	margin: 0 3px 2px 3px;
	padding: 6px 3px;
	}
.advert .content li a {
	color: #fff;
	}
.placeholder {
	width: 100%;
	margin-bottom: 12px;
	height: 24px;
	background: url(/img/placeholder_bg.gif) 0px 0px;
	}
.toggler {float:left;}
.loading, .empty {width: 100%; margin-left: -4px;}
.loading {background: url(/img/loader.gif) center top no-repeat; height: 20px;}
.empty {background: url(/img/empty.png) center top no-repeat; height: 50px;}

.banner {
border:0 none;
float:none;
margin:auto;
padding:0;
width: 100%;
text-align: center;
}

.rcclass {
float:none ;
}


#warning {
	background: #ff8 url(/img/warning.png) 4px 4px no-repeat;
	border: 6px solid #c00;
	padding: 6px 6px 6px 26px;
	margin: 6px 0 6px 110px;
	text-align: center;
	width: 500px;
	font-weight: bold;
}
#warning a {
	color: #800;
}


#footer {
	text-align: center;
	width: 944px;
	}
#footer .content {
	width: 944px;
	}
#footer strong a {
	color: #658;
	font-weight: bold;
	}
#footer strong a:hover {
	text-decoration: underline;
	}
#footer .box .content {
	background: #eee;
	}
#footer p {
	margin: 0 0 6px 0;
	}
#impresszum {
	background: #fff;
	width: 922px;
	padding: 6px;
	display: none;
	}
#impresszum h2 {
	font-size: 16px;
	letter-spacing: .5px;
	font-weight: bold;
	color: #658;
	}
#impresszum h3 {
	color: #658;
	margin-bottom: 1em;
	}
#impresszum a {
	color: #658;
	background: #fff;
	padding: 0 2px;
	}
#impresszum a:hover {
	text-decoration: underline;
	}
#impresszum hr {
	color: #fff;
	background: #fff;
	width: 934px;
	margin: 3px 0 9px 0;
	padding: 0;
	}
/*uj cuccok játékdobozhoz*/
#col5 #jatekdoboz {
	float: left;
	background: #eee;
	width: 520px;
	margin-bottom: 6px;
	}
#col6 #jatekdoboz {
	float: left;
	background: #eee;
	width: 404px;
	}
#col5 #jatekdoboz li {
	text-align: center;
	width: 166px;
	background: none;
	}
#col6 #jatekdoboz li {
	text-align: center;
	width: 196px;
	background: none;
	}
#jatekdoboz h3 {
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	border-top: 2px solid #fff;
	background: #fff;
	}
#jatekdoboz li a img {
	padding: 2px;
	border: 0;
	margin: 0 auto;
	}
#jatekdoboz li a:hover img {
	padding: 1px;
	border: 1px solid #300;
	}
#jatekdoboz p {
	text-align: left;
	}
#col5 #jatekdoboz p {
	width: 160px;
	padding-left: 3px;
	}
#col6 #jatekdoboz p {
	width: 190px;
	padding-left: 3px;
	}
.noclose {
	margin: -6px 0 6px;
}
cite {
	display: none;
	}

/*loginreg */

#loginreg {
	display: none;
    position: absolute;
    top: 114px;
    right: 0px;
    }
#loginreg a {
    display: block;
    background: url(/img/loginreg.png) top;
    width: 228px;
    height: 41px;
    overflow: hidden;
    text-indent: -666em;
    }
#loginreg a:hover {
	background: url(/img/loginreg.png) bottom;
	}
	
.box .content a.kjlogo {
    width: 25px !important;
    height: 18xp;
    display: block;
    overflow: hidden;
    text-indent: -666em;
    float: right;
    margin-top: -17px;
    line-height: 18px;
    margin-right: -5px;
    }
.box .content a.kjlogo:hover, .box .content li:hover a.kjlogo {
    background: url(/img/addtokj.png);
    }


#logged {
	position: absolute;
	top: 2px;
	right: 0px;
	background: url(/img/logged_bg.png) right;
	height: 31px;
	padding: 5px;
	font-size: 16px;
	border-left: 1px solid #98dded;
	border-right: 1px solid #98dded;
	display:none;
}
#logged a {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #5bc;
}
#logged a:hover {
	color: #006;
}