================================
Skin styles for DotNetNuke
================================
*/   




.pagemaster {
	width: 95%;
	height: 98%;	
	background-color: #FFFFFF;
	/*background-image: url(base.jpg);*/
	vertical-align:middle;
}
.skinmaster {
	height: 100%;
	background-color: #B20009;
	BORDER-RIGHT: #FEDB66 2px solid; 
	BORDER-TOP: #FEDB66 1px solid; 
	BORDER-LEFT: #FEDB66 2px solid; 
	BORDER-BOTTOM: #FEDB66 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-color: #FCBD00;
}
.controlpanel {
	width: 100%;
	background-color: #EEA28D;
}
.toppane {
	width: 100%;
	background-color: #FFFFFF;	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
.leftpane {
	width: 210px;
	/*background-image: url(header.jpg);*/
	background-color: #FCBD00;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
.contentpane {
/*	width: 574px;*/
	background-color: #FCBD00;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
}
.rightpane {
	width: 210px;
	background-color: #FCBD00;
	/*background-image: url(header.jpg);*/
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: transparent;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	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: #0C2577;
	font-family: Verdana,Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #FFFFFF; 
	border-left: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #FFFFFF;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #B20009;
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Verdana,Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}
.MainMenu_MenuArrow {
	border-right: #CAD5EA 1px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 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;
}
.TreeViewMenu {
	width: 175px;
	background-color: #FFFFFF;
	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);*/
}


.Title   {
    font-family: Verdana,Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0C2577;
}

.HeadBGImage
{

	background-color:#FFFFFF;
}

.Inhoud
{
	/*background-image: url(header.jpg);*/
	background-color:#F7A601;
}
.Imagebanner
{
	background-image: url(Banner_071123.jpg);
	background-repeat:repeat-x; 
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana,Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #B20009;
}

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

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

/* text style used for most text rendered by modules */
.Normal, .Normal TD, .Normal TD P, .Normal P
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:12px;
    color: #0C2577;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #0C2577;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #ED7501;
}

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

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

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #B20009;
}
    
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight:    bold;
    color: #B20009;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight:    normal;
    color: #B20009;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  13px;
    font-weight:    bold;
    color: #B20009;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  13px;
    font-weight:    normal;
    color: #B20009;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #B20009;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #B20009;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #B20009;
}

A:link  {
    text-decoration:    none;
    color:  #ED7501;
}

A:visited   {
    text-decoration:    none;
    color:  #ED7501;
}

A:active    {
    text-decoration:    none;
    color:  #ED7501;
}

A:hover {
    text-decoration:    underline;
    color:  #B20009;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

LI {
    list-style-type:square;
    color:#000080;
}

UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Artikelenmodule */
.CategoryList {
	color: #B20009;
	font-weight: bold;
 	font-size:11px;
        font-family:verdana,arial;

}

.CommentsContainer {
	border: 1px solid #CCCCCC; 
	background-color: #FFFFFF; 
	padding: 1px;
}

.CommentItemStyle {
	background-color: #F8F8F8; 
	padding: 5px; 
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.CommentAlternatingItemStyle {
	padding: 5px; 
}

.CommentAuthor {
	font-size: 1.25em; 
	font-weight: bold;
}
.CommentDate{
	font-size: .8em; 
	color: #5F68AD;
}


/*=====ARTIKLENMODULE*=====*/

.STFButton {
	cursor: pointer;
	cursor: hand;
}
.CategoryList {
	color: maroon;
	font-weight: bold;
}
.Author {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;	
	font-weight: bold;
	color: #000099;
}
.PublishDate {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;	
	font-weight: bold;
	color: #C0C0C0;
}
.Views {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: .8em;	
	font-weight: bold;
	color: #C0C0C0;
}
.SearchPanel 
{
	text-align:center;
}
.MoreArticlesLink 
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 0.9em;	
	text-align:right;
	font-weight:bold;
	color: maroon;
}

.CommentsLink{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 0.8em;
}

.CommentsContainer {
	border: 1px solid #CCCCCC; 
	background-color: #FFFFFF; 
	padding: 1px;
}

.CommentItemStyle {
	background-color: #F8F8F8; 
	padding: 5px; 
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.CommentAlternatingItemStyle {
	padding: 5px; 
}

.CommentAuthor {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 0.8em; 
	font-weight: bold;
}
.CommentDate {
	font-size: .8em; 
	color: #5F68AD;
}
.Reply {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-style: italic;
	background-color: #DDE8EA;
	border: 1px dashed #ADB8BA;
	padding: 3px;
}

.thumbnail {
	margin: 5px;
	margin-top: 0px;
}

.image {
	margin: 5px;
	margin-top: 0px;
	align:center;
}

.ArtikelTitel {
	line-height:0.7em;
}


/* This is required because if the details are rendered on a new page,
the module is wrapped with a div with a class of DNNAligncenter*/
.Article {
	text-align:left;
}