/* main styles by dingz */

body { margin: 0px; padding: 0px; font-family: Verdana; font-size: 10pt; color: #415c6b; background: #fff url('../images/bg.jpg') repeat-x top; }

#callme { padding: 20px; background-image: url('none'); }

a img { border: 0px; }
a { color: #990000; text-decoration: none; }
a:hover { color: #454b79; text-decoration: none; }

h1 { font-size: 18pt; margin: 0px 0px 20px 0px; font-weight: normal; color: #b32024; font-family: Trebuchet MS, Verdana; }
h2 { font-size: 13pt; margin: 0px 0px 0px 0px; font-weight: normal; color: #7888b2; font-family: Trebuchet MS, Verdana; }

/* div styles by dingz */

#wrap { margin: 0px auto; width: 1000px;  background: #fff; padding: 0px;  overflow: hidden;} 
#header { height: 100px;  margin: 0px; padding: 0px;  }

#nav { height: 44px; background: url('../images/nav.jpg') repeat-x; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px  }
#nav ul { list-style: none; margin: 4px 0px 0px 0px; padding: 0px; }
#nav ul li { display: inline; margin: 0px 10px 0px 10px; float: left; #padding: 4px 0px 10px 0px;   }
#nav ul li.winkelwagen { float: right;  }

#nav ul li a {  padding:  7px 7px 5px 7px; color: #fff; text-decoration: none;  font-size: 11pt; font-family: Trebuchet MS, Verdana; }
#nav ul li a:hover { color: #163a4c; background: #d4effc;  text-decoration: none;  font-size: 11pt; font-family: Trebuchet MS, Verdana; }

#nav ul li a.active { color: #163a4c; background: #fff;  text-decoration: none;  font-size: 11pt; font-family: Trebuchet MS, Verdana; }


#left { width: 701px; border-right: 1px solid #eee; margin: 0px; padding: 0px; float: left; line-height: 22px; }
#right { width: 290px;  margin: 0px; padding: 0px; float: left; line-height: 22px;}

#left2 { width: 751px; border-right: 1px solid #eee; margin: 0px; padding: 0px; float: left; line-height: 22px; }
#right2 { width: 248px;  margin: 0px; padding: 0px; float: left; line-height: 22px; }

#right ul { padding: 0px; margin: 0px; list-style: none; }
#right ul li { border-bottom: 1px dashed #ccc; background: url('../images/logosmall.gif') no-repeat center left;; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px  }

#right2 ul { padding: 0px; margin: 0px; list-style: none; }
#right2 ul li { border-bottom: 1px dashed #ccc; background: url('../images/logosmall.gif') no-repeat center left;; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px  }

#holder { padding: 0px 20px 20px 20px; }
#holderright { padding: 10px; }

#footer { margin: 0 auto; margin-top: 10px; border-top: 3px solid #454b79; width: 1000px; text-align: center; font-size: 8pt; overflow: hidden; }
#footerinfo { background: #fff; width: 1000px; text-align: left; margin: 0px auto; text-align: center; padding: 10px; }

#highlight { background: #fff url('../images/adhoc.gif') no-repeat; border: 1px solid #bcd5e4; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px; padding-left:50px; padding-right:20px; padding-top:16px; padding-bottom:16px }
#contact { float: right; padding: 10px 20px 10px 20px; font-size: 12pt; }
#callmenow { margin: 0 0 10px 0; clear: both; display: block; text-align: center; }

#vakken ul { list-style: none; padding: 0px; margin: 0px; margin-top: 8px; }
#vakken ul li { background: url('../images/arrow.gif') no-repeat center left;; margin-left:5px; margin-right:0px; margin-top:7px; margin-bottom:0px; padding-left:10px; padding-right:6px; padding-top:0px; padding-bottom:0px }
#vakken ul li a { color: #454b79; } #vakken ul li a:hover { color: #990000; }


 
.vaka { width: 214px; height: 193px; margin: 8px; _margin: 6px; background: url('../images/vak-a.jpg'); float: left; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:10px }
.vakb { width: 214px; height: 193px; margin: 8px; _margin: 7px; background: url('../images/vak-b.jpg'); float: left; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:10px }
.vakc { width: 214px; height: 193px; margin: 8px; _margin: 7px; background: url('../images/vak-c.jpg'); float: left; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:10px }
.vakd { width: 214px; height: 193px; margin: 8px; _margin: 6px; background: url('../images/vak-d.jpg'); float: left; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:10px } 

.vaka:hover {  background: url('../images/vak-a.jpg') no-repeat 0px -286px; }
.vakb:hover {  background: url('../images/vak-b.jpg') no-repeat 0px -286px; }
.vakc:hover {  background: url('../images/vak-c.jpg') no-repeat 0px -286px; }
.vakd:hover {  background: url('../images/vak-d.jpg') no-repeat 0px -286px; }

#vaka_small { width: 214px; height: 25px; _margin: 6px; margin-bottom: 25px; background: url('../images/vak-a.jpg'); float: left; margin-left:8px; margin-right:8px; margin-top:8px; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:3px }
#vakb_small { width: 214px; height: 25px; _margin: 7px; margin-bottom: 25px; background: url('../images/vak-b.jpg'); float: left; margin-left:8px; margin-right:8px; margin-top:8px; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:3px }
#vakc_small { width: 214px; height: 25px; _margin: 7px; margin-bottom: 25px; background: url('../images/vak-c.jpg'); float: left; margin-left:8px; margin-right:8px; margin-top:8px; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:3px }
#vakd_small { width: 214px; height: 25px; _margin: 6px; margin-bottom: 25px; background: url('../images/vak-d.jpg'); float: left; margin-left:8px; margin-right:0px; margin-top:8px; padding-left:10px; padding-right:10px; padding-top:77px; padding-bottom:3px }

/* class styles by dingz */

.clearfix:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.rood { color: #b7322a; } 

div.error {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
  color: black;
}

/* DATATABLE */
table.datatable {
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #CCC;
	width: 100%;	
}

table.datatable td { padding: 5px; margin: 0; vertical-align: top; }
table.datatable tr.odd { background: #F7F7F7; }
table.datatable thead th { font-size:11px; font-weight: bold; background: #F7F7F7; margin: 0; padding: 3px; border: 1px solid #CCCCCC; }