﻿@media all {
	.clear { clear: both; }	
	.hidden { display: none; }
	.requiredField { color: Red; }
}

@media screen, projection {
	.articleSummary { font-weight: bold; }
	
	/* Overskrifter */
	h1 { font-size: 20px; font-weight: normal; color: #cc6600; line-height: normal; margin-top: 0px; }
	h2 { font-size: 16px; line-height: normal; }
	h3, h4, h5, h6 { font-size: 14px; line-height: normal; }
	
	/* Diverse */
	.page-ContentHeader { padding-bottom: 15px; }
	
	
	
	div.rssFeedItem {
		background: url(../admin/img/icons/rss.gif) no-repeat;
		padding-left: 22px;
		margin-bottom: 15px;
	}
	
	/* Kopiert fra fosen.net */
	body {
		background-color: #E6E6DC;
	
		font-family: Verdana, Helvetica, Sans-Serif, Times New Roman;
		font-size: 11px;
		line-height: 150%;
		color: #333333; 
	}

	/* Lenker */
	a:link, a:visited, a:active, a:hover {	color: #336699;	text-decoration: underline; }
	a.alt { color: #CC6600; }
	
	/* Lagt inn ved overgang til CSS-basert design */
	.fosen-mainContent { width: 990px; margin-left: auto; margin-right: auto; }
	.fosen-kommuneMenu { background: #fff url(../img/corners_top.gif) no-repeat top left; }
	.fosen-kommuneMenu-Inner { background: transparent url(../img/corners_bottom.gif) no-repeat bottom left; padding: 5px; }
	.fosen-kommuneMenu a { font-weight: bold; }
	.fosen-kommuneMenu-divider { padding-left: 5px; padding-right: 5px; }
	.fosen-topImage { margin-top: 5px; margin-bottom: 5px; }
	.fosen-pageBottom { float:right; text-align: right; margin-right: 5px; margin-bottom: 50px; margin-top: 10px; }
	.fosen-pageBottom .fosen-kommuneMenu-divider { color: #999; }
	.fosen-content { background: #fff url(../img/corners_top.gif) no-repeat top; }
	.fosen-content .inner { background: transparent url(../img/corners_bottom.gif) no-repeat bottom; padding: 5px; min-height: 200px; }
	.fosen-leftAreaContent {
		float: left;
		width: 200px;
	}
	.fosen-middleAreaContent {
		float: left;
		width: 560px;
	}
	.fosen-rightAreaContent {
		float: left;
		width: 220px;
	}
	.fosen-kommuneThumbnail { float: left; margin-right: 10px; }
	.fosen-kommuneMini { clear: both; margin-bottom: 10px; }
	.fosen-kommuneMini a { font-weight: bold; }	
	
	.fosen-pageTopSearch-input { 
		border: 1px solid #b8b8ad;
		background-color: #fff;
		font-size: 11px;
	}
	.fosen-pageTopSearch-button { font-size: 11px; border: 1px solid #b8b8ad; background-color: #e6e6dc; height: 18px; }
	.fosen-pageTopSearch-label { font-weight: bold; color: #888; }
	
	div.articleImageWrapper { float: right; width: 195px; margin-left: 10px; border-left: 1px dotted #ccc; padding-left: 10px; color: #666; font-style: italic; font-size: 10px; text-align:left; }
	div.articleImageItem { margin-bottom: 20px;  }
	
	.fosen-menu { margin-top: 10px; }
	.fosen-menuItem { margin-bottom: 3px; border-bottom: 1px dashed #ccc; padding-bottom: 3px; }
	.fosen-menuItem-Selected { background-color: #f7f7f7; margin-bottom: 3px; }
	
	.fosen-GlobalMenu { background: #fff url(../img/corners_top.gif) no-repeat top left; margin-bottom: 5px; }
	.fosen-GlobalMenu-Inner { padding: 5px; background: transparent url(../img/corners_bottom.gif) no-repeat bottom left; }
	ul.fosen-GlobalMenu-Menu { margin: 0px; padding: 0px; }
	ul.fosen-GlobalMenu-Menu li { margin: 0px; padding: 0px; list-style-type: none; display: inline; margin-right: 10px; }
	
	/* Article */
	.Article-ContentHeader {}
	.Article-MetaInfo { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 2px 0px 2px 0px; font-style: italic; margin: 5px 0px 5px 0px; }
	.Article-MetaInfo-Inner { background-color: #f7f7f7; padding: 5px 10px 5px 10px; }
	
	/* ArticleImages */
	.ArticleImage-Item { margin-bottom: 20px; }
	.ArticleImage-Title { font-weight: bold; }
	.ArticleImage-Summary {}
	.ArticleImage-Copyright { color: #999;}
	
	/* ArticleFiles */
	.Article-FileContainerTitle {}
	.Article-AttachmentInfo { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 2px 0px 2px 0px; font-style: italic; margin: 5px 0px 5px 0px; position: relative; }
	.Article-AttachmentInfo-Inner { background-color: #E8F0FE; padding: 5px 0px 0px 10px; }
	.Article-FileSizeLabel { color: #777; }
	.Article-AttachmentItem { padding-bottom: 10px; }
	
	/* Modules (OLD) */
	.module-ClientWrapper { border: 1px solid #ccc; background-color: #f7f7f7; padding: 5px; margin:-5px; clear: both; }
	.module-SummaryWrapper {}
	
	/* Modules (NEW) */
	.module-Wrapper { margin-bottom: 20px; }
	.fosen-rightAreaContent .module-TitleWrapper { background-color: #e7e7e7; border-bottom: 1px solid #fff; }
	.fosen-rightAreaContent .module-TitleWrapper-Inner { padding: 3px; border-bottom: 1px solid #d2d2d2; }
	.fosen-rightAreaContent .module-TitleWrapper h2.module-Title { 
		background: transparent url(../img/arrow_blue2.gif) no-repeat 5px;
		padding: 0px 0px 0px 15px;
		margin: 0px;
		font-size: 12px;
		font-weight: bold;
		color: #666;
	}
	.fosen-rightAreaContent .module-Wrapper { 
		background: transparent url(../img/bg_rightbox.gif) repeat-x 0px 15px; 
	}
	.fosen-rightAreaContent .module-SummaryWrapper-Inner, 
	.fosen-rightAreaContent .module-ContentWrapper-Inner { padding: 5px; }
	
	/* Events */
	.Event-EventList {}
	.Event-EventListItem,
	.Event-EventListItem-Alt { padding: 2px 0px 2px 20px; border-bottom: 1px dotted #ccc;
		background: transparent url(../admin/img/icons/calendar.gif) no-repeat 0px 3px;
	}
	.Event-EventListItem-Date { font-style: italic; }
	.Event-EventImage { float: right; margin-left: 10px; margin-bottom: 10px; }
	
	.tjenesteliste {}
                  
  .tjenestetopline { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding: 5px; background-color: #f7f7f7; }
  .tjenestetoplineitem { padding: 5px; font-size: 150%; }
  .tjenestetoplineitem a {}
  
  .tjenestesection { margin-bottom: 20px; }
  .tjenesteletterheadline { font-size: 150%; border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 5px; }
  .tjenesteletterheadline a {}
  .tjenestelistitems { margin-left: 20px; }
  .tjenestelistitem {}
  .tjenestelistitem a {}

	/* Historisk bildearkiv */
	.HB-Table { width: 100%; border:1px solid #ccc; border-collapse:collapse; margin-bottom: 5px; }
	.HB-Table caption { text-align: left; font-weight: bold; background-color: #ccc; border:1px solid #ccc; border-collapse:collapse; padding:3px; }
	.HB-Table th { border:1px solid #ccc; border-collapse:collapse; padding:3px; }
	.HB-Table td { border:1px solid #ccc; border-collapse:collapse; padding:3px; }
	.HB-Table tr.alt { background-color: #f7f7f7; }
	.HB-Table th { text-align: left; background-color: #e7e7e7; }
	.HB-TableComment { font-style: italic; color: #777; text-align: right; }
	.HB-Table .narrow { width: 70px; text-align: center; }

	/* NETTKART */

	.siteMapWrapper {
		padding: 10px 0 10px 10px;
	}
	
	.siteMapWrapper ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.siteMapWrapper ul li {
		list-style-type: none;
		padding-left: 18px;
		margin-top: 5px;
		background: transparent url(../img/arrow_blue.gif) no-repeat scroll 0px 5px;
	}

	.siteMapWrapper ul li ul li{
		list-style-type: none;
		padding-left: 18px;
		margin-top: 5px;
		background: transparent url(../img/arrow_blue.gif) no-repeat scroll 0px 5px;
	}	
	
	/* SØK */
	
	.searchSettingsWrapper {
		margin-top: 8px;
		clear: both;
		display: block;
	}
	
	.searchSettingsHeader {
		width: 90px;
		margin-top:2px;
		display: block;
	}

	.searchRadioButtonList {
		display: block;
	}

	.searchDropDownList {
		width: 305px;
	}
	
	.searchButton {
		width: 50px;
		margin-left: 5px;
	}
	
	.searchTextBox {
		width: 300px;
	}
	
	.searchResultInfo {
		width: 100%;
		background-color: #e3e3e3;
		margin-top: 7px;
		margin-bottom: 7px;
		padding: 3px;
	}
	
	.searchResultLink {
	}
		
	.searchResultSummary {
	}
	
	.searchResultType {
		color: #bbbbbb;
	}

	.searchResultWrapper {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom:1px dashed #cccccc;
	}
		
	.searchResultTopLineWrapper {
		width: 100%;
		margin-bottom: 4px;
	}
	
	.searchResultTopLineLink {
		width: 395px;
		float: left;
	}
	
	.searchResultTopLineType {
		float: right;
		width: 150px;
		text-align: right;
	}
	
	.searchResultSummaryWrapper {
		clear: both;
		margin-bottom: 4px;
	}

	.searchResultMetaWrapper {
		color: #bbbbbb;
		clear: both;
	}
}

@media print {
	.printHidden { display: none; }	
}
