body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	background: url("../image/back.gif") #006600; 
	margin: 0;               /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;      /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

    scrollbar-base-color: #999999;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-face-color: #006600;
    scrollbar-3dlight-color: #006600;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
}
#bigcontainer {
	width: 972px;  /* using 44px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url("../image/bigcontback.jpg");
	margin: 0 auto;          /* the auto margins (in conjunction with a width) center the page */
	/* border: 1px solid #000000; */
	text-align: left;        /* this overrides the text-align: center on the body element. */
	padding: 0;              /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
/* altalanos float kezeles */ 
.fltrt {                     /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft {                    /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
    text-indent: -20px;
}
.clearfloat {                /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.imgtaj {
	margin: 0;
	padding: 0;              
	border-width: 0;
	border-left-style: none;    	
}

div#fomenudiv
	{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; 
	padding: 0;
}

ul#fomenu
	{
    margin: 0; 
    padding: 0;
    list-style-type: none;

    background: #006600;
    float: left;
    width: 100%;	
/* 	margin: 0 auto 0 auto; */
}
/* menuelemek sorba rendezese, az implicit fuggoleges helyett */	
ul#fomenu li {
	display: inline;
}
/* menuelemek block tipusuak es azon belul a tulajdonsagok - border elvalaszto vonalat ad */	
ul#fomenu a
	{
    width: 124px;
    height: 18px;
	display: block;
    float: left;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color:#004400 ;
    border-left: 1px solid #fff;
    padding-top: 2px;
    background-image: url(../image/otmenuback.jpg);
}
/* hover esemeny */	
ul#fomenu a:hover
	{
    background-image: url(../image/back.gif); 
}

#menuleftb1 a, #menuleftb1 a img, #menuleftb2 a, #menuleftb2 a img, #menuleftb3 a, #menuleftb3 a img, #menuleftb4 a, #menuleftb4 a img  
	{
    text-decoration: none;
    border: 0px;
}

.menu em {
	background: #fffdca; 
	width: 180px;
	height: 65px;
	color: #006600;
	position: absolute;
	top: -155px;
	left: -30px;
	text-align: center;
	padding: 5px 2px 0px 2px;
	font-style: normal;
	font-size: 10px;
	z-index: 0;
	display: none;
	border: 3px solid #006600;
}

/* ------------------------------------------------------------- */
/* egy teljes kepernyo szelessegu top es bottom koztuk minden    */
/* ------------------------------------------------------------- */
#bemutato-top {
	width: 100%;  
    height: 50px;
	background: #005500;
	margin: 0;
	padding: 0;              
	text-align: center;      /* this centers the container in IE 5* browsers.  */
		/* border: 1px solid #000000; */
}
#bemutato-divtop {
	width: 972px; 
    height: 50px;
	background: #448844;
	margin: 0 auto;          /* the auto margins (in conjunction with a width) center the page */
	padding: 0;              
	/* border: 1px solid #000000; */
}
#bemutato-bottom {
	width: 100%;  
    height: 50px;
	background: #005500;
	margin: 0;
	padding: 0;              
	text-align: center;      /* this centers the container in IE 5* browsers.  */
		/* border: 1px solid #000000; */
}
#bemutato-divbottom {
	width: 972px;   
    height: 50px;
	background: #448844;
	margin: 0 auto;          /* the auto margins (in conjunction with a width) center the page */
	padding: 0;              
	/* border: 1px solid #000000; */
}
/* ------------------------------------------------------------- */
/* a bigcontainerben itt egy kulso nagy keret, benne a container */
/* ------------------------------------------------------------- */
#bemutato-bigbound {
	width: 100%;  
	background: url("../image/pixel1.png") no-repeat;
	padding: 0;              /* remember that padding is the space inside the div box and margin is the space outside the div box */
    margin: 0;
}
#bemutato-bordertop {
	width: 972px;  
    height: 30px;
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}
#bemutato-borderleft {
	width: 0px;  
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;
	vertical-align: top;              
	/* border: 1px solid #000000; */
}
#bemutato-bordercontainer {
	width: 972px;  
    background: url("../image/bigcontback.jpg");
	margin: 0 auto;        /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
    /* border: 1px solid #000000; */
}
#bemutato-borderright {
	width: 0px;    
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}
#bemutato-borderbottom {
	width: 972px;  
    height: 30px;
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}

/* ------------------------------------------------------------- */
/* a containerben itt egy  keret, benne a left right side        */
/* ------------------------------------------------------------- */
#bemutato-borderbelsotop1 {
	width: 972px;  
    height: 10px;
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}
#bemutato-borderbelsotop2 {
	width: 972px;  
    height: 10px;
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}
#bemutato-borderbelsobottom1 {
	width: 972px;   
    height: 0px;
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}
#bemutato-borderbelsobottom2 {
	width: 972px;   
    height: 0px;
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	padding: 0;              
	/* border: 1px solid #000000; */
}
/* leirjuk a h1,h2,... p tagokat, ketos celbol :
   - divizio elejen vannak, margin collapse kizarva (margin:0, padding > 0)
   - meretuk, box modeljuket leirva, nem az implicit, browserenkent kulonbozo meretuek lesznek
*/
h1 {color:#eeeeff; font-size: 23px; margin: 0; padding: 11px 0;} /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
h2 {color:#eeeeff; font-size: 18px; margin: 0; padding: 9px 0;}  /* a diviziok h1,h2, -al kezdodnek, igy a margin 0 kell, ha massal kezdodnek, erre akkor is ugyelni kell */
h3 {color:#eeeeff; font-size: 14px; margin: 0; padding: 7px 0;}
h4 {color:#eeeeff; font-size: 12px; margin: 0; padding: 6px 0;}
h5 {color:#eeeeff; font-size: 10px; margin: 0; padding: 5px 0;}
h6 {color:#eeeeff; font-size:  9px; margin: 0; padding: 4px 0;}

p  {margin: 0; padding: 0;}  /* betumeret a body leirasbol */

/*   EZ EGY col3fix tipusu weblap,          */
/*   harom fix szeles oszloppal, centerezve   */

/*   ha a baloldal rovidebb, alatt a hatter */
/*   szin megmarad - ami azonos szin a jobb */
/*   oszlop hatterszinevel                  */

/* ------------------------------------------------------- */
/* innen kezdodok a ket fix oszlop plusz header footer CSS */
/* ------------------------------------------------------- */

#bemutato-header1 { 
	background: #cceeee; 
	padding:    0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    min-height: 124px; 
}
#bemutato-v2header1 { 
	padding:    0;  
	margin :    0; 
}
#bemutato-divheader1 { 
	background: url("../image/orgovanycimkep.jpg") repeat #777799; 
	padding:    0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    min-height: 124px; 
}
#bemutato-divleftheader1 { 
	float: left;             /* since this element is floated, a width must be given */
	background: #73928f; 
	padding:    0;           /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    min-height: 124px; 
	width:      250px;    /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#bemutato-divrightheader1 { 
	float: left;             /* since this element is floated, a width must be given */
	background: #83a29f; 
	padding:    0;          /* this padding matches the left alignment of the elements in the divrights that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    min-height: 124px; 
	width:      722px;     /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#bemutato-leftright1 { 
	padding:    0;  
	margin :    0; 
}
#bemutato-borderbelsoleft1 {
	float: left;             /* since this element is floated, a width must be given */
	width: 184px;  
	height: 462px; 
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	/* border: 1px solid #000000; */
}
#bemutato-borderbelsoleftb1 {
    position: relative;
    top: 10px;
    left: 10px;
	width: 164px;  
	height: 442px; 
	background: url("../image/leftmenuback.jpg") #eebb82;
	margin: 0;
	/* border: 1px solid #000000; */
}
#bemutato-leftcol1 {
	float: left;             /* since this element is floated, a width must be given */
	background: url("../image/pixel1.png") no-repeat; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:    0px 0px 0px 0px;
    margin: 0;
	min-height: 462px; /* minimalis magassag, csak a FFox tartja be, az IE nem. IE ben a height = FF beli min-height */
	width:      788px;      /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#bemutato-leftdivcol1 {
	background: url("../image/pixel1.png") no-repeat; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:    10px 0px 0px 0px;
    margin: 0;
	min-height: 452px; /* minimalis magassag, csak a FFox tartja be, az IE nem. IE ben a height = FF beli min-height */
	width:      788px;      /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#bemutato-leftdivcol1b {
	background: url("../image/meresekback.jpg") repeat-y;           /* the background color will be displayed for the length of the content in the column, but no further */
    margin: 0;
    padding: 0;
    width:      788px;      /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#bemutato-leftdivcol1bb {
    position: relative;
    top: 10px;
    left: 10px;
	background: url("../image/meresekback2.jpg") repeat-y;           /* the background color will be displayed for the length of the content in the column, but no further */
    margin: 0;
    padding: 0;
    width:      758px;                                              /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#terkep-leftdivcol1bb {
    position: relative;
    top: 0px;
    left: 10px;
    margin: 0;
    padding: 0;
    width:  758px;                                                 /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.terkepkisbetu {
    font-size: 10px;	
}
#bemutato-borderbelsoright1 {
	float: left;             /* since this element is floated, a width must be given */
	width: 0px;    
	height: 462px; 
	background: url("../image/pixel1.png") no-repeat;
	margin: 0;
	/* border: 1px solid #000000; */
}
#bemutato-footer1 { 
	background: #cceeee; 
	padding:    0px 0px 0px 0px;    /* this padding matches the left alignment of the elements in the divs that appear above it. */
	min-height: 2px; 
} 
#bemutato-v2footer1 { 
	padding:    0;  
	margin :    0; 
}
#bemutato-divfooter1 { 
	background: #777799; 
	padding:    0px 0px 0px 0px;    /* this padding matches the left alignment of the elements in the divs that appear above it. */
	min-height: 2px; 
} 
#bemutato-divleftfooter1 { 
	float: left;             /* since this element is floated, a width must be given */
	background: #73928f; 
	padding:    0;           /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #footer instead of text, you may want to remove the padding. */
    min-height: 2px; 
	width:      0px;    /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#bemutato-divrightfooter1 { 
	float: left;             /* since this element is floated, a width must be given */
	background: #83a29f; 
	padding:    0;           /* this padding matches the left alignment of the elements in the divrights that appear beneath it. If an image is used in the #footer instead of text, you may want to remove the padding. */
    min-height: 2px; 
	width:      972px;   /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#resztvevok {
    border: solid #ffffff; 
    border-width: 1px 1px 1px 1px; 
}
#resztvevok td {
	padding: 1px 5px 1px 5px;
    border: solid #ffffff; 
    border-width: 0px 1px 1px 0; 
}