/* Producteninformatie.be - Main Stylesheet
 * ---------------------------
 * @Author	David Candreva <david@inventis.be>
 * @Inventis
 */

body {
  margin-top: 4px;
  background: #88c0eb url(../images/background_tile.jpg) repeat-x 0 99px;
  color: #583c27;
  font-size: 12px;
  font-family: Tahoma, Arial, sans-serif;
}

a {
  text-decoration: none;
  color: #000;
}

#siteWrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 939px;
}

#siteContainer {
  width: 920px;
  float: right;
}

#siteTop {
  background: url(../images/top.gif) no-repeat 0 0;
  width: 920px;
  height: 11px;
  overflow: hidden;
}
#siteBottom {
  background: url(../images/bottom.gif) no-repeat 0 0;
  width: 920px;
  height: 11px;
  font-size: 0px;
  overflow: hidden;
}

/* siteHeader
 ----------------------------------- */
#siteHeader {
  background: #ffffff url(../images/siteHeader_bg.jpg) no-repeat center bottom;
  height: 229px;
}
#siteHeader {
  width: 100%;
  overflow: hidden;
}
#siteHeader h1 {
  float: left;
  margin-left: 24px;
  display: inline;
}
#siteHeader h1 a {
  width: 410px;
  height: 53px;
  display: block;
  text-indent: -9000px;
}

#siteHeader form {
  float: right;
  margin-top: 14px;
}
#siteHeader form input {
  padding-left: 4px;
  color: #246ba2;
  float: left;
}
#siteHeader form input.field {
  height: 25px;
  border: 2px solid #e7d0bf;
  width: 201px;
  margin-right: 12px;
  font-size: 18px;
  line-height: 25px;
}
#siteHeader form a {
  background: url(../images/search.jpg) no-repeat 0 0;
  width: 65px;
  display: inline;
  height: 28px;
  float: left;
  text-indent: -9000px;
  margin-right: 34px;
}
#siteHeader form a:hover {
  background: url(../images/search.jpg) no-repeat 0 100%;
  width: 65px;
  height: 28px;
}

#siteHeader #tags {
  display: inline;
  clear: right;
  float: right;
  width: 255px;
  height: 127px;
  margin-right: 34px;
  margin-top: 35px;
  padding: 12px 18px 5px 12px;
}
#siteHeader #tags #keys {
  height: 104px;
}
#siteHeader #tags #keys a:hover {
  text-decoration: underline;
}
#siteHeader #tags #keys strong {
  font-weight: bold;
}
#siteHeader #tags #meertags {
  width: 100%;
}
#siteHeader #tags #meertags a {
  float: right;
  display: block;
  height: 17px;
  color: #246ba2;
  font-weight: bold;
  background: transparent
    url(https://www.producteninformatie.be/wp-content/themes/default/design/images/taghover.gif)
    no-repeat 0 50%;
  padding-left: 18px;
}
#siteHeader #tags #meertags a:hover {
  background: transparent url(../images/taghover.gif) no-repeat 0 -1px;
  color: #62432c;
}
#siteHeader #tags #meertags strong {
  font-weight: bold;
}

/* Shadows
 ----------------------------------- */
#leftShadow {
  background: url(../images/shadows/left.png) no-repeat 0 0;
  width: 18px;
  height: 250px;
  float: left;
  margin-top: 42px;
}
#topShadow {
  background: url(../images/shadows/top.png) no-repeat 0 0;
  width: 396px;
  height: 17px;
  float: right;
  margin-right: 10px;
}
#bottomShadow {
  background: url(../images/shadows/bottom.png) no-repeat 0 0;
  width: 95%;
  height: 30px;
  margin-left: 10px;
}
#bottomShadow a {
  margin-top: 1px;
  float: right;
  background: url(../images/credits.gif) no-repeat 0 0;
  height: 22px;
  width: 74px;
  font-size: 2px;
  text-indent: -9000px;
}
#bottomShadow a:hover {
  background: url(../images/credits.gif) no-repeat 0 100%;
  height: 22px;
  width: 74px;
}

/* siteHolder
 ----------------------------------- */
#siteHolder {
  overflow: hidden;
  width: 876px;
  background: #ffffff url(../images/shadows/content.jpg) no-repeat 50% 4px;
  padding: 20px 22px;
}
#siteHolder #leftNav {
  float: left;
  width: 190px;
}
#siteHolder #content {
  float: left;
  width: 496px;
}
#siteHolder #rightNav {
  float: right;
  width: 190px;
}
#siteHolder #content span.titel {
  font-weight: bold;
  margin-left: 39px;
  display: block;
  margin-bottom: 7px;
}
#siteHolder #content span.titel a {
  color: #246ba2;
}
#siteHolder #content .artikels_ {
  clear: both;
  margin-left: 39px;
  display: block;
  margin-bottom: 7px;
  clear: both;
  padding-top: 13px;
}
#siteHolder #content h2 {
  font-weight: normal;
  padding-left: 38px;
  color: #246ba2;
  font-size: 18px;
  margin-bottom: 3px;
}
#siteHolder #content h2 a {
  color: #246ba2;
}
#siteHolder #content .tekst h2 {
  font-size: 17px !important;
  font-weight: normal !important;
}

/* menuBox
 ----------------------------------- */
.menuBox {
  margin-bottom: 15px;
}
.menuBox .top {
  background: url(../images/nav/top.jpg) no-repeat 0 0;
  height: 11px;
  font-size: 0px;
}
.menuBox .bottom {
  background: url(../images/nav/bottom.jpg) no-repeat 0 0;
  height: 11px;
  font-size: 0px;
}
.menuBox ul.bullet {
  padding-left: 12px;
  background: #f3dcca;
}
.menuBox ul.bullet li {
  background: url(../images/nav/line.jpg) no-repeat 0 100%;
  padding: 4px 0 5px 0;
}
.menuBox ul.bullet li a {
  padding-left: 17px;
  background: url(../images/bullet.gif) no-repeat 2px 6px;
  display: block;
}
.menuBox ul.bullet li a:hover {
  color: #583c27;
}
.menuBox .content {
  overflow: hidden;
  background: #f3dcca;
}
.menuBox .content h3 {
  padding-left: 12px;
}
.menuBox .ad {
  padding-left: 12px;
}

/* reactie
 ----------------------------------- */
.reactie {
  width: 418px;
  padding: 3px;
  margin-bottom: 7px;
  margin-left: 38px;
  color: #000;
}
.reactie .top {
  background: url(../images/reactie/top.gif) no-repeat 0 0;
  height: 11px;
}
.reactie .bottom {
  background: url(../images/reactie/bottom.gif) no-repeat 0 0;
  height: 11px;
}
.reactie a {
  color: #246ba2;
  text-decoration: underline;
}
.reactie a:hover {
  text-decoration: none;
}
.reactie span {
  color: #246ba2;
  font-weight: bold;
}
.reactie .content {
  padding: 0 8px;
  background: #ecf8fb;
}

/* box
 ----------------------------------- */
.box {
  margin-bottom: 30px;
}
.box h2 {
  font-weight: normal;
  padding-left: 38px;
  color: #246ba2;
  font-size: 18px;
  margin-bottom: 3px;
}
.box h2 a {
  color: #246ba2;
}
.box .tekst {
  padding: 19px 39px;
  color: #343434;
  background: url(../images/box/shadow.jpg) no-repeat 12px 0;
}
.box .tekst strong {
  color: #8b5433;
  font-weight: bold;
}
.box .tekst a {
  color: #246ba2;
  text-decoration: underline;
}
.box .tekst a:hover {
  text-decoration: none;
}
.box .tekst a strong {
  color: #e4239d;
}
.box .tekst p {
  margin: 8px 0;
  line-height: 18px;
}
.box .tekst h2 {
  padding-left: 0 !important;
  font-size: 12px !important;
  font-weight: bold !important;
}
.box .floatAd {
  float: left;
  margin-right: 6px;
}
.google_ad {
  padding-left: 38px;
}
.box .tekst_archived {
  padding: 19px 39px;
  color: #343434;
  background: url(../images/box/shadow.jpg) no-repeat 12px 0;
}
.box .tekst_archived strong {
  color: #93ca2f;
  font-weight: bold;
}
.box .tekst_archived a {
  color: #246ba2;
  text-decoration: underline;
}
.box .tekst_archived a:hover {
  text-decoration: none;
}
.box .tekst_archived p {
  margin: 8px 0;
}
.box .tags {
  margin-top: 13px;
}
.box .tekst p.extra {
  background: #c57a47;
  color: #fff;
  border: 1px solid #61432b;
  padding: 3px;
  margin-top: 16px;
}
.box .tekst img {
  float: left;
  margin: 5px 10px 5px 0;
  border: 2px solid #cccccc;
}
.box .tekst img.tag {
  border: none;
  margin: 0;
  padding-right: 4px;
}
.box ul {
  display: block;
  margin-bottom: 8px;
}
.box ul li {
  margin-left: 25px;
  list-style: circle;
  margin-bottom: 5px;
}
.clear {
  clear: both;
}
a.tip {
  background: url(../images/bullet.gif) no-repeat 0 50%;
  padding-left: 17px;
  color: #246ba2;
  margin-left: 38px;
  text-decoration: underline;
}
a.tip:hover {
  text-decoration: none;
}

a.tip_left {
  background: url(../images/nav/bullet-left.jpg) no-repeat 0 50%;
  padding-left: 17px;
  color: #246ba2;
  margin-left: 38px;
  text-decoration: underline;
}
a.tip_left:hover {
  text-decoration: none;
}

a.tip_right {
  background: url(../images/nav/bullet.jpg) no-repeat 100% 50%;
  padding-right: 17px;
  color: #246ba2;
  margin-left: 180px;
  text-decoration: underline;
}
a.tip_right:hover {
  text-decoration: none;
}

/* niceForm
 -------------------------------------- */
.niceForm {
  padding-left: 38px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.niceForm textarea {
  width: 410px;
  border: 2px solid #61432b;
  margin-bottom: 4px;
  margin-top: 3px;
}
.niceForm label {
  width: 410px;
  float: left;
  clear: left;
  padding-bottom: 2px;
  padding-top: 2px;
}
.niceForm input {
  height: 20px;
  width: 410px;
  clear: left;
  border: 2px solid #b2daf4;
  margin-bottom: 3px;
}
.niceForm img {
  float: left;
}
.niceForm a#reageer {
  background: url(../images/reageer.jpg) no-repeat 0 0;
  font-size: 0;
  width: 65px;
  display: inline;
  height: 28px;
  float: right;
  text-indent: -9000px;
  margin-right: 44px;
}
.niceForm a#reageer:hover {
  background: url(../images/reageer.jpg) no-repeat 0 100%;
  width: 65px;
  height: 28px;
}

/* linklist
 -------------------------------------- */
ul.links {
  margin: 0 !important;
  list-style: none !important;
  padding: 0 !important;
}
ul.links li {
  margin: 0 !important;
  list-style: none !important;
  padding: 0 !important;
}
ul.links li a {
  background: url(../images/bullet_blue.gif) no-repeat 0 7px;
  color: #5fafea !important;
  padding-left: 14px;
}