/* algemene instellingen */

* { margin: 0; padding: 0; }
html { height: 100%; padding:0; margin:0; } 
#container { position: relative; width: 975px; padding:0; margin:0; border: 1px solid black; } 
body { font: normal 15px 'Trebuchet MS'; text-align: left; color:#000000; height: 100%; }

/* fonts */

a { color: #000000; text-decoration:none; }
a2 { color: #00a886; text-decoration:none; }
a.pv { font: bold 13px 'Trebuchet MS'; line-height: 15px; color: #000000; text-decoration: none; }
a:hover, a:hover.pv{ color: #00a886; }
div.meer a , div.meer2 a { font: bold 12px 'Trebuchet MS'; line-height: 24px; color: #00a886; }
div.meer a:hover , div.meer2 a:hover a:hover.link { color: #000000; }
a.link { font: bold 12px 'Trebuchet MS'; line-height: 24px; color: #00a886; }
a.link2 { color: #006236; }
.mail { font: normal 13px 'Trebuchet MS'; line-height: 15px; color: #00a886; }
.mail:hover { text-decoration: underline; }

.new span { font: bold 11px 'Trebuchet MS'; line-height: 24px; color: #00a886; }
.new a { font: normal 11px 'Trebuchet MS'; line-height: 24px; color: #000000; }
.new a:hover { color: #00a886; }

.adr       { font: bold 16px 'Trebuchet MS'; line-height: 24px; color: #000000; text-align: center; }
.adr:hover { color: #00a886; }

b { font: bold 14px 'Trebuchet MS'; line-height: 26px; color: #ffffff; text-decoration: none; }
div.content b { font: bold 13px 'Trebuchet MS'; line-height: 15px; color: #000000; text-decoration: none; }

p { font: normal 13px 'Trebuchet MS'; line-height: 15px; color: #000000; text-decoration: none; }
p.red { font: normal 13px 'Trebuchet MS'; line-height: 15px; color: #ff0000; text-decoration: none; }

span { font: normal 10px 'Trebuchet MS'; line-height: 15px; color: #000000; text-decoration: none; }

h1, h2 { font: bold 14px 'Trebuchet MS'; line-height: 28px; color: #000000; text-decoration: none; }

ul { font: normal 13px 'Trebuchet MS'; color: #000000; line-height: 18px; text-decoration: none; text-align: left; list-style-position: outside; list-style-type: url(images/left.png); padding: 4px 0 4px 15px; }

/* plaatjes */

img { border: 0px; }

img.floatlinksb  { float: left;  margin: 4px; }
img.floatrechtsb { float: right; width: 200px; height: 160px; margin: 3px 4px 3px 8px; border: 1px solid #878585; }
img.floatrechtsb2 { float: right; width: 200px; height: 271px; margin: 3px 4px 3px 8px; border: 1px solid #878585; }
img.floatrechtsb3 { float: right; width: 236px; height: 611px; margin: 3px 4px 3px 8px; border: 1px solid #878585; }
img.floatrechtsb4 { float: right; width: 150px; height: 150px; margin: 3px 4px 3px 8px; border: 1px solid #878585; }
img.small { width: 120px; height: 96px;  border: 1px solid #878585; }
img.mini { width: 100px; height: 75px;  border: 1px solid #878585; }
img.big { width: 320px; height: 210px;  border: 1px solid #878585; }
img.normal { border: 1px solid #878585; }
img.mini2 { width: 201px; height: 75px;  border: 1px solid #878585; }

/* formulier */

form {
 font: normal 13px 'Trebuchet MS';
 padding: 0 0 15px 0;
}

label {
 float: left;
 width: 60px;
 text-align: left; 
 margin-right: 15px;
}

input {
 background-color: #ffffff;
 font: normal 13px 'Trebuchet MS';
 border: 1px solid #d7d6d6; 
 margin-bottom: 10px;
}

textarea {
 font: normal 13px 'Trebuchet MS';
 width: 400px;
 height: 100px;
 background-color: #ffffff;  
 border: 1px solid #d7d6d6; 
 margin-bottom: 10px;
}

.button {
 cursor: pointer;
 background-color: #878585; 
 font: normal 12px 'Trebuchet MS';
 line-height: 15px;
}

/* content */

div.content {
 float: left;
 width: 732px;
 min-height: 675px;
 margin-left: 21px;
 display: inline;
}

div.titel {
 float: left;
 background: url(images/thbgs.jpg) repeat;
 width: 712px;
 height: 28px;
 text-align: left;
 display: inline;
}

div.titel2 {
 float: left;
 background: url(images/thbgs.jpg) repeat;
 width: 712px;
 height: 28px;
 text-align: left;
 margin-top: 20px;
 display: inline;
}

div.text {
 float: left;
 background-color: #f6f6f6;
 width: 710px;
 border-left: 1px solid #d7d6d6;
 border-right: 1px solid #d7d6d6;
 border-bottom: 1px solid #d7d6d6;
 text-align: left;
 padding: 10px;
 display: inline;
}

div.nblok {
 float: right;
 width: 710px;
 display: inline;
}

div.new {
 float: left;
 text-align: left;
 margin: 12px 16px 12px 0;
 display: inline;
}

div.textblok {
 float: left;
 background-color: #f6f6f6;
 width: 730px;
 border-left: 1px solid #d7d6d6;
 border-right: 1px solid #d7d6d6;
 border-bottom: 1px solid #d7d6d6;
 text-align: left;
 display: inline;
}

div.textleft {
 float: left;
 background-color: #f6f6f6;
 width: 345px;
 padding: 10px;
 text-align: left;
 display: inline;
}

div.textright {
 float: left;
 background-color: #f6f6f6;
 width: 345px;
 padding: 10px;
 text-align: left;
 display: inline;
}

div.minilijst {
 float: left;
 width: 170px;
 margin: 4px 0 4px 0;
 text-align: left;
 display: inline;
}

div.lijst {
 float: left;
 width: 345px;
 margin: 4px 0 4px 0;
 text-align: left;
 display: inline;
}

div.cblokl {
 float: left;
 background-color: #f6f6f6;
 width: 356px;
 margin-top: 20px;
 display: inline;
}

div.cblokr {
 float: left;
 background-color: #f6f6f6;
 width: 356px;
 margin-top: 20px;
 margin-left: 20px;
 display: inline;
}

div.ctitel {
 float: left;
 background: url(images/thbgs.jpg) repeat;
 width: 336px;
 height: 28px;
 text-align: left;
 display: inline;
}

div.ctblok {
 float: left;
 width: 354px;
 border-left: 1px solid #d7d6d6;
 border-right: 1px solid #d7d6d6;
 border-bottom: 1px solid #d7d6d6;
 display: inline;
}

div.ctextblok {
 float: left;
 width: 224px;
 height: 108px;
 display: inline;
}

div.ctext {
 float: left;
 width: 204px;
 height: 74px;
 margin: 8px 10px 0px 10px;
 text-align: left;
 display: inline;
}

div.ctextblok2 {
 float: left;
 width: 224px;
 height: 230px;
 display: inline;
}

div.ctextblok3 {
 float: left;
 width: 224px;
 height: 280px;
 display: inline;
}

div.ctext2 {
 float: right;
 width: 204px;
 height: 200px;
 margin: 8px 10px 0px 10px;
 display: inline;
}

div.cimg {
 float: left;
 width: 130px;
 height: 104px;
 /*margin-top: 4px;
 text-align: left;
 display: inline;*/
}

div.ctblokb {
 float: left;
 width: 224px;
 display: inline;
}

div.ctextb {
 float: left;
 width: 204px;
 margin: 8px 10px 6px 10px;
 display: inline;
}

div.meer {
 float: left;
 height: 26px;
 margin: 0 10px 0 10px;
 text-align: left;
 width: 90%;
 clear:left;
 display: inline;
}

div.meer2 {
 float: left;
 height: 26px;
 width: 250px;
 text-align: left;
 display: inline;
 clear:left;
}

div.meer3 { }

div.ttls {
 float: left;
 background: url(images/thls.jpg) no-repeat;
 width: 10px;
 height: 28px;
 display: inline;
}

div.ttls2 {
 float: left;
 background: url(images/thls.jpg) no-repeat;
 width: 10px;
 height: 28px;
 margin-top: 20px;
 display: inline;
}

div.ttrs {
 float: left;
 background: url(images/thrs.jpg) no-repeat;
 width: 10px;
 height: 28px;
 display: inline;
}

div.ttrs2 {
 float: left;
 background: url(images/thrs.jpg) no-repeat;
 width: 10px;
 height: 28px;
 margin-top: 20px;
 display: inline;
}

/* menu */

div.menu {
 float: left;
 width: 176px;
 height:920px;
 margin-left: 26px;
 display: inline;
}

div.ttl {
 float: left;
 background: url(images/thl.jpg) no-repeat;
 width: 10px;
 height: 28px;
 display: inline;
}

div.ttr {
 float: left;
 background: url(images/thr.jpg) no-repeat;
 width: 10px;
 height: 28px;
 display: inline;
}

div.ttm {
 float: left;
 background: url(images/thbg.jpg) repeat;
 width: 155px;
 height: 28px;
 text-align: left;
 display: inline;
}

div.tm {
 float: left;
 background: url(images/tbg.jpg) repeat;
 width: 155px;
 border-bottom: 1px solid #878585;
 margin-bottom: 20px;
 padding: 2px 10px 6px 10px;
 display: inline;
}

div.ad {
 float: left;
 width: 155px;
 margin-bottom: 20px;
 padding: 2px 9px 6px 9px;
 text-align: center;
 display: inline;
}

div.ad  img{
 width: 155px;
 height: 36px;
 border: 1px solid #878585;
}

div.footer {
 float: left;
 width: 732px;
 height: 30px;
 margin-top: 10px;
 text-align: center;
 margin-left: 243px;
 display: inline;
}


