
body {
	margin: 0px 0px 0px 0px; 
	background-attachment: scroll; 
	background-image: url(/images/css_backgr_gr.gif); 
	background-repeat: repeat-x; 
	background-color: #bfbfbf;
	color: #000;
	font-size: 1em;
	font-family: verdana, arial, helvetica, sans-serif; 
	text-align: center; /* Center content, IE hack */
}

#TopLogoContainer 
{
	width: 993px; 
	background-image: url(/images/ng_01.gif); 
	height: 63px;
}
#LogoClickContainer 
{
	float:left; 
	margin-left: 1em; 
	margin-top: 0.8em;
	width: 12em; 
	height: 2.9em;
}
#LogoClickContainer a
{
	display: block;
	height: 2.9em;
	width: 12em;
	text-decoration: none;
}
#SearchContainer
{
	float: right; 
	padding-top: 1em; 
	padding-right: 0.5em;
}

#TopTabContainer 
{
	width: 993px; 
	background-image: url(/images/ng_02.gif); 
	height: 28px;
}
#TopBarWhitespace
{
	width: 380px;
	float: left;
	height: 1.55em;
}
#TopBarLoginInformation 
{
	width: 613px; 
	background-image: url(/images/ng_blue_gr.gif); 
	float: left; 
	text-align: right; 
	height: 1.55em;	
	color: #fff;	
	background-color: inherit;
}
#TopBarLoginInformation div 
{
	font-size: 0.8em;
	padding-right: 0.8em; 
	padding-top: 0.2em;
}
#TopBarLoginInformation a
{
	color: #fff;
	text-decoration: none;
}
#TopBarLoginInformation a:hover
{
	text-decoration: underline;
}

#SubBarLeft 
{
	width: 210px; 
	background-image: url(/images/ng_blue2.gif); 
	float: left; 
	height: 1.9em;
}

#SubBarMiddle
{
	width: 486px; 
	background-color: #babec9;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	float: left; 
	height: 22px; 
	text-align: center;
	font-size: 0.7em;
	padding-top: 7px;
}

#SubBarMiddle div
{
	padding-top: 0.3em; 
}

#SubBarRight 
{
	width: 295px; 
	background-image: url(/images/ng_04.gif); 
	float: left; 
	height: 1.9em
}

a.UserLoginLinks {
	font-weight: bold; 
	color: #003366; 
	background-color: inherit;
	padding-top: 2px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}
a.UserLoginLinks:visited {
	font-weight: bold; 
	color: #003366; 
	background-color: inherit;
	padding-top: 2px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}
a.UserLoginLinks:hover {
	font-weight: bold; 
	background-color: inherit;
	padding-top: 2px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
	color: #cc0000; 
}

/* BEGIN Bottom Main Menu Links */
#BottomMainMenu
{
	width: 993px; 
	background-image: url(/images/ng_05b.gif); 
	height: 1.75em; 
	text-align: center; 
	padding-top: 0.2em; 
	vertical-align: middle; 
	border-top: solid 1px #333; 
	border-bottom: solid 1px #000;
	clear: both;
}
#BottomMainMenu a:link {
	font-size: 11px; 
	color: #333333; 
	background-color: inherit;
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}
#BottomMainMenu a:visited {
	font-size: 11px; 
	color: #333333; 
	background-color: inherit;
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}
#BottomMainMenu a:active {
	font-size: 11px; 
	color: #333333; 
	background-color: inherit;
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}
#BottomMainMenu a:hover {
	font-size: 11px; 
	color: #b13a00; 
	background-color: inherit;
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}
/* END Bottom Main Menu Links */


#BottomCopyRightContainer {
	width: 993px; 
	background-image: url(/images/ng_06b.jpg);
	height: 4em; 
	text-align: left; 
}
#BottomCopyRight
{
	padding-left: 1em;
	padding-top: 1.5em;
	font-weight: normal; 
	color: #ffffff; 
	background-color: inherit;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.7em;
}

.annenTekst {
	font-weight: bold; font-size: 11px; 
	color: #000000; 
	background-color: inherit;
	font-family: verdana, arial, helvetica, sans-serif; 
}

	/* BEGIN left menu */
	#LeftMenuContainer 
	{
		font-size: 0.70em; 
		font-family: verdana, arial, helvetica, sans-serif; 
		font-weight: normal;
	}
	#LeftMenuContainer a
	{
		color: #000;
	}
	#LeftMenuContainer a:visited
	{
		color: #000;
	}
	#LeftMenuContainer a:hover
	{
		color: #00f;
	}
	
	a.listheading
	{
		font-weight: bold; 
		color: #333;
		padding-bottom:0.2em;
		display: block;
		text-decoration: none;
		
	}
	div.listheadingcontainer
	{
		/* background-color: #F0E5CE; */
		display: block;
		width: 100%;
	}
	
	div.menuitem
	{
		background-image: url(/images/submenu_rulerbg.gif);
		background-position: 0em bottom;
		background-repeat: repeat-x;
		width: 100%;
		padding: 0.5em 0em 0.5em 0em;
		float: left;
	}
	div.menuitemselected
	{
		background-image: url(/images/submenu_rulerbg.gif);
		background-position: 0em bottom;
		background-repeat: repeat-x;
		width: 100%;
		padding: 0.5em 0em 0.5em 0em;
		float: left;
		font-weight: bold;
		background-color: #dddddd;
	}
	div.menuitemexpanded
	{
		background-image: url(/images/submenu_rulerbg.gif);
		background-position: 0em bottom;
		background-repeat: repeat-x;
		width: 100%;
		padding: 0.5em 0em 0.5em 0em;
		float: left;
		background-color: #dddddd;
	}
	div.menuitemchild
	{
		width: 100%;
		padding: 0.4em 0em 0.6em 0em;
		float: left;
		background-color: #F0F0F0;
	}

	a.menulink
	{
		color: #333;
		font-weight: normal;
		text-decoration: none;
		display: block;
	}
	a.menulinkactive
	{
		color: #333;
		font-weight: bold;
		text-decoration: none;
		display: block;
	}
	a.menulink:hover
	{
		color: #0a6ac9;
	}
	
	
	/* END left menu */
	
	/* BEGIN News List */
	.NewsListItemContainer
	{
		font-size: 0.8em;
		padding-bottom: 0.8em;
	}
	.NewsListItemLink
	{
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
	}
	.NewsListItemLink:hover
	{
		text-decoration: underline;
	}
	.NewsListItemDate
	{
		font-size: 0.7em;
		color: #aaa;
		background-color: inherit;
	}
	.NewsListItemPreviewText
	{
	}
	
	/* END News List Stiles */

	/* BEGIN Menu Tabs */
	#tabsF {
	  float:left;
	  width:100%;
	  font-size: 0.75em;
	  line-height:normal;
	}
	#tabsF ul {
		margin:0;
		padding: 5px 10px 0px 50px;
		list-style:none;
	  }
	#tabsF li {
	  display:inline;
	  margin:0px;
	  padding:0px;
	  }
	#tabsF a {
	  float:left;
	  background:url("/images/tableftF.gif") no-repeat left top;
	  margin: 0px;
	  padding: 0px 0px 0px 4px;
	  text-decoration:none;
	  }
	#tabsF a span {
	  float:left;
	  display:block;
	  background:url("/images/tabrightF.gif") no-repeat right top;
	  padding:5px 15px 4px 6px;
	  background-color: inherit;
	  font-family: verdana, arial, helvetica, sans-serif; 
	  font-weight: bold;
	  color: #000;
	  }
	/* Commented Backslash Hack hides rule from IE5-Mac */
	#tabsF a span {float: none;}
	/* End IE5-Mac hack */
	#tabsF a:hover span {
		color: #FFF; background-color: inherit;
	}
	#tabsF a:hover {
		background-position: 0% -42px;
	}
	#tabsF a:hover span {
	background-position:100% -42px;
	}

	#tabsF #current a {
			background-position:0% -42px;
	}
	#tabsF #current a span {
			background-position:100% -42px;
			color:#fff;
			background-color: inherit;
	}
	/* END Menu Tabs */
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	

	/* BEGIN Calender items */	

	div.monthcalendararea
	{
		font-size: 0.7em;
		float: right;
		width: 38%;
	}
	div.calendarlistingarea
	{
		font-size: 0.8em;
		float: left;
		width: 61%;
		text-align: left;	
	}
	h1.calendardayheading
	{
		font-size: 1em;
		color: #333;
		display: inline;
	}
	table.calendarframe
	{
		border-color: #fff;
		background-color: #fff;
		float: right;
		background-color: #f8f8f8;
	}
	table.calendarframe td
	{
		text-align: center;	
	}

	table.calendarframe a
	{
		text-decoration: none;
	}
	table.calendarframe a:hover
	{
		text-decoration: underline;
	}

	table.calendarframeheader
	{
		border: none 0px #fff;		
		background-color: #fff;
		width: 100%;
	}
	table.calendarframeheader td
	{
		text-align: center;
	}

	/* IE 6 does not seem to handle parent-child selectors */
	div.monthcalendararea > table
	{
		border: solid 1px #eee;
	}
	td.calendaritem, tr.calendaritem
	{
		height: 20px; 
		width: 20px;
		background-color: #fff; 
	}
	td.selecteddatecell 
	{
		width: 16px;
		height: 16px; 
		border: solid 2px #9fc3e7;
	}
	td.datecellothermonth 
	{
		background-color: #F0F0F0;
	}
	td.weekendcell
	{
		background-color: #DADADA;
	}
	td.datecellactive
	{
		background-color: #63a0de; 
		border: solid 2px #9fc3e7;
		width: 16px;
		height: 16px; 
	}	
	td.dayweekheader
	{
		color: #333;
		border-style: none;
	}
	/* END Calender items */	

.RadioButtonList label
{
	display: inline;
}

/*----- Password input ---*/
div.passwordfield 
{
	background-color: #f0f0f0;
	border: solid 0.1em #888;
	width: 19.5em;
	padding: 0.3em;
}
div.passwordfield input
{
	width: 19em;
}

input.registerfield
{
	width: 20em;
}
.CreateEditUser
{
	padding-bottom: 1em;
}
.CreateEditUser div.tablerow
{
	width: 400px;
	padding-left: 0.7em;
}
div.description
{
	padding-top: 0.5em;
	float: left;
	width: 40%;
}
div.content
{
	float: right;
	width: 60%;
	padding: 0.5em 0em 0.5em 0em;
}

.EditUserPanel div.description
{
	padding-top: 0.5em;
	float: left;
	width: 20%;
}
.EditUserPanel div.content
{
	float: right;
	width: 80%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0.5em 0em;
}

.EditUserPanel .tablerow
{
    display: block;
    float: none;
	clear: both;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
