body {
 	background-color: #999; color: #666;
	margin: 0; padding: 0;
}

body, table {
	font-family: Arial, Verdana, Geneva; font-size:0.8em;
	/* letter-spacing: 1px; */
}

table {
	font-size:100%;
	 padding: 2 2 2 0; line-height: 18px;
}

th	{text-align: left;}

#wrapper	{
	background-color: #FFF; 
	width: 777px;
	margin: 0 auto 0 auto;
	text-align: left; 
}

a {font-weight: bold;  font-size: 100%; color: #000; text-decoration: none;}
a:hover { color: #A4A7C6; text-decoration: underline; } 


#payoff	{float: left; width: 501px; height: 45px; padding: 30 0 20 20; border-top: 15px solid #FFCC00;}

#logohome, #logo	{float: right; text-align: left; width: 256px; }
#logohome	{padding: 42 0 10 0;}
#logo	{padding: 10 0 20 0; height: 30px;}
#langselect {float: right; margin: 0 12; padding-bottom: 18px;}
img.flag {margin-left: 6px;}


#menu	{ clear: both; padding: 8 16 8 16; height: 16px;}

#menu menu	{ margin: 4 0 8 8; padding: 0px;  color: #A4A7C6}
#menu li	{ margin: 0 24 0 0; float: left; }	
#menu li.contact	{ margin: 0; float: right;  list-style: none;}	
#menu li.home	{ margin: 0 24 0 0; float: left;  list-style: none;}	

#menu a {text-decoration: none; color: #666; }
#menu a.active {font-weight: bold;  font-size: 100%; color: #A4A7C6;}
#menu a:hover { color: #A4A7C6; } /* text-decoration: underline; */
#menu a.sublink, #menu a.sublinkactive {color: #666; font-decoration: bold; font-variant: small-caps; font-size: 70%;}

#menu a.sublinkactive {text-decoration: underline;}

#intro 	{background-color: #003466; padding: 30 40; color: #FFCC00; background-image: url(img/bg_headline.jpg);  background-repeat: repeat-y;}

#intro 	h2 {line-height: 180%; font-size: 110%; margin: 0px; font-weight: normal;}

#introbox	{background-color: #003265; color: #a4a7c6; width: 441px; height: 290px; padding: 40px; line-height: 160%; font-size: 120%; border-top: 12px solid #333;}
* html #introbox { width: 521px; height: 348px;  padding: 20px 40px;}
#introbox 	h2 {line-height: 150%; font-size: 140%; margin: 0px; font-weight: normal; color: #A4A7C6;}

#subintro 	{background-color: #CCC; height: 130px; padding: 20px; line-height: 160%; font-size: 90%; border-bottom: 12px solid #333;}

#subintro h2 {float: left; margin: 0 0 8 0; color: #000; font-size: 105%;}
#subintro menu {float: right;  list-style: none; margin: 0px; padding: 0px;}
#subintro li { background-image: url(img/li_download.gif); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 15px;}
#subintro a {text-decoration: none; color: #013064; }
#subintro p {clear: both; margin: 0.2em 0;}
	
#main	{clear: both; float: left; width: 521px; border-top: 12px solid #003265;  }

#main.home	{ min-height: 350px; border-top: 0; }
#content, #subcontent		{clear: both;  padding: 10 35 10 35; }
#subcontent	{ font-size: 0.9em; }

div.general	{background-color: #FFF; min-height: 380px;}
div.productintro {background-color: #FFF; min-height: 120px;}
div.intro	{background-color: #CCC;}


#content menu, #yellowhead menu  { list-style: none; margin: 8 0 0 0; padding: 0px; }
#content menu li,#subcontent menu li {background-image: url(img/li_download.gif); background-position: 0px 1px; background-repeat: no-repeat; padding-left: 15px;}

#yellowhead li, #news menu li    {background-image: url(img/li_more.gif); background-position: 0px 5px; background-repeat: no-repeat; padding-left: 15px;}

#content menu li {float: left; }
#subcontent menu li {float: left; }
#content ul, #subcontent ul  {line-height: 20px; }
#yellowhead li  {float: right; font-size: 90%;} 
#content li.right, #yellowhead li.right  { float: right;}
#content a, #yellowhead a {text-decoration: none; color: #013064; }

#content, #subcontent {line-height: 150%; }
#content h3 {margin: 24 0 0 0;  font-size:110%; color: #0D3155;  }
#subcontent h3 {margin: 24 0 8 0; padding: 4 0; 
font-size:120%; color: #4C647F; border-bottom: 1px solid #999;}


#news span.date {float: right; padding: 4 0; font-size:90%; color: #4C647F; }
#news h2 {margin: 24 0 8 0; padding: 4 0; 
font-size:120%; color: #4C647F; border-bottom: 1px solid #999;}

div.item		{ padding: 10; margin: 10 0; background-color: #FFFFEE;}
div.item img		{ padding: 0; margin: 0 20 10 10; border: 1 solid #CCC; float: left;}
div.item	h4 {margin: 4 0 8 0; padding: 4 0;  font-size:110%; color: #4C647F;}

div.item menu	{float: left;}

div.general p {clear: both; }
div.intro p {}
div.techlisting {}


#column	{padding: 15 25; line-height: 180%; font-size: 90%; min-height: 380px;}

div.productbox	{margin: 16 0; font-size: 90%;}

div.downloadTitle	{float: left; width: 150px; line-height: 180%; }	
div.downloadLink	{float: left; width: 350px; line-height: 180%;}	
div.clear {clear: both; height: 1px;}
a.downloadlink	{font-weight: normal; margin-left: 12px;}

div.general h1, div.general h2, div.productintro h1, div.productintro h2, #column	h1, #column	h2	{margin: 18 0 0 0;  font-size:110%; color: #0D3155;  font-weight: normal;}

#productmenu a.index {font-size:110%; color: #0D3155;}

div.intro h1 {margin: 12 0 0 0;  font-size:90%; color: #2C2C2C;  }
div.intro h2 {margin: 6 0 0 0;  font-size:80%; color: #0D3155;  font-weight: normal;}

#yellowhead {height: 32px; padding: 8 36 0 36; color: #2A302C; background-color: #FFCC00;}
#yellowhead h2	{float: left; margin: 6 0 0 0;  font-size:110%; color: #003561;  font-weight: normal;}

img.startparagraph	{float: left; margin: 0 36 8 0;}
img.thumbleft	{float: left; margin: 0 36 8 0;}
img.thumbright	{float: right; margin: 0 0 8 36;}
 
#sidebar, #sidebarintro	{float: right; width: 256px; 
border-top: 12px solid #FFCC00;  background-color: #FFF;}
#sidebar	{min-height: 360px; }

#sidelisting {height: 332px; overflow: auto; padding: 20; color: #2A302C; line-height: 110%;
border-right: 12px solid #666; background-color: #FFCC00;}

#sidemenu {height: 160px; padding: 20 25; color: #2A302C; line-height: 110%;
border-right: 12px solid #666; background-color: #FFCC00;}

#productmenu { padding: 0 10; color: #2A302C; line-height: 140%; font-size: 110%;}

div.rightborder {border-right: 12px solid #666; min-height: 660px;}

#sidemenuselect {height: 60px; padding: 20 25; color: #2A302C; line-height: 110%;
 background-color: #FFCC00;}

#sidemenu h1, #productmenu h1 { margin: 0 0 18 0; font-size: 100%;}
#sidemenuselect h1  { margin: 0 0 8 0; font-size: 100%;}
#sidemenuselect p  { margin: 8 0; font-size: 90%;}
#sidemenu menu ,#productmenu menu  { margin: 0px; padding: 0px; line-height:140%; font-size: 90%;}
#productmenu menu 	{line-height: 180%; }
#sidemenu li, #productmenu li  {list-style: none; }
#sidemenu li.active, #productmenu li.active { list-style: disc; margin-left: 12px;  font-weight: bold;}
#sidemenu a, #productmenu a  {text-decoration: none; color: #000; }


#sidelisting h3	{ font-size: 105%; margin: 0px;}
#sidelisting p	{ border-bottom: 1px dotted #000; margin: 10 0; padding: 10 0;}
#sidelisting span.date	{display: block; font-size: 75%;}
#sidelisting span.title	{display: block; font-size: 90%; font-weight: bold;}
#sidelisting span.excerpt	{display: block; font-size: 80%; }
#sidelisting a	{text-decoration: none; color: #000;;}


#extranetbox	{ background-color: #FFF; padding: 21 20 8 20; border-bottom: 12px solid #CCC; height: 57px;}
#extranetbox div.reminder	{ text-align: right; width: 180px; clear: both;}
#extranetbox a	{ font-size: 80%; text-decoration: none; color: #666;}
#extranetbox	img {float: left; margin-right: 6px;}
#extranetbox	input.loginbox {width: 66px; margin-bottom: 6px; font-size: 9px; padding: 0 4; float: left;}
#extranetbox label	{width: 50px; font-size: 80%; float: left; clear: left;}
#extranetbox form	{margin: 0; padding: 0; width: 150px; float: right;}

#productline 	{ background-color: #CCC; margin: 0px; border-top: 12px #333 solid; clear: both;}
div.productlinebox { width: 227px; height: 280px; background-color: #CCC; float: left; padding: 8 16; text-align: center;}
#productline h3	{ color: #05346A; font-size: 100%; margin: 6 0;}
#productline h5	{ color: #000; font-size: 80%; margin: 0;}
#productline p {color: #313131; font-size: 80%; padding: 0 5; text-align: left;}

div.productlinebox p	{ margin-top: 4px; }

#footer	{ clear: both;  background-color: #333; padding: 20 0 25 25; font-size: 80%; color: #9C9C9C; }
#copyright	{float: left; font-weight: bold;}
#footer menu {float: right;  margin: 0 20; padding: 0px;}
#footer li { float: left; margin: 0 10;}
#footer a {text-decoration: none; color: #999; }

div.subsitehome	{background-color: #CCC; min-height: 390px;}


/* special definitons / hacks */
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}