@import "scripts/tabs.css";
@import "scripts/validation/validation.css";
@import "scripts/scriptaculous/autocomplete.css";

body { margin: 0; padding: 0; background-color: #ffffff; 
background: #ffffff url('images/bg_full.jpg') no-repeat top center;
}
td, body, p, div { font: 12px Arial, Helvetica, sans-serif; line-height: 16px; color: #000; }
h1, h2, h3, h4 { font: normal 18px Arial, Helvetica, sans-serif; color: #000; }
img { border: 0; }
form { margin: 0; padding: 0; }
a { color: #c90913; /*003399*/ text-decoration:underline; }
a:hover { color: #000000; /*#CC6600;*/ text-decoration:none; }

#wrapper {
width: 980px;
margin: 0 auto 0 auto;
height:1430px;
}

.interaktiv {
	position:relative;
	background-image:url('images/interaktiv.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:6px 0 10px 0;
	width:278px;
	height:155px;
}
	.interaktiv a {display:block; height:22px; position:absolute; left:10px;}
	.interaktiv a.kep {width:64px; top:56px;}
	.interaktiv a.video {width:69px; top:88px;}
	.interaktiv a.blog {width:50px; top:120px;}

input.button {
margin: 1px;
font: bold 12px Arial, Helvetica, sans-serif;
}
input.text {
font: 12px Arial, Tahoma, Helvetica, sans-serif;
width: 170px;
height: 16px;  
border: 1px inset #b0b0b0; 
margin: 2px;
padding-left: 2px;
}
input.text:focus {

}
select {
font: 12px Arial, Tahoma, Helvetica, sans-serif;
border: 1px inset #b0b0b0; 
margin: 2px;
height: 16px;
padding-left: 2px;
}
fieldset {
border: none;
border-top: 1px solid #ddd;
padding: 8px 4px;
margin: 0 0 8px 0;

}
legend {
font: bold 11px Arial, Tahoma, Helvetica, sans-serif;
color: #888;
background-color: #fff;
padding: 2px 4px;
}

textarea.text {
width: 175px;
height: 50px; 
font: 12px Arial, Tahoma, Helvetica, sans-serif;
color: #333333; 
border: 1px inset #b0b0b0; 
margin: 2px;
padding-left: 2px;
}
input.radio {
vertical-align: middle;
background: none;
border: none;
height: 16px;  
margin: 2px;
padding-left: 2px;
}


img.iconavatar { /* mini avatar a usernevek mellett */
width: 16px; height: 16px; vertical-align: middle;
border: 1px solid #fff;
margin-right: 4px;
}

span.separator { /* vertikális linkmenük elválasztója */
margin: 0 1px;
font: normal 12px Arial;
color: #666;
}

/**
 * Header
 * **************************************************************************
 */

#bar {
height: 26px; background: #fffdb9 url('images/bar_left.gif') no-repeat top left;
}
#bar div {
float: left; text-align: center; font-size: 11px; padding: 0; color: #7D771C; padding-top: 4px;
width: 950px; margin: 0 auto;
}
#bar a {
color: #544E0A;
}

div#header {
width: 100%;
margin: 0 0 0 0;
padding: 0;
}
div#header div#logoline {
float: left;
margin: 16px 0 4px 0;
padding-bottom: 5px;
/*height: 56px;*/
}

div#logoline h1 { float: left; width: 228px; height: 68px; padding-left: 0px; margin: -13px 0 -1px 0; #margin: -8px 0 -1px 0;}
div#logoline h1 a {	width: 228px; height: 68px; position: relative; display: block;}
div#logoline h1 a span { width: 100%; height: 100%; position: absolute; background: url('images/logo_est.gif') 0 0 no-repeat; }

div#logoline h2 { float: left; width: 80px; height: 68px; padding-left: 0px; margin: -13px 0 -1px 0; #margin: -8px 0 -1px 0;}
div#logoline h2 a {	width: 80px; height: 68px; position: relative; display: block;}
div#logoline h2 a span { width: 100%; height: 100%; position: absolute; background: url('images/logo_est.gif') -228px 0 no-repeat; }

div#slide-wrapper {
width: 410px;
height: 118px;
position: absolute; 
top: 0; /* 27 */ 
left: 52%; 
background: url('images/slide_bg.gif') no-repeat top right;
z-index: 8000;
}

div#slide-hold {
height: 64px;
margin: 6px 10px;
}

div#slide-close {
width: 22px; 
height: 8px; 
margin-left: 368px; 
cursor: pointer;
}

div#slide-wrapper input.button {
padding: 2px 8px;
}

div#slide-menu {
float: right; width: 600px; margin: 0 8px 10px 0; text-align: right; font: 12px Arial; line-height: 22px;
}


div#logoline div#network {
float: right; width: 650px; margin: 0px 8px 0 0; text-align: right; font: 11px Arial; line-height: 22px;
}
div#logoline div#network a {
color: #000;
margin: 0 2px;
}

/**
 * Tabbed menu
 * **************************************************************************
 */
div#menu { /* tabbed menü wrapper */
float: left;
padding: 0;
margin: 0 -10px 0 -10px;
width: auto;
height: auto;
}
	div#nav { /* első szintű navigáció */
	width: 1000px;
	padding: 0;
	margin: 0;
	}
	div#nav ul {
	margin: 0;
	padding: 0;
	height: 50px;
	/**/
	}
	div#nav ul li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
	div#nav .link1 {
		float:left;
		background-image:url('images/menu.gif');
		background-repeat:no-repeat;
		background-position:0 0;
		width:143px;
		height:50px;
	}
	div#nav .link2 {
		float:left;
		background-image:url('images/menu.gif');
		background-repeat:no-repeat;
		background-position:-143px 0;
		width:143px;
		height:50px;
	}
	div#nav .link3 {
		float:left;
		background-image:url('images/menu.gif');
		background-repeat:no-repeat;
		background-position:-286px 0;
		width:143px;
		height:50px;
	}
	div#nav .link4 {
		float:left;
		background-image:url('images/menu.gif');
		background-repeat:no-repeat;
		background-position:-429px 0;
		width:143px;
		height:50px;
	}
	div#nav .link5 {
		float:left;
		background-image:url('images/menu.gif');
		background-repeat:no-repeat;
		background-position:-572px 0;
		width:138px;
		height:50px;
	}
	div#nav div a {
		display:block;
		float:left;
		width:138px;
		height:50px;
	}
	
/* Felhasznalokezeles */
	.sub_pot {background-color:#ffffff; width:1000px; height:33px; display:block; clear:both; position:relative; top:5px; margin:0 0 5px 0;}
	div#nav .link1felh {
		float:left;
		background-image:url('images/menu_felh.gif');
		background-repeat:no-repeat;
		background-position:0 0;
		width:187px;
		height:50px;
	}
	div#nav .link2felh {
		float:left;
		background-image:url('images/menu_felh.gif');
		background-repeat:no-repeat;
		background-position:-187px 0;
		width:187px;
		height:50px;
	}
	div#nav .link3felh {
		float:left;
		background-image:url('images/menu_felh.gif');
		background-repeat:no-repeat;
		background-position:-374px 0;
		width:187px;
		height:50px;
	}
	div#nav .link4felh {
		float:left;
		background-image:url('images/menu_felh.gif');
		background-repeat:no-repeat;
		background-position:-561px 0;
		width:182px;
		height:50px;
	}
		div#nav .link1felh a, div#nav .link2felh a, div#nav .link3felh a, div#nav .link4felh a {
		display:block;
		float:left;
		width:182px;
		height:50px;
	}
	
/* Galeria */
	.sub_pot_gal {background-color:#ffffff; width:1000px; height:33px; display:block; clear:both; position:relative; top:5px; left:-10px; margin:0 0 5px 0;}
	div#nav .link1gal {
		float:left;
		background-image:url('images/menu_gal.gif');
		background-repeat:no-repeat;
		background-position:0 0;
		width:137px;
		height:50px;
	}
	div#nav .link2gal {
		float:left;
		background-image:url('images/menu_gal.gif');
		background-repeat:no-repeat;
		background-position:-137px 0;
		width:137px;
		height:50px;
	}
	div#nav .link3gal {
		float:left;
		background-image:url('images/menu_gal.gif');
		background-repeat:no-repeat;
		background-position:-274px 0;
		width:137px;
		height:50px;
	}
	div#nav .link4gal {
		float:left;
		background-image:url('images/menu_gal.gif');
		background-repeat:no-repeat;
		background-position:-411px 0;
		width:132px;
		height:50px;
	}
		div#nav .link1gal a, div#nav .link2gal a, div#nav .link3gal a, div#nav .link4gal a {
		display:block;
		float:left;
		width:132px;
		height:50px;
	}

	div#nav a:link, div#nav a:active, div#nav a:visited {
	/*background: none;
	color: #fff;
	float: left;
	line-height: 24px;
	padding: 3px 8px;
	margin: 0 4px;
	text-decoration: none;
	font-weight: bold;*/
	}
	div#nav a:hover {
	}
	div#nav .link1 #current a {
	/*background: transparent url('images/nav_current_bg.gif') 50% 100% no-repeat;*/
	border-bottom:5px solid #fcaf26;
	}
	div#nav .link2 #current a {
	border-bottom:5px solid #ff952c;
	}
	div#nav .link3 #current a {
	border-bottom:5px solid #ff0000;
	}
	div#nav .link4 #current a {
	border-bottom:5px solid #d71921;
	}
	div#nav .link5 #current a {
	border-bottom:5px solid #ab240a;
	}


div#subnav {
width: 1000px;
padding: 0;
margin: 5px 0 0 0;;
float: left;
}
	div .link1sub {background-color:#fcaf26;}
	div .link2sub {background-color:#ff952c;}
	div .link3sub {background-color:#ff0000;}
	div .link4sub {background-color:#d71921;}
	div .link5sub {background-color:#ab240a;}
	div#subnav ul {
	margin: 0;
	padding: 1px 0 0 11px;
	height: 27px;
	}
	div#subnav ul li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
	div#subnav a:link, div#subnav a:active, div#subnav a:visited {
	font-size:14px;
	background: none;
	color: #ffffff;
	float: left;
	line-height: 27px;
	margin: 0 4px;
	padding: 0px 8px;
	text-decoration: none;
	}
	div#subnav a:hover {
	}
	div#subnav li#current a {
	/*background: url('images/subnav_current_bg.gif') 50% 100% no-repeat;*/
	font-weight:bold;
	}

	div#subnav a.hi {
	font-weight: bold;
	}

div#menu div#tip { /* random tip of the day a navigációs csíkban */
float:right;
padding-top: 6px;
color: #aaa;
font-size: 11px;
}
div#menu div#tip a {
color: #fff;
}


/* promócucc */
div#promo {
float: left;
width: 100%;
background-color: #f4f4f4;
margin: 10px 0 0 0;
padding: 8px 0;
}
	div#promo a {
	float: left;
	margin: 0 6px;
	width: 301px;
	height: 54px;	
	}
	div#promo a#p1 {
	background: transparent url('images/p1.gif') no-repeat top left;
	}
	div#promo a#p1:hover {
	background: transparent url('images/p1.gif') no-repeat bottom left;
	}
	div#promo a#p2 {
	background: transparent url('images/p2.gif') no-repeat top left;
	}
	div#promo a#p2:hover {
	background: transparent url('images/p2.gif') no-repeat bottom left;
	}
	div#promo a#p3 {
	background: transparent url('images/p3.gif') no-repeat top left;
	}
	div#promo a#p3:hover {
	background: transparent url('images/p3.gif') no-repeat bottom left;
	}


/* kommentek */

div.comment {
float:left;
padding: 4px;
margin-bottom: 16px;
} 
	div.left {
	float: left; width: 50px; margin-right: 10px;
	}

	div.right {
	float: left; width: 420px;
	}

	div.right div.user {
	color: #888;
	margin-bottom: 8px;
	}

	div.right div.body {
	margin-bottom: 4px;
	}

	div.right div.date {
	color: #888;
	font-size: 10px;
	padding: 0;
	text-transform: uppercase;
	}


/**
 * Section: first
 * **************************************************************************
 */

div#first {
float: left;
width: 170px;
margin: 16px 15px 32px 0;
padding: 0;
border-right: 1px solid #fff; /*#E8E9E0;*/
}

div#calendar-wrapper { /* naptárcucc */
float: left;
margin: 0 0 16px 0;
padding-left: 6px;
}

	div#calendar-wrapper div {
	float: left;
	width: 20px;
	height: 15px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	color: #000;
	}
	div#calendar-wrapper div.h {
	margin-bottom: 4px; 
	width: 100%;
	color: #888;
	}
	div#calendar-wrapper div.h span {
	text-decoration: none;
	padding: 0 3px;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	}
	div#calendar-wrapper div.hi {

	}
	div#calendar-wrapper div.hi a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

 
	div.tooltip { /* eseményfelhő egy dátumra állva */
	float: left;
	padding: 8px;
	background-color: #F4F4F4;
	border: 1px solid #E0E0E0;
	width: 150px;
	color: #444;
	font-size: 11px;
	}



div#first fieldset.side-box {
border: 1px solid #ccc; /*ccc*/
font-size: 12px;
padding: 0 6px 12px 4px;
margin: 0 0 8px 0;
}
div#first fieldset.side-box legend {
padding: 12px 4px 10px 38px; 
color: #000;
margin: 0 0 0 4px;
font: bold 12px Arial, Helvetica, sans-serif;
background: #ffffff url('images/jofej.gif') no-repeat 0 0;
}




div.cat-wrapper { /* kategória, mikr, hol wrapperek és linkek */
margin-left: 6px;
padding: 1px 4px 1px 4px;
font-size: 11px;
font-style: italic;
color: #888;
}
	div.cat-wrapper a {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	}
	div.cat-wrapper a:hover {
	
	}
	div.active {
	margin-left: 2px;
	padding-left: 8px;
	background: #fff url('images/arrow.gif') 0 50% no-repeat;
	}
	div.active a {
	color: #000;
	text-decoration: none;
	}
	div.subcat-wrapper {
	margin: 0;
	padding: 0px 6px 4px 10px;
	margin-bottom: 8px;
	color: #888;
	}
	div.subcat-wrapper a {
	font-size: 11px;
	color: #333;
	}



/**
 * Section: second
 * **************************************************************************
 */

div#second {
float: left;
margin: 18px 0 32px 0; /* 16 */
padding-top: 6px;
}

div#second h1 {
line-height: 20px;
padding: 0;
margin: 0 0 0 8px;
font: normal 22px Arial, Helvetica, sans-serif;
}

	div.second-normal { /* normál szélességű második hasáb */
	width: 500px;
	}
		div.second-normal #container {
		width: 500px;
		padding: 0;
		display: table;
		border-collapse: separate;
		}

	div.second-extend { /* kiterjesztett szélességű műsodik hasáb */
	width: 720px;
	}
		div.second-extend #container {
		width: 794px;
		padding: 0px;
		display: table;
		border-collapse: separate;
		}

	div.bubble { /* navigciós magyarázó sor */
	padding: 8px 8px 8px 36px;
	background: #f4f4f4 url('images/bubble_bg.gif') no-repeat top left;
	margin: 0 0 16px 0;
	font-size: 11px;
	color: #888;
	}

/*	div.clean-wrapper {
	width: auto;
	margin: 8px;
	}
*/
	div#second #container #form-container { /* form konténer a második hasábban*/
	margin: 0px;
	padding: 0;
	}
	div#form-container label, div.clean-wrapper label {
	float: left; 
	width: 45%;
	font-weight: bold;
	height: 16px;  
	margin: 2px;
	padding-left: 2px;
	color: #000;
	}
	div.clean-wrapper label {
	margin: 2px 0;
	padding: 0;
	}
	div#form-container span, div.clean-wrapper span {
	height: 20px;
	line-height: 20px;
	margin: 2px;
	padding-left: 2px;
	color: #000;
	}

	div#form-container div.span {
	line-height: 20px;
	margin: 2px;
	padding-left: 2px;
	color: #000;
	width: 240px;
	float: left;
	}






div.events-wrapper { /* item wrapper az események, csoportok, helyszínek felsorolás számára */
margin-bottom: 24px;
}

div.events-wrapper .stamp { /* item bélegy */
float: left; width: 77px; height: 77px; overflow: hidden;
text-align: center; margin-right: 13px; 
background: #fff url('images/stamp_bg.gif') no-repeat top left;
margin-bottom: 20px;
}

	div.events-wrapper .stamp .date {
	height: 26px; margin-top: 6px;
	font: bold 11px Arial;
	color: #ab240a;
	}
	
	div.events-wrapper .stamp .num {
/*	font: bold 27px Arial;*/
	font: bold 19px Arial;
	color: #000000;
	line-height: 22px;
	}
	div.events-wrapper .stamp span {
	margin: 0px; padding: 0;
	font: normal 9px Tahoma, Arial;
	color: #a0a0a0;
	}

div.events-wrapper .main { /* #second - (.stamp+margin) */
float: left;
width: 410px;
margin-bottom: 20px;
text-align: justify;
}

	div.events-wrapper .main h3 {
	text-align: left;
	margin: 0 0 2px 0; padding: 0;
	font: bold 12px Arial;
	}
/*	div.events-wrapper .main h3 a {	
	color: #000;
	text-decoration: none;
	}
*/	div.events-wrapper .infoline {
	text-align: left;
	margin: 8px 0 0 0; padding: 0;
	font: normal 11px Arial;
	color: #888;
	}

	div.events-wrapper .infoline a {

	}
	.comments {
	padding-left: 20px;
	background: transparent url('images/i_comment.gif') 0% 50% no-repeat;
	}	


div.image-wrapper {
	float:right; background-color: #f4f4f4; width: 122px; margin: 0 0 4px 12px; padding: 8px; text-align: center;
}
div.image-wrapper img {
	border: 1px solid #fff;
}





/* csoportjaim és eseményeim opciómenük */
div.localoptions {
font-size: 12px;
line-height: 18px;
color: #aaa;
}

div.localoptions a {
text-decoration:none;
}
div.localoptions a:hover {
text-decoration:underline;
}

p#error { /* hibaüzenet */
margin: 8px;
}
div#third p.no-items {
font-size: 12px;
font-style: italic;
margin: 4px 4px 8px 4px;
color: #888;
}

div#second #container #form-container fieldset p { /* warningok, magyarázó aláírások */
font-size: 11px;
line-height: 13px;
margin: 4px 4px 8px 4px;
color: #888;
}


div#second #container p.lead { /* oldal leadje */
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 16px;
margin: 0px 0px 8px 0px; 
padding: 8px;
color: #333;
text-align: justify;
}

/**
 * Section: third
 * **************************************************************************
 */

div#third {
float: right;
margin: 16px 0 32px 0;
}

	.third-normal { /* normál szélességű harmadik hasáb */
	width: 278px;
	overflow: hidden;
	}
	.third-collapse { /* nincs harmadik hasáb */
	width: 0px;
	}


div#third fieldset.side-box { /* keretes dobozok jobboldalon */
border: 1px solid #ccc;
font-size: 12px;
padding: 0 12px 12px 12px;
margin: 0 0 12px 0;
}
div#third fieldset.side-box legend {
padding: 12px 4px 10px 38px; 
color: #000;
margin: 0 0 0 -4px;
font: bold 12px Arial, Helvetica, sans-serif;
background: #ffffff url('images/jofej.gif') no-repeat 0 0;
}

	div#third fieldset.side-box ul {
	margin: 0; padding: 0;
	margin-top: 1px;
	font-size: 12px;
	}
	div#third fieldset.side-box ul li {
	list-style: none;
	background: url('images/arrow.gif') 0 4px no-repeat; 
	margin: 0;
	color: #888;
	margin-bottom: 6px;
	padding: 0 0 0 8px;
	font-size: 11px;
	}
	div#third fieldset.side-box ul li a {
	font-size: 12px;
	}
	div#third fieldset.side-box div.more {
	margin: 6px 0 0 0;
	font: bold 11px Arial;
	padding: 2px 8px;
	}
	div#third fieldset.side-box div.more a {
	color: #000;
	}

	div#third fieldset.side-box div.scrollable {
	height: 170px; overflow:auto;
	}


	div#third fieldset.side-box ul li div.image {
	float:right; margin: 4px 8px 4px 0px; width: 58px; padding: 4px; text-align: center; background-color: #eee;	
	}	

	div#third fieldset.side-box ul li div.image img {
	border: 1px solid #fff;	
	}

div#third div.side-map {
width: auto; height: 200px; margin: 8px 0px; border: 1px solid #aaa;
}


/**
 * Footer
 * **************************************************************************
 */

div#footer-wrapper {
clear: both;
width: 980px;
margin: 20px auto 8px auto;
padding: 16px 0;
text-align: center;
border-top: 1px solid #ccc;
font: normal 11px Arial, Helvetica, sans-serif;
color: #888;
}

/* Jofej avatar cucc */
.jofejpont {position:relative; top:1px;}
	.jofejpont a {font-weight:bold; text-decoration:none; color:#000000;}
a.jofejikon {
	padding:2px 0 2px 38px;	
	background:url('images/jofej_avatar.gif') no-repeat 0 0;
}
.jofejtabla {
	position:absolute; top:16px; #top:19px; left:-14px;
	background:url('images/jofej_avatar_bg.gif') no-repeat 0 0;
	width:151px;
	height:34px;
	overflow:hidden;
	color:#ffffff;
	padding:12px 10px 10px 10px;
	line-height:18px;
}
	.jofejtabla a, .jofejtabla a:hover {color:#ffffff;}

a.jofej_link {
	text-decoration:none; 
	font-weight:bold; 
	color:#000000; 
	background-image:url('images/jofej_avatar.gif'); 
	background-repeat:no-repeat; 
	background-position:0 0; 
	padding:2px 0 2px 35px;
}
a.jofej_link:hover {color:#c90913;}