html {margin: 0;padding: 0;overflow-y: scroll;}
@media print {
  .d_CategoryHead{display:table-cell;visibility: visible; width:160px;}
  .d_CatA{display:table-cell;visibility: visible; width:30px;}
  .d_CategoryProducts{display:table-cell;visibility: visible;}
  .menuPane2{display: none; visibility:hidden; height:0px;}
  #ParentTabs{display: none; visibility:hidden; height:0px;}
  #footerPane{display: none; visibility:hidden; height:0px;}
  .controlpanel{display: none; visibility:hidden; height:0px;}
  #AdminHostList{display: none; visibility:hidden; height:0px;}
  .commandbutton{display: none; visibility:hidden;}
  .d_CategoryProducts img {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); height:83px;}
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: "Trebuchet MS";
    font-size:  14px;
    font-weight:    bold;
    color: #FFFFFF;
}
.ControlPanel .SubHead {
	color: #003366;
}

.ControlPanel a, .ControlPanel a:link, .ControlPanel a:visited, .ControlPanel a:active, .ControlPanel a:hover {
	color: #003366;
	text-decoration:underline;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: "Century Gothic","Trebuchet MS";
    font-size:  14px;
    font-weight:    bold;
    color: #FFFFFF;
}
.NormalTextBox
{
    font-family: "Century Gothic",Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	width:200px;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: "Century Gothic",Tahoma, Arial, Helvetica;
    font-size: 13px;
    font-weight: normal;
}
/*
==============================
aanpassingen MVIC
==============================
*/
html>/**/body {
	background-color: #D8BFAA;
	margin			: 10px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
}
body {
	background-color: #D8BFAA;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
}
body.splash {
	background-color: #ffffff;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
}
#shadowTop {
	width			: 954px;
	height			: 9px;
	background-image: url('shadowTop.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	border-bottom	: 1px solid #3c1400;	
}
#shadowContent {
	width			: 952px;
	height			: auto;
	margin			: 0px 0px 0px 0px;
	display			: table;
	border-left		: 1px solid #3c1400;
	border-right	: 1px solid #3c1400;
}
#shadowBottom {
	width			: 954px;
	height			: 9px;
	background-image: url('shadowBottom.gif');
	background-position: center top;
	background-repeat: no-repeat;
	display			: table;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	border-top		: 1px solid #3c1400;	
}

#pageMaster {
	background-color: #3c1400;
}
#fotoPane {
	background-color: #f8eadd;
}
#menuPane2 {
	border-bottom	: 1px solid #FFFFFF;
	background-image: url('menu_bg.gif');
	background-repeat: no-repeat;
	background-color: #ff00ff;
}
#footerPane {
	background-color: #ff00ff;
}

.PortalName {
	font-family		: "Century Gothic","Trebuchet Ms";
	font-size		: 15px;
	font-weight		: bold;
	font-style		: normal;
	color			: #FFFFFF;
	padding			: 0px 0px 0px 15px;
}
/*
==============================
Opmaak voor menu
==============================
*/
/*IE*/
body #buttonHome {
	width			: 235px;
	height			: 35px;
	float			: left;
	text-align		: left;
	background-color: #f8eadd;
	padding			: 5px 0px 0px 10px;
}
body #buttonAssortiment {
	width			: 234px;
	height			: 35px;
	float			: left;
	text-align		: left;
	background-color: #f7be87;
	padding			: 5px 0px 0px 10px;
}
body #buttonVestigingen {
	width			: 234px;
	height			: 35px;
	float			: left;
	text-align		: left;
	background-color: #ffd98e;
	padding			: 5px 0px 0px 10px;
}
body #buttonBestellen {
	width			: 235px;
	height			: 35px;
	float			: left;
	text-align		: left;
	background-color: #f28e00;
	padding			: 5px 0px 0px 10px;
}
/*Firefox*/
html>/**/body #buttonHome {
	width			: 225px;
	height			: 30px;
	float			: left;
	text-align		: left;
	background-color: #f8eadd;
	padding			: 5px 0px 0px 10px;
}
html>/**/body #buttonAssortiment {
	width			: 224px;
	height			: 30px;
	float			: left;
	text-align		: left;
	background-color: #f7be87;
	padding			: 5px 0px 0px 10px;
}
html>/**/body #buttonVestigingen {
	width			: 224px;
	height			: 30px;
	float			: left;
	text-align		: left;
	background-color: #ffd98e;
	padding			: 5px 0px 0px 10px;
}
html>/**/body #buttonBestellen {
	width			: 225px;
	height			: 30px;
	float			: left;
	text-align		: left;
	background-color: #f28e00;
	padding			: 5px 0px 0px 10px;
}
#logo {
	width			: 234px;
	height			: 145px;
	float			: left;
}
#fotoAssortiment {
	width			: 234px;
	height			: 145px;
	float			: left;
}
#fotoVestigingen {
	width			: 234px;
	height			: 145px;
	float			: left;
}
#fotoBestellen {
	width			: 235px;
	height			: 145px;
	float			: left;
}
.separator {
	width			: 4px;
	height			: 35px;
	float			: left;
	background-color: #3c1400;
}
.separatorTop {
	width			: 4px;
	height			: 145px;
	float			: left;
	background-color: #3c1400;
}
.menuLink, a.menuLink:link, a.menuLink:visited {
	font-family		: "Century Gothic","Trebuchet Ms";
	font-size		: 18px;
	font-weight		: bold;
	font-style		: normal;
	color			: #5e321b;
	text-decoration	: none;
	text-transform	: uppercase;
}
.footerMenu {
	font-family		: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	font-style		: normal;
	color			: #ffffff;
	text-decoration	: none;
}
a.footerMenu:link, a.footerMenu:visited {
	font-family		: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	font-style		: normal;
	color			: #ff00ff;
	text-decoration	: none;
}
a.footerMenu:hover {
	text-decoration	: underline;
}
/*
==============================
Snapsis menu
==============================
*/
select.TabList{ font-family:Arial, Helvetica, sans-serif; font-size:10px;}

#ParentTabs ul {
	padding			:0px 0px 0px 0px ;
	margin			:0px 0px 0px 0px;
	list-style		:none;
	float			:left;
	width			:auto;
	background-color:none;
}
#ParentTabs li {
	position		: relative;
	display			: block;
	float			: left;
	text-align		: left;
	width			: 234px;
	height			: 25px;
	list-style		: none;
	border			: none;
	font-family		: "Century Gothic","Trebuchet MS";
	font-size		: 18px;
	font-weight		: normal;
	font-style		: normal;
	color			: #FFFFFF;
	text-decoration	: none;
	margin-right	: 4px;
}
#ParentTabs li ul { /* second-level lists */
	position 		: absolute;
	left			: -999em;
	width			: 230px;
	height			: auto;
	background-color: #ff00ff;
	border			: solid 1px #ff00ff;
}
#ParentTabs li ul li {
	font-family		: "Century Gothic","Trebuchet MS";
	font-size		: 13px;
	font-weight		: normal;
	font-style		: normal;
	color			: #FFFFFF;
	text-decoration	: none;
	margin-right	: 0px;
	width			: 232px;
	height			: auto;
}
#ParentTabs li ul li a {
	font-size		: 15px;
	padding			: 0px 0px 0px 10px;
	margin			: 0px 0px 0px 0px;
}
#ParentTabs a {
	font-size		: 15px;
	display			: block;
	text-decoration	: none;
	text-align		: left;
	font-weight		: bold;
	padding 		: 4px 0px 2px 15px;
	color			: #FFFFFF;
	background-color: none;
	height			: 25px;
}
#ParentTabs li li a {

}
#ParentTabs li a:hover {
	background-color: none;
	text-decoration: none;
}
#ParentTabs li ul li a:hover {
	background-color: #d8bfaa;
	text-decoration	: none;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
#ParentTabs li a.SelectedTab {
	font-size		: 1.12em;
	background-color: #FFF;
}
#ParentTabs .DisabledTab {
	color			: #ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#ParentTabs li:hover ul ul,
#ParentTabs li:hover ul ul ul,
#ParentTabs li:hover ul ul ul ul,
#ParentTabs li.iehover ul ul,
#ParentTabs li.iehover ul ul ul,
#ParentTabs li.iehover ul ul ul ul{
left: -999em;
}
#ParentTabs li:hover ul,
#ParentTabs li.iehover ul {
top: 1.40em;
left:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#ParentTabs li li:hover ul,
#ParentTabs li li li:hover ul,
#ParentTabs li li.iehover ul,
#ParentTabs li li li.iehover ul {
top: 0;
left:12.8em;
}

/*
==============================
==============================
*/
.MenuItemHeader { display: none; }
.MenuItem, .MenuItem a:link, .MenuItem a:visited {
	width			: auto;
	height			: 20px;
	display			: block;
	text-indent		: 20px;
	background-image: url('opsomming.gif');
	background-repeat: no-repeat;
	background-position: left middle;
	font-family		: "Century Gothic","Trebuchet MS";
	font-size		: 12px;
	font-weight		: bold;
	font-style		: normal;
	color			: #5e321b;
	text-decoration	: none;
}
.MenuItemHover, .MenuItemHover a:link, .MenuItemHover a:visited{
	width			: auto;
	height			: 20px;
	display			: block;
	text-indent		: 20px;
	background-image: url('opsomming.gif');
	background-repeat: no-repeat;
	background-position: left middle;
	font-family		: "Century Gothic","Trebuchet MS";
	font-size		: 12px;
	font-weight		: bold;
	font-style		: normal;
	color			: #5e321b;
	text-decoration	: underline;
}
/*
==============================
einde aanpassingen MVIC
==============================
*/

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.ContentPane {
	background-color: transparent;
	padding-right: 5px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/*
==============================
DNN NAV MENU
==============================
*/
.MainMenu_MenuBar {

}
.MainMenu_MenuContainer {
	width: 950px;
	height: 35px;
}
.MainMenu_MenuItem_Root {
	height: 35px;
}
.MainMenu_MenuItem  {
	cursor: pointer; 
	cursor: hand; 
	color: #5e321b; 
	font-size: 18px; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: "Century Gothic","Trebuchet Ms";   
    padding: 0px 0px 0px 0px;   /*explicitly set padding for root menu items*/
	text-decoration: none;
	border: none;
}
.MainMenu_MenuItem_Hover {
	cursor: pointer; 
	cursor: hand; 
	color: #5e321b; 
	font-size: 18px; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: "Century Gothic","Trebuchet Ms";   
    padding: 0px 0px 0px 0px;   /*explicitly set padding for root menu items*/
	text-decoration: underline;
	border: none;
}
.MainMenu_SubMenu {
	border: 1px solid #FFFFFF;
	background-color: #5e321b;
}
.MainMenu_SubMenu .MainMenu_MenuItem  {
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: "Century Gothic","Trebuchet Ms";   
    padding: 0px 0px 0px 0px;   /*explicitly set padding for root menu items*/
	text-decoration: none;
	height: 20px;
}
.MainMenu_SubMenu .MainMenu_MenuItem_Hover  {
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: "Century Gothic","Trebuchet Ms";   
    padding: 0px 0px 0px 0px;   /*explicitly set padding for root menu items*/
	text-decoration: none;
}





.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #5e321b; 
	font-size: 18px; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: "Century Gothic","Trebuchet Ms"; 
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #5e321b; 
	font-size: 18px; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: "Century Gothic","Trebuchet Ms";   
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: "Century Gothic",Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #FFFFFF;
}
.Normal {
	font-family: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	line-height: 18px;
}
a, a:link, a:visited, a:active {
	color: #ff00ff;
	text-decoration:none;
}
a:hover {
	color: #ff00ff;
	text-decoration:underline;
}
tr.DataGrid_AlternatingItem,tr.DataGrid_Item { line-height:24px;}
tr.DataGrid_Item { background-color:#f2f2f2;}
.ContentPane select.Normal,input.normal {color:#000;font-size:11px;}
table.Settings input.normal,table.Settings input.normalTextBox{ width:300px; font-size:11px;}

