html, body {
height: 100%;
}

body{
text-align: center;
background: #fff url(../graphics/site-bg.jpg) repeat-x 0 0;
font-family: arial, helvetica, sans-serif;
margin:0;
padding:0;
}

/*opera fix*/
body:before{
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px; /* negate effect of float */
}

/* basic setup */

#container{
margin: 0 auto;
width: 980px;
min-height: 100%;
text-align: left;
background: url(../graphics/main-bg.jpg) repeat-y 0 0;
margin-bottom:-42px; /* bottom margin needs to have the same height as footer, only negative */
padding: 0;
}

#container-products{
margin: 0 auto;
width: 980px;
min-height: 100%;
text-align: left;
background: #fff;
margin-bottom:-42px; /* bottom margin needs to have the same height as footer, only negative */
padding: 0;
}

#footer{
width: 100%;
height: 42px;
background: url(../graphics/footerwide-bg.jpg) repeat-x 0 0;
padding: 0;
margin: 0;
clear:both;
}

#footer-box{
margin: 0 auto;
width: 980px;
height: 42px;
color: #fff;
text-align: right;
background: url(../graphics/footer-bg.jpg) no-repeat 0 0;
padding: 0;
}

#footer-box-products{
margin: 0 auto;
width: 980px;
height: 42px;
color: #fff;
background: url(../graphics/footerwide-bg.jpg) repeat-x 0 0;
padding: 0;
}

.clear{
clear:both;
height:42px; /* clear class needs to have the same height as footer */
overflow:hidden;
}

.clearer{
clear:both;
}

#header{
width:980px;
height:256px;
background: url(../graphics/header-bg.jpg) repeat-x 0 0;
margin: 0;
padding: 0;
}

/* header content */

#site-name{
float: left;
width: 400px;
height: 19px;
text-align: left;
margin: 0;
padding: 4px 0 0 0;
}

#site-name p{
float: left;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#site-name a:link, #site-name a:visited{ /* subnav link */
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#site-name a:hover, #site-name a:active{ /* subnav link */
color: #0194f1;
}

#site-name img{
padding: 0 6px 0 0;
margin: 0;
}

#subnav{
float: right;
width: 358px;
height: 23px;
text-align: right;
margin: 0;
padding: 0;
}

#subnav-int{
float: right;
width: 358px;
height: 23px;
text-align: right;
margin: 0;
padding: 0;
}

p.subnav a:link, p.subnav a:visited{ /* subnav link */
color: #fff;
text-decoration: none;
font-size: 11px;
}

p.subnav a:hover, p.subnav a:active{ /* subnav link */
color: #0194f1;
}

#logo-nav{
float: left;
width: 980px;
height: 46px;
background: url(../graphics/altheris-logo.jpg) no-repeat 0 0;
margin: 0;
padding: 20px 0 0 0;
}

#logo-nav-products{
float: left;
width: 980px;
height: 41px;
text-align: right;
font-size: 12px;
background: url(../graphics/altheris-logo.jpg) no-repeat 0 0;
margin: 0;
padding: 25px 0 0 0;
}

/* nav menu */

#nav{
float: right;
width: 625px;
margin: 0;
padding: 0;
font-size: 11px;
}

ul.nav{
list-style:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.nav li{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#activity-box{
float: left;
width:223px;
height:157px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 10px 0 0 0;
}

#photo-box{
float: left;
width:534px;
height:163px;
margin: 0;
padding: 4px 0 0 0;
}

#adres-box{
float: left;
width:213px;
height:157px;
background: url(../graphics/header-slogan.gif) no-repeat 3px 71px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 10px 0 0 10px;
}

#adres-box-joysticks{
float: left;
width:213px;
height:157px;
background: url(../graphics/header-slogan2.gif) no-repeat 3px 71px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 10px 0 0 10px;
}

#adres-box h2{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0 0 5px 0;
margin: 0;
}

#adres-box-products{
float: left;
width:213px;
height:157px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 10px 0 0 10px;
}

a.headerlink:link, a.headerlink:visited{ /* adres-box link */
color: #fff;
text-decoration: none;
font-size: 12px;
}

a.headerlink:hover, a.headerlink:active{ /* adres-box link */
color: #003c78;
}

a.prodheadlink:link, a.prodheadlink:visited{ /* products header link */
color: #fff;
text-decoration: underline;
font-size: 12px;
}

a.prodheadlink:hover, a.prodheadlink:active{ /* products header link */
color: #003c78;
}

/* midsection divs */

#sidebar{
float: left;
width: 167px;
min-height: 216px;
background: url(../graphics/sidebar-top-left.jpg) no-repeat 0 0;
font-size: 12px;
color: #000;
margin: 0;
padding: 0;
}

/* voor vacature kader */

#sidebar2{
float: left;
width: 162px;
font-size: 12px;
color: #000;
margin: 0;
padding: 0 0 0 5px;
}

#sidebar-kader{
float: left;
width: 147px;
font-size: 12px;
line-height: 17px;
border: #e31c18 1px solid;
color: #000;
margin: 1em 0 1em 0;
padding: 3px 3px 0 3px;
}

#sidebar-kader h2{
font-weight: bold;
font-size: 14px;
text-align: left;
color: #e31c18;
padding: 0;
margin: 0 0 5px 0;
}

* html #sidebar {height:216px}

#main{
float: left;
width: 793px;
min-height: 216px;
font-size: 12px;
line-height: 17px;
background: url(../graphics/sidebar-top-right.jpg) no-repeat top right;
color: #000;
margin: 0;
padding: 8px 10px 0 10px;
}

* html #main {height:216px}

#main-left{
float: left;
width: 386px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 8px 10px 0 10px;
}

#main-right{
float: left;
width: 387px;
min-height: 216px;
font-size: 12px;
line-height: 17px;
background: url(../graphics/sidebar-top-right.jpg) no-repeat top right;
color: #000;
margin: 0;
padding: 8px 10px 0 10px;
}

* html #main-right {height:216px}

#main-inner-left{
float: left;
width: 386px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 10px 1em 0;
}

#main-inner-left ul, #main-inner-right ul{
margin: 0 0 10px 30px;
padding: 0;
list-style: square;
}

#main-inner-left ul li, #main-inner-right ul li{
margin: 0 0 5px 0;
}

#main-inner-right{
float: left;
width: 387px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 1em 10px;
}

#inner-column{ /* used in: joystick page */
float: left;
width: 362px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 10px 1em 0;
}

#inner-grid1{ /* used in: joystick page */
float: left;
width: 158px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 5px 1em 0;
}

#inner-grid2{ /* used in: joystick page */
float: left;
width: 95px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 1em 0;
}

#inner-grid3{ /* used in: joystick page */
float: left;
width: 158px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 1em 5px;
}

#inner-grid1 img, #inner-grid2 img, #inner-grid3 img{
padding: 0;
margin: 0 0 5px 0;
}

img.grid-right{
float:left;
padding: 0 0 5px 0;
margin: 0;
}

img.grid-next{
float:left;
padding: 0 0 5px 5px;
margin: 0;
}

p.grid{
float:left;
width: 158px;
height: 95px;
background: #99FF00;
padding: 0 0 0 0;
margin: 0 0 5px 0;
}

/* aankondiging homepage */

#main-kader{
float: left;
width: 543px;
font-size: 12px;
line-height: 17px;
border: #8a8786 2px solid;
color: #000;
margin: 0 0 1em 0;
padding: 8px 8px 0 8px;
}

#main-kader-int{
float: left;
width: 770px;
font-size: 12px;
line-height: 17px;
border: #000 1px solid;
color: #000;
margin: 0 0 1em 0;
padding: 10px 10px 0 10px;
}


#main-kader ol{
margin: 0 0 10px 30px;
padding: 0;
list-style: lower-alpha;
}

#main-kader ol li{
margin: 0 0 5px 0;
font-weight: bold;
}

#main-kader2{
float: right;
width: 272px;
font-size: 12px;
line-height: 17px;
border: #000000 1px solid;
color: #000;
margin: 0 0 0 0;
padding: 0 3px 0 3px;
}

#main-kader2 p {
padding: 0;
margin: 0 0 3px 0;
}

#main-column1{
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 10px 0 0;
}

#main-column2{
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#main-column3{
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#main-column1-a{
float: left;
width: 150px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 0;
}

#main-column2-a{
float: left;
width: 150px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#main-column3-a{
float: left;
width: 150px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#main-column4-a{
float: left;
width: 150px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

/* Maritime division kader */

#inner-kader{
float: right;
width: 250px;
font-size: 12px;
line-height: 17px;
border: #000000 1px solid;
color: #000;
margin: 0 0 1em 5px;
padding: 5px 5px 0 5px;
}


#country-selection{
float: left;
width: 960px;
min-height: 216px;
font-size: 12px;
line-height: 17px;
background: url(../graphics/products-top.jpg) no-repeat 0 0;
color: #000;
margin: 0;
padding: 8px 10px 0 10px;
}

* html #country-selection {height:216px}

#cs-left{
float: left;
width: 450px;
font-size: 12px;
line-height: 17px;
color: #000;
text-align: right;
margin: 0;
padding: 0 30px 0 0;
}

#cs-right{
float: left;
width: 450px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 30px;
}

#main-products{
float: left;
width: 960px;
min-height: 216px;
font-size: 12px;
line-height: 17px;
background: url(../graphics/products-top.jpg) no-repeat 0 0;
color: #000;
margin: 0;
padding: 8px 10px 0 10px;
}

* html #main-products {height:216px}

#products-left{  /* used in: laser optical sensors, trackballs various, what is a gyroscope */
float: left;
width: 450px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 30px 0 0;
}

#products-right{ /* used in: laser optical sensors, trackballs various, what is a gyroscope */
float: left;
width: 470px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#products-column1{ /* used in: pressure measurement film, tactile pressure sensors */
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 40px 0 0;
}

#products-column1-a{ /* used in: joysticks - industrial */
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 40px 0 25px;
}

#products-column1-b{ /* used in: lvdts */
float: left;
width: 100px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 20px 0 0;
}

#products-column2-wider-b{ /* used in: lvdts */
float: left;
width: 810px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#products-column1-c{ /* used in: process converters/isolators */
float: left;
width: 110px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 20px 0 0;
}

#products-column2-wider-c{ /* used in: process converters/isolators */
float: left;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#products-column2{ /* used in: pressure measurement film, joysticks - industrial */
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 40px 0 0;
}

#products-column3{ /* used in: pressure measurement film, joysticks - industrial */
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0 40px 0 0;
padding: 0;
}

#products-column4{ /* joysticks - industrial */
float: left;
width: 200px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0;
}

#products-column1-wider{ /* used in: pressure measurement film, trackballs desktop, trackballs fascia-mounted, trackballs panel-mounted */
float: left;
width: 270px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 10px 0 0;
}

#products-column2-wider{ /* used in: pressure measurement film, trackballs desktop, trackballs fascia-mounted, trackballs panel-mounted */
float: left;
width: 670px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

#products-column1-wider2{ /* used in: rotary absolute encoders, draw-wire sensors */
float: left;
width: 490px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 10px 0 0;
}

#products-column2-wider2{ /* used in: rotary absolute encoders, draw-wire sensors */
float: left;
width: 450px;
font-size: 12px;
line-height: 17px;
color: #000;
margin: 0;
padding: 0 0 0 10px;
}

/* colored homepage boxes */

#dept-purple{
float: left;
width: 354px;
height: 220px;
background: url(../graphics/dept-bg-purple.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-purple p{
padding: 0;
margin: 0;
}

#dept-purple a:link, #dept-purple a:visited{
color: #4913c2;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-purple a:hover, #dept-purple a:active{
color: #003c78;
}

#dept-blue{
float: right;
width: 354px;
height: 220px;
background: url(../graphics/dept-bg-blue.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-blue p{
padding: 0;
margin: 0;
}

#dept-blue a:link, #dept-blue a:visited{
color: #3b63d7;
text-decoration: none;
font-weight: bold;
font-size: 13x;
}

#dept-blue a:hover, #dept-blue a:active{
color: #003c78;
}

#dept-red{
float: left;
width: 354px;
height: 220px;
background: url(../graphics/dept-bg-red.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
text-align:right;
}

#dept-red p{
padding: 0;
margin: 0;
}

#dept-red a:link, #dept-red a:visited{
color: #c91f33;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-red a:hover, #dept-red a:active{
color: #003c78;
}

#dept-yellow{
float: right;
width: 354px;
height: 220px;
background: url(../graphics/dept-bg-yellow.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-yellow p{
padding: 0;
margin: 0;
}

#dept-yellow a:link, #dept-yellow a:visited{
color: #edb60f;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-yellow a:hover, #dept-yellow a:active{
color: #003c78;
}

#dept-orange{
float: left;
width: 354px;
height: 220px;
background: url(../graphics/dept-bg-orange.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-orange p{
padding: 0;
margin: 0;
}

#dept-orange a:link, #dept-orange a:visited{
color: #d36223;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-orange a:hover, #dept-orange a:active{
color: #003c78;
}

#dept-green{
float: right;
width: 354px;
height: 220px;
background: url(../graphics/dept-bg-green.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-green p{
padding: 0;
margin: 0;
}

#dept-green a:link, #dept-green a:visited{
color: #3e8529;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-green a:hover, #dept-green a:active{
color: #003c78;
}

#dept-green-small{
float: right;
width: 354px;
height: 105px;
background: url(../graphics/dept-bg-green-small.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-green-small p{
padding: 0;
margin: 0;
}

#dept-green-small a:link, #dept-green-small a:visited{
color: #3e8529;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-green-small a:hover, #dept-green-small a:active{
color: #003c78;
}

#dept-green-small2{
float: right;
width: 354px;
height: 104px;
background: url(../graphics/dept-bg-green-small2.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
line-height: 15px;
text-align:right;
}

#dept-green-small2 p{
padding: 0;
margin: 0;
}

#dept-green-small2 a:link, #dept-green-small2 a:visited{
color: #3e8529;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-green-small2 a:hover, #dept-green-small2 a:active{
color: #003c78;
}

#dept-green-small-usa{
float: left;
width: 354px;
height: 105px;
background: url(../graphics/dept-bg-green-small.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
line-height: 15px;
text-align:right;
}

#dept-green-small-usa p{
padding: 0;
margin: 0;
}

#dept-green-small-usa a:link, #dept-green-small-usa a:visited{
color: #3e8529;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#dept-green-small-usa a:hover, #dept-green-small-usa a:active{
color: #003c78;
}

img.dept-rightfloat{
float:right;
padding: 0 10px 5px 5px;
margin: 0;
}

h2.dept{
font-weight: bold;
font-size: 13px;
text-align: left;
padding: 0;
margin: 0 0 5px 0;
}

#blurb-featured{
float: left;
width: 348px;
height: 160px;
background: url(../graphics/featured-blurb.jpg) no-repeat 0 0;
margin: 0;
padding: 15px 18px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#blurb-new{
float: left;
width: 348px;
height: 160px;
background: url(../graphics/newproduct-blurb.jpg) no-repeat 0 0;
margin: 0;
padding: 15px 18px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

p.legend{
float: left;
margin: 0 0 1em 0;
padding: 0 15px 0 0;
}

#sub-left{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
line-height: 15px;
text-align:left;
}

#sub-right{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 11px;
line-height: 15px;
text-align:left;
}

#sub-full-1{
float: left;
width: 793px;
height: 110px;
background: url(../graphics/sub-bg-full-width.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 10px;
font-size: 11px;
line-height: 15px;
text-align:left;
}

#sf-left{
float: left;
width: 275px;
margin: 0;
padding: 0 10px 0 0;
font-size: 11px;
line-height: 15px;
text-align:left;
}

#sf-right{
float: left;
width: 488px;
margin: 0;
padding: 0 10px 0 0;
font-size: 11px;
text-align:left;
}

#sub-full-2{
float: left;
width: 793px;
height: 132px;
background: url(../graphics/sub-bg-full-width-2.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 10px;
font-size: 11px;
line-height: 15px;
text-align:left;
}

#sub-full-3{
float: left;
width: 793px;
height: 158px;
background: url(../graphics/sub-bg-full-width-3.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 10px;
font-size: 11px;
line-height: 15px;
text-align:left;
}

#featurebox{
float: right;
width: 255px;
border: 1px solid #ccc;
font-size: 11px;
text-align: left;
padding: 5px;
margin: 0 10px 0 0;
}

a.sublink:link, a.sublink:visited{
color: #003c78;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}

a.sublink:hover, a.sublink:active{
text-decoration: underline;
}

/* colored department boxes */

#sub-left-blue{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-blue.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-blue{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-blue.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-left-red{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-red.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-red{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-red.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-red-double{
float: right;
width: 359px;
height: 231px;
background: url(../graphics/sub-bg-red-double.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 10px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-left-yellow{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-yellow.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-yellow{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-yellow.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-left-green{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-green.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-green{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-green.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-left-orange{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-orange.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-orange{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-orange.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-left-pink{
float: left;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-pink.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

#sub-right-pink{
float: right;
width: 354px;
height: 110px;
background: url(../graphics/sub-bg-pink.jpg) no-repeat 0 0;
margin: 0;
padding: 11px 10px 0 15px;
font-size: 10px;
line-height: 15px;
text-align:left;
}

/* table styling */

table.tien{
width:793px;
border-collapse:collapse;
margin: 0 auto;
}

table.negen{
width:720px;
border-collapse:collapse;
margin: 0 auto;
}

table.negen-2{
width:793px;
border-collapse:collapse;
margin: 0 auto;
}

table.acht{
width:658px;
border-collapse:collapse;
margin: 0 auto;
}

table.acht-2{
width:878px;
border-collapse:collapse;
margin: 0 auto;
}

table.zeven{
width:643px;
border-collapse:collapse;
margin: 0 auto;
}

table.zeven-2{
width:793px;
border-collapse:collapse;
margin: 0 auto;
}

table.zes{
width:576px;
border-collapse:collapse;
margin: 0 auto;
}

table.zes-2{
width:709px;
border-collapse:collapse;
margin: 0 auto;
}

table.zes-3{
width:748px;
border-collapse:collapse;
margin: 0 auto;
}

table.zes-4{
width:812px;
border-collapse:collapse;
margin: 0 auto;
}

table.vijf{
width:544px;
border-collapse:collapse;
margin: 0 auto;
}

table.vijf-2{
width:610px;
border-collapse:collapse;
margin: 0 auto;
}

table.vijf-3{
width:506px;
border-collapse:collapse;
margin: 0 auto;
}

table.vijf-4{
width:846px;
border-collapse:collapse;
margin: 0 auto;
}

table.vier-2{
width:544px;
border-collapse:collapse;
margin: 0 auto;
}

table.vier-3{
width:644px;
border-collapse:collapse;
margin: 0 auto;
}

table.vier-leftfloat{
width:541px;
border-collapse:collapse;
margin: 0;
float: left;
}

table.drie{
width:400px;
border-collapse:collapse;
margin: 0 auto;
}

table.drie-leftfloat{
width:400px;
float: left;
border-collapse:collapse;
margin: 0 0 0 0;
}

table.twee{
width:350px;
border-collapse:collapse;
margin: 0 auto;
}

table.twee-rightfloat{
width:350px;
border-collapse:collapse;
float: right;
margin: 0 0 0 10px;
}

table,th, td{
border: 1px solid #ccc;
padding: 4px;
}

th{
text-align:center;
vertical-align:top;
background-color: #0274bb;
color:white;
font-weight: normal;
font-size: 11px;
}

th.left{
text-align:left;
}

td.left{
text-align:left;
}

td.heading{
font-size: 11px;
font-weight: bold;
color:#0274bb;
text-align:left;
}

table.zes-4 td{
text-align:left;
vertical-align:top;
}

table.zes-4 td.center{
text-align:center;
vertical-align:top;
}


table.zes-4 td ul{
margin: 0 0 0 15px;
padding: 0;
list-style: square;
}

table.zes-4 td ul li{
margin: 0;
padding: 0;
}

td{
font-size: 11px;
text-align:center;
vertical-align:middle;
}

td.topleft{
text-align:left;
vertical-align:top;
}

td.top{
vertical-align:top;
}

table.inner{
width:100%;
border-collapse:collapse;
border: 0px;
}

table.inner table{
border: 0px;
padding: 4px;
}

table.inner td{
border: 0px;
padding: 4px;
}

/* products markup */

img.tablerowheader{
float:left;
padding: 3px 5px 0 0;
margin: 0;
}

p.zeven {
width: 643px;
padding: 0 0 1em 160px;
margin: 0;
}

p.zeven-2 {
width: 793px;
padding: 0 0 1em 85px;
margin: 0;
}

h2.zeven-2 {
padding: 0 0 1em 85px;
margin: 0;
}

ul.zeven-2{
margin: 0 0 1em 100px;
padding: 0;
list-style: square;
}

img.subdept{
float:left;
padding: 3px 5px 0 0;
margin: 0;
}

.clear-dept{
clear:both;
}

/* content styling */

h1{
font-weight: bold;
font-size: 20px;
text-align: left;
color: #003c78;
padding: 0;
margin: 10px 0 0 15px;
}

h1.products{
font-weight: bold;
font-size: 12px;
text-align: left;
color: #000;
padding: 0;
margin: 0 0 1em 0;
}

h2{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0 0 5px 0;
}

h2.vacancy{
font-weight: bold;
font-size: 14px;
text-align:center;
padding: 0;
margin: 0 0 1em 0;
}

h2.header{
font-weight: bold;
font-size: 13px;
text-align: left;
padding: 0;
margin: 0 0 0 0;
}

h2.sidebar{
height: 20px;
background: url(../graphics/sidebar-header.jpg) no-repeat 0 0;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 5px 0 5px 10px;
margin: 0;
}

h2.products{
font-weight: bold;
font-size: 12px;
text-align: center;
padding: 0;
margin: 0 0 1em 0;
}

h2.productheader{
height: 20px;
width: 950px;
background: url(../graphics/product-header-blauw.jpg) repeat-x 0 0;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 5px 0 5px 10px;
margin: 0;
}

h2.subdepartment-header-rood{
width: 780px;
background: #e01d17 url(../graphics/product-header-rood.jpg) repeat-x 0 0; 
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 5px 0 5px 10px;
margin: 0 0 1em 0;
}

h2.subdepartment-header{
width: 375px;
background: #003c78 url(../graphics/product-header-blauw.jpg) repeat-x 0 0;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 5px 0 5px 10px;
margin: 0;
}

h2.subdepartment-header2{ /* gebruikt in: process converters/isolators */
width: 425px;
background: #003c78 url(../graphics/product-header-blauw.jpg) repeat-x 0 0;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 5px 0 5px 10px;
margin: 0;
}

#photo-box-joysticks h2{
font-weight: bold;
font-size: 14px;
text-align: right;
color: #003c78;
padding: 0;
margin: 82px 10px 0 0;
}

h3.products{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0;
}

h3.blurb{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0 0 5px 0;
}

h3{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0 0 5px 0;
}

h3.italic{
font-style:italic;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0 0 5px 0;
}

h4{
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 0;
margin: 0;
}

ul.header{
margin: 0;
padding: 0;
list-style: none;
}

ul.header li{
margin: 0;
padding: 3px 0 0 0;
}

p {
padding: 0;
margin: 0 0 1em 0;
}

p.subnav {
float: left;
padding: 4px 0 0 23px;
margin: 0;
}

p.adres-spacer {
padding: 70px 0 0 0;
margin: 0;
}

p.adres-spacer2 { /* used in: products pages, level 3 */
padding: 13px 0 0 0;
margin: 0;
}

p.adres-spacer3 { /* used in: home-nl, vacancy message */
padding: 19px 0 0 0;
margin: 0;
}

p.adres-spacer4 { /* used in: home */
padding: 35px 0 0 0;
margin: 0;
}

p.sidebar{
text-align:left;
margin: 0;
padding: 0 0 1em 10px;
}

p.naam {
font-weight: bold;
padding: 0;
margin: 0;
}

p.tel {
padding: 0;
margin: 0;
word-spacing: 15px;
}

p.fax {
padding: 0;
margin: 0;
word-spacing: 13px;
}

p.mail {
padding: 0;
margin: 0;
word-spacing: 6px;
}

p.center{
margin: 0;
padding: 0 0 1em 0;
text-align:center;
}

p.right {
margin: 0 0 1em 0;
padding: 0;
text-align: right;
}

p.center-foto {
padding: 0;
margin: 0 0 1em 0;
text-align: center;
}

p.productheader {
padding: 15px 0 0 0;
margin: 0;
}

form.search {
padding: 15px 0 15px 0;
margin: 0;
text-align: center;
}

.searchinput {
background-color: #fff;
border: 1px solid #000;
}

label
{
width: 6em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.forminput
{
background-color: #fff;
border: 1px solid #000;
}

.submit input
{
color: #fff;
background: #000;
border: 2px outset #d7b9c9
}

#products-right img{
padding: 5px 0 5px 0;
margin: 0;
}

img.flag{
float:left;
padding: 0 6px 0 0;
margin: 0;
}

img.blurb{
float:left;
padding: 0;
margin: 5px 10px 10px 0;
border: #003c78 1px solid;
}

img.sub{
float:left;
padding: 0;
margin: 0 10px 0 0;
border: #003c78 1px solid;
}

img.legend{
float:left;
padding: 0;
margin: 0 10px 0 0;
border: #003c78 1px solid;
}

img.left{
float:left;
padding: 0 10px 5px 0;
margin: 0;
}

img.right{
float:right;
padding: 0 0 5px 10px;
margin: 0;
}

img.extra-exhibition-image{
padding: 0 0 0 20px;
margin: 0;
}

a:link, a:visited{
color: #003c78;
text-decoration: none;
font-size: 12px;
}

a:hover, a:active{
text-decoration: underline;
}

p.comparison{
font-weight: bold;
font-size: 12px;
text-align:center;
text-decoration: underline;
}

p.minispace {
padding: 0;
margin: 0 0 5px 0;
}

p.makeitfit {
padding: 0;
margin: 0 0 3px 0;
}

p.doublespace {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
}

p.nospace {
padding: 0;
margin: 0;
}

p.lotsaspace {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 3em;
margin-left: 0;
}

.bold {
font-weight: bold;
}

.italic {
font-style:italic;
}

.mini{
font-size: 9px;
font-weight:normal;
}

ul{
margin: 10px 0 10px 30px;
padding: 0;
list-style: square;
}

li{
margin: 5px 0 0 0;
}

ul.sub{
margin: 5px 0 5px 20px;
padding: 0;
list-style: square;
}

ul.sub li{
margin: 0;
font-size:10px;
}

ul.sub a:link, ul.sub a:visited{
color: #0274bb;
text-decoration: none;
font-size: 10px;
}

ul.sub a:hover, ul.sub a:active{
color: #003c78;
}


/* footer styling */

#right{
width: 430px;
float: right;
color: #fff;
text-align: right;
margin: 0;
padding: 0;
}

#right-int{
width: 450px;
float: right;
color: #fff;
text-align: right;
margin: 0;
padding: 0;
}

p.footer{
float: left;
color: #fff;
text-align: left;
padding: 25px 0 0 23px;
margin: 0;
}

p.footer a:link, p.footer a:visited{ /* footer link */
color: #fff;
text-decoration: none;
font-size: 11px;
}

p.footer a:hover, p.footer a:active{ /* footer link */
color: #0194f1;
}

/* internal jump button */

#products-column1-b ul {
list-style: none;
margin: 0 0 25px 0;
padding: 0;
}

#products-column1-b ul li {
background: url(../graphics/jumpbutton-off.jpg) no-repeat 0 0;
height: 46px;
margin: 0;
padding: 0;
}

#products-column1-b ul li a {
display: block;
width: 100px;
height: 46px;
margin: 0;
padding: 4px 0 0 8px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#products-column1-b ul li a:hover,
#products-column1-b ul li a:active,
#products-column1-b ul li.active a {
background: url(../graphics/jumpbutton-on.jpg) no-repeat 0 0;
color: #fff;
}

/* Photo Cycle */

.pics{
width: 534px;
height: 159px;
padding:0;
margin:0;
overflow: hidden
}

.pics img{
width: 534px;
height: 159px;
padding: 0;
border: 0;
}