body
{
background-image: url('grey3.jpg');
background-attachment:fixed;
}

LI {
margin: 10px; 
padding-right: 30px; 
text-align: justify;
font-family: Verdana, Tahoma, Arial, sans-serif; 
  color: #333333;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}

img { border-color: #cccccc; border-width:1px; margin: 30px;}
h4 {margin-top: 18px; margin-bottom: 6px; margin-left: 30px;}
h2 {margin-top: 6px; margin-bottom: 16px; text-align:center; font-size:32px; font-family: arial narrow, verdana, tahoma, arial, sans-serif;}

TD { font-family: Verdana, Tahoma, Arial, sans-serif; color: #333333; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px;}
a { font-family: Verdana, Tahoma, Arial, sans-serif; color: #ffffff; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; text-decoration: none; }
a:hover { font-family: Verdana, Tahoma, Arial, sans-serif; color: #ff0000; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; text-decoration: none;}



.hat {bgcolor: #F3F1E9;}
.szoros {margin: 0px; border-width: 0px;}
.keretlen {margin: 0px; border-width: 0px;}
.balszoros {margin-left: 0px; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; border-width:0px;}
.jobbszoros {margin-right: 0px; margin-left: 30px; margin-top: 30px; margin-bottom: 30px;}
.jobbszoros2 {margin-right: 10px; margin-left: 30px; margin-top: 10px; margin-bottom: 0px; border-width:0px;}
.lentfentszoros {margin-right: 10px; margin-left: 30px; margin-top: 0px; margin-bottom: 0px;}
.sotet {color: #333377;}
a:hover.sotet {text-decoration: underline overline;}
.tablakeret {margin-right: 10px;}
.jobbalszoros {margin-right: 0px; margin-left: 30px; margin-top: 30px; margin-bottom: 0px;}

.fehertext {
  background-color: rgb(255,255,255);
  border-top-color: rgb(0,0,0);
  border-top-width: 6px;
  border-bottom-color: rgb(0,0,0);
  border-bottom-width: 6px;
  border-left-color: rgb(0,0,0);
  border-left-width: 0px;
  border-right-color: rgb(0,0,0);
  border-right-width: 6px;
  text-align: justify;
  line-height: 20px;
  margin-top:10px;
  margin-bottom:6px;
  margin-left:30px;
  margin-right:30px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: #333333;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
}

.cfehertext {
  background-color: rgb(255,255,255);
  border-top-color: rgb(0,0,0);
  border-top-width: 0px;
  border-bottom-color: rgb(0,0,0);
  border-bottom-width: 6px;
  border-left-color: rgb(0,0,0);
  border-left-width: 0px;
  border-right-color: rgb(0,0,0);
  border-right-width: 6px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 20px;
  right-padding: 6px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: #333333;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
}

.szurketext {
  background-color: rgb(220,220,220);
  border-top-color: rgb(0,0,0);
  border-top-width: 6px;
  border-bottom-color: rgb(0,0,0);
  border-bottom-width: 6px;
  border-left-color: rgb(0,0,0);
  border-left-width: 0px;
  border-right-color: rgb(0,0,0);
  border-right-width: 6px;
  border-left-width: 6px;
  text-align: justify;
  line-height: 20px;
  margin: 0px;
  font-family: Arial, Verdana, Tahoma;
  color: #000000;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
}

.feketetext {
  background-color: rgb(0,0,0);
  border-top-color: rgb(0,0,0);
  border-top-width: 6px;
  border-bottom-color: rgb(0,0,0);
  border-bottom-width: 6px;
  border-left-color: rgb(0,0,0);
  border-left-width: 0px;
  border-right-color: rgb(0,0,0);
  border-right-width: 6px;
  border-left-width: 6px;
  text-align: justify;
  line-height: 20px;
  margin: 0px;
  font-family: Arial, Verdana, Tahoma;
  color: #FFFFFF;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
}

.button {
  BACKGROUND-COLOR: rgb(44,44,44);
  BORDER-BOTTOM-COLOR: rgb(255,255,0);
  BORDER-BOTTOM-WIDTH: 2px;
  BORDER-LEFT-COLOR: rgb(0,0,0);
  BORDER-LEFT-WIDTH: 2px;
  BORDER-RIGHT-COLOR: rgb(0,0,0);
  BORDER-RIGHT-WIDTH: 2px;
  BORDER-TOP-COLOR: rgb(0,0,0);
  BORDER-TOP-WIDTH: 2px;
  COLOR: rgb(255,255,255);
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  font-family: Arial, Verdana, Tahoma;
  line-height: 15px;
}

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 25px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 95%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 27px;
	padding-top: 5px;
	padding-right: 25px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
       font-size: 95%;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top right no-repeat;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top left no-repeat;
       text-size:95%;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top right no-repeat;
        text-size:95%;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
       text-size:95%;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
       text-size:95%;
}

#test li {
	display: block;
	border: solid 1px red;
}