/* aa */
img {border: none;}

a {text-decoration: none;}

body {
  margin: 0; padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* mp */
	             /* Georgia, "Times New Roman", Times, serif;      aa */
	font-size: 62.5%;
}

#container {
	margin: 0;
	background-image: url(images/fordulo_pont01.jpg);
	background-repeat: no-repeat;
	height: 465px;
	width: 931px;
	font-size: 1.2em;
	border-top: 1px solid white;  /* ?? */
}

#left {
	float:left;
	width: 225px;
	margin-left: 30px;
	margin-top: 320px;
}

#right {
	margin-left: 340px;
	margin-top:  240px; /*70px;*/
	margin-right: 50px;
}

/* LINK on the right side: general */

#right a:link {color: orange; font-weight:bold}    /* #557C2B unvisited link */
#right a:visited {color: orange;} /* #83A956 visited link */
#right a:hover {color: #821115; }   /* mouse over link */
#right a:active {color: #577E2D; }  /* selected link */


/* main and list titles */
#right .title {
  font-family:  Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
  color: #36426A;  /* #36426A-blue orange #83A956-green synchronize with .title a: */
	/*padding-left:   8px;*/
}

/* LINK for the right titles */

#right .title a:link    {color: #36426A;}
#right .title a:visited {color: #36426A;}
#right .title a:hover   {color: maroon;}
#right .title a:active  {color: maroon;}

/* article main title: .title a h2 */
#right .title h2 {
	font-size:    18px; /* 1.5em */
  font-weight:  normal;
	padding-bottom: 2px;
  margin-bottom:  0.5em;
  border-bottom:  1px solid #CCCCCC;
}

/* article list title: .title a h3 */
#right .title h3 {
	font-size:    1.2em; /*14px;*/
	font-weight:  bold;
	padding-bottom: 2px;
  margin-bottom:  0.5em;
  border-bottom:  1px solid #CCCCCC;
}

/* Page footer (Copyright) */
#footer {
	clear: both;
	margin-left: 340px;
	margin-right: 50px;
	margin-top: 40px;
	padding:     3px;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	border-top: 1px dotted #CCCCCC;
	background-color: #F9F7EA;
	color: #808080;
}

/* Content footnotes */
#footnote {
	font-size: 0.8em;
	border-top: 1px dotted #CCCCCC;
	padding: 4px;
	padding-bottom: 6px;
	background-color: #F9F7EA;
	color: #808080;
}
#footnote .label {
	font-size: 1.2em;
}
#footnote ul {
  list-style-type: none;
  padding-left: 15px;
}
#footnote li {
  margin-bottom: 6px;
}

/* Menük címsor: Témák, Navigáció */

h4.menu-header  {
	width: 210px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #F5F9EB;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1.0em;
	color: #A6BB7A;
}

/* aa menü navigáció */

#navcontainer {
}

#navcontainer ul
{
  margin: 0; padding: 0;
	list-style-type: none;
	font-weight: bold;
	color: #990000;
}

#navcontainer a
{
	display: block;
	padding-top: 17px;
	padding-left: 37px;
	width: 182px;
	/*background-color: #DCE3ED;*/
	border-bottom: 1px solid #eee;
	background-image: url(images/menu10.png);
	background-repeat: repeat-x;
	height: 27px;
}

/* The link styles should be done in this order: link, visited, hover, active 
   or LoVe HAte:) */

#navcontainer a:link, #navcontainer a:visited
{
  color: #2A3352;  /* sötétkék */
  text-decoration: none;
}

#navcontainer a:hover 
{	
	background: url(images/menu07.png);
	color: #2A3352; /*#*/
}

/* mp */
.lft { float: left; }
.rgt { float: right; }
.clr { clear: both; }
.hide { display: none; }

.module {
	margin-bottom: 12px;
}

/*********************************************
 * Kategória lista
 */
.cat_item {
  /* this is needed instead of clear:both...*/
  overflow: hidden; width: 100%;
  font-size:   1.1em;
  font-weight:  bold;
  padding-bottom: 2px;
  margin-bottom:  0.5em;
}

.cat_item .lft {
	margin-left:  8px;
}

.cat_item .rgt {
	margin-right: 8px;
  font-size:    90%;
  font-style: italic;
}

.cat_item .rgt .no_article {
  font-weight: normal;
  color: #A0A0A0;
}

.content {
  font-size:   1.1em;
	/*line-height: 150%;*/
	padding:  0px 6px;   /* top/bottom left/right */
}

/* írta, ... */
.content .top {
	font-size:     80%;
	text-align:    left;
	margin-top:    0.5em;
	margin-bottom: 1.5em;
}

/* hozzászólások */
.content .bottom {
	font-size:  80%;
	text-align: right;
	margin-top: 2em;
}

.content img {
  margin: 1em;
}

/* DEPRECATED. USE #footnote INSTEAD */
.content .source {
  font-size:  90%;
  font-style: italic;
  /*float: right;*/
}

.content .sign {
  font-style: italic;
  text-align: right;
}

.content .conversation {
  color: #557C2B;
  font-style: italic;
  font-size: 80%;
}

.content .conversation br {
  margin-bottom: 3px;
}

/** Új hozzászólás *********************/

P.newcmt-title {
    color: #A5BB73; /* green */
    font-size:   110%;
    font-weight: bold;
}

/* A form lesz newcmt osztályú */
.newcmt {
    margin-bottom: 2em;
}

.newcmt label {
  color: #A5BB73; /* green */
  font-size:  80%;
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-style: italic;
}

.newcmt input {
	/*margin-top: 0.2em;  set also in textarea */
	width: 300px;
	text-align: right;
}

.newcmt input.bttn {
	width: 150px;
	background-color: #EAF4D9;
	margin-top: 1em;
	padding: 2px;
	text-align: center;
}

.newcmt textarea {
	margin-top: 0.2em;
	width: 100%;
	height: 150px;
}

.newcmt p#emo {
	/* margin-bottom: 0; */
	text-align: center;
}

.newcmt p#emo img {
	height: 15px;
	width:  15px;
	margin:  4px;
}

/* Captcha image mat2 */
.newcmt img#cpt_mat2 {
    margin: 0;
    border: 0;
    width:  52px;
    height: 16px;
}

/* Ez mi? */
.modEditor {
	padding: 0px 6px;
}


/* == Hírek modul => hozzászólások (megosztva a fórummal) == */

.comment {
	/*border: 1px solid #E0E0E0;   Silver */
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	padding: 3px;
	margin-bottom: 1em;
}

.comment .body .lft {
	width: 100px;
	margin-right: 3px;
}

.comment .body .rgt {
	/*border-left: 1px solid #E0E0E0;*/
	padding-left: 3px;
	margin-left: 100px;
	min-height:  80px;
	float: none;
	line-height: 150%;
}

.comment .body .date { /* dátum */
	/*border-bottom: 1px solid #F0F0F0;*/
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size:  90%;
	text-align: right;
}

.comment .body .lft b, 
.comment .body .lft strong,
.comment .body .lft em,
.comment .body .lft .email
{
	display: block;
}

.comment .body .lft b {  /* sorszám. Név */
	margin-bottom: 6px;
}

.comment .body .lft strong { /* volt Név */
	margin-bottom: 2em;
}

.comment .body .lft strong i { /* volt Név - névtelen */
	color: Gray;
}

.comment .body .lft em { /* infó - Vendég */
	/*margin-bottom: 2em;*/
	color: Gray;
	font-size: 80%;
}

.comment .body .lft .email { /* e-mail */
	margin-top: 30px;
	font-size: 80%;
}

.comment .body .lft .email a:hover {
	background-color: #84A54A;
	color: #FDB100;
}

.comment .body .commentBody {
    overflow: auto;
}

.comment .body .sign { /* aláírás. Hozzáadva a 0.3.3-ban. Aztán kivéve*/
	margin-top: 6px;
	padding: 3px 0px;
	border-top: 1px solid gray;
	color: gray;
	font-size: 80%;
}

.comment .bottom {
	font-size:  80%;
	border-top: 1px dotted #F0F0F0;
	padding-top: 3px;
	margin-top: 3px;
}

.comment .bottom a,
.comment .bottom em {
	border: none;
	padding: 2px 4px;
}

.comment .bottom em {
	color: Gray;
	font-style: normal;
}

.comment .bottom a:hover {
	background-color: #84A54A;
	color: #FDB100;
}

/*******************************************
      Keretes írások
*******************************************/

/* from fn-main.css @group article_body */

.content .box { /* from .article_body .box */
	width: 200px;
	line-height: 16px;
	margin: 10px auto;
	
	padding: 10px;
	background-color: #F2F2F2;
}

.content .box.left {
	float: left;
	clear: left;
	margin-right: 10px;
}

.content .box.right {
	float: right;
	clear: right;
	margin-left: 10px;
}


/* == Oldalválasztó == */

.pageSwitcher {
	margin: 6px 0px;
	padding: 3px 0px;
	border-top: 1px solid Silver;
	border-bottom: 1px solid Silver;
}

.pageSwitcher .lft {
	font-weight: bold;
	padding-top: 4px;
	font-size: 12px;
}

.pageSwitcher .rgt form {
	display: inline;
}

.pageSwitcher a,
.pageSwitcher strong {
	padding: 2px 6px;
	border: 1px solid Gray;
	background-color: white;
	font-weight: bold;
	color: Black;
	
}

.pageSwitcher select,
.pageSwitcher input {
	font-weight: bold;
	border-color: Gray;
}

.pageSwitcher a:hover,
.pageSwitcher input:hover {
	background-color: #FEA204;
	border-color: Black;
}

.pageSwitcher strong {
	color: Silver;
	border-color: #D5D5D5;
}