/* 
===========================================================================
Skin styles for Uw eigen helpdesk - DNN Skinfactory - www.dnnskinfactory.nl
===========================================================================
*/  

/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */

.MyBody { text-align:center; width: 100%; height: 100%; background-color:#ffffff;}

#Body { background-color:#ffffff;}


Body {
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:12px;
	line-height: 150%;
}

/* HEADINGS */
H1, H2, H3, H4, H5 {
    font-family: Verdana, Arial, Sans-Serif;
    color: #fbb034;
    font-weight: bold;
}

H1 {font-size:20px; }
H2 {font-size:18px; }
H3 {font-size:16px; }
H4 {font-size:14px; }
H5 {font-size:12px; }

/* LINKS */ 
A:link      {color: #000000; text-decoration: underline; }
A:visited   {color: #000000; text-decoration: underline; }
A:hover     {color: #00000; text-decoration: underline; }
A:active    {color: #000000; text-decoration: underline; }

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, 
.Normal, .NormalTextBox, .NormalRed, .NormalBold, 
.CommandButton { font-family: Verdana, Arial, Sans-Serif; color:#000000; }

.Head { font-size: 18px; font-weight:bold; color:#fbb034; }          /* style for module titles */
.SubHead {font-size: 12px; font-weight:bold; }        /* style of item titles on edit and admin pages */
.SubSubHead { font-size: 12px; }    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.Normal { font-size: 12px; }        /* text style used for most text rendered by modules */
.NormalTextBox { font-size: 12px; } /* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalRed { font-size: 12px; }
.NormalBold { font-size: 12px; font-weight:bold; }

.CommandButton { }                  /* text style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { }            /* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:visited  { }
A.CommandButton:hover    { }    
A.CommandButton:active   { }

.StandardButton { }                 /* button style for standard HTML buttons */


/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel { }

.pagemaster {
	width: 100%;
	height: 100%;
	background-color:#ffffff;
	vertical-align:top;
}

.Row1full { width:100%; height:111px; background-image:url(images/Row1repeat.gif); background-position:bottom; background-repeat:repeat-x; }

#Row1Wrapper { margin: 0px auto; width: 826px; height:111px; border: 0px solid #CCCCCC; text-align: left; padding:0px; }

.Row2full { width:100%; background-color:#fcb033; background-image:url(images/Orangebackimage.png); background-position:top; background-repeat:no-repeat; }

.Row2full-home { width:100%; background-color:#fcb033; background-image:url(images/Orangebackimage-home.png); background-position:top; background-repeat:no-repeat; }

.Row2full-wijzen { width:100%; background-color:#fcb033; background-image:url(images/Orangebackimage-wijzen.png); background-position:top; background-repeat:no-repeat; }

.Row2full-lach { width:100%; background-color:#fcb033; background-image:url(images/Orangebackimage-lach.png); background-position:top; background-repeat:no-repeat; }

.Row2full-headset { width:100%; background-color:#fcb033; background-image:url(images/Orangebackimage-headset.png); background-position:top; background-repeat:no-repeat; }

.Row2table { width:100%; background-image:url(images/Orangebottomshadow.png); background-position:bottom; background-repeat:repeat-x; }

.Row2table-home { width:100%; min-height:350px; background-image:url(images/Orangebottomshadow.png); background-position:bottom; background-repeat:repeat-x; }

.Row2tablerow1 { width:100%; height:13px; background-image:url(images/Orangetopshadow.png); background-position:top; background-repeat:repeat-x; }

#Row2Wrapper { margin: 0px auto; width: 826px; border: 0px solid #CCCCCC; text-align: left; padding:0px; }

.Row3full { width:100%; height:100%; background-image:url(images/Row3repeat.gif); background-position:top; background-repeat:repeat-x; }


.SelectedTab, A.SelectedTab:link, A.SelectedTab:visited, A.SelectedTab:active, A.SelectedTab:hover {
	font-weight:normal;
    font-size: 3pt;
    color: #FFFFFF;
    text-decoration: none;
}

.OtherTabs, A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active, A.OtherTabs:hover {
	font-weight:normal;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.Logo { width:295px; vertical-align:middle;}    


/* PANES SECTION */

#Panes { vertical-align:top; padding: 20px 2px 0px 2px; }

.TopPane { vertical-align:top; padding: 12px; }

.TopPane-home { vertical-align:top; padding: 12px 400px 12px 12px; }

.LeftPane { vertical-align:top; padding: 10px; }

.ContentPane { vertical-align:top; padding: 10px; }

.RightPane { vertical-align:top; padding: 10px; }

.BottomPane { vertical-align:top; padding: 10px; }

#Row2Wrapper .TopPane .Head,
#Row2Wrapper .TopPane .SubHead,
#Row2Wrapper .TopPane h1,
#Row2Wrapper .TopPane h2,
#Row2Wrapper .TopPane h3,
#Row2Wrapper .TopPane h4,
#Row2Wrapper .TopPane h5,
#Row2Wrapper .TopPane h6 {
	color:#000000;
}

#Row2Wrapper .TopPane-home .Head,
#Row2Wrapper .TopPane-home .SubHead,
#Row2Wrapper .TopPane-home h1,
#Row2Wrapper .TopPane-home h2,
#Row2Wrapper .TopPane-home h3,
#Row2Wrapper .TopPane-home h4,
#Row2Wrapper .TopPane-home h5,
#Row2Wrapper .TopPane-home h6 {
	color:#000000;
}

#Row2Wrapper .TopPane .Normal,
#Row2Wrapper .TopPane .NormalBold,
#Row2Wrapper .TopPane .Normal a:link,
#Row2Wrapper .TopPane .Normal a:active,
#Row2Wrapper .TopPane .Normal a:visited,
#Row2Wrapper .TopPane .Normal a:hover,
#Row2Wrapper .TopPane .Normal TD,
#Row2Wrapper .TopPane .Normal span,
#Row2Wrapper .TopPane .Normal TD span,
#Row2Wrapper .TopPane .Normal P,
#Row2Wrapper .TopPane .Normal P span,
#Row2Wrapper .TopPane .Normal TD P span {
	font-size:14px;
}

#Row2Wrapper .TopPane-home .Normal,
#Row2Wrapper .TopPane-home .NormalBold,
#Row2Wrapper .TopPane-home .Normal a:link,
#Row2Wrapper .TopPane-home .Normal a:active,
#Row2Wrapper .TopPane-home .Normal a:visited,
#Row2Wrapper .TopPane-home .Normal a:hover,
#Row2Wrapper .TopPane-home .Normal TD,
#Row2Wrapper .TopPane-home .Normal span,
#Row2Wrapper .TopPane-home .Normal TD span,
#Row2Wrapper .TopPane-home .Normal P,
#Row2Wrapper .TopPane-home .Normal P span,
#Row2Wrapper .TopPane-home .Normal TD P span {
	font-size:14px;
}

/* ================================================================================ 
                                     OTHER SETTINGS
   ================================================================================ */

/*--------- dnn menu style ----------*/
/* main menu td */
.main_dnnmenu_bar 
{
	cursor:pointer;
	font-size: 10px; 
	background-color:none;
}

/*  Main Menu Normal  */
.main_dnnmenu_rootitem  
{	
	color: #000000;
	font-size: 12px; 
	font-weight:normal; 	
	padding:0px;
}

/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{  
	color:#fbb034;
	font-size: 12px; 
	font-weight:normal;
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected 
{
	color:#fbb034;
	font-weight:bold;
	font-size: 12px;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu 
{
	border:1px solid #000000;
}

.main_dnnmenu_submenu td
{
	background-color:#ffffff; 
	z-index: 1000;
	font-size: 10px; 
	font-weight:normal;
	text-align:left;
	color:#000000;
	line-height:2em;
	padding: 0px 5px;
	margin:0px;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td   
{  
	font-size: 10px;
	background: #fbb034;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	line-height:2em;
	z-index: 1000; 
	padding: 0px 5px;
	margin:0px;
}


