/*


	Project: Visit Sorlandet
	Version: 1.0
	Last changed: work in progress

	Design: Nina Taraldsen, Recommended Norway
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Norge
	(C) 2008 Recommended Norway


	Colour palette: 
	---------------
	Lime: #7cc049
	Light lime: #e8f4d9
	Dakest grey: #41525c
	Grey: #7a868d
	Grey: #bcc2c6
	Lightest grey: #d9dcde
	
	
	Table of contents:
	------------------
	1. General styling 
	2. Structure
	3. Header
	4. Sidebar
	5. Content

	   
	   
	6. Buttons
	7. Footer
	8. Booking banner

	Comments: 
	---------
	reset.css (recommended version) is in use

	
*/

/*	1. General styling
------------------------------------------------------------------------------------------------ */
body {
	padding: 0;
	padding-bottom: 2em;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	background: #fff url(../graphics/bg-body.gif) repeat-x;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
}
a {
}
a:hover {
}


h1, h2, h3, h4, h5, h6 {
	font-family: georgia, times, serif;
	line-height: 1.0em;
	padding-bottom: 0.2em;
	color: #41525C;
	font-weight: normal;
}

/*	2.	Structure
------------------------------------------------------------------------------------------------ */

#outside-wrapper{
	position: relative;
	width: 120em;
	margin: 0 auto;
}


#outer-wrapper {
	width: 102.4em;
	margin: 0 auto
}
#wrapper {
	width: 97em;
	border: 1px solid #7a868d;
	background-color: #fff;
	margin-top: -80px
}
#header {
	margin: 0 1em
}
#content-wrapper {
	width: 95em;
	margin: 0 1em
}
#sidebar {
	float: left;
	width: 24.3em;
	clear: both
}
#content {
	width: 69.6em;
	float: right;
	
}

#footer {
	clear: both
}
/*	3.	Header
------------------------------------------------------------------------------------------------ */

#header {
	background: #41525c; /*url(../graphics/bg-sidebar-header.gif) left bottom no-repeat;*/
	height: 36em
}
#visit-norway a {
	display: block;
	position: relative;
	top: 2em;
	left: 97.2em;
	background: transparent url(../graphics/logo-norway-visitnorway_en.gif) left top no-repeat;
	height: 80px;
	width: 119px;
	text-indent: -3200em;
}
.posterImg {
	width: 95em;
	height: 30em;
}
#poster-tag {
	position: relative;
	height: 2.2em;
	margin-top: -2.2em;
	border-bottom: 1px solid #fff;
	background: transparent url(../graphics/bg-semi-transparent-white.png) top left;
}
#poster-tag p {
	padding-left: 21em;
	padding-top: 0.2em;
	color: #111;
}
#poster-tag span.tagline {
	float: left;
}
#poster-tag span.byline {
	float: right;
	padding-right: 1em;
}
#poster-tag a {
	color: #000;
	text-decoration: none;
}
#poster-tag a:hover {
	color: #000;
	text-decoration: underline
}
#masthead {
	width: 24.3em;
	float: left;
	background: transparent url(../graphics/bg-sidebar.png) right top no-repeat;
	position: relative;
	height: 10em;
	margin-top: -4em;
}
#masthead span {
	display: block;
	text-indent: -3200em;
	background: transparent url(../graphics/logo.gif) center 3em no-repeat;
	height: 100%;
}
#focus-groups {
	list-style-type: none;
	padding: 1.7em 1em;
	margin: 0;
	height:3em;
}
#focus-groups li {
	display: inline;
	padding: 0;
	padding-left: 2em;
	margin: 0;
}
#focus-groups a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 0.2em;
	font: 1.8em/1.4em georgia, times, serif;
	font-weight: normal;
}
#focus-groups a:hover {
	border-bottom: 1px solid #fff;
}
/*	4. Sidebar
------------------------------------------------------------------------------------------------ */

#sidebar {
	background: transparent url(../graphics/bg-sidebar.png) right -12.5em no-repeat;
	padding-bottom: 3em;
	padding-top: 2em;
}
#sidebar ul {
	background-color: #41525c;
	list-style-type: none;
	padding: 1em 0;
	margin: 0 1.7em 1em 0;
}
#sidebar ul li {
	padding: 0
}
#sidebar ul a {
	font: 1.3em/2em georgia, times, serif;
	color: #fff;
	text-decoration: none;
	padding: 2px 10px 2px 20px;
	display: block;
}
#sidebar ul a:hover {
	background-color: #4f5e67;
}
#sidebar ul .current {
	border-left: 1em solid #7cc049;
	padding-left: 1em;
}
#sidebar ul ul {
	padding: 0;
	margin: 0;
	background-color: #7A868D;
}
#sidebar ul ul a {
	padding-left: 3em;
	line-height: 1.4em;
}
#sidebar ul ul a:hover {
	background-color: #8A9399;
}
#sidebar ul ul .active {	
	text-align:right;
	background-color: #8A9399;
}

#sidebar ul#qqq {
	background-color: #7a868d;
}
#sidebar ul#qqq a:hover {
	background-color: #8a9399;
}
#search {
	background-color: #bcc2c6;
	padding: 1em;
	margin: 0 1.7em 1em 0;
}
#search input {
	border: 1px solid #999;
	color: #bcc2c6;
	padding: 0.6em;
	font: 1.3em georgia, times, serif;
	width: 14.5em;
	background: #fff url(../graphics/bg-search.gif) 14em 8px no-repeat;
	margin-bottom: 0.5em;
}
#search p {
	/*margin-left: 12em;*/
	display: block;
	height: 2em;
}
#highlights, #contact-list {
	margin: 0 1.7em 2em 0;
}
#sidebar h3 {
	font-size: 1.6em;
	line-height: 2em;
	padding: 0 0.4em;
}
#sidebar #highlights h3 {
	background-color: #7cc049;
	color: #fff;
}
#sidebar #contact-list h3 {
	background-color: #7a868d;
	color: #fff;
}
#sidebar #contact-list p {
	padding: 1em;
	padding-bottom: 0;
	font-size: 1.1em;
}
#sidebar .odd, #sidebar .even {
	padding: 1em;
}
#sidebar .even {
	background-color: #e8f4d9;
}
#sidebar #highlights h4 {
	color: #41525c;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.5em;
}

#sidebar #highlights a {
	
	text-decoration: none;

}
#sidebar #highlights p {
	font-size: 1.1em;
}
#sidebar #contact-list ul {
	background: transparent;
	margin-left: 0.5em;
}
#sidebar #contact-list a {
	background: transparent url(../graphics/arrow-right.gif) 7px 9px no-repeat;
	color: #41525C;
	font: 1.3em/1.4em verdana, arial, sans-serif;
	font-style: italic;
	padding: 0.2em 1em 0.3em 2.2em;
}
#sidebar #contact-list a:hover {
	font-weight: bold;
	font-style: italic;
}
a#what-where-when {
	margin: 0 1.7em 2em 0;
	display: block;
	color: #7cc049;
	padding-left: 27px;
	font: 1.2em/2em verdana, arial, sans-serif;
	border-top: 1px solid #7cc049;
	border-bottom: 1px solid #7cc049;
	text-decoration: none;
	font-style: italic;
	background: transparent url(../graphics/arrow-right-green.gif) 12px 9px no-repeat;
}
a#what-where-when:hover {
	font-weight: bold;
}

.happenings {
	margin: 0 1.7em 2em 0;
	display: block;
	color: #7cc049;
	padding-left: 27px;
	font: 1.2em/2em verdana, arial, sans-serif;
	border-top: 1px solid #7cc049;
	border-bottom: 1px solid #7cc049;
	text-decoration: none;
	font-style: italic;
	background: transparent url(../graphics/arrow-right-green.gif) 12px 9px no-repeat;
}
.happenings:hover {
	font-weight: bold;
}
/*	5. Content
------------------------------------------------------------------------------------------------ */

#content-wrapper .inner {
	width: 95em;
	margin: 0 1em;
	background: transparent url(../graphics/bg-content-wrapper.gif) left top repeat-x;
}
h1 {
	font-size: 2em;
	text-transform: uppercase;
	color: #7a868d;
	border-bottom: 1px solid #7a868d;
	line-height: 1em;
	margin-bottom: 2em;
	clear: both;
	padding-top: 2em;
}
h1 span {
	text-transform: none;
	font-style: italic;
}
a {
	text-decoration: underline;
	color: #41525c
}
a:hover {
	color: #000
}
.article {
	padding-left: 6em;
	float: left;
	width: 44em
}

.articleFullWidth {
	padding-left: 6em;
	float: left;
}

.article h2 {
	font-size: 3em
}
.article .lead {
	font-size: 1.5em
}
.prod {
	padding-left: 6em;
	float: left;
	width: 37em;
}
.meta {
	background: transparent url(../graphics/arrow-right.gif) left 5px no-repeat;
	text-decoration: none;
	padding: 0 1.5em;
	color: #000
}
.meta:hover {
	text-decoration: underline;
}
/*	Br¿dsmuler
------------------------------------------------------------------------------------------------ */
#breadcrumbs 
{
	margin: 0;
	padding: 0 0 0 1.6em;
	width: 35em;
	height:2em;
	overflow:hidden;
}
#breadcrumbs dt, #breadcrumbs dd {
	display: inline;
	padding: 0;
	padding-right: 0.5em;
	margin: 0;
	line-height: 2em;
	color: #41525c
}
#breadcrumbs a {
	color: #41525c;
	text-decoration: none
}
#breadcrumbs a:hover {
	color: #000;
	text-decoration: underline
}
/*	Verkt¿ylinje
------------------------------------------------------------------------------------------------ */

#toolbar {
	width: 71.4em;
	background: transparent url(../graphics/bg-semi-transparent.png) left top;
	margin-left: -1.8em;
}
#tools {
	width: 15em;
	float: right
}
#tools ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right
}
#tools li {
	display: block;
	float: left;
	line-height: 2em;
	width: 2.4em;
	background-color: #fff;
	border-left: 1px solid #fff
}
#tools li a {
	display: block;
	text-indent: -999em
}
#tools .tools-norwegian {
	background: #fff url(../graphics/tools-norwegian.gif) left top no-repeat
}
#tools .tools-english {
	background: #fff url(../graphics/tools-english.gif) left top no-repeat;
}
#tools .tools-german {
	background: #fff url(../graphics/tools-german.gif) left top no-repeat
	
}
#tools .tools-french {
	background: #fff url(../graphics/tools-french.gif) left top no-repeat
}
#tools .tools-contrast {
	background: #fff url(../graphics/tools-contrast.gif) left top no-repeat
}
#tools .tools-txt a {
	background-color: #7cc049;
	color: #fff;
	text-indent: 0;
	line-height: 20px;
	text-align: center;
	text-decoration: none
}
#tools .tools-txt a:hover {
	background-color: #e8f4d9;
	color: #41525c
}
/*	Arkittel
------------------------------------------------------------------------------------------------ */

h2 {
	font-size: 2.3em;
	font-weight: normal;
	color: #41525C;
	line-height: 1.2em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
h2 a {
	text-decoration: none;
	color: #41525c
}
.article h2 {
	padding-top: 1em
}
.lead {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #41525C;
	font-style: italic;
}
.read-on {
	color: #41525c;
}
.read-on:hover {
	font-weight: bold;
}

.art_list2{
	
	margin-left: -5em;
}

.art-list {
	margin-left: 5em;
	margin-bottom: 1em;
	clear: right;
	min-height: 16em;
}

.art-list p {
	width: 31em;
	padding-top: 1em;
}
.art-list h2 {
	margin-top: 0;
	display: inline;
	width: 31em;
}
.art-list img {
	float: right;
}

.art-list li {
 list-style: none;
 float: left;	
}

.tellus-art-list {
	margin-left: 0em;
	margin-bottom: 1em;
	clear: right;
	min-height: 18em;
}

.tellus-art-list p {
	width: 31em;
	padding-top: 1em;
}
.tellus-art-list h2 {
	margin-top: 0;
	display: inline;
	width: 31em;
}
.tellus-art-list img {
	float: right;
	width: 150px;
}

.tellus-art-list li {
 list-style: none;
 float: left;	
}
/*	Fokusboks
------------------------------------------------------------------------------------------------ */

#focus {
	width: 64em;
	clear: both;
	margin-left: 1.6em;
	background-color: #41525c;
	clear: both;
	padding: 2em;
	margin-bottom: 1em;
	min-height: 12em;
}
#focus h2, #focus a, #focus p {
	color: #fff
}
#focus img {
	border: 1px solid #fff;
	float: left;
	margin-right: 2em;
}
/*	Hovedbilde
------------------------------------------------------------------------------------------------ */

.prod-img, .article-img {
	border-bottom: 1px solid #cfcfcf;
}
.prod-img p, .article-img p {
	color: #a6a6a6;
	font-style: italic;
}
.prod-img p span.byline, .article-img p span.byline {
	float: right;
	padding-left: 1em;
}
.prod-img p span.caption, .article-img p span.caption {
	float: left;
}
.prod-img p, .article-img p {
	line-height: 2em;
	padding-bottom: 2em;
}
/*	Anbefalt og Mest lest
------------------------------------------------------------------------------------------------ */
#box {
	clear: both;
	padding: 0;
	width: 68em;
	float: right;
	margin-bottom: 1em;
	/*background: transparent url(../graphics/bg-box.gif) left top repeat-y;*/
}
#box dl {
	width: 33em;
	padding-bottom: 2em;
	margin: 0;
	display: inline-block;
	background-color: #7a868d;
}
#box dl dt {
	font: 1.5em/2em georgia, times, serif;
	padding: 1em 2em 0 2em;
}
#box dl dd {
	margin: 0 0 0 3.2em;
	padding: 0 2em;
	background: transparent url(../graphics/arrow-right-white.gif) left 0.6em no-repeat;
}
#box dl dd a {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #000;
	font-style: italic;
	text-decoration: none;
}
#box dl dd a:hover {
	color: #fff
}
#box .read {
	margin-left: 6px;
	margin-right: 6px;
	float: left;
	background-color: #bcc2c6;
}
#box.recommended 
{
	float: right;
	background-color: #7a868d;
}
/*	Relatert info (h¿yre side)
------------------------------------------------------------------------------------------------ */
.related {
	float: right;
	width: 18em;
}
.tellus {
	float: right;
	width: 25em;
}
.tellus .googlemaps img {
	width: 25em
}
.related p {
	font-family: georgia, times, serif;
	font-weight: bold;
	color: #4e5356;
	line-height: 2em
}
.googlemaps p {
	line-height: 1.5em;
	text-align: right
}
.googlemaps a {
	color: #a6a6a6;
	font-style: italic
}
/*	Arkiv/S¿k
------------------------------------------------------------------------------------------------ */

.archive {
	margin: 0;
	padding: 0;
	margin-left: 6em;
	margin-bottom: 3em;
}
.archive dt {
	font: 2em/1.2em georgia, times, serif normal;
	border-bottom: 2px solid #7a868d;
	color: #41525C;
	margin-bottom: 1em
}
.archive dd {
	padding: 0;
	margin: 0.5em 0 0 3em;
	width: 27em;
	background: transparent url(../graphics/arrow-right.gif) 7px 9px no-repeat;
}
.archive dd a {
	color: #41525C;
	font: 1.3em/1.4em verdana, arial, sans-serif;
	padding: 0.2em 0;
	font-style: italic;
	text-decoration: none;
	margin-left: 2em;
	display: block;
}
.archive dd a:hover {
	text-decoration: underline
}
.archive dt span {
	text-transform: lowercase;
	font-style: italic;
	color: #7a868d;
	padding-left: 0.5em;
	font-size: 0.9em;
}
.search-img {
	position: absolute;
	top: 37em;
	left: 36.5em;
	width: 33em
}
.search-img div {
	width: 15em;
	padding-bottom: 1em;
	float: right;
	margin-left: 1em
}
.search-img h4 a {
	font-size: 1.3em;
	line-height: 1.8em;
	text-decoration: none;
}
#search-box {
	clear: both;
	margin-left: 6em;
	width: 59.5em;
	background-color: #d9dcde;
	padding: 2em;
	clear: both;
	margin-bottom: 2em;
	min-height: 12em;
	position: relative;
}
#search-box input.txt {
	border: 1px solid #999;
	color: #7a868d;
	padding: 0.6em;
	font: 1.3em georgia, times, serif;
	width: 36em;
	margin-right: 1em;
	margin-bottom: 1em;
	background: #fff url(../graphics/bg-search.gif) 43.5em 0.8em no-repeat;
	float: left;
}
#search-box a {
	float: right;
}
#search-box ul {
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
	clear: both;
}
#search-box ul li {
	line-height: 2em;
	padding-bottom: 0.3em;
}
#search-box label {
	padding-left: 1em;
	text-transform: uppercase;
	color: #41525c;
}
/*	Relatert info
------------------------------------------------------------------------------------------------ */
.related h3, .tellus h3 {
	font-size: 1.6em;
	line-height: 2em;
	padding: 0 0.4em;
	margin-bottom: 0.5em;
	background-color: #7a868d;
	color: #fff
}
.tellus ul {
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
	list-style-type: none;
}
.tellus li {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 2em;
	
}

.tellus-img
{
	max-width:300px;
}


.tellus ul span {
	width: 6em;
	float: left;
	padding-right: 0.5em
}
#activities li {
	height: 3em;
	line-height: 1.9em;
}
#activities a {
	display: block;
	padding-left: 3em;
	height: 2em;
	background: transparent url(../graphics/bg-activities.gif) left top no-repeat;	
}
#eat {
}
#activities a#do {
	background-position: left -30px;
}
#activities a#see {
	background-position: left -60px;
}
#activities a#shop {
	background-position: left -90px;
}
/*	X. Flickr
---------------------------------------------------------------------------------------

	Flickr generated image size:

	Square: 75 x 75
	Thumb: 100 x (auto)
	Small: 240 x (auto)
	Medium: 500 x (auto)
	Large: 1024 x (auto)

*/

.flickr-square75 {
	width: 7.5em;
	
	height: 7.5em;
}
.flickr-thumb100 {
 width:10em;
}
.flickr-small150 {
	width: 15em
}
.flickr-small180 {
	width: 18em
}
.flickr-small220 {
	width: 22em
}
.flickr-medium370 {
	width: 37em
}
.flickr-medium440 {
	width: 44em
}
.flickr-large1024 {
	width: 10.24em
}
/*	X. Footer
--------------------------------------------------------------------------------------- */
#footer {
	border-top: 1px solid #999;
	padding: 1em;
	height: 7em;
}
#note {
	display: block;
	color: #999;
	font-style: italic;
	font-size: 1em;
	width: 50em;
	float: left;
}
#note a {
	color: #666;
	text-decoration: none
}
#note a:hover {
	text-decoration: underline;
}
.copyright {
	color: #999;
	width: 35em;
	float: right;
	text-align: right;
}
.copyright a {
	color: #999;
}
.copyright a:hover {
	color: #333;
}
.copyright span {
	padding-left: 1em;
}
.rss {
	background: transparent url(../graphics/rss.jpg) left top no-repeat;
	padding-left: 1.8em;
	padding-bottom: 1em;
}

/*	6. Buttons
--------------------------------------------------------------------------------------- */
.btn {
	color: #fff;
	text-transform: uppercase;
	display: block;
	float: right;
	font: 12px arial, sans-serif;
	height: 36px;
	padding-right: 18px;
	text-decoration: none;
}
.btn span {
	display: block;
	line-height: 24px;
	padding: 4px 5px 8px 18px;
}
.green {
	background: transparent url(../graphics/btn-green-end.png) no-repeat scroll top right;
}
.green span {
	background: transparent url(../graphics/btn-green.png) no-repeat top left;
}
a.btn:hover {
	background-position:  right -36px;
	color: #000
}
a.btn:hover span {
	background-position:  left -36px;
	color: #fff;
}


/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

#SiteMap ul ul
{
    padding: 0 0 0.8em 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.5em;
}
#SiteMap li a
{
    text-decoration: none;
}

#SiteMap li li
{
    margin: 0.5em 0;
    padding-left: 1.3em;
    background: url(../graphics/SiteMapBullet.png) no-repeat;
    font-size: 0.8em;
}

#SiteMap li li a
{
    text-decoration: none;
}

#SiteMap li li li
{
    font-size: 1em;
}

/*************************/
/* BOOKING PAGE          */
/*************************/

div.BestillIframe
{
	height: 380px;
	width: 723px;
	overflow: hidden;
}

h2.popup
{
	display: block;
	float: left;
	padding: 0 0 0 20px;
}
div.popup-partner a.iframeclose
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 18px;
}
iframe.BestillIframe
{
	border: 0;
	width: 690px;
	margin-left: 0;
	height:1000px;
	overflow: auto;
}

/*************************/
/* CONTACT PAGE          */
/*************************/

#contact-box {
	clear: both;
	margin-left: 6em;
	width: 59.5em;
	height: 32.8em;
	background-color: #d9dcde;
	padding: 2em;
	clear: both;
	margin-bottom: 2em;
	min-height: 12em;
	position: relative;
}
#contact-box input.txt {
	border: 1px solid #999;
	color: #7a868d;
	padding: 0.6em;
	font: 1.3em georgia, times, serif;
	width: 38em;
	margin-right: 1em;
	margin-bottom: 1em;
	background: #fff url(../graphics/bg-search.gif) 43.5em 0.8em no-repeat;
	float: left;
}

#contact-box .txtArea {
	border: 1px solid #999;
	color: #7a868d;
	padding: 0.6em;
	font: 1.3em georgia, times, serif;
	width: 38em;
	margin-right: 1em;
	margin-bottom: 1em;
	background: #fff url(../graphics/bg-search.gif) 43.5em 0.8em no-repeat;
	float: left;
}



#contact-box a {
	float: right;
	margin-right: 6.5em;
}

#contact-box ul {
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
	clear: both;
}
#contact-box ul li {
	line-height: 2em;
	padding-bottom: 0.3em;
}
#contact-box label {
	padding-left: 1em;
	text-transform: uppercase;
	color: #41525c;
}

.sendbtn {
	color: #fff;
	text-transform: uppercase;
	display: block;
	float: left;
	font: 12px arial, sans-serif;	
	height: 28px;
	margin-left:-6px;	
	line-height: 24px;
	padding: 5px 15px 4px 15px;
	text-decoration: none;
	background: transparent url(/graphics/new_btn-green.png) no-repeat scroll top right;
	width:40px;
}



#TellusNext{
	float: none;
	margin-left: 5em;
	margin-top: 1em;
	text-align:center;
	}
	
#TellusNext a{
	text-decoration: none;
}

.TellusPreviousNext {
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
	clear: both;
}

.TellusPreviousNext li {
	display: inline;
	padding: 0;
	margin: 0;
}

.TellusMap
{
    width: 248px; 
    height: 276px;
}

.kalendarTextBox
{
    width:100px;
}


/*	7. Header menu
--------------------------------------------------------------------------------------- */

#HeaderContent{
	position: relative;
	top: -30.2em;
}

#HeaderContent img{
	width: auto;
	height: auto;
	}

#HeaderContentMenu{	
	position: absolute;	
	top: 0.7em;
	height: 26em;
	width: 100%;	
	padding: 0;
	margin: 0;
	float: left;
}

#HeaderMenuButton{
	position: relative;
	display: block;
	width: 4em;
}

#HeaderMenuButton li{
	list-style: none;
	padding: 0;
	margin:0;
	margin-bottom: 0.1em;
	
}

.HeaderMenuContent{	
	float: right;
	top: 0;
	width: 95%;
	height: 98%;
	background: transparent url(/graphics/HeaderControl/bg-headerMenu.png);	
	background-repeat:repeat;
	}

.HeaderMenuContentUL{
	color: #fff;
	list-style-type: none;
	margin-top: 5em;
	margin-left: 0em;	
}

.HeaderMenuContentThumb{
	border: solid 3px #fff;
	}

.HeaderMenuContentLI{
	float: left;
	display: inline;	
	margin-right: 1em;	
	}
	
.MenuHeader{
	color: #fff;
	font-size: 1.2em;
	font-family: georgia, times, serif;
	font-weight: bold;
	text-transform:uppercase;
	text-align: center;
	margin-bottom: 0.7em;
}	
	
.arrow-back{
	position: absolute;
	top:12em; 
	left: 5.5em;	
	}	
	
.arrow-next{	
	 position: absolute; 
	 top:12em; 
	 right: 1em;
}

/*	8. Banner annonser
--------------------------------------------------------------------------------------- */

#banner{
	position: absolute;
	top: 43em;
	right:0;		
	width: 13em;
	color: #41525C; 	
	}
	
#banner li{
	list-style-type: none;
	margin-left: -2.9em;
	margin-bottom: 1.2em;
	border-bottom: dotted 1px #41525C;
}	

#banner img{
	margin: 1em 0;
}

#banner a{
	text-decoration: none;
	}

#banner a:hover{
	color: #000;
	text-decoration: underline;
	}
	
#banner p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
		
}

#banner .heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform:uppercase;
	}

#banner .hr{
	color: #41525c;
	height: 1px;
	width: 90%;
	}

.annonse{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #7A868D;
	margin-left: -3.3em;	
	margin-bottom: 1em;
	text-transform:uppercase;
	}