/*******************************************************/
/*	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: 		250px; /* 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_left { 
	width: 		250px; /* 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_right { 
	width: 		250px; /* 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_bottom { 
	width: 		950px; /* 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_middle { 
	width: 		450px; /* 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: 		950px; /* 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_full { 
	width: 		950px; /* 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_text2_left {
	padding: 	19px 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:18px;
	text-align: center;
}

#header_text2_right {
	padding: 	19px 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:18px;
	text-align: center;
}

#header_text2_bottom {
	padding: 	10px 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:18px;
	text-align: center;
}

#header_text2_middle {
	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:22px;
	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;
	height:300px;
	/* 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_top {
	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;
	height:330px;
	/* 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_left {
	position: 	relative;
	margin: 	5px 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: #F00; 
	font-family: Arial, Times, serif; 
	line-height:1.2em;
	text-align:center;
	height:200px;
	font-weight:bold;
	/* 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_right {
	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;
	height:200px;
	/* 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_bottom {
	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;
	height:200px;
	float:none;
	/* 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_middle {
	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:    15px 0px 15px 0px; 
	color: #F60; 
	font-family: Arial, Times, serif; 
	line-height:1.3em;
	text-align:left;
	height:300px;
	font-weight:bold;
	/* 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;
}
<!-- DO NOT MOVE! The following AllWebMenus code must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR sidemenu ******** -->
<script type='text/javascript'>var MenuLinkedBy='AllWebMenus [4]',awmMenuName='sidemenu',awmBN='DW';awmAltUrl='';</script>
<script charset='UTF-8' src='sidemenu.js' type='text/javascript'></script>
<script type='text/javascript'>awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR sidemenu ******** -->


<!--
/* This is the background image */
#bg {
width: 200px;
height: 41px;
background: url(Logo/Dewalt.jpg) repeat;
border: 0px solid black;
}

/* This is the transparent box */
#transbox {
width: 600px;
height:41px;
margin: 0 0px;
background-color: #fff;
border: 2px solid black;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

/* This is the container which set text to solid color.
position: relative used for IE */
#transbox div {
padding: 20px;
font-weight: bold;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}
-->

/* Links
 ------------ */
a:link {
   color: #F00;
   text-decoration: none;
}

a:active,
a:visited {
   color: #005784;
   text-decoration: none;
}

a:hover {
   color: #D46400;
   text-decoration: underline;
} 

</style>