/* NOTE; specs for #wn in head of demo too */
div#wn
{     
    width:233px; height:120px; /* width and height required. adjust to suit  */
    overflow:hidden; /* required! */
    position:absolute;	
    top: 635px;	
    left: 50%;
    margin: 0 0 0 -422px;
	z-index:20000;
	
	}
	
div#wn2
{ 
    
    width:233px; height:120px; /* width and height required. adjust to suit  */
    overflow:hidden; /* required! */
    position:absolute;	
    top: 635px;	
    left: 50%;
    margin: 0 0 0 -116px;	
	z-index:20000;
	}
	
div#wn3
{ 
    
    width:230px; height:100px; /* width and height required. adjust to suit  */
    overflow:hidden; /* required! */
    position:absolute;	
    top: 635px;	
    left: 50%;
    margin: 0 0 0 160px;	
	}
	
#bigone {
	position:absolute;	
	top: 100px;
	width: 200px;
	left: 50%;
	margin: 0 0 0 -495px;
}

/* styles to display list items horizontally */
ul#horiz {
    list-style:none; margin:0; padding:0;
    white-space:nowrap;
    }
ul#horiz li.kies {
    /*display:inline;hier stel je in hoever de thumbs van elkaar af komen te staan*/
    white-space:nowrap;
	padding: 0 27px 0 0px;
	width: 20px;
	
    }
ul#horiz li.kiesmini {
    /*display:inline;hier stel je in hoever de thumbs van elkaar af komen te staan*/
    white-space:nowrap;
	padding: 0;
	
	width:28px;
	
	
    }
ul#horiz li.opvul {
    /*display:inline;hier stel je in hoever de thumbs van elkaar af komen te staan*/
    white-space:nowrap;
	padding: 0;
	width: 15px;
	
    }
    
/* style scrollLinks to suit your taste and layout. */
div#scrollLinks
{
    position:absolute;	
    top: 645px;	
    left: 50%;
    margin: 0 0 0 -448px;
    width:310px;
		z-index:20000;
	
    }

div#scrollLinks2
{
    position:absolute;	
    top: 645px;	
    left: 50%;
    margin: 0 0 0 -141px;
    width:310px;
		z-index:20000;
    }
	
div#scrollLinks3
{
    position:absolute;	
    top: 530px;	
    left: 50%;
    margin: 0 0 0 135px;
    width:307px;
    }
	
div#scrollLinks .left {
	
    background-image:url('../scroll2/images/tri-rt.png');
    background-repeat:no-repeat;
	
    width:50px; height:92px; /* specify width and height of your image */
    position:absolute; left:0px;
    display:block;
	
	
    }
div#scrollLinks2 .left {
    background-image:url('../scroll2/images/tri-rt.png');
    background-repeat:no-repeat;

    width:50px; height:92px; /* specify width and height of your image */
    position:absolute; left:0px;
    display:block;
    }
div#scrollLinks3 .left {
    background-image:url('../scroll2/images/tri-rt.png');
    background-repeat:no-repeat;
    width:50px; height:92px; /* specify width and height of your image */
    position:absolute; left:0px;
    display:block;
    }
div#scrollLinks .right {
    background-image:url('../scroll2/images/tri-lft.png');
    background-repeat:no-repeat;
    width:50px; height:92px; /* specify width and height of your image */
    position:absolute; right:0px;
    display:block;
	
    }
div#scrollLinks2 .right {
    background-image:url('../scroll2/images/tri-lft.png');
    background-repeat:no-repeat;
    width:50px; height:92px; /* specify width and height of your image */
    position:absolute; right:0px;
    display:block;

    }
div#scrollLinks3 .right {
    background-image:url('../scroll2/images/tri-lft.gif');
    background-repeat:no-repeat;
    width:50px; height:92px; /* specify width and height of your image */
    position:absolute; right:0px;
    display:block;

    }


/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }