@charset "utf-8";
/* CSS Document for HF Technology (C) 2008, Gorter Advisie */

body				{		width: 100%;
							height: 100%;
							margin: 0px;
							background-color: #000C36;
							font-family: Verdana, Arial, Helvetica, sans-serif, Calibri;
							font-weight: bold;
							font-size: 11px;
							color: #FFFFFF;
							line-height: 150%;
							
							
					}

a					{		color: #FFFFFF;
					}

img					{		border:none
					}

h1					{ 		font-size:14px;
							font-weight: normal;
							letter-spacing:5px;
							margin-top: 10px;
							margin-bottom: 20px;							
					}			

h2					{ 		font-size:12px;
							margin-top: 30px;
					}		

h3					{ 		font-size:12px;
							margin-top: 30px;
							margin-bottom: 0px;
							padding-left: 28px;
					}						
					
.sidepicsfirst		{		border: 1px solid #FFFFFF;
							margin-top: 400px;
							margin-left: 15px;
					}

.sidepics			{		border: 1px solid #FFFFFF;
							margin-bottom: 20px;
					}
					
.sidepicsproducts	{		border: 1px solid #FFFFFF;
							margin-bottom: 3px;
							margin-right:3px;
					}
					
.sidepicslast		{		border: 1px solid #FFFFFF;
							margin-bottom: 3px;
							margin-right:3px;
					}

.newspics			{		border: 1px solid #FFFFFF;
							margin-left: 15px; 
							margin-top:4px
					}

.contactpic			{		border: 1px solid #FFFFFF;
							margin-right: 5px;
					}

#bg					{ 		position: absolute;
							left: 50%;
							width: 1000px;
							background-image: url(../images/bgloop.jpg);
							background-repeat:repeat-y;					
							height:100%;
							margin-left: -500px;
							vertical-align:bottom;
							border-right:1px solid #FFFFFF;
							border-left: 1px solid #FFFFFF;
							z-index: 100
					}

							/*to keep the globe on the bottom */
#bgplacer			{		position:absolute;
							bottom: 0px;
							
					}


#headerbg			{		position: absolute;
							width: 976px;
							height: 156px;
							_height: 162px;
							background-color: #000C36;
							filter:alpha(opacity=70);
							opacity: 0.70;
							left: 50%;
							margin-left: -488px;
							top: 10px;
							z-index: 200;
					}

#headerwrap			{		position: absolute;
							width: 956px;
							height: 136px;
							left: 50%;
							margin-left: -488px;
							top: 10px;
							border: 1px solid #FFFFFF;
							padding: 10px;
							z-index: 210;
					}

#rohs				{		position: absolute;
							width: 30px;
							height: 20px;
							left: 50%;
							margin-left:452px;
							top: 105px;
							z-index: 220;
					}

#setlanguage		{		position: absolute;
							width: 30px;
							height: 20px;
							background-color:#FF0000;
							left: 50%;
							margin-left:452px;
							top: 140px;
							z-index: 220;
					}


#menubg				{		position: absolute;
							width: 976px;
							background-color: #000C36;
							filter:alpha(opacity=70);
							opacity: 0.70;
							left: 50%;
							margin-left: -488px;
							top: 180px;
							
							z-index: 200;
					}

#menuwrap			{		position: absolute;
							width: 976px;
							left: 50%;
							margin-left: -488px;
							top: 180px;
							background-color: #000C36;
							border: 1px solid #FFFFFF;
							z-index: 300;
							
					}

#contentbg			{		position: absolute;
							width: 976px;
							background-color: #000C36;
							filter:alpha(opacity=70);
							opacity: 0.70;
							left: 50%;
							margin-left: -488px;
							top: 230px;
							bottom: 73px;
							z-index: 200;
					}

#contentoutside		{		position: absolute;
							width: 976px;
							left: 50%;
							margin-left: -488px;
							top: 230px;
							bottom: 73px;
							border: 1px solid #FFFFFF;
							overflow-y:auto;
							overflow-x:hidden;
							font-size: 12px;
							line-height: 22px;
							z-index: 210;
					}

#contentinside		{		position: absolute;
							width: 960px;
							font-weight: 100;
							margin-top: 11px;
							margin-left: 10px;
							letter-spacing: 1px;
							line-height:18px;
					}

#nawbg				{		position: absolute;
							width: 966px;
							height: 40px;
							background-color: #000C36;
							filter:alpha(opacity=70);
							opacity: 0.70;
							left: 50%;
							margin-left: -488px;
							bottom: 10px;
							border: 1px solid #FFFFFF;
							padding: 5px;
							z-index: 200;
							
					}


#naw				{		position: absolute;
							width: 946px;
							height: 30px;
							left: 50%;
							margin-left: -473px;
							letter-spacing: 1px;
							bottom: 30px;
							_bottom: 13px;
							color: #FFFFFF;
							font-size:10px;
							z-index: 300;
					}
					
.newsitemcontainer	{		
					}

.newsseparator		{		border-bottom: 1px solid #FFFFFF;
							margin-top: 20px;
							margin-bottom: 20px;
							display: block
					}


.menubutton 		{		float: left;
							
							height: 25px;
							line-height:25px;
							padding-left:10px;
							border-bottom: 1px solid #FFFFFF;
							color: #FFFFFF;
					}

.subbutton			{		width: 178px;
							height: 15px;
							line-height:15px;
							border-bottom: 1px solid #FFFFFF;
							padding-left:10px;
							font-size: 9px;
							color: #FFFFFF;
							
					}

.pagetitle			{		font-size:14px;
							letter-spacing:5px;
					}

.slideshow			{		margin-top: 5px;
							margin-bottom: 20px;
					}

.slideshow img		{		border: 1px solid #FFFFFF;
					}
					

/* FORM DECORATIONS */

.textfield			{		width: 330px;}

/*MENU */

ul.topnav {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left;
	font-size: 12px;
	}
	
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/;
	margin-left: 2px;
}

ul.topnav li a{
	padding:10px 15px;
	color: #FFF;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(/images/subnav_btn.png) no-repeat center top;
}

ul.topnav li span.subhover {
	background-position: center bottom; cursor: pointer;
	} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 36px;
	background-color: #000C36 ;
	margin: 0;  
	padding:0; 
	width: 320px;
	display: none;
	float: left;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin-left: -1px;

}
ul.topnav li ul.subnav li{
	margin: 0; 
	padding: 0;
	clear: both;
	line-height: 25px;	
}

html ul.topnav li ul.subnav li a {
	float: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

html ul.topnav li ul.subnav li:hover { /*--Hover effect for subnav links--*/
	background-color: #999;
	width: 100%
	
}

.filterTable {
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.filterTable a {
	color: #333;
	text-decoration: none;
}

.filterTable img {
	border: none;
}
.filterTableRow {
	color: #333;
}