/* 
================================
 Container Styles for DotNetNuke
================================
*/  

p {
	padding: 0px;
	margin: 0px;
} 

.containermaster {
	width: 100%;
	background-color: transparent;
	border-right: transparent 0px solid; 
	border-top: transparent 0px solid; 
	border-left: transparent 0px solid;
	border-bottom: transparent 0px solid; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.containertitlegroen {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #4ba023;
}

.containertitledonkergroen {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #10823c;
}


.containertitle {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #505050;
	padding-left: 10px;
}
.containerheader {
	padding-top: 8px;
}
.containercontent {
 	padding-left: 0px;
	padding-top: 10px;
	width: 100%;
}
.containercontentwhite {
 	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	width: 100%;
}
.containercontentgroen {
 	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
}

.containercontentgroen .Normal {
	color: #10823c;
	font-weight: bold;
}

/* Start White */
.white_topleft {	
	background-image: url(images/white/topleft.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 3px;
}
.white_top {	
	background-image: url(images/white/top.jpg);
	background-repeat: repeat-x;
	height: 3px;
}
.white_topright {	
	background-image: url(images/white/topright.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 3px;
}
.white_left {	
	background-image: url(images/white/left.jpg);
	background-position: left;
	background-repeat: repeat-y;
	width: 3px;
}
.white_center {
	background-color: #ffffff;
}
.white_right {
	background-image: url(images/white/right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	width: 3px;
}
.white_bottomleft {	
	background-image: url(images/white/bottomleft.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.white_bottom {	
	background-image: url(images/white/bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 3px;
}
.white_bottomright {
	background-image: url(images/white/bottomright.jpg);
	
	background-repeat: no-repeat;
	width: 20px;
	height: 3px;
}

/* End White */

/* Start Gradient Groen */
.gradientgroen_topleft {	
	background-image: url(images/groengradient/topleft.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gradientgroen_top {	
	background-image: url(images/groengradient/top.jpg);
	background-repeat: repeat-x;
	height: 20px;
}
.gradientgroen_topright {	
	background-image: url(images/groengradient/topright.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gradientgroen_left {	
	background-image: url(images/groengradient/left.jpg);
	background-position: left;
	background-repeat: repeat-y;
	width: 3px;
}
.gradientgroen_center {
	background-color: #ffffff;
}
.gradientgroen_right {
	background-image: url(images/groengradient/right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	width: 3px;
}
.gradientgroen_bottomleft {	
	background-image: url(images/groengradient/bottomleft.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gradientgroen_bottom {	
	background-image: url(images/groengradient/bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 3px;
}
.gradientgroen_bottomright {
	background-image: url(images/groengradient/bottomright.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 3px;
}
/* End Gradient Groen */


/* Start Gradient White */
.gradientwhite_topleft {	
	background-image: url(images/whitegradient/topleft.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gradientwhite_top {	
	background-image: url(images/whitegradient/top.jpg);
	background-repeat: repeat-x;
	height: 20px;
}
.gradientwhite_topright {	
	background-image: url(images/whitegradient/topright.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gradientwhite_left {	
	background-image: url(images/whitegradient/left.jpg);
	background-position: left;
	background-repeat: repeat-y;
	width: 3px;
}
.gradientwhite_center {
	background-color: #ffffff;
}
.gradientwhite_right {
	background-image: url(images/whitegradient/right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	width: 3px;
}
.gradientwhite_bottomleft {	
	background-image: url(images/whitegradient/bottomleft.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gradientwhite_bottom {	
	background-image: url(images/whitegradient/bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 3px;
}
.gradientwhite_bottomright {
	background-image: url(images/whitegradient/bottomright.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 3px;
}
/* End Gradient White */



.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
   white-space: nowrap;  /*Word wrapping menu item now optional*/
   padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
