/* FRONTPAGE2 *****************************************************************/ 
.frontpage2 
{
  width: 100%;
  overflow: hidden;
}
.frontpage2Padding 
{
  margin: 0 19px 0 15px;
  overflow: hidden;
}
.frontpage2 h2
{
  font-size: 16px;
  font-weight: bold;
  color: #9f9e9e;
  margin-bottom: 10px;
}
.frontpage2Left 
{
  float: left;
  width: 636px;
}
.frontpage2Right
{
  float: right;
  width: 308px;
}

.frontpage2Right a 
{
  color: #362f2d;
}

.frontpage2Bottom
{
  margin-top: 40px;
  border-top: 1px solid #eceae9;
  float: left;
  width: 100%;
  clear: both;
}

/* News list **********************************************************************/
.news h3 
{
  font-size: 16px;
  padding: 20px 0 4px 0;
  margin-bottom: 10px;
  border-bottom: solid 2px #c4c0c0;
}

.newsStories 
{
  overflow: hidden;
  font-size: 12px;
  padding-bottom: 13px;
  border-bottom: 1px solid #eceae9;
}

.news .First, 
.moreNews .First
{
  margin-right: 20px;
  clear: left;
}

.newsStory
{
  width: 304px;  
  float: left;
  margin-bottom: 50px;
}

.newsStories img
{
  width: 304px;
  height: 160px; 
  margin-bottom: 5px; 
}

.newsStories .date
{
  color: #797170;
  font-size: 11px;  
}

.newsStories h4
{
  font-size: 14px;  
  padding: 3px 0 7px 0;
}

.newsStories h4 a {color: #291d1c;}

.newsStories p {line-height: 18px;}

.newsStories .readMore 
{
  background: transparent url(/Styles/frontpage2/arrowBlue.gif) 0 4px no-repeat;
  margin-top: 20px;
  padding-left: 12px;
}

.readAll
{
  background: #f9f7f4 url(/styles/frontpage2/arrowGrey.gif) 286px 9px no-repeat;
  font-size: 10px;
  float: left;
  width: 294px;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
}

.readAll a {color: #7c746f;}

/* More news and calendar ****************************************************/
.moreNews 
{
  padding: 22px 0 30px 0;
  overflow: hidden;
}

.moreNews h3 
{  
  font-size: 16px;
  margin-bottom: 10px;
}

.moreNewsList,
.calendar
{
  width: 304px;  
  float: left;
  margin-bottom: 10px;
}

.moreNewsList, .moreNewsList .calendar
{
  float: left;
  width: 307px;  
}

.moreNews .spacer, .moreNewsList .spacer 
{
  float: left;
  width: 20px;
  height: 100px;
}

.moreNews li
{
  background: transparent url(/styles/frontpage2/arrowBlue.gif) 0 4px no-repeat;
  padding: 0 0 10px 15px;  
}

.moreNews li span {color: #797170;}

.calendar .calendarText {height: 130px;}

.calendar p {padding-bottom: 8px;}

.calendar li 
{
  background: transparent url(/styles/frontpage2/cal.gif) 0 0 no-repeat;
  padding: 0 0 10px 20px;     
}

.moreNewsList .readMore
{
  background: transparent url(/styles/frontpage2/arrowBlue.gif) 0 4px no-repeat; 
  padding: 0 0 0 12px;
}


/* member Box *****************************************************************/ 

.memberBox 
{
  border: 2px solid #ECEBE9;
  width: 304px;
  overflow: hidden;
  margin-bottom: 8px;
}

.memberBoxPadding 
{
  margin: 5px;
  float: left;
  width: 294px;
  background: #fbfbfb url(/Styles/frontpage2/medlembckgrnd.png) left bottom repeat-x;
}

.memberBoxText
{
  float: left;
  padding: 8px 0 4px 0;
  width: 198px;
}

.memberBox h3
{
    padding-bottom: 6px;
}

.memberBox h3 a
{
  font-size: 15px;
  color: #c82124;
  font-weight: bold;
}

.memberBox img
{
  float: left;
  margin: 6px 18px 6px 11px;
}

.memberBox ul 
{
  font-size: 12px;
}

.memberBox li 
{
  background: transparent url(/Styles/frontpage2/Right_MemberBox_RedArrow.gif) 0 5px no-repeat;
  padding-bottom: 6px;
}

.memberBox li a 
{
  padding: 0 0 0 12px;
  color: #8b8b8b;
}

/* LOs Leder box ***********************************************************/
.losLederBox
{
  border: 2px solid #ECEBE9;
  width: 304px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fdeeee;
}

.losLederBoxPadding
{
  margin: 5px;
  background: #DD0005 url(/Styles/frontpage2/losleder.png) bottom right no-repeat;
}

.losLederBox h3
{
  padding: 13px 16px 10px 16px;
  border-bottom: 2px solid #fff;
}

.losLederText
{
  padding: 19px 130px 26px 12px;
}

.losLederText q
{
  font-size: 13px;
  line-height: 18px;
  font-style: italic;
}

.losLederText .readMore
{
  margin-top: 6px;  
  background: transparent url(/Styles/frontpage2/arrowWhite.gif) left 4px no-repeat;
}

.losLederText .First
{
  margin-top: 24px; 
}

.losLederText .readMore a
{
  padding-left: 10px;
  color: #fdeeee;
}

/* Folg oss  ******************************************************************/
.folgOss
{
  border: 2px solid #ECEBE9;
  width: 304px;
  margin-bottom: 5px;
  overflow: hidden;
}

.folgOssPadding
{
  float:left;
  margin: 5px;
  background: #fbfbfb url(/styles/frontpage2/folgOssBckgrnd.png) bottom left repeat-x;
}

.folgOssPadding h3
{
  padding: 10px 16px;
  color: #c41215;
  background: none;
}

.folgOss ul
{
  padding: 0 2px;
}

.folgOss li
{
  float:left;
  background: transparent url(/styles/frontpage2/folgOssDivider.gif) top left repeat-x;
  padding: 10px 0 10px 10px;
}

.folgOss li div.imageWrapper
{
  float:left;
  width: 41px;
}

.folgOssText
{
  float:left;
  margin-left: 16px;
  width: 216px;
}

.folgOssText a
{
  font-size: 12px;
  color: #9f9e9e;
  border-bottom: 2px solid #9f9e9e;
}

.folgOssText a:hover
{
  text-decoration: none;
}

.folgOssText a strong
{
  font-weight: bold;
  font-size: 17px;
}

.folgOssText .quoteText img
{
  margin-right: 7px;
}

.folgOssText .quoteText
{
  color: #646666;
  font-size: 11px;
  line-height: 17px;
  line-height: 17px;
  padding-bottom: 10px;
}

/* frifagbevegelse **********************************************/
.frifagbevegelse
{
  border: 2px solid #ECEBE9;
  width: 304px;
  color: #fff;
  overflow: hidden;
  float:left;
  margin-right: 20px;
}

.frifagbevegelsePadding
{
  margin: 5px;
  background-color: #333;
  position: relative;
  overflow: hidden;
  height: 250px;
}

.frifagbevegelse h3
{
  color: #d1610e;
  font-weight: bold;
  border-bottom: 2px solid #fff;
  padding: 9px 13px;
}

.frifagbevegelse h4
{
  font-weight: bold;
  padding-bottom: 2px;
}

.frifagbevegelse li
{
  margin: 0 8px;
  padding: 8px 3px;
  border-top: 1px solid #d1610e;
}

.frifagbevegelse li.First
{
  border-top: none;
}

.frifagbevegelse li.First div
{
  padding-bottom: 6px;
}

.frifagbevegelse li p
{
  line-height: 15px;
  padding-bottom: 5px;
}

.frifagbevegelse li a
{
  color: #fff;
  background: transparent url(/styles/frontpage2/frifagbevegelsePointer.png) left 2px no-repeat;
  padding-left: 12px;
  font-size: 11px;
}

.frifagbevegelse .friLogo
{
  padding-top: 11px;
  float: left;
  position: absolute;
  bottom: 0;
  left: 4px;
}

/* Favor xhtml *****************************************/
.favorXhtml
{
  border: 2px solid #ECEBE9;
  width: 304px;
  overflow: hidden;
  float:left;
}

.favorXhtmlPadding
{
  margin: 5px;
  background: #FEFEFE url(/styles/frontpage2/favorbckgrnd.png) left bottom repeat-x;
  overflow: hidden;
  height: 250px;
}

.favorXhtmlPadding div
{
    padding: 9px;
}

/* AOF *****************************************/
.aof
{
  border: 2px solid #ECEBE9;
  width: 304px;
  overflow: hidden;
}

.aofPadding
{
  margin: 5px;
  background: #FCFCFC url(/styles/frontpage2/aofbckgrnd.png) left bottom repeat-x;  
  overflow: hidden;
  position: relative
}

.aof h3
{
  color: #dd2335;
  font-weight: bold;
  background: #fff url(/styles/frontpage2/aoflogo.png) 240px 2px no-repeat;
  padding: 10px 4px;
}

.aof table
{
  width: 100%;
  margin-bottom: 30px;
}

.aof table th
{
  padding: 4px 8px 2px;
  color: #666868;
  font-size: 10px;
  border-top: 2px solid #b6b6b5;
  border-bottom: 1px solid #b6b6b5;
}

.aof table td
{
  padding: 6px 8px;
  color: #666868;
  font-size: 12px;
  border-bottom: 1px solid #dadada;
  vertical-align: top;
}

.aof table td a
{
  color: #666868;
}

.aof .readMore
{
  position:absolute;
  left: 0;
  bottom: 0;
  padding: 8px 8px 10px;
}

.aof .readMore a
{
  color: #01649b;
  font-weight: bold;
}

/* Engasjorer seg i *****************************************************/
.engagement
{
  padding: 20px 0 60px;
}
.engagement li
{
  display: inline-block;
  width: 140px;
  margin-left: 19px;
  zoom: 1; /*hasLayout*/
	*display: inline; 
	
}

.engagement li.First
{
  margin-left: 0px;
  zoom: 1; /*hasLayout*/
	*display: inline; 	
}

.engagement li a
{
  color: #635856;
  font-size: 12px;
  font-weight: bold;
}

.engagement li img
{
  padding-bottom: 10px;
}




.rightBackgroundColor 
{
  margin-top: 15px;
  background-color: #f4f1eb;
}

.rightLeftMargin {margin-left: 10px;}

.rightHeader 
{
  background: transparent url(/styles/frontpage2/Right_HeaderBG.gif) 0 0 no-repeat;
  width: 306px;
  height: 25px;
  padding: 4px 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

.youthBox 
{
  padding: 15px 0 25px 0;
  font-weight: bold;
}

.youthBox li 
{
  background: transparent url(/Styles/frontpage2/Right_MemberBox_RedArrow.gif) 0 5px no-repeat;
  padding-bottom: 10px;
}

.youthBox li a {padding: 0 0 0 12px;}

.localBox {padding: 10px 0 25px 0;}

.localBox select 
{
  margin: 5px 0 18px 0;  
  font-size: 12px;
}

.buttonBox {overflow: hidden;}

.buttonBox .button1
{
  float: left;
  padding-left: 2px;
}

.buttonBox .button2
{
  float: left;
  padding-left: 9px;
}

.bannerBox {padding: 22px 0 15px 0; height: 500px;}

.bannerBox img {margin-bottom: 4px;}
