/*
	CSS Include

	Name:	 	: CSS Image Zoom
	Address		: http://www.waalwijk.nl	
	Copyright	: Your Company Name	
	Author	 	: Site Administrator
	Created	 	: 2010-02-25T14:19:30
	
	About this CSS
	...
*/

#wrapper{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
}


.imageleft{
   float: left;
   margin: 5px 5px 0px 3px;
}
.imageright{
   float: right;
   margin: 5px 0px 0px 5px;
}
.imagecenter{
   float: none;
   margin: 5px 0px 5px 0px;
   text-align: center;
   clear: both;
}
div.imagecenter{
   display: block;
}

/* Imagebox **********************************/
.imagebox{
   background-color: #EEEDC8;
   padding: 10px;
   display: block;
   overflow: hidden;
}
.imagebox img{
   float: none;
   margin: 0px;
   background-color: #ffffff;
}
.imagebox p{
   margin: 0px 0px 0px 0px;
   padding: 10px 0px 0px 0px;
   color: #6D6E00;
}
.imagebox span{
   margin: -0px 0px -0.5em 0px;
   text-decoration: none;
   display: block;
   text-align: right;
   font-size: 0.9em;
   color: #6D6E00;
}
div.imagecenter span{
   text-align: center;
   text-decoration: underline;
}
.imagebox a:hover span{
   text-decoration: none;
}

/* Lightbox **********************************/
#imagecontainer{
   background-color: #EEEDC8;
   border: 1px solid #000000;
}
#imagecontainer #right a,#imagecontainer #left a{
   color:  #FF0000;
}
#imagecontainer #right a:hover,#imagecontainer #left a:hover{
   color:  #000000;
}
#imagecontainer img{
   border: 1px solid #CCCCCC;
}
#imagecontainer #close{
   color: #6D6E00;
   background-color: #EEEDC8;
   border-left: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
}
#imagecontainer #ajaxtekst{
   color:  #666666;
}

#black{
   background-color: #000000;
   width: 100%;
   display: none;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
z-index:10100;
}

#imagecontainer{
   width: 200px;
   margin-left: -100px;
   display: none;
   position: absolute;
   height: 200px;
   top: 50%;
   left: 50%;
z-index:10200;
}

#imagecontainer #ajaximage{
   padding: 10px;
   display: none;
}

#imagecontainer img{
   margin: 10px;
}

#imagecontainer #close{
   padding: 0px 10px 5px 0px;
   display: block;
   text-align: right;
   font-size: 0.8em;
   text-decoration: none;
}

#ajaxtekst{
   padding: 0px 10px 0px 10px;
   display: none;
}

#zijkolom #ajaxtekst{
   display: block;
}
#imagecontainer #left{
   position: absolute;
   background-image: url(../images/pixel.gif);
   top: 10px;
   display: block;
   left: 10px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: left 20px;
}
#imagecontainer #right{
   position: absolute;
   background-image: url(../images/pixel.gif);
   top: 10px;
   display: block;
   left: 10px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: right 20px;
   text-align: right;
}
#imagecontainer #right a,#imagecontainer #left a{
   text-decoration: none;
   color: #680036;
}
#imagecontainer #right a:hover,#imagecontainer #left a:hover{
   text-decoration: none;
   color: #000000;
}
#imagecontainer p.teller{
   padding-bottom: 0px;
   padding-top: 5px;
   margin: 0px;
}