/* created by jdg */
/******************/

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }
html, body { height:100%; }
:focus { outline:none; }
img { border:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul { list-style-type:none; }

body { 
	background:#ebebeb;
	text-align:left;
	font-family:Verdana, sans-serif; 
	font-size:14px;
	color:#000;
	text-align:center;
	margin:0 auto;
}

a, a:link, a:hover, a:visited, a:active { color:#4d9a0e; font-weight:bold; text-decoration:none; }
a:hover { color:#9ac83c; cursor:pointer; }

.fl { float:left; display:inline; }
.fr {	float:right; display:inline; }
.clear { clear:both !important; }

#page {
	background:url(../_images/headerbg.gif) repeat-x top center;
	position:relative;
	width:100%;
}

#header {
	position:relative;
	width:750px;
	height:136px;
	margin:0 auto;
	text-align:left;
	background:url(../_images/header2.jpg) no-repeat 0px 0;
}

#logo {
	width:100px;
	height:100px;
	position:relative;top:24px;left:-45px;text-indent:-9999px;
}
#logo span {
	background:url(../_images/header.jpg) no-repeat -24px -26px;
	position:absolute;top:0;left:0;width:100%;height:100%;
}
#logo a:hover span {
	background:url(../_images/header.jpg) no-repeat -24px -26px;
}

#menu {
	position:absolute;
	bottom:4px;
	right:0;
}

#menu li {
	float:left;
	display:inline;
	height:28px;
	line-height:32px;
	margin-left:6px;
	font-size:12px;
	text-transform:uppercase;
}

#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {
	float:left;
	display:block;
	height:30px;
	line-height:30px;
	background:#000;
	color:#fff;
	font-weight:normal;
	padding:0 15px;
}
#menu li a:hover { background:#fff; color:#000; }
body.fem3.informaciok #menu li.informaciok a { background:#fff; color:#000; }
body.fem3.musorujsag #menu li.musorujsag a { background:#fff; color:#000; }
body.fem3.musorvezetok #menu li.musorvezetok a { background:#fff; color:#000; }
body.fem3.jatek #menu li.jatek a { background:#fff; color:#000; }
body.fem3.kapcsolat #menu li.kapcsolat a { background:#fff; color:#000; }
body.fem3.partnereink #menu li.partnereink a { background:#fff; color:#000; }

#content {
	clear:both;
	top:-4px;
	position:relative;
	width:710px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	padding:20px 20px 50px 20px;
	background:#fff url(../_images/shadow.png) no-repeat bottom center;
}

#content .post {
	float:left;
	display:inline;
	width:710px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #aaa;
}

#content .post.last {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:none;
}

#content h1 {	padding:5px 10px;	font-size:20px; font-weight:bold; }
#content h2 {	padding:5px 10px;	font-size:14px; }
#content p { padding:5px 10px; }
#content p a.player { margin:20px auto; }

#content ul {
	margin:0 10px;
}

#content ul li {
	padding:2px 5px;
}

#content .post span.fc {
	width:710px;
	display:block;
	text-align:center;
}
#content .post span.fc img {
	padding:5px;
	border:1px solid #bbb;
}
#content .post span.fl img {
	margin:0 10px 10px 0;
}

#content table { width:100%; }
#content table.profile, #content div.profile { width:525px; margin:10px 0; }
#content table tr { margin:5px 0; }
#content table tr.odd td { background:#e3e3e3; }
#content table tr td {
	background:#eee;
	font-size:12px;
	padding:5px 10px;
	vertical-align:top;
	color:#000;
}

#content table tr td.time { 
	color:#000;
	text-align:center;
	width:30px;
}

#content table tr td.details.more { 
	cursor:pointer;
	background:#eee;
}

#content table tr td.details.more .more { font-size:11px; }
#content table tr td.details.more .more span { display:block; padding-top:5px ;}
#content table tr td.details.more .more .film { color:#999; }
#content table tr td.details.more .more .description, #content table tr td.details.more .more .age { color:#777; }

#content #guide .days .day { width:355px; }

#content #profile .info {
	float:left;
	display:inline;
	margin-right:12px;
	width:170px;
	overflow:hidden;
}
#content #profile .info img {
	margin:12px 10px 5px 0;
}
#content #profile .info span {
	display:block;
	text-align:center;
	width:170px;
	font-size:11px;
}

#content #guide, #content #profile {
	position:relative;
  overflow:hidden;
  clear:both;
	height:800px;
}
#content #profile { height:970px; }

#content #guide .days, #content #profile .profiles {
	width:20000em; 
	position:absolute; 
	clear:both; 
	margin:0; 
	padding:0;
}

#content #guide div, #content #profile div { 
	float:left; 
	display:block; 
	width:710px; 
}

#content #guidemenu, #content #profilemenu {
	float:left;
	display:inline;
	margin:0 0 10px 0;
	padding:10px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#content #guidemenu li, #content #profilemenu li {
	float:left;
	display:inline;
	font-size:10px;
	text-transform:uppercase;
}

#content #guidemenu li a, #content #guidemenu li a:link, #content #guidemenu li a:active, #content #guidemenu li a:visited, 
#content #profilemenu li a, #content #profilemenu li a:link, #content #profilemenu li a:active, #content #profilemenu li a:visited {
	font-weight:normal;
	color:#fff;
	display:block;
	background:#000;
	padding:2px 5px;
	margin:2px 6px;
	width:210px;
}
#content #guidemenu li a:hover, #content #profilemenu li a:hover { background:#fff; color:#000; }
#content #guidemenu li a.current, #content #profilemenu li a.current { background:#4d9b0f; color:#fff; }
#content #profilemenu li a, #content #profilemenu li a:link, #content #profilemenu li a:active, #content #profilemenu li a:visited {
	width:333px;
}

#content #contact {
	position:relative;
	width:100%;
}

#content #contact .moreinfo {
	float:left;
	display:inline;
	width:100%;
	margin-top:20px;
	color:#333;
	font-size:12px;
	line-height:150%;
}

#content #contact .person {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	height:239px;
}

#content .person img {
	float:left;
	display:inline;
	margin:12px 20px 5px 10px;
}

#content .person h2 {
	font-size:18px;
	padding:25px 0 0 0;
}

#content .person h3 {
	font-size:11px;
	font-weight:normal;
	padding-bottom:15px;
}

#content .person p {
	color:#333;
	font-size:12px;
	line-height:150%;
}

#content #partners a {
	float:left;
	display:block;
	margin:0 25px;
	width:150px;
	height:150px;
}

.edit, .edit-area {
	outline: 1px dashed #aaa;
}
.edit:hover, .edit-area:hover {
	outline: 1px dashed #000;
}