#page_loader {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #FFFFCC;
  layer-background-color: #FFFFCC;
  height: 100px;
  width: 200px;
  margin-top: -50px;
  margin-left: -100px;
  text-align: center;
  /*z-index:600;*/
}

/*#loading {
 	width: 100px;
 	height: 100px;
 	/*background-color: #c0c0c0;*/
/* 	background-color: #F2F3F4;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
 	/*z-index:1;*/
/*}*/

/*.loading {
 	width: 200px;
 	height: 100px;
 	/*background-color: #c0c0c0;*/
/* 	background-color: #F2F3F4;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
/* 	z-index:600;*/
/*}*/

/*--------------------------------- gallery 02--------------------------------*/
html, body{
 margin: 1px auto;
 font-size:08pt;
 font-family:Verdana;
 color:#4A4A4A;
 border:0px solid purple;
}

#container {
position: relative; 
width:670px;
background:#F7F5F6;
border:0px solid #000; 
margin:10px auto;
border:0px solid green;
}

.a, .a:visited {
  color:#000;
}
#logo {
float: right;
margin-left: 500px;
padding: 5px;
border: 0px solid red;
}
/* ------------------------------- gallery -----------------------------------*/

a.gallery, a.gallery:visited {
  display:inline;
  color:#000;
  text-decoration:none;
  border:1px solid #F7F5F6;
  width:75px;
  height:75px;
  float:left;
  margin: 3px 3px 4px 3px; /* top right bottom left */
  position:relative; /* van invloed op hover */
  cursor:hand;
  }

a.galleryshow, a.galleryshow:visited {
  display:inline;
  color:#000;
  text-decoration:none;
  border:1px solid #F7F5F6;
  width:75px;
  height:75px;
  float:left;
  opacity:0.25; filter: alpha(opacity=25); -moz-opacity: 0.25;
  filter: alpha(opacity=25); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  margin: 3px 3px 4px 3px;
  position:relative; /* van invloed op hover */
  cursor:hand;
}

a.slidea {background:url(products/small_01.jpg);}
a.slideb {background:url(products/small_02.jpg);}
a.slidec {background:url(products/small_03.jpg);}
a.slided {background:url(products/small_04.jpg);}
a.slidee {background:url(products/small_05.jpg);}
a.slidef {background:url(products/small_06.jpg);}
a.slideg {background:url(products/small_07.jpg);}
a.slideh {background:url(products/small_08.jpg);}

a.gallery span {
visibility:hidden;
display:block;
  position:absolute;
  width:664px;   /*width:640px;*/
  height:398px;
  top:189px;
  left:9px;
  color:#4A4A4A;
  font-size:08pt;
  font-family:Verdana;
  background:#F7F5F6;
  text-align:center;
  border:0px solid red;/*#F7F5F6;*/
  margin: -3px 0px 0px 0px; /* top right bottom left */
  letter-spacing:1px;
  cursor:default;
  }

a.slidea span {left:-12px; top:81px;} /*left:-1px; top:81px;}   /* left:-1px; top:80px; */
a.slideb span {left:-94px; top:81px;} /*left:-83px; top:81px;}   /* left:-82px; top:80px; */     /*verschil: 81 */
a.slidec span {left:-174px; top:81px;} /*left:-165px; top:81px;}   /* left:-163px; top:80px; */   /*verschil: 81 */
a.slided span {left:-258px; top:81px;} /*left:-247px; top:81px;}  /* left:-244px; top:80px; */   /*verschil: 81 */
a.slidee span {left:-339px; top:81px;} /*left:-329px; top:81px;}  /* left:-325px; top:80px; */   /*verschil: 81 */
a.slidef span {left:-421px; top:81px;} /*left:-411px; top:81px;}  /* left:-406px; top:80px; */   /*verschil: 81 */
a.slideg span {left:-503px; top:81px;} /*left:-493px; top:81px;}  /* left:-487px; top:80px; */   /*verschil: 81 */
a.slideh span {left:-586px; top:81px;} /*left:-576px; top:81px;}  /* left:-568px; top:80px; */   /*verschil: 81 */

a.gallery:hover {
  white-space:normal;
  border:1px solid #867366;
  z-index:100;}

a.gallery:hover span {
  visibility:visible;
  z-index:100;}

a.gallery:hover span img {
  margin:10px;
  border:0px solid #CCCCCC; /* border big pic */
  position:relative;
  z-index:100;}

a.gallery:active, a.gallery:focus {
  border:1px solid #867366;
  z-index:10;}

a.gallery:active span, a.gallery:focus span {
  visibility:visible;
  z-index:10;}

a.gallery:active span img, a.gallery:focus span img {
  border:0px solid #CCCCCC;
  position:relative;
  margin:10px;
  z-index:10;}
  
/* ------------------------------- galleryshow -----------------------------------*/
a.slidea {background:url(products/small_01.jpg);}
a.slideb {background:url(products/small_02.jpg);}
a.slidec {background:url(products/small_03.jpg);}
a.slided {background:url(products/small_04.jpg);}
a.slidee {background:url(products/small_05.jpg);}
a.slidef {background:url(products/small_06.jpg);}
a.slideg {background:url(products/small_07.jpg);}
a.slideh {background:url(products/small_08.jpg);}

a.galleryshow span {
visibility:hidden;
display:block;
  position:absolute;
  width:664px;   /*width:640px;*/
  height:342px;
  top:189px;
  left:9px;
  color:#4A4A4A;
  font-size:08pt;
  font-family:Verdana;
  background:#F7F5F6;
  text-align:center;
  border:0px solid black;
  margin: -3px 0px 0px 0px; /* top right bottom left */
  letter-spacing:1px;
  cursor:default;
  }

a.slidea span {left:-12px; top:81px;} /*left:-1px; top:81px;}   /* left:-1px; top:80px; */
a.slideb span {left:-94px; top:81px;} /*left:-83px; top:81px;}   /* left:-82px; top:80px; */     /*verschil: 81 */
a.slidec span {left:-174px; top:81px;} /*left:-165px; top:81px;}   /* left:-163px; top:80px; */   /*verschil: 81 */
a.slided span {left:-258px; top:81px;} /*left:-247px; top:81px;}  /* left:-244px; top:80px; */   /*verschil: 81 */
a.slidee span {left:-339px; top:81px;} /*left:-329px; top:81px;}  /* left:-325px; top:80px; */   /*verschil: 81 */
a.slidef span {left:-421px; top:81px;} /*left:-411px; top:81px;}  /* left:-406px; top:80px; */   /*verschil: 81 */
a.slideg span {left:-503px; top:81px;} /*left:-493px; top:81px;}  /* left:-487px; top:80px; */   /*verschil: 81 */
a.slideh span {left:-586px; top:81px;} /*left:-576px; top:81px;}  /* left:-568px; top:80px; */   /*verschil: 81 */

a.galleryshow:hover {
  white-space:normal;
  border:1px solid #867366;
  z-index:100;}

a.galleryshow:hover span {
  visibility:visible;
  z-index:100;}

a.galleryshow:hover span img {
  margin:10px;
  border:0px solid #CCCCCC; /* border big pic */
  position:relative;
  z-index:100;}

a.galleryshow:active, a.galleryshow:focus {
  border:1px solid #867366;
  z-index:10;}

a.galleryshow:active span, a.galleryshow:focus span {
  visibility:visible;
  z-index:10;}

a.galleryshow:active span img, a.galleryshow:focus span img {
  border:0px solid #CCCCCC;
  position:relative;
  margin:10px;
  z-index:10;}



/* ------------------------------- links -----------------------------------*/
a.pic, a.pic:visited {
  display:inline;
  color:#000;
  text-decoration:none;
  border:1px solid #F7F5F6;
  width:75px;
  height:75px;
  float:left;
  margin: 345px 3px 4px 4px;
  position: relative; /* invloed op hover+plaats bep.*/
  /*  cursor:hand;*/
}

a.linka {background:url(links/link_01a.jpg);}
a.linkb {background:url(links/link_02a.jpg);}
a.linkc {background:url(links/link_03a.jpg);}
a.linkd {background:url(links/link_04a.jpg);}
a.pice {background:url(products/small_05.jpg);}
a.picf {background:url(products/small_06.jpg);}
a.picg {background:url(products/small_07.jpg);}

a.pic span {
  visibility:hidden;
  display:block;
  position:absolute;
  width:635px;
  height:340px;
  top:189px;
  left:9px;
  color:#4A4A4A;
  background:#F7F5F6;
  text-align:left;
  border:1px solid black; /*#F7F5F6;*/
  letter-spacing:0px;
  }

a.linka span {left:-1px; top:-344px; overflow: auto;scrollbar-base-color:#F7F5F6;
border: 2px #055500; /*left3 top207*/
text-align: justify;}
a.linkb span {left:-83px; top:-344px;overflow: auto;scrollbar-base-color:#F7F5F6;
border: 2px #00FFF0; /* -83 -350 */
text-align: justify}
a.linkc span {left:-165px; top:-344px;overflow: auto;scrollbar-base-color:#F7F5F6;
border: 1px #000000;/* -83 -350 */
text-align: justify}
a.linkd span {left:-247px; top:-344px;overflow: auto;scrollbar-base-color:#F7F5F6;
border: 1px #000000;/* -83 -350 */
text-align: justify}
a.pice span {left:-674px; top:-372px;}
a.picf span {left:-849px; top:-372px;}
a.picg span {left:-1024px; top:-372px;}

a.pic:hover {
  white-space:normal;
  border:1px solid #867366;
  z-index:100;}

a.pic:hover span {
  visibility:visible;
  z-index:100;}

a.pic:hover span img {
  margin:10px;
  border:0px solid #CCCCCC; /* border big pic */
  position:relative;
  z-index:100;}

a.pic:active, a.pic:focus {
  border:1px solid #867366;
  z-index:10;}

a.pic:active span, a.pic:focus span {
  visibility:visible;
  z-index:10;}

a.pic:active span img, a.pic:focus span img {
  border:0px solid #CCCCCC;
  position:relative;
  margin:10px;
  z-index:10;}

#text {
position: relative;
width:660px;
display:inline;
float: left;
font-size:08pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
margin: 3px 3px 4px 4px;
}

#show_text {
position: relative;
height:390px; /* bepaald de hoogte van text-plaatjes box tussen 8 pics en text links */
width:655px; /*was 635*/
display: inline;
float: left;
text-align:justify;
font-size:08pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
overflow: auto;scrollbar-base-color:#F7F5F6;
margin: 3px 3px 6px 4px; /* top right bottom left */
border:0px solid #867366;
}

#show_text_offertebeheer {
position: relative;
width:695px; /*was 635*/
display: inline;
float: left;
text-align:justify;
font-size:08pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
overflow: auto;scrollbar-base-color:#F7F5F6;
margin: 3px 3px 6px 8px;
border:0px solid #867366;
}

#show_text2 {
height:390px; /* bepaald de hoogte van text-plaatjes box tussen 8 pics en text links */
width:635px;
float: left;
text-align:justify;
font-size:08pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
margin: 3px 3px 6px 8px;
border:0px solid #867366;
}

#show_link {
float: left;
margin: 3px 3px 6px 4px; /* top right bottom left */
border:0px solid red;
}

/* ----- picture borders ----- */
.border {        
border:1px solid #F7F5F6;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
}
.border:hover { 
border: 1px solid #867366;
}

.border:hover, .ver
{
border: 1px solid #867366;
}

#border_active {
height:75px;
width:75px;
border:1px solid #867366;
}

#piclink, .ver {
height:75px;
width:75px;
border:0px solid #867366;
}

#piclink:hover {
height:75px;
width:75px;
border:1px solid #867366;
}

#piclink:hover, .ver {
border:1px solid #867366;
}

#piclink_active {
height:75px;
width:75px;
border:1px solid #867366;
}

/* -------------------- Transition effects -----------------------------------*/
div.transOFF {width: 100%; background-color: #F7F5F6;}
div.transON {width: 100%; background-color: #F7F5F6; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }

.text {        /* ----- voor alle overige text -----*/
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
}
  
.input {        /* ----- voor invul velden bijv bij: contact -----*/
background-color:#F8F8F8;
border:1px solid #006666;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
}
.input:focus { background-color: #ffffdd } /*E8E8E8=lichtgrijs*/

/* ----- Alle buttons op de site mooi stylen ----- */
.button {
background-color:#F8F8F8;
border: 2px solid;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
border-color: #00aa99 #006666 #006666 #00aa99;
}

.button:hover
{
background-color:#ffffdd; /*E8E8E8=lichtgrijs*/
border: 2px solid;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
border-color: #006666 #00aa99 #00aa99 #006666;
}

/* ----- Dus ook in IE want daar werkt hover niet ----- */
/* ----- Samen met javascript hoverButton in config_html.php ----- */
.button:hover, .over
{
background-color:#ffffdd; /*E8E8E8=lichtgrijs*/
border: 2px solid;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
border-color: #006666 #00aa99 #00aa99 #006666;
}

textarea, select {     /* ----- voor invul velden bijv bij: contact -----*/
    background-color:#F8F8F8;
    border:1px solid #006666;
    font-size:08pt;
    font-family:Verdana, sans-serif;
    overflow: auto;
    scrollbar-base-color:#F7F5F6;
    color:#000033;
    text-decoration:none;
}
textarea:focus { background-color: #ffffdd }
  
/* -------------------------   offerte   -------------------------------------*/
.oneven_item {
  background-color: #EAEAEA; /*#E6E2DF;*/
  font-size:08pt;
  font-family:Verdana, sans-serif;
  font-style:regular;
  text-decoration:none;
}

.even_item {
  background-color: #DDDDDD;
  font-size:08pt;
  font-family:Verdana, sans-serif;
  font-style:regular;
  text-decoration:none;
}

/* fade in test */

#magnifier {display:inline; position:relative; width:640px; height:40px; z-index:100; float:left; margin:0 20px 10px 15px; background:url(fade_in.gif) no-repeat;}
#cover1 {position:absolute; top:0; left:0; width:24px; height:30px; background:transparent;}
#cover2 {position:absolute; top:0; left:48px; width:240px; height:30px; background:transparent;}
#description {position:absolute; top:40px; z-index:-1;}
#magnifier img {position:absolute; width:640px; height:460px; top:30px; left:-9999px; opacity:0;}

#magnifier ul {padding:0; border:0; margin:0; list-style-type:none;}


#magnifier li {display:block; width:24px; height:24px; position:absolute; left:24px; top:0;  background:transparent;}

#magnifier li.one {left:0;}

#magnifier li:hover {width:24px; height:24px; left:0;}
#magnifier li.ten:hover {width:24px; height:24px; left:24px;}

#magnifier li.one:hover img {width:640px; height:460px; left:-240px; opacity:0.1; z-index:100;}
#magnifier li.two:hover img {width:640px; height:460px; left:-216px; opacity:0.2; z-index:100;}
#magnifier li.three:hover img {width:640px; height:460px; left:-192px; opacity:0.3; z-index:100;}
#magnifier li.four:hover img {width:640px; height:460px; left:-168px; opacity:0.4; z-index:100;}
#magnifier li.five:hover img {width:640px; height:460px; left:-144px; opacity:0.5; z-index:100;}
#magnifier li.six:hover img {width:640px; height:460px; left:-120px; opacity:0.6; z-index:100;}
#magnifier li.seven:hover img {width:640px; height:460px; left:-96px; opacity:0.7; z-index:100;}
#magnifier li.eight:hover img {width:640px; height:460px; left:-72px; opacity:0.8; z-index:100;}
#magnifier li.nine:hover img {width:640px; height:460px; left:-48px; opacity:0.9; z-index:100;}
#magnifier li.ten:hover img {width:640px; height:460px; left:-48px; opacity:1.0; z-index:100;}
#magnifier li.eleven:hover img {width:640px; height:460px; left:-24px; opacity:0}

/*---------------------------- produkten galerij -----------------------------*/

#holder {
  position:relative;
  margin-bottom:0px;
  z-index:200;
  }

#scrollbox {
  width:648px;
  height:60px;
  background:#F7F5F6;
  margin-left:-5px; /*position thumbnails 50x50 */
  z-index:250;
  }
a.prodgal, a.prodgal:visited {
  display:block;
  color:#000;
  text-decoration:none;
  width:50px;
  height:50px;
  margin:2px;
  float:left;
  font-size:11px;
}

a.prodgal span {
  display:block;
  position:absolute;
  left:-9px; top:-5px;
  width:1px;
  height:1px;
  overflow:hidden;
  background:#F7F5F6;
  z-index:100;
  font-size:11px;
  }
a.prodgal:hover {
  white-space:normal;
  }
a.prodgal:hover img {
  z-index:100;
  }
a.prodgal:active img, a.prodgal:focus img {
  z-index:50;
  }

a.prodgal:hover span {
  display:block;
  position:absolute;
  width:655px;
  height:320px;
  top:-5px;
  left:-9px;
  padding:5px;
  font-style:italic;
  color:#000;
  background:#F7F5F6;
  z-index:100;
  font-size:11px;
  }
* html a.prodgal:hover span {
  left:-17px;
  z-index:100;
  }
a.prodgal:active {
  }
a.prodgal:active span, a.prodgal:focus span {
  display:block;
  position:absolute;
  width:655px;
  height:320px;
  top:-5p
  left:-9px;
  padding:5px;
  font-style:italic;
  color:#000;
  background:#F7F5F6;
  z-index:50;
  }
* html a.prodgal:active span {
  left:-17px;
  z-index:50;
  }

#thumbs {
  width: 670px;
  overflow:hidden;
  height:80px;
  }
#pad {
  height:335px;
  width:100px;
  border:0px solid brown;
}

#divLoadCont{
  position:absolute;
  width:100%;
  height:98%;
  top:0;
  left:0;
  background-color:white;
  layer-background-color:white;
  font-family:arial,helvetica;
  z-index:100
}