/* Zevenbergen Global */

*{margin:0; padding:0;}
html, body{ background: #000066; height:100%;}
img{border:none;}
ul{list-style-type:none;}
a{color:#031865; text-decoration:none;}
body{font: normal 62.5%/1.5 Arial, Helvetica, sans-serif; background: #000066; color:#666;}
#menucontainer{width:100%; height:625px; position: absolute; left:50%; top: 50%; margin-left: -50%; margin-top: -312px; background: #000066;}
#menupage{width:1000px; height: 625px; margin: 0 auto; background:#000066; position:relative;}
/*#nav{width:375px; height:68px; background:transparent; position: absolute; left:354px; top:550px; z-index: 20;}*/
#nav{width:700px; height:68px; background:transparent;  margin: -77px auto; padding-left:150px; position:relative; z-index: 20;}
/*#nav span{margin-left:200px; background:pink; width:240px; height:90px;}*/
.navie{width:375px; height:68px; background:transparent; position: absolute; left:354px; top:550px; z-index: 20;}
#nav a.rollover{width:187px; height:50px; background: url(/cmsfile/545) no-repeat left center; font-size:12px; font-weight:bold; line-height:52px; text-transform:uppercase; text-align:center; float:left; display:inline;}
#nav a.rollover:hover{background: url(/cmsfile/549) no-repeat left center;}
#page{width:1000px; height: auto; background:#fff; margin:0 auto;}
#header{width:1000px; height:165px; position: relative;}
.kantoormeubilair{background: #031865 url(/cmsfile/425) no-repeat right top;}
.copiers{background: #031865 url(/cmsfile/397) no-repeat right top;}
.kantoorartikelen{background: #031865 url(/cmsfile/421) no-repeat right top;}
.ergonomie{background: #031865 url(/cmsfile/405) no-repeat right top;}
.projecten{background: #031865 url(/cmsfile/433) no-repeat right top;}
.nieuws{background: #031865 url(/cmsfile/429) no-repeat right top;}
.zevenbergen{background: #031865 url(/cmsfile/445) no-repeat right top;}
.contact{background: #031865 url(/cmsfile/409) no-repeat right top;}
.aanbiedingen{background: #031865 url(/cmsfile/437) no-repeat right top;}
.contact{background: #031865 url(/cmsfile/409) no-repeat right top;}
.webshop{background: #031865 url(/cmsfile/409) no-repeat right top;}
.overige{background: #031865 url(/cmsfile/409) no-repeat right top;}
#specialist{width:220px; height:222px; position: absolute; right:0; z-index:100; margin-top:-141px; overflow:hidden;} /*142 / 120*/
#specialist img{float:right;}
#quote p{color:#fff; font-weight:bold; padding:18px; position: absolute; right:140px; z-index:600; margin-top:-142px; width: 140px; }
#showroom{width:300px; height:142px; background:transparent;}
#showroom img{margin:70px 0  0 118px;}
#menu{width:1000px; height:23px; background: #ebff03; line-height:23px; color:#999;}
#menu ul{line-height:23px; margin-left: 145px;}
#menu ul li{float:left; display:inline;}
#menu ul li a{color:#868786;padding:3px 6px;}
#menu ul li a:hover{color:#333;}
#menu ul li a.selected{color:#333;font-weight:bold;}
#contentcontainer{height:auto; background:#fff url(/cmsfile/577) repeat-y left bottom;}
/*#submenu{width:195px; min-height:455px; background:#031865; float:left; display:inline;}*/
#submenu{width:195px; min-height:450px;  /*height:500px;*/ background:#031865; float:left; display:inline; position:relative;}
#submenu ul{/*min-height:275px; height: auto !important; height:275px;*/ height:auto; background: transparent; margin:24px 12px 24px 24px; padding-bottom:24px;}
#submenu ul li{width:100%; line-height:18px; padding:4px 0; font-size:10px;}
#submenu a{color:#ebff03; display:block;}
#submenu ul{margin:24px 12px 48px 24px; padding-bottom:12px;}
#submenu ul li{width:100%; line-height:18px; padding:4px 0; font-size:10px;}
#submenu ul li ul{margin: 0 16px  !important; line-height:18px; padding:0; height:auto;}
#submenu a{color:#ebff03; display:block;}
/*#submenu a:hover,*/ #submenu a.selected{color:#ebff03; font-weight:bold;}
#c2a{width:199px; height:90px; position: absolute; bottom:0; margin-top:24px;}
#c2a a{display:block; padding:0;}
#content{width:800px; height:auto; background:#fff; float:right; display:inline;}
#content h1{font-size:12px; text-transform:uppercase; margin-bottom:4px;}
#content h2{font-size:11px; margin-bottom:4px;}
#content h3{color: #031865; font-weight:bold; text-transform:uppercase;}
#content h4, #content h5, #content h6{color:#666; font-size:12px; font-weight:bold; text-transform:uppercase; }
#content p{font-size:11px; margin: 8px 0;}
#content a{color:#031865; text-decoration:underline;}
#content a:hover{color:#666;}
#content ul{margin:12px 12px 12px 14px; list-style-type:disc;font-size:11px;}
#content ol{margin:12px 12px 12px 20px; font-size:11px;}
#content td{padding-right:12px;}
#container{width:420px; height:410px; float:right; display:inline; background:#e2e2e2; margin-top:8px; z-index:200;}
#sidebar{/*width:463px;*/ height:375px; float:right; display:inline; background:#fff; margin-top:7px; z-index:200;}
.gallery{background: #031865 !important; float:left; display:block; width:463px; height:410px; overflow:hidden; }
#pad{width:740px; height: auto; padding:24px 12px 12px 24px;}
#pad a{color:#868786; text-decoration:none;}
#pad a:hover{color:#333;}
#cms_textfooter a{text-decoration:none;}
hr{display:none;}
#formident table td {white-space: nowrap;}
#formident .inputtext{border: 1px solid #031865; margin-bottom: 4px; padding:1px 2px; width:240px;}
#formident .inputtextarea{border: 1px solid #031865; width:244px; font-family: Arial; font-size:11px;}
#footer{width:1000px; height:33px; background: #fff; clear:both; display:block; line-height:33px;}
#footer p{padding-left:12px; line-height:32px;}
#footer a{color:#868786; text-decoration:none; padding:0 5px;}
#footer a:hover{color:#333;}
#legal{background:transparent; width:195px; text-align:center;}
#cms_textfooter{padding-left:24px;}
#maps{width:390px; height:408px; overflow:visible; border: 1px solid #031865; border-style: solid none solid solid; z-index:130;}
#maps ul{width:380px; height:28px; margin-top:-31px; z-index:140; position:absolute;}
#maps ul li{float:left; display:inline;}
#maps ul{line-height:1em;list-style-type:none; float:left; margin:0; padding:0 0 0 10px; margin-top:-26px;}
#maps ul li a{display:block; float:left; background:url(/cmsfile/465) no-repeat left top; margin-left:-11px; z-index:0; position:relative; color:#000; width:100px; padding:8px 0 8px 10px; outline:none; text-indent:14px; text-decoration:none;}
#maps ul li a strong{font-weight:400;display:block;float:left;background:url(/cmsfile/465) no-repeat right top;cursor:pointer;padding:6px 10px 7px 5px;}
#maps ul li a:hover{position:relative;z-index:150;background:url(/cmsfile/465) no-repeat left top;color:#000;} /* z-index:15 */
#maps ul li a.selected{position:relative;z-index:150;background:url(/cmsfile/465) no-repeat left top;color:#000;} /* z-index:15 */
#maps ul li a:hover strong{background:url(/cmsfile/465) no-repeat; position:relative; z-index:150; background-position:right bottom;}
#maps .map{width:410px; height:418px; float:left; background: transparent;/*border: 1px solid #000066;*/} /* 388 x 342 */
#photo{width:463px; height:267px; background:#fff; color:#fff;}
#thumbs{width:463px; height:140px; background:#031865; color:#fff;}
.box-small{width:260px; padding:38px 24px 24px 24px; float:left; display:inline;}
.box-wide{width:530px; padding:38px 24px 24px 24px; float:left; display:inline;}
.box-contact{width:360px; padding:38px 24px 24px 24px; float:left; display:inline;}
.box{padding:44px 24px 24px 24px;}
.alignleft{float:left; display:inline;}
.alignright{float:right; display:inline;}

ul#nieuwsoverzicht{list-style-type:none; margin-left:0;}
ul#nieuwsoverzicht li{display:block; padding:3px 0;}
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { position: relative;overflow: hidden; margin: 0;padding: 0; background: #fff;}
.slideViewer ul {  /*your list of images*/position: relative; left: 0;top: 0;width: 1%; list-style-type: none; margin: 0; padding: 0; background: lime;}
.slideViewer ul li {float:left; display:inline; padding:0 !important;}

/*typographic info*/
.slideViewer span.typo{ padding: 6px; /* do not modify padding */background: #031865; color: #fff; font: normal 10px Arial;}

.thumbSlider { /*the thumbnails slider*/overflow: hidden;width: 1%;}
.thumbSlider ul {background: #031865; list-style-type: none; margin: 0; padding: 0; height:50px;}
.thumbSlider ul li{float:left; margin: 0; padding:0;}
.thumbSlider a{color: #fff; text-decoration: none;}
.thumbSlider a img{border: 0;display: block;padding: 0;}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb *//* width, height and top values are dynamically added by the script. Do not modify. */position:relative; left: 0;font-size: 0.01em; left: 0;margin: 0;padding: 0;}

a.left, a.right { /*the left and right buttons (links)*/background: #031865; /* could be any color  */color: #ff0000; font: bold 16px Arial;overflow: hidden;}
a.left span, a.right span{}
a.left img, a.right img{border: 0;}
a.l_dis, a.r_dis {background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */cursor: default;}
a.l_dis span, a.r_dis span {display: none;}
a:focus {outline:none;}

/*
.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 297px;

   padding:0 !important; 
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
     
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
      	top:230px;
     	height:30px;  
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: #031865 url(opa.png);
        color: #fff; 
      }
     .ad-image-description{
    	margin-top:30px; 
   	margin-left:24px; 
     } 
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
       	font-weight:normal; 
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
     display:none; 
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none !important;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 10px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #031865;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #031865;
            }

.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.ad-gallery {
  width: 462px;
 
}
.ad-gallery .ad-image-wrapper {
width: 463px;
  height: 297px;
 padding:0 important; 
}
.ad-image-wrapper {
	margin-top:-20px;	
}

*/



/* 
 ------------------------------------
 css with description below image
 ------------------------------------
*/
.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 297px;
    /*margin-bottom: 10px;*/
   padding:0 !important; 
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      /*border: 1px solid #CCC;*/
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)/*\9 */
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: visible;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
       /* bottom: -10px;*/
      	top:258px;
     	_top: 248px; 
    	 height:18px;  
        left: 0px;

        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2000;
        background: transparent url(opa.png); /* #031865*/
        color: #fff; 
      }
     .ad-image-description{
    	margin-top:30px; 
   	/* _margin-top: 2px;	*/
   	margin-left:24px; 
	/*opacity:.5; */
	z-index:4000 !important; /*added for IE 31032010	*/
	height:50px;
	
     } 
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
       	font-weight:normal; 
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
     display:none; 
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none !important;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 10px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #031865;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #031865;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.ad-gallery {
  width: 462px;
 
}
.ad-gallery .ad-image-wrapper {
	width: 463px;
	height: 297px;
	padding:0 !important; 
	overflow:visible !important;
}
.ad-image-wrapper {
	margin-top:-20px;	
}
/*for IE */
.ad-description-title{
	*position: relative !important;
	*z-index:5000;	
}
/*
.omschrijving{
	_background:lime !important;
	
	float:left;
	display:block;	
	width:463px;
	height:30px;	
	z-index:3000;	
	position:absolute;
	left: 0;
	top:270;
		
}
	
.ad-image{
	z-index:2000;
	height:480px;
	margin-bottom:12px;	
}
.ad-image-description{
	background: transparent;
	z-index:4000 !important;
	position: absolute;
	left: 0;
	top:0;	
	width:467px;
	height:50px;
	background: #000;		
}
*/