html, body {
	margin: 0; padding: 0;
	height: 100%;
	background-color: #000;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 12px;
}

#center {
	width: 100%; height: 100%;
	border-collapse: collapse;
	border: 0;
	margin: 0; padding: 0;
}

#center td {
	text-align: center;
	vertical-align: middle;
	margin: 0; padding: 0;
}

#container {
	width:981px; height:612px;
	margin: 0 auto;
	border:1px solid #454545;
}

#header { position: relative; height: 30px; }
#header a span { display: none; }

div.menu {
	position: absolute;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 7px;
}

div.menu a {
	background-repeat: no-repeat;
	background-position: 0 20px;
	display: block;
	height: 16px;
}

div.menu a:hover { background-position: 0 0; }


#logo { left: 6px; width: 523px; background-image: url(images/antalglass_logo.gif); }

#menu1_hu { left: 643px; background-image: url(images/menu_impresszum_off_hu.gif); }
#menu2_hu { left: 760px; background-image: url(images/menu_termek_off_hu.gif); }
#menu3_hu { left: 875px; background-image: url(images/menu_kapcsolat_off_hu.gif); }
#menu1_hu a { width: 106px; background-image: url(images/menu_impresszum_on_hu.gif); }
#menu2_hu a { width: 104px; background-image: url(images/menu_termek_on_hu.gif); }
#menu3_hu a { width: 98px; background-image: url(images/menu_kapcsolat_on_hu.gif); }


#menu1_en { left: 643px; background-image: url(images/menu_impresszum_off_en.gif); }
#menu2_en { left: 760px; background-image: url(images/menu_termek_off_en.gif); }
#menu3_en { left: 875px; background-image: url(images/menu_kapcsolat_off_en.gif); }
#menu1_en a { width: 106px; background-image: url(images/menu_impresszum_on_en.gif); }
#menu2_en a { width: 100px; background-image: url(images/menu_termek_on_en.gif); }
#menu3_en a { width: 87px; background-image: url(images/menu_kapcsolat_on_en.gif); }


#menu1_de { left: 643px; background-image: url(images/menu_impresszum_off_de.gif); }
#menu2_de { left: 760px; background-image: url(images/menu_termek_off_de.gif); }
#menu3_de { left: 875px; background-image: url(images/menu_kapcsolat_off_de.gif); }
#menu1_de a { width: 106px; background-image: url(images/menu_impresszum_on_de.gif); }
#menu2_de a { width: 100px; background-image: url(images/menu_termek_on_de.gif); }
#menu3_de a { width: 87px; background-image: url(images/menu_kapcsolat_on_de.gif); }


#menu1_fr { left: 643px; background-image: url(images/menu_impresszum_off_fr.gif); }
#menu2_fr { left: 760px; background-image: url(images/menu_termek_off_fr.gif); }
#menu3_fr { left: 875px; background-image: url(images/menu_kapcsolat_off_fr.gif); }
#menu1_fr a { width: 106px; background-image: url(images/menu_impresszum_on_fr.gif); }
#menu2_fr a { width: 104px; background-image: url(images/menu_termek_on_fr.gif); }
#menu3_fr a { width: 98px; background-image: url(images/menu_kapcsolat_on_fr.gif); }


iframe { border: 0; margin: 0; padding: 0; }

iframe#contentfr {
	width: 981px; height: 461px;	
}

div.content {
	height: 460px;
	position: relative;
	text-align: center;
}

#gal { background: url(images/contentback.gif) repeat-x 0 0 #f2f0e8; }
#main { background: #dce3c9; }
#imp { background: #a98950; }
#contact { background: #a0a4a7; }
#product { background: #2f2f2f; }

#main p { padding: 0; margin: 5px 0; }
#main p img {
	vertical-align: middle;
	padding: 0 5px 3px 5px;
}

p.submenu {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0; margin: 5px 0;
}

p.submenu a { font-weight: normal; padding: 0 5px;}

#main p.submenu {color: #727981;}
#main p.submenu a:link {color: #727981; text-decoration: none; }
#main p.submenu a:visited {color: #727981; text-decoration: none; }
#main p.submenu a:hover {color: #adbea9; text-decoration: none; }
#main p.submenu a:active {color: #adbea9; text-decoration: none; }

#main div.scrollarea div.inner { 
	color: #50545a; 
	font-size: 11px;
}

.mainhl { color: #000;}

#imp p.submenu {color: #fff; }
#imp p.submenu a:link {color: #f6e9d1; text-decoration: none; }
#imp p.submenu a:visited {color: #e2c796; text-decoration: none; }
#imp p.submenu a:hover {color: #fff; text-decoration: none; }
#imp p.submenu a:active {color: #fff; text-decoration: none; }

#imp div.scrollarea div.inner { color: #fff; }

#product p.submenu {color: #aaa; }
#product p.submenu a:link {color: #999; text-decoration: none; }
#product p.submenu a:visited {color: #666; text-decoration: none; }
#product p.submenu a:hover {color: #fff; text-decoration: none; }
#product p.submenu a:active {color: #fff; text-decoration: none; }

#product div.scrollarea div.inner { color: #ddd; }

#contact p.submenu {color: #fff; }
#contact p.submenu a:link {color: #999; text-decoration: none; }
#contact p.submenu a:visited {color: #666; text-decoration: none; }
#contact p.submenu a:hover {color: #fff; text-decoration: none; }
#contact p.submenu a:active {color: #fff; text-decoration: none; }

#contact div.scrollarea div.inner { color: #fff; }
#contact div.scrollarea div.inner a { color: #eee; text-decoration: none; font-weight: bold;}
#contact div.scrollarea div.inner a:hover { color: #fff; text-decoration: underline;}

div.scrollarea {
	width:850px; height: 220px; 
	/*overflow: auto;*/
	overflow: hidden; 
	background-attachment: scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#main div.scrollarea { 
	background-image: url(images/mainback.jpg); 
	scrollbar-3dlight-color: #dce3c9;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #dce3c9;
	scrollbar-darkshadow-color: #dce3c9;
	scrollbar-face-color: #dce3c9;
	scrollbar-highlight-color: #f1f4e8;
	scrollbar-shadow-color: #c3cca6;
	scrollbar-track-color: #dce3c9;	
}

#imp div.scrollarea { 
	background-image: url(images/impback.jpg); 
	scrollbar-3dlight-color: #a98950;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #a98950;
	scrollbar-darkshadow-color: #a98950;
	scrollbar-face-color: #bf9e64;
	scrollbar-highlight-color: #e2c796;
	scrollbar-shadow-color: #9a7b45;
	scrollbar-track-color: #a98950;	
}

#product div.scrollarea { 
	background-image: url(images/prodback.jpg);
	scrollbar-3dlight-color: #2f2f2f;
	scrollbar-arrow-color: #999;
	scrollbar-base-color: #2f2f2f;
	scrollbar-darkshadow-color: #2f2f2f;
	scrollbar-face-color: #444;
	scrollbar-highlight-color: #555;
	scrollbar-shadow-color: #333;
	scrollbar-track-color: #2f2f2f;
}

#contact div.scrollarea { 
	background-image: url(images/contactback.jpg);
	scrollbar-3dlight-color: #2f2f2f;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #2f2f2f;
	scrollbar-darkshadow-color: #2f2f2f;
	scrollbar-face-color: #444;
	scrollbar-highlight-color: #555;
	scrollbar-shadow-color: #333;
	scrollbar-track-color: #2f2f2f;
}

div.scrollarea div.inner { padding: 0 180px 10px 0;}

div.scrollarea div.inner p { 	line-height: 15px; margin: 0 0 10px 0; }

div.scrollarea div.inner h2 {
	font-size: 13px;
	margin: 7px 0 7px 0;
}

div.scrollarea div.inner h3 {
	font-size: 12px;
	margin: 6px 0; padding: 0;
	font-weight: normal;
	color: #efa92e;
}

div.scrollarea div.inner a { color: #fff; text-decoration: underline;}
div.scrollarea div.inner a:hover { color: #fff; text-decoration: none;}

div.scrollarea div.inner ul {
	padding: 0; margin: 0;
	color: #e0e0e0;
	font-size: 12px;
	line-height: 15px;
}

div.scrollarea div.inner ul li {
	padding: 0 0 0 20px; margin: 2px 0 3px 0;
	background: url(images/listdot.gif) no-repeat 7px 0.5em;
	list-style-type: none;
}

.hl {	color: #fff !important;}

#thumbs {
	position: absolute;
	left: 12px; top: 15px;
	text-align: left;
	
	/* 
	width: 54px;
	*/
}

#thumbs .pix {
	width: 18px;
	float: left;
}

#thumbs a { display: block; width: 12px; height: 12px; text-decoration: none; margin: 0 6px 6px 0;}
#thumbs a:link { background-color: #a59f8b; }
#thumbs a:visited { background-color: #d8d4c2; }
#thumbs a:hover { background-color: #f5f3eb; }
#thumbs a:active { background-color: #efa92e; }

#thumbs .pix a { float: left; display: inline;}

a#play {
	width: 12px;
	display: block;
	background-image: url(images/play.gif);
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-color: transparent !important;
	font-size: 0;
}

a#play:hover {	background-color: transparent !important; }

a#infobtn {
	background: url(images/info.gif) no-repeat 50% 50% #efa92e; 
	display: block;
	width: 12px;
}
#thumbs a span { display: none; }

table#pic {
	position: absolute; top: 17px; left: 70px;
	width: 880px;
	height: 420px;
	margin: 0; padding: 0;
	border-collapse: collapse;
}

table#pic td {
	margin: 0; padding: 0;
	text-align: center;
	vertical-align: middle;
}

#pic img { border: 4px solid #d7d3c6; }

#info {
	position: absolute;
	bottom: 0; left: 70px;
	padding: 20px;
	width: 850px;
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	background-color: #f1eee7;
	visibility: hidden;
	line-height: 17px;
	text-transform: uppercase;
}

#info span { font-weight:normal;}

table.center {
	border-collapse: collapse;
	margin: 0 auto; padding: 0;
	height: 100%;
}

table.center td {
	margin: 0; padding: 0;
	text-align: center;
	vertical-align: middle;
}