
/* Firefox bugfix  */
.cf:after
 {
     content: ".";
     clear: both;
     visibility: hidden;
 }

.cf
{
	}

* html .cf
{
	}

.cf
{

}
/* Firefox bugfix vége */

.cb {
	clear:both;
}
.ac {
	text-align:center;
}
.transparentbg {
	background:transparent;
}

/* általános vége */

BODY {
	margin:0px;
	padding:0px;
	background:url('http://static.datasrv.karacsony.hu/layout/body_bg.jpg') top center repeat-y;
	font:normal 12px Arial;
}

A {
	text-decoration:none;
}
A:HOVER {
	text-decoration:underline;
}

/* layout eleje */

.layout_frame {
	width:1017px;
	margin:0 auto;
	padding:0px;
}
.layout_frame .layout_top {
	width:1017px;
	height:123px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/layout/layout_top_bg.gif') top left no-repeat;
}
.layout_frame .layout_top .banner980x100 {
	width:980px;
	height:100px;
	margin-left:11px;
	margin-top:12px;
	overflow:hidden;
}
.layout_frame .layout_title {
	width:1017px;
	height:22px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/layout/layout_title_bg.gif') top left repeat-x;
}
.layout_frame .layout_title .layout_date {
	color:#ffcc66;
	width:400px;
	height:22px;
	overflow:hidden;
	font:bold 14px Arial;
	float:left;
	margin-top:2px;
	margin-left:3px;
}
.layout_frame .layout_head {
	width:1017px;
	height:161px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/layout/layout_head10.jpg') top left no-repeat;
}
.layout_frame .layout_head_absolute {
	width:1017px;
	height:161px;
	overflow:hidden;
    position:absolute;
}
.layout_frame .layout_head_absolute .logo_link {
    width:276px;
    height:56px;
    top:1px;
    left:2px;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
}
.layout_frame .layout_head_absolute .counter {
	/*background:#f0f;
	opacity:0.5;*/
	width:30px;
	height:17px;
	position:absolute;
	left:715px;
	top:81px;
	overflow:hidden;
}
.layout_frame .layout_head_absolute .counter_png {
	width:110px;
	height:762px;
	overflow:hidden;
	margin-left:-36px;
}
.layout_frame .layout_head_absolute .counter_png[class=counter_png] {
	background:url('http://static.datasrv.karacsony.hu/layout/layout_head_numbers3.png') top left no-repeat;
}
* HTML .layout_frame .layout_head_absolute .counter_png {
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/layout_head_numbers3.png');
}
.layout_frame .layout_head_absolute .magazines {
    top:99px;
    left:314px;
    width:700px;
    height:62px;
    position:absolute;
    overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines .receptek {
    position:absolute;
    top:0px;
    left:0px;
    width:134px;
    height:62px;
    overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines .receptek[class=receptek] {
    background:url('http://static.datasrv.karacsony.hu/layout/rovat_receptek.png') top left no-repeat;
}
* HTML .layout_frame .layout_head_absolute .magazines .receptek {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/rovat_receptek.png');
}
.layout_frame .layout_head_absolute .magazines .angyalok {
    position:absolute;
    top:0px;
    left:129px;
    width:138px;
    height:62px;
    overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines .angyalok[class=angyalok] {
    background:url('http://static.datasrv.karacsony.hu/layout/rovat_angyalok.png') top left no-repeat;
}
* HTML .layout_frame .layout_head_absolute .magazines .angyalok {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/rovat_angyalok.png');
}
.layout_frame .layout_head_absolute .magazines .praktikak {
    position:absolute;
    top:0px;
    left:263px;
    width:140px;
    height:62px;
    overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines .praktikak[class=praktikak] {
    background:url('http://static.datasrv.karacsony.hu/layout/rovat_praktikak.png') top left no-repeat;
}
* HTML .layout_frame .layout_head_absolute .magazines .praktikak {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/rovat_praktikak.png');
}
.layout_frame .layout_head_absolute .magazines .unnep {
    position:absolute;
    top:0px;
    left:399px;
    width:146px;
    height:62px;
    overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines .unnep[class=unnep] {
    background:url('http://static.datasrv.karacsony.hu/layout/rovat_unnep.png') top left no-repeat;
}
* HTML .layout_frame .layout_head_absolute .magazines .unnep {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/rovat_unnep.png');
}
.layout_frame .layout_head_absolute .magazines .gyerekek {
    position:absolute;
    top:0px;
    left:522px;
    width:178px;
    height:62px;
    overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines .gyerekek[class=gyerekek] {
    background:url('http://static.datasrv.karacsony.hu/layout/rovat_gyerekek.png') top left no-repeat;
}
* HTML .layout_frame .layout_head_absolute .magazines .gyerekek {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/rovat_gyerekek.png');
}

.layout_frame .layout_head_absolute .magazines_link {
    top:99px;
    left:314px;
    width:700px;
    height:62px;
    position:absolute;
    overflow:hidden;
	z-index:1;
}
.layout_frame .layout_head_absolute .magazines_link .receptek {
	position:absolute;
	top:28px;
	left:28px;
}
.layout_frame .layout_head_absolute .magazines_link .angyalok {
	position:absolute;
	top:28px;
	left:142px;
}
.layout_frame .layout_head_absolute .magazines_link .praktikak {
	position:absolute;
	top:28px;
	left:277px;
}
.layout_frame .layout_head_absolute .magazines_link .unnep {
	position:absolute;
	top:28px;
	left:412px;
}
.layout_frame .layout_head_absolute .magazines_link .gyerekek {
	position:absolute;
	top:28px;
	left:551px;
}
.layout_frame .layout_head_absolute .magazines_link .receptek,
.layout_frame .layout_head_absolute .magazines_link .angyalok,
.layout_frame .layout_head_absolute .magazines_link .praktikak,
.layout_frame .layout_head_absolute .magazines_link .unnep,
.layout_frame .layout_head_absolute .magazines_link .gyerekek,
.layout_frame .layout_head_absolute .magazines_link .receptek DIV,
.layout_frame .layout_head_absolute .magazines_link .angyalok DIV,
.layout_frame .layout_head_absolute .magazines_link .praktikak DIV,
.layout_frame .layout_head_absolute .magazines_link .unnep DIV,
.layout_frame .layout_head_absolute .magazines_link .gyerekek DIV {
	width:110px;
	height:32px;
	overflow:hidden;
}
.layout_frame .layout_head_absolute .magazines_link .receptek DIV,
.layout_frame .layout_head_absolute .magazines_link .angyalok DIV,
.layout_frame .layout_head_absolute .magazines_link .praktikak DIV,
.layout_frame .layout_head_absolute .magazines_link .unnep DIV,
.layout_frame .layout_head_absolute .magazines_link .gyerekek DIV {
	cursor:pointer;
}

.layout_frame .layout_foot {
	width:1017px;
}
.layout_frame .layout_foot .layout_copyright {
	float:left;
	margin-left:120px;
	color:#FFCC66;
	font:normal 12px Arial;
	margin-top:10px;
	display:inline;
}
.layout_frame .layout_foot .layout_links {
	float:right;
	margin-top:10px;
	margin-right:15px;
	display:inline;
}
.layout_frame .layout_foot .layout_links DIV {
	float:right;
	margin-left:15px;
}
.layout_frame .layout_foot .layout_links DIV A {
	color:#FFCC66;
	text-decoration:none;
	font:normal 12px Arial;
}
.layout_frame .layout_foot .layout_links DIV A:HOVER {
	color:#FFCC66;
	text-decoration:underline;
	font:normal 12px Arial;
}

.layout_frame .layout_leftside {
	width:317px;
	float:left;
	margin-left:5px;
	display:inline;
}

.layout_frame .layout_content_top {
	width:1017px;
	height:15px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/layout/layout_content_bg_top.gif') top left no-repeat;
}

.layout_frame .layout_content {
	width:1017px;
	background:url('http://static.datasrv.karacsony.hu/layout/layout_content_bg.gif') top left repeat-y;
	background-position:0px -15px;
}

.layout_frame .layout_content .layout_content_content {
	width: 455px;
	margin-left:3px;
	float: left;
	margin-top:-8px;
}
.layout_frame .layout_content_content .navigator {
	margin-bottom:2px;
	font: bold 12px Arail;
	color:#fff;
}
.layout_frame .layout_content_content .navigator .sep {
	display:inline;
	float:left;
	margin-left:2px;
	margin-right:2px;
}
.layout_frame .layout_content_content .navigator .item {
	font: bold 12px Arail;
	color:#fff;
	display:inline;
	float:left;
	margin-left:2px;
	margin-right:2px;
}
.layout_frame .layout_content_content .navigator .item A {
	font: bold 12px Arail;
	color:#fff;
	text-decoration:none;
}
.layout_frame .layout_content_content .navigator .item A:HOVER {
	font: bold 12px Arail;
	color:#fff;
	text-decoration:underline;

}


.layout_frame .layout_rightside {
	width:235px;
	float:left;
	margin-top:-8px;
}
.layout_frame .layout_rightside .banner_200x {
	width:230px;
	margin:0 auto;
	margin-top:3px;
	margin-bottom:3px;
	text-align:center;
}
.layout_frame .layout_content_hiderightside .layout_content_content {
	width:680px;
}

.layout_frame .layout_content_hiderightside .layout_rightside {
	display:none;
}


.layout_frame .layout_content_bottom {
	width:1017px;
	height:21px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/layout/content_layout_bg_bottom.gif') top left no-repeat;
}

.layout_frame .layout_foot {
	width:1017px;
	height:36px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/layout/layout_foot.gif') top left no-repeat;
}

.layout_leftside .layout_calendar {
	position:absolute;
	width:93px;
	height:72px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_calendar.gif') top left no-repeat;
	z-index:1;
}
.layout_leftside .layout_calendar DIV {
	position:absolute;
	color: #4378fe;
	top:24px;
	left:35px;
	text-align:center;
	width:46px;
	height:27px;
	font:bold 22px Arial;
	overflow:hidden;
	cursor:pointer;
}
.layout_leftside .layout_topbox {
	width:306px;
	margin-left:4px;
}
.layout_leftside .layout_topbox .cnt {
	width:306px;
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_topbox_bg.gif') top left repeat-y;
}
.layout_leftside .layout_topbox .bottom {
	width:306px;
	height:10px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_topbox_bottom.gif') top left no-repeat;
	margin-bottom:3px;
}

.layout_leftside .layout_topbox .left {
	float:left;
	width:105px;
	margin-top:73px;
}
.layout_leftside .layout_topbox .left DIV {
	margin-left:6px;
}
.layout_leftside .layout_topbox .left A {
	color:#fff;
	font:normal 12px Arial;
}

.layout_leftside .layout_topbox .right {
	float:left;
	width:190px;
}

.layout_leftside .layout_topbox .button {
	width:191px;
	height:36px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_topbox_button.gif') top left no-repeat;
	margin-top:2px;
	margin-bottom:1px;
}

.layout_leftside .layout_topbox .button_select {
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_topbox_button2.gif') top left no-repeat;
}


.layout_leftside .layout_topbox .button .icon_login,
.layout_leftside .layout_topbox .button .icon_main,
.layout_leftside .layout_topbox .button .icon_winner,
.layout_leftside .layout_topbox .button .icon_postcard,
.layout_leftside .layout_topbox .button .icon_video,
.layout_leftside .layout_topbox .button .icon_tree,
.layout_leftside .layout_topbox .button .icon_test,
.layout_leftside .layout_topbox .button .icon_none {
	width:28px;
	height:25px;
	overflow:hidden;
	float:left;
	margin-top:7px;
	margin-left:5px;
}
.layout_leftside .layout_topbox .button .icon_login[class=icon_login] {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_login.png') top left no-repeat;
}
* HTML .layout_leftside .layout_topbox .button .icon_login {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/icon_login.png');
}
.layout_leftside .layout_topbox .button .icon_main[class=icon_main] {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_main.png') top left no-repeat;
}
* HTML .layout_leftside .layout_topbox .button .icon_main {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/icon_main.png');
}
.layout_leftside .layout_topbox .button .icon_video[class=icon_video] {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_video.png') top left no-repeat;
}
* HTML .layout_leftside .layout_topbox .button .icon_video {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/icon_video.png');
}
.layout_leftside .layout_topbox .button .icon_tree[class=icon_tree] {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_tree.png') top left no-repeat;
}
* HTML .layout_leftside .layout_topbox .button .icon_tree {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/icon_tree.png');
}
.layout_leftside .layout_topbox .button .icon_test[class=icon_test] {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_test.png') top left no-repeat;
}
* HTML .layout_leftside .layout_topbox .button .icon_test {
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://static.datasrv.karacsony.hu/layout/icon_test.png');
}
.layout_leftside .layout_topbox .button .icon_winner {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_winner.jpg') top left no-repeat;
}
.layout_leftside .layout_topbox .button .icon_postcard {
	background:url('http://static.datasrv.karacsony.hu/layout/icon_postcard.jpg') top left no-repeat;
}
.layout_leftside .layout_topbox .button .icon_none {
	background:transparent;
}


.layout_leftside .layout_topbox .button A {
	font:bold 16px Arial;
	color:#fff;
	position:relative;
	top:8px;
	left:10px;
}


.layout_leftside .layout_leftside_content {
	width:306px;
	margin-left:4px;
}
.layout_leftside .layout_leftside_content .banner300x250 {
	width:300px;
	/*height:250px;*/
	margin-left:4px;
	/*overflow:hidden;*/
	margin-top:2px;
	margin-bottom:2px;
	text-align:center;
}
/* layout vége */


/* dobozok: */

.layout_leftside .box_orange {
	width:302px;
	margin-bottom:3px;
	margin-left:4px;
}
.layout_leftside .box_orange .top {
	width:302px;
	height:31px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_box_top.gif') top left no-repeat;
	text-align:center;
	color:#fff;
	font:bold 12px Arial;
}
.layout_leftside .box_orange .top .inner {
	font:bold 14px Arial;
	color:#fff;
	margin-top:6px;
}
.layout_leftside .box_orange .cnt {
	width:300px;
	background:#fff;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}
.layout_leftside .box_orange .cnt .inner {
	padding:2px;
}
.layout_leftside .box_orange .bottom {
	width:302px;
	height:9px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/leftside/leftside_box_bottom.gif') top left no-repeat;
}

.layout_leftside .box_orange .cnt .articles_topbox_row {
	margin:1px;
	margin-left:10px;
}
.layout_leftside .box_orange .cnt .articles_topbox_row A {
	color:#FF9B36;
	font:bold 12px Arial;
}

.layout_rightside .box_orange {
	width:221px;
	margin-bottom:3px;
	margin-left:2px;
}
.layout_rightside .box_orange .top {
	width:221px;
	height:38px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/rightside/rightside_box_top.gif') top left no-repeat;
	text-align:center;
	color:#fff;
	font:bold 12px Arial;
}
.layout_rightside .box_orange .top .inner {
	font:bold 14px Arial;
	color:#fff;
	margin-top:6px;
}
.layout_rightside .box_orange .top A {
	font:bold 14px Arial;
	color:#fff;
	text-decoration:none;
}
.layout_rightside .box_orange .top A:HOVER {
	font:bold 14px Arial;
	color:#fff;
	text-decoration:underline;
}
.layout_rightside .box_orange .cnt {
	width:219px;
	background:#fff;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}
.layout_rightside .box_orange .bottom {
	width:221px;
	height:10px;
	overflow:hidden;
	background:url('http://static.datasrv.karacsony.hu/rightside/rightside_box_bottom.gif') top left no-repeat;
}

/* dobozok vége */



















/* Gomb */

a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:35px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;
	font-weight:bold;

    padding-top:-2px;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}
a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    /*background-image:url("/staticimages/layout/form_buttons.png");
    _background-image:url("/staticimages/layout/form_buttons.gif");*/
	background:url('http://static.datasrv.karacsony.hu/layout/button.gif');
}
a.button span, span.button button, span.button input, del.button span{

	white-space:nowrap;
	cursor:pointer;
    color:#fff;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:28px;
	padding:10px 26px 0 10px;
	margin:0 -16px 0 16px;
	border:none;
	vertical-align:text-top;
	font-weight:bold;
	zoom:1;
	_position:relative;
        _padding-top:8px;
        _padding-left:0px;
	_padding-right:18px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
}
span.button button{
   line-height:2.5;/*Opera need this*/
}
html.safari a.button span,
html.safari del.button span{
  line-height:1.3;
}
html.safari span.button button{
  line-height:2.6;
}
html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}
del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;

}
del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}
span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/
/*Hover Style*/
a.button:hover,
span.button:hover,
a.button:focus,
a.dom-button-focus,
span.button-behavior-hover{
	background-position:0 -60px;
	color:#fff;
	font-weight:bold;
	text-decoration:none!important;
}
a.button:hover span,
span.button:hover button,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input{
	background-position:100% -60px;
}
a.button:active, a.button:focus span{
	color:#fff;
}
del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}
del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
}
/*Optional hack for IE6 to simulate :hover selector*/
span.button button, del.button span, span.button input{
	_behavior:expression(
		(function(el){
			if( typeof( behavior_onMouseEnter) == 'undefined'){
				behavior_onMouseEnter = function(el){

					var dEl = this.parentNode;
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';
					this.setCapture();
				};
				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		})(this));

}

/* Gomb vége*/

/* --------------------------------- */
.range2 {
	padding:5px 3px;
	margin:6px 0px;
	font:bold 11px Arial;
	height:16px;
}
.range2 A {
	font:bold 11px Arial;
	margin:0px 3px;
}
.range2_selected {
	font:bold 12px Arial;
}
.range2_side {
	font-weight:bold;
}

.range2 {
	/*background:#e1e1e1;*/
}
.range2 A {
	color:#3F4A81;
}
.range2_selected {
	color:#BB2E70;
}
.range2_side {
	color:#3F4A81 !important;
}
/* ---------------------------------*/



