/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* projecten module */
.listFoto {width:110px;}
.prjctListTable2 {width:678px;}
.projectList {height:110px; background-color:#E2E2E2;}
.projectList1 {height:25px; background-color:#E2E2E2;}
.projectListTable {display: inline; height:135px; width:20%; margin-top:20px !important; }
.gecko .projectListTable {display: inline; height:135px; width:10%; margin-top:20px !important; margin-right:20px; }
.projectRO {width:150px;padding:0px;}
.projectContent {width:0px;}
.projectFoto {}
.projectSchuif {width:150px; overflow:auto; height:300px;margin:0px;}
.prjctAchtergrondTerug, .prjctAchtergrondTerug a, .prjctAchtergrondTerug td {
	background-color:#624710;
	color:white !important;
	font-weight:bold;
	font-size:8.3pt;
	font-family:Arial;
	vertical-align:middle;
	text-align:left !important;
}
.prjctAchtergrondTerug a:hover{
	color:#d66a2c !important;
}



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal, table
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	line-height: 20px !important;
	color: #000000 !important;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
	font-size: 20px;
	color: #D66A2C;
	font-family: "Arial Black";
	line-height: 30px;
	
	text-transform:uppercase;
	margin:0px;
	margin-bottom:20px;
}

H2  {
	font-size: 20px;
	color: #624710;
	font-family:Arial;
	margin:0px !important;
}

H3  {
	font-size: 14px;
	color: #624710;
	font-weight: bold;
	font-family:Arial;
	margin:0px !important;
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	background-color: #dcdbdb;
	background-image: url(/Portals/rasenberg/Images/background.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.titelBruin {
	font-size: 20px;
	color: #624710;
}
.titelOranje {
	font-size: 20px;
	color: #D66A2C;
	font-family: "Arial Black";
	line-height: 30px;
}
#menu a:link {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {

	font-size: 14px;
	font-weight: bold;
	color: #D66A2C;
	text-decoration: none;
}
a:link {
	color: #D66A2C;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #D66A2C;
	text-decoration: none;
}
a:hover {
	color: #624710;
	text-decoration: none;
}
.footer {
	color: #999999;
}
.oranje {
	color: #D66A2C;
}
.bruin {
	color: #624710;
}
#footer a:link {
	color: #999999;
	text-decoration: none;
}
#footer a:visited {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {

	color: #624710;
	text-decoration: none;
}
#zwartwit a:link {
	color: #000000;
	text-decoration: none;
}
#zwartwit a:visited {
	color: #000000;
	text-decoration: none;
}
#zwartwit a:hover {

	color: #FFFFFF;
	text-decoration: none;
}
#submenu a:link {
	width: 190px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: normal;
	clear: both;
	overflow: hidden;
	padding-right: 15px;
}
#submenu a:visited {
	width: 190px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: normal;
	clear: both;
	overflow: hidden;
	padding-right: 15px;
}
#submenu a:hover {
	width: 190px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #D66A2C;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: normal;
	clear: both;
	overflow: hidden;
	padding-right: 15px;
}
#zwartoranje a:link {
	color: #000000;
	text-decoration: none;
}
#zwartoranje a:visited {

	color: #000000;
	text-decoration: none;
}
#zwartoranje a:hover {


	color: #D66A2C;
	text-decoration: none;
}
#zwartbruin a:link {
	color: #000000;
	text-decoration: none;
}
#zwartbruin a:visited {
	color: #000000;
	text-decoration: none;
}
#zwartbruin a:hover {

	color: #624710;
	text-decoration: none;
}
#submenuActive a:link {
	width: 190px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #e2e2e2;
	line-height: normal;
	clear: both;
	overflow: hidden;
}
#submenuActive a:visited {
	width: 190px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #e2e2e2;
	line-height: normal;
	clear: both;
	overflow: hidden;
}
#submenuActive a:hover {
	width: 190px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #D66A2C;
	text-decoration: none;
	background-color: #e2e2e2;
	line-height: normal;
	clear: both;
	overflow: hidden;
}
.referentieThumb {
	display: block;
	margin-bottom: 10px;
}
.referentieThumbs {
	display: block;
	height: 300px;
	width: 140px;
	overflow-x: no;
	overflow-y: auto;
}

.referentieFoto {
	display: block;
	margin-bottom: 40px;
	clear: both;
}
#witoranje a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#witoranje a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#witoranje a:hover {

	color: #D66A2C;
	text-decoration: none;
}
.subtitel {
	font-size: 14px;
	color: #624710;
	font-weight: bold;
}
ul.content {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: disc;
	list-style-position: inside;
}
.datum {
	font-size: 9px;
}
#news a:link {
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	float: left;
	width: 230px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C7B7B;
	padding-bottom: 10px;
	padding-top: 10px;
}
#news a:visited {
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	float: left;
	width: 230x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C7B7B;
	padding-bottom: 10px;
	padding-top: 10px;
}

.gecko #news a:link {
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	float: left;
	width: 190px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C7B7B;
	padding-bottom: 10px;
	padding-top: 10px;
}
.gecko #news a:visited {
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	float: left;
	width: 190px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C7B7B;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*
#news a:hover {
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	float: left;
	width: 190px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C7B7B;
	padding-bottom: 10px;
	background-color: #dcdbdb !important;
	padding-top: 10px;
}*/



hr {
	border-top-width: 1px !important;

	border-top-style: solid !important;
	
	border-top-color: #CCCCCC !important;
	
	
}
#documents a:link {
	width: 380px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: normal;
	clear: both;
	overflow: hidden;
	padding-right: 10px;
}
.documents {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#documents a:visited {
	width: 380px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: normal;
	clear: both;
	overflow: hidden;
	padding-right: 10px;
}
#documents a:hover {
	width: 380px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	line-height: normal;
	clear: both;
	overflow: hidden;
	padding-right: 10px;
}

A.Login:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white!important;
}

A.Login:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white!important;
}

A.Login:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white !important;
}

A.Login:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white!important;
}

.menubalk{
	height:150px !important;
}


.HoofdMenuItem{
	font-size: 14px !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-family:Arial !important;
	text-transform:uppercase !important;
	line-height: 20px;
	padding-left:18px;

}

.HoofdMenuActief{
	background-image: url(/Portals/rasenberg/Images/selector.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.HoofdMenuActief a{
	background-image:none !important;
}

.MenuHover2{
	color: #D66A2C !important;
}

.nieuwshome{
border-bottom:solid #7C7B7B 1px;

}

.header img{
	margin:0px !important;
	padding:0px !important;
	border-width:0px !important;
}

.SubMenuItem{
	width: 175px !important;
	float:left;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #000000 !important;
	text-decoration: none;
}

.SubMenuItem a:hover{
	color:#d66a2c !important;
}

.gecko .SubMenuItem{
	width: 175px !important;
	float:left;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #000000 !important;
	text-decoration: none;
	
}

.SubmenuActief{
	width: 200px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #e2e2e2;
	
}

.gecko .SubmenuActief{
	width: 175px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #e2e2e2;

}

.MenuHover3{
	color:#d66a2c !important;
}

.historylist {
	width: 200px !important;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #000000 !important;
	text-decoration: none;
	text-align:left !important;
	cursor:pointer;
}

.historylist a: active{
	width: 200px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #e2e2e2 !important;
}

.historylist a:hover div{
	color:#d66a2c !important;
}

.foto{margin:0px !important; padding:0px !important;}

#dnn_ctr10338_FormMaster_lblRequired{
	display:none;
}

#dnn_ctr10308_FormMaster_lblRequired{
	display:none;
}

#dnn_ctr10313_FormMaster_lblRequired{
	display:none;
}


/*     
	root element for the scrollable.     
	when scrolling occurs this element stays still. 
*/ 

div.scrollable       
{
	/* required settings */     
	position:relative;     
	overflow:hidden;     
	width: 290px;     
	height:70px; 
} 
div.scrollablev       
{
	/* required settings */     
	position:relative;     
	overflow:hidden;     
	width: 100px;     
	height:200px; 
}  
	
/*     
	root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element. 
*/ 

div.scrollable div.items    
{
	/* this cannot be too large */     
	width:2000em;     
	position:absolute; 
}  

/*
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. */ 

div.scrollable div.items div    
{
	float:left;
	padding-right:3px; 
}  

/* you may want to setup some decorations to active item */
 
div.items div.active      
{
	/*border:1px inset #ccc;     */
	background-color:#fff;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* root element for scrollable */ 

div.scrollablev             
{
	/* required settings */     
	position:relative;     
	overflow:hidden;          
	
	/* vertical scrollers have typically larger height than width */         
	height: 307px;          
	width: 116px;     
}  
	
/* root element for scrollable items */ 
div.scrollablev div.items          
{
	position:absolute;          
	
	
	/* this time we have very large space for height */         
	height:20000em;     
}


div.scrollablev div.items div 
{
	padding-bottom:3px;
	}

/* prev, next, prevPage and nextPage buttons */
/*
a.prev, a.next, a.prevPage, a.nextPage {
	display:inline;
	width:18px;
	height:18px;
	
	margin:10px 10px;
	cursor:pointer;
}
a.prev, a.prevPage {float:left;background:url(images/arrow/left.png) no-repeat;}
a.next, a.nextPage {float:right;background-image:url(images/arrow/right.png);clear:right;	}
*/
a.prev, a.next, a.prevPage, a.nextPage {
	display:inline;
	width:18px;
	height:18px;
	cursor:pointer;
}
a.prev, a.prevPage {float:left;background:url(images/arrow/left.png) no-repeat;}
a.next, a.nextPage {float:right;background-image:url(images/arrow/right.png);clear:right;	}


/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}