html, body {
    height:100%;
}
body {
	background-image: url('../images/back.jpg');
	background-repeat: repeat-y;
	background-position: 50% 0;
	background-color: #fff;
	color: #000;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
	font-size: 12px; line-height: 17px;
}

a { color: #009BDC; text-decoration: none; cursor: pointer; }
a:hover { color: #000; text-decoration: underline; }

h1 { font-size: 19px;  width: 100%; color: #000; line-height: 24px; }
h2 { font-size: 18px; color: #000; margin-bottom: 10px; }
h3 { font-size: 15px; color: #000; margin-bottom: 0px; }

#container {
	width: 960px;
	margin: 0 auto;

	position: relative;

}
#container #header {
	height: 220px;
	width: 960px;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	position: relative;

}
#container #header .logo { position: absolute; left: 0px; top: 5px; width: 218px; height: 72px; }
#container #header .logo a { display: block; width: 218px; height: 72px; background-image: url('../images/logo.png'); }
#container #header .slogan { position: absolute; right: 10px; top: 15px; text-align: right; }
#container #header .slogan h4 { font-size: 19px;  width: 100%; color: #000; line-height: 24px; }
#container #header .fotoholderbg1 { position: absolute; left: 0px; top: 80px; }
#container #header .fotoholderbg1 .fotoholder1 { width: 960px; height: 138px; overflow: hidden; position: relative;  }
#container #header .fotoholderbg1 .fotoholder1 .fotobalk { height: 138px; width: 960px; overflow: hidden; }
#container #header .fotoholderbg1 .fotoholder1 .fotobalk a { width: 240px; height: 138px; display: block; float: left; }
#container #header .fotoholderbg1 .fotoholder1 .fotobalk img { width: 230px; height: 138px; display: block; float: left; }

#container #content {   }
#container #content #menu  { width: 195px; float: left; margin-right: 15px; margin-left: 0px; margin-top: 20px;     -webkit-border-radius: 20px;    -moz-border-radius: 20px;  }
#container #content #menu .btn { border-bottom: 0px solid #fff; width: 195px; height: 27px; overflow: hidden; display: block; color: #fff; }
#container #content #menu .btn a {  font-weight: bold; background-color: #009BDC; padding: 4px; padding-top: 4px; padding-left: 6px;  font-size: 13px; height: 27px; width: 185px; display: block; color: #fff;  text-decoration: none; margin-top: 0px;  }
#container #content #menu .btn a:hover { color: #fff; background-color: #111;  }
#container #content #menu .on a { background-color: #000;   }
#container #content #menu .sub { color: #000; padding-top: 7px; font-size: 10px;  }
#container #content #menu .sub a { display: block; }
#container #content #menu .adres { margin-top: 20px; font-size: 10px; width: 170px; }
#container #content #menu .langsel { margin-top: 20px; font-size: 11px; width: 170px; }

#container #content #body { position: absolute; top: 214px; left: 230px; overflow: hidden; width: 720px; line-height: 16pt; padding-bottom: 40px;   }
#container #content #body a:hover { color: #000; text-decoration: underline; }
#container #content #body .kolom { width: 340px;  float: left; margin-right: 20px; text-align: left; }
#container #content #body .kolom_alt { width: 260px;  float: left;  text-align: left; }
#container #content #body .rij { clear: right; text-align: left; border-bottom: 0px solid #000; min-height: 65px; }

#container #content #body .rij h2 { margin: 0; }

#container #content #body .rij .rijpic { float: left; margin-right: 14px; margin-left: 0px;  }
#container #content #body .rij_kop { clear: right; margin-right: 13px; text-align: left; margin-bottom: 10px; }
#container #content #body .rij_kop  h1 { font-size: 23px; margin-bottom: 20px; }
#container #content #body .rij .verder { font-size: 11px; display: block; float: right; width: 95px; text-align: center; font-weight: bold; background-image: url('../images/btn_wide.png'); background-repeat: no-repeat; background-position: 0px 0px; color: #000; padding: 4px; }
#container #content #body .rij .verder:hover { color: #333; background-position: 0px -30px;  }
#container #content #body .bullet { background-image: url('../images/bull_blue.png'); background-repeat: no-repeat; background-position: 0 8px; padding-left: 30px; }
#container #content #body .bullet h3 a { color: #000; }
#container #content #body .bullet h3 a:hover { color: #009BDC; }
#container #content #body .prodmore {  width: 460px;  margin-bottom: 20px; font-size: 11px; position: relative; }
#container #content #body .prodmore ul { list-style-type: disc; padding-left: 20px; }
#container #content #body .prodmore h3 { margin-top: 10px; }
#container #content #body .prodmorepics {  float: right; width: 222px; text-align: right; margin-left: 20px; height: 600px; }
#container #content #body .home_voetnoot { clear: left; margin-left: 12px; padding-bottom: 10px; width: 720px; text-align: center; font-style: italic; }
#container #content #body .home_voetnoot h1 { font-size: 21px;  }

#more1, #more2 { padding-bottom: 30px; }

/* breadcrums */
.crums { font-size: 10px; color: #666; margin-bottom: 10px; margin-top: 20px; }
.crums a { color: #666; }

/* news */
#container #content #body .text { border-bottom: 0px; padding-top: 0; }
#container #content #body .text h1 { font-size: 23px; margin-bottom: 10px; }
#container #content #body .text h2 { margin-bottom: 10px; }
#container #content #body .text h2 a { color: #000; }
#container #content #body .text h3 { margin-top: 10px; }
#container #content #body .text ul { margin-bottom: 20px; }
#container #content #body .text .listing li {  padding: 10px; height: 26px; padding-bottom: 0px; margin-bottom: 10px; padding-left: 35px; background-image: url('../images/bull_blue.png'); background-repeat: no-repeat; background-position: 0 8px; }
#container #content #body .text .listing li h2 {  font-size: 13px; margin: 0;}

#container #content #body .newsimg { width: 150px; float: left; margin-right: 20px; margin-bottom: 10px; margin-top: 5px; margin-left: 5px; overflow: hidden; }
#container #content #body .newsimg img { width: 150px; display: block; }

/* beurzen */
.beurzenvlak img { padding: 10px; background-color: #fff; margin: 20px; display: block; }
.beurzenvlak .descr { width: 200px; float: left; }

/* productpagina */
.productul { margin-top: 20px; }
.productul li { background-image: url('../images/bull_small.png');  background-repeat: no-repeat; background-position: 0 3px; padding-left: 20px; }
.pdful li { height: 30px; padding-top: 9px; background-image: url('../images/bull_pdf.png');  background-repeat: no-repeat; background-position: 0 3px; padding-left: 30px; }
.pdful li a { font-size: 13px; font-weight: bold; color: #000; }

/* highslide css */
.highslide-dimming { background-color: #D4F4FF; }

/* make stuff rounded */
.rounded { -moz-border-radius:1ex;  -webkit-border-radius:1ex;   border: 2px solid #000; } 

.productalbum {
   clear: both;
   padding-top: 15px;
}

.productalbum img {
   float: left;
   margin: 0px 10px 10px 0px;
}

.contact label {
   float: left;
   line-height: 25px;
   width: 200px;
   padding-bottom: 5px;
}

.contact input {
   padding: 3px;
   border: 1px solid #000;
   height: 19px;
   width: 200px;
   font-size: 10pt;
   font-family: arial, sans-serif;
}

.contact br {
   clear: left;
}

.contact textarea {
   padding: 3px;
   border: 1px solid #000;
   font-size: 10pt;
   font-family: arial, sans-serif;
   width: 250px;
   height: 100px;
   margin: 0px;
   margin-bottom: 3px;
}

.contact .submit {
   padding: 5px;
   width: inherit;
   height: inherit;
   margin: 0px;
   height: 28px;
}

sup { 
   vertical-align: super;
   font-size: 0.60em;
}

h4 sup {
   font-size: 0.40em;
}