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

    *
        {
            margin:0px;
            padding:0px;
        }
    
    html
        {
			font-family:Georgia;
            background-color:#ffffff;
            font-size: 100%; /* IE hack */
            background:url(../../images/gfx/site_bg_rep.gif) center top repeat-x;
        } 
    
    body
        {
            font-size:0.8em;
            background:url(../../images/gfx/site_bg.gif) center 135px no-repeat;
            color:#707070;
        }     
        
    p
        {
			padding:0;
			margin:0 0 10px 0;
        }
    
    ul, ol
        {
            display:block;
            margin:auto auto auto 30pt;
        }
    
    h1
        {
        }
    
    h2
        {
        }
    
    h3
        {
        }
        
    h3.GreenHeader
        {
			color:#7f9e42;
			font-size:1.8em;
			font-weight:normal;
			border-bottom:solid 1px #dadada;
			padding:0 0 5px 0;
			margin:0 0 10px 0;
        }
    
    h4
        {
        }  
    
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
     img
		{
			border:0px;
		}
		
	a
		{
			text-decoration:none;
			color:#0e4194;
		}
	
	a.Green
		{
			color:#0e4194;
		}
		
	
	a:hover
		{
			text-decoration:underline;
		} 
		
	a:visited
		{
			color:#7f9e42;
		}  
/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/

    #SiteContainer
        {
            width:960px;
            margin:0px auto;

        }

/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        {
			height:117px;
			position:relative;
        }
        
		#SiteHeader #LogoLink
			{
				position:absolute;
				top:52px;
				left:0px;
			}
			
		#SiteHeader #SearchBox
			{
				position:absolute;
				top:67px;
				right:0px;
			}
			
		#SiteHeader #SearchBox #SearchString
			{
				padding:2px;
			}
			

	#SiteHeader #TopMenu
		{
			position:absolute;
			top:10px;
			right:0px;
			height:30px;
			list-style:none;
		}
		
	#SiteHeader #TopMenu li
		{
			float:left;
			margin-left:10px;
		}
		
	#SiteHeader #TopMenu li a
		{
			float:left;
			line-height:24px;
			height:24px;
			color:#fff;
		}

        
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
        }
        
		#SiteMenu #CategoryText
			{
				position:absolute;
				left:10px;
				top:78px;
				width:350px;
				height:215px;
				font-family:Arial;
			}
			
		#SiteMenu #CategoryText h1
			{
				font-size:2em;
				font-weight:bold;
				color:#bde4f4;
				margin-bottom:20px;
			}
			
		#SiteMenu #CategoryText p
			{
				font-size:1em;
				line-height:20px;
				color:#fff;
			}
			
		#SiteMenu #CategoryImage
			{
				position:absolute;
				left:415px;
				top:65px;
				width:520px;
				height:215px;
				overflow:hidden;
				border:solid 10px #fff;
			}
			
/*********************************************************************************************************************
    LEFTCONTENT
*********************************************************************************************************************/
 
	#LeftContent
		{
			float:left;
			width:194px;
			padding-top:8px;
		}
		
	#LeftContent #LeftNews
		{
			padding:0 5px 0 5px;
		}
		
		#LeftContent #LeftNews .Item
			{
				margin-bottom:10px;
				font-size:0.9em;
			}
			
		#LeftContent #LeftNews .Item a
			{
				color:#707070;
				display:block;
			}
			
		#LeftContent #LeftNews .Item .Published
			{
				color:#7f9e42;
			}

		#LeftContent #LeftNews #ArchiveLink
			{
				color:#7f9e42;
			}        
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
    #PageContent
        {
            width:516px;
            float:left;
            margin:0 30px 0 30px;
            border-bottom:solid 1px #dadada;
            padding-bottom:20px;
            word-spacing:0.3em;
        }
        
    #PageContent .Headline h1
        {
			color:#7f9e42;
			font-weight:normal;
			font-size:2em;
			border-bottom:solid 1px #dadada;
			padding-bottom:10px;
			margin-bottom:20px;
			display:block;
        }
        
    #PageContent .Ingress h3
        {
			font-weight:bold;
			font-size:1em;
			margin-bottom:20px;
			line-height:1.5em;
        }
        
        
    #PageContent .Body
        {
			line-height:1.5em;
        }
        
    #PageContent .Image
		{
			padding:5px;
			border:solid 1px #ddd;
			margin-right:10px;
		}
        
    #PageContent img
		{

		}
		
    .Hide
		{
			display:none;
		}
		
/*********************************************************************************************************************
    RIGHTCONTENT
*********************************************************************************************************************/

	#RightContent
		{
			float:right;
			width:190px;
			padding-top:8px;
		}
		
		#RightContent #RightLinks
			{
				margin-bottom:20px;
			}
			
			#RightContent #RightLinks a
				{
					float:left;
					width:100%;
					height:60px;
					margin-bottom:10px;
					padding-top:5px;
					color:#707070;
					font-size:0.9em;
				}
				
				#RightContent #RightLinks a .Image
					{
						float:left;
						width:75px;
						text-align:center;
					}
					
				#RightContent #RightLinks a h4
					{
						color:#7f9e42;
						font-weight:normal;
						font-size:1.3em;
					}
					
	#RightContent #DutyPhone
		{
			color:#707070;
			font-size:1.8em;
		}
		
	#RightContent #Weather
		{
			margin-bottom:30px;
		}
		
		#RightContent #Weather a, #RightContent #Weather a:visited
			{
				display:block;
				color:#707070;
			}
			
			#RightContent #Weather a:hover
				{
					text-decoration:none;
				}
		
		#RightContent #Weather #Wind
			{
				float:left;
				width:50px;
				height:50px;
			}

		#RightContent #Weather #Temp
			{
				float:right;
				width:50px;
				height:50px;
				background:url(../../images/gfx/temp.png) center center no-repeat;
				color:#fff;
				line-height:50px;
				text-align:center;
				float:left;
				margin-left:30px;
			}

		#RightContent #Weather #Text
			{
				margin-top:10px;
			}
      
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			clear:both;
        }
        
		#Footer #ContactInfo
			{
				text-align:center;
				line-height:40px;
				background-color:#0e4194;
				margin-top:20px;
				margin-bottom:10px;
				color:#fff;
				font-size:11px;
			}
			
			#Footer #ContactInfo a
				{
					color:#fff;
				}
			
		#Footer #Credits
			{
				text-align:center;
				font-family:Arial;
				font-size:12px;
				color:#cfcfcf;
				margin-bottom:10px;
			}
			
			#Footer #Credits a
				{
					color:#cfcfcf;
				}
				
/*********************************************************************************************************************
    TIDSLINJE
*********************************************************************************************************************/
 
	#Tidslinje
		{
			position:relative;
			height:247px;
			width:950px;
			margin:0px auto;
			display:block;
			margin-top:10px;
			overflow:hidden;
		}
		
		#Tidslinje.Historisk
			{
				background:url(../../images/gfx/tidslinje_hist_bg.jpg) top left no-repeat;
			}
			
		#Tidslinje.Utbygging
			{
				background:url(../../images/gfx/tidslinje_utb_bg.jpg) top left no-repeat;
			}
			
		#Tidslinje.Historisk .Punkt
			{
				position:absolute;
				width:50px;
				height:39px;
				background:url(../../images/gfx/tidslinje_punkt.png) top left no-repeat;
				z-index:0;
			}
			
		#Tidslinje.Utbygging .Punkt
			{
				position:absolute;
				width:45px;
				height:70px;
				background:url(../../images/gfx/tidslinje_punkt2.png) top left no-repeat;
				z-index:0;
			}
			
		#Tidslinje .PunktTittel
			{
				position:absolute;
				width:138px;
				height:89px;
				background:url(../../images/gfx/tidslinje_tittel.png) top left no-repeat;
				display:none;
				z-index:1;
				padding:5px;
				padding-right:10px;
			}
			
		#Tidslinje #InfoField
			{
				position:absolute;
				top:0px;
				right:-350px;
				width:736px;
				height:247px;
			}
			
			#Tidslinje #InfoField #Hide
				{
					float:left;
					width:36px;
					height:247px;
					background:url(../../images/gfx/tidslinje_shadow.png) center center no-repeat;
				}
			
			#Tidslinje #InfoField #Info
				{
				}
				
			#Tidslinje #InfoField #InfoText
				{
					float:left;
					width:310px;
					padding:20px;
					height:207px;
					background:url(../../images/gfx/tidslinje_shadow_vertical.png) center right repeat-y #fff;
					position:relative;
				}
				
				#Tidslinje #InfoField h2
					{
						color:#7f9e41;
						font-size:1.2em;
						margin-bottom:5px;
						font-weight:bold;
					}
					
				#Tidslinje #InfoField #InfoText p
					{
						height:130px;
						overflow:hidden;
					}
					
				#Tidslinje #InfoField #RelatedNav
					{
						position:absolute;
						bottom:20px;
						left:210px;
						width:120px;
						height:60px;
					}
				
					#Tidslinje #InfoField #RelatedNav a
						{
							float:right;
							width:40px;
							height:60px;
							color:#7f9e41;
							margin-left:20px;
						}
				
					#Tidslinje #InfoField #RelatedNav #VideoLink
						{
							background:url(../../images/gfx/video.png) bottom center no-repeat;
						}
						
					#Tidslinje #InfoField #RelatedNav #ImageLink
						{
							background:url(../../images/gfx/image.png) bottom center no-repeat;		
						}
			
					
			#Tidslinje #InfoField #Related
				{
					float:left;
					width:310px;
					height:207px;
					padding:20px;
					background-color:#fff;
				}
				
				.ImageGallery
					{
						float:left;
						margin-right:10px;
					}

				.ImageGalleryTitle
					{
						margin-bottom:10px;
						clear:left;
					}
					
					.ImageGalleryTitle h3.Title
						{
							margin-left:10px;
							float:left;
							margin-top:70px;
							font-size:1em;
							font-weight:bold;
							color:#7F9E42;
						}
				
				#Tidslinje #InfoField #Related .Media
					{
						display:none;
					}
					
				#Tidslinje #InfoText #Loader
					{
						position:absolute;
						left:155px;
						top:120px;
					}
					
				.VideoContainer
					{
					}
					
				#Tidslinje #Comment
					{
						float:left;
						width:310px;
						padding:20px;
						height:207px;
						background:url(../../images/gfx/tidslinje_shadow_vertical.png) center right repeat-y #fff;
					}
        
/*********************************************************************************************************************
    SITEMAP
*********************************************************************************************************************/
  
     #Sitemap ul
		{
			list-style:none;
			margin:0;
			padding:0;
			padding-left:20px;
		}
		
     #Sitemap ul li
		{
			margin-bottom:12px;
		}
		
     #Sitemap ul ul li
		{
			margin-bottom:3px;
		}
		
     #Sitemap ul li a
		{
			font-weight:bold;
			font-size:0.9em;
			font-family:Arial;
		} 
		
     #Sitemap ul li ul li a
		{
			font-weight:normal;
		}   
        
/*********************************************************************************************************************
    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;
        }