/* TABLA
----------------------------------------------------------------*/
html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background-color: #FFFFFF;
	scrollbar-3dlight-color:#6A737B;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-base-color:#6A737B;
    scrollbar-darkshadow-color:#6A737B;
    scrollbar-face-color:#6A737B;
    scrollbar-highlight-color:#6A737B;
    scrollbar-shadow-color:#6A737B;
	scrollbar-track-color:#C3C6C8;
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:900px;
	margin:0 auto;
}
#header {
	width:900px;
	height:245px;
}
html>body #header{
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
#infomezo{
	position:fixed;
	z-index:8;
	width: 200px;
	text-align: left;
	margin-left: 700px;
	margin-top: 265px;
	
}
#kiallitokmezo{
    visibility:hidden;
	position:fixed;
	z-index:7;
	width: 120px;
	text-align: right;
	padding-right: 10px;
	margin-top: 265px;
	line-height: 16px;
	border-Right-width: 1px;
	border-Right-style: solid;
	border-Right-color: #D7D7D7;
	
}

html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {
    z-index:9;
	padding-top: 267px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	
} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:900px;
	height:65px;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

#header{
    background-color: #FFFFFF;
	text-align:center;
}
#footer {
    background-color: #000000;
	text-align:center;
}

#container {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    min-height: 100%;
    height: auto !important; /* voor moderne browsers */
    height: 100%; /* voor IE */
    background: #FFFFFF;
    z-index: 90;
}

#maincontent{
	left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
	width: 600px;
	background-color: #FFFFFF;
	PADDING-Right: 30px;
	text-align: justify;
	border-Right-width: 1px;
	border-Right-style: solid;
	border-Right-color: #D7D7D7;		   
}


/* menu
----------------------------------------------------------------*/

.menu {
MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; WIDTH: 860px; POSITION: relative; HEIGHT: 45px; PADDING-LEFT: 40px; }

.menu UL {
	WIDTH: 860px;
	LIST-STYLE-TYPE: none;
	HEIGHT: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu LI {
	FLOAT: left
	}
.menu TABLE {
	LEFT: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse
}
.menu A {
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	PADDING-RIGHT: 23px;
	DISPLAY: block;
	FONT-WEIGHT: normal;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	CURSOR: pointer;
	PADDING-TOP: 0px;
	font-size: 11px;
	color: #6A737B;
}


.menu A:hover  {
	COLOR: #5D9732;
}


.menu UL UL {
	LEFT: 445px;
	WIDTH: 270px;
	POSITION: absolute;
	HEIGHT: 30px;
	visibility: hidden;
	MARGIN-TOP: 12px;
}
.menu UL UL.menu1 {
	PADDING-LEFT: 40px;
	LEFT: 0px;
	VISIBILITY: hidden;
	WIDTH: 230px;
	POSITION: absolute;
	MARGIN-TOP: 12px;
	HEIGHT: 30px;
	
}
.menu UL UL.menu2 {
	PADDING-LEFT: 617px;
	LEFT: 0px;
	VISIBILITY: hidden;
	WIDTH: 230px;
	POSITION: absolute;
	MARGIN-TOP: 12px;
	HEIGHT: 30px;
	
}
.menu :hover {
	WHITE-SPACE: normal
}

.menu UL LI:hover UL {
	DISPLAY: block; VISIBILITY: visible; TOP: 0
}

.menu UL.menu1 LI:hover UL {
	DISPLAY: block; VISIBILITY: visible; TOP: 0
}
.menu UL.menu2 LI:hover UL {
	DISPLAY: block; VISIBILITY: visible; TOP: 0
}
.menu UL A:hover UL {
	DISPLAY: block; VISIBILITY: visible; TOP: 0px; 
}
.menu UL :hover UL LI {
	DISPLAY: block; HEIGHT: 30px ;
}
.menu UL :hover UL.menu1 LI {
	DISPLAY: block; HEIGHT: 30px;
}
.menu UL :hover UL.menu2 LI {
	DISPLAY: block; HEIGHT: 30px;
}

.menu UL UL LI A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: auto; COLOR: #6A737B; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 2em
}
.menu UL UL LI A:hover {
	COLOR: #5D9732
}
.menu UL UL.menu1 LI A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-SIZE: 10px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: auto;
	COLOR: #6A737B;
	LINE-HEIGHT: 30px;
	PADDING-TOP: 0px;
	HEIGHT: 2em;
	text-align: left;
	margin-right: 0px;
	
}
.menu UL UL.menu2 LI A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-SIZE: 10px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: auto;
	COLOR: #6A737B;
	LINE-HEIGHT: 30px;
	PADDING-TOP: 0px;
	HEIGHT: 2em;
	text-align: left;
	margin-right: 0px;
	
}
.menu UL UL.menu1 LI A:hover {
	COLOR: #5D9732
}
.menu UL UL.menu2 LI A:hover {
	COLOR: #5D9732
}

/* SZOVEG
----------------------------------------------------------------*/

.cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	color: #5D9732;
    margin-left: -22px;
}
.alcim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #5D9732;

}
.alcim_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #5D9732;

}
.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #FF0000;

}
.szoveg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
}
.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #5D9732;
}
.info A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #999999;
	font-weight: normal;
}
.info A:hover {
	 color: #000000;
}


.kocka {
	padding-right: 15px;
	padding-bottom: 3px;
}

.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #5D9732;
	text-decoration: none;
	font-weight: bold;
}

.link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

/* kiallitok
----------------------------------------------------------------*/

.kiallitok_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	color: #5D9732;
	font-weight: bold;
}

.kapcsolat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #5D9732;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

.kapcsolat2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #5D9732;
	font-weight: normal;
}

.kapcsolat A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #999999;
	font-weight: normal;
}

.kapcsolat2 A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #999999;
	font-weight: normal;
}

.kapcsolat A:hover{
    color: #000000;
}

.kapcsolat2 A:hover{
    color: #000000;
}

.kiallitok_menu A{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #999999;
	text-decoration: none;
}

.kiallitok_menu A:hover{
	font-style: normal;
	color: #000000;
}

#kiallitok_text {
	padding-left: 110px;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
}

.felsorolas UL {
	LIST-STYLE-TYPE: none;
	margin-left: 30px;
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	line-height: 18px;
	
}

/* GALLERY
----------------------------------------------------------------*/
#demo {

	padding-top: 0px;
	padding-left: 0px;
	
}

#gallery {
  height:260px;
  display:none;
}
#slideshow {
  display:none;
}
.gcap {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #5D9732;
	text-align: center;
    margin:1px; padding:0;
}
.scap {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #5D9732;
	text-align: center;
  margin:3px; padding:0;
}
.gcon { /* gallery image/caption container */
	width:114px;
	height:100px;
	border:1px solid #5D9732;
	float:left;
	background-color: #EBEBEB;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.scon { /* slideshow image/caption container */
	width:480px;
	border:1px solid #5D9732;
	background-color: #EBEBEB;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#gallery img {
	margin:6px 6px 3px 6px;
	background-color: #EBEBEB;
}
#slideshow img {
  margin:6px 6px 3px 6px;
  background:#EBEBEB;
}
#navigation {
text-align:left;
padding-left: 0px;
}
#prev, #next{
	color:#5D9732;
	cursor:pointer;
	font-weight:bold;
	margin-right:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#back{
	color:#5D9732;
	cursor:pointer;
	font-weight:bold;
	margin-left:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#elvalaszto{
	color:#5D9732;
	font-weight:bold;
	margin-right:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.clearAll {
  clear:both;
  margin:0; padding:0;
}

/* Regisztracio
----------------------------------------------------------------*/



.kicsi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #348590;
	text-align: left;
	font-weight: bolder;

}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #black;
	background-color: #f5f5f5;
	border: 1px solid #5D9732;
	height: 21px;
	text-align: left;
	vertical-align: middle;
}

.elvalszto {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7D7D7;
}

input.groovybutton
{
	font-size:10px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
	color:#5D9732;
	width:70px;
	height:28px;
	background-color:#DFDFDF;
	border-style:solid;
	border-color:#5D9732;
	border-width:1px;
	cursor: hand;
}

input.groovybutton:hover
{
	color:#ffffff;
	background-color:#999999;

}

/* Nyeremenylista
----------------------------------------------------------------*/
.nyeremeny_szoveg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
}

.nyeremeny_szoveg_nev {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
}

.nyeremeny_szoveg a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #5D9732;
	text-decoration: underline;
}

.nyeremeny_szoveg LI {
	LIST-STYLE-TYPE: none;
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	line-height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.nyeremeny_szoveg_nev LI {
	LIST-STYLE-TYPE: none;
	line-height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-left: -35px;
}

.nyeremeny_szoveg a:hover {
	color: #000000;
	
}

.nyeremeny_logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #5D9732;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.nyeremeny_logo a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #999999;
	font-weight: normal;
	text-decoration: underline;
}
.nyeremeny_logo a:hover{
    color: #000000;
}


.nyeremeny_alcim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 18px;
	color: #5D9732;

}

.nyeremeny_fejlec_bal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #5D9732;
	font-weight: bold;
	margin-left: 23px;
}
.nyeremeny_fejlec_jobb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #5D9732;
	font-weight: bold;
	margin-left: 4px;
}

.nyeremeny_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	color: #5D9732;
    margin-left: -22px;
}

/* Programok
----------------------------------------------------------------*/
.pure_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #868788;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #868788;
	border-bottom-color: #868788;
	border-left-color: #868788;
	text-align: left;
	padding: 15px;
	width: 320px;
}
.pure_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #868788;
	margin-left: 15px;
	font-weight: bold;
}

.eco_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #98bf13;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #98bf13;
	border-bottom-color: #98bf13;
	border-left-color: #98bf13;
	text-align: left;
	padding: 15px;
	width: 320px;
}
.eco_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #98bf13;
	margin-left: 15px;
	font-weight: bold;
}
.urban_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #d1050e;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d1050e;
	border-bottom-color: #d1050e;
	border-left-color: #d1050e;
	text-align: left;
	padding: 15px;
	width: 320px;
}
.urban_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #d1050e;
	margin-left: 15px;
	font-weight: bold;
}
.classic_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #ac9760;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ac9760;
	border-bottom-color: #ac9760;
	border-left-color: #ac9760;
	text-align: left;
	padding: 15px;
	width: 320px;
}
.classic_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #ac9760;
	margin-left: 15px;
	font-weight: bold;
}

/* videohecc
----------------------------------------------------------------*/

.video_cim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}

.video_plussz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	color: #5D9732;
	font-weight: bold;
}
.video_szoveg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
}
.video_szoveg_zold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #5D9732;
}
.video_szoveg UL LI {
	LIST-STYLE-TYPE: decimal;
	color: #5D9732;
	font-weight: bold;
}

.video_szoveg_zold UL LI {
	LIST-STYLE-TYPE: none;
	color: #5D9732;
	font-weight: bold;
	line-height: 22px;
}
.video_szoveg a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #5D9732;
	text-decoration: underline;
}

.video_szoveg a:hover {
	color: #000000;
	
}