/* CSS River Diagnostics */
body, html{
 margin: 0;
 padding: 0;
 background: #472749 url(images/background.jpg) repeat-x;
 font-family: "Arial", sans-serif;
}
h1,
span.hidden, 
div#iso {
 display: none;
}
div, 
img{
 margin: 0px;
 padding: 0px;
}
a,img{
 outline: none;
 padding: 0px;
 margin: 0px;
 border: none;
}
div#container{
 width: 900px;
 margin: auto;
 text-align:left;
 height: 100%;
}
div#top{
 float: left;
 width: 900px;
 height: 28px;
 background: url(images/toppic.jpg) no-repeat;
}
div#content{
 float: left;
 width: 900px;
 background: #fff repeat-y;
}
div#logo{
 float: left;
 width: 180px;
 height: 72px;
 margin-bottom: 5px;
}
div#logo a{
 margin: 0px;
 padding: 0px;
}
div#logo img{
 margin: 0px;
 padding: 0px;
}
div#topmenu{
 background: #EEF3F7;
 border-top: 1px dotted #80C2E1;
 border-bottom: 1px dotted #80C2E1;
 float: right;
 width: 120px;
 padding: 0;
 cursor: pointer;
 margin-right: 15px;
 text-align: center;
 height: 30px;
 font-size: small;
 font-weight: bold;
}
div#topmenu a{
 text-decoration: none;
 color: #555;
 margin: 0px;
 padding: 8px 30px 5px 30px;
 clear: both;
 border-right: 1px dotted #80C2E1;
 border-left: 1px dotted #80C2E1;
 line-height: 32px;
}
div#topmenu a:hover{
 text-decoration: underline;
}
div#topmenu a span{
  font-size: 13px;
  float: left;
  padding: 2px 0 0 0;
  margin:0px;
}
div#topmenu a img{
 padding: 0px 0 0 4px;
 float: left;
 margin: 0px;
}
div#topmenu a img.mail{
 padding: 2px 0 0 4px;
}
/*** MENU GEN HORIZONTAAL ***/
div#visuals {
 background: url(images/home_header_riverd.gif) no-repeat;
 float: left;
 height: 130px;
 width: 870px;
 padding: 0;
 margin: 0px 0px 20px 15px;
}
body.spectra div#visuals {
 background: url(images/spectra_header_bg.gif) no-repeat;
}
body.skin div#visuals {
 background: url(images/skin_header_bg.gif) no-repeat;
}
body.home div#visuals div#menu_gen {
 background: none;
 height: auto;
}
div#visuals span {
 display: none;
}
div#visuals div#menu_gen ul li a {
 text-decoration: none;
 color: #555555;
 background: url(images/vak.jpg) no-repeat 0 50%;
 padding: 0px 0px 1px 20px;
}
div#visuals div#menu_gen ul li a:hover {
 font-weight: bold;
}
div#visuals div#menu_gen ul li.home a {
 background: #ffffff url(images/home_knop.gif) no-repeat;
 display: block;
 width: 83px;
 height: 39px;
margin-top:15px;
 padding: 0;
}
div#visuals div#menu_gen ul li ul li a {
 color: #555;
 text-decoration: none;
 border: none;
 padding: 0 0 0 25px;
 background: url(images/sub.jpg) no-repeat ;
 background-position: 16px 4px;
 cursor: pointer;
}
div#visuals div#menu_gen {
 background: url(images/top_streep.png) no-repeat bottom center;
 width: 870px;
 margin-top: 73px;
 font-size: small;
}
div#visuals div#menu_gen ul {
 background: #eef3f7;
 border-top: 1px dotted #80C2E1;
 border-bottom: 1px dotted #80C2E1;
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 min-height: 36px;
 width: 870px;
}
div#visuals div#menu_gen ul li {
 float: left;
 width: 168px;
 padding: 12px 0px 8px 8px;
 background: #eef3f7;
 border-left: 1px dotted #80C2E1;
 border-right: 1px dotted #80C2E1;
 margin-left: 13px;
 cursor: pointer;
}
div#visuals div#menu_gen ul li.home {
 background: #ffffff;
 width: 39px;
 margin: -1px 0px 0px 0px;
 height: 37px;
 padding: 0px 45px 0px 0px;
 border: none;
 display: block;
}
div#visuals div#menu_gen ul li ul {
 background: #eef3f7;
 margin: 9px 0px 0px 0px;
 padding: 0;
 position: absolute;
 font-size: small;
 display: none;
 border: 1px dotted #80C2E1;
 border-top: none;
 float: none;
 width: auto;
}
div#visuals div#menu_gen ul li ul li {
 padding: 0;
 border: none;
 width: 176px;
 float: none;
 margin: 0;
}
div#visuals div#menu_gen ul li ul li ul {
 background: #eef3f7;
 padding: 0;
 margin: -10px 0px 0px 0px;
 position: absolute;
 border: 1px dotted #80C2E1;
 z-index: 3;
}
div#visuals div#menu_gen ul li ul li ul li {
 width: 163px;
 clear: both;
 margin:0;
}
/*** LINKS SUBMENU ***/
div#links{
 display: none;
 float: left;
 width: 210px;
 padding: 0 0 0 20px;
}
div#links div#boven{
 float: left;
 width: 210px;
 height: 11px;
 overflow:hidden;
 background: url(images/menutop.jpg) no-repeat;
 padding:0;
 margin:0;
}
body.home div#links div#menu {
 display: none;
}
div#links div#menu{
 float: left;
 width: 210px;
 background: url(images/menubg.jpg) repeat-y;
 font-size: 13px;
 color: #555;
}
div#links div#menu ul {
 margin: 0;
 padding: 0px 6px 0px 6px;
 width: 195px;
}
div#links div#menu ul li {
 padding: 9px 0px 9px 12px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #80c2e1;
}
div#links div#menu ul li a {
 color: #555;
 text-decoration: none;
 border: none;
 padding: 0 0 1px 25px;
 background: url(images/vak.jpg) no-repeat ;
 cursor: pointer;
}
a.on,
body.careers div#links div#menu ul li a.careers,
body.home div#links div#menu ul li a.home,
body.spectra div#links div#menu ul li a.spectra,
body.skin div#links div#menu ul li a.skin,
body.bodyactus div#links div#menu ul li a.news,
body.aboutus div#links div#menu ul li a.aboutus,
body.raman div#links div#menu ul li a.raman,
body.partnering div#links div#menu ul li a.partnering,
body.contact div#links div#menu ul li a.contact,
body.services div#links div#menu ul li a.services,
div#links div#menu ul li a:hover{
 font-weight: bold; 
}
div#links div#menu ul li ul {
 margin: 0px;
 padding: 10px 0 0 0;
 width: 185px;
}
div#links div#menu ul li ul li {
 padding: 0px 0px 3px 12px;
 margin: 0;
 list-style: none;
 border: none;
 font-size: 12px;
}
div#links div#menu ul li ul li a {
 color: #555;
 text-decoration: none;
 border: none;
 padding: 0 0 0 25px;
 background: url(images/sub.jpg) no-repeat ;
 background-position: 16px 4px;
 cursor: pointer;
}
div#menu ul li ul {
 display: none;
}
body.home div#links div#onder {
 background: none;
}
div#links div#onder{
 float: left;
 width: 210px;
 height: 16px;
 background: url(images/menubottom.jpg) no-repeat;
}
/*** INTER ***/
body.home div#inter {
   border-bottom: 1px solid #51A2FB;
   margin: 0px 40px 30px 40px;
   float: left;
   width: auto;
   padding: 0px 0px 50px 0px;
}
div#inter{
  width: 740px;
  height: 100%;
  color: #555;
  font-size: 13px;
  line-height: 160%;
  float: left;
  margin: auto;
  padding: 0px 40px 30px 90px;
}
body.skin #inter,
body.spectra #inter {
 clear: none;
 float: left;
 width: 609px;
 padding: 0px 0px 0px 30px;
}
body.nieuws div#inter{
 float: left;
 width: 389px;
 height: 100%;
 color: #555;
 font-size: 12px;
 line-height: 160%;
 padding: 0px 32px 32px 25px;
 border-bottom: 1px solid #51a2fb;
}
body.home div#inter h2 {
 background: url(images/welkome_h2.gif) no-repeat center;
 width: 380px;
 height: 90px;
 margin: auto; 
}
div#inter h2 {
 padding: 0 0 9px 0;
 margin: auto;
 margin-top: 0;
 font-size: 20px;
 color: #55beff;
 line-height: 120%;
 text-align: center;
}
div#inter p{
 padding-top: 3px;
 padding-bottom: 3px;
 margin-top: 3px;
 margin-bottom: 3px;
 line-height: 160%;
 text-align: justify;
}
div#inter a{
 text-decoration: none;
 color: #007ccc;
 font-weight: bold;
}
div#inter a:hover{
 text-decoration: underline;
}
div#inter ul{
 font-size: 12px;
 padding: 3px 0 3px 15px;
 margin: 0px;
}
div#inter img{
 padding: 4px;
}
body.nieuws div#inter span{
 float: left;
}
 img.border01, .BorderBlue{
 border: 1px dotted #80c2e1;
}
/*** NIEUWS ITEMS AAN DE RECHTERKANT ***/
div#rechts{
 float: right;
 margin-left: 15px;
 width: 214px;
 height: 100%;
 color: #555;
 }
body.home div#rechts,
body.aboutus div#rechts,
body.raman div#rechts,
body.partnering div#rechts,
body.careers div#rechts,
body.sitemap div#rechts,
body.nieuws div#rechts {
 display: none;
}

body.nieuws div#iso{
 display: none;
}
div#news, div#iso{
 float: right;
 width: 214px;
 height: 100%;
 color: #555;
}
div#news div#newstop{
 float: left;
 width: 214px;
 height: 32px;
 background: url(images/newstop.jpg) no-repeat;
}
div#iso div#isotop{
 float: left;
 width: 214px;
 height: 32px;
 background: url(images/isotop.jpg) no-repeat;
}
div#news div#newstop h3,
div#iso div#isotop h3{
 margin: 0px;
 padding: 11px 0 0 42px;
 font-size: 13px;
 font-weight: normal;
}
div#news div#newscenter,
div#iso div#isocenter{
 float: left;
 width:214px;
 background: url(images/newscenterbg.jpg) repeat-y;
 font-size: 12px;
 line-height: 160%;
 padding-top: 10px;
 min-height: 236px;
}
div#news div#newscenter p,
div#iso div#isocenter p{
 margin: 0px;
 padding: 0 19px 0 19px;
}
div#news div#newscenter a,
div#iso div#isocenter a{
 margin:0px;
 padding:0px;
 color: #555;
 text-decoration: none;
 float: left;
}
div#news div#newscenter a.read{
 padding-top: 1px;
 position: relative;
 bottom: -150px;
}
div#iso div#isocenter a.read{
 padding: 1px 0 0 19px;
}
div#news div#newscenter a:hover,
div#iso div#isocenter a:hover{
 text-decoration: underline;
}
div#iso div#isocenter img.iso{
 margin-left: 1px;
}
div#news div#newscenter img,
div#iso div#isocenter img{
 padding: 4px;
 margin: 0px;
 position: relative;
 bottom: -150px;
}
div#newsbottom,
div#iso div#isobottom{
 float: left;
 width: 214px;
 height: 19px;
 background: url(images/newsbottom.jpg) no-repeat;
 padding-bottom: 9px;
}
/*** TWEE FOTO'S OP DE HOMEPAGE ***/
div#foto_onder {
 display: none;
}
body.home div#foto_onder {
 display: block;
 float: left;
 text-align: center;
 border-top: 1px solid #51a2fb;
 margin: 0px 52px 52px 52px;
 padding: 0;
}
div#foto_onder div.foto1 {
 width: 386px;
 float: left;
 margin-right: 20px;
}
div#foto_onder div.foto2 {
 width: 386px;
 float: left;
}
div#foto_onder h2 {
 padding: 10px 0px 10px 0px;
 margin:0;
 font-size: medium;
 color: #55beff;
 line-height: 120%;
}
div#foto_onder div p a {
 background: url(images/klik_bt.png) no-repeat center left;
 padding-left: 15px;
 text-decoration: none;
 font-size: small;
 color: #007CCC;
 font-weight: bold;
 position: relative;
 z-index: 5;
}
div#foto_onder div p a:hover {
 text-decoration: underline;
}
/*** FOOTER ***/
div#footer{
 float:left;
 width: 880px;
 height: 22px;
 background: #472749 url(images/footerpic.jpg) no-repeat;
 padding: 20px 0 0 20px;
 color: #fff;
 font-size: 10px;
}
div#footer a{
 color: #fff;
 padding: 0 3px 0px  14px;
 background: url(images/driehoek.jpg) no-repeat;
 background-position: 2px 1px;
 text-decoration: none;
}
div#footer a:hover{
 text-decoration: underline;
}
/*body.aboutus div#visuals div#menu_gen ul li.aboutus,
body.raman div#visuals div#menu_gen ul li.raman,
body.partnering div#visuals div#menu_gen ul li.partnering,
body.careers div#visuals div#menu_gen ul li.careers {
 height: 100%;
}*/
/*** MENU LEFT SPECTRA & SKIN ***/
body.skin div#menu ul li.spectra,
body.skin div#menu ul li.aboutus,
body.skin div#menu ul li.news,
body.skin div#menu ul li.raman,
body.skin div#menu ul li.partnering,
body.skin div#menu ul li.careers,
body.skin div#menu ul li.contact,
body.skin div#menu ul li.products,
body.spectra div#menu ul li.skin,
body.spectra div#menu ul li.aboutus,
body.spectra div#menu ul li.news,
body.spectra div#menu ul li.raman,
body.spectra div#menu ul li.partnering,
body.spectra div#menu ul li.careers,
body.spectra div#menu ul li.products,
body.spectra div#menu ul li.contact {
 display: none;
}
body.spectra div#menu_gen ul li.skin {
 display: none;
}
/*** SKIN NOT INGELOGD ***/
body.not_ingelogd_skin div#links div#menu ul li.skin_techIssues, 
body.not_ingelogd_skin div#links div#menu ul li.skin_faq, 
body.not_ingelogd_skin div#links div#menu ul li.skin_order_online {
 display: none;
}
body.skin div#links div#menu ul li.home span.hidden {
 display: block;
}
body.skin div#links div#menu ul li.home a {
 display: block;
}
body.skin div#links div#menu ul.skin {
 display: block;
}
/*** SPECTRA NOT INGELOGD ***/
body.not_ingelogd_spectra div#links div#menu ul li.spectra_techIssues, 
body.not_ingelogd_spectra div#links div#menu ul li.spectra_faq, 
body.not_ingelogd_spectra div#links div#menu ul li.spectra_order_online {
 display: none;
}
body.spectra div#links div#menu ul li.home span.hidden {
 display: block;
}
body.spectra div#links div#menu ul li.home a {
 display: block;
}
body.spectra div#links div#menu ul.spectra {
 display: block;
}
/*** SKIN INGELOGD ***/
body.ingelogd_skin div#menu_gen ul li.skin_techIssues, 
body.ingelogd_skin div#menu_gen ul li.skin_faq, 
body.ingelogd_skin div#menu_gen ul li.skin_services, 
body.ingelogd_skin div#menu_gen ul li.skin_order_online {
 display: block;
}
body.skin #links,
body.spectra #links,
body.skin #menu,
body.spectra #menu{
 display: block;
}
body.skin div#menu ul li.skin {
 display: block;
}
/*** SITEMP ***/
body.sitemap #inter ul li span.hidden {
 display: block;
}