/*
Simon Dóra weboldalanak stíluslapja v4
 */

.nodisplay {display:none;}

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
/* 	background: #483004; */
	background: #483004 url('elements/mainbg_szincseres3.jpg' ) top center;
}

#contentLeft, #contentRight{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 197px; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
	background: #fcecc0 url("elements/ypatternl.jpg") repeat-y;
/* 	background-color: transparent; */
}

#contentRight{
	left: auto;
	right: 0; 
	width: 197px; /*Width of right frame div*/
	background: #fcecc0 url("elements/ypatternr.jpg") repeat-y left;
/* 	background-color: white; */
	color: white;
}

/* body.index */
#maincontent{
	position: fixed; 
	top: 0;
	left: 197px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 197px; /*Set right value to WidthOfRightFrameDiv*/
	bottom: 0;
	overflow: hidden; 
/* 	background: #483004; */
/* 	display: table-cell; */
	text-align: center;
/* 	vertical-align: center; */
}

* html body{ /*IE6 hack*/
	padding: 0 197px 0 197px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

/*#leftiframe{
	margin-top: 0;
	border: 0;
	height: 100%;
}
body.mainmenuhu{
	padding: 0 0;
	background: #fcecc0 url("elements/ypatternl.jpg") repeat-y;
}
#centeriframe{
	border: 0;
	height: 100%; 
	max-height: 100%; 
	width: 100%; 
	max-width: 100%; 

}*/
/*body.maincenter{
	padding: 0 0;
	background: #483004 url('elements/mainbg_szincseres3.jpg' ) top center;
}*/

/*#rightiframe{
	border: 0;
	margin-top: 0;
	height: 100%;
}*/

body.langmenu{
	padding: 0 0;
	margin-top: 150px;
	background: #fcecc0 url("elements/ypatternr.jpg") repeat-y left;
}



/*
Main menu on the main page in the left div. Some items are the same on the right side menu too!
*/
#mainmenudiv{
	width: 129px;
/* 	margin: 0 75px 0 16px; */
	margin-left: 14px;
}

#menu1, #menu2{
	/*background: black;*//*#3b0300;*/
	color: #fcecc0;/*#FFF75B;*/
	margin:130px 0 0 0;
	height: 500px;
	width: 129px;
/* 	padding: 0 0; */
/*	font-weight:bold;
	font-size:14px;
	text-align:center;
	font-family: "century gothic", arial, helvetica, "Lucida Bright", sans-serif;*/
}
#menu2{
	margin: 156px 0 0 0;
/* 	padding: 0 0 0 60px; */
/* 	width: 176px; */
}
ul.mainnavi, ul.langnavi, ul.aboutnavi{
	background: transparent;/*#3b0300;*/
 	margin:0 0 0 0;
	padding:0 0;
	list-style:none;
	text-align: center;
	height:500px;
}
/*ul.langnavi{
	margin: 0 24px 0 60px;
}*/
ul.mainnavi li, ul.langnavi li{background: transparent;padding: 0 0; margin: 0 0; height: 52px;}
ul.mainnavi li a, ul.langnavi li a, ul.aboutnavi li a, ul.aboutnavi li img{background: transparent;display:block;}
ul.mainnavi li a.navi_fooldhu:link,ul.mainnavi li a.navi_fooldhu:visited, ul.mainnavi li a.navi_fooldhu:active{margin: 1px auto;width: 90px;
	height: 52px;
	background:transparent url('elements/fooldal_norm.png') 0px 0px no-repeat;
}
ul.mainnavi li a.navi_fooldhu:hover{margin: 1px auto;width: 90px;height: 52px;
	background:transparent url('elements/fooldal_hover.png') no-repeat;
}
ul.mainnavi li a.navi_bemuthu:link, ul.mainnavi li a.navi_bemuthu:visited, ul.mainnavi li a.navi_bemuthu:active{margin: 1px auto;width: 123px;
	height: 52px;
	background:url('elements/bemutatkozas_norm.png') no-repeat;
}
ul.mainnavi li a.navi_bemuthu:hover{margin: 1px auto;width: 123px;height: 52px;
	background:transparent url('elements/bemutatkozas_hover.png') no-repeat;
}
ul.mainnavi li a.navi_galerhu:link, ul.mainnavi li a.navi_galerhu:visited, ul.mainnavi li a.navi_galerhu:active{margin: 1px auto;width: 74px;
	height: 52px;
	background:transparent url('elements/galeria_norm.png') no-repeat;
}
ul.mainnavi li a.navi_galerhu:hover{margin: 1px auto;width: 74px;height: 52px;
	background:transparent url('elements/galeria_hover.png') no-repeat;
}
ul.mainnavi li a.navi_kapcshu:link, ul.mainnavi li a.navi_kapcshu:visited, ul.mainnavi li a.navi_kapcshu:active{margin: 1px auto;width: 107px;
	height: 52px;
	background:transparent url('elements/kapcsolat_norm.png') no-repeat;
}
ul.mainnavi li a.navi_kapcshu:hover{margin: 1px auto;width: 107px;height: 52px;
	background:transparent url('elements/kapcsolat_hover.png') no-repeat;
}

/*
Language menu on the main page on the left frame
*/
#langmenudiv{
	width: 129px;
/* 	margin: 0 15px 0 75px; */
	
	margin-left: 54px;
}

ul.langnavi li a.navi_hu:link,ul.langnavi li a.navi_hu:visited, ul.langnavi li a.navi_hu:active{margin: 1px auto;width: 92px;height: 52px;
	background: url('elements/magyar_norm.png') 0px 0px no-repeat;
}
ul.langnavi li a.navi_hu:hover{margin: 1px auto;width: 92px;height: 52px;
	background: url('elements/magyar_hover.png') no-repeat;
/* 	#358d03: lightgreen of hover  */
}
ul.langnavi li a.navi_en:link,ul.langnavi li a.navi_en:visited, ul.langnavi li a.navi_en:active, ul.langnavi li a.navi_en:hover{margin: 1px auto;width: 80px;height: 52px;
	background: url('elements/english_inactive.jpg') 0px 0px no-repeat;
}
ul.langnavi li a.navi_de:link,ul.langnavi li a.navi_de:visited, ul.langnavi li a.navi_de:active, ul.langnavi li a.navi_de:hover{margin: 1px auto;width: 90px;height: 52px;
	background: url('elements/deutsch_inactive.jpg') 0px 0px no-repeat;
}

/*
ul.langnavi li a.navi_en:link,ul.langnavi li a.navi_en:visited, ul.langnavi li a.navi_en:active{margin: 1px auto;width: 80px;height: 52px;
	background: url('elements/english_norm.png') 0px 0px no-repeat;
}
ul.langnavi li a.navi_en:hover{margin: 1px auto;width: 80px;height: 52px;
	background: url('elements/english_hover.png') no-repeat;
}
ul.langnavi li a.navi_de:link,ul.langnavi li a.navi_de:visited, ul.langnavi li a.navi_de:active{margin: 1px auto;width: 90px;height: 52px;
	background: url('elements/deutsch_norm.jpg') 0px 0px no-repeat;
}
ul.langnavi li a.navi_de:hover{margin: 1px auto;width: 90px;height: 52px;
	background: url('elements/deutsch_hover.jpg') no-repeat;
}
*/

/*Center div on the main page*/

#framecontentTop, #framecontentBottom{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 225px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/* 	background-color: transparent; */
	color: white;
}

/*az innertube csak ideiglenes!!!*/
#innertube{
	position: relative;
	text-align: center;
	margin-top: 240px;
}


#framecontentBottom{
	top: auto;
	bottom: 0; 
	height: 225px; /*Height of bottom frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/* 	background-color: transparent; */
	color: white;
}

/*#maincontent{
	position: fixed; 
	top: 225px; /*Set top value to HeightOfTopFrameDiv*/
/*	left: 0;
	right: 0;
	bottom: 230px; /*Set bottom value to HeightOfBottomFrameDiv*/
/*	overflow: auto; 
}
*/

#logodiv{
	margin-top: 20px;
	text-align:center;
/* 	display: table-cell; */
}
#decorpicdiv{
	height: 200px;
	background: url("elements/decorpic.jpg") center no-repeat;
	text-align: center;
	margin-bottom: 20px;
}

div[id="decorpicdiv"] {
	background: url("elements/decorpic.png") center no-repeat !important;
/*	height: 200px;
	text-align: center;
	margin-bottom: 20px;*/
}

/*for the align of the pictures in the gallery*/
body.gallery {
	background: #483004 url('elements/gallerybg_szinatm_lekep.jpg' ) top center;
}
body.gallery #gallerycontent{
	width:500px;
	top: 10px;
	margin: 0 auto;
}
.wraptocenter{
	height:500px;
	width:600px;
	margin: 0 auto;
	display: table-cell; 
	text-align: center;
	vertical-align: middle;
	font-size:543px;
}
.wraptocenter img{
	vertical-align: middle;
}
/* About page's settings */

body.about{
	background: #826425;
}
#aboutcontent{
	width:600px;
	top: 10px;
	margin: 0 auto;
	text-align: center;
}
/*body.abouthu #aboutcontent img{
	width: 600px;
}
*/
#abouthu1{
	width:600px;
}
#aboutmenu{
	width: 90px;
	height: 52px;
	padding: 0 0;
	margin: 0 auto;
}
ul.aboutnavi{
	/*background: transparent;/*#3b0300;*/
	padding:0 0;
	list-style:none;
	text-align: center;
	width: 90px;
	height:52px;
}
ul.aboutnavi li{background: transparent;float:left;padding: 0 0; margin: 1px 0; height: 52px;width:30px}
#navi_1_1, #navi_2_2, #navi3_2{
	width: 30px;
	height:52px;
	font-size:10px;
	margin-top: 1px;
/* 	display:block; */
/* 	float:left; */
}
ul.aboutnavi li a.navi_2_1:link,ul.aboutnavi li a.navi_2_1:visited, ul.aboutnavi li a.navi_2_1:active{
	margin: 1px auto;width: 30px;height: 52px;background: url('elements/2_norm.png') 0px 0px no-repeat;
}
ul.aboutnavi li a.navi_2_1:hover{margin: 1px auto;width: 30px;height: 52px;
	background: url('elements/2_hover.png') no-repeat;
/* 	#358d03: lightgreen of hover  */
}

ul.aboutnavi li a.navi_1_2:link,ul.aboutnavi li a.navi_1_2:visited, ul.aboutnavi li a.navi_1_2:active{
	margin: 1px auto;width: 30px;height: 52px;background: url('elements/1_norm.png') 0px 0px no-repeat;
}
ul.aboutnavi li a.navi_1_2:hover{margin: 1px auto;width: 30px;height: 52px;
	background: url('elements/1_hover.png') no-repeat;
/* 	#358d03: lightgreen of hover  */
}
ul.aboutnavi li a.navi_3_1:link,ul.aboutnavi li a.navi_3_1:visited, ul.aboutnavi li a.navi_3_1:active{
	margin: 1px auto;width: 30px;height: 52px;background: url('elements/3_norm.png') 0px 0px no-repeat;
}
ul.aboutnavi li a.navi_3_1:hover{margin: 1px auto;width: 30px;height: 52px;
	background: url('elements/3_hover.png') no-repeat;
/* 	#358d03: lightgreen of hover  */
}

/*
Contact page
*/
body.contact{
	background: #826425;
}
body.contact #contactcontent{
	width:600px;
	top: 10px;
	margin: 0 auto;
	text-align: center;
}
/*a.biggermaplink, a.biggermaplink:hover, a.biggermaplink:visited{
	color: #fcecc0;
}*/

/*
Gallery
*/
#previewPane{
/* 	border:1px solid #000; */
	border: 0;
/* 	margin-right:10px;	 */
	margin: 50px auto 0 auto;
	text-align:center;
	vertical-align:middle;
/* 	padding-top:30px; */
	
	
	/* CSS HACK */
	height: 452px;	/* IE 5.x */
	height/* */:/**/420px;	/* Other browsers */
	height: /**/420px;
	
	width:580px;		
/* 	float:left; */
			
}
#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#fcecc0;
	border:3px double #000;
	padding:4px;
	color:#a21d00;
	font-size:0.9em;
	font-style:italic;
	font-family: Tagettes, "Palatino Linotype", serif;	
}	
#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	margin-top: 10px;
	font-style:italic;
	/*font-weight: bold;*/
	text-align:center;
	font-family: Tagettes, "Palatino Linotype", serif;	/* Font to use */
	/*font-family: Georgia;*/
	font-size:20px;
	color: #fcecc0;
}


.thumbs{
	background: #fcecc0 url("elements/ypatternr.jpg") repeat-y left;
	text-align:center;
}

#galleryContainer{	/* Big Div surrounding up image, list of images and down image This version is intended for IE */
	/*float:left;	/* Floating */
	position:absolute;
	top: 0;
	right: 27 px;
	/* CSS HACK */
	width: 104px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/100px;	/* Other browsers */
	width: /**/100px;
			
/*	border:1px solid #000;	/* Black border */		
	border: 0;
/*	padding:1px;	/* A little space between the black border and the content inside */
/*	margin: 0 0 0 60px;*/
	padding: 0 0;	
}
div[id="galleryContainer"]{	/* Big Div surrounding up image, list of images and down image */
	/*float:left;	/* Floating */
	/*position:absolute; */
	width: 100px;
	border: 0;
	margin: 0 0 0 70px;
	padding: 0 0;
}

#noname{
	width: 100px;
	margin: 0 0;
	padding: 0 0;
}
#galleryContainer #arrow_down{	/* Arrow down image */
	height:35px;
}
#galleryContainer #arrow_up{
	height:35px;	/* Arrow up image */
}

#theImages{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
/* 	height:375px;	/* Height of boxes for the images */
/* 	height: 100%; */
}
#theImages div{	
	position:relative;	/* Don't change this */
	height:14000px;	/* Higher than total height of thumbnails */
	
}
#theImages img{
	border:0px;	/* No border */
	filter:alpha(opacity=80);	/* Transparency - IE */
	opacity:0.8; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */
}

#theImages .imageCaption{
	display:none;
}

/*

#thumbswrapper{
	width:197px;
/* 	height: 500px; */
/*
	overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
/*
}
.thumbnail img{
	border: 1px solid #fcecc0;
	margin: 10px 0 10px 40px;
/* 	clear: both; */
/*
}
.thumbnail:hover img{
	border: 1px solid #826425;
}
#thumbscontent{
 	height:99%;
	width:145px;
	margin: 0 auto;
	overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
/*
	text-align: center;
}
#thumbscontent img{
/* 	vertical-align: middle; */
/*
	width: 105px;
	height:105px;
}
*/