/* general tag styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	background: url(../images/body-bg.jpg) repeat;
}

p, td, li, form, label {
	font-size: 11px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 140%;
	padding: 0 0 15px 0;
	color: #000;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  padding: 0;
} 

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  padding: 0;
} 


h1, h2, h3, h4 {
    color: #4C5C65;
	font-size: 16px;
	font-weight: bold;
	line-height: 140%;
	padding: 0 0 15px 0;
	margin: 0;
}

h1 span {
	color: #F87A27;
	font-size: 14px;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #010101;
}

a:hover {
	color: #010101;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

/* tabular data cell styles */

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

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}


/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 994px;
	background: url(../images/banner.gif) left top no-repeat;
}

.content-container {
	background: #fff;
}

#column-l {
	width: 202px;
	float: left;
}

#column-r {
	width: 780px;
	float: left;
	margin: 0 0 0 8px;
	padding: 76px 0 0 0;
}

#logo {
	margin: 54px 0 0 5px;
}

/* left navigation */

#lnav {
	margin: 3px 0 0 5px;
	list-style: none;
}

/* home page styles */

.home-content1 {
	background: #fff;
	height: 100%;
}

.home-content1 .home-l {
	background: url(../images/home_l_bg.jpg) left bottom no-repeat;
	padding: 15px 0 0 370px;
	/*float: left;*/
	width: 380px;
	/* height: 148px; */
}

.home-content1 .home-l .title {
	color: #4C5C65;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	padding: 0 0 15px 0;
}

.home-content1 .home-l .title span {
	color: #4C5C65;
	font-size: 12px;
}

.home-content1 .home-l p {
	padding: 0 0 15px 65px;
}

.home-content1 .home-r {
	padding: 15px 0 5px 22px;
	width: 168px;
	float: left;
}

.home-content1 .home-r ul {
	list-style: none;
}

.home-content1 .home-r ul li {
	padding: 0 0 3px 0;
}

.home-content1 .home-r ul li a {
	color: #4C5C65;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

.home-content1 .home-r ul li a:hover {
	text-decoration: underline;
}	

.home-features {
	background: #fff url(../images/features_bg.jpg) left top repeat-y;
}

.home-features .align-right {
	text-align: right;
	padding: 0 5px 0 0 !important;
}

.home-features p.clearit {
	line-height: 1px;
	font-size: 0px;
}

.home-features .feat-l {
	float: left;
	width: 195px;
}

.home-features .feat-l .content {
	padding: 5px 10px 0 20px;
}

.home-features .feat-l .content p, .home-features .feat-c .content p {
	padding: 0 0 10px 0;
}

.home-features .feat-c {
	float: left;
	width: 195px;
    min-height: 127px;
    background-color: #fff;
}

.home-features .feat-c .content {
	padding: 5px 10px 0 20px;
	width: 165px;
	float: left;
}

.home-features .feat-r {
	float: left;
	width: 390px;
}


/* bedrijf page style */

#content-bedrijf {
	background: #fff url(../images/bedrjf_bg.jpg) left bottom no-repeat;
	padding: 15px 20px 15px 195px;
	height: 263px;
	min-height: 263px;
}

/* diensten page style */

#content-diensten {
	background: #fff url(../images/diensten_bg.jpg) left bottom no-repeat;
	padding: 15px 20px 15px 195px;
	height: 263px;
	min-height: 263px;
}

/* doelgroep page style */

#content-doelgroep {
	padding: 15px 20px 10px 15px;
	height: 268px;
	min-height: 268px;
}

/* producten page style */

#content-producten {
	padding: 0 0 0 0;
	height: 469px;
	min-height: 469px;
	background: #fff url(../images/verkoop_bottom.jpg) left bottom no-repeat;
}

.producten-r {
	background: #000 url(../images/producten_right.jpg) left bottom no-repeat;
	float: left;
	width: 195px;
	height: 469px;
}

.producten-l {
	float: left;
	padding: 15px 20px 10px 15px;
	width: 550px;
}

.producten-lr {
	float: left;
	padding: 15px 20px 10px 15px;
	width: 740px;
}

.producten-r ul {
	list-style: none;
}

.producten-r ul li {
	border-bottom: 2px solid #585757;
	padding: 6px 0 6px 18px;
}

.producten-r ul li a {
	color: #F87A27;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

.producten-r ul li a:hover {
	color: #fff;
}

.producten-r ul li.selected {
	background: url(../images/categ_arrow.jpg) left top no-repeat;
}

.producten-r ul li.selected a {
	color: #fff;
}

.products {
	margin: -10px 0 0 0;
}

.products td {
	padding: 0 0 5px 0;
}

.product-img {
	width: 535px;
	height: 340px;
	border: 1px solid #D9D9D9;
	text-align: center;
	vertical-align: middle;
	padding: 0 !important;
}	

.products-list {
	padding: 0 !important;
}

.product-th  {
	padding: 0 0 0 3px;
	margin: 0 0 3px 0;
}

#th-last {
	margin: 0;
}

.product-th .img-selected {
	background: url(../images/thumb_selected.jpg) left top no-repeat;
	float: left;
	padding: 9px 18px 9px 34px;
	margin: 0 10px 0 0;
}

.product-th .image {
	background: url(../images/thumb.jpg) left top no-repeat;
	float: left;
	padding: 9px 18px 10px 34px;
	margin: 0 10px 0 0;
}

.product-th .more a, .product-th .more a:hover {
	color: #64727A;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 5px 21px;
	line-height: 200%;
	background: url(../images/more.jpg) left top no-repeat;
}

.product-th .more-selected a {
	color: #EC5205;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 5px 21px;
	line-height: 200%;
	background: url(../images/more_selected.jpg) left top no-repeat;
}

.products .scroll {
	padding: 0 0 0 20px;
}

.products .scroll a {
	margin: 0 11px 0 0;
}

.product-details {
	width: 535px;
	height: 310px;
	overflow: auto;
	border: 1px solid #D9D9D9;
	text-align: left;
	vertical-align: top;
}

.product-details div {
	height: 315px;
	overflow: auto;
	padding: 15px 10px 15px 15px !important;
}

.product-details .title {
	font-size: 12px;
	text-transform: uppercase;
}

.product-details .title span {
	color: #F87A27;
}

/* contact page style */

#content-contact {
	height: 293px;
	min-height: 293px;
	height: 100%;
}

.contact {
	margin: 15px 20px 0 15px;
}

.contact th {
	text-align: left;
	vertical-align: top;
	padding: 3px 6px 0 0;
	color: #ff0000;
	font-weight: normal;
	width: 83px;
}

.contact td {
	padding: 0 20px 6px 0;
}

.contact input {
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #8E8E8E;
}

.contact textarea {
	width: 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #8E8E8E;
}

.contact .btn {
	width: 72px;
	border: none;
}

.dotted-line {
	line-height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 10px 0;
	background: url(../images/dot.gif) left top repeat-x;
}

.check {
	width: auto !important;
	border: none !important;
	vertical-align: middle;
}

.options {
	line-height: 200%;
}

.contact-address {
	float: right; 
	width: 165px;
	background: #333333;
	height: 263px;
	padding: 15px;
}

.contact-address p {
	color: #DCDDDE;
	line-height: 180%;
}

/* footer */

#footer {
	color: #DEEBF2;
	font-size: 10px;
	text-align: right;
	padding: 5px 0 5px 0;
}

#footer a {
	color: #DEEBF2;
}

#footer a.powered {
	color: #DEEBF2;
	text-decoration: none;
}

#footer a.powered:hover {
	color: #DEEBF2;
	text-decoration: underline;
}


/* other styles */

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.float-left {
	float: left;
}

/* overlayer */

#overlayer {
	background: #000  url(../images/overlayer_bg.jpg) left bottom no-repeat;
	position: absolute;
	left: 38%;
	top: 25%;
	text-align: left;
	width: 345px;
	padding: 18px 44px 115px 55px;
}

#overlayer p {
	font-size: 12px;
	color: #E0E0E0;
}

#overlayer h1 {
	font-size: 18px;
	color: #F26717;
	font-weight: bold;
}	

#overlayer .close {
	text-align: right;
	font-size: 10px;
	margin: 0 -44px 0 0;
}

#overlayer .close a {
	color: #000;
	font-size: 10px;
	text-decoration: none;
	background: #B1B1B1;
	padding: 3px 10px 3px 10px;
}

#overlayer .close img {
	vertical-align: -0.2em;
}

/* new styles */

#lnav li.level2 {
	background: #333333;
	margin: 0 0 1px 0;
	padding: 4px 0 4px 34px;
}

#lnav li.level2 a {
	color: #Ff0000;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}

#lnav  #selected {
	background: #333333 url(../images/arrow.jpg) left top no-repeat;
}

#lnav  #selected a {
	color: #fff;
}

.pdf-download {
	background: url(../images/icon-pdf.gif) left top no-repeat;
	padding: 0 0 10px 23px;
	
}

.pdf-download a {
	color: #010101;
	text-decoration: none;
}

.pdf-download a:hover {
	color: #010101;
	text-decoration: underline;
}

.scroll1{
	height: 273px;
	overflow: auto;
}

.error{
	color: #EC5205;
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 100%;
}

#lang-bar{
	width: 780px;
	height: 75px;
	background: url(../images/red_banner.gif) left bottom no-repeat;
}

#lang-bar p{
	color: #fff;
	padding: 15px 0 0 15px;
}

#lang-bar a, a:hover{
	color: #fff;
	text-decoration: none;
}

#lang-bar a.selected{
	color: #fff;
	text-decoration: underline;
}

.pagination-img {
	margin: -45px 0 0 15px;
	color: #4C5C65;
}


.pagination-img a {
	color: #4C5C65;
	text-decoration: none;
	font-weight: normal;
}

.pagination-img a:hover {
	text-decoration: underline;
	color: #4C5C65;
}

.pagination-img span {
	color: #EC5205;
	text-decoration: underline;
}

.orar {
	padding: 0 0 7px 220px;
	color: #fff;
	font-size: 11px;
	margin: -23px 0 0 0;
	height: 100%;
	z-index: 1;
	position: relative;
	float: left;
}

.more-link{
	color: #010101;
	text-decoration: none;
}

.more-link:hover {
	color: #010101;
	text-decoration: underline;
}

.img-flush-right{
	float: right;
}

/* 16.12.2008 */

#video{
    background: url(../images/video_bg.jpg) no-repeat;
    width: 157px;
    padding: 20px 19px 20px 19px;
	margin: 0 0 0 5px;
}

.video-full h1 {
   padding: 0 0 5px 0 !important;
}

#video img {
   margin: 0 0 3px 0;
}

#video span {
    float: right;
}

.video-full {
	padding: 15px 20px 22px 15px;
}

.videos {
	background: url(../images/videos-bg.jpg) right top repeat-y;
}

.videos-top {
	background: url(../images/videos-top.jpg) right top no-repeat;
}

.videos-bottom {
	background: url(../images/videos-bottom.jpg) right bottom no-repeat;
}

.videos-l {
	float: left;
	width: 497px;
	margin: 0 17px 0 0;
}

.videos-r {
	float: left;
	width: 190px;
	padding: 20px 20px 0 20px;
	height: 360px;
	overflow: auto;
}

.videos-list {
	list-style: none;
	margin: 4px 0 15px 0;
}

.videos-list li {
	background: url(../images/icon-video-th.gif) left top no-repeat;
	padding: 0 0 0 15px;
}

.videos-list li a {
	color: #78838C;
	text-decoration: none;
	font-size: 10px;
}

.h-line {
	line-height: 1px;
    font-size: 1px;
    padding: 0;
	margin: 10px 0 20px 0;
	background: #C3C3C3;
}

.prods-list {
	margin: 15px 0 0 0;
}

.prods-list td.prod {
	border: 1px solid #DCDCDC;
	width: 163px;
	height: 163px;
	text-align: center;
	vertical-align: middle;
}

.prods-list td.spacer {
	width: 18px;
}

.prods-list td.prod-name {
	padding: 10px 0 20px 0;
}

.prods-list td.prod-name a {
	color: #4C5C65;
	text-transform: uppercase;
	text-decoration: none;
}

.prods-list td.prod-name a:hover {
	color: #4C5C65;
	text-transform: uppercase;
	text-decoration: underline;
}

.products {
	width: 720px;
	padding: 10px 20px 0 0;
	height: 410px;
	overflow: auto;
}

.prods {
	margin: 0 0 0 0;
}

.prods td.prod {
	background: url(../images/prod-frame.jpg) left top no-repeat;
	width: 159px;
	height: 163px;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

.prods td.spacer {
	width: 12px;
}

.prods td.prod-name {
	padding: 3px 0 12px 8px;
	background: url(../images/prod-name-bg.jpg) left top no-repeat;
}

.prods td.prod-name p {
	padding: 0 20px 0 0;
	background: url(../images/arrow1.jpg) right top no-repeat;
}

.prods td.prod-name a {
	color: #ff5100;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}

.prods-list td.prod-name a:hover {
	color: #4C5C65;
	text-transform: uppercase;
	text-decoration: underline;
}

.products-det {
	width: 720px;
	padding: 0 20px 0 0;
}

.big-pic {
	width: 350px;
	background: url(../images/frame-big.jpg) right top no-repeat;
	padding: 5px 7px 22px 5px;
	vertical-align: middle;
	text-align: center;
}

td.prod-spacer {
	width: 12px;
}

td.prod-descr {
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
}

td.prod-descr div {
	height: 331px;
	overflow: auto;
	padding: 15px 10px 10px 0;
}

td.scroll {
	padding: 5px 0 0 5px;
}

td.scroll p a {
	color: #425c65;
	font-size: 10px;
	text-decoration: none;
}

td.scroll p a.selected {
	color: #ff5100;
}

td.download {
	padding: 5px 0 0 0;
	font-size: 10px;
}

td.download p {
	background: url(../images/download.jpg) left top no-repeat;
	padding: 0 0 0 22px;
}

td.download a {
	font-size: 10px;
	color: #425c65;
	text-decoration: none;
}

.orange {
	color: #ff5100;
	font-size: 12px;
	font-weight: bold;
}