/*******************************************************/
/*	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				  */
/*******************************************************/


#wrapper { 
	width: 		1010px; /*  */
	margin: 	auto; 
	margin-top: 10px;
}

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

#menu_container_800 { 
	width: 		1000px; /* A CSS Box szélessége, tetszőlegesen állítható */
	margin: 	0px 0px 0px 0px;
	background: url(Box2/border_l.jpg) repeat-y left; /* Bal oldali keret képe */
}

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

#border_top {
	height:		97px;
	background: url(Box2/border_t.jpg) repeat-x top; /* Felső keret képe */
}

#border_bottom {
	height:		42px;
	background: url(Box2/border_b.jpg) repeat-x bottom; /* Alsó keret képe */
}

#corner_top_left { /* Jobb felső sarok képe  */
	float: 		left;
	width: 		30px;
	height: 	97px;
	background: url(Box2/corner_tl.jpg) no-repeat left top;
}

#corner_top_right { /* Bal felső sarok képe */
	float: 		right;
	width: 		34px;
	height: 	97px;
	background: url(Box2/corner_tr.jpg) no-repeat right top;
}

#corner_bottom_left { /* Bal alsó  sarok képe  */
	float: 		left;
	width: 		30px;
	height: 	42px;
	background: url(Box2/corner_bl.jpg) no-repeat left bottom;
}

#corner_bottom_right { /* Jobb alsó  sarok képe  */
	float: 		right;
	width: 		34px;
	height: 	42px;
	background: url(Box2/corner_br.jpg) no-repeat right bottom;	
}

#header_text {
	padding: 	9px 30px 9px 34px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal felső sarkának szélességét */
	color: 		#F60;
	font-family: Arial, Times, serif;
	font-size: 1.4em;
	text-align: center;
	letter-spacing:0.5em;
	font-weight:bolder;
}
#header_text2 {
	padding: 	9px 30px 9px 34px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal felső sarkának szélességét */
	color: #F60;
	font-family: Arial, Times, serif;
	font-size:16px;
	text-align: center;
}
#header_text3 {
	padding: 	9px 30px 9px 34px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal felső sarkának szélességét */
	color: #F60;
	font-family: Arial, Times, serif;
	font-size:1.2em;
	text-align: center;
}

#content {
	position: 	relative;
	margin: 	0px 21px 0px 21px; /* 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: 	0px; 
	color: 		#555; 
	font-family: Arial, Times, serif; 
	line-height:1.0em;
	text-align:center;
	/* 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; */
}

#content2 {
	position: 	relative;
	margin: 	0px 0px 0px 0px; /* 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: 	0px; 
	color: #000; 
	font-family: Arial, Times, serif; 
	line-height:1.3em;
	text-align:center;
	/* 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; */
}

#content_bg_kep {
	margin:		0px 21px 0px 21px;
	
}

.bg_piros {
	margin: 	0px 21px 0px 21px;
}

.bg_kek {
	margin: 	0px 21px 0px 21px;
}

.footer_text {
	text-align:	center;
}

.float_left {
	float:		left;
}

.clear {
	clear:		both;
}