body
{
  margin: 0px;
  background-color: rgb(255,255,255);
  font: 11px Verdana, Helvetica, Arial, sans-serif;
  scrollbar-face-color     	: #D7D7D7;
  scrollbar-shadow-color   	: #FFFFFF;
  scrollbar-highlight-color	: #FFFFFF;
  scrollbar-3dlight-color  	: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color    	: #FFFFFF;
  scrollbar-arrow-color    	: #FFFFFF;
}

div.content
{
  display: block;
  position: absolute;
  left: 50%;
  top: 10px;
  margin-top: 0px;
  margin-left: -487px;
  width: 980px;
  height: 728px;

  background-color: ;
  border: 1px solid rgb(255,255,255);
}

div.HomePage
{
  height: 414px;
	background-color: rgb(61,61,61);
}

div.rightText
{
  display: block;
  position: absolute;
  top: 209px;
  left: 390px;
  width: 340px;
  font: 12px Verdana,Helvetica, Arial, sans-serif;
  color: rgb(100,100,100);
}

div.leftText
{
  display: block;
  position: absolute;
  top: 209px;
  left: 0px;
  width: 369px;
  height: 377px;

  padding: 15px;
  font: 11px Verdana, Helvetica, Arial, sans-serif;
  color: rgb(128,130,132);
}

div.leftText#registration
{
  background-position: 50% 50%;
  line-height: 150%;
  font: 11px Verdana, Helvetica, Arial, sans-serif;
  color: rgb(128,130,132);
}

div.leftText#support
{
  background-image: url("../rss/Backgrounds/questionmark_bg.gif");
  background-position: 50% 50%;
  line-height: 150%;
}

div.centerText
{
  display: block;
  position: absolute;
  top: 160px;
  left: 20px;
  width: 710px;
  padding: 19px;
  
  border: 1px solid rgb(196,196,196);

  font: 12px Helvetica, Arial, sans-serif;
  color: rgb(80,80,80);
}

div.leftText span
{
  font: 10px Verdana, Helvetica, Arial, sans-serif;
}

div.leftText a
{
  padding: 0 3px;
  color: rgb(228,148,1);
}
div.companytext a
{
  color: rgb(100,100,100);
  text-decoration: none;
}

div.companytext a:hover
{
  color: rgb(228,148,1);
}

div.company a
{
  color: rgb(100,100,100);
  text-decoration: none;
}

div.company a:hover
{
  color: rgb(228,148,1);
}

div.header 
{
  position: relative;
  top: 0px;
  height: 160px; 
  background-color: rgb(255,255,255);
  background-image: url("../rss/Home/bovenbalk.JPG");
  background-repeat: no-repeat;
  border-bottom   : 1px solid rgb(215,215,215);
  font: 10px Verdana, Helvetica, Arial, sans-serif;
  color: rgb(255,255,255);
}


img.left    {float: left;}
img.right   {float: right;}
img.product {margin: 20px;}

a.right
{
	float: right;
  margin-right: 5px; 
	text-decoration: none;
  font: bold 12px Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: rgb(50,50,50);
	z-index: 1;
}

div.navigation 
{
  position: absolute;
  left: 540px;
  top: 141px;

  height: 16px;
  left: 548px;
}

div.navigation div.link
{
  display: inline-block;
  float: left;
  padding-top: 2px;
  margin: 0 0 0 5px;
}

div.navigation div.link a 
{
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  text-decoration: none;
  color: rgb(215,215,215);
}    

div.breadcrumps
{
  position: absolute;
  left: 0px;
  top: 162px;
  width: 980px;
  height: 12px;
  padding: 0px 0 2px 0px;
  border-bottom   : 1px solid rgb(215,215,215);
  background-color: rgb(255,255,255);
  background-repeat: repeat-x;  
  color           : rgb(146,146,146);
}

div.breadcrumps a
{
  padding         : 5px 2px;
  text-decoration : none;
  font            : 9px Verdana, helvetica, arial, sans-serif;
  color           : rgb(146,146,146);
}

div.breadcrumps a:hover
{
  color           : rgb(248,168,16);
}



span.sep 
{
  color: rgb(228,148,1);
}

form.loginform
{
  display: inline-block;
  float: right;
  margin-top: -14px;
  color: rgb(146,146,146);
  font: 9px verdana, helvetica, arial,
}

input.login
{
  height: 12px;
  margin-top: -14px;
  
  background-color: rgb(225,225,225);  
  border: 0px solid rgb(215,215,215);  
  font: 9px verdana, helvetica, arial, sans-serif;
  color: rgb(146,146,146);
}

input.loginbutton
{
  height: 13px;
  width: 64px;
  background-color: rgb(255,255,255);  
  border: none;  
  font: 9px verdana, helvetica, arial, sans-serif;
  text-align: right;
  color: rgb(146,146,146);
}


div.error
{
  position: absolute;
  top: 30px;
  right: 0;
  width: 185px;
  font: bold 12px verdana, helvetica, arial, sans-serif;
  color: silver;
}


h1.groupheader 
{
  position: absolute;
  left: 10px;
  width: 180px;
  height: 12px;
  margin-top: 10px;
  border-left: 1px solid rgb(194,194,194);
  border-right: 1px solid rgb(194,194,194);
  padding: 2px 0;
  background-image: url("../rss/icons/header.gif");
  background-repeat: no-repeat;
  font: bold 11px Helvetica, Arial, sans-serif;
  text-align: center;
  color: black;
}

    
div.scroller 
{
  position: absolute;    
  top: 191px;
  left: 767px;
  width: 203px;
  height: 526px;
  background-color: rgb(255,255,255);
  overflow: auto;
  border-left: 1px solid rgb(215,215,215);
}

div.CategorieList 
{
  position: absolute;
  top: 191px;
  left: 767px;
  width: 219px;
  height: 537px;
  background-color: rgb(255,255,255);
  overflow: auto;
  border-left: 1px solid rgb(215,215,215);
}

    
div.group a 
{
  display: block;
  padding: 3px 0 4px 30px;
  border-bottom: 1px solid rgb(215,215,215);
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  text-decoration: none;
  color:  rgb(100,100,100);
}

div.group a.category
{
  border-bottom: 1px solid rgb(215,215,215);
}



a#first
{
  border-top: none;
}


div.group a:hover
{
  background-color: rgb(255,255,255); 
  color:  rgb(0,0,0);
}

div.group a.group
{
  background-image: url("../rss/Icons/Navigation.JPG");
  background-position: 20px 5px;
  background-repeat: no-repeat;
}

div.group a.group:hover
{
  background-image: url("../rss/Icons/Navigation_Over.JPG");
  background-position: 20px 5px;
  background-repeat: no-repeat;
}

div.group a.groupopen
{
  background-image: url("../rss/Icons/Navigation_Over.JPG");
  background-position: 20px 5px;
  background-repeat: no-repeat;
}

div.group a.groupopen:hover
{
  background-image: url("../rss/Icons/Navigation_Over.JPG");
  background-position: 20px 5px;
  background-repeat: no-repeat;
}


div.group a.active
{
  background-color: rgb(255,255,255); 
  color:  rgb(0,0,0);
}

div.subgroup a
{
  padding-left: 40px;
  border: none;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  text-decoration: none;
  color:  rgb(100,100,100);
}

div.subgroup a.active
{
  background-color:  rgb(255,255,255);
  color:  rgb(252,172,28);
}


div.subgroup a:hover
{
  background-color: ; 
  color:  rgb(0,0,0);
}

div.AccountList
{
  position: absolute;
  top: 191px;
  height: 537px;

  width: 291px;
  overflow: auto;
  background-color: rgb(255,255,255);
}

div.AccountList a
{
  display: block;
  padding-bottom: 10px;
  text-decoration: none;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,130,132);
  border-bottom: 1px solid rgb(215,215,215);
}

div.downloads
{
  position: absolute;
  top   : 191px;
  width : 569px;
  height: 537px;
  background-color: rgb(255,255,255);
}

div.DownloadList
{
  position: absolute;
  top: 15px;
  width: 220px;
  height: 520px;
  
  border-right: rgb(255,255,255);
  background-color: rgb(255,255,255);
  overflow: auto;
}

div.DownloadList#DetailView
{
  width: 393px;
}

div.DownloadList a
{
  display: block;
  padding: 5px 0 2px 10px;
  border-bottom: 1px solid rgb(215,215,215);
  font: bold 11px Verdana, Helvetica, Arial, sans-serif;
  text-decoration: none;
  color:  rgb(128,130,132);
}


div.DownloadList a:hover
{
  background-color:rgb(255,255,255);
  color:rgb(0,0,0);
}


div.DownloadList a.active
{
  background-color:rgb(255,255,255);
  color:rgb(252,173,28);
}




div.downloads table
{
  padding-top: 15px;
}

div.downloads td
{
  height: 16px;
  padding: 0;
}

div.Calculator
{
  position: absolute;
  top: -10px;
  left: 0px;
  width: 298px;
  height: 347px;
  width: 298px;
  height: 347px;
  padding: 30px;
  
  background-color: rgb(255,255,255);
}


div.Calculator table
{
  width: 290px;
}


table.RMAStatus
{
  position: absolute;
  top: 209px;  
  left: 358px;
  width: 377px;
  height: 421px;
  padding-top: 10px;
  background-color: rgb(255,255,255);
}

table.RMAStatus td
{
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
}

table.RMAStatus td a
{
  padding-left: 15px;  
  color: rgb(243,166,22);
}


table.RMAStatus td span
{
  font: bold 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(243,166,22)
}



div.productTable 
{
  position: absolute;
  top: 189px;

  width: 763px;
  height: 529px;
  overflow: auto;
  padding: 0;
  background-color: white;
}

div.productTable a.productLabel img.productImage
{
	margin-top: 15px;
}


div.productList 
{
  position: absolute;
  top: 209px;

  width: 763px;
  height: 508px;
  overflow: auto;
  background-color: white;
}


td.productCell
{
  background-color: white; 

  padding-top: 5px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 5px;
 
  border-bottom: 1px solid rgb(215,215,215);
  text-align: left;
}

td.productSmallImage 
{
  padding: 5px 0 0 20px;
  background-color: white; 
  font: bold 11px verdana, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
  text-align: left;
}

td.productSm4Image img
{
  margin-top: 14px;
}

td.productSmallImage a.pdf
{
  font: bold 11px verdana, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
  text-decoration: none;
}

td.productSpecs 
{
  background-color: white; 
  padding: 30px 5px 30px 5px;
  font: 11px verdana, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

td.productCell a.productLabel 
{
  display: block;
  height: 100%;
  padding-top: 5px;
  text-align: center;
  text-decoration: none;
  font: bold 11px verdana, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

td.unit 
{
  padding: 2px 5px;
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

td.specValue
{
  padding: 2px 5px 2px 10px;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

td.specValue a.pdf
{
  text-decoration: none;
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}
td.specValue a.pdf img
{
	margin-bottom: -5px;
}


td.specValue li
{
  padding-left: 5px;
}

td.caption 
{
  font: 11px helvetica, arial, sans-serif;
}

div.left_side 
{
  position: absolute;
  top: 85px;
  left: 30px;
  height: 200px;
  border: 1px solid rgb(194,194,194);
  background-image: url(../rss/icons/background_dark2.gif);
  text-align: center;
}

div.left_side form 
{
  margin-top: 10px;
  padding: 5px;
}

div.left_side table
{
  width: 300px;
  height: 150px;
}

div.right_side
{
  position: absolute;
  top: 85px;
  right: 30px;
  height: 200px;
  border: 1px solid rgb(194,194,194);
  background-image: url(../rss/icons/background_dark2.gif);
  text-align: center;
}

div.right_side form
{
  margin-top: 10px;
  padding: 5px;
}

div.right_side table
{
  width: 300px;
  height: 150px;
}
div.register
{
  position: absolute;
  top: 209px;
  right: 0px;
  height: 421px;
  width: 400px;
  background-color: rgb(255,255,255);
}

div.personalprofile
{
  position: absolute;
  top: 179px;
  height: 421px;
  width: 579px;
  width: 579px;

  background-color: rgb(255,255,255);
  text-align: left;
}

div.personalprofile form
{
  position: absolute;
  top: 50px;
  width: 400px;
}


h1.subtitle 
{
  display: block;
  height: 20px;
  margin-top: 20px;
  padding: 0 0 0 15px;
  font: bold 11px Verdana, helvetica, arial, sans-serif;
  text-align: left;
  background-image: none;
  color: rgb(252,172,28);  
}


input.button
{
  color: rgb(128,130,132);
  border: none;
  border-bottom: 1px solid rgb(128,130,132);
  background-color: rgb(255,255,255);
}



div.register form
{
  width: 350px;
  margin: 20px 10px 10px;
}

div.register input
{
  color: rgb(128,130,132);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);  
}

div.register input.button
{
  color            : rgb(128,130,132);
  background-color : rgb(255,255,255);
  border           : none;
  border-bottom    : 1px solid rgb(215,215,215);
}


div.register form select
{
  color: rgb(128,130,132);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);  
}

div.register form textarea
{
  color: rgb(128,130,132);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);  
}

div.registerResponse
{
  position: absolute;
  top: 145px;
  left: 0;
  height: 419px;
  width: 800px;
/*
  background-image: url("../rss/Backgrounds/ok_bg.gif");
  background-position: 50% 50%;
*/
}

div.registerResponseText
{
  position: absolute;
  top     : 45px;
  left    : 142px;
  height  : 286px;
  width   : 481px;
  padding : 15px;  
  font    : 10px verdana, tahoma, helvetica, arial, sans-serif;
  color   : rgb(128,130,132);
  line-height: 180%;
}
div.registerResponseText span
{
  font    : bold 12px verdana, tahoma, helvetica, arial, sans-serif;
  color   : rgb(128,130,132);
}


div.personalprofile input
{
  font: Verdana;
  color: rgb(128,130,132);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);  
}

div.personalprofile input.button
{
  color: rgb(128,130,132);
  border: none;
  border-bottom: 1px solid rgb(128,130,132);
  background-color: rgb(255,255,255);
}


div.personalprofile form select
{
  color: rgb(128,130,132);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);  
}
div.personalprofile form textarea
{
  font: Verdana;
  color: rgb(128,130,132);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);  
}

td.HeaderLabel
{
  width: 125px;
  height: 22px;
  padding-right: 5px;
  font: bold 11px Verdana, Helvetica, Arial, sans-serif;
  color: rgb(146,146,146);
}

td.label
{
  width: 125px;
  height: 25px;
  padding-right: 5px;
  font: bold 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,130,132);  
  text-align: left;
  padding-left: 15px;
}

span.postLabel
{
  padding-left: 3px;
  font: 11px Helvetica, Arial, sans-serif;
  color: rgb(128,130,132);  
}

td.buttons
{
  height: 40px;
}

div.features 
{
  position: relative;
  top: 0;
  width: 330px;
  margin-left: 180px;
  margin-top: 15px;
  font: 11px Helvetica, Arial, sans-serif;
  color: rgb(87,87,87);
  line-height: 180%;
}


div.features h1 
{
  font: bold 12px Helvetica, Arial, sans-serif;
  color: rgb(0,0,0);
  text-align: center;
}

div.features table td 
{
  padding: 2px 5px;
  font: 10px Helvetica, Arial, sans-serif;
  color: rgb(87,87,87);
}

div.features table td.unit 
{
  padding: 2px 5px;
  font: bold 10px Helvetica, Arial, sans-serif;
}

div.product_flash 
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -130px;
  margin-left: 160px;
  background-color: rgb(255,255,255);
  border: solid 1px rgb(194,194,194);
}

h1 
{
  display: block;
  margin-bottom: -10px;
  /* text-align: center; */
  font: bold 14px Helvetica, Arial, sans-serif;
  color: rgb(153,153,153);
}

div.europe 
{
  position: absolute;
  top: 10px;
  right: 575px;
}

div.distri_text 
{
  padding: 20px;
  width: 300px;
}

h2 
{
  margin-bottom: 0px;
  font: bold 18px Helevetica, Arial, sans-serif;
  color: rgb(128,128,128);
}


div.companytext
{
  position: absolute;
  top: 188px;
  left: 275px;
  width: 445px;
  height: 500px;

  margin-top: 0;
  padding: 20px 20px;
  background-color: rgb(255,255,255);
  border: solid 1px rgb(255,255,255);
  border-top: none;
  border-left: none;

  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);
  overflow: auto;
  text-align: justify;
  line-height: 130%;
}



div.company
{
  position: absolute;
  top: 490px;
  left: 275px;
  width: 153px;
  height: 218px;
  
  padding: 0 4px 0 23px;
  border: solid 1px rgb(255,255,255);
  border-left:none;

  background-color:rgb(255,255,255);
  font: 9px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);

  background-image: url("../rss/Icons/Navigation_Over.jpg");
  background-repeat: no-repeat;
  display: block;
  background-position: 0 3px;
}



/*==================================================================================================
  Description

  20080303      Robin   Created
==================================================================================================*/
div.marker
{
  display: block;
  position: absolute;
  left: 0;
  top: 20px;
  width: 20px;
  height: 20px;

  background-image: url("../rss/Icons/Navigation_Over.jpg");
  background-repeat: no-repeat;
  background-position: 0 3px;
}

div.companytitle
{
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);
  overflow: hidden;
  text-align: justify;
  line-height: 130%;
}

div.CompanyInfo
{
  line-height: 130%;
  padding: 10px 0;
/*  border-bottom: 1px dotted rgb(128,128,128) */
}

img.HomeImage
{
  position: absolute;
  top: 511px;
  left: 560px;
  border: 0px;
}

div.CompanyInfo span.phonelabel
{
  display:inline-block;
  width: 10px;
  font-style: bold;
}


div.flash 
{
  float: left;
  margin-right: 0;
}

div.footer 
{
  display: block;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 750px;
  margin-top: 221px;
  margin-left: -370px;
  padding-top: 10px;
  background-color: rgb(224,224,224);
  border-top: solid 1px rgb(153,153,153);
  font: 10px Helvetica, Arial, sans-serif;
  color: rgb(128,128,128);
  text-align: center;
}

span.orange 
{
  padding: 0 5px;
  font: bold 10px Helvetica, Arial, sans-serif;
  color: rgb(228,148,1);
}

span.gray
{
  padding: 0;
  font: bold 10px Helvetica, Arial, sans-serif;
  color: rgb(80,80,80);
}
    
table.body 
{
  display: block;
  font: 11px Helvetica, Arial, sans-serif;
  color: rgb(87,87,87);
}

table.body td 
{
  padding: 2px 5px;
}

table.body td.head 
{
  background-color: rgb(214,214,214);
  font: bold 11px Helvetica, Arial, sans-serif;
}

a.distris 
{
  display: block;
  padding-left: 10px;
  margin: 3px 0;
  font: 11px helvetica, arial, sans-serif;
}

form.RestrictedLogin table
{
  position: absolute;
  top: 200px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  border: 1px solid rgb(194,194,194);
  background-image: url(../rss/Forms/background.gif);
}
form.RestrictedLogin td
{
  font: bold 10px helvetica, arial, sans-serif;
  padding: 0 5px 5px 5px;
}

form.RestrictedLogin td.heading
{
  padding-bottom: 10px;
  background-image: url(../rss/Forms/header.gif);
  background-repeat: repeat-x;
  font: bold 11px helvetica, arial, sans-serif;
  text-align: center;
}

div.DirList
{
  position: absolute;
  top: 140px;
  width: 400px;
  height: 392px;

  padding: 10px;
  border: 1px solid rgb(194,194,194);
  background-image: url(../rss/Forms/background.gif);
  overflow: auto;
}


div.DirList h2
{
  border-bottom: 2px dotted rgb(194,194,194);
  margin-bottom: 10px;
}

div.DirList a
{ 
  display: block;  
  padding: 3px 5px; 
  font: bold 12px helvetica, arial, sans-serif;
  color: black;
  text-decoration: none;
  background-image: none;
}

div.DirList a.even  { background-color: rgb(234,243,254); }
div.DirList a.odd   { background-color: rgb(255,255,255); }


form.Upload
{
  position: absolute;
  top: 165px;
  left: 440px;
  width: 320px;
  padding: 5px;
  border: 1px dotted rgb(194,194,194);
  background-image: url(../rss/Forms/background.gif);
}

div.explain
{
  position: absolute;
  top: 260px;
  left: 440px;
  width: 320px;
  padding: 5px;
  border: 1px dotted rgb(194,194,194);
}


div.NotificationView
{
  position: absolute;
  top: 495px;
  left: 402px;
  width: 420px;
  padding: 7px;
  font: bold 11px verdana, tahoma, helvetica, arial, sans-serif; 
  /*border: 1px dotted rgb(194,194,194);*/
}


div.News
{
  position: absolute;
  top: 191px;
  left: 0px;
  width: 252px;
  height: 526px;
  
  background-color: rgb(255,255,255);
  border-right   : 1px solid rgb(215,215,215);
  overflow: hidden;
}


div.LatestNewsHeader
{
  display: block;
  height: 12px;
  width: 239px;
    padding: 1px 0 4px 4px;
  background-color: rgb(255,255,255);
  color: rgb(100,100,100);
  background-image: url(../rss/Backgrounds/_menubar.gif);
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
}

div.NewsItems
{
  height: 200px;
  
  width: 235px;
  text-align: justify;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);
}

div.NewsItems img.NewsRight
{
  position: relative;
}

div.NewsItems marquee
{
  height: 488px;
  
}

div.NewsItems a
{
  text-decoration: none;
  color: rgb(100,100,100);
}


div.NewsItem
{
  margin-top: 10px;
  overflow: auto;
  width: 450px;
  text-align: left;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);
}

div.NewsItem a
{
  color: rgb(100,100,100);
}


img.NewsLeft
{
  display: block;
	margin: 0 0 0 0;
}

img.NewsRight
{
  display: block;
  margin: 0 0 0 0;
}

a.HeaderLink
{
  display: block;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);
  text-decoration: none;
  padding: 5px 0 0 20px;
  background-image: url("../rss/Icons/Navigation.JPG");
  background-position: 5px 7px;
  background-repeat: no-repeat;
}


a.HeaderLink:hover
{
  text-decoration: none;
  color: rgb(100,100,100);
  background-image: url("../rss/Icons/Navigation_Over.JPG");
  background-position: 5px 7px;
  background-repeat: no-repeat;
}


/*==================================================================================================
  Description:

  20070629    Jasper:    Created
  20080125    Jasper & Said:  modified newstext height
==================================================================================================*/
div.NewsText
{
  position: absolute;
  top: 188px;
  left: 270px;
  width: 467px;
  height: 518px;
  overflow: auto;
  padding: 20px 0px 0 20px;
  color: rgb(128,128,128);

}

/*==================================================================================================
  Description

  20080303      Robin   Created
==================================================================================================*/
div.NewsText p
{
  width: 430px;
  overflow: auto;
  text-align: justify;
  border: solid 1px rgb(255,255,255);
  color: rgb(128,128,128);
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
}

/*==================================================================================================
  Description

  20080303      Robin   Created
==================================================================================================*/
div.languages
{
  position: absolute;
  top: 729px;
  left: 0px;
  width: 983px;
  height: 14px;
  padding: 1px 0 0 0;
  border-top: 1px solid rgb(215,215,215) ;
  border-bottom: 1px solid rgb(215,215,215) ;
  background-color: rgb(255,255,255) ;
}

div.languages a.lang
{
  display: inline-block;
  padding: 0 3px;
  text-decoration: none;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,130,132);
}


div.languages a.lang#active
{
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(132,134,136);
}


div.languages a.lang:hover
{
  color: rgb(248,168,16);
}

a.more
{
  font: bold 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
  text-decoration: none;
}

span.fullname
{
  display: inline-block;
  margin-right: 5px;
  color: rgb(146,146,146);
}


div.errorPage
{
  position: absolute;
  left: 0;
  width: 800px;
  top: 157px;
  height: 407px;
  
/*
  background-image: url("../rss/Backgrounds/pagenotfound_bg.gif");
  background-position: 50% 50%;
*/
}

div.errorText
{
  position: absolute;
  top     : 45px;
  left    : 142px;
  height  : 286px;
  width   : 481px;
  padding : 15px;  
  font    : 10px verdana, tahoma, helvetica, arial, sans-serif;
  color   : rgb(128,130,132);
  line-height: 180%;
}

div.errorText span
{
  font    : bold 12px verdana, tahoma, helvetica, arial, sans-serif;
  color   : rgb(128,130,132);
}


div.DivaProductsMainImages
{
  position: absolute;
  top: 175px;
  left: 0;
  height: 160px;
  width: 975px;
  padding-left: 4px;
  background-color: rgb(56,52,47);
  background-image: url("../rss/DIVA/Products/DivaProductsMainNavigation.jpg");
  background-repeat: repeat-x;
  background-position: 0 100%;
}



div.DivaProductsMainImages div.DivaProductsImageView
{
  float: left;
  top: 0;
  width: 193px;
  
  height      : 159px;
  margin-right: 3px;
}

div.DivaProductsImageView div.DivaProductsImageCaption
{
  display: block;
  position: absolute;
  bottom: 0;
  width: 178px;
  padding-top: 5px;
  
  height: 19px;
  text-align: left;
  padding-left: 15px;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: ;
}

div.DivaProductsImageView div.DivaProductsImageCaptionActive
{
  display: block;
  position: absolute;
  bottom: 0;
  width: 193px;
  height: 19px;
  padding-top: 5px;
  
  text-align: center;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: ;
}


div.DivaProductsImageView img
{
  position: relative;
  top: 0px;
  left: 0px;
  opacity: 0.5;  
  width: 192px;
  
  filter: alpha(opacity=50);
  cursor: pointer;
}

/* IE Win doesn't support hover on img, effect done with javascript */
div.DivaProductsImageView img:hover
{
  opacity: 1;
}


div.DivaProductsMainText
{
  position: absolute;
  left: 0;
  top: 334px;
  width: 567px;
  height: 213px;
  
  padding: 20px 30px 20px 203px;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color:  ;
  line-height: 150%;
  text-align: justify;
  background-color: rgb(29,28,26);
  
}

div.DivaProductsMainText span
{
  display: inline-block;
  margin-bottom: 12px;
  font: bold 13px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(244,166,22);
}

img.overview
{
  position: absolute;
  top: 209px;
 
}

img.LeftImage
{
  position: absolute;
  top: 209px;
  left: 0;

}


div.fourButtons
{
  position: absolute;
  top: 694px;
  left: 20px;
  height: 30px;
  width: 170px;
  background-color: rgb(255,255,255);
  padding-left: 10px;
 }
 
div.foutButtons a
{
	float: left;
    margin: 0px 0px 0px 3px;	
	z-index: 100;
}	 

div.RightText
{
  position: absolute;
  top: 179px;
  left: 309px;
  width: 446px;
  height: 527px;
  
  padding: 10px 10px 10px 0;
  overflow: hidden;
  background-color: rgb(255,255,255);
}

div.SubjectLinks
{
  display: block;
  line-height: 180%;
  margin-bottom: 15px;
}

div.RightText div.SubjectLinks a
{
  display: inline-block;
  padding: 0 0 0 10px;  
  height: 20px;
  text-decoration: none;
}

a span.first
{
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

a span.second
{
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

div.Subject
{
  height: 472px;
  display: block;
  padding: 10px;
  text-align: justify;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);  
  overflow: auto;
}

/*==================================================================================================
  Description:

  20070717    Jasper:    Created
==================================================================================================*/
div.Subject div.SubSubject
{
  display: block;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
  overflow: hidden;
}

/*==================================================================================================
  Description:

  20070717    Jasper:    Created
==================================================================================================*/
div.Subject div.GeneralInfo
{
  display: block;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
  overflow: hidden;
}


div.Subject span
{
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(252,173,28);
}

div.Subject a
{
  color: rgb(255,255,255);
  text-decoration: none;
}

div.Subject a:hover
{
  color: rgb(243,166,22);
}



/*==================================================================================================
  Description:

  20060907    Mark    Created
==================================================================================================*/

div.DivaProductsMainText a
{
  color: rgb(255,255,255);
  text-decoration: none;
}

div.DivaProductsMainText a:hover
{
  color: rgb(243,166,22);
}

div.InfoPage
{
  position: absolute;
  top: 191px;
  width: 800px;
  height: 526px;
}

a.CompanyFind
{
  font: 12px bold helvetica, arial, sans-serif;
  text-decoration: none;
  color: black;
  padding-left: 5px;
  margin-right: 10px;
}

.AccessButtons
{
  margin: 5px;
}

div.ListBox
{
  overflow: auto;
  height: 497px;
  width: 219px;
}

div.ListBox a
{
  display: block;
  padding: 3px 0 3px 5px;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
  text-decoration: none;
  color: black;
}

div.ListBox a.even
{
  background-color: rgb(212,212,212);
}

div.ListBox a.odd
{
  background-color: rgb(194,194,194);  
}

div.ListBox a.selected
{
  color: white;
  background-color: rgb(128,128,128);
}

iframe.CompanyList
{
  width : 220px;
  height: 519px;
}

iframe.UserList
{
  left      : 221px;
  width     : 230px;
  height    : 526px; 
}


iframe.AdminPageInfo
{
  position: absolute;
  left  : 440px;
  width : 355px;
  height: 526px;
}

td.infoproperty
{
  font: bold 10px helvetica, arial, sans-serif;
  width: 125px;
  padding-left: 15px;
}

td.infovalue 
{
  font: 10px helvetica, arial, sans-serif;
}

.shareddir_enabled
{
  font: 12px helvetica, arial, sans-serif;
  color: black;
}

.shareddir_disabled
{
  background-color: grey;
  font: 12px helvetica, arial, sans-serif;
  color: black;
}



.userfilter
{
  width: 170px;
}



div.Message a 
{
  color: rgb(128,128,128);
}

div.Message a:hover 
{
  color: rgb(80,80,80);
}

div.Divatext
{
  position: absolute;
  top: 188px;
  left: 275px;
  width: 430px;
  height: 264px;
  padding: 20px 20px;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(128,128,128);
  overflow: hidden;
  text-align: justify;
  line-height: 130%;
}

div.Divatext span
{
color: rgb(100,100,100);
font: 12px verdana, tahoma, helvetica, arial, sans-serif;
} 

div.DivaMainImages
{
  position: absolute;
  top: 208px;
  left: 767px;

    width: 212px;
  height: 526px;
  
  background-color: rgb(255,255,255);
  border-left   : 1px solid rgb(215,215,215);
  padding-top: 15px;
  overflow: hidden;
}

div.DivaImageView div.DivaImageCaption
{
  display: block;
  position: absolute;
  bottom: 0;
  width: 178px;
  
  height: 19px;
  padding-left: 15px;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
}

div.DivaMainImages div.DivaImageView
{
align: right;
  top: 0;
  width: 193px;
  
  margin-right: 3px;
  margin-left: 20px;
  padding-top: 10px;
} 

div.DivaMainImages a
{
color:  rgb(100,100,100);
font: 10px verdana;
margin-left: 20px;
text-decoration:none;
}

div.WorldMap
{
position: absolute;
left: -11px;
top: 203px;
width: 763px;
height: 427px;
background-image: url("../rss/Backgrounds/wereldgrijs.bmp");
}

div.TextMarker
{
position: relative;
top: 50px;
left: 270px;
width: 9px;
height: 9px;
background-image: url("../rss/Icons/Navigation_Over.jpg");
background-repeat: no-repeat;
}

div.HomeTextMarker
{
position: relative;
top: 50px;
left: 270px;
width: 9px;
height: 9px;
background-image: url("../rss/Icons/Navigation_Over.jpg");
background-repeat: no-repeat;
}
/*==================================================================================================
  Description:

  20070717    Jasper:    Created
==================================================================================================*/
img.DivaMarker
{
position: relative;
top: 75px;
width: 9px;
height: 9px;
}
/*==================================================================================================
  Description:

  20070717    Jasper:    Created
==================================================================================================*/
div.PartnerMap
{
  position: absolute;
}

div.PartnerMap img.Europe
{
  position: absolute;
  top: 140px;
  left: 327px;
  background: transparent;
}

div.PartnerMap img.NAmerika
{
  position: absolute;
  top: 78px;
  left: 5px;
  background: transparent;
}

div.PartnerMap img.ZAmerika
{
  position: absolute;
  top: 319px;
  left: 155px;
  background: transparent;
}

div.PartnerMap img.Azie
{
  position: absolute;
  top: 70px;
  left: 467px;
  background: transparent;
}

div.PartnerMap img.Australie
{
  position: absolute;
  top: 480px;
  left: 550px;
  background: transparent;
}

div.PartnerMap img.Afrika
{
  position: absolute;
  top: 480px;
  left: 350px;
  background: transparent;
}

/*==================================================================================================
  Description:

  20070719    Jasper:    Created
==================================================================================================*/
div.DivaAvi
{
  position: absolute;
  top: 209px;
}

/*==================================================================================================
  Description:

  20070719    Jasper:    Created
==================================================================================================*/
div.linkView
{
  position: absolute;
  top: 439px;
  width: 300px;
}

div.linkView a
{
color:  rgb(100,100,100);
font: 10px verdana;
text-decoration:none;
}

div.homeBanner
{
  position: absolute;
  top: 193px;
  width: 180px;
  left: 767px;
  width: 180px;
  height: 486px;

  margin-top: 0;
  padding: 20px 20px;
  background-color: rgb(255,255,255);
  border-top: none;
  border-left: 1px solid rgb(215,215,215);
  
}

/*==================================================================================================
  Description
  20080114  	  Jasper   created
==================================================================================================*/
div.languages a.copyright
{
  position: absolute;
  right: 0px;
  text-decoration: none;
  font: 10px verdana, tahoma, helvetica, arial, sans-serif;
    color: rgb(128,130,132);
}




/*==================================================================================================
  Description
  20080125  	  Jasper&Said   created
==================================================================================================*/
div.divaBanner
{
  position: absolute;
  top: 193px;
  width: 212px;
  left: 0px;
  width: 212px;
  height: 486px;

  margin-top: 0;
  padding: 20px 20px;
  background-color: rgb(255,255,255);
  border-top: none;
  border-right: 1px solid rgb(215,215,215);
  
}

div.NewFeatures
{
  position: absolute;
  top: 191px;
  left: 767px;
  width: 212px;
  height: 526px;
  
  background-color: rgb(255,255,255);
  border-left   : 1px solid rgb(215,215,215);
  overflow: hidden;
}

div.LatestFeaturesHeader
{
  position: relative;
  display: block;
  height: 12px;
  width: 200px;
  left: 10px;
  
  padding: 1px 0 4px 4px;
  background-color: rgb(255,255,255);
  color: rgb(100,100,100);
  background-image: url(../rss/Backgrounds/_menubar.gif);
}

div.NewFeaturesText
{
  display: block;
  padding: 3px 15px 0;
  padding: 10px 0 0;
  overflow: hidden;
  text-align: justify;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}



/*==================================================================================================
  Description   hack to move text below image higher 

  20080303      Robin   Created
==================================================================================================*/
div.NewFeaturesText img
{
  margin-bottom: -20px;
}



/*==================================================================================================
  Description

  20080303      Robin   Created
==================================================================================================*/
div.LearnMore
{
  display: block;
  padding: 10px 15px 0 0;
  padding: 0 10px 0;
  overflow: hidden;
  text-align: justify;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

div.LearnMore a
{
  text-decoration: none;
  color: rgb(252,172,28);
}

div.LearnMoreLeft
{
  display: block;
  padding: 10px 15px 0 0;
  padding: 0 0 0;
  overflow: hidden;
  text-align: justify;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

div.LearnMoreLeft a
{
  text-decoration: none;
  color: rgb(252,172,28);
}
div.AllNews
{
  display: block;
  padding: 2px 15px 0 0;  
  overflow: hidden;
  text-align: justify;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

div.AllNews a
{
  text-decoration: none;
  color: rgb(252,172,28);
}



div.NewFeaturesText a
{
  text-decoration: none;
  color: rgb(252,172,28);
}

div.NewFeaturesText p
{
  padding: 0 10px 0;
  font: 10px Verdana,Helvetica, Arial, sans-serif;
}

div.NewFeaturesText span
{
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(252,173,28);
}

div.Customer
{
  position: absolute;
  top: 449px;
  left: 0px;
  width: 252px;
  height: 275px;
  
  background-color: rgb(255,255,255);
  border-right   : 1px solid rgb(215,215,215);
  overflow: hidden;
}

div.LatestCustomerHeader
{
  display: block;
  height: 12px;
  width: 239px;
    padding: 1px 0 4px 4px;
  background-color: rgb(255,255,255);
  color: rgb(100,100,100);
  background-image: url(../rss/Backgrounds/_menubar.gif);
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
}


div.CustomerText
{
  display: block;
  padding: 10px 0px 0;
  overflow: hidden;
  text-align: justify;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

div.CustomerText a
{
  text-decoration: none;
  color: rgb(252,172,28);
}

div.CustomerText p
{
  font: 10px Verdana,Helvetica, Arial, sans-serif;
}

div.CustomerText span
{
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(252,173,28);
}

div.People
{
  position: absolute;
  top: 471px;
  left: 767px;
  width: 212px;
  height: 250px;
  
  background-color: rgb(255,255,255);
  border-left   : 1px solid rgb(215,215,215);
  overflow: hidden;
}

div.LatestPeopleHeader
{
  position: relative;
  display: block;
  height: 12px;
  width: 200px;
  left: 10px;
    
  padding: 1px 0 4px 4px;
  background-color: rgb(255,255,255);
  color: rgb(100,100,100);
  background-image: url(../rss/Backgrounds/_menubar.gif);
}

div.PeopleText
{
  display: block;
  padding: 10px 9px 0;
  overflow: hidden;
  text-align: justify;
  font: 11px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(100,100,100);
}

div.PeopleText a
{
  text-decoration: none;
  color: rgb(252,172,28);
}

div.PeopleText p
{
  font: 10px Verdana,Helvetica, Arial, sans-serif;
  text-indent: -13px;
  padding-left:13px;
  margin: 0 0 0 0;
  text-align: left;
}

div.PeopleText span
{
  font: bold 10px verdana, tahoma, helvetica, arial, sans-serif;
  color: rgb(252,173,28);
}