﻿*
{
    padding: 0px;
    margin: 0px;
    border-style: none;
}
html 
{
    overflow-y: scroll;
}
#container
{
    width: 948px;
    margin: 0px auto;
}
.header
{
    clear:both;
    background-position: right top;
    background-repeat: no-repeat;
    width: 948px;
    height: 113px;
}
.header .logo
{
    float:left;
    width:196px;
    height:45px;
    margin-left:14px;
    margin-top:35px;
}
.header .welkomTekst
{
    float: left;
    display: block;
    clear: left;
    width: 300px;
    margin-left: 14px;
    margin-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.header .buttons
{
    float:right;
    width:300px;
    margin-top:84px;
}
.header .buttons a
{
    float:right;
    margin-left:3px;
}
#toprand
{
    clear: both;
    background-position: left top;
    background-image: url(  'images/toprand.gif' );
    background-repeat: no-repeat;
    width: 948px;
    height: 15px;
    font-size:0px
}
#content
{
    color: #41535A;
  	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    text-align: left;
}
#footer
{
    clear: both;
    width: 948px;
    color: #41535A;
  	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    padding-top:16px;
    padding-bottom:16px;
}
#footer a
{
    color:#535154;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#registratie
{
    clear: both;
    background-position: left top;
    background-image: url(  'images/login-bg.gif' );
    background-repeat: no-repeat;
    width: 206px;
    height: 127px;
  	font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: lowercase;
}
#registratie input
{
    width:80px;
    height:16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 10px;
    letter-spacing: 0px;
}
#registratie a
{
    color: #ffffff;
    text-decoration: none;
}
#registratie .link
{
    color: #ffffff;
    text-decoration: none;
    font-weight:bold;
    background-position: top right; 
    background-image: url( 'images/pijltje3.gif' );
    background-repeat: no-repeat;
    padding-right:16px;
}
.default p
{
    padding-top:10px;
    margin-right:10px;
}
.default .item
{
    padding-top:10px;
    width:240px;
}
.default .item h1
{
    font-family: Arial, Helvetica, sans-serif;
    color:#006699;
    font-size: 16px;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    border-left:solid 1px #cccccc;
}
.default .item p
{
    padding-top:0px;
    padding-left:10px;
    padding-right:10px;
    border-left:solid 1px #cccccc;
}
.default .item .spacer
{
    height:10px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:solid 1px #cccccc;
}
#menu .accordionHeader, #menu .accordionHeaderSelected
{
    width: 206px;
    background-position: left top;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    font-size: 14px;
    text-transform: lowercase;
    cursor:hand;
}
#menu .accordionHeader
{
    height:58px;
    background-image: url( 'images/menu001.gif' );
    color: #1061a9;
    letter-spacing:1px;
    font-weight:normal;
}
#menu .accordionHeaderSelected
{
    height:41px;
    background-image: url( 'images/menu002.gif' );
    color: #ffffff;
    letter-spacing:0px;
    font-weight:bold;
}
#menu a
{
  	font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding-left:26px;
    padding-top:8px;
    height:26px;
    display:block;
    font-size: 12px;
    letter-spacing:0px;
    text-transform: lowercase;
}
#menu a:link, #menu a:active, #menu a:visited
{
    background-color:#728d99;
    border-top:solid 1px #728d99;
    border-bottom:solid 1px #728d99;
}
#menu a:hover
{
    background-color: #1061a9;
    border-top: solid 1px #c3d8ea;
    border-bottom: solid 1px #c3d8ea;
    background-position: 6px 10px;
    background-image: url( 'images/pijltje2.gif' );
    background-repeat: no-repeat;
}
.default, .products, .servicesAndTraining, .technicalSupport, .customerCare, .partsOrdering, .chromatography, .article
{
    width:737px;
    float:right;
}
.products img, .servicesAndTraining img, .technicalSupport img, .customerCare img, .partsOrdering img, .chromatography img, .article img
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.products p, .servicesAndTraining p, .technicalSupport p, .customerCare p, .partsOrdering p, .chromatography p, .article p
{
}
.default a, .products a, .servicesAndTraining a, .technicalSupport a, .customerCare a, .partsOrdering a, .chromatography a, .article a
{
    color:#006699;
    text-decoration: none;
    font-weight:bold;
}
.default a:hover, .products a:hover, .servicesAndTraining a:hover, .technicalSupport a:hover, .customerCare a:hover, .partsOrdering a:hover, .chromatography a:hover, .article a:hover
{
    text-decoration: underline;
}
.moreAboutThisProduct
{
    clear:both;
    width:160px;
    border:solid 1px #c6c5c6;
}
.moreAboutThisProduct h1
{
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(  'images/blend1.gif' );
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    height:16px;
    text-align:center;
    padding-top:5px;
    margin:0px;
}
.moreAboutThisProduct .header, .moreAboutThisProduct .headerSelected
{
    background-position: 0px 4px;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(  'images/pijltje4.gif' );
    font-size: 11px;
    color: #535154;
    height: 16px;
    margin-left: 15px;
    padding-left: 15px;
    padding-top: 2px;
    background-repeat: no-repeat;
    cursor:hand;
    width:115px;
}
.moreAboutThisProduct a
{
    background-position: 0px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 16px;
    margin-left: 15px;
    padding-left: 15px;
    padding-top: 2px;
    background-repeat: no-repeat;
    width:100px;
}
.content h1
{
    font-family: Arial, Helvetica, sans-serif;
    background-image: url( 'images/blend2.gif' );
    font-size: 14px;
    color:#1061a9;
    font-weight: bold;
    height:26px;
    padding-top:6px;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:8px;
}
.content p
{
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:16px;
    color: #535154;
    padding-left:8px;
    padding-right:8px;
}
.youWouldAlsoLike
{
    width:204px;
    border:solid 1px #c6c5c6;
    color: #535154;
  	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
}
.youWouldAlsoLike h1
{
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(  'images/blend1.gif' );
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    height:16px;
    text-align:center;
    padding-top:5px;
    margin:0px;
}
.youWouldAlsoLike a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #535154;
    display:block;
    margin:4px;
}
.blauwvlak0
{
    background-color:#1061a9;
}
.blauwvlak0 .blauwvlak1
{
    background-image: url(   'images/blauwvlakboven.gif' );
    background-repeat: repeat-x;
}
.blauwvlak0 .blauwvlak1 .blauwvlak2
{
    background-position: left top;
    background-image: url(  'images/blauwvlakhoekjelinksboven.gif' );
    background-repeat: no-repeat;
}
.blauwvlak0 .blauwvlak1 .blauwvlak2 .blauwvlak3
{
    background-position: right top;
    background-image: url( 'images/blauwvlakhoekjerechtsboven.gif' );
    background-repeat: no-repeat;
}
.blauwvlak0 h1
{
    height: 22px;
    overflow: hidden;
    color: #1061a9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 8px;
}
.blauwvlak0 .inhoud
{
    margin: 8px;
}
.blauwvlak0 a
{
    color: #ffffff;
    display: block;
    clear: both;
}
.breadCrumb
{
    background-position: left top;
    background-image: url(  'images/breadcrumb-bg.gif' );
    background-repeat: repeat-x;
    width: 737px;
    height: 34px;
    font-size: 12px;
    margin-bottom: 5px;
    overflow:hidden;
    float:right;
    color: #ffffff;
}
.breadCrumb a
{
    color: #ffffff;
    float: left;
    text-decoration: none;
}
.breadCrumb a.link
{
    background-position: right top;
    background-image: url(  'images/breadcrumb-pijl.gif' );
    background-repeat:no-repeat;
    padding-top:8px;
    padding-left:10px;
    padding-right:22px;
    height:26px;
}

input.button
{
    border-right:solid 1px #7f7f7f;
    border-left:solid 1px #c5c5c5;
    border-bottom:solid 1px #7f7f7f;
    border-top:solid 1px #c5c5c5;
    font-size: 9px;
    width: 140px;
}

.textbox
{
 border-left:solid 1px #7f7f7f;
    border-right:solid 1px #c5c5c5;
    border-top:solid 1px #7f7f7f;
    border-bottom:solid 1px #c5c5c5;
    font-size:12px;
    padding-top:2px;
    padding-left:2px;
    width: 140px;
    height: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
select 
{
    border-left:solid 1px #7f7f7f;
    border-right:solid 1px #c5c5c5;
    border-top:solid 1px #7f7f7f;
    border-bottom:solid 1px #c5c5c5; 
    }