/* 
================================
Skin styles for DotNetNuke
================================
*/   
.pagemaster {
	width: 100%;
	height: 100%;
	background-color: #FBFBFB;
	vertical-align: top;
}
.skinmaster {
	width: 1010px;
	height: 100%;
	background-color: #D9EBFB;
	vertical-align : top;
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
	width: 1010px;
	background-color: #FFFFFF;
	vertical-align : top;
}
.skingradient {
}

.controlpanel {
	background-color: #F9F9F9;
}

.Login  {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
	height: 20px;
}

A.Login:link  { 
  color: #FFFFFF;
  text-decoration: none;
  background-color: #FFFFFF;
  height: 20px;
}

A.Login:visited   { 
  color: #FFFFFF;
  text-decoration: none;
  background-color: #FFFFFF;
  height: 20px;
}

A.Login:active   { 
  color: #FFFFFF;
  text-decoration: none;
  background-color: #FFFFFF;
  height: 20px;
}

A.Login:hover  { 
  color: #ACCDEC;
  text-decoration: none;
  background-color: #FFFFFF;
  height: 20px;
}

.Pane1 {
	width: 168px;
	height: 100%;
	background-color: #FFFFFF;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Pane5 {
	width: 168px;
	height: 100%;
	background-color: transparent;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Pane6 {
	width: 168px;
	height: 100%;
	background-color: transparent;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Logo_Pane {
	width: 336px;
	height: 100%;
	background-color: #FFFFFF;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Organisatie_Pane {
	width: 166px;
	height: 100%;
	color: #FFFFFF;
	background-color: #ACCDEC;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.Dienstverlening_Pane {
	width: 168px;
	height: 100%;
	color: #FFFFFF;
	background-color: #1C5D9D;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.Nieuws_Pane {
	width: 168px;
	height: 100%;
	color: #FFFFFF;
	background-color: #0EAEC8;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Spotlight_Pane {
	width: 168px;
	height: 100%;
	color: #FFFFFF;
	background-color: #0EAEC8;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Spotlight_Pane .normal {
	color: #FFFFFF;
}

.Spotlight_Pane A:link {
	color: #FFFFFF;
}
.Spotlight_Pane A:active {
	color: #FFFFFF;
}
.Spotlight_Pane A:visited {
	color: #FFFFFF;
}
.Spotlight_Pane A:hover {
	color: #ACCDEC;
}


.Spotlight_Pane .AnnouncementItemReadMore
{
	/* used as style for the "read more" part of the item, only when the item url is not empty, ONLY used when displaytype is Announcements */
	color: #A6B057;
	font-weight: bold;
	background-image: url(/Portals/6/skins/Butter/Images/Arrow_green2.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 80px;
	font-size: 11px;
}

.Spotlight_Pane A.AnnouncementItemReadMore
{
	color : #A6B057;
	font-weight : bold;
	font-size: 11px;
	
}

.Spotlight_Pane A.AnnouncementItemReadMore:link, A.AnnouncementItemReadMore:visited
{
	color : #A6B057;
	font-weight : bold;
	font-size: 11px;
}

.Spotlight_Pane A.AnnouncementItemReadMore:hover
{
	color : #ACCDEC;
	font-weight : bold;
	text-decoration : underline;
	font-size: 11px;
}

.Spotlight_Pane A.AnnouncementItemReadMore:active
{
	color : #A6B057;
	font-weight : bold;
	/*background-image : url(/Images/Arrow_green.gif);*/
}


.Spotlight_Pane2 .AnnouncementItemReadMore
{
	/* used as style for the "read more" part of the item, only when the item url is not empty, ONLY used when displaytype is Announcements */
	color: #A6B057;
	font-weight: bold;
	background-image: url(/Portals/6/skins/Butter/Images/Arrow_green2.gif);
	background-repeat: no-repeat;
	background-position: right;*/
	width: 80px;
	font-size: 11px;
}

.Spotlight_Pane2 .AnnouncementItemReadMore A
{
	color : #A6B057;
	font-weight : bold;
	font-size: 11px;
	
}

.Spotlight_Pane2 .AnnouncementItemReadMore A:link, .AnnouncementItemReadMore A:visited
{
	color : #A6B057;
	font-weight : bold;
	font-size: 11px;
}

.Spotlight_Pane2 .AnnouncementItemReadMore A:hover
{
	color : #ACCDEC;
	font-weight : bold;
	text-decoration : underline;
	font-size: 11px;
}

.Spotlight_Pane2 .AnnouncementItemReadMore A:active
{
	color : #A6B057;
	font-weight : bold;
	/*background-image : url(/Images/Arrow_green.gif);*/
}



.Spotlight_Pane2 {
	width: 336px;
	height: 100%;
	color: #000000;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Spotlight_Pane2 .MoreLink {
	color : #A6B057;
	width: 80px;
	font-weight : bold;
	/*background-image : url(/Portals/6/skins/Butter/Images/Arrow_green.gif);
	background-repeat : no-repeat;
	background-position : center right;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

/* hyperlink style for the unselected tabs */
.Spotlight_Pane2 A.MoreLink:link {
	color : #A6B057;
	font-weight : bold;
}

.Spotlight_Pane2 A.MoreLink:visited  {
   color : #A6B057;
	font-weight : bold;
}

.Spotlight_Pane2 A.MoreLink:active   {
	color : #A6B057;
	font-weight : bold;
}

.Spotlight_Pane2 A.MoreLink:hover    {
	color : #ACCDEC;
	font-weight : bold;
}

.LaatsteNieuws_Pane {
	width: 336px;
	height: 100;
	vertical-align : top;
}

.NieuwsList_Pane {
	vertical-align : top;
}

.Vacature_Pane {
	width: 168px;
	height: 100;
	vertical-align : top;
}

.Contact_Pane {
	width: 168px;
	height: 100%;
	color: #000000;
	background-color: #A6B057;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Extranet_Pane {
	width: 168px;
	height: 100%;
	color: #000000;
	background-color: #C8C9C8;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Links_Pane {
	width: 167px;
	height: 100%;
	color: #000000;
	background-color: #EFEFEF;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}


.contentpane {
	height: 100%;
	background-color: transparent;
	vertical-align : top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.Labelorg {
	font-family: Arial, Helvetica;
    font-size:  13px;
    font-weight:    bold;
    color: #FFFFFF;
	Padding-left: 5px;
}

.MLLanguageMenuLabelCell {
	font-family: Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #A6B057;
	Padding-left: 5px;
	width: 168px;
	text-align: center;
}


.breadcrumb  {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #96A74B;
	text-decoration: none;
	font-weight: bold;
}

A.breadcrumb:link  { 
  color: #96A74B;
  text-decoration: none;
}

A.breadcrumb:visited   { 
  color: #96A74B;
  text-decoration: none;
}

A.breadcrumb:active   { 
  color: #96A74B;
  text-decoration: none;
}

A.breadcrumb:hover  { 
  color: #ACCDEC;
  text-decoration: none;
}

.MainMenu_MenuContainer {
	background-color: #FFFFFF; 
	height: 30px;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 30px;
}

.MainMenu_MenuItem {
	background-color: #FFFFFF;
	border-left: #FFFFFF 0px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-right: #FFFFFF 0px solid;
	cursor: pointer;
	cursor: hand;
	color: #0175C0;
	font-family : arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-color: Transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
.MainMenu_MenuItem  td {
	width: 164px;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	border-left: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.SubMenu_MenuContainer{
	border-left: red 1px solid;
	border-bottom: red 1px solid;
	border-top: red 1px solid;
	border-right: red 1px solid;
	background-color: red; 
}

.MainMenu_SubMenu .MainMenu_MenuItem td
{
	width: 151px;
}

.MainMenu_SubMenu .MainMenu_MenuItem
{
	background-color: #FFFFFFF;
	color: #C5C5C5;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
}

.MainMenu_Submenu .MainMenu_MenuItemSel
 {
	background-color: #FFFFFFF;
	color: gray;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 151px;
	margin-top : 0px;
	font-weight : bold;
}

.MainMenu_SubMenu {
	width: 160px;
	height: 181px;
	background-color: #FFFFFF;
	x-index: 1000;
	y-index: 1000;
	cursor: pointer;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=135, Strength=0);
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left : -1px;
	margin-right : 0px;
	margin-top : 6px;
	margin-bottom : 0px;
}

.MainMenu_MenuBreak {
	border-bottom: #FFFFFF 1px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 1px solid;  
	border-right: #FFFFFF 0px solid; 
	background-color: #FFFFFF; 
	height: 1px;
}

.MainSep {
	background-color: #FFFFFF;
	width: 4px;
	height: 27px;
	background-image:url(Images/separator.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 0px;
	vertical-align : top;
}

.MainMenu_MenuItemSel  {
	background-color: #FFFFFF; 
	cursor: pointer; 
	cursor: hand; 
	color: #ACCDEC; 
	font-family : Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.MainMenu_MenuItemSel td  {
	width: 164px;
}

.MainMenu_MenuArrow  {
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}

.MainMenu_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;
}

.Head   {
    font-family: Arial, Helvetica;
    font-size:  13px;
    font-weight:    bold;
    color: #0EAEC8;
}

.menucontainer2 {
 height: 150px;
}

.Menuitem2 td {
  width: 168px;
}

.Menuitem2_org td {
  width: 166px;
}

.Menuitem2_dienst td {
  width: 168px;
}

.Menuitem2_nieuws td {
  width: 168px;
}

.Menuitem2_contact td {
  width: 168px;
}


.Menuitem2 {
	background-color: #1C5D9D;
	padding-left: 6px;
	width: 168px;
	color: #FFFFFF;
	font-weight : bold;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
}

.Menuitem2_org {
	background-color: #ACCDEC;
	padding-left: 4px;
	width: 166px;
	height: 20px;
	color: #1C5D9D;
	font-weight : bold;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
}

.Menuitem2_dienst {
	background-color: #1C5D9D;
	padding-left: 6px;
	width: 168px;
	height: 20px;
	color: #FFFFFF;
	font-weight : bold;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
}

.Menuitem2_nieuws {
	background-color: #0EAEC8;
	padding-left: 6px;
	width: 168px;
	height: 20px;
	color: #0175C0;
	font-weight : bold;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
}

.Menuitem2_contact {
	background-color: #A6B057;
	padding-left: 6px;
	width: 168px;
	height: 20px;
	color: #1C5D9D;
	font-weight : bold;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
}

.Menuitem2_extranet {
	background-color: #C8C9C8;
	padding-left: 6px;
	width: 168px;
	height: 20px;
	color: #1C5D9D;
	font-weight : bold;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
}

.menuitem2_sel td{
  width: 168px;
}

.menuitem2_sel {
  background-color: #1C5D9D;
  padding-left: 6px;
  width: 168px;
 color: #000000;
 font-weight : bold;
 font-size : 11px;
 font-family: Arial, Verdana, Helvetica;
}

.menuitem2_sel_org {
  background-color: #ACCDEC;
  padding-left: 4px;
  width: 166px;
  height: 20px;
  color: #000000;
 font-weight : bold;
 font-size : 11px;
 font-family: Arial, Verdana, Helvetica;
}

.menuitem2_sel_dienst {
  background-color: #1C5D9D;
  padding-left: 6px;
  width: 168px;
  height: 20px;
  color: #ACCDEC;
 font-weight : bold;
 font-size : 11px;
 font-family: Arial, Verdana, Helvetica;
}

.menuitem2_sel_nieuws {
  background-color: #0EAEC8;
  padding-left: 6px;
  width: 168px;
  height: 20px;
  color: #ACCDEC;
 font-weight : bold;
 font-size : 11px;
 font-family: Arial, Verdana, Helvetica;
}

.menuitem2_sel_contact {
  background-color: #A6B057;
  padding-left: 6px;
  width: 168px;
  height: 20px;
  color: #000000;
 font-weight : bold;
 font-size : 11px;
 font-family: Arial, Verdana, Helvetica;
}

.menuitem2_sel_extranet {
  background-color: #C8C9C8;
  padding-left: 6px;
  width: 168px;
  height: 20px;
  color: #000000;
 font-weight : bold;
 font-size : 11px;
 font-family: Arial, Verdana, Helvetica;
}





