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

	*
		{
			margin:0px;
			padding:0px;
			font-family: Tahoma, Verdana;
			font-size: 1.0em;
		}
    
    html
        {
            background-color:#ffffff;
            font-family: Tahoma, Verdana;
            font-size: 100%; /* IE hack */
        } 
    
    body
        {
            font-family: Tahoma, Verdana;
            font-size:0.7em;
            background: #ffffff url(../../images/design/bakgrunn_small.jpg) repeat-y scroll center top;
            line-height: 1.5em;
        }     
    
    p
        {
            display:block;
            margin: 0 0 10px 0;
        }
    
    ul, ol
        {
            display:block;
            margin:auto auto auto 30pt;
        }
    
	h1, h1 a
		{
			margin: 0px 0px 20px 0px;
			font-size: 1.5em;
			font-weight: normal;	
			color: #111111;
		}
    
    h2
        {
			margin: 0px 0px 20px 0px;
        	font-size: 1.3em;
        	color: #111111;
        }
    h2 a
        {
        	font-size: 1.0em;
			color: #111111;
        	font-weight: normal;
        	text-decoration: none;
        }
    h2 a:hover
        {
        	text-decoration: underline;
        }
    
	h3
		{
			font-weight: bold;
			padding-bottom: 20px;
		}
    
    h4
        {
        }  
    
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
     img
		{
			border:0px;
		}
	a
		{
			color: #09097e;
		}

	/* search pages (files, images, search etc.) */
	.searchRow {padding-bottom: 5px;}
	label.search
		{
			display: block;
			float: left;
			width: 50px;
		}
	input.search,
	select.search
		{
			float: left;
			width: 200px;
			margin-right: 10px;
			padding: 2px 0 2px 0;
		}
	select.search {width: 202px;}
		
	input#imgSearch,
	input#imgDelete
		{
			border: 0;
			height: 21px;
			width: 45px;
			background-repeat: no-repeat;
			cursor: pointer;
		}
	input#imgSearch
		{
			background-image: url(../../images/design/btn_sok.gif);
		}
	input#imgDelete
		{
			background-image: url(../../images/design/btn_tom.gif);
		}

	.BoxType1
		{
			width: 214px;
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 20px;
			border-bottom: 1px dotted #000000;
		}
	.BoxType1 h4
		{
			display: block;
			height: 22px;
		/*	width: 211px;*/
			padding: 4px 0px 0px 10px;
			color: #ffffff;
			font-weight: normal;
			font-size: 1.3em;
			background-image: url(../../images/design/hd_bg_blue.jpg);
			background-repeat: no-repeat;
		}

	.BoxType1 ul
		{
			display: block;
			margin: 10px;
			list-style-type: none;
		}
	.BoxType1 ul li
		{
			margin-bottom: 8px;
		}


	.tblListType1
		{
			border: 1px solid #e2e2e2;
			background-image: url(../../images/design/hd_bg_blue_long.gif); background-repeat: no-repeat;
		}
	.tblListType1 tr
		{
			height: 25px;
		}
	
		
	.tblListType1 thead tr
		{
			font-size: 1.3em;
			
		}
	.tblListType1 thead th
		{
			text-align: left;
			color: #ffffff;
			font-weight: normal;
			background: transparent;
		}
	.tblListType1 .tblListType1Rowstart
		{
			text-align: center;
		}
	.tblListType1 .tblListType1Row0
		{
			background-color: #f3f6fb;
		}
	.tblListType1 .tblListType1Row1
		{
		}
	.tblListType1 tfoot td
		{
			padding-left: 10px;
		}


	/* Toolbox */
	ul.Toolbox
		{
			clear: both;
			margin: 30px 0 0 0;
			list-style-type: none;
		}
	ul.Toolbox li
		{
			display: block;
			float: left;
			padding: 0;
			margin: 0 10px 0 0;
			min-height: 14px;
		}
	ul.Toolbox li a
		{
			display: block;
			float: left;	
			padding-left: 20px;
			min-height: 14px;
		}
	ul.Toolbox li a.TipAFriend
		{
			background: url(../../images/design/ico_tips.gif) no-repeat 0 0;
		}
	ul.Toolbox li a.Print
		{
			background: url(../../images/design/ico_print.gif) no-repeat 0 0;
		}



/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/
	 #SiteContainer
    {
        width: 100%;
        height: 100%;
		background: transparent url(../../images/design/bakgrunn_large.jpg) no-repeat scroll center top;
    }
	
	#wrapper
	{
		height: 100%;
        width:933px;
        margin-left: auto;
        margin-right: auto;
	}
	
	#contentSurround 
	{
		float: left;
		clear: both;
		width:933px;
		position: relative;
	}

/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        {
        }
        
    #SiteHeader #hdTools
    {
    	height: 20px;
    	width: 100%;
    	background-image: url(../../images/design/hd_tools.gif);
    	background-repeat: repeat-x;
    }
    
    #SiteHeader #hdTools #toolsMenu
    {
    	float: right;
    	height: 18px;
    	color: #ffffff;
    }
    
    #SiteHeader #hdTools #toolsMenu a
    {
    	color: #ffffff;
    	padding: 0px 15px 0px 15px;
    	text-decoration: none;
    }
    
    #SiteHeader #hdBanner
    {
    	height: 98px;
    	width: 100%;
    	background-image: url(../../images/design/banner.jpg);
    	background-repeat: no-repeat;
    	position: relative;
    }
    
    #SiteHeader #hdBanner #globalSearchBox
    {
    	position: absolute;
    	left: 685px;
    	top: 50px;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmGlobalSearch
    {
    	float: left;
    	clear: none;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv
    {
    	height: 20px;
    	width: 181px;
    	background-image: url(../../images/design/src.gif);
    	background-repeat: no-repeat;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv.searchOut
    {
    	background-image: url(../../images/design/src.gif);
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv.searchHover
    {
    	background-image: url(../../images/design/src_over.gif);
    }
    
    #SiteHeader #hdBanner #globalSearchBox #searchLabel
    {
    	color: #ffffff;
    	float: left;
    	clear: none;
    	padding: 3px 5px 0px 0px;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv #frmSearchText
    {
    	height: 18px;
    	width: 160px;
    	float: left;
    	padding: 2px 0px 0px 4px;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv #frmSearchText #SearchString
    {
    	border: 0px solid black;
    	height: 16px;
    	width: 158px;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv #frmSearchSubmit
    {
    	height: 20px;
    	width: 17px;
    	float: left;
    }
    
    #SiteHeader #hdBanner #globalSearchBox #frmSearchDiv #frmSearchSubmit #btnSearchSubmit
    {
    	height: 20px;
    	width: 17px;
    	border: 0;
    	cursor: pointer;
    	background-color: Transparent;
    }
        
    #SiteHeader #hdShortcuts
    {
    	height: 34px;
    	width: 100%;
    	background-image: url(../../images/design/hd_snarveier.gif);
    	background-repeat: repeat-x;
    }
    
    #SiteHeader #hdShortcuts #shortCutMenu
    {
    	float: right;
    	height: 32px;
    }
    
    #SiteHeader #hdShortcuts #shortCutMenu a
    {
    	float: left;
    	font-size: 1.3em;
    	height: 27px;
		display:block;
		clear: none;
		padding: 5px 20px 0px 20px;
		font-weight: normal;
		text-decoration: none;
		color: #000000;
    }
    #SiteHeader #hdShortcuts #shortCutMenu a.withDivider
    {
    	padding-left: 21px;
		background-image: url(../../images/design/hd_snarveier_skille.gif);
    	background-repeat: no-repeat;
    	background-position: left top;
    }
    
    #SiteHeader #hdBanner #headerHomeLink
    {
    	position: absolute;
    	display: block;
    	top: 23px;
    	left: 34px;
    	width: 335px;
    	height: 52px;
    }
    
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
            
        }
 
/*********************************************************************************************************************
    BREADCRUMB
*********************************************************************************************************************/
        
#breadCrumbs        
{
	float:left;
	width: 662px;
	padding: 0px 20px 10px 20px;
	clear: both;
}

#breadCrumbs a {text-decoration: none;}
#breadCrumbs a:hover {text-decoration: underline;}
        
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
	#PageContent
		{
			float:left;
			width: 702px;
			padding: 25px 0px 0px 0px;
			border-left: 1px dotted #000000;
			height: 100%;
		}

	#PageContent #PageContentInner
		{
			margin: 0 20px 0 20px;
		}
	
	.pageContentBG1
	{
		background: transparent url(../../images/design/pageContent_bg1.gif) repeat-y;
	}
        
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			clear:both;
			height: 50px;
			border-top: 1px dotted #000000;
			text-align: center;
			background-color: #ffffff;
			text-align: center;
        }
        
/*********************************************************************************************************************
    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;
            }

#leftBanner {padding: 15px 0px 0px 0px; border-top: 1px dotted #000000; margin-left: -20px; margin-right: -25px;}
#leftBanner .bannerHeader
{
	width: 175px; 
	height: 22px;
	color: #ffffff;
	font-size: 1.3em;
	padding-top: 4px;
	background-image: url(../../images/design/hd_annonser_blank.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#leftBanner .BannerContainer
{
	border-bottom: 1px dotted #000000;
	padding-bottom: 10px;
	padding-top: 10px;
}

#leftCal {padding: 15px 0px 0px 0px; border-top: 1px dotted #000000; margin-left: -20px; margin-right: -25px;}
#leftCal .CalHeader
{
	width: 194px; 
	height: 22px;
	color: #ffffff;
	font-size: 1.3em;
	padding-top: 4px;
	background-image: url(../../images/design/hd_annonser_blank.gif);
	background-repeat: no-repeat;
	background-position: 14px 0px;
	padding-left: 24px;
	margin-bottom: 5px;
	
}

#leftCal #calendarBox {padding: 10px 10px 0px 12px;}
#leftCal #calLinks .calLink2 {white-space: nowrap;}

.paddedWidth20 {padding: 0px 20px 0px 20px; float: left;}
.mainContentDiv {padding: 0px 20px 0px 20px; float: left;}

.newsBox {padding: 10px;}
.newsBox .newsLink {font-weight: bold; padding-bottom: 5px; line-height:1.2em; display: block;}
.newsBox .newsIngress {padding-bottom: 10px;}

#fileAndImageBox {margin: 20px -17px 20px -20px; padding: 20px 17px 20px 20px; border-bottom: 1px dotted #000000; border-top: 1px dotted #000000;}
.fileAndImageBoxHeader {background: transparent url(../../images/design/hd_bg_green_long.gif) no-repeat; height: 22px; font-size: 1.3em; color: #ffffff; padding: 4px 0px 0px 10px;}
.fileAndImageBoxContent {padding: 15px 0px 0px 10px;}

/** Begin: Member Registration **/  
.memberReg
{
	padding: 5px 5px 5px 5px;
}

.memberReg .inputRow
{
	clear: both;
	padding: 5px 0px 5px 0px;
}

.memberReg .memLabel 
{
	width: 200px;
	float: left;
	clear: left;
}

.memberReg .memInput 
{
	clear: right;
	float: left;
}

.memberReg .memInput .Text, .memberReg .memInput select, .memberReg .memInput textarea
{
	width: 200px;
}

.memberReg .required
{
	font-weight: bold;
}

.memberReg .divHeader
{
	font-size: 1.3em;
	font-weight: bold;
	clear: both;
	padding-top: 0.7em;
	padding-bottom: 0.2em;
}

#memRegContainer {padding: 0px 20px 0px 20px;}

#memRegInfo {padding-bottom: 10px;}
/*** End: Member Registration ***/
        
/*********************************************************************************************************************
    ERROR
*********************************************************************************************************************/
    
    .Error
        {
            background-color:#ffffff;
            border:solid 1px #ff0000;
            padding:10px;
            margin:10px;
            color:#ff0000;
        }
    
@media print
{
	#SiteHeader, #SiteMenu {display: none;}
}