HTML, BODY {
  font-family: sans-serif;
  font-size: 13px;
  color: #333333;
  padding: 0;
  margin: 0;
}

BODY {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
}

/*************************/

A {
  color: #0097CF;
  text-decoration: none;
}
A:hover {
  color: #60BD69;
  text-decoration: none;
}

H2 {
  margin: 0px;
  padding: 0px 0px 2px 0px;
  font-size: 14px;
  color: #0097CF;
}

H3 {
  margin: 0px;
  padding: 15px 0px 2px 0px;
  font-size: 14px;
  color: #0097CF;
}

H2 A,
H3 A {
  color: #0097CF;
  text-decoration: underline;
}

UL {
  margin: 5px 0px;
  padding: 0px 0px 0px 20px;
}

LI {}

.green { color: #60BD69; }


/*************************/

#top_grey {
  display: block;
  background: #F2F4F6;
  position: relative;
  height: 45px;
}

#container {
  display: block;
  position: relative;
  width: 980px;
  margin: 0px auto;
  padding: 3px 30px 15px 30px;
}

/*************************/

#header {
  display: block;
  position: relative;
  height: 230px;
  overflow: hidden;
}

#header_left {
  float: left;
  width: 272px;
}

#header_right {
  float: right;
  width: 625px;
}

#header_logo {
  display: block;
  background: url(../images/logo.png) no-repeat right 18px;
  height: 50px;
  padding: 65px 0px 0px 0px;
  color: #60BD69;
  font-size: 17px;
  text-align: right;
  text-decoration: none;
}

#header_number {
  color: #0097CF;
  font-size: 22px;
  text-align: right;
}

#header_number .green {
  color: #60BD69;
  font-size: 17px;
}

#header_title {
  background: #0097CF;
  height: 90px;
  margin: 0px 0px 1px 0px;
  padding: 25px 35px 0px 35px;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: bold;
}

#header_fotos {
  height: 114px;
  margin: 0px;
  overflow: hidden;
}

IMG.header_foto {
  display: #000000;
  width: 156px;
  height: 114px;
}

/*************************/

#content {
  display: block;
  position: relative;
  overflow: hidden;
}

#content_left {
  float: left;
  width: 272px;
  border-top: 1px solid #0097CF;
}

#content_right {
  float: right;
  width: 623px;
  border-top: 1px solid #FFFFFF;
}

UL#menu {
  margin: 0px;
  padding: 0px;
  width: 205px;
}

UL#menu LI {
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 50px;
  border-bottom: 1px solid #0097CF;
  overflow: hidden;
}

UL#menu LI A {
  display: block;
  margin: 0px;
  padding: 14px 0px 0px 25px;
  color: #0097CF;
  text-decoration: none;
  font-size: 16px;
}

UL#menu LI A:hover, UL#menu LI A:focus { color: #60BD69; }
UL#menu LI A.selected { color: #0097CF; font-weight: bold; }

#socialmedia {
  padding: 40px 0px 20px 35px;
  overflow: hidden;
}

#socialmedia A {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0px 10px 0px 0px;
  float: left;
}

#socialmedia A.twitter { background: url(../images/twitter.png) no-repeat 0 0; }
#socialmedia A.facebook { background: url(../images/facebook.png) no-repeat 0 0; }
#socialmedia A.youtube { background: url(../images/youtube.png) no-repeat 0 0; }

#content_text {
  background: #F0F8FD;
  padding: 50px 60px;
  line-height: 1.3;
  overflow: hidden;
}

/*************************/

A.button_back {
  display: block;
  background: url(../images/bullet_green.png) no-repeat right 8px;
  padding: 3px 14px 3px 14px;
  color: #0097CF;
  text-decoration: none;
  text-align: right;
}
A.button_back.top { margin: -20px 0px 10px 0px; }
A.button_back.bottom { margin: 20px 0px 0px 0px; }

A.button_back:hover { color: #60BD69; }


/*************************/

A.doc,
A.xls,
A.pdf {
  clear: both;
  display: block;
  padding: 2px 0 2px 25px;
}

A.doc { background: url(../images/doc.png) no-repeat 0px 3px; }
A.xls { background: url(../images/xls.png) no-repeat 0px 3px; }
A.pdf { background: url(../images/pdf.png) no-repeat 0px 3px; }

A.doc SPAN,
A.xls SPAN,
A.pdf SPAN {
  font-style: italic;
  color: #888888;
  padding: 0px 0px 0px 5px;
}


.product {
  background: #D1EBF8;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.product .afbeelding {
  float: left;
  width: 110px;
  overflow: hidden;
}
.product .afbeelding IMG {}

.product .titel {
  color: #0097CF;
  font-weight: bold;
  float: left;
  padding: 8px 0px 5px 10px;
  width: 370px;
}
.product .titel SPAN{
  color: #0097CF;
  font-weight: bold;
  float: right;
  padding: 0px 0px 0px 20px;
}

.product .omschrijving {
  float: left;
  padding: 5px 0px 5px 10px;
  width: 370px;
}

.product .bestellen {
  float: right;
  padding: 5px 13px 8px 0px;
}
.product .bestellen A {
}


/*************************/

TABLE {
  width: 100%;
  border: none;
}

TH { text-align: left; }

.documenten TR:hover TD { background: #C0E4F3; }
.documenten TR .productnummer { width: 80px; }
.documenten TR .veiligheidsblad { width: 110px; }
.documenten TR .productblad { width: 90px; }

/*************************/


#footer {
  display: block;
  position: relative;
  padding: 15px 0px 0px 0px;
  overflow: hidden;
}

#ticker {
  display: block;
  position: relative;
  width: 470px;
  float: left;
  color: #0097CF;
}

A#wesp {
  display: block;
  background: url(../images/wesp.png) no-repeat 0 0;
  position: relative;
  width: 110px;
  height: 63px;
  float: right;
}
A#wesp:hover { background: url(../images/wesp.png) no-repeat 0 bottom; }


/*************************/


TABLE.form {}
TABLE.form TR {}
TABLE.form TD {
  padding: 5px 0px 0px 0px;
}

INPUT.input,
INPUT.checkbox,
TEXTAREA,
LABEL {
  font-family: sans-serif;
  font-size: 13px;
  color: #333333;
}

INPUT.input {
  border: 1px solid #0097CF;
  padding: 2px 3px;
  width: 250px;
}

INPUT.button {
  border: 1px solid #0097CF;
  padding: 2px 3px;
  width: 258px;
  background: #0097CF;
  color: #FFFFFF;
  cursor: pointer;
}
INPUT.button:hover {
  border: 1px solid #60BD69;
  background: #60BD69;
}

INPUT.checkbox {

}

TEXTAREA {
  border: 1px solid #0097CF;
  padding: 2px 3px;
  width: 250px;
  height: 100px;
}

LABEL {
  display: block;
  cursor: pointer;
}


/*************************/


.verzonden {
  display: block;
  border: 1px solid #0097CF;
  float: left;
  margin: 12px 0 0 0;
  padding: 10px;
}


/*************************/


#ticker UL,
#ticker LI {
  margin: 0;
  padding: 0;
  list-style: none;
}

#ticker UL {
  /*margin-left: 0px !IMPORTANT;*/
}

#ticker LI { 
  /* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
  */ 
  width: 450px;
  height: 40px;
  overflow: hidden; 
}

#ticker SPAN {
  display: inline-block;
  background: url(../images/ticker_x.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  margin: 0px 5px -3px 5px;
  overflow: hidden; 
}