/* f r o n t e n d _ s t y l e s h e e t */
html		{height: auto;}

body		{ margin: 0; padding: 0; font-size: 12px; line-height: 14px; background-color:#6d4069; color: #ffffff; font: 8pt "trebuchet ms", verdana, tahoma; background-image:url(/items/graphics/benko/hatter.png); background-repeat:repeat-x;}

#container		{ position:relative; width: 980px; clear:both; margin: 0 auto; height:100%; position: relative; }
#custom_color	{position:relative; height:auto;}
#content	{width: 100%; height:auto; clear:both; margin: 0 auto;z-index:1;position: relative; background-image: url(/cache/gradient/53416921314b_977.png);background-repeat: repeat-x; background-color: #21314b;}
#header		{position:relative;width:980px;margin:0 auto;height:235px;background-image: url(/items/graphics/header_bg.gif); background-repeat: repeat-x; background-color: #3d3d3d; }

#header		{ height: 214px; background-image: url(/items/graphics/benko/fejlec_egyben.png); background-color: #000; }


#header div.header_banner {position:absolute; height:90px; width: 750px; margin: 0 auto; left:227px; top:20px;}
#header div.header_banner div.hird {position:relative; width:20px; height:90px; margin-top: 2px; margin-left: -3px; background-image: url(/items/graphics/hird_v.gif);float:left;}

/* box header */
	div.boxheader { height:27px; position: relative; overflow: hidden; margin-bottom: 9px;}
	div.boxheader div.layer {	width: 800px; height: 27px; position: relative;}
	div.boxheader div.label { float:left; padding-left:4px; padding-top:4px; padding-right: 10px; height:27px; letter-spacing: -1px; font-size:14px; width: auto; }
	div.boxheader div.bg { float:left; width:545px; height:27px;  }

div.maprandi {   width:70px; 	height:47px; 	    top:128px; 		left:672px;     position: absolute; cursor: pointer;}
div.mapmost {   width:111px; 	height:47px; 	    top:128px; 		left:751px;     position: absolute; cursor: pointer;}
div.maprtlklub {   width:95px; 	height:47px; 	    top:128px; 		left:875px;     position: absolute; cursor: pointer;}

#navigation { background-image:none; left:16px; bottom: 0; overflow: hidden; height: 29px; border-bottom: 1px solid #937dbd; z-index: 2; position: absolute;width:950px; }
#navigation div.label { font-family:Times; font-size: 16px; color:#f1d8e8;margin-top: 1px;}
#navigation div.label a { color:#f1d8e8;}
#navigation div.label a:hover { color:#ffffff;}

#navigation table { border-collapse: collapse;}
#navigation i.arrow { position: absolute; background-image: url(/items/graphics/menu_arrow.gif); width: 6px;height: 5px; top:12px; overflow: hidden;}
#navigation div.active {}
#navigation div.parent {padding:2px;padding-left:14px;padding-right:16px; cursor: pointer;}
#navigation div.children { opacity:0.8; margin-left:-16px; margin-top:3px; display:none; z-index:100; padding:4px; padding-bottom:3px; background-color: #181818; font-size:12px; font-family: Arial; position: absolute; }
#navigation div.child { padding:3px; padding-left: 5px;padding-right: 5px; border-bottom: 1px solid #000000; text-align: center; }

div.benko_boxheader { font-family: Times; font-size: 16px; letter-spacing: 1px; height: 16px; padding:8px; position: relative; }
div.label { font-family: Times; font-size: 16px; letter-spacing: 1px; position: relative; }

.opacity10 { opacity:0.2; }
.opacity20 { opacity:0.2; }
.opacity30 { opacity:0.3; }
.opacity40 { opacity:0.4; }
.opacity50 { opacity:0.5; }
.opacity60 { opacity:0.6; }
.opacity70 { opacity:0.7; }
.opacity80 { opacity:0.8; }
.opacity90 { opacity:0.9; }

div.tabs {
	color:#fff;
	overflow: hidden;
	border-bottom: 1px solid #cc0000;
}

i.arrow_pink {
	position: absolute;
	width: 6px;
	height: 7px;
	background-image: url(/items/graphics/arrow_pink.gif);
	overflow: hidden;
	margin-left: 6px;
	margin-top: 4px;
}


i.arrow {
	position: absolute;
	width: 6px;
	height: 7px;
	background-image: url(/items/graphics/cikk_arrow.gif);
	overflow: hidden;
	margin-left: 6px;
	margin-top: 4px;
}

i.video {
	position: absolute;
	width: 14px;
	height: 7px;
	background-image: url(/items/graphics/kamera.gif);
	overflow: hidden;
	margin-left: 6px;
	margin-top: 4px;
}

a { color:#fff;text-decoration: none;}
div.tabs div.tab_key {
	cursor: pointer;

	float: left;
	height: 22px;
	text-align: center;
	background-color: #1c1c1c;
	border: 1px solid #2c2c2c;
	border-bottom: none;
	margin-right:4px;
	margin-left: 2px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;

}
div.tabs div.tab_key:hover {
	border: 1px solid #cc0000;
}
div.tabs div.active {

	border: 1px solid #cc0000;
	background-image: url(/items/graphics/menu_buttonbg.gif);

}

div.tabs span.tab {

	font-family: sans-serif;
	font-size: 13.5px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 6px;
	
}

#loginbox {
	width: 180px;
	padding-left:9px;
	height: 133px;
	padding-top: 0px;
	position: absolute;
	top: 94px;
	left: 275px;
}

#loginbox div.actions {
	position: absolute;
	top:68px;
	left:20px;

}

#loginbox div.loginok {
	position: absolute;
	top:46px;
	left:335px;

}


#loginbox div.loginbox1 {
	position: absolute;
	top:40px;
	left:15px;

}


#loginbox div.loginbox2 {
	position: absolute;
	top:40px;
	left:175px;

}


#loginbox input.text {
    width: 150px;
	border: none;
	padding: 2px;
	color: #bbb;
}


#keresobox {
    width: 190px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    position: absolute;
    top: 150px;
    right: 0px;
}

#keresobox input.text {
    border: none;
    padding-top: 1px;
    height: 16px;
    color: #888;
}

#keresobox input.submit {
    width: 35px;
    height: 25px;
    background: transparent url(/items/graphics/ok.jpg) no-repeat top left;
    cursor: pointer;
    border: 0;
    margin: 0;
    padding: 0;
}

#nameday { position: absolute; left: 22px; top: 162px; font-size: 12px; }
#temp { position: absolute; left:46px; top:134px; font-size: 12px; cursor: pointer; }
#rss { position: absolute; left: 178px; top:134px; font-size: 12px; }

#temp i.temp { position: absolute; width: 28px; height: 30px; overflow: hidden; background-image: url(/items/graphics/temp2.gif); left:-32px; top:-7px; }
#rss i.rss { position: absolute; width: 32px; height: 32px; overflow: hidden; background-image: url(/items/graphics/rss.gif); left:-36px;	top:-7px; }

div.boxinfo {
	position: absolute;
	width:130px;
	height: 50px;
	padding:4px;
	background-color: #1ef7ff;
	border: 4px solid white;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

div.control {
	position: absolute;
	bottom:20px;
	font-size: 16px;
	left:20px;
}

div.control div.pager {
	position: absolute;
	font-size: 40px;
	left:50px;
	width: 400px;
	bottom:0;
}

div.control div.pager div.dot {
	cursor: pointer;
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(/items/graphics/pager.gif);
	background-position: -24px 0;
	overflow: hidden;
}

div.control div.pager div.page_left {
	cursor: pointer;
	float: left;
	width: 24px;
	margin-right:10px;
	height: 24px;
	background-image: url(/items/graphics/pager.gif);
	background-position: 0 0;
	overflow: hidden;
}
div.control div.pager div.page_right {
	cursor: pointer;
	float: left;
	width: 24px;
	margin-left:10px;
	height: 24px;
	background-image: url(/items/graphics/pager.gif);
	background-position: -72px 0;
	overflow: hidden;
}

div.control div.pager div.active {
	background-position: -48px 0;
}








div.komment {position: relative; width:604px; height:auto; }
div.komment div.postlabel {position:absolute;  left:220px; top:40px; font-size:11px; color:#ffffff; }
div.komment div.item {position: relative; height:auto; border-bottom: 1px dotted #595959; }
div.komment div.post { background-color:#333333; height:220px; position: relative; width:99%;padding-left:5px;padding-right:5px; }

div.komment i.text { position:absolute; left:0; top:10px; width:16px; height:16px; overflow:hidden;  background-image:url(/items/graphics/iconset/page_white_text.png); top:0; }

/*div.komment div.post textarea.komment { border:1px solid #dedede; margin-top:0px; width:589px; height:90px; }*/
div.komment div.post textarea.komment { position:absolute; left:10px; top:90px; width:580px; height:80px; }

div.komment div.post input { border:0px solid #dedede; font-size:8pt;}
div.komment div.post div.name { left:10px; top:55px; position:absolute;  width:562px; height:24px; }
/*div.komment div.post div.textarea { padding-left:1px; padding-top:50px; position:relative;  width:562px; height:80px; }*/
div.komment div.post div.textarea {  }

div.komment input.button { position:absolute; right:20px; top:200px;  font-size:11px; font-weight: bold; padding:2px; color:#ffffff; border:none;}
div.komment div.post div.button { position:absolute; left:8px; top:185px; font-size:11px; font-weight: bold; padding:2px; color:#ffffff; border:none;}
div.komment #chars { position:absolute; right:40px; top:55px; font-size:11px; padding:2px; color:#ffffff; border:none;}
div.komment div.item { position:relative; height:auto; padding:12px; color:#fff; }
div.komment div.odd { background-repeat:repeat-x; background-color:transparent; }
div.komment div.even { background-repeat:repeat-x; background-color:transparent; }
div.komment div.info { position:absolute; top:50px; width:590px;  left:28px; color: yellow;}
div.komment div.date { padding-left:1px; position:relative; margin-bottom:6px; color:#aaaaaa;}
div.komment div.comment { position:relative; font-size:11px; line-height:16.2px; color:#ffffff; }

div.kapcsolodo-tartalmak {
	padding: 12px;
}

div.kapcsolodo-tartalmak table.video-galeria {
	border-bottom:1px dotted #595959;
}

div.kapcsolodo-tartalmak div.kapcsolodo-cikkek {
	border-bottom:1px dotted #595959;
	padding-bottom: 15px;
}

div.kapcsolodo-tartalmak div.largeheader {
	font-weight:bold;
	font-size:11.5px;
	padding-top:5px;
	padding-bottom:9px;
}

div.kapcsolodo-tartalmak div.smallheader {
	font-weight:bold;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
}

div.kapcsolodo-tartalmak div.item {
	float:left;
	height:105px;
	width:290px;
	
}


div.kapcsolodo-tartalmak div.title {
	font-weight:bold;
	font-size:11.5px;
	padding-bottom:3px;
}


div.videok, div.galeriak, div.flexibox {
	background-color: #49386d;
	font-size: 12px;
}
div.videok div.content, div.galeriak div.content, div.flexibox div.content {
	padding:6px;
}

div.videok div.tool {
	border:none;
}

div.videok div.jedikard, div.galeriak div.jedikard {
	position: relative;
	width: 330px;
	height: 9px;
	background-image: url(/items/graphics/jedikard_1.gif);
}