/* 
====================================================================
Skin styles for De Maatjes - DNN Skinfactory - www.dnnskinfactory.nl
====================================================================
*/  

/* Standard Classes to keep the look and feel of 
   the layout throughout the site when changing skins */ 


/* Background Color of Skin */
.pagemaster {
	width: 100%;
	height: 100%;
	background-color:#a4d4eb;
	background-image:url(images/Backgroundrepeat.gif);
	background-repeat:repeat-x;
	background-position:top;
	vertical-align:top;
}

.pagecel {
	width: 100%;
	height: 100%;
	background-image:url(images/Header.gif);
	background-position:50% 0%;
	background-repeat:no-repeat;
	vertical-align:top;
}

/* Manages the width of the skin */
.skinmaster {
	width: 978px;
	height: 100%;
	vertical-align:top;
	border-right: #000000 0px solid; 
	border-top: #000000 0px solid; 
	border-left: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
}

/* Manages the Control Panel Background Colour */
.ControlPanel {
	background-color: #dee4f2;
	width: 100%;
    height: 64px;
}

/* Classes of the contentpanes */
.ContentPane  {
	padding-left:9px;
	height:100%;
}

.RightPane  {
	width:170px;
	padding-left:9px;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

/* text style for the selected tab */
.SelectedTab {
	font-weight:bold;
    font-size: 9px;
    color: #031179;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
	font-weight:bold;
    font-size: 9px;
    color: #031179;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A.SelectedTab:visited  {
	font-weight:bold;
    font-size: 9px;
    color: #031179;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A.SelectedTab:active   {
	font-weight:bold;
    font-size: 9px;
    color: #031179;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A.SelectedTab:hover    {
	font-weight:bold;
    font-size: 9px;
    color: #e9112b;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* text style for the unselected tabs */
.OtherTabs {
	font-weight:normal;
    font-size: 11px;
    color: #b9b9bb;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
	font-weight:normal;
    font-size: 11px;
    color: #b9b9bb;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A.OtherTabs:visited  {
	font-weight:normal;
    font-size: 11px;
    color: #b9b9bb;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.OtherTabs:active   {
	font-weight:normal;
    font-size: 11px;
    color: #b9b9bb;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.OtherTabs:hover    {
	font-weight:normal;
    font-size: 11px;
    color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
    
/* GENERAL */
/* style for module titles */
.Head   {
	color: #271e89; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold;
	vertical-align: top;
}

/* style of item titles on edit and admin pages */
.SubHead    {
	color:#271e89;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	color:#271e89;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold; 
}

Body, .Normal, .NormalTextBox, TH, TFOOT, THEAD, TD, SPAN, DIV, A, P
{
	color:#271e89;
	font-family: /*Tahoma*/, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	margin:0;
	padding-bottom:0px;
}

A:link {
	text-decoration:underline;
    color: #271e89;
}
A:visited {
    text-decoration: underline;
    color:  #271e89;
}
A:active {
    text-decoration: underline;
    color: #271e89;
}
A:hover {
	text-decoration: underline;
    color: #271e89;
}


hr {
	border: none;
    color: #271e89;
    height: 1px;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	text-decoration:none;
	color: #271e89;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration: none;
    color: #271e89;
}
A.CommandButton:visited {
    text-decoration: none;
    color: #271e89;
}
A.CommandButton:active {
    text-decoration: none;
    color: #271e89;
}
A.CommandButton:hover {
    text-decoration: none;
    color: #ffffff;
}       

/* GENERIC */
H1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 21px;
	font-weight:bold;
	color: #271e89;
	line-height:30px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
}
H2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 21px;
	font-weight:normal;
	color: #271e89;
	line-height:30px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
}
H3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight:bold;
	color: #271e89;
	line-height:18px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
}
H4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight:normal;
	color: #271e89;
	line-height:18px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
}
H5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:bold;
	color: #271e89;
	line-height:18px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
}

H6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:14px;
	font-weight:normal;
	color: #271e89;
	line-height:18px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
}


/* ================== CSS RadMenu BAR ================== */

.RadMenuBar {width: 174px !important;}

.RadMenuRootItem { padding:0px 5px; text-decoration:none !important; background-image:url(images/Menuitem.gif); background-position: 0% 0%; background-repeat:no-repeat;}
.RadMenuRootItemClicked  { padding:0px 5px; text-decoration:none !important; background-image:url(images/Menuitemselected.gif); background-position: 0% 0%; background-repeat:no-repeat;}
.RadMenuRootItemExpanded { padding:0px 5px; text-decoration:none !important; background-image:url(images/Menuitemselected.gif); background-position: 0% 0%; background-repeat:no-repeat;}
.RadMenuRootItemFocused  { padding:0px 5px; text-decoration:none !important; background-image:url(images/Menuitemselected.gif); background-position: 0% 0%; background-repeat:no-repeat;}
.RadMenuRootItemSelected { padding:0px 5px; text-decoration:none !important; background-image:url(images/Menuitemselected.gif); background-position: 0% 0%; background-repeat:no-repeat;}

.RadMenuItem { margin:0px 0px; text-decoration:none !important; background-color:#dee4f2; text-indent:5px;}
.RadMenuItemClicked  { margin:0px 0px; text-decoration:none !important; background-color:#b1b0ff; text-indent:5px;}
.RadMenuItemExpanded { margin:0px 0px; text-decoration:none !important; background-color:#b1b0ff; text-indent:5px;}
.RadMenuItemFocused  { margin:0px 0px; text-decoration:none !important; background-color:#b1b0ff; text-indent:5px;}
.RadMenuItemSelected { margin:0px 0px; text-decoration:none !important; background-color:#b1b0ff; text-indent:5px;}

/* voor het wijzigen van achtergrond bij mouse over */
.RadMenuRootItem:hover { padding:0px 5px; background-image:url(images/Menuitemselected.gif); background-position: 0% 0%; background-repeat:no-repeat;}

.RadMenuItem:hover { margin:0px 0px; background-color:#496ab7; text-indent:5px;}

/* voor de kleurverandering bij een mouse-over */
.RadMenuRootItem:hover .rmText { color:#ffffff !important;}
.RadMenuRootItemSelected:hover .rmText { color:#ffffff !important;}
.RadMenuRootItemExpanded:hover .rmText { color:#ffffff !important;}
.RadMenuRootItemFocused:hover .rmText { color:#ffffff !important;}
.RadMenuRootItemClicked:hover .rmText { color:#ffffff !important;}

.RadMenuItem:hover .rmText { color:#ffffff !important;}
.RadMenuItemSelected:hover .rmText { color:#ffffff !important;}
.RadMenuItemExpanded:hover .rmText { color:#ffffff !important;}
.RadMenuItemFocused:hover .rmText { color:#ffffff !important;}
.RadMenuItemClicked:hover .rmText { color:#ffffff !important;}

/* root items */

.rmRootGroup .rmItem {width: 184px;}

.rmRootGroup .rmLink .rmText { font-size:11px !important; font-weight:bold; text-decoration:none !important; line-height:29px !important; color:#271e89 !important;}
.rmRootGroup .rmLink .rmText { font-size:11px !important; font-weight:bold; text-decoration:none !important; line-height:29px !important; color:#271e89 !important;}

.rmRootGroup .RadMenuRootItemSelected .rmGroup .rmLink .rmText { font-weight:bold; color:#ffffff !important; text-decoration:none !important; }
.rmRootGroup .RadMenuRootItemExpanded .rmGroup .rmLink .rmText { font-weight:bold; color:#ffffff !important; text-decoration:none !important; }

.rmRootGroup .RadMenuRootItemSelected .rmText { font-weight:bold; color:#ffffff !important; text-decoration:none !important; }
.rmRootGroup .RadMenuRootItemExpanded .rmText { font-weight:bold; color:#ffffff !important; text-decoration:none !important; }

/* Sub items */
.rmGroup { width: 180px; border-right: #271e89 1px solid; border-top: #271e89 1px solid; border-left: #271e89 1px solid; border-bottom: #271e89 1px solid; }
.rmGroup .rmItem {width: 180px;}

.rmGroup .rmLink .rmText { font-size:11px !important; line-height:20px !important; text-decoration:none !important; color:#271e89 !important;}
.rmGroup .rmLink .rmText { font-size:11px !important; line-height:20px !important; text-decoration:none !important; color:#271e89 !important;}

.rmGroup .RadMenuItemSelected .rmGroup .rmLink .rmText { color:#ffffff !important; text-decoration:none !important; }
.rmGroup .RadMenuRootItemExpanded .rmGroup .rmLink .rmText { color:#ffffff !important; text-decoration:none !important; }

.rmGroup .RadMenuItemSelected .rmText { color:#ffffff !important; text-decoration:none !important; }
.rmGroup .RadMenuRootItemExpanded .rmText { color:#ffffff !important; text-decoration:none !important; }


 .rmText { font-family: Tahoma!important; }

/* End Standard Classes for DotNetNuke */


/* Custom Tags - These create the custom look and feel of the skin */

/*
================================
hidden login control
================================
*/

a.logincontrol
{
	width: 32px;
	height: 32px;
	color: #5251ff;
	background-image:url(images/lock.gif);
	background-position:-32px;
	background-repeat: no-repeat;
	background-color: Transparent;
	display:block;
}

a.logincontrol:hover
{
	background-position:0px;
	color:#5251ff;
}