html { margin: 0; padding: 0; width: 100%}
html, body {
/*reset padding */
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
/*reset margin */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
BODY {
SCROLLBAR-BASE-COLOR: #4ca5ff;
SCROLLBAR-TRACK-COLOR: #C0C0C0;
margin: 0px;
padding: 0px;
border: #FFFFFF 0px solid;
}
H1 {
COLOR: #136570;
FONT: 24px "Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
text-align: center;
}
/* PAGE BACKGROUNDS */
.backgrounds {
background-image: url(picts/background1.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
}
/* NON-MENU LINK COLORS */
a:link { color: #4ca5ff; text-decoration: none; }
a:visited { color: #6666FF; text-decoration: none; }
a:active { color: #6666FF; text-decoration: none; }
a:hover { color: #009900; text-decoration: none; }
.biglink {
COLOR: #6633FF;
FONT: 12px verdana, arial, sans-serif; font-weight: bold;
font-style: italic;
TEXT-DECORATION: none;
}
.biglink:hover {
COLOR: #FF6600;
FONT: 12px verdana, arial, sans-serif; font-weight: bold;
font-style: italic;
TEXT-DECORATION: none;
}
/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */
TABLE { COLOR: #306578; FONT: 16px "Trebuchet MS", verdana, arial, sans-serif; font-weight: normal; }
.title {
COLOR: #136570;
FONT: 24px "Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
text-align: center;
}
.subtitle { COLOR: #339999; FONT: 18px "Trebuchet MS", arial, verdana, sans-serif; font-weight: bold; }
.just { text-align: justify; }
.pageheight { height: 640px; }
.formmargin { margin: 0px; }
.footer {
COLOR: #339999;
FONT: 9px verdana, arial, sans-serif;
font-weight: normal;
background-image: url("picts/background-bottom-shade.gif");
background-repeat: repeat-x;
background-position: 0px 0px;
}
.tekstklein {
position:relative;
top:-15px;
FONT: 9px verdana, arial, sans-serif;
font-weight: normal;
text-align:right;
}
.pagebars {
height: 18px;
background-color: #4ca5ff;
background-image: url("picts/bar.gif");
/* border-top: #136570 1px solid;
border-bottom: #136570 1px solid; */
border-top: #FFFFFF 1px inset;
border-bottom: 2px inset #4ca5ff;
}
.footerbar {
height: 30px;
background-color: #4ca5ff;
background-image: url("picts/bar-footer.jpg");
border-top: #ffffff 3px outset;
border-bottom: 2px inset #4ca5ff;
float: left;
}
.flashchanger {
border-top: #136570 1px solid;
border-bottom: #136570 1px solid;
}
.pictureend {
background-color: #5497A1;
background-image: url("picts/background-picture-end.jpg");
border-left: #136570 1px solid;
}
/* BORDERS */
.page-borders { background-color:#000000; }
.borders { border: #000000 1px solid; }
.hoverborders { border: #000000 2px solid; }
A:hover .hoverborders { border: #FF6600 2px solid; }
.page-splits {
border: 1px #D9E3EC;
background-image: url("picts/background_hr.jpg");
background-repeat: repeat-x;
background-position: right;
height: 4px;
width: 90%;
}
/* HOMEPAGE LAYERED TEXT STYLES */
#hometext {
position: absolute;
visibility: visible;
left: 535px;
top: 105px;
width: 200px;
z-index:2;
padding:5px;
border: #FFFFFF 0px solid;
}
.hometextlayer { COLOR: #FFFFFF; FONT: 11px "Trebuchet MS", arial, verdana, sans-serif; font-weight: bold; }
.hometexttitle { COLOR: #FFFFFF; FONT: 20px "Trebuchet MS", arial, verdana, sans-serif; font-weight: normal; }
/* SETUP PAGES FOR PRINTING */
@media print {
.printhide { display:none;}
.printhelp { width:600px; }
}
@media screen{
.printonly { display:none; }
}
/* GALLERY CODE */
.picturetitle { COLOR: #000000; FONT: 13px "Trebuchet MS", arial, sans-serif; font-weight: normal; }
.picturecomments { COLOR: #306578; FONT: 11px "Trebuchet MS", arial, sans-serif; font-weight: normal; }
.gallery-borders { border: #000000 2px solid; margin-bottom: 3px; }
.viewer-border { border: #000000 2px solid; }
.button-gallery {
color: #136570;
FONT: 10px verdana, arial, sans-serif;
font-weight: normal;
line-height: 16px;
text-align: center;
background-color: #FFFFFF;
background-image: url("picts/menu-gallery.gif");
padding: 0px 3px 0px 3px;
margin: 0px 1px 0px 1px;
display: block;
cursor: pointer;
border: #136570 1px solid;
}
.buttonon-gallery {
color: #0066FF;
FONT: 10px verdana, arial, sans-serif;
font-weight: normal;
line-height: 16px;
text-align: center;
background-color: #ECEDF7;
background-image: url("picts/menu-gallery.gif");
padding: 0px 3px 0px 3px;
margin: 0px 1px 0px 1px;
display: block;
cursor: pointer;
border: #0066FF 1px solid;
}
/* GALLERY MENU */
.menu-gallery {
FONT: 10px verdana, arial, sans-serif;
font-weight: normal;
text-decoration: none;
display: block;
cursor: pointer;
text-align: center;
white-space: nowrap;
background-color: #FFFFFF;
background-image: url("picts/menu-gallery.gif");
padding: 3px 7px 3px 7px;
margin: 0px 3px 0px 0px;
border: #136570 1px solid;
}
a.menu-gallery:link {
color: #136570;
}
a.menu-gallery:visited {
color: #136570;
}
a.menu-gallery:active {
color: #136570;
}
a.menu-gallery:hover {
color: #0066FF;
border: #0066FF 1px solid;
}
/* GALLERY HOVER MESSAGES */
.divstyle { position:absolute;
top:0px;
left:0px; }
.pstyletitle {
position:absolute;
background-color: #FFFFFF;
color: #4A53B2;
border: #4A53B2 1px solid;
width: 100px;
padding: 2px;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-size: 11px;
}
.pstylebody {
position:absolute;
background: #FFFFFF;
color: #4A53B2;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-size: 11px;
}
/* PAYPAL GALLERY CODE */
.price { COLOR: #136570; FONT: 14px "Trebuchet MS", arial, sans-serif; font-weight: bold; }
.shade-cart {
background-color: #F7FAFF;
border: #268FF3 1px dotted;
margin-top: 5px;
}
.cart-width { width: 150px; }
.button-order {
background-image: url("picts/button-order.gif");
background-color: #DAEAFD;
FONT-FAMILY: arial, verdana, helvetica, sans-serif;
color: #268FF3;
font-size: 12px;
font-weight: bold;
font-style: italic;
text-align: center;
cursor:pointer;
width: 70px;
padding-top: 3px;
padding-bottom: 3px;
BORDER: #268FF3 1px solid;
}
.buttonon-order {
background-image: url("picts/buttonon-order.gif");
background-color:#F2DAFC;
FONT-FAMILY: arial, verdana, helvetica, sans-serif;
color: #663399;
font-size: 12px;
font-weight: bold;
font-style: italic;
text-align: center;
cursor:pointer;
width: 70px;
padding-top: 3px;
padding-bottom: 3px;
BORDER: #663399 1px solid;
}
/* PAYPAL paypal.htm PAYMENT PAGE CODE */
.payform {
font: 13px arial, verdana, sans-serif;
background-image: url("picts/shadeform.gif");
background-color: #F0F6F9;
text-align: left;
width: 125px;
overflow: auto;
border: #99A8AF 1px solid;
}
.payformbox {
background-color: transparent;
border: #CFD7DF 1px solid;
}
.payformmargin { margin: 0px; }
.payformbutton { width: 125px; }
/* CONTACT AND LINKS PAGE FORM CODE */
.shadeform {
FONT: 13px verdana, arial, sans-serif;
text-align: left;
background-color: #F0F6F9;
background-image: url("picts/shadeform.gif");
WIDTH: 350px;
border: 2px inset #4ac5ff;
margin: 0px 0px 10px 0px;
}
.textarea {
FONT: 13px verdana, arial, sans-serif;
text-align: left;
background-color: #F0F6F9;
background-image: url("picts/shadeform.gif");
WIDTH: 350px;
HEIGHT: 200px;
overflow: auto;
border: 2px inset #4ac5ff;
margin: 0px 0px 10px 0px;
}
.dropdown {
font-size: 11px;
background-color: #F0F6F9;
COLOR: #000000;
WIDTH: 180px;
}
.searchform {
FONT: 13px arial, verdana, sans-serif;
background-color: #F0F6F9;
background-image: url("picts/shadeform.gif");
WIDTH: 110px;
HEIGHT: 20px;
border: #99A8AF 1px solid;
}
.searchdrop {
font-size: 11px;
background-color: #F0F6F9;
COLOR: #333333;
WIDTH: 60px;
}
.searchbutton { font-size: 11px; }
/* START THE CODE FOR THE MENU */
.menuwidth { width: 120px; }
.menubackground {
background-color: #4ca5ff;
background-image: url("picts/background-menu.gif");
border-right: 1px inset #F9F9F9;
}
.topline { border-top: #136570 1px solid; }
.menu {
font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
width: 140px;
cursor: pointer;
text-indent: 6px;
text-align: left;
display: block;
padding-top: 2px;
padding-bottom: 2px;
/* border-bottom: #136570 1px solid; */
border-top: #FFFFFF 1px solid;
border-bottom: #5D687F 1px solid;
color: White;
}
a.menu:link {
background-image: url("picts/menu.gif");
background-color: #5497A1;
color: #ffffff;
}
a.menu:visited {
background-image: url("picts/menu.gif");
background-color: #5497A1;
color: #ffffff;
}
a.menu:active {
background-image: url("picts/menuon.gif");
background-color: #5497A1;
color: #ffffff;
}
a.menu:hover {
background-image: url("picts/menuon.gif");
background-color: #4ca5ff;
color: #ffff00;
font-weight: bolder;
}
/* Photo Zoom CSS */
#zoom1 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom1 a img { border:0pt none; }
#zoom1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom1 a .large { position: absolute; width:0px; }
#zoom1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#zoom2 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom2 a img { border:0pt none; }
#zoom2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom2 a .large { position: absolute; width:0px; }
#zoom2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -129px; left: 200px; width:640px; }
#zoom3 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom3 a img { border:0pt none; }
#zoom3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom3 a .large { position: absolute; width:0px; }
#zoom3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -256px; left: 200px; width:640px; }
#zoom4 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom4 a img { border:0pt none; }
#zoom4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom4 a .large { position: absolute; width:0px; }
#zoom4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -385px; left: 200px; width:640px; }
#zoom5 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom5 a img { border:0pt none; }
#zoom5 a.p5:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom5 a .large { position: absolute; width:0px; }
#zoom5 a.p5:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -400px; left: 300px; width:640px; }
#zoom6 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom6 a img { border:0pt none; }
#zoom6 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom6 a .large { position: absolute; width:0px; }
#zoom6 a.p6:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -350px; left: 200px; width:640px; }
#zoom7 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom7 a img { border:0pt none; }
#zoom7 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom7 a .large { position: absolute; width:0px; }
#zoom7 a.p7:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -350px; left: 200px; width:640px; }
#zoom8 { float:left; position:relative; width:75px; margin-right:10px; }
#zoom8 a img { border:0pt none; }
#zoom8 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#zoom8 a .large { position: absolute; width:0px; }
#zoom8 a.p8:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -350px; left: 200px; width:640px; }
#aanleg1 { float:left; position:relative; width:75px; margin-right:10px; }
#aanleg1 a img { border:0pt none; }
#aanleg1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#aanleg1 a .large { position: absolute; width:0px; }
#aanleg1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#aanleg2 { float:left; position:relative; width:75px; margin-right:10px; }
#aanleg2 a img { border:0pt none; }
#aanleg2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#aanleg2 a .large { position: absolute; width:0px; }
#aanleg2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -88px; left: 200px; width:640px; }
#aanleg3 { float:left; position:relative; width:75px; margin-right:10px; }
#aanleg3 a img { border:0pt none; }
#aanleg3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#aanleg3 a .large { position: absolute; width:0px; }
#aanleg3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -176px; left: 200px; width:640px; }
#aanleg4 { float:left; position:relative; width:75px; margin-right:10px; }
#aanleg4 a img { border:0pt none; }
#aanleg4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#aanleg4 a .large { position: absolute; width:0px; }
#aanleg4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -264px; left: 200px; width:640px; }
#aanleg5 { float:left; position:relative; width:75px; margin-right:10px; }
#aanleg5 a img { border:0pt none; }
#aanleg5 a.p5:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#aanleg5 a .large { position: absolute; width:0px; }
#aanleg5 a.p5:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -352px; left: 200px; width:640px; }
#aanleg6 { float:left; position:relative; width:75px; margin-right:10px; }
#aanleg6 a img { border:0pt none; }
#aanleg6 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#aanleg6 a .large { position: absolute; width:0px; }
#aanleg6 a.p6:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -440px; left: 200px; width:640px; }
#bestrating1 { float:left; position:relative; width:75px; margin-right:10px; }
#bestrating1 a img { border:0pt none; }
#bestrating1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#bestrating1 a .large { position: absolute; width:0px; }
#bestrating1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#bestrating2 { float:left; position:relative; width:75px; margin-right:10px; }
#bestrating2 a img { border:0pt none; }
#bestrating2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#bestrating2 a .large { position: absolute; width:0px; }
#bestrating2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -88px; left: 200px; width:640px; }
#bestrating3 { float:left; position:relative; width:75px; margin-right:10px; }
#bestrating3 a img { border:0pt none; }
#bestrating3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#bestrating3 a .large { position: absolute; width:0px; }
#bestrating3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -176px; left: 200px; width:640px; }
#bestrating4 { float:left; position:relative; width:75px; margin-right:10px; }
#bestrating4 a img { border:0pt none; }
#bestrating4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#bestrating4 a .large { position: absolute; width:0px; }
#bestrating4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -264px; left: 200px; width:640px; }
#bestrating5 { float:left; position:relative; width:75px; margin-right:10px; }
#bestrating5 a img { border:0pt none; }
#bestrating5 a.p5:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#bestrating5 a .large { position: absolute; width:0px; }
#bestrating5 a.p5:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -352px; left: 200px; width:640px; }
#bestrating6 { float:left; position:relative; width:75px; margin-right:10px; }
#bestrating6 a img { border:0pt none; }
#bestrating6 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#bestrating6 a .large { position: absolute; width:0px; }
#bestrating6 a.p6:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -440px; left: 200px; width:640px; }
#onderhoud1 { float:left; position:relative; width:75px; margin-right:10px; }
#onderhoud1 a img { border:0pt none; }
#onderhoud1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#onderhoud1 a .large { position: absolute; width:0px; }
#onderhoud1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#onderhoud2 { float:left; position:relative; width:75px; margin-right:10px; }
#onderhoud2 a img { border:0pt none; }
#onderhoud2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#onderhoud2 a .large { position: absolute; width:0px; }
#onderhoud2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -88px; left: 200px; width:640px; }
#onderhoud3 { float:left; position:relative; width:75px; margin-right:10px; }
#onderhoud3 a img { border:0pt none; }
#onderhoud3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#onderhoud3 a .large { position: absolute; width:0px; }
#onderhoud3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -176px; left: 200px; width:640px; }
#onderhoud4 { float:left; position:relative; width:75px; margin-right:10px; }
#onderhoud4 a img { border:0pt none; }
#onderhoud4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#onderhoud4 a .large { position: absolute; width:0px; }
#onderhoud4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -264px; left: 200px; width:640px; }
#onderhoud5 { float:left; position:relative; width:75px; margin-right:10px; }
#onderhoud5 a img { border:0pt none; }
#onderhoud5 a.p5:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#onderhoud5 a .large { position: absolute; width:0px; }
#onderhoud5 a.p5:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -352px; left: 200px; width:640px; }
#onderhoud6 { float:left; position:relative; width:75px; margin-right:10px; }
#onderhoud6 a img { border:0pt none; }
#onderhoud6 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#onderhoud6 a .large { position: absolute; width:0px; }
#onderhoud6 a.p6:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -440px; left: 200px; width:640px; }
#machinepark1 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark1 a img { border:0pt none; }
#machinepark1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark1 a .large { position: absolute; width:0px; }
#machinepark1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#machinepark2 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark2 a img { border:0pt none; }
#machinepark2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark2 a .large { position: absolute; width:0px; }
#machinepark2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -88px; left: 200px; width:640px; }
#machinepark3 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark3 a img { border:0pt none; }
#machinepark3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark3 a .large { position: absolute; width:0px; }
#machinepark3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -176px; left: 200px; width:640px; }
#machinepark4 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark4 a img { border:0pt none; }
#machinepark4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark4 a .large { position: absolute; width:0px; }
#machinepark4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -264px; left: 200px; width:640px; }
#machinepark5 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark5 a img { border:0pt none; }
#machinepark5 a.p5:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark5 a .large { position: absolute; width:0px; }
#machinepark5 a.p5:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -352px; left: 200px; width:640px; }
#machinepark6 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark6 a img { border:0pt none; }
#machinepark6 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark6 a .large { position: absolute; width:0px; }
#machinepark6 a.p6:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -440px; left: 200px; width:640px; }
#machinepark7 { float:left; position:relative; width:75px; margin-right:10px; }
#machinepark7 a img { border:0pt none; }
#machinepark7 a.p7:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#machinepark7 a .large { position: absolute; width:0px; }
#machinepark7 a.p7:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -528px; left: 200px; width:640px; }
#ontwerp1 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp1 a img { border:0pt none; }
#ontwerp1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp1 a .large { position: absolute; width:0px; }
#ontwerp1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#ontwerp2 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp2 a img { border:0pt none; }
#ontwerp2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp2 a .large { position: absolute; width:0px; }
#ontwerp2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -108px; left: 200px; width:640px; }
#ontwerp3 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp3 a img { border:0pt none; }
#ontwerp3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp3 a .large { position: absolute; width:0px; }
#ontwerp3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -216px; left: 200px; width:640px; }
#ontwerp4 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp4 a img { border:0pt none; }
#ontwerp4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp4 a .large { position: absolute; width:0px; }
#ontwerp4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -324px; left: 200px; width:640px; }
#ontwerp5 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp5 a img { border:0pt none; }
#ontwerp5 a.p5:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp5 a .large { position: absolute; width:0px; }
#ontwerp5 a.p5:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -432px; left: 200px; width:640px; }
#ontwerp6 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp6 a img { border:0pt none; }
#ontwerp6 a.p6:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp6 a .large { position: absolute; width:0px; }
#ontwerp6 a.p6:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -540px; left: 200px; width:640px; }
#ontwerp7 { float:left; position:relative; width:75px; margin-right:10px; }
#ontwerp7 a img { border:0pt none; }
#ontwerp7 a.p7:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#ontwerp7 a .large { position: absolute; width:0px; }
#ontwerp7 a.p7:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -648px; left: 200px; width:640px; }
#vacature1 { float:left; position:relative; width:75px; margin-right:10px; }
#vacature1 a img { border:0pt none; }
#vacature1 a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#vacature1 a .large { position: absolute; width:0px; }
#vacature1 a.p1:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: 0px; left: 200px; width:640px; }
#vacature2 { float:left; position:relative; width:75px; margin-right:10px; }
#vacature2 a img { border:0pt none; }
#vacature2 a.p2:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#vacature2 a .large { position: absolute; width:0px; }
#vacature2 a.p2:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -129px; left: 200px; width:640px; }
#vacature3 { float:left; position:relative; width:75px; margin-right:10px; }
#vacature3 a img { border:0pt none; }
#vacature3 a.p3:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#vacature3 a .large { position: absolute; width:0px; }
#vacature3 a.p3:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -256px; left: 200px; width:640px; }
#vacature4 { float:left; position:relative; width:75px; margin-right:10px; }
#vacature4 a img { border:0pt none; }
#vacature4 a.p4:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */
#vacature4 a .large { position: absolute; width:0px; }
#vacature4 a.p4:hover .large { border: 3px ridge #4CA5FF; position: absolute; top: -385px; left: 200px; width:640px; }
/* End Photo vacature CSS */
/* Materieel op homepage */
.materieel {
FONT-FAMILY: arial, verdana, helvetica, sans-serif;
color: #0F83FF;
font-size: 12px;
font-weight: 900;
font-style: normal;
}
/* END Materieel op homepage */
/* CSS voor de slideshows */
#slideshow {
position:relative;
top:0;
left:10px;
width: 750px;
height: 400px;
background: transparent;
}
#slidetext {
COLOR: #136570;
border: 2px solid #4ca5ff;
background: #DDEEFF;
width: 300px;
height: 350px;
}
#slidephoto a, img
{ border:0pt none; }
}
#slidecntr a, select {
background-color : #4ca5ff;
border-bottom : 2px solid #0066D2;
border-left : 2px solid #B2D8FF;
border-right : 2px solid #0066D2;
border-top : 2px solid #B2D8FF;
color : #ffffff;
font-size : 11px;
text-align : center;
text-decoration : none;
padding : 0 4px 2px 4px;
margin : 3px;
display : block;
float : left;
width : 80px;
}
#slidecntr a:hover, select:hover {
border-bottom : solid 2px #B2D8FF;
border-left : solid 2px #0066D2;
border-right : solid 2px #B2D8FF;
border-top : solid 2px #0066D2;
color : #ffff00;
padding : 1px 3px 1px 5px;
}
/* END CSS voor de slideshows */
/* CSS voor de imagetable links op homepage */
#imagetable {
width: 150px;
/*border-bottom : solid 2px #B2D8FF;
border-left : solid 2px #0066D2;
border-right : solid 2px #B2D8FF;
border-top : solid 2px #0066D2;
color : #ffff00; */
padding : 1px 3px 1px 5px;
}
/* END CSS voor de imagetable links op homepage */
/* CSS voor de contenttable */
#contenttable {
/* border-bottom : solid 1px #000000;
border-left : solid 1px #000000;
border-right : solid 1px #000000;
border-top : solid 1px #000000;
color : #ffff00; */
padding : 1px 25px 1px 0px;
margin: 0px 0px 0px 0px;
}
#watermerk{
background-image: url(../../picts/25jaartransp2.gif);
background-repeat: no-repeat;
background-position: top;
display: block;
}
#nieuwsitem {
background: #FCFCFC;
border: #CACACA solid 2px;
padding: 10px 25px 0px 15px;
width:365px;
height: 250px;
FONT: 12px "Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
text-align: left;
}
#nieuwsimage {
float: left;
margin: 0px 0px 0px 0px;
padding: 5px;
}
#nieuwskop {
COLOR: #136570;
FONT: 24px "Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
text-align: center;
}
#nieuwsdatum {
COLOR: #C1C1C1;
FONT: 12px "Courier New", Courier, monospace;
font-weight: normal;
text-align: right;
}
#map {
width:800px;
height:500px;
FONT: 12px "Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
text-align: left;
}
#projecten table {
font: normal;
font-family: "Arial Unicode MS";
font-size: 12px;
COLOR: #136570;
}
#project {
border: thin outset #136570;
}
.caravan {
font-size: 12px;
color: #75B03C;
}