body 
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    background: #f0f0f0;
    color: #000;
    margin: 0; padding: 0;
}

.divPageContainer
{
    width: 970px; max-width: 970px; min-width: 970px;
    border: solid 1px #e2e2e2;
    padding: 0; margin: 0 auto; margin-top: 30px;
}

.divHeader
{
    width: 710px;
    height: 50px;
    background: url(img/sprite.png) 100% 0 no-repeat;
    color: #fff;
}

.divHeaderLeft
{
    float: right;
    margin: 17px 0 0 10px;
    font-size: 14px;
    text-align: right
}

.divHeaderRight
{
    float: right;
    margin: 14px 60px 0 12px;
    font-weight: bold;
    font-size: 18px;
}

.divLeft
{
    width: 260px; max-width: 260px; min-width: 260px;
    background: #fff;
    float: left;
    min-height: 400px /* remove this */
}

.divMainContainer
{
    width: 710px;
    margin: 0; padding: 0;
    float: left;
    background: #f8f8f8;
    min-height: 400px /* remove this */    
}

.divMain
{
    float: left;
    width: 480px;
    padding: 10px;
    border-left: solid 1px #e2e2e2;
    min-height: 500px;
}

.divRight
{
    width: 200px; max-width: 200px; min-width: 200px;
    background: #fff;
    float: right;
    min-height: 400px; /* remove this */
    border-left: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
    text-align: center;
}

.divLogo
{
    background: #fff url(img/sprite.png) -685px -190px no-repeat;
    width: 260px;
    height: 112px;
    cursor: pointer;
}

.divOptions
{
    background: #fff url(img/sprite.png) -148px -195px no-repeat;
    width: 260px;
    height: 60px;
}

.topOption
{
    float: left;
    margin: 20px 5px 0 0;
    width: 23px; height: 23px;
    background: #fff url(img/sprite.png) no-repeat;
}

a:link.aFlagIS, a:visited.aFlagIS { background-position: -8px -193px; margin-left: 82px; }
a:hover.aFlagIS, a:active.aFlagIS { background-position: -8px -228px; margin-left: 82px; } 

a:link.aFlagDK, a:visited.aFlagDK { background-position: -38px -193px; }
a:hover.aFlagDK, a:active.aFlagDK { background-position: -38px -228px; } 

a:link.aFlagEN, a:visited.aFlagEN { background-position: -6px -356px;  }
a:hover.aFlagEN, a:active.aFlagEN { background-position: -36px -356px; } 

a:link.aFontS, a:visited.aFontS { background-position: -67px -193px; }
a:hover.aFontS, a:active.aFontS { background-position: -67px -228px; } 

a:link.aFontL, a:visited.aFontL { background-position: -95px -193px; }
a:hover.aFontL, a:active.aFontL { background-position: -95px -228px; }

.divLeftLinks a:link, .divLeftLinks a:visited
{
    display: block; 
    width: 244px; height: 26px; line-height: 26px;
    padding-left: 16px;
    background: #f8f8f8;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #e2e2e2;
}

.divLeftLinks a:hover, .divLeftLinks a:active
{
    color: #000;
    background: #f0f0f0;
    border-top-color: #f8f8f8;
}

.divAttaviti-off
{
    margin-left: 6px;
    width: 248px; height: 52px;
    background: url(img/sprite.png) -6px -62px no-repeat;
    cursor: pointer;
    margin-bottom: 5px;
}

.divAttaviti-on
{
    margin-left: 6px;
    width: 248px; height: 52px;
    background: url(img/sprite.png) -6px -122px no-repeat;
    cursor: pointer;
    margin-bottom: 5px;
}

.divNorraennAttaviti-off
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -4px -470px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divNorraennAttaviti-on
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -194px -470px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divRoadMap-off
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -271px -63px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divRoadMap-on
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -271px -123px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divKompas-off
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -474px -63px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divKompas-on
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -474px -123px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divKompassi-off
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -686px -63px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divKompassi-on
{
    width: 182px; height: 52px;
    background: url(img/sprite.png) -686px -123px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 5px;
}

.divVefmerking
{
    margin: 0 auto; margin-top: 15px;
    width: 970px;
    text-align: center;
}

.divD10
{
    width: 60px;
    height: 34px;
    background: url(img/sprite.png) -280px -285px no-repeat;
    float: left;
    cursor: pointer;
    margin: 10px 0 0 40px;
}

.divJafnretti
{
    margin-left: 30px;
    width: 97px;
    height: 50px;
    background: url(img/sprite.png) -164px -282px no-repeat;
    float: left;
    cursor: pointer;
}

.divNorden
{
    margin-left: 15px;
    width: 160px;
    height: 52px;
    background: url(img/sprite.png) -706px -379px no-repeat;
    float: left;
    cursor: pointer;
}

.divNikk
{
    margin-left: 15px;
    width: 160px;
    height: 55px;
    background: url(img/sprite.png) -365px -282px no-repeat;
    float: left;
    cursor: pointer;
}

.divFMR
{
    width: 160px;
    height: 72px;
    background: url(img/sprite.png) -505px -344px no-repeat;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}


.divO
{
    width: 170px;
    height: 60px;
    background: url(img/sprite.png) -498px -440px no-repeat;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.divVMText
{
    margin: 0 auto; margin-top: 20px;
    text-align: center;
    color: #999;
    border: solid 1px #e2e2e2;
    background: url(img/sprite.png) 0 -540px repeat-x;
    height: 40px;
    padding: 10px 0 5px 0;
}

.divVMText a:link, .divVMText a:visited { color: #999; text-decoration: none }
.divVMText a:hover, .divVMText a:active { color: #468329; text-decoration: none }

.divRSS-off
{
    width: 182px; height: 50px;
    background: url(img/sprite.png) -167px -349px no-repeat;
    margin: 10px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 45px;
    cursor: pointer;
}

.divRSS-on
{
    width: 182px; height: 50px;
    background: url(img/sprite.png) -167px -399px no-repeat;
    margin: 10px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 45px;
    cursor: pointer;
}

/* global classes */

.divGoBack { padding-top: 5px; margin-bottom: 10px }
.divGoBack a { color: #468329 !Important; }
.divMainTitle { font-size: 14px; color: #333; font-weight: bold }

/***********************************************


                    NEWS PAGE
                    
***********************************************/                    

.divHypeNews
{
	border: solid 1px #e2e2e2;
	padding: 8px;
	background: #fff;
}

.divNews
{
	border-bottom: solid 1px #fff;
	border-top: solid 1px #e2e2e2;
	padding: 4px 0 4px 0;
	width: 100%;
	margin: 0 auto;
}


.divNews img,
.divHypeNews img
{
	float: left;
	margin-right: 5px;
	width: auto;
	max-width: 200px;
	text-align: left;
}

a:link.hplHeadline, a:visited.hplHeadline
{
	font-weight: bold;
	font-size: 14px;
	color: #003366 !Important;
	text-decoration: none;
}

a:hover.hplHeadline, a:active.hplHeadline
{
	color: #468329 !Important;
	text-decoration: underline;
}

.divNews a:link, .divNews a:visited
{
    color: #004890;
    text-decoration: none;
}

.divNews a:hover, .divNews a:active
{
    color: #468329;
    text-decoration: underline;
}

.contentAuthor { color: #999 }
.contentAuthor a:link, .contentAuthor a:visited
{
	color: #999;
	text-decoration: none;
}

.contentAuthor a:hover, .contentAuthor a:active
{
	color: #004890;
	text-decoration: underline;
}

.smaller { font-size: 10px }

/***********************************************


                   READ NEWS PAGE
                    
***********************************************/    


/* facebook */
a:link.fb_share_link, a:visited.fb_share_link 
{ 
    color: #000033 !Important;
    text-decoration: none;
    padding:2px 0 0 20px; 
    height:16px; 
    background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; 
}

a:hover.fb_share_link, a:active.fb_share_link 
{
    color: #468329 !Important;
    text-decoration: underline;
}

.lblHeadline
{
	color: #333; font-weight: bold; font-size: 14px 
}

/***********************************************


                     COMMENTS
                    
***********************************************/    

.divCommentsLinks
{
	padding: 5px;
	border: solid 1px #e2e2e2;
	background: #fff;
	color: #666;
}

.divCommentsLinks a
{
	color: #666 !Important;
	text-decoration: none !Important;
}

.divCommentsLinks a:hover
{
	color: #004890 !Important;
	text-decoration: underline Important;
}

.divCommentHeader { padding: 5px; margin-bottom: 5px; border-bottom: solid 1px #e2e2e2}
.divFormRight { padding: 20px; text-align: right; float: right }
.divDate { float: right; width: auto; color: #999 }
.divAuthor { font-weight: bold; font-size: 12px; float: left; width: auto }
.divCommentContent { padding: 5px; margin-top: 10px; padding-bottom: 5px; margin-bottom: 30px;}

.regItem 
{ 
	display: block; 
	width: 100%; 
	padding-left: 2px; 
	background: #f8f8f8 !Important
}

.altItem 
{ 
	display: block; width: 100%;
	background: url(img/sprite.png) 0px -540px repeat-x;
	padding-left: 2px;
}

.divAuthor a, .divAuthor a:hover
{
	color: #000;
	text-decoration: none;
}

.divAuthor a.website 
{
	color: #003366;
}

.divAuthor a.website:hover
{
	color: #468329;
	text-decoration: underline;
}

.lblCommentCount
{
	display: block;
	float: left;
	width: auto;
}

/***********************************************


                     PAGER

***********************************************/    

.divPager
{
	margin-top: 10px;
	background: #fff;
	border: solid 1px #e2e2e2;
	padding: 5px;
}

.divPager a
{
	float: right;
	display: block;
}

.hrefFirst
{
	display: block; width: 22px; height: 20px; margin-right: 5px;
	background: url(img/sprite.png) -7px -282px no-repeat !Important;
	border: solid 1px transparent;
}

.hrefFirst:hover
{
	background: #fff url(img/sprite.png) -7px -312px no-repeat !Important;
	border: solid 1px #e2e2e2;
}

.hrefPrev
{
	display: block; width: 22px; height: 20px; margin-right: 5px;
	background: url(img/sprite.png) -37px -282px no-repeat !Important;
	border: solid 1px transparent;
}

.hrefPrev:hover
{
	background: #fff url(img/sprite.png) -37px -312px no-repeat !Important;
	border: solid 1px #e2e2e2;
}

.hrefNext
{
	display: block; width: 22px; height: 20px; margin-right: 5px;
	background: url(img/sprite.png) -67px -282px no-repeat !Important;
	border: solid 1px transparent;
}

.hrefNext:hover
{
	background: #fff url(img/sprite.png) -67px -312px no-repeat !Important;
	border: solid 1px #e2e2e2;
}

.hrefLast
{
	display: block; width: 22px; height: 20px; margin-right: 5px;
	background: url(img/sprite.png) -97px -282px no-repeat !Important;
	border: solid 1px transparent;
}

.hrefLast:hover
{
	background: #fff url(img/sprite.png) -97px -312px no-repeat !Important;
	border: solid 1px #e2e2e2;
}

/***********************************************


                     EVENTS

***********************************************/    

.divEvent
{
    float: left;
    background: #fff;
    padding: 5px; width: 160px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #e2e2e2;
}

a:link.hplEventHeadline, a:visited.hplEventHeadline 
{
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

a:hover.hplEventHeadline, a:active.hplEventHeadline 
{
	color: #468329;
	text-decoration: underline;
}

.calendarTitle {
	display: block; margin: 10px; color: #003366; font-weight: bold
}

.lblDates
{
	display: block;
	background: #fff;
	border: solid 1px #e2e2e2;
	padding: 5px;
	width: auto;
	margin: 5px; margin-left: 0;
	color: #666
}