@charset "utf-8";
/* CSS Document */
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #00a6dd;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #113744;

}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {

color: #00a6dd;
}

h3{
color: #006699;
}

form {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: outside;
}

li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ol {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: upper-roman;
	list-style-position: outside;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #113744 #113744 #113744 #113744;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

a:link {
	color: #113744;
}

a:visited {
  color: #113744;
}

a:hover {
	text-decoration: none;
	color:#00a6dd;
}

a:active {
	color: #00a6dd;
	text-decoration:none;
}

a.hidden {
  color: #113744;
}

a.hidden:visited {
  color: #00a6dd;
}

a.hidden:hover {
	color: #00a6dd;
}

a.hidden:active {
  color: #00a6dd;
}

a.nav:link {
	color: #113744;
	padding: 2px;}

a.nav:visited {
	color: #113744;
	padding: 2px;
}

a.nav:hover {
	color: #00a6dd;
	background-color: #113744;
	padding: 2px;
}

a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	color:#00a6dd;
	}

a.box {
	padding: 3px;
	background-color: #113744;
	text-decoration: none;
	border: medium solid #113744;
	color: #113744;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #FFFFFF;
	padding: 3px;
	text-decoration: none;
	background-color: #113744;
	border: medium solid #3366FF;
	color: #113744;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.twoColElsLtHdr #container { 
	width: 800px;  /* deze breedte maakt een container (hoofdobject) die past een browservenster van 800 pixels, als de tekst wordt gehandhaafd in de standaard lettertypegroottes van de browser */
	background: #FFFFFF;
	background-image:url(images/backgroundBlue.jpg);
	margin: 0 auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
} 
.twoColElsLtHdr #header { 
		padding: 0 10px;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
} 
.twoColElsLtHdr #header h1 {
	margin: 0; /* door de marge van het laatste element in het element div voor #header op 0 in te stellen voorkomt u het wegvallen van marges – een onverklaarbare ruimte tussen div-elementen. Als om het element div een rand loopt, is dit niet nodig aangezien dit tevens het wegvallen van de marge voorkomt */
	padding: 10px 0; /* door het gebruik van padding (opvulling) in plaats van een marge (via het element margin) kunt u het element van de randen van het element div vandaan houden */
}


.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 12em; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	padding: 15px 0; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* de linker- en rechtermarge moeten aan elk element worden gegeven dat in de kolommen aan de zijkant wordt geplaatst */
	margin-right: 10px;
}


.twoColElsLtHdr #mainContent {
	margin: 0 1.5em 0 13em;
	width: 600px; /* de rechtermarge kan worden opgegeven in em- of pixelwaarden. Deze marge maakt de ruimte langs de rechterzijde van de pagina. */
} 
.twoColElsLtHdr #footer { 
	padding: 0 10px;/* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die voorafgaan aan deze padding. */
	font-size: 12px; 
} 
.twoColElsLtHdr #footer p {
	margin: 0; /* door de marges van het eerste element in de footer (voettekst) in te stellen op 0 vermijdt u het risico dat de marge wegvalt – een ruimte tussen div-elementen */
	padding: 10px 0; /* door het gebruik van padding (opvulling) voor dit element maakt u ruimte (op dezelfde manier als door middel van een marge), zonder het probleem van wegvallende marges */
}

/* Miscellaneous classes for reuse */
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
{

.h1 color: #113744}


/*set CSS for SPAN tag surrounding each image*/
.seqslidestyle{
margin-right: 15px;
}

/* css for php photoalbum */

.photodiv{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 5px;
}

.photodiv img{ /*CSS for each image tag*/
border: 0;
width: 100px;
cursor: hand;
cursor: pointer;
}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
margin-right: 5px;
margin-bottom: 2px;
margin-top: 2px;
}

.albumnavlinks a{ /*CSS for each navigational link*/
margin-right: 5px;
padding: 1px 5px;
border: 1px solid #00a6dd;
text-decoration: none; 
color: #113744;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
border: 1px solid #00a6dd;
background-color: #CCCCCC;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #CCCCCC;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;  
box-shadow: 5px 5px #00a6dd; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #00a6dd;
-moz-box-shadow: 5px 5px #00a6dd;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#00a6dd, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 8px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #113744;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #00a6dd;
margin: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #00a6dd;
background-color: #EEEEEE;
padding: 10px;
font: bold 8px Arial;
z-index: 5;
}

#top{ /*top DIV*/
	position: absolute;
	left: 600px;
	top: 21px;
	width: 393px;
	padding: 8px;
	padding-bottom: 0;
	visibility: visible;
	z-index: 1;
	height: 37px;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	color:#000000;
}

select {

}


#sidebarleft ul li a{
	color: #5a7b7e;
	text-decoration: none;
	padding: 5px 10px 0px 0px;
	display: block;
	height: 21px;
	width: 170px;
	text-align: right;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
 	font-size: 0.92em ;
	background: url(../images/dashed_green.gif) repeat-x 0px 24px;
}

#sidebarleft ul li a:hover{
	background: #d9f2fa;
}

#sidebarleft ul{
}

#sidebarleft ul li {
	width: 180px;
}

#sidebarleft ul li.selected {
	background: #04a7de url(../images/arrow_down.jpg) 5px 10px no-repeat;
}

#sidebarleft ul li.selected a{
	color: white;
}

#sidebarleft ul li.selected a:hover{
	color: white;
	background: #04a7de;
}

#sidebarleft ul li.selected ul li a{
	color: #5a7b7e;
	background: #d9f2fa;
}

#sidebarleft ul li.selected ul li a:hover{
	color: black;
	background: #b3e5f5;
}

#sidebarleft ul li.selected ul li.selected a{
	background: #b3e5f5;
}

#sidebarleft ul li a:link,
#sidebarleft ul li a:visited {

}

#sidebarleft ul li a:hover,
#sidebarleft ul li a:visited {

}

/* Social links */

#socialHolder {
	width: 220px;
	margin: 0px 0px 0px 20px;
	_margin: 0px 0px 0px 10px;
	float: left;
	padding: 0 0px 0px 98px;
}

#socialLinks {
	padding-top: 24px;
}

	#socialLinks li {
		margin-right: 2px;
	}

	#socialLinks li,
	#socialLinks li a {
		float: left;
	}

	#socialLinks li a {
		display: block;
		width: 28px;
		height: 28px;
		text-indent: -9999px;
		border: none;
	}

	#socialLinks li a:link,
	#socialLinks li a:visited,
	#socialLinks li a:hover,
	#socialLinks li a:active,
	#socialLinks li a:focus {
		border: none;
	}

	#socialLinks li a.facebook {
		background: url(../images/icon_facebook.png) no-repeat;
	}

	#socialLinks li a.twitter {
		background: url(../images/icon_twitter.png) no-repeat -1px -1px;
	}

	#socialLinks li a.linkedin {
		background: url(../images/icon_linkedin.png) no-repeat;
	}

	#socialLinks li a.email {
		background: url(../images/icon_mail.png) no-repeat;
	}

	#socialLinks li a.rss {
		background: url(../images/icon_rss.png) no-repeat;
	}

div.subscribe{
	text-align: right;
}

div.subscribe img{
	margin: 10px 44px 0 0;
}

#footer, .push {
	height: 42px; /* .push must be the same height as .footer */
}

/*
begin oypo css */


@media screen { 

body {

	margin: 0;

	padding: 0;

	background:#00a6dd;

}

body, td, input, textarea, select {

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 9px;

	color: #113744;

}

body, td {line-height: 15px}

p {margin-top: 0}

form {margin:0; padding:0}

h1, h2, h3, h4, h5, h6 {margin-bottom: 4px; padding-bottom: 0; color:#113744; line-height: 110%}



h2 {font-size: 190%}

h3 {font-size: 130%; color:#113744}

h4 {font-size: 110%; color:#113744}  /* h4 is alleen in gebruik in cms-docs */

/* h5 en h6 tbv execs */

h5 {font-size: 120%}

h6 {font-size: 120%; color: #113744; background:#B3E4F5}



ul, ol {margin: 0; padding: 2px 0 0 2px}

li {padding: 0 0 2px 0}



hr {height: 1px; color: #113744}

td {vertical-align: top}

/*

a {color:#113744;text-decoration:none}

*/

a {color:#113744;text-decoration:none}

a:hover {text-decoration:underline}



.doprint {display:none}



.help {

	width:13px;

	height:13px;

	background:url(http://www.v-i.be/images/oypo/icon_help.gif) no-repeat;

	cursor:help

}



#bovenbalk {

	color:#113744;

	text-align:right;

}

#onderbalk {

	position:absolute;

	bottom:0;

	width:100%;

	color:#113744;

}

#bovenbalk .content {border-bottom:1px solid #113744}

#onderbalk .content {border-top:1px solid #113744}

#bovenbalk .content a, #onderbalk .content a {padding: 2px 4px 2px 4px; color: #113744; text-decoration: none}

#bovenbalk .content a:hover, #onderbalk .content a:hover {background:#B3E4F5; color:#113744; text-decoration: none}



#routebalk {color:#113744}

#routebalk a {color:#113744}



#foto {margin: 85px 0px 0px 9px}

.cmsdoc {padding:9px;background: #B3E4F5;border-bottom:4px solid #00a6dd}

.verplicht {background: #B3E4F5 url(http://www.v-i.be/images/oypo/bg_verplicht.gif) no-repeat right top}

.verplichtDone {background: #B3E4F5 url(http://www.v-i.be/images/oypo/spacer.gif) no-repeat right top}



#frameU h1 {background:#B3E4F5; color:#113744}

#frameC ul, #frameU ul {

	list-style-image: url(/img/b_geel.gif);

	padding-left: 5px;

	padding-top: 2px;

	padding-bottom: 0px;

}

#frameC li {padding: 0px 0px 2px 0px}

#frameU li {padding: 0px 0px 8px 0px}

.button {background:#B3E4F5; border:1px solid #113744;cursor:pointer}

.grotebutton {background:#B3E4F5;border:1px solid #113744;font-size: 12px;font-weight: bold;cursor:pointer}



.knop {

	height: 10px; /* IE hack */

	padding: 2px 4px 2px 4px;

	background: #B3E4F5;

	border: 1px solid #113744;

	color: #113744;

	text-decoration: none;

	text-align: center!important;

	cursor:pointer

}

.knop:hover {color:#113744;text-decoration: none}

.groteknop {

	height: 20px; /* IE hack */

	padding: 4px 8px 4px 8px;

	background: #B3E4F5;

	border: 1px solid #113744;

	font-size: 12px;

	font-weight: bold;

	color: #113744;

	text-decoration: none;

	cursor:pointer

}

.groteknop:hover {color:#113744;background:#B3E4F5;text-decoration: none}





/* START styles bestelschermen / winkelwagen */

.bestelscherm {background:#B3E4F5}



.winkelwagenbalk {

	padding: 2px 0 2px 10px;

	font-size:11px;

	background: #B3E4F5;

	border-bottom: 1px solid #999;

}



.bestelfieldset {border:1px solid #113744;background:#B3E4F5;}



#bestelbar td {color: #113744}

#bestelbar .actief {font-weight: bold}

.kop0, .kop1, .staart0, .staart1 {

	height: 11px;

	width: 50%;

	overflow: hidden;

}

.kop1, .staart1 {background: #B3E4F5}

.start .kop0, .start .kop1, .midden .staart0, .midden .staart1 {border-left: 1px solid #000}

.einde .staart0, .einde .staart1 {border-right: 1px solid #000; margin-right: 1px}



#bestelindex {

	margin: 10px 0px 10px 0px;

	padding: 0;

	list-style-type: none;

	background:#B3E4F5

}



#bestelindex .regel {


	margin-bottom:16px;

	border: 1px solid #113744;

}



#bestelindex .regelActief {

	margin-bottom:16px;

	border: 1px solid #113744;

}



#bestelindex table {width: 100%}



#bestelindex td {

	vertical-align: top;

	text-align: left;

}

#bestelindex input, #bestelindex select {color: #113744}



#bestelindex .foto {

	height: 94px;

	width: 94px;

	background: #eee;

	vertical-align: middle;

	text-align: center

}

#bestelindex .fotodel {padding:2px;}

#bestelindex .opties {

	padding-left: 10px;

}

#bestelindex .opties .groep {width: 130px}

#bestelindex .opties .product {width: 130px}

#bestelindex .opties .product2 {width: 270px}  /* breedte = groep + product + paddings*/

#bestelindex .opties .bedrag {width: 60px}

#bestelindex .aantal input {text-align: center}

#bestelindex .aantal {padding-left: 10px}

#bestelindex .groeptitel {padding-top: 8px}

#bestelindex .groeptitel .groepsnaam {height:16px;text-decoration: underline}



/* bestelscherm 2 */



.verplicht {background: white url(http://www.v-i.be/images/oypo/input_verplicht.gif) no-repeat right top}

.verplichtDone {background: white url(http://www.v-i.be/images/oypo/spacer.gif) no-repeat right top}



/* bestelscherm 3 */



pre {margin:0px}



/* #bestelling .fotonummer, #bestelling .foto, #bestelling .opties {border-top: 1px solid #D4DEF4} */

#bestelling .foto {padding: 4px 6px 4px 10px} 

#bestelling .opties td {padding-right: 6px}

#bestelling .opties .aantal {width: 30px; text-align: center}

#bestelling .opties .product {width: 180px}

#bestelling .opties .bedrag {width: 60px; text-align: right}



/* EINDE styles bestelschermen / winkelwagen */



}



@media print	{

.noprint	{display: none; page-break-after: avoid}

.table		{page-break-inside: avoid}



body, td, a	{

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-size: 10pt;

	color: #113744;

	background-color: #B3E4F5;

	margin: 1cm 0cm 0cm 0cm   /*Top Right Bottom Left*/

	}

}



@media screen {

body {

	margin: 10px 0px 10px 0px;

	padding: 0px;

	overflow:auto;

	scrollbar-base-color: #A8A8A8;

	scrollbar-face-color: #dfdfdf;

	scrollbar-track-color: #A8A8A8;

	scrollbar-arrow-color: #999;

	scrollbar-highlight-color: #999;

	scrollbar-3dlight-color: #A8A8A8;

	scrollbar-shadow-color: #999;

	scrollbar-darkshadow-color: #A8A8A8;

}

td {vertical-align:top}


#PixxerLanguageSwitch {margin-right: 10px; float: right}

#PixxerBottom {position: absolute; bottom: 0}

#PixxerBoxFolderInfo1 {padding-left:30px; padding-bottom:0px; background:#B3E4F5}

#PixxerBoxFolderInfo2 {padding:8px 4px 20px 30px; background:#B3E4F5}

#PixxerBoxFolderKort {4px 4px 0px 30px; background:#B3E4F5}



#PixxerBoxParentPath {padding:4px 0px 2px 22px; color:#113744}

#PixxerBoxParentPath a {color:#113744}

#PixxerBoxPhoto {width: 530px}

#PixxerBoxOptions {width: 180px}

#PixxerBoxSelectionKop {width:170px; background:#B3E4F5; border:1px solid #113744; color:#113744; text-align:center}

#PixxerBoxSelection {width:170px; height:98px; overflow:hidden; border:1px solid #113744; background:#B3E4F5}

#PixxerBoxQuickorder {

	height:260px;

	overflow:auto;

	scrollbar-base-color: #fff;

	scrollbar-face-color: #eee;

	scrollbar-track-color: #fff;

	scrollbar-arrow-color: #888;

	scrollbar-highlight-color: #999;

	scrollbar-3dlight-color: #fff;

	scrollbar-shadow-color: #999;

	scrollbar-darkshadow-color: #fff;

}

#PixxerCurrentFolder{

	margin-left: 5px;

	font-size: 11pt;

	font-weight: bold;

	color: #113744

}



.QuickOrderKop {

	background: #B3E4F5;

}



#PixxerFolderFotocount {margin-left:10px;color:#113744}

#PixxerFolderInfo {margin-left:10px}

#PixxerFolderInfoUplink {background:#B3E4F5}

#PixxerFolderKort {font-weight:bold}



#PixxerFotomail a {color:#113744}



#PixxerPhotoNav {position:absolute}



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

#PixxerModify li {margin-bottom: 10px}

#PixxerModify a, #PixxerModify .actief {

	width: 80px;

	height: 15px; /* IE hack */

	padding: 1px 4px 1px 4px;

	border: 1px solid #113744;

	font-size: 8pt;

	color: #113744;

	text-decoration: none;

	display:block;

	text-align: center;

}

#PixxerModify .actief {

	color: #113744;

	background: #B3E4F5;

	border: 1px solid #113744;

}

#PixxerModify a:hover {

	color:#113744;

	text-decoration: none;

	background: #B3E4F5;

	border-color: #113744!important

}



#PixxerOrderbutton a {width: 169px; height: 25px; display:block}



#PixxerPageNav {margin:0 8px 0 8px}

#PixxerPageNav a {color:#113744}

#PixxerPhoto, #PixxerPhotoTranparent {position: absolute}

#PixxerPhotoTranparent {width: 400px; height: 400px; overflow:hidden;cursor:pointer} /* werkelijk afmetingen worden gezet door ResizeHandler() */

#PixxerPhotoContainer {margin: 0 0 0 10px}

#PixxerPhotoInfo {position:absolute;margin:40px 0 0 10px;border:2px solid #113744 ;background:#B3E4F5;cursor:default;display:none}



#PixxerPageNext a {

	width: 16px;

	height: 16px;

	background: url(http://www.v-i.be/images/oypo/pagenext.gif) no-repeat;

	display: block;

}

#PixxerPagePrev a {

	width: 16px;

	height: 16px;

	background: url(http://www.v-i.be/images/oypo/pageprev.gif) no-repeat;

	display: block;

}



#PixxerPhotoNext a {

	width: 30px; height: 30px; display:block; cursor:pointer;

	background: url(http://www.v-i.be/images/oypo/arrow_photonext.png) no-repeat;

	_background-image: none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.v-i.be/images/oypo/arrow_photonext.png',sizingMethod='fixed'); 

}

#PixxerPhotoPrev a {

	width: 30px; height: 30px; vertical-align: middle; display:block; cursor:pointer;

	background: url(http://www.v-i.be/images/oypo/arrow_photoprev.png) no-repeat;

	_background-image: none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.v-i.be/images/oypo/arrow_photoprev.png',sizingMethod='fixed'); 

}



#PixxerPhotoTitle {position:absolute;padding:2px 0 2px 0;width:300px;background:#B3E4F5;color:#113744;font-weight:bold;text-align:center;display:block}



#PixxerThumbs {

	margin: 0;

	padding: 0;

	height: 1px;

	overflow: auto;

	list-style-type: none;

}



#PixxerThumbs li {

	float: left;

	margin: 5px;

	width: 94px;

	height: 94px;

	_width: 96px;   /* IE hack */

	_height: 96px;   /* IE hack */

	overflow: hidden;

	background: #B3E4F5;

	border: 1px solid #113744;

}



#PixxerThumbs table {width: 100%; height: 100%}

#PixxerThumbs td {

	vertical-align: middle;

	text-align: center

}



#PixxerThumbs .foto {height: 94px;cursor: pointer}



#PixxerUplink {margin-right: 8px}

#PixxerUplink a {

	width: 19px; height: 19px;

	background: url(/pixxerimg/arrow_folderup.gif) no-repeat;

	float: left

}



#PixxerTblNL #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_nl.gif) no-repeat}

#PixxerTblNL .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_nl.gif) no-repeat}

#PixxerTblNL .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_nl.gif) no-repeat}



#PixxerTblEN #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_en.gif) no-repeat}

#PixxerTblEN .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_en.gif) no-repeat}

#PixxerTblEN .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_en.gif) no-repeat}



#PixxerTblFR #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_fr.gif) no-repeat}

#PixxerTblFR .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_fr.gif) no-repeat}

#PixxerTblFR .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_fr.gif) no-repeat}



#PixxerTblDE #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_de.gif) no-repeat}

#PixxerTblDE .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_de.gif) no-repeat}

#PixxerTblDE .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_de.gif) no-repeat}



.PixxerTitle {color:#113744}



.PixxerMiniThumb {

	position: relative;

	padding: 0 0 3px 3px;

	float: left;

	cursor: pointer;

}



.PixxerPagNra {border: 1px solid #113744; background: #B3E4F5;}

.PixxerPagNra a {color:#113744!important}

.PixxerPagNra a:hover {text-decoration:none}



.PixxerSelectionAdd a {width: 169px; height: 53px; display:block}

.PixxerSelectionDelete a {width: 169px; height: 53px; display:block}



.tblPixxerInfo, .PixxerTitle {padding-right:4px;text-align:right}



.PixxerSubmapBlok {margin:10px 0 0 80px; background:#B3E4F5; border:1px solid #888}

.PixxerSubmapKop {padding:2px 2px 2px 10px; background: #B3E4F5; font-size:12px; font-weight:bold}

.PixxerSubmapContents {float:left;color:#113744}



}



@media screen {

body {

	margin: 10px 0px 10px 0px;

	padding: 0px;

	overflow:auto;

	scrollbar-base-color: #A8A8A8;

	scrollbar-face-color: #dfdfdf;

	scrollbar-track-color: #A8A8A8;

	scrollbar-arrow-color: #999;

	scrollbar-highlight-color: #999;

	scrollbar-3dlight-color: #A8A8A8;

	scrollbar-shadow-color: #999;

	scrollbar-darkshadow-color: #A8A8A8;

}

td {vertical-align:top}

/*
#PixxerLanguageSwitch {margin-right: 10px; float: right}
*/
#PixxerBottom {position: absolute; bottom: 0}

#PixxerBoxFolderInfo1 {padding-left:30px; padding-bottom:0px; background:#B3E4F5}

#PixxerBoxFolderInfo2 {padding:8px 4px 20px 30px; background:#B3E4F5}

#PixxerBoxFolderKort {4px 4px 0px 30px; background:#B3E4F5}



#PixxerBoxParentPath {padding:4px 0px 2px 22px; color:#113744}

#PixxerBoxParentPath a {color:#113744}

#PixxerBoxPhoto {width: 530px}

#PixxerBoxOptions {width: 180px}

#PixxerBoxSelectionKop {width:170px; background:#B3E4F5; border:1px solid #113744; color:#113744; text-align:center}

#PixxerBoxSelection {width:170px; height:98px; overflow:hidden; border:1px solid #113744; background:#B3E4F5}

#PixxerBoxQuickorder {

	height:260px;

	overflow:auto;

	scrollbar-base-color: #fff;

	scrollbar-face-color: #eee;

	scrollbar-track-color: #fff;

	scrollbar-arrow-color: #888;

	scrollbar-highlight-color: #999;

	scrollbar-3dlight-color: #fff;

	scrollbar-shadow-color: #999;

	scrollbar-darkshadow-color: #fff;

}

#PixxerCurrentFolder{

	margin-left: 5px;

	font-size: 11pt;

	font-weight: bold;

	color: #113744

}



.QuickOrderKop {

	background: #B3E4F5;

}



#PixxerFolderFotocount {margin-left:10px;color:#113744}

#PixxerFolderInfo {margin-left:10px}

#PixxerFolderInfoUplink {background:#B3E4F5}

#PixxerFolderKort {font-weight:bold}



#PixxerFotomail a {color:#113744}



#PixxerPhotoNav {position:absolute}



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

#PixxerModify li {margin-bottom: 10px}

#PixxerModify a, #PixxerModify .actief {

	width: 80px;

	height: 15px; /* IE hack */

	padding: 1px 4px 1px 4px;

	border: 1px solid #113744;

	font-size: 8pt;

	color: #113744;

	text-decoration: none;

	display:block;

	text-align: center;

}

#PixxerModify .actief {

	color: #113744;

	background: #B3E4F5;

	border: 1px solid #113744;

}

#PixxerModify a:hover {

	color:#113744;

	text-decoration: none;

	background: #B3E4F5;

	border-color: #113744!important

}



#PixxerOrderbutton a {width: 169px; height: 25px; display:block}



#PixxerPageNav {margin:0 8px 0 8px}

#PixxerPageNav a {color:#113744}

#PixxerPhoto, #PixxerPhotoTranparent {position: absolute}

#PixxerPhotoTranparent {width: 400px; height: 400px; overflow:hidden;cursor:pointer} /* werkelijk afmetingen worden gezet door ResizeHandler() */

#PixxerPhotoContainer {margin: 0 0 0 10px}

#PixxerPhotoInfo {position:absolute;margin:40px 0 0 10px;border:2px solid #113744 ;background:#B3E4F5;cursor:default;display:none}



#PixxerPageNext a {

	width: 16px;

	height: 16px;

	background: url(http://www.v-i.be/images/oypo/pagenext.gif) no-repeat;

	display: block;

}

#PixxerPagePrev a {

	width: 16px;

	height: 16px;

	background: url(http://www.v-i.be/images/oypo/pageprev.gif) no-repeat;

	display: block;

}



#PixxerPhotoNext a {

	width: 30px; height: 30px; display:block; cursor:pointer;

	background: url(http://www.v-i.be/images/oypo/arrow_photonext.png) no-repeat;

	_background-image: none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.v-i.be/images/oypo/arrow_photonext.png',sizingMethod='fixed'); 

}

#PixxerPhotoPrev a {

	width: 30px; height: 30px; vertical-align: middle; display:block; cursor:pointer;

	background: url(http://www.v-i.be/images/oypo/arrow_photoprev.png) no-repeat;

	_background-image: none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.v-i.be/images/oypo/arrow_photoprev.png',sizingMethod='fixed'); 

}



#PixxerPhotoTitle {position:absolute;padding:2px 0 2px 0;width:300px;background:#B3E4F5;color:#113744;font-weight:bold;text-align:center;display:block}



#PixxerThumbs {

	margin: 0;

	padding: 0;

	height: 1px;

	overflow: auto;

	list-style-type: none;

}



#PixxerThumbs li {

	float: left;

	margin: 5px;

	width: 94px;

	height: 94px;

	_width: 96px;   /* IE hack */

	_height: 96px;   /* IE hack */

	overflow: hidden;

	background: #B3E4F5;

	border: 1px solid #113744;

}



#PixxerThumbs table {width: 100%; height: 100%}

#PixxerThumbs td {

	vertical-align: middle;

	text-align: center

}



#PixxerThumbs .foto {height: 94px;cursor: pointer}



#PixxerUplink {margin-right: 8px}

#PixxerUplink a {

	width: 19px; height: 19px;

	background: url(/pixxerimg/arrow_folderup.gif) no-repeat;

	float: left

}



#PixxerTblNL #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_nl.gif) no-repeat}

#PixxerTblNL .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_nl.gif) no-repeat}

#PixxerTblNL .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_nl.gif) no-repeat}



#PixxerTblEN #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_en.gif) no-repeat}

#PixxerTblEN .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_en.gif) no-repeat}

#PixxerTblEN .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_en.gif) no-repeat}



#PixxerTblFR #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_fr.gif) no-repeat}

#PixxerTblFR .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_fr.gif) no-repeat}

#PixxerTblFR .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_fr.gif) no-repeat}



#PixxerTblDE #PixxerOrderbutton a {background: url(http://www.v-i.be/images/oypo/naarwinkelwagen_de.gif) no-repeat}

#PixxerTblDE .PixxerSelectionAdd a {background: url(http://www.v-i.be/images/oypo/selectionadd_de.gif) no-repeat}

#PixxerTblDE .PixxerSelectionDelete a {background: url(http://www.v-i.be/images/oypo/selectiondel_de.gif) no-repeat}



.PixxerTitle {color:#113744}



.PixxerMiniThumb {

	position: relative;

	padding: 0 0 3px 3px;

	float: left;

	cursor: pointer;

}



.PixxerPagNra {border: 1px solid #113744; background: #B3E4F5;}

.PixxerPagNra a {color:#113744!important}

.PixxerPagNra a:hover {text-decoration:none}



.PixxerSelectionAdd a {width: 169px; height: 53px; display:block}

.PixxerSelectionDelete a {width: 169px; height: 53px; display:block}



.tblPixxerInfo, .PixxerTitle {padding-right:4px;text-align:right}



.PixxerSubmapBlok {margin:10px 0 0 80px; background:#B3E4F5; border:1px solid #113744}

.PixxerSubmapKop {padding:2px 2px 2px 10px; background: #B3E4F5; font-size:12px; font-weight:bold}

.PixxerSubmapContents {float:left;color:#113744}



}


/* einde Oypo css