/*********************************************************************************************************************
    COMMON
*********************************************************************************************************************/

    *
        {
			margin:0px;
			padding:0px;
		/*	font-family: Verdana;*/
			font-family: Arial, Helvetica, Verdana;
			color: #000000;
			line-height: 1.6em;
			font-size: 13px;
        }
    
    html
		{
			font-size: 100%; /* IE hack */
			/* allways view scrollbar */
			overflow-y: -moz-scrollbars-vertical;
			overflow-y: scroll;
		} 
    
    body
        {
		/*	font-size:0.80em;*/
            background-image: url(../../gfx/bg_tre.jpg);
        }     
    
    p
        {
            display:block;
            margin:auto;
            margin-bottom: 10px;
        }
    
    ul, ol
        {
			display:block;
			margin-left: 15px;
			margin-bottom: 10px;
        }
    h1
        {
		/*	font-size: 2.4em;*/
			font-size: 28px;
			font-weight: bold;
        }
	h2
        {
		/*	font-size: 1.3em;*/
			font-size: 18px;
			font-weight: bold;
        }
	h2 a
		{
		/*	font-size: 1.3em;*/
			font-size: 18px;
		}
    h3
        {
			margin-bottom: 10px;
		/*	font-size: 1.0em;*/
			font-size: 14px;
			font-weight: bold;
        }
    h4
        {
		/*	font-size: 1.0em;*/
			font-size: 14px;
			font-weight: bold;
        }  
    
	a,
	a:visited
		{
			text-decoration: none;
		}
	a:hover
		{
			text-decoration: underline;
			
		}

    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
	img
		{
			border: 0px;
			padding: 0px;
			margin: 0px;
		}


	/* Standard table list (not in use) */
	.tblListType1
		{
			width: 100%;
			margin-bottom: 10px;
			text-align: left;
			border-top: 3px solid #000000;
			border-right: 3px solid #000000;
		}
	.tblListType1 th,
	.tblListType1 .tblListType1Header
		{
			padding: 3px 5px 3px 2px;
			font-weight: bold;
			border-bottom: 1px solid #000000;
		}
	.tblListType1 td
		{
			vertical-align: top;
			padding: 3px 5px 3px 2px;
			border-top: 1px solid #000000;
		}
	.tblListType1 td a
		{
			font-weight: bold;
		}
	.tblListType1 THEAD TH.tblListType1Rowstart,
	.tblListType1 TBODY TD.tblListType1Rowstart
		{
			width: 0px;
			padding: 0px;
		}
	.tblListType1 tfoot
		{
		}
	.tblListType1 .tblListType1Row0
		{
		}
	.tblListType1 .tblListType1Row1
		{
		}


/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/

	#SiteContainer
		{
			position: relative;
			width: 950px; /* +10 for right shadow */
			margin: auto;
		}

/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/

	#SiteHeader
		{
			height: 50px;
		}
	#SiteHeader #Menu
		{
			position: fixed;
			top: 0px;
			width: 100%;
			z-index: 1;
			height: 30px;
			background-image: url(../../gfx/mnu_bg.gif);
			background-repeat: no-repeat;
			background-position: 0px -6px;
		}
	#SiteHeader a#Logo
		{
	/*
			display: block;
			width: 146px;
			height: 151px;
			margin: 45px auto 15px auto;
			background-image: url(../../gfx/logo.png);
			background-repeat: no-repeat;
			background-position: top center;
	*/
		}

	/* Link image buttons in top menu */
	#SiteHeader #Menu .ListType2
		{
			margin-left: 100px;
			margin-bottom: 0px;
			list-style-type: none;
			padding: 0px;
		}
	#SiteHeader #Menu .ListType2 li
		{
			float: left;
			padding: 0px;
			margin: 0px 40px 0px 0px;
		}
	#SiteHeader #Menu .ListType2 li a
		{
			display: block;
			height: 25px;
			background-position: 0px -39px;
			background-repeat: no-repeat;
		}
	#SiteHeader #Menu .ListType2 li a:hover
		{
			background-position: 0px -5px;
		}
	#SiteHeader #Menu .ListType2 li a *
		{
			color: #ffffff;
		}
	#SiteHeader #Menu .ListType2 li a:hover *
		{
		}

/*********************************************************************************************************************
    PAPERSHEET  -- The visual sheet, containing SiteMenu and PageContent (starts in SiteHeader, ends in SiteFooter)
*********************************************************************************************************************/

	#PaperSheetShadowWrapper
		{
			width: 950px;
			background-image: url(../../gfx/shdw_black.png);
			background-position: 940px 20px;
			background-repeat: repeat-y;
		}

	#PaperSheet
		{
			position: relative;
			width: 940px;
			margin-right: 10px;
			padding-bottom: 100px;
			background-color: #faf1e2;
		}

/*********************************************************************************************************************
    SITEMENU  -- which is RIGHT COLUMN!
*********************************************************************************************************************/

	#SiteMenu
		{
			float: right;
            width: 230px;	/* 3+206+3+18 (NOT + 10 for shadow)*/
            padding: 18px 0px 0px 0px;
		}

	#SiteMenu a#Logo
		{

			display: block;
			width: 146px;
			height: 151px;
		/*	margin: 45px auto 15px auto;*/
			margin-left: 33px;
			background-image: url(../../gfx/logo.png);
			background-repeat: no-repeat;
			background-position: top center;
		}

	/* Link image buttons in right column */
	#SiteMenu .ListType1
		{
			width: 206px;
			list-style-type: none;
			padding: 0px;
			margin-left: 0px;
			margin-bottom: 55px; /* space down to address */
			border: 3px solid #000000;
			border-bottom: 2px solid #000000; /* last li got 1px to add */
		}
	#SiteMenu .ListType1 li
		{
			display: block;
			border-bottom: 1px solid #000000;
		}
	#SiteMenu .ListType1 li a
		{
			margin: 0px;
			padding: 0px;
			border: none;
		}
	#SiteMenu .ListType1 li a:hover *
		{
		}
	#SiteMenu address
		{
			clear: both;
			font-style: normal;
		}

	#SiteMenu #ImageLinks .ListType1 li a
		{
			display: block;
			background-repeat: no-repeat;
		}
	#SiteMenu #ImageLinks .ListType1 li a:hover
		{
		/*
			mouseover-effect:
			background-position: 0px -136px;
		*/
		}

	#SiteMenu #ImageLinks .ListType1 li a img
		{
			padding: 0px;
		}


	#SiteMenu #Employees
		{
			width: 206px;
			margin-bottom: 65px; /* space down to address */
			border: 3px solid #000000;
			border-right: 2px solid #000000; /* td got 1px to add */
			border-bottom: 2px solid #000000; /* td got 1px to add */
		}
	#SiteMenu #Employees td
		{
			width: 68px;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
	#SiteMenu #Employees td a
		{
			display: block;
			width: 68px;
		}
	#SiteMenu #Employees td a img
		{
			width: 68px;
		}

/* ***********************************************************
	#SiteMenu #Employees
		{
		}
	#SiteMenu #Employees .ListType1 li
		{
			clear: both;
		}
	#SiteMenu #Employees .ListType1 li.Selected *
		{
			background-color: #000000;
			color: #ffffff;
		}
	#SiteMenu #Employees .ListType1 li a
		{
			display: block;
			position: relative;
			height: 98px;
		}
	#SiteMenu #Employees .ListType1 li a img
		{
			float: left;
			width: 69px;
		}
	#SiteMenu #Employees .ListType1 li .Text
		{
			display: block;
			position: absolute;
			left: 70px;
			bottom: 0px;
			padding: 5px;
		}
	#SiteMenu #Employees .ListType1 li .FirstName,
	#SiteMenu #Employees .ListType1 li .LastName
		{
			display: block;
			font-size: 1.1em;
			font-weight: bold;
		}
	#SiteMenu #Employees .ListType1 li .Email
		{
			display: block;
			font-size: 0.9em;
		}
*********************************************************** */


/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
	#PageContent
		{
			float: left;
			width: 690px; /* 690 - padding:115 */
		}

	#PageContent .HeadingImageTag
		{
			height: 30px;
			background-repeat: no-repeat;
		}
	#PageContent #MainContainer
		{
			padding-left: 115px;
			border-top: 4px solid #000000;
			border-right: 4px solid #000000;
		}


	#PageContent .CategoryImage
		{
/*			margin-left: -115px;*/
			margin-bottom: 30px;
		}

	#PageContent #BgTitleImage
		{
			position: relative;
		/*	height: in .asp depending on picture - 567px; (571 - borders)*/
			border-right: 4px solid #000000;
			border-bottom: 4px solid #000000;
			background-repeat: no-repeat;
		}
	#PageContent #BgTitleImage .Text
		{
			position: absolute;
			right: 0px;
			bottom: 40px;
			width: 540px; /*585 - padding:115*/
			padding: 0px 20px 10px 10px;
			background-color: #000000;
			color: #ffffff;
		/*	font-size: 1.1em;*/
		}
	#PageContent #BgTitleImage .Text h1
		{
			color: #ffffff;
		}

	/* Same, but with black text on light picture. And dynamic hight on right border */
	#PageContent #BgTitleImage.Light
		{
			border-right: none;
		}
	#PageContent #BgTitleImage.Light .Text
		{
			position: absolute;
			right: 0px;
			bottom: 0px;
			width: 290px;
			border-right: 4px solid #000000;
			padding: 0px 20px 10px 10px;
			background-color: transparent;
			color: #000000;
		}
	#PageContent #BgTitleImage.Light .Text h1
		{
			color: #000000;
		}


	#PageContent a.LinkBack
		{
			float: right;
			display: block;
			height: 21px;
			width: 79px;
            background-image: url(../../gfx/navigasjon_08.jpg);
			background-repeat: no-repeat;
		}

	#PageContent a.LinkNext
		{
			float: right;
			display: block;
			margin-top: -10px;
			margin-left: 3px;
			height: 24px;
			width: 77px;
            background-image: url(../../gfx/navigasjon_06.jpg);
			background-repeat: no-repeat;
		}
	#PageContent a.LinkPrev
		{
			float: right;
			display: block;
			margin-top: -10px;
			margin-left: 3px;
			height: 24px;
			width: 77px;
            background-image: url(../../gfx/navigasjon_04.jpg);
			background-repeat: no-repeat;
		}

	#PageContent a.LinkShowAll
		{
			clear: both;
			float: right;
			margin-top:  20px;
			font-weight: bold;
		}

/*********************************************************************************************************************
    NEWS ARCHIVE
*********************************************************************************************************************/

	/* News archive */
	.tblListType0
		{
			width: 100%;
			margin-bottom: 10px;
			text-align: left;
		}
	.tblListType0 th,
	.tblListType0 .tblListType0Header
		{
			display: none;
		}
	.tblListType0 td
		{
			vertical-align: top;
			padding: 3px 5px 3px 0px;
		}
	.tblListType0 td .Date
		{
			color: #aaaaaa;
		}
	.tblListType0 td a
		{
		}
	.tblListType0 THEAD TH.tblListType0Rowstart,
	.tblListType0 TBODY TD.tblListType0Rowstart
		{
			width: 0px;
			padding: 0px;
		}
	.tblListType0 tfoot td
		{
			padding-right: 10px;
			text-align: right;
			display: none;
		}
	.tblListType0 .tblListType0Row0
		{
		}
	.tblListType0 .tblListType0Row1
		{
		}

	.PageNav
		{
			margin-right: -4px;
		}

/*********************************************************************************************************************
    EMPLOYEE PAGE -- Custom page (ansatte.asp)
*********************************************************************************************************************/

	table#Employee,
	table#Article
		{
			width: 100%;
			border: 0px;
			border-bottom: 2px solid #000000;
		}
	table#Employee td.MainImage,
	table#Article td.MainImage
		{
			vertical-align: bottom;
		}
	table#Article td.MainImage
		{
			border-bottom: 2px solid #000000;
		}
	table#Employee td.Text,
	table#Article td.Text
		{
			vertical-align: bottom;
		}
	table#Employee td.Text div.Text,
	table#Article td.Text div.Text
		{
			padding: 0px 20px 10px 10px;
			border-right: 4px solid #000000;
			border-bottom: 2px solid #000000;
		}
	table#Employee td.Text div.Text h1,
	table#Article td.Text div.Text h1
		{
/*			font-size: 2.2em;
			font-weight: normal;
*/
			padding: 0px 0px 10px 0px;
		}

/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			clear: both; /* Needed to expand SiteContainer all the way down here */
        }
        
/*********************************************************************************************************************
    LOGIN
*********************************************************************************************************************/
    #LoginContainer
        {
            position:relative;
            width:300px;
            border:solid 1px #7b7b7b;
            margin:20px auto;
            padding:20px;
        }
        #LoginContainer fieldset
            {
                border:0;
                background-image:url(../../images/login_logo.gif);
                background-position:center top;
                background-repeat:no-repeat;
                padding-top:50px;
                text-align:center;
            }
        #LoginContainer ul
            {
                position:relative;
                width:250px;
                margin:0px auto;
                list-style-type:none;
                padding:0px;
                text-align:right; 
            }
            #LoginContainer ul li
                {
                    margin-bottom:3px;
                }
        #LoginContainer input
            {
                margin-left:5px;
                width:160px;
            }
        #LoginContainer #strUser
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
        #LoginContainer #strPassword
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
            
        #LoginContainer .ErrorMsg
            {
                background-color: #cc0000;
                color:#ffffff;
                font-weight:bold;
                padding:5px;
                margin-bottom:20px;
            }
                
        
/*********************************************************************************************************************
    ERROR
*********************************************************************************************************************/
    
    .Error
        {
            background-color:#ffffff;
            border:solid 1px #ff0000;
            padding:10px;
            margin:10px;
            color:#ff0000;
        }