/*----------------------------------------------------------------*/
/*         XPORTAL MODULE.CSS                                     */
/*----------------------------------------------------------------*/
/*******************************************************************************
 * XPortal skins v2.0
 *
 * New styles are prefixed with 'xp_' to make it easier for projects to use 
 * there own styles with meanigfull names (we'll suffer, but hey; customer is
 * always right)
 *
 * Basic groups are :
 *   xp_gal      -> gallery
 *   XpGrp      -> gallery groups
 *   xp_mod      -> modules
 *   xp_def      -> module defintions
 *
 * Basic prefixes are :
 *   XpBtn-     -> buttons
 *   XpAct-     -> button actions
 *
 * Futhermore : 
 *   XpBtn-alt  -> alternates
 *
 * Major changes:
 *   'container' class has been removed and is now called 'box'
 */

body {
	scrollbar-face-color:#FFFFFF;
	scrollbar-arrow-color:#6D6D6D;
	scrollbar-track-color:#C0C0C0;
	scrollbar-shadow-color:#6D6D6D;
	scrollbar-highlight-color:#6D6D6D;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-darkshadow-color:#C0C0C0;
}
  
.button{ 
	border: 1px solid black; 
	background-color: #6D6D6D;
	color: white;
	height:22px;
	cursor: hand;
	font-weight:bold;
	font-size:11px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}
.buttonupload{ 
	border: 1px solid black; 
	padding-top:5px;
	height:25px;
	width:312px;
	font-size:11px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}
.buttondown{ 
	border: 1px solid black; 
	background-color: #B7C7D6;
	color: white;
	height:22px;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}
.buttontoolbar{ 
	border: 1px solid black; 
	background-color: #B7B6B9;
	color: white;
	height:22px;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}
.buttontoolbardown{ 
	border: 1px solid black; 
	background-color: #D2D6DF;
	color: white;
	height:22px;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}

button{ 
	border: 0px; 
	background-color: #6D6D6D;
	color: white;
	height:22px;
	cursor: hand;
	font-weight:bold;
	font-size:11px;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#133E6C', Direction=135, Strength=2);*/
}

/*********/
/* forms */
/*********/

/* form cells */

td.FormElementCaptionCell 
{
	width: 20%;
	padding-left:5px;
	padding-top:5px;
	vertical-align:top;
}
td.FormElementInputCell
{
	width: 70%;
}
td.FormElementInputFullColSpanCell
{
	width: 90%;
}
td.FormElementCaptionCellRequired
{
	font-weight: bold;
	padding-left:5px;
	padding-top:5px;
	vertical-align:top;
}
td.FormElementInputCellRequired
{
}
td.FormElementInputFullColSpanCellRequired
{
}

/* form rows */

tr.FormElementRow 
{
	/* apply your style */
	/* background-color: #BBBBBB; */
}
tr.FormElementAlternatingRow 
{
	/* apply your style */
	/* background-color: #EEEEEE; */
}

/* form table */

table.FormTable
{
	/* apply your style */
	width:95%;
}

/*----------------------------------------------------------------*/
/*         XPORTAL MODULE.CSS                                     */
/*----------------------------------------------------------------*/
/*******************************************************************************
 * XPortal skins v2.0
 *
 * New styles are prefixed with 'xp_' to make it easier for projects to use 
 * there own styles with meanigfull names (we'll suffer, but hey; customer is
 * always right)
 *
 * Basic groups are :
 *   xp_gal      -> gallery
 *   XpGrp      -> gallery groups
 *   xp_mod      -> modules
 *   xp_def      -> module defintions
 *
 * Basic prefixes are :
 *   XpBtn-     -> buttons
 *   XpAct-     -> button actions
 *
 * Futhermore :
 *   XpBtn-alt  -> alternates
 *
 * Major changes:
 *   'container' class has been removed and is now called 'box'
 */

/*body {
	scrollbar-face-color:#FCEC11;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#C0C0C0;
	scrollbar-shadow-color:#6D6D6D;
	scrollbar-highlight-color:#6D6D6D;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-darkshadow-color:#C0C0C0;
}
*/


/*******************************************************************************
 * XPortal gallery specifics
 */
.xp_gal
{
	position:relative;
	display:inline;
	left:0px;
	top:0px;
	width:150px;
	height:100%;
	z-index:25;
}

.xp_gal .xp_main
{
	position:relative;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	margin-right:6px; /* width of the divider */
	height:100%;
}

.xp_div
{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	width:6px;
	height:100%;
	background-color:#E0DFE3;
	border-left:solid 1px #6D6D6D;
	border-right:solid 1px gainsboro;
	cursor:hand;
}

.xp_gal .xp_div-top { /* not used */ }
.xp_gal .xp_div-btm { /* not used */ }

.xp_gal .xp_div-btn
{
	position:absolute;
	display:block;
	top:45%;
	height:10%;
	width:100%;
	background-image:url(grab.gif);
}
.xp_gal .XpAct-close .xp_div-btn { /* not used */ }

.xp_gal .XpGrp 
{
	position:relative;
	display:inline;
	left:0px;
	background-color:gainsboro;
}

.XpGal-panel 
{
	height:200px;
}

.XpGrp-head
{
	position:relative;
	display:block;
	left:0;
	top:0;
	width:100%;
	background-image:url(div-bg.gif);
	background-repeat:repeat-x;
	cursor:hand;
	height:20px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#6D6D6D', EndColorStr='#E0DFE3');
}

XpPlus 
{
	position:absolute;
	display:block;
	background-image:url(tr-close.gif);
	background-repeat:no-repeat;
	left:1px;
	top:6px;
	width:9px;
	height:9px;
}

.XpAct-open XpPlus 
{
	position:absolute;
	display:block;
	background-image:url(tr-open.gif);
	background-repeat:no-repeat;
	left:1px;
	top:6px;
	width:9px;
	height:9px;
}

.XpGrp .XpGrp-title
{
	line-height:20px;
	position:relative;
	display:block;
	text-indent:12px;
	font-family:Verdana;
	font-size:xx-small;
	font-variant:small-caps;
	color:Gainsboro;
}

/*
	Defines thw box in the gallery... the place where moduledefintions are displayed
*/
.XpGrp-box 
{
	position:relative;
	display:inline;
	padding-left:10px;
	margin-right:1px;
	overflow:auto;
	height:300px;		/* use 100% to autoscale */
	width:100%;
	left:0px;
	top:0px;
}

.xp_gal .xp_main .xp_mod-title
{
	display: block;
	font-size: xx-small;
	left: 2px;
	width: 100%;
	color: black;
	font-family: Tahoma, Verdana, Arial;
	font-weight:bold;
	font-style:italic;
	position: absolute;
	top: 2px;
}

.xp_gal .xp_descr
{	
	top:2px;
	margin-right:3px;
	margin-bottom:2px;
	padding:4px;
	
	font-family: Tahoma, Verdana, Arial;
	font-size:xx-small;
	position:relative;
	display:inline;
	height:90px;
	overflow:visible;
	background-color:White;
	border-top:1px solid darkgray;
}

.xp_descr .xp_descr-title
{	
	font-size:x-small;
	font-weight:bolder;
	position:relative;
	display:inline;
}

.xp_descr .xp_descr-content
{	
	position:relative;
	display:inline;
	height:90px;
	width:100%;
	overflow:hidden;
}

/*******************************************************************************
 * XPortal module layout
 */

.xp_mod
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	border:1px solid dimgray;
	margin:2px 1px 2px 1px;
}

.xp_mod .xp_bar-left { position:absolute; width:50%; left:0px; top:0px; height:18px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#E0DFE3', EndColorStr='#6D6D6D'); }
.xp_mod .xp_bar-right { position:absolute; width:50%; right:0px; top:0px; height:18px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#6D6D6D', EndColorStr='#E0DFE3'); }

.xp_mod .xp_mod-top { position:relative; left:0px; width:100%; overflow:hidden; }
.xp_mod .xp_mod-mid { position:relative; left:0px; width:100%; height:100%; }

.xp_mod .xp_top-left {}
.xp_mod .xp_top-cntr
{
	position:relative;
	top:0px;

	background-repeat: repeat-x;
	width:100%;
	height: 18px;
}
.xp_mod .xp_top-right {}

.xp_mod .xp_mid-left {}
.xp_mod .xp_mid-cntr 
{
	position:relative;
	top:0px;
	height:100%;
}
.xp_mod .xp_mid-inner {}
.xp_mod .xp_mid-right { }

.xp_mod .xp_mod-btm 
{ 
	position:relative; left: 0px; width:100%; height:4px; 
}
.xp_mod .xp_btm-left { }
.xp_mod .xp_btm-cntr { }
.xp_mod .xp_btm-right { }

/*******************************************************************************
 * XPortal module buttons
 */
XpButton
{
	display:inline;
	position:absolute;
	z-index:10;
	overflow:hidden;
	cursor:hand;
}

.XpBtn-close
{
	background-repeat: no-repeat;
	background-image: url(buttons/close-normal.gif);
	right: 2px;
	top: 1px;
	width: 15px;
	height: 15px;
}

.XpAct-hover .XpBtn-close {	background-image: url(buttons/close-over.gif); }
.XpAct-active .XpBtn-close { background-image: url(buttons/close-active.gif); }
.XpAct-disabled .XpBtn-close { background-image: url(buttons/close-disabled-normal.gif); cursor:default; }

.XpBtn-help
{
	background-image: url(buttons/help-normal.gif);
	background-repeat: no-repeat;
	right: 19px;
	top: 1px;
	width: 15px;
	height: 15px;
	cursor:help;
}
.XpAct-hover .XpBtn-help { background-image: url(buttons/help-over.gif); }
.XpAct-active .XpBtn-help { background-image: url(buttons/help-active.gif); }
.XpAct-disabled .XpBtn-help { background-image: url(buttons/help-disabled-normal.gif); cursor:default; }

.XpMod-title
{
	display: block;
	font-size: xx-small;
	width: 100%;
	color: White;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
	font-style:normal;
	position: absolute;
	top: 1px;
	text-align:center;
	cursor:move;
}

.XpBtn-menu
{
	background-image: url(buttons/restore-normal.gif);
	background-repeat: no-repeat;
	left: 2px;
	top: 1px;
	width: 15px;
	height: 15px;
	cursor:hand;
}
.XpAct-hover .XpBtn-menu { background-image: url(buttons/restore-over.gif); }
.XpAct-active .XpBtn-menu { background-image: url(buttons/restore-active.gif); }

.XpBtn-float
{
	background-image: url(buttons/max-normal.gif);
	background-repeat: no-repeat;
	right: 36px;
	top: 1px;
	width: 15px;
	height: 15px;
}
.XpAct-hover .XpBtn-float { background-image: url(buttons/max-over.gif); }
.XpAct-active .XpBtn-float { background-image: url(buttons/max-active.gif); }

.XpBtn-altfloat
{
	background-repeat: no-repeat;
	background-image: url(buttons/min-normal.gif);
	right: 36px;
	top: 1px;
	width: 15px;
	height: 15px;
}
.XpAct-hover .XpBtn-altfloat { background-image: url(buttons/min-over.gif); }
.XpAct-active .XpBtn-altfloat { background-image: url(buttos/min-active.gif); }

.XpBtn-min
{
	background-image: url(buttons/min-normal.gif);
	background-repeat: no-repeat;
	right: 36px;
	top: 1px;
	width: 15px;
	height: 15px;
}
.XpAct-hover .XpBtn-min { background-image: url(buttons/min-over.gif); }
.XpAct-active .XpBtn-min { background-image: url(buttons/min-active.gif); }
.XpAct-disabled .XpBtn-min { background-image: url(buttons/min-disabled-normal.gif); cursor:default; }

.XpBtn-max
{
	background-image: url(buttons/max-normal.gif);
	background-repeat: no-repeat;
	right: 36px;
	top: 1px;
	width: 15px;
	height: 15px;
}
.XpAct-hover .XpBtn-max { background-image: url(buttons/max-over.gif); }
.XpAct-active .XpBtn-max {	background-image: url(buttons/max-active.gif); }
.XpAct-disabled .XpBtn-max { background-image: url(buttons/max-disabled-normal.gif); }

/*******************************************************************************
 * XPortal module defintions
 */
moduledef
{
	position:relative;
	display:inline;
	overflow:hidden;
	left:0px;
	top:0px;
	width:100%;
	height:22px;
	background-color:darkgray;
	border:1px solid gray;
	font-family:Tahoma, Verdana, Arial;
	font-size:xx-small;
	cursor:move;
	margin:1px 1px 0px 1px;
	vertical-align:middle;
}

moduledef.active
{
	background-color:gainsboro;
}

.xp_def-icon 
{
	position:absolute;
	overflow:hidden;
	right:2px;
	top:2px;
	width:16px;
	height:16px;
	/* this is the default icon for moduledefintions, remove this if no default icon is needed*/
}

.xp_def-grip 
{
	position:absolute;
	left:2px;
	top:5px;
	height:14px;
	width:5px;
	background-image:url(grab.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

.xp_def-text 
{
	position:absolute;
	left:10px;
	line-height:21px;
	font-variant:small-caps;
	overflow:hidden;
}

/*******************************************************************************
 * XPortal box/container 
 */
.XpNoItems
{
	font-size: xx-small;
	overflow: hidden;
	font-family: Tahoma, Verdana, Arial;
	text-align: center;
	padding:2px;
	width:100%;
}

.XpBox 
{
	margin:10px;
}

.XpHighlight-0-act
{
	border:2px inset gold;
	overflow:hidden;
	margin:1px;
}

.XpHighlight-1-act
{
	border:2px inset gold;
	overflow:hidden;
	margin:1px;
}

.XpHighlight-0
{
	height:4px;
	overflow:hidden;
	margin:1px;
}

.XpHighlight-1 
{
	height:4px;
	overflow:hidden;
	margin:1px;
}

.XpDragWindow 
{
	display:none;	
	position:absolute;
	border:1px solid darkgray;
	z-index:100;
}


/*******************************************************************************
 * XPortal toolbar
 */
.XpToolbarButton 
{
	width:100%;
	margin-right:3px;
}

.XpToolbarBox
{
	border-right:solid 1px #f0fFf3;
	border-left:solid 1px #6D6D6D;
	border-bottom:solid 1px #f0fFf3;
	width: 100%;
	height:100px;
	margin-right: 0px;
	font-family:Tahoma, Verdana, Arial;
}

.XpToolbarBox Button
{
	background-color:#E0DFE3;
}

.XpSitetoolbarcategory
{
	padding-left:1px;
	border-top:solid 1px #6D6D6D;
	border-bottom:solid 1px #E0DFE3;
	color: #FFFFFF;
	height: 18px;
	width:100%;
	white-space: nowrap;
	text-align:center;
	text-transform:capitalize;
	font-size:xx-small;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#6D6D6D', EndColorStr='#E0DFE3');
	background-color:#E0DFE3;
}

/*******************************************************************************
 * XPortal popup menu
 */

/* --- container -- */
.ppopupmenu
{
	font-family:Verdana; background-color:White; border: #8a867a 1px solid; display:block; position:absolute; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#8a867a', Positive='true'); z-index:1000;
}
.popupmenu .ptitle 
{
		font-size:x-small; color: White; text-align:center; background-color:Navy;
		font-weight:bold;
}
/* --- item container, normal and selected --- */
.ppopupmenu .pnormal 
{
	border-left: white 1px solid;	border-right: white 1px solid; width:100%; cursor:hand;
}
.ppopupmenu .pselected
{
	border-left: #6D6D6D 1px solid;	border-right: #6D6D6D 1px solid; background-color: #9E9E9E;	width:100%; cursor:hand; color:#6D6D6D;
}
/* --- item, normal, inactive and selected --- */
.ppopupmenu .pitem 
{
	border-top:white 1px solid; border-bottom:white 1px solid; padding-left:10px; padding-right:5px;	font-size: xx-small; height:100%;
}
.ppopupmenu .pinactive 
{
	color: gainsboro; border-top:white 1px solid; border-bottom:white 1px solid; padding-left:10px; padding-right:5px;	font-size: xx-small; height:100%;
}
.pselected .pitem 
{
	border-top:1px solid #6D6D6D;	border-bottom:1px solid #6D6D6D;  color:white;
}
.pselected .pinactive 
{
	border-top:1px solid #6D6D6D;	border-bottom:1px solid #6D6D6D;  color:white;
}
/* --- item divider, normal --- */
.ppopupmenu .pdivider
{
	background-color:#E0DFE3;
}
/* --- item icon, normal and selected --- */
.ppopupmenu .pitemicon 
{
	border-top:1px solid #E0DFE3; border-bottom:1px solid #E0DFE3; padding-top:2px; padding-bottom: 2px; background-color:#E0DFE3;	width:24px;	height:24px; text-align:center;
}
.ppopupmenu .ptitle
{
	border: #6D6D6D 1px inset;
	font-size: xx-small;
	color: captiontext;
	background-color: #6D6D6D;
	text-align: center;
	line-height:16px;
}
.pselected .pitemicon 
{
	border-top:1px solid #6D6D6D;	border-bottom:1px solid #6D6D6D; background-color:#9E9E9E;  color:white;
}

/*******************************************************************************
 * XPortal property window
 */

.propertyContainer
{
	border:solid 1 #C0C0C0;
	width:100%;
	/* The dropdownlist doesn't like this filter when the page is scrolled*/
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#E7DFE7', EndColorStr='#FFFFFF');*/
	background-image: url(gray-white-gradient.gif);
	background-repeat: repeat-y;
	background-color:#eaeaea;
}

.propertyCategoryHeader
{
	vertical-align:bottom;
	background-color:#6D6D6D;
	width:100%;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:2px;
	margin-top:1px;
	color: #ffffff;
	font-weight:bold;
	cursor:hand;
	font-size:11px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#6D6D6D', EndColorStr='#E0DFE3');
}
.propertyCategoryContainer
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 19px;
	border-top: solid 1 #C0C0C0;
	border-left: solid 1 #C0C0C0;
	border-right: solid 1 #C0C0C0;
	border-bottom: solid 1 #C0C0C0;
}
.propertyLabel {
	background-color: transparent;
	width: 35%;
	color: Black;
	height: 24px;
	border-bottom: 1px Silver solid;
	vertical-align: top;
	font-size:11px;
}
.propertyValue {
	background-color: transparent;
	width: 59%;
	color: Black;
	height: 24px;
	border-bottom: 1px Silver solid;
	vertical-align: top;
	font-size:11px;
}
.propertyFull {
	background-color: transparent;
	width: 94%;
	color: Black;
	height: 24px;
	border-right: 0px Silver solid;
	border-bottom: 1px Silver solid;
	vertical-align: top;
	font-size:11px;
}
.propertyValidator 
{
	background-color: transparent;
	width: 6px;
	color: Black;
	height: 24px;
	border-bottom: 1px Silver solid;
	vertical-align: top;
}
.propertyHelpText 
{
	background-color: transparent;
	width: 6px;
	color: Black;
	height: 24px;
	border-right: 1px Silver solid;
	border-bottom: 1px Silver solid;
	vertical-align: top;
	font-size:11px;
}



/*----------------------------------------------------------------*/
/*         INTERTAAL STYLE.CSS                                    */
/*----------------------------------------------------------------*/
body
{
	/* overflow:none; */
	color: Black;
	padding: 0px;
	border: 0px;
	margin: 0px;
	padding-bottom:0px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: Black;
	background-color: #ffffff;
	  
	scrollbar-face-color:#FCEC11; 
	scrollbar-arrow-color:#454E5E;   
	scrollbar-track-color:#c0c0c0;  
	scrollbar-shadow-color:#FCEC11; 
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:#454E5E;
	
}

.mainbody
{	
	height:100%;
	width:100%;
	vertical-align:top;
}

.Mainside, .Homeside
{
	background-color: #999999;
	background-image: url(/xportal/intertaal/images/bg4.gif); 
}

.HomeLfiller
{
	background-color:#454e5e;
	/* filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#FCEC11,endColorstr=#FFFFFF); */
}


div.HomeCoverImg 
{
	width :75px;
	padding-top:7px;
}
.HomeCoverImg img
{
	width :75px;
}

.HomeCoverImg 
{	
	width :75px;
}
div.HomeCoverSpacer , .HomeCoverSpacer td
{
	font-size:1px;
	height:10px;
}
.HomeCoverpanel
{
	vertical-align: top;
	padding-top: 10px;
	padding-top:10px;
	background-color: #454e5e;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#eaeaea,endColorstr=#454e5e);
}

td, th
{	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: Black;
}
a
{
	color:blue;
	}

ul, ol
{

	list-style:square;
	padding-top:0px;
	margin-left:25px;
	margin-top:0px;
}

li
{
	}

.GraylText
{
	color:#454e5e;
}
	
a:link
{
	color: blue;
	text-decoration:none;
}
a:visited
{
	color: blue;
	text-decoration:none;
}
a:hover
{
	color: blue;
	background-color:#FCEC11;
	text-decoration:underline;
}
a:active
{
	color: blue;
	text-decoration:none;
}
hr 
{color:#999999;
	height:1;
}
form
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
img
{
	border: 0px;
}

td.content, div.content
{
	vertical-align: top;
	margin-top:0px;
	margin-left:18px;
	margin-right:18px;
	margin-bottom:5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	background-color: #ffffff;
	font-size:9pt;
	font-weight:normal;
}
a.Tab, a.Tab:link, a.Tab:visited
{
	font-size:9pt;
	font-weight:normal;
}

.TabButton 
{
	font-family: arial;
	width:64;
	border: 1px solid black; 
	background-color: #333a45;
	color: #FFFFFF;
	height:18px;
	font-size:8pt;
	font-weight:normal;
	cursor: pointer; cursor:hand;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);*/
}
.ResultBackground
{
	
}
table.datagrid 
{
	background-repeat:no-repeat;
	width:528;
    border-collapse: collapse;
    border: solid 1px #c0c0c0;
	cursor: pointer; cursor:hand;
}
table.datagridSerie
{
	background-repeat:no-repeat;
	width:528;
    border-collapse: collapse;
    border: solid 1px #c0c0c0;
	cursor: pointer; cursor:hand;
}
table.datagrid tr.head td
{
	background-color: #FFFFFF;
	padding: 2px 4px 1px 4px;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
	color: white;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	vertical-align:top;
}
tr.head td a, tr.head td a:link, tr.head td a:visited {
	color: black;
	text-decoration: none;
}

tr.sortEP
{
	background-color: Transparent;
}
tr.sortT1T2
{
	background-color: Transparent;
}
tr.sortOverig
{
	background-color: Transparent;
}
tr.sortEP td
{
	padding: 1px 4px 1px 4px; 
	/*border-top:solid 1px #FCEC11; */
	/*border-bottom:solid 1px #FCEC11; */
	vertical-align:top;
	/*white-space: nowrap;*/
}

.sortEP a:link, .sortEP a:visited, .sortEP a:active
{	
	text-decoration : none;
	color:blue;
	font-weight:bold;
}
.sortT1T2 a:link, .sortT1T2 a:visited, .sortT1T2 a:active
{
	text-decoration: none;
	color: blue;
}
.sortOverig a:link, .sortOverig a:visited, .sortOverig a:active
{
	text-decoration : none; 
	color:blue;
}

.sortEP a:hover, .sortT1T2 a:hover, .sortOverig a:hover
{
	text-decoration : none; 
	color:#a8160f;
}

tr.sortT1T2 td, tr.sortOverig td
{
	padding: 1px 4px 1px 4px; 
	/*border-color: #ECE9D8; */
	vertical-align:top;
	/*white-space: nowrap;*/
}


tr.PagingRow
{
	background-color: #ffffff;
	color:Black;
	font-size:9;
	font-weight:bold;
	font-style:italic; 
	height:18;
	letter-spacing :3;
}

.buttondown{ 
	border: 1px solid black; 
	background-color: #B7C7D6;
	color: white;
	height:18px;
	cursor: pointer; cursor:hand;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);*/
}

.buttontoolbar{ 
	border: 1px solid black; 
	background-color: #8EAECA;
	color: white;
	height:22px;
	cursor: pointer; cursor:hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}
.buttontoolbardown{ 
	border: 1px solid black; 
	background-color: #D2D6DF;
	color: white;
	height:22px;
	cursor: pointer; cursor:hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}


.footer 
{
	font-size:8pt;
	font-weight:normal;
	text-align:left;
	margin-right:18;
	margin-left:18;
	margin-top:18;
}

.pagefooter 
{
	font-size:8pt;
	font-weight:normal;
	text-align:center;
	margin-right:18;
	margin-left:18;
	margin-top:18;
}

.backfooter 
{
	font-size:8pt;
	font-weight:normal;
	margin-right:18;
	margin-top:18;
}

/*************/
/* templates */
/*************/
.HomeBackGray1
{
	background-color:#333A45   ; 
}
.HomeForeGray1
{
	color:#333A45   ; 
}
.HomeBackGray2
{
	background-color:#454E5E   ; 
}
.HomeBackGray3
{
	background-color:#999999   ; 
	background-image:url(/xportal/intertaal/images/bg4.gif)
}
.HomeBackGray4
{
	background-color:#888888   ; 
}
.HomeLiteGray
{
	background-color:#eaeaea   ; 
}
.HomeBackRed
{
	background-color:#A8160F   ; 
}
.HomeForeRed
{
	color:#A8160F   ; 
}
.HomeBackYellow
{
	background-color:#FCEC11; 
}
.HomeForeYellow
{
	color:#FCEC11; 
}

.HomepageAnonymous
{
	/* //background-image: url(/xportal/intertaal/images/homebackground.gif); */
	background-repeat: no-repeat ;
}


.ExtranewsLink 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}

.ExtranewsLink a:link, .ExtranewsLink a:visited, .ExtranewsLink a:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#454e5e;
	background-color:Transparent;
	text-decoration:none;
	text-align:left;
}

.ExtranewsLink a:hover
 {
	text-decoration: underline;
 }


.HotnewsKop, .HotnewsKop td, .HotnewsKop a:visited, .HotnewsKop a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#000000;
	padding-top:0px;
	background-color:#fcec11;
	text-decoration: none;
	text-align:center;
}

.HotnewsKop a:hover
 {
	text-decoration: underline;
	text-align:left;
 }

td.HomeHotnews 
{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eaeaea;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}

.Hotnews
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:8pt;
	color:#454e5e; 
	height:385px;
	overflow:hidden ;	
	text-align:left;

}
.Hotnews a:link, .Hotnews a:visited, .Hotnews a:active
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
	background-color: Transparent ;
	text-align:left;
}
.Hotnews a:hover
 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor: pointer; cursor:hand;
	font-size:8pt;
	text-align:left;
 }


.FAQHeader
{
	font-size:11pt;
	font-weight:bold;	
	margin-top:9px;
}
.FAQ
{
	font-weight: normal;
	font-size: 9pt;
	padding-bottom: 7px;
	margin-left: 0px;
	width: 528px;
	color: black;
	padding-top: 7px;
}

.FAQ td
{
height:22px;	}

.FAQitemVraag, .FAQitemVraag A, .FAQitemVraag A:link, .FAQitemVraag A:visited
{
	font-size:10pt;
	font-weight:bold;
	font-style:italic;	
}

.FAQitem
{
	margin-top: 18px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 9pt;
	padding-bottom: 7px;
	margin-left: 0px;
	width: 528px;
	color: black;
	padding-top:7px;
}
.News
{
	padding-right: 4px;
	margin-top: 9px;
	padding-left: 4px;
	font-weight: normal;
	font-size: 9pt;
	padding-bottom: 0px;
	width: 528px;
	color: black;
	padding-top: 5px;
	background-repeat: no-repeat;
	height: 0px;
	background-color: Transparent;
	border: dashed 1px #fcec11;
}
.NewsRow   
{
	line-height:1.5em;
}

.News a:link, .News a:visited, .News a:active
{
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 9pt;
	color: blue;
	text-decoration:none;
	background-repeat: no-repeat;
}

.Newsitem
{
	margin-top:17px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-weight: normal;
	font-size: 9pt;
	width: 528px;
	color: #000000;
	text-decoration:none;
	background-repeat: no-repeat;
	background-color:#eaeaea;
	height: 0px;
}

.NewsPublishdate
{
	color:#454e5e;
}

.NewsIntern
{
	padding-right: 4px;
	margin-top: 15px;
	padding-left: 4px;
	font-weight: normal;
	font-size: 9pt;
	padding-bottom: 7px;
	width: 528px;
	color: black;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-color: white;
	border: dashed 1px #cccccc;
	height: 230;
}
.NewsIntern A, .NewsIntern A:visited, .NewsIntern A:hover
{
	font-size:9pt;
	font-weight:bold;
	color:black;
	background-color: Transparent ;

}
.NewsListDatum
{
	font-weight:normal;
	font-size:8pt;
}
.News A
{
	font-size:9pt;
	font-weight:bold;
}

.News h1 img
{
	vertical-align:baseline;
	width:22px;
	margin-right:5;
	border:solid 1px black;
}

A.NewsLeesverder
{
	font-size:8pt;
	font-weight:normal;
}
.NewsKop
{
	font-size:11pt;
	font-weight:bold;
	color:black;
	width:528;
	margin-top:21px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0;
}
.NewsFooter
{
	font-size:9pt;
	font-weight:normal;
	color:black;
	width:528;
	margin-left:0px;
	margin-bottom:0;
	margin-top:19;
}

.Newsbrief 
{
	margin-top: 24px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 9pt;
	padding-bottom: 7px;
	margin-left: 0px;
	width: 528px;
	color: black;
	padding-top: 1px;
	height: 0;
	background-color:#eaeaea;
 }
.NewsBriefKop
{
	font-size:11pt;
	font-weight:bold;
	color:black;
	width:528;
	margin-left:0px;
	margin-bottom:0;
	margin-top:19;
	padding-left:0;
}
.NewsbriefContent img
{
width:65;
border:solid 1px #333a45;
}

.Vacature
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	height: 18px;
	margin-top: 15px;
	padding-left:4px;
	width:528;
	padding-bottom:7;
	background-color: #eaeaea;
	/* filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#FFFFFF,endColorstr=#FCEC11); */
}
.VacatureKop
{
	font-size:11pt;
	font-weight:bold;
	color:black;
	width:528;
	margin-left:18px;
	margin-bottom:0;
	margin-top:19;
	padding-left:0;
}
/****************************/
/* UC: AktiviteitenKalender */
/****************************/

.AktiviteitenKalender , .AktiviteitenKalender table
{
	background-color: #eaeaea;
	margin-right:18px;
	margin-left:0px;
	font-weight:normal;
	width:528px;
}

.Aktiviteitinfo
{
color:#666666;}

.AktiviteitTitel
{
	font-size:11pt;
	font-weight:bold;
	color:black;
}

.AktiviteitenKalender td
{
	background-color: #eaeaea;
	font-size:8pt;
	font-weight:normal;
	padding:2px;
	border-top:solid 1 #999999;
}

.AktiviteitenKalenderKolomHeader td
{
	font-size:8pt;
	font-weight:bold;
	vertical-align:top;
}

.AktiviteitenFooter
{
}
/***************/
/* UC: UserName   */
/***************/
.Userlabel
{
	text-align:right;
	padding-top:2;
	padding-left:67;
	padding-right:2;
	color:#ffffff;
}
.Userlabel span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:normal;
	color:#ffffff;
}

.TDSUserlabel
{
	font-size:8pt;
}

.UserRoleInfo, .UserRoleLabel
{
	color:#FFFFFF;
	font-size:8pt;
	}

.UserRoleInfo td, .UserRoleLabel td
{
	color:#FFFFFF;
	font-size:8pt;
	font-weight:normal;
}

/***************/
/* UC: Login   */
/***************/

.LoginPage
{
	background-color : #999999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt;
	color:#ffffff;
}


.LoginPagetitle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top:14;
	font-size:11pt;
	font-weight:bold;
	color:#ffffff;
}
.LoginPageheader
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top:18;
	font-size:9pt;
	font-weight:normal;
	color:#ffffff;
}
.Login 
{
	font-size:9pt;
	color:#ffffff;
	width:264;
}

.Login input
{
	height:18px;
	font-size:8pt;
}

.Login table 
{
}
.Login td
{
	font-size:9pt;
	color:#ffffff;
	width:132px;
}
.LoginUserLabel{
	width:396px;
	text-align:center;
	color:#ffffff;
}
.KlantLogin 
{
	text-align:center;
	font-size:9pt;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	width:528px;
	border: dashed 1px #999999;
}
.KlantLogin table 
{
	/* width:264px; */
	/*   margin-left:132; */
	/* height:25px; */
	margin-left:0px;
}
.KlantLogin td
{
	font-size:9pt;
	vertical-align:middle;
	padding-left:2px;
}

.KlantLogin input
{
	font-size:8pt;
	height:18px;
}

.LoginButton
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight:bold;
	cursor: pointer; cursor:hand;
	color: #ffffff;
	height:20px;
	width:130px;
	background-color: #333a45;
	text-decoration:none;
	text-align:center;
	border : solid 1px white;
/*	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#333A45,endColorstr=#999999);
*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}
.LoginPageContent
{
	padding-bottom:5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #999999;
	font-size:9pt;
	font-weight:normal;
}


.LoginPageContent H2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10pt;	
	font-weight:bold;
}






/***********/
/* PageContent */
/***********/
.PageTitle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
}

.PageContent 
{
	width:528px;
	margin-top:9px;
	padding-top:0px;
	margin-left:0px;
	background-color:#FFFFFF;
}

.PageDetailTitle
{
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
	color:#999999;
	margin-left:18;
	margin-top:20;
	margin-bottom:18;
}

H1, .Kop1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	font-style:normal;	
	padding-top:0;
	margin-top:0;
}

H2, .Kop2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;	
	padding-top:0;
	
}

H3, .Kop3
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	font-style:italic;	
	padding-top:0;
}
.Normaal
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	font-style: normal ;	
}
H4, H5, H6, H7, .Kop4
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	font-style:normal;	
	padding-top:0;
}


.Klein {font-size:8pt;}
.Tiny {font-size:7pt;}

.ContainerHeader
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
}
.IntroBanner 
{ 
	margin-top:18px;
	margin-bottom:0px;
	width:528px;
	padding-bottom:0px;
}

.IntroBanner img
{ 
	height: 112px;
	background-color: Transparent;
	margin-left:0px;
	width:528px;
}

.IntroBannerSmall
{ 
	margin-top:5px;
	margin-bottom:0px;
	width:528px;
	padding-bottom:0px;
}

.IntroBannerSmall img
{ 
	height: 53px;
	background-color: Transparent;
	margin-left:0px;
	width:528px;
}

.IntroBannerBeheer 
{
	width:100%;
	color:#000000;
	font-weight:bold;
	font-size:9pt;
	height:18;
	margin-top:1;
	padding-left:5;
	padding-top:2;
	}
.IntroBannerBeheer, .IntroBannerBeheer A:link, .IntroBannerBeheer A:visited, .IntroBannerBeheer td
{
	font-weight:bold;
	color:#000000;
	}
.BeheerTitle
{
	font-weight: bold;
	font-size: 10pt;
	color:white;
	height: 20px;
    padding: 0px 0px 2px 2px;
    background-color: #A8160F;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#A8160F,endColorstr=#FFFFFF);
}
.BeheerBack
{
	font-size:9pt;
	font-weight:bold;
}
/*********/
/* forms */
/*********/

/* form cells */

.formtemplate
{
	background-color :#c0c0c0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}

.formbutton 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight:bold;
	cursor: pointer; cursor:hand;
	color: #ffffff;
	margin-top:18;
	margin-bottom:18;
	height:20px;
	width:130px;
	background-color: #333a45;
	text-decoration:none;
	text-align:center;
	border : solid 1px white;
/*	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#333A45,endColorstr=#999999); */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}

.formtemplate fieldset
{
}
.form fieldset
{
}

.form
{
	width:528;
	margin-top:23;
	X//background-color:#FCEC11;
	background-color:#ffff99;
	X//filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#FFFFFF,endColorstr=#FCEC11);
}

.form input
{height:20;}

.form td
{
	width:50%;
}

td.FormElementCaptionCell, .FormElementCaptionCell, .FormElementCaptionCell td
{
	padding-left:5px;
	vertical-align:top;
	color:#000000;
	font-weight:normal;
	padding-right:0;
	white-space:nowrap;
	
}
td.FormElementInputCell
{
	height:20;
}
td.FormElementInputFullColSpanCell 
{
	height:20;
}


td.FormElementCaptionCellRequired, .FormElementCaptionCellRequired , .FormElementCaptionCellRequired td
{
	white-space:nowrap;
	padding-left:5px;
	vertical-align:top;
	color:#a8160f;
	font-weight:bold;
	padding-right:0;
}
td.FormElementInputCellRequired
{
	height:20;
}
td.FormElementInputFullColSpanCellRequired
{
	width:100%;
	height:20;
	padding-left:5;
}

/* form rows */

tr.FormElementRow 
{
	/* apply your style */
	/* background-color: #BBBBBB; */
}
tr.FormElementAlternatingRow 
{
	/* apply your style */
	/* background-color: #EEEEEE; */
}
.FormElementRow td
{
	X/color:#000000;
}
td.FormElementAlternatingRow 
{
	X/color:#000000;
}
/* form table */

table.FormTable
{
	/* apply your style */
	width:100%;
}

.FormParagraafRegel
{
	margin-top:5;
	margin-bottom:0;
	height:18;
	color:#000000;
	width:100%;
	padding-left:0px;
	padding-right:5;
	font-weight:bold;
}	
.FormulierTitel
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #000000;
	padding-left:0px;
	padding-top:9;
	height:55;
	font-family: Arial, verdana;
}
.FormulierHeader
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
	font-family: Arial, verdana;
}

.FormulierThankYou 
{
	height:100%;
	background-image:none;
	background-color:Transparent;
	margin-top:0;
	padding-top:0;	
	font-size:11pt;
	font-weight:normal;
}
.FormulierThankYou fieldset
{
	border: none;
}
.FormBoldItalic
{
font-weight:bold;
font-style:italic;
}

.LeftMenuTitleIndex, .LeftMenuTitleIndex a:visited, .LeftMenuTitleIndex a:link
{
	padding-top:5px;
	font-size:9pt;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

.LeftMenuTitleIndex a:hover
{
	padding-top:5px;
	font-size:9pt;
	font-weight:bold;
	color:black;
	text-decoration:underline;
}

/***********/
/* Webshop */
/***********/
.WebshopLeftmenuTitle 
{
  margin-top:12px;
}

.WebshopLeftmenuTitle A:visited, .LeftMenuTitle A:link, .LeftMenuTitle td
{
  margin-bottom:0;
  vertical-align:top;
  text-decoration: none;
  color:black;
  font-weight:bold;
  font-size:11pt;
  padding-right:5px;
}
.WebshopLeftmenuTitle A:hover, .LeftMenuTitle A:active
{
  margin-top:12px;
  margin-bottom:0;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  background-color:#A8160F;
}

.WebshopWinkelwagenPane
{
  vertical-align:top;
  text-align:left;
  height:90px;
  padding-top:20;
  padding-left:0;
}  

.WebshopWinkelwagengif img
{
	background-color:Transparent;
}  

.WebshopWinkelwagengif:hover
{
	background-color:red;
}  
.WebshopWinkelwagenfooter
{
	cursor: pointer; cursor:hand;
	font-weight :bold;
}
.WebshoppaneBG
{
	background-color: #eaeaea;
	border:1px dashed #cccccc;
}

.WebShopFooter
{
	background-color: #eaeaea;
}

.WebShopButton 
{
	font-family: arial;
	width:100;
	border: 1px solid black; 
	background-color: #333a45;
	color: #FFFFFF;
	height:18px;
	font-size:8pt;
	font-weight:bold;
	cursor: pointer; cursor:hand;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);*/
}

.Smallbutton
{
	font-family: arial;
	width:40px;
	border: 1px solid black; 
	background-color: #333a45;
	color: #FFFFFF;
	height:18px;
	font-size:8pt;
	font-weight:bold;
	cursor: pointer; cursor:hand;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);*/
}

.Artikelbestelbutton
{
	font-family: arial;
	width:112;
	border: 1px solid black; 
	background-color: #333a45;
	background-color: #A8160F;
	color: #FFFFFF;
	height:18px;
	font-size:8pt;
	font-weight:bold;
	cursor: pointer; cursor:hand;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);*/
}

.TextInput
{
	width:175px;
	height:18px;
	font-weight:normal;
	font-size:9pt;
}	
.Select
{
	width:175;
	height:18;
	font-family: arial;
	font-size:8pt;
	
}
.Listbox
{
	width:190;
	font-family: arial;
	font-size:8pt;	
}
.CatalogusListbox
{
	width:250;
	font-family: arial;
	font-size:9pt;	
	border:none;
}

table.Webshopzoekdlg 
{
	width:528;
}

.Webshopzoekdlg td
{
	vertical-align:middle;
	padding:1;
}

.WebshopDlgColLeft
{
width:90;
}

.Checkbox
{
padding:0;
border-collapse:collapse;
}

.WebShopBanner 
{ 
	margin-top:18px;
	margin-bottom:-3px;
	width:528px;
}
.WebShopBanner img
{ 
	padding:0px;
	height: 112px;
	background-color: Transparent;
	margin-left:0px;	
	width:528px;
	border:none;
}
.ResultPageHeader
{
	width:100%;
	font-size:11pt;
	font-weight:bold;
	margin-top:11;
	padding-top:0;
	padding-right:18px;
	height:18px;
	background-color:#ffffff;
	color:black;
}
.ResultPageHeader2
	{
	font-size:9pt;
	font-weight:bold;
}

.WebshopArtikeltitel
{
	font-size:11pt;
	font-weight:bold;
	margin-top:11;
	padding-top:0;
	height:18px;
	background-color:#ffffff;
	color:#A8160F;
}
.ArtikelCoverImage
{
	Width:110px;
	margin-bottom:0;
	background-color:#eaeaea;
	border: solid 1px #454e5e;
}

td.ArtikelCoverKolom
{
	vertical-align:top ;
	padding-left:2;
	background-color: #ffffff;
}
.ZoekAssortimentOptions td
{
	background-color: #eaeaea;
}

.SnelzoekenText
{
	font-family: arial;
	font-size:9pt;
	font-weight:bold;
}


.Leftfader
{
	background-color :#fcec11;
	Xfilter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#999999,endColorstr=#FCEC11); 
}

.Rightfader{
	background-color :#fcec11;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#FCEC11,endColorstr=#FFFFFF); 
}

.ImgBillboard div
{
	padding-top:18px;
}

.ImgBillboard table
{
	width:528px;	
	padding:0px;
	background-color:#eaeaea;
}
.ImgBillboard table tr
{
	vertical-align:top;
}


.ImgBillboard span.Taal 
{
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	vertical-align:top;
	width:76px;
	padding:0px;	
	padding-left:4;
}

.ImgBillboard td, .ImgBillboard A:Link,  .ImgBillboard A:Visited 
{
	background-color:#eaeaea;
	text-align:center;
	font-size:8pt;
	X/vertical-align:text-top;
	width:76px;
	padding:0px;
	padding-left:4;
	text-decoration:none;
}
.ImgBillboard A:Hover
{
	text-decoration:underline;
}
.ImgBillboard img
{
	border: Xsolid 1px #454e5e;
	height:91;
	padding:0px;
}

.ArtikelPromoHeader
{
	font-weight:bold;
	width:528;
	background-color:#eaeaea;
	vertical-align :top;
	padding-left:2;
}
.ArtikelPromo
{
	background-color:#eaeaea;
	width:528;
	vertical-align :top;
	padding-left:2;
	padding-right:2;
}
.TblArtikelvelden
{
	width:412px;
}

.TblArtikelvelden tr
{
	vertical-align:top;
}

.Artikelveld
{
	font-size:9pt;
	height:18;
	vertical-align :top;
	font-weight:normal;
	color:black;
	padding-left:2;
	background-color:#eaeaea;
}
.Artikelveldnaam
{
	font-size:9pt;
	width:130;
	height:18;
	vertical-align :top;
	font-weight:normal;
	color:white;
	padding-left:2;
	background-color :#999999 ;
}
.ArtikelTitlespacer
{
	height:1px;
	font-size:1px;
}
.Artikeltiteloms
{
	font-size:9pt;
	font-weight:normal;
} 
.Artikel1pxSpacer 
{
height:2px;
margin:0;
padding:0;
background-color:white;
font-size:1px;
}
.divSerieArtHeader
{
	font-weight:bold;
	background-color:White;
}
.WebshopSerieTitel
{
	font-size:11pt;
	font-weight:bold;
	background-color:#ffffff;
	color:#A8160F;
}
.SerieImages 
{
	width:528;
	vertical-align:top;
	background-color:#eaeaea;		
}
.SerieImages table
{
	width:100;
}
.SerieImages tr, .SerieImages td
{
	text-align :left;
	vertical-align:bottom;
}
.SerieImages img
{
	border: solid 1px #eaeaea;
	margin-left:0;
	margin-right:4;
	margin-bottom:4;
	text-align:left;
	width:81;
}
.Highlite
{
background-color:yellow;
}
.LetOpIndicatie
{
	color:#a8160F;
	font-size:8pt;
	font-weight:bold;
}
.WelkomLoginHeader
{
font-size:12pt;
font-weight:bold;
margin-top:18;
}
.WelkomLoginNaam
{
font-size:10pt;
font-weight:normal;
}
.serviceformsmenutable tr
{
	vertical-align:top;
}

.BigCover
{
	height:225px;
	margin-right:10px;
	margin-bottom:5px;
	border: solid 1px #eaeaea;
}

.Normalcover
{
	height:155px;
	margin-right:10px;
	margin-bottom:5px;
	border: solid 1px #eaeaea;
}

.Smallcover
{
	height:110px;
	margin-right:10px;
	margin-bottom:5px;
	border: solid 1px #eaeaea;
}

.Tinycover
{
	width:64px;
	margin-right:10px;
	margin-bottom:5px;
	border: solid 1px #eaeaea;
}

.Minicover
{
	width:64px;
	margin-right:10px;
	margin-bottom:5px;
	border: solid 1px #eaeaea;
}

.CDcover
{
	width:90px;
	margin-right:10px;
	margin-bottom:5px;
	border: solid 1px #eaeaea;
}

.NoBannerTitel
{
padding-top:12px;
width:528;
padding-bottom:10px;
}
.Alert
{
	color:red; 
}

table.Routebeschrijv 
{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.Routebeschrijv td
{
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

/* ///////////// */
/* TDK aanvraag  */
/* ///////////// */

.form_tdkaanvraag table
{

}
.form_tdkaanvraag input
{
	height:20px;	
	width:250px;
}
.form_tdkaanvraag select
{
	height:20px;	
	width:250px;
}

.form_tdkaanvraag.radio input
{
	height:20px;	
	width:25px;
	text-align:left;
}

.form_tdkerror
{
	font-family:  Arial, Verdana, Helvetica, sansserif;
	font-size:9pt;
	font-weight:normal;
	color:Red;
}
.BillboardLijst 
{
	border:1px solid black;
	background-color: #fcec11;
	height:100%;
	width:528px;
}
Table.FeedbackToegevoegdArtikel
{
	background-color: fcec11;
	color:black;
	font-weight:bold;
	font-style:italic;
	width:528px;
	height:18px;
}

A.WebshopAfrekenenButton:Link, A.WebshopAfrekenenButton:Visited
{
	font-family: arial;
	width:112px;
	border: 1px solid black; 
	background-color: #333a45;
	color: #FFFFFF;
	height:18px;
	font-size:8pt;
	font-weight:bold;
	font-style :normal;
	text-decoration:none;
	cursor: pointer; cursor:hand;
	text-align:center;
}
A.WebshopAfrekenenButton:Hover
{
	font-family: arial;
	width:112px;
	border: 1px solid black; 
	background-color: #a8160f;
	color: #FFFFFF;
	height:18px;
	font-size:8pt;
	font-weight:bold;
	cursor: pointer; cursor:hand;
	text-align:center;
	text-decoration:none;
}
.xs A:hover
{
background-color:red;}

.Aktieprijs
{
	color:#fcec11;
	font-weight:bold;
}
.AktieprijsKolom
{
	text-align:center ;
} 
.ParagraafKop
{
background-color:#eaeaea;
}
.iframeDirbrowser
{
	border:1px solid #eaeaea;
	height:1000px;
	width:97%;
	padding-right:25px;
	padding-bottom:25px
}

.iframeDiv
{
	height:800px;
	width:97%;
	padding-right:25px;
	padding-bottom:25px
}
.OmzetGrid
{
	width:100%;
}
.OmzetGrid td
{
	padding:2;
	vertical-align:top;
	font-size:8pt;
}
.OmzetGridButton
{
	background-color:#454E5E;
	color:White;
	height:18px;
	font-size:8pt;
	cursor: pointer; cursor:hand;
	border : solid 1px white;
/*	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#333A45,endColorstr=#999999);
*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4A494B', Direction=135, Strength=2);
}

.OmzetgridSubject
{
	height:21px;
	width:100%;
	padding-top:2px;
	font-weight:bold;
	background-color:#eaeaea;
}
.OmzetGridButton a
{
	cursor: pointer; cursor:hand;
}
.OmzetGridHeader
{
	color:#454E5E;
	font-weight:bold;
	background-color:#eaeaea;
}
.OmzetGridHighlite
{
	background-color: #ffff99;
}
.OmzetGridGray
{
	background-color:#eaeaea;
}

.UitverkoopTable tr, UitverkoopTable td 
{vertical-align:top;
}
.UitTinyCover
{
    BORDER-RIGHT: solid 1px #eaeaea;
    BORDER-TOP: solid 1px #eaeaea;
    FONT-SIZE: 9pt;
    BORDER-LEFT: solid 1px #eaeaea;
    WIDTH: 32px;
    BORDER-BOTTOM: solid 1px #eaeaea;
    FONT-FAMILY: Arial    
}
.UitKop1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
}
.UitKop2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    background-color:#454e5e;
}
.Uitkop3
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
}

.Uitlist1
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: left
}
.Uitlist2
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #f5f5f5
}
.Uitlist1 A
{
    COLOR: blue;
    FONT-SIZE: 8pt;
}
.Uitlist1 A:visited
{
    COLOR: blue;
    FONT-SIZE: 8pt;
}
.Uitlist2 A
{
    COLOR: blue;
    FONT-SIZE: 8pt;
}
.Uitlist2 A:visited
{
    COLOR: blue;
    FONT-SIZE: 8pt;
}
.HomePageLink
{
	font-size:10pt;
	font-weight:bold;
}

.HomeFooter , .HomeFooter td
{
	padding-top:25px;
	vertical-align: middle;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:9pt;
	color:#ffffff;
	text-align:center ;
}
.HomeInfoTicker
{
	position:absolute;
	left:300;
	top:57;
	height:18;
	background-color:#ffffcc;
	padding-top:2;
}
.Groot
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    FONT-FAMILY: Arial Black;
}