/* background color for the content part of the pages */
Body { background-color: #FFFFFF;margin-top: 1px; }

.controlpanel { background-color: #F7F7F7; }

/* --  Classes for the top of the montage & to allow everything   to line up nicely when not logged in  -- */

.Pic1 {background-image: url(Pix/Pic9.jpg); background-repeat: no-repeat;  }
.Pic2 {background-image: url(Pix/Logo1.jpg); background-repeat: no-repeat;  }
.Pic3 {background-image: url(Pix/Pic1.jpg); background-repeat: no-repeat;  }
.Beeldmerk {background-image: url(Pix/Beeldmerk1.jpg); background-repeat: no-repeat;  }
.Panes { padding-top: 1px;  padding-left: 10px;  padding-right: 0px; padding-bottom: 5px;  }  
.TopPanes { width: 100%; padding-top: 0px;  padding-left: 2px;  padding-right: 2px; padding-bottom: 2px;  }   
.Rood{ background-color: #C2002D;}
.Blauw{ background-color: #0D5A9E;}
.Wit { background-color: #FFFFFF;}

/* Menu */
.MainMenu_MenuContainer TD {
 width: 177px; 
 background-color: transparent;
 height: 22px; 
 padding-left: 0px; 
 padding-right: 0px; 
 padding-top: 1px; 
 padding-bottom: 1px;
 }
/* SubMenu */
.MainMenu_MenuItem { 
width: 177px; 
background-color: #0D5A9E;
font-family: Verdana; 
font-size: x-small;  
font-weight: bold;  
color: #FFFFFF;
height: 22px; 
padding-left: 2px; 
padding-right: 2px; 
padding-top: 0px; 
padding-bottom: 0px;
border-left: 0px; 
border-bottom: 0px; 
border-top: 0px; 
border-right: 0px;
  }

/* Active Menu  */
.ActiveRootTab TD { 
width: 177px; 
background-color: #0D5A9E;  
color: #FFFFFF; 
font-family: Verdana; 
font-size:x-small;  
font-weight: bold;  
height: 22px;
text-align: left;
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px; 
 padding-bottom: 0px
}

/* Menu */
.RootTab TD { 
width: 177px; 
background-color: #0D5A9E; 
height: 22px; 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold;  
color: #FFFFFF;
text-align: left; 
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px; 
 padding-bottom: 0px
}
/* Menu */
.SelectedRootTab TD { 
width: 177px; 
background-color:  #C2002D;
height: 22px; 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold;  
text-align: left; 
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px; 
 padding-bottom: 0px 
}
/* Menu */
.BreadcrumbRootTab TD { 
width: 177px; 
background-color:  #C2002D;
font-family: Verdana;
font-size: x-small;  
font-weight: bold; 
color: #FFFFFF; 
height: 22px;
text-align: right;
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px; 
 padding-bottom: 0px
  }
/* Sub Menu */
.ActiveSubTab { 
width: 177px; 
height: 22px; 
background-color:  #0D5A9E;
color: #FFFFFF; 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold; 
border-left: 0px solid;  
border-right: 0px solid;  
border-bottom: 0px solid; 
border-top: 0px solid; 
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px; 
 padding-bottom: 0px;
text-align: left;
}
/* ????? */
.SubTab { 
width: 177px; 
height: 22px;  
background-color:  #0D5A9E;
color: #FFFFFF; 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold; 
padding-left: 2px; 
padding-right: 2px; 
padding-top: 0px; 
padding-bottom: 0px;
text-align: left; 
}
/* ????? */
.SelectedSubTab { 
width: 177px; 
height: 22px;  
background-color:  #C2002D;
color: #FFFFFF; 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold; 
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px; 
 padding-bottom: 0px;
text-align: left; 
}

.BreadcrumbSubTab { 
width: 177px; 
height: 22px;  
color: #FFFFFF; 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold; 
padding-left: 2px; 
padding-right: 2px; 
padding-top: 0px; 
padding-bottom: 0px; 
text-align: left; 
  }

/* this is the colour in the dropdown menu */

.MainMenu_SubMenu {
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 background-color: #FFFFFF;
 font-family: Verdana;
 font-size: x-small;
 font-weight: bold; 
 color: #FFFFFF;
 height: 22px; 
 border-left:  #FFFFFF 0px solid;  
 border-right: #FFFFFF 0px solid; 
 border-top: #FFFFFF 0px solid; 
 border-bottom: #FFFFFF 0px solid; 
 padding-left:  2px; 
 padding-right:  2px; 
 padding-top: 0px; 
 padding-bottom: 0px;
 text-align: left; 
 }
.MainMenu_MenuItemSel { 
 
font-family: Verdana; 
font-size: x-small;  
font-weight: bold;  
color: #FFFFFF;
background-color:  #C2002D; 
height: 22px; 
border-left: 0px solid;  
border-right: 0px solid;  
border-bottom: 0px solid; 
border-top: 0px solid;  
padding-left: 2px; 
padding-right: 2px; 
padding-top: 0px; 
padding-bottom: 0px;
text-align: left; 

  }
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuArrow { display: none;  }

/* Tekst style  */


.Normal { 
font-family: Verdana; 
font-size:  x-small; 
font-weight: normal; 
color: #333333;
   }

.Small { 
color: #696969;  
font-family: Verdana; 
font-size: xx-small;  
font-weight: normal;  
font-style: normal;
height: 13px; 
padding-left: 1px; 
padding-right: 1px; 
 }
 
A.Small:Link { color: #0D5A9E; text-decoration: none;  }
A.Small:Hover { color: #DC143C; text-decoration: underline;  }
A.Small:Active { color: #DC143C; text-decoration: underline;  }
A.Small:Visited { color: #0D5A9E; text-decoration: none;  } 

.SmallD { 
color: #ffffff;  
font-family: Verdana; 
font-size: xx-small;  
font-weight: bold;  
font-style: normal; 
height: 12px; 
padding-left: 3px; 
padding-right: 3px; 
 }

A.SmallD:Link{ color: #ffffff; text-decoration: none; font-size: xx-small;  }
A.SmallD:Hover { color: #ffffff; text-decoration: underline; font-size: xx-small;  }
A.SmallD:Active { color: #ffffff; text-decoration: underline; font-size: xx-small;  }
A.SmallD:Visited { color: #ffffff; text-decoration: none; font-size: xx-small;  }



/* style for module titles */
.Head { 
font-family: Verdana;
font-size:  medium; 
font-weight: bold; 
color: #333333;
} 
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana;
    font-size:  x-small;
    font-weight:    bold;
    color: #333333;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana;
    font-size:  x-small;
    font-weight:    bold;
    color: #333333;
}

/* text style used for most text rendered by modules */


.Normal,.NormalDisabled { 
font-family: Verdana; 
font-size:  x-small; 
font-weight: normal; 
color: #333333;
   }

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    color: #DC143C;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: #DC143C;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_EditItem
{
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: #0D5A9E;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: #0D5A9E;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}
.DataGrid_Pager
{
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: #0D5A9E;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: normal;
	background-color: darkslategray; 
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}


/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
	width:650px;
}
.WizardButton
{
	border-right: dimgray 1px solid;
	padding-right: 2px;
	border-top: dimgray 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: dimgray 1px solid;
	padding-top: 2px;
	border-bottom: dimgray 1px solid;
	background-color: gainsboro;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height:40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size:x-small;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: x-small;
	width: 180px;
	color: black;
	font-family: Verdana;
	height: 300px;
}
.WizardText
{
	font-size: x-small;
	color: black;
	font-family: Verdana;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: x-small;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Verdana;
  background-color: #C6E2FF;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana;
    font-size: x-small;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: x-small;
	background: white;
	color: darkslategray;
	font-family: Verdana;
}

    
/* GENERIC */
H1  {
    font-family: Verdana;
    font-size:  medium;
    font-weight:    bold;
    color: darkslategray;
}

H2  {
    font-family: Verdana;
    font-size:  x-small;
    font-weight:    bold;
    color: darkslategray;
}

H3  {
    font-family: Verdana;
    font-size:  xx-small;
    font-weight:    bold;
    color: darkslategray;
}

H4  {
      font-family: Verdana;
    font-size:  Medium;
    font-weight:    bold;
    color: #DC143C;
}

H5, DT  {
      font-family: Verdana;
    font-size:  x-small;
    font-weight:    bold;
    color: #DC143C;
}

H6  {
      font-family: Verdana;
    font-size:  xx-small;
    font-weight:    bold;
    color: #DC143C;
}

TFOOT, THEAD    {
      font-family: Verdana;
    font-size:  x-small;
    font-weight:    bold;
    color: darkslategray;
}

TH  {
    vertical-align: baseline;
     font-family: Verdana;
    font-size:  x-small;
    font-weight:    bold;
    color: darkslategray;;
}

A:link  {
    font-family: Verdana;
	font-size:  x-small;
    text-decoration:    bold;
	   font-weight:    bold;
    color:  #0D5A9E;
}

A:visited   {
   font-family: Verdana;
	font-size:  x-small;
    text-decoration:    bold;
	font-weight:    bold;
    color:  #0D5A9E;
}

A:active    {
   font-family: Verdana;
	font-size:  x-small;
    text-decoration:    bold;
		   font-weight:    bold;
    text-decoration:    underline;
    color:  #0D5A9E;
}

A:hover {
   font-family: Verdana;
	font-size:  x-small;
    text-decoration:    underline;
	font-weight:    bold;
    color:  #DC143C;
}