@import url("css/menu.css");
@import url("css/variations/stylesheetwidget.css"); 
/* 
================================
Skin styles for VGZ Trias
================================
*/   
.textsizebackground {
	background-image: url(/Portals/1/Skins/VGZTrias/Images/TextSizeBackground.png);
	width: 90px;
	height: 30px;
	background-position: top left;
	background-color: transparent;
	background-repeat: no-repeat;
	padding-right: 0px;
}

.p {
	margin: 0px;
	padding: 0px;
}

.pagemaster {
	width: 100%;
	background-color: #FFFFFF;
}
.skinmaster {
	height: 100%;
	background-color: #ffffff;
	border-right: #ffffff 0px solid; 
	border-top: #ffffff 0px solid; 
	border-left: #ffffff 0px solid; 
	border-bottom: #ffffff 0px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
	background-image: url(images/Header.jpg);
	background-repeat: no-repeat;
	height: 17px;
}

.skincontent {
	padding-top: 12px;
}
.skincontentportaal {
	background-image: url(images/portaalbackground.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 500px;
	padding-top: 12px;
	
}
.skincontentaanbieders {
	background-image: url(images/aanbiedersbackground.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 0px;
	
}
.skincontentconsumenten {
	background-image: url(images/ConsumentenBackground.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 0px;
}
.controlpanel {
	width: 100%;
	background-color: #FFFFFF;
}

.SideMenuCustomers {
   padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-image: url(images/customers/SideMenuBackground.jpg);
	background-repeat: no-repeat;
	height: 364px;
	width: 224px;
	vertical-align: top;
	display: block;
	float: left;
}
.SideMenuAanbieders {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-image: url(images/aanbieders/SideMenuBackground.jpg);
	background-repeat: no-repeat;
	height: 364px;
	width: 224px;
	vertical-align: top;
	display: block;
	float: left;
}

.leftpane {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 224px;
}

.contentpane {
	width: 466px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
}
.contentpaneadmin {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
}

.portaalpane1 {
	padding-top: 23px;
	padding-left: 20px;
}
.portaalpane2 {
	padding-top: 23px;
	padding-left: 20px;
	padding-right: 80px;
}
.leesvoorpane {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 65px;
	display: block;
}

.rightpane {
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	/*width: 200px;*/
	width: 220px;
}
.bottompane1, .bottompane2, .bottompane3, .bottompane4 {
	padding-left: 0px;
	padding-right: 20px;
	width: 168px;
}

A:link {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	text-decoration: underline;
}

A:visited  {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	text-decoration: underline;
}

A:hover { 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #10823c;
	text-decoration: underline;
}

A:active    {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	text-decoration: underline;
}

a.snelmenu:link, a.snelmenu:active, a.snelmenu:visited  {
	line-height: 22px;
	font-size: 13px;
}
a.snelmenu:hover  {
	font-weight: bold;
	color: #424242;
	font-size: 13px;
}

UL {
	margin-top: 7px;
	padding: 0px;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	padding-left: 22px;
	line-height: 16px;
}

UL LI
{
    list-style-type: square;
}

UL LI LI
{
    list-style-type: disc;
}

UL LI LI LI
{
    list-style-type: circle;
}


/* Zoeken */

#dnn_dnnSEARCH_txtSearch.NormalTextBox  {
	background-image: url(images/SearchBackground.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #424242;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	height: 16px;
	width: 130px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px;
}

#dnn_dnnSEARCH_cmdSearch {
	font-size: 11px;
}

/* GENERAL */
/* style for module titles */

.Head   {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #424242;
}

/* style of item titles on edit and admin pages */
.SubHead    {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #424242;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #424242;
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	
}

.Normal table
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: Red;
}

.NormalBold
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	
}
.Headertext {
	font-size: 10px;
	padding-top: 1px;
}

/* text style for Header link */
.Headerlink {
	font-family: Arial;
	font-size: 11px;
	color: #646464;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight: bold;
}
    
/* hyperlink style for the unselected tabs */
A.Headerlink:link {
	font-family: Arial;
	font-size: 11px;
	color: #646464;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight: bold;
}

A.Headerlink:visited  {
	font-family: Arial;
	font-size: 11px;
	color: #646464;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight: bold;
}

A.Headerlink:hover    {
	font-family: Arial;
	font-size: 11px;
	color: #a0091a;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight: bold;
}

A.Headerlink:active   {
	font-family: Arial;
	font-size: 11px;
	color: #646464;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight: bold;
}

/* text style for breadcrumb */
.breadcrumb{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


/* text style for breadcrumb link */
.breadcrumblink{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.breadcrumblink:link {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.breadcrumblink:visited  {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.breadcrumblink:hover    {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4ba023;
	text-decoration: none;
}

A.breadcrumblink:active   {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4ba023;
	text-decoration: none;
}

.CSSNodeSelectedRoot, CSSNodeSelectedSub, SelectedTab {
	color: red;
}

a.SelectedTab:link {
	color: aqua;
}


/* text style for SkinObject */
.SkinObject{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.SkinObject:link {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.SkinObject:visited  {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.SkinObject:hover    {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4ba023;
	text-decoration: none;
}

A.SkinObject:active   {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4ba023;
	text-decoration: none;
}

.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);
}

#dnn_ctr507_DynamicForms_lnkSave, dnn_ctr509_DynamicForms_lnkSave {
	margin-left: 330px;
}




