/*******************************************************/
/*	CSS Box tutorial							   */
/* 	Made by: ViziUbi					 		   */
/* 	Date: 2008.12.09					 		   */
/* 	Tutorial: http://www.tutorial.hu/css-box/		  	  */
/*	Email: viziubi@gmail.com			 		   */
/*	GNU GENERAL PUBLIC LICENSE				  */
/*******************************************************/

.menu_container { 
	width: 		430px; /* A CSS Box szélessége, tetszőlegesen állítható */
	background:	url(images/b_b.jpg) repeat-y left; /* Bal oldali keret képe */
}

.border_right {
	background:	url(images/b_j.jpg) repeat-y right; /* Jobb oldali keret képe */
}

.border_top {
	height:		19px;
	background:	url(images/b_f.jpg) repeat-x top; /* Felső keret képe */
}

.border_bottom {
	height:		25px;
	background:	url(images/b_a.jpg) repeat-x bottom; /* Alsó keret képe */
}

.corner_top_left { /* bal felső sarok képe  */
	float: 		left;
	width: 		21px;
	height: 	55px;
	background:	url(images/b_bf.jpg) no-repeat left top;
}

.corner_top_right { /* jobb felső sarok képe */
	float: 		right;
	width: 		21px;
	height: 	55px;
	background:	url(images/b_jf.jpg) no-repeat right top;
}

.corner_bottom_left { /* Bal alsó  sarok képe  */
	float: 		left;
	width: 		21px;
	height: 	25px;
	background:	url(images/b_ba.jpg) no-repeat left bottom;
}

.corner_bottom_right { /* Jobb alsó  sarok képe  */
	float: 		right;
	width: 		21px;
	height: 	25px;
	background:	url(images/b_ja.jpg) no-repeat right bottom;
}

.bg {
background: #E2E2E2 none repeat scroll 0 0;
margin-top: -30px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: -30px;
}

.header_text {
	padding: 	9px 21px 0px 21px; /* A szöveg igazításánál figyelembe vesszük a corner_top_left és corner_top_right szélességét */
	color: 		#000000;
	font-family: Verdana;
	font-size:	1.2em;
	text-align:	center;


}

.content {
	position: 	relative;
	margin: 	0px 10px 0px 10px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal oldali keretének szélességét */
	padding: 	10px;
	color: 		#555;
	font-family: Verdana;
	line-height:1.3em;
		margin-top: 30px;
		margin-bottom: 10px;

	/* A CSS Box magassága opcionálisan állítható. Ha ki van kommentezve a "height: 400px;" akkor tartalomhoz igazodik a CSS Box mérete */
	/* Ha a kommentezést eltávolítod akkor fix magasság adható meg. FIGYELEM! Ebben az esetben a szöveg túlfuthat a doboz területén, 	*/
	/* ezt leginkább fix tartalomnál (pl.: kép)  használd, az alsó és felső keret nagysága pedig ebben az értékben nincs benne */
	/* height: 400px; */
}