html {
}

body {
	background: white;
	margin: 0px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	background: #ffffff url(../images/bg.gif) center top;
	height: 100%;
	padding: 0px;
	border: 0;
}

.clr {
	clear: both;
}

img {
	border: 0px;
}

div#container_outline {
	width: 852px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	
	background: #ffffff url(../images/bg_white.gif) center top;
}

div#container {
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	/* using this instead of margin, otherwise there was empty space with Firefox */
	padding-top: 15px;
	
}

div#content {
	float: left;
	width: 569px;
	margin-top: 0px;
	padding-left: 15px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

div.blue_box {
	width: 211px;
	float: right;
	padding: 5px;
}

div.right_column {
	width: 211px;
	float: right;
	margin-top: 8px;
}

div.right_column div.moduletable-login {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/box_right_bottom_long_gray.gif) bottom left no-repeat;
}

div.right_column div.moduletable-login a:link, div.right_column div.moduletable-login a:visited {
	text-decoration: none;
	color: #7b7b7b;
}

div.right_column div.moduletable-login a:hover {
	text-decoration: underline;
}

div.right_column div.moduletable-login table {
}

div.right_column div.moduletable-login input#mod_login_username {
	width: 191px;
	border: 1px solid #bdbdbd;
	padding: 1px 1px 2px 1px;
}

div.right_column div.moduletable-login input#mod_login_password {
	width: 191px;
	border: 1px solid #bdbdbd;
	padding: 1px 1px 2px 1px;
}

div.right_column div.moduletable-login form {
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
}

div.right_column div.moduletable-login h3 {
	padding: 4px 10px 6px 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/box_right_head_gray.gif) top left no-repeat;
}

div.right_column div.moduletable-latestnews {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/box_right_bottom_long.gif) bottom left no-repeat;
}

div.right_column div.moduletable-latestnews h3 {
	padding: 4px 10px 6px 15px;
	margin-bottom: 8px;
	margin-top: 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/box_right_head.gif) top left no-repeat;
}

div.right_column div.moduletable-listmenuvertical {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/box_right_bottom_long_gray.gif) bottom left no-repeat;
}

div.right_column div.moduletable-listmenuvertical h3 {
	padding: 4px 10px 6px 15px;
	margin-bottom: 8px;
	margin-top: 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/box_right_head_gray.gif) top left no-repeat;
}

div#bottom {
	margin-left: auto;
	margin-right: auto;
	width: 852px;
	height: 89px;
	color: #cecece;
	text-align: right;
}

div.bottom_separator_bar {
	float: left;
	width: 100%;
	margin-left: 2px;
	margin-top: 4px;
	height: 10px;
	background: url(../images/bottom_seperator.gif) no-repeat;
}

div#sertificates {
	float: left;
}

div#bottom_inner {
	margin-left: auto;
	margin-right: auto;
	color: #cecece;
	position: relative;
	text-align: right;
	width: 818px;
	border: 1px solid red;
}

div#header {
}

div#header_top_area {
	height: 50px;
}

div#header_bottom_area {
	padding-top: 10px;
}

div#header_logo {
	float: left;
	width: 232px;
	height: 50px;
	text-align: left;
	margin: 0;
	background: url(../images/wapice.gif) no-repeat;
	float: left;
	position: relative;
	margin-left: 5px;
}

div#header_logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 50px;
}

div#header_logo a span.header_logo {
	display: none;
}

div#banner {
	width: 818px;
	height: 119px;
}

div#banner_left {
	float: left;
	/*
	background: #ffffff url(../images/head_left.jpg);
	*/
	width: 420px;
	height: 119px;
}

div#banner_right {
	float: left;
	background: #ffffff url(../images/head_right.jpg);
	width: 398px;
	height: 119px;
}

div.search {
	width: 172px;
	height: 23px;
	background: #ffffff url(../images/search_input.gif) no-repeat left;
	white-space: nowrap;
}

input#mod_search_searchword {
	float: left;
	margin-left: 5px;
	margin-top: 2px;
	height: 16px;
	border: 0px;
	width: 142px;
	font-size: 13px; 
	color: #909090;
}

div.search .button {
	float: right;
	width: 20px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/search_button.gif) no-repeat center top;
	
	text-indent: -1000em;
	
	cursor: pointer; /* hand-shaped cursor */
	/* cursor: hand; */ /* for IE 5.x */
}

div#header_top_right {
	margin-top: -11px;
	float: right;
	width: 300px;
}

div.search_area {
	float: right;
	/* This is needed for Opera */
	height: 23px;
}

div.language_selection {
	float: right;
	height: 35px;
}

div#topmenu {
	background: url(../images/head_navigation.gif) no-repeat;
	height: 23px;
	width: 818px;
	font-weight: bold;
	font-size: 13px;
	color: white;
	margin-left: auto;
	margin-right: auto;
}
ul.menu-nav, .menu-nav ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 18px;
	padding-top: 3px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu-nav li
{
	display: inline;
	list-style-type: none;
	background-repeat: no-repeat;
	float: left;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 5px;
}

.menu-nav li ul li
{
	clear: left;
}


.menu-nav a, .menu-nav a:link, .menu-nav a:visited, .menu-nav a:active
{
	color: white;
	padding-left: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.menu-nav li ul li a, .menu-nav li ul li a:link, .menu-nav li ul li a:visited, .menu-nav li ul li a:active
{
	color: #3f3f3f;
	padding-left: 15px;
	font-weight: normal;
	font-size: smaller;
	text-decoration: none;
	display: block;
}

.menu-nav li ul li a:hover
{
	text-decoration: underline;
}

.menu-nav li ul
{
	position: absolute;
	border: solid #7d7d7d;
	border-top-style:none;
	border-width:1px;
	width: auto;
	left: -999em;
	background-color: #e7f5ff;
}

.menu-nav li:hover ul
{
	/*background: url(../images/navigation_pointer.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;*/
	left: auto;
}

.menu-nav li:hover ul, .menu-nav li.sfhover ul
{
	left: auto;
}


td.contentheading, div.componentheading {
	height: 16px;
	color: #000000;
	text-align: left;
	white-space: normal;
	font-weight: bold;
	font-size: 16px;
	font-family: Trebuchet MS, Verdana;
	color: #2992cc;
	font-weight: bold;
	text-transform: uppercase;	
	margin-bottom: 10px;
}

.contentpaneopen {
	text-align: justify;
	width: 100%;
}

h2 {
	font-family: 'Trebuchet MS', 'Comic Sans MS', 'Arial', 'Sans-Serif', 'Helvetica';
	color: #000000;
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 2px;
}

p {
	text-align: justify;
	margin-top: 0px;
}

ul.latestnews-latestnews {
	list-style-type: none;
	padding: 0px;
	margin-left: 10px;
	width: 195px;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

li.latestnews-latestnews {
	background-image: url(../images/news_list_pointer.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

li.latestnews-latestnews a:link, li.latestnews-latestnews a:visited {
	text-decoration: none;
	color: #535664;
	text-align: justify;
	white-space: normal;
}

li.latestnews-latestnews a:hover {
	text-decoration: underline;
	color: #535664;
}

li.latestnews-latestnews span.latestnews_topic {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #595959;
}

div.moduletable-listmenuvertical ul#mainlevel {
	list-style-type: none;
	padding: 0px;
	margin-left: 10px;
	width: 195px;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.moduletable-listmenuvertical li {
	background-image: url(../images/usermenu_list_pointer.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 12px;
}

div.moduletable-listmenuvertical li a:link, div.moduletable-listmenuvertical li a:visited {
	text-decoration: none;
	color: #000000;
	text-align: justify;
	white-space: normal;
}

div.moduletable-listmenuvertical li a:hover {
	text-decoration: underline;
	color: #000000;
}

div.bottom_box_left {
	float: left;
	margin-bottom: 20px;
}

div.bottom_box_middle{
	float: left;
	margin-bottom: 20px;
	margin-left: 16px;
}

div.bottom_box_right {
	float: right;
	margin-bottom: 20px;
}

/* fix to make wysiwyg editor background-color to white */
body.mceContentBody {
	background-color: #ffffff !important;
	background-image: none;
}

span.highlight {
	font-weight: bold;
	color: red;
}

a:link, a:visited {
	text-decoration: none;
	color: #007DC2;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Trebuchet MS, Verdana;
	color: #2992cc;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

div.astatspro_show {
	margin-bottom: 10px;
}

/* Joom!Fish CSS definition */

div.jflanguageselection
{
	float: right;
	vertical-align: middle;
	padding: 3px 2px 2px 2px;
}
 
/* language lists with UL (names & images) */
ul.jflanguageselection
{
	float: right;
	vertical-align: middle;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul.jflanguageselection li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
}

ul.jflanguageselection li a
{
	display: block;
}

ul.jflanguageselection img
{
	border: none;
}

/** Styles for the drop down list */

#jflanguageselection
{
	float: right;
	vertical-align: middle;
}

select.jflanguageselection
{
	border: 1px solid #cccccc;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 1px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}

label.jflanguageselection
{
	position: absolute; 
	left: -3000px;
}

/* End of Joom!Fish CSS definition */

.moduletable-software_services
{
	background-image: url(../images/software_services.gif);
	width: 402px;
	height: 138px;
}

.moduletable-software_services h3 
{
	padding: 4px 10px 6px 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}

.software_services_inner, .industrial_services_inner
{	
	padding-left: 142px;
	padding-top: 5px;
	padding-right: 5px;
	/*text-align: justify;*/
}

.moduletable-industrial_services
{
	background-image: url(../images/industrial_services.gif);
	width: 402px;
	height: 138px;
}

.moduletable-industrial_services h3 
{
	padding: 4px 10px 6px 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}

div.leading
{
	text-align: justify;
}

ul.pagination
{
	margin-left: 140px;
}

li.pagination2
{
	float: left;
	margin-right: 8px;
	list-style-type:none; 
}

p.counter
{
	display: none;
}

span.createdate
{
	color: #535664;
	font-size: 10px;
}

p.iteminfo, .articleinfo
{
	margin-top: -10px;
}

div.news_link
{
	margin-left: 24px;
	margin-top: -20px;
	margin-right: 10px;
	text-align: right;
	font-size: 11px;
}

.banner_button
{
	background-image: url(../images/Button2.png);
	width: 103px;
	height: 29px;
	position: absolute;
	padding-top: 12px;
	padding-left: 20px;
	top: 97px;
	left: 133px;
	color: white;
	font-weight: bold;
}

.banner_button:hover
{
	background-image: url(../images/Button1.png);
	width: 103px;
	height: 29px;
	position: absolute;
	top: 97px;
	left: 133px;
	text-decoration: none;
}

.moduletable-business_solutions
{
	background-image: url(../images/business_solutions.gif);
	width: 262px;
	height: 138px;
	position: relative;
}

.moduletable-business_solutions h3 
{
	padding: 4px 10px 6px 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}

.business_solutions_inner, .embedded_systems_inner, .industrial_systems_inner
{	
	padding-left: 142px;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 8pt;
	/*text-align: justify;*/
}

.moduletable-embedded_systems
{
	background-image: url(../images/embedded_systems.gif);
	width: 262px;
	height: 138px;
	position: relative;
}

.moduletable-embedded_systems h3 
{
	padding: 4px 10px 6px 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}

.moduletable-industrial_systems
{
	background-image: url(../images/industrial_systems.gif);
	width: 262px;
	height: 138px;
	position: relative;
}

.moduletable-industrial_systems h3 
{
	padding: 4px 10px 6px 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}

.moduletable-bread
{
	font-size: 10px;
	margin-top: -10px;
}