/* -------------------------------------------------------------------------------- */
/*                              POWERQUATTRO PAGE LAYOUT                            */
/* -------------------------------------------------------------------------------- */

/* Page elements: 
body
   (_logo _lang _menu || _pagemiddle(banner content(menutitle [submenu] [floater] doc) contact credits) || _randompics) */

body
	{
	background: #efefef;
	}

/* ----------------------- */
/*     Left Hand Side      */
/* ----------------------- */
div.logo
	{
	position: absolute;
	top: 10px;
	left: 30px;
	width: 100px;
	height: 100px;
/*	background:url("imgs/logo.png") no-repeat left top;*/
	}

div.logo img
    {
	border-width: 0; /* no need for link border */
	}

div.lang
	{
	position: absolute;
	top: 145px;
	left: 20px;
	width: 130px;
	font-size: 0px; /* spaces between flags */
	}

div.lang img
	{
	border-style: solid;
	border-width: 1px;
	border-color: #000000; 
	height: 18px;
	width: 34px;
	margin-right: 2px; /* flag separation */
	}

div.menu
	{
	position: absolute;
	top: 201px;
	left: 10px;
	width: 120px;
	z-index:1;
	}

/* ----------------------- */
/*      Middle/Center      */
/* ----------------------- */
div.pagemiddle
	{
	position: absolute;
	top: 10px;
	left: 180px;
	right: 170px;
	z-index: 2;
	}

div.banner
    {
	width:500px;
	height:100px;
/*	background:url("imgs/banner_hun.png") no-repeat left top;*/ /* banner is different for every language */
	}

div.banner img
    {
	border-width:0;
	}

/* placeholder to push the contact info below the menu */
div.floater
	{
	float: left;
	width: 1px;
	height: 1px;
	margin-bottom:220px;
	overflow: hidden;
	}

/* menutitle, submenu, doc */
div.content
	{
	}

div.menutitle 
    {
	text-align: center;
    margin-top: 25px;
	margin-bottom: 10px;
    }

div.menutitle h1
    {
	display: inline;
	font-style: italic;
	font-weight: bold;
	font-size: 30px;
	padding: 2px;
    
	/*border-width: 2px;
	border-style: solid;*/
	}

div.menutitle img
	{
	}

/*
div.menutitle span
    {
	font-family: Arial, sans-serif;
	border-width: 2px;
	border-style: solid; 
	}
*/

/* submenu, doesn't have margin collapsing, because it floats */
div.submenu 
    {
    margin-top: 15px;
    margin-bottom: 25px;
	}

/* general document content*/
div.doc
    {
	margin-top: 30px;
	text-align: justify;
	}

address.contact
	{
	margin-top: 30px;
	border-width: 2px;
	border-style: solid;
/*	background: #AACCFF;*/
	background: #A8FF80;
	font-style: italic;
	text-align: center;
/*	clear: left;*/
	}

div.credits
	{
	font-size: 75%;
	font-style: italic;
	text-align: center;
	}

/* ----------------------- */
/*     Right hand side     */
/* ----------------------- */
div.randompics
    {
	position:absolute;
	right: 10px;
	top: 10px;
	width: 130px;
	z-index: -1;
	}

div.randompics > *
    {
	/*  
	margin-bottom: 20px;
	border-style:solid;
	border-width: 2px;
	border-color: #000000;
	*/
	}

div.randompics img
    {
    margin-bottom: 20px;
	border-style:solid;
	border-width: 2px;
	border-color: #000000;
	width: 130px;
	}

div.randompics a
	{
	text-decoration: none;
	border: 0;
	}

/* -------------------------------------------------------------------------------- */
/*                              POWERQUATTRO PAGE CONTENT                           */
/* -------------------------------------------------------------------------------- */

/* ------------------------ */
/*   General page content   */
/* ------------------------ */
a img
	{
	border-width: 0px;
	}

div.docimg
	{
	text-align:center;
	}

.floatleft
	{
	float: left;
	}

.floatright
	{
	float: right;
	}

.clearleft
	{
	text-align: left;
	clear: none;
	}

.clearright
	{
	text-align: right;
	clear: none;
	}

/* alternate text for CSS disabled browsers - needed for css image links (in products) (as well as title=".." instead of alt) */
.alt
	{
	display: none;
	}

/* ------------------------ */
/*   Special page content   */
/* ------------------------ */

/* Publication table - pub.html*/
.pubtable
	{
	border-collapse: collapse;
	border-color: #000000;
	border-width: 1px;
	border-style: outset;
	}

.art
	{
	}
.ea2007
	{
	}
.ea2002
	{
	}

.pubtable td
	{
	border-color: #000000;
	border-width: 1px;
	border-style: inset;
	}

.pubauthor
	{
	font-style: italic;
	font-weight: bold;
	font-size: small;
	background-color: #dedede;
	color: #000000;
    width: 18%;
	text-align: left;
	}

.pubtitle
	{
	background-color: #dedede;
	color: #000000;
	}

.pubcomment
	{
	font-size: x-small;
	height: 1em;
	background-color: #dedede;
	color: #000000;
	}

.pubdownload
	{
	background-color: #dedede;
	color: #000000;
	font-size: 0px;
	width: 50px;
	text-align: center;
	}

.pubdownload img
	{
	border: 0px;
	height: 48px;
	}

/* Reference table - ref.html */
.reftable
	{
	border-collapse: collapse;
	border-color: #000000;
	border-width: 1px;
	border-style: outset;
/*	color: #000000;*/
	}

.reftable td
	{
	border-color: #000000;
	border-width: 1px;
	border-style: inset;
	}

.refyear
	{
	color: #006666;
	}

.refcompany
	{
	color: #965804;
	}

.refproduct
	{
	font-style:italic;
	font-size:small;
	}

/* Products - prod.html */

.prodmainpic img
	{
		padding-top: 20px;
	}

.prodmainpic div
	{
		text-align: center;
	}

.prodmenu
	{
	}

.prodbtnmenu
	{
		margin-top: 30px;
	}

.prodbutton
	{
		display: block;
		width: 70px;
		height: 69px;
		float: left;
/*		margin: 0 auto;*/
	}

.prodtitlebutton
	{
		display: inline-block;
		width: 70px;
		height: 69px;
		vertical-align: middle;
	}

/* :hover for empty categories should be commented out */
.acdc {background-image:url("imgs/acdc_off.gif");}
.acdcon {background-image:url("imgs/acdc_on.gif");}
.acdc:hover {background-image:url("imgs/acdc_hl.gif");}

.dcac {background-image:url("imgs/dcac_off.gif");}
.dcacon {background-image:url("imgs/dcac_on.gif");}
.dcac:hover {background-image:url("imgs/dcac_hl.gif");}

.dcdc {background-image:url("imgs/dcdc_off.gif");}
.dcdcon {background-image:url("imgs/dcdc_on.gif");}
/*.dcdc:hover {background-image:url("imgs/dcdc_hl.gif");}*/

.batt {background-image:url("imgs/batt_off.gif");}
.batton {background-image:url("imgs/batt_on.gif");}
/*.batt:hover {background-image:url("imgs/batt_hl.gif");}*/

.pow {background-image:url("imgs/pow_off.gif");}
.powon {background-image:url("imgs/pow_on.gif");}
.pow:hover {background-image:url("imgs/pow_hl.gif");}

.rail {background-image:url("imgs/rail_off.gif");}
.railon {background-image:url("imgs/rail_on.gif");}
.rail:hover {background-image:url("imgs/rail_hl.gif");}

.misc {background-image:url("imgs/misc_off.gif");}
.miscon {background-image:url("imgs/misc_on.gif");}
/*.misc:hover {background-image:url("imgs/misc_hl.gif");}*/

.prodmodules table,
.prodtypes table
	{
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 0;
		text-align: center;
	}

table .T-head1 {  color: #00FFFF; background-color: #000099; font-weight: bold; font-size: 16px;}
table .T-head2 {  color: #0000FF; background-color: #CCCCCC; font-weight: bolder; font-size: 14px}
table .Cell1 {  color: #FFFF00; background-color: #006099; font-weight: bold}
table .Cell2 {  color: #FFFFFF; background-color: #006099 }
table .Cell3 {  color: #FFFFFF; background-color: #006099; font-weight: bold}
table .CellDisabled {  color: #FFFFFF; background-color: #777777 }

.prodtypemarks table
	{
		font-family: Arial, Helvetica, sans-serif;
		border: none;
	}

.prodtypemarks table td
	{
		font-size: 0.8em;
		font-weight: bold;
		color: #CCCCCC;
	}

.prodtypemarks table th
	{
		color: #00FFFF;
		text-align: center;
	}

.prodtypemarks .color1	{background-color:#009099;}
.prodtypemarks .color2	{background-color:#008899;}
.prodtypemarks .color3	{background-color:#008099;}
.prodtypemarks .color4	{background-color:#007899;}
.prodtypemarks .color5	{background-color:#007099;}
.prodtypemarks .color6	{background-color:#006899;}
.prodtypemarks .color7	{background-color:#006099;}
.prodtypemarks .color8	{background-color:#005899;}
.prodtypemarks .color9	{background-color:#005099;}