/*
Har brukt Georgia og Verdana.background-image
Hvis fontstr stemmer med ai er det
Georgia: 18 over 26 (12 over 19)
Verdana: 11 over 14, Brødsmule 8
*/

body#VAMBody
{
	font-size: 62.5%;
}

body#VAMBody,div#outerCont
{
	font-family: verdana, Arial;
	color: #333;
	margin-top: 10px;
	font-weight: normal;
	background: #111C24;
	line-height: 140%;
}
hr 
{
	background: #000;
	color: #000;
	height: 1px;
	padding:0;
	line-height: 0;
	border: 0;
}


div#container { margin-bottom: 5px;}
html,div#outerCont{ font-size: 95%;}

#container h1
{
	font-weight: bold;
	margin: 0;
	padding:0; 
	cursor: hand;
	font-size: 120%;
}


#container h2,
#container h3
{
	font-size: 100%;
	font-weight: normal; 
	margin: 0; 
	padding:0;
	color: #000;
}
#VAMBody a,
#container a:link, 
#container a:visited
{
	color: #000;
	text-decoration: none;
}

#container a:hover, #container .readmore a,
#container a.readmore:link,
#container a.readmore:visited,
#container p.bildeNedlastning a
{
	color: #6E8695; 
}



/*	Framework / master
------------------------------------------------------------ */

#container
{
	font-size: 110%;
	width: 882px;
	padding:0 19px;
	background-image: url(../image/bcg/hor_tekst.jpg);
	background-repeat: no-repeat;
	background-position: right 300px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 583px;
}

/*Left --*/
div#frontLeftContainer
{
	margin-bottom: -1000px;
	padding-bottom: 1000px;
	float: left;
	width: 434px;
	background: #F3F4F4;
	z-index: 1;
}

div#frontTopLeft
{
	margin: 14px;
	height: 194px;
	/*height: 203px;*/
	width: 406px;
	border-bottom: 1px solid #000;
	overflow: hidden;
	background-position: right bottom;
} 

#container div.frontOuter
{
	margin-top: 65px;
}

div#frontTopLeft div.randomOuter 
{
	clear: both;
	width: 406px;
	height: 127px;
	height: 194px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#frontTopLeft div.randomOuter h3
{
	display: block;
	width: 241px;
	overflow: hidden;
	padding-top: 45px;
	padding-right: 150px;
	text-align: right;
	vertical-align: bottom;
}
div#frontTopLeft div.randomOuter h3 span 
{
	color: #6E8695;
	text-decoration: underline;
}

div#frontBtmLeft
{
	padding: 0 14px 20px 14px;
	margin-bottom: 14px;
	width: 154px;
	float: left;
	border-right: 1px solid #000;
}

div#frontBtmRight
{
	padding: 0 14px 0 14px;
	margin-bottom: 14px;
	width: 223px;
	overflow: hidden;
	float: right;
}

div#frontBtmRight div.frontBtmRightArtlist
{
	height: 268px;
}

/*Newsletter og SearchBox */
div.EmailOnOff { }

div.inputField 
{
	padding-top: 10px; 
	width: 165px; 
	clear: left;
}

div.text 
{
	width: 110px; 
	float: left;
}
input.txtInput 
{
	width: 100px; 
	height: 14px; 
	font-size:100%; 
	border-color: #7F7F7F; 
	border-width: 1px; 
	padding: 2px;
}

div.button 
{
	width: 50px; 
	float: left;
}

div.button input, .hidebutton
{
	visibility: hidden;
	border: 0; 
	background: #F3F4F4; 
	cursor: hand
}
div.button a
{
	text-decoration: none;
}

/*Nyhetsliste venstre forside*/
div#frontBtmRight div.Articlelist 
{	font-size: 95%;
	border-bottom: 1px dotted #000; 
	padding-bottom: 10px;
	overflow: hidden;
}
div#frontBtmRight div.Articlelist h1 a
{
	font-size: 110%;
	font-family: verdana, Arial;
}
div#frontBtmRight div.Articlelist h1
{
	padding-top: 7px;
	font-size: 95%;
}

div#frontBtmRight div.Articlelist0 h1
{
	padding-top: 0;
}

a.morenews { margin-top: 5px;  display: block; width: 100px; font-weight: bold; font-size: 95%;	}
a.morenews span {color: #6E8695; }

div.happening
{
	margin-top: 38px;
	height: 17px;
	line-height: 20px;
	width: 223px;
	overflow: hidden;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px 0 5px 0;
}

/*Right --*/
div#frontRightContainer
{
	padding: 14px;
	float: right;
	width: 420px;
	background: #FFF;
	overflow: hidden;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

#container div#frontRightContainer div.img 
{ text-align: right; width: 420px; background-repeat: no-repeat;overflow: hidden; }

div#frontRightContainer div.img img,
div.imgOver 
{
	float: right;
	margin-top: 58px;
	background-repeat: no-repeat;
}
div#frontRightContainer p.abstract 
{
	padding-top: 8px;
	font-family: Georgia, verdana;
	font-size: 160%;
	line-height: 130%;
	font-weight: normal;
}

div#frontRightContainer div.readmore
{
	font-family: Georgia, verdana;
	font-size: 160%;
	line-height: 130%;
	font-weight: normal;
}

/*	Undersider
-----------------------------------------------------------*/

#container div#leftContainer
{
	width: 157px;
	overflow: hidden;
	padding: 14px;
	padding-bottom: 30px;
	float: left;
	background: #F3F4F4;	
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}

#container div#rightContainer
{
	width: 679px;
	background:#FFF;
	float: right;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}
div#BtmLeft
{
	padding: 14px 0;
	margin-bottom: 30px;
}


div.listOuter 
{
	padding-bottom: 14px;
}
div.btmSpacer
{
	height: 14px;
}
/*arrangementer ----------------------------------------------------*/
div.monthsFront { float: left; font-weight: bold; padding-right: 5px;}

div.monthsOuter { padding-top: 37px; width: 450px;  clear: both;}
div.months { float: left; padding-right: 10px; font-weight: bold;}
div.months a span { font-weight: normal;}

.monthHeader 
{
	display: block;
	font-size: 160%;
	font-family: Georgia, Arial;
	text-transform: capitalize;
	color: #6E8695; 
	padding-top: 22px;
	padding-bottom: 10px;
}

div.Arrlist { border-bottom: 1px dotted #000;}
div.Arrlist p.headline{ font-weight: bold;  margin: 0; padding: 0; padding-top: 15px;}
div.Arrlist p.abstract{ }

div.leftWBorderRight
{   
    float:left;    
    width:438px;
    padding: 10px 10px 0;
    border-right: 1px solid #000;
    margin-bottom: -1000px;
	padding-bottom: 1000px;
}


/*Tema mal*/

div#container  div.TemaOuter { height: 225px; }

.TemaHeader 
{
	clear: both;
	display: block;
	padding-top: 5px; 
	font-size: 160%;
	font-family: Georgia, Arial;
	line-height: 130%;
}

div.crumbs {  padding-top: 178px; }
#container a.TemaLink:link,
#container a.TemaLink:visited
{
	display: block;
	padding-top: 10px;
	font-size: 120%;
	text-decoration: underline;
	line-height: 120%;
	color: #6E8695; 
}

div.ArticlelistTemaLeft p.headline{ font-weight: bold; padding: 0; margin: 0;}

div.ArticlelistTemaLeft a.imglink 
{
	display: block;
	position: relative;
	clear: both;
}
div.ArticlelistTemaLeft a.imglink img.pluss
{
	position: absolute;
	bottom: 0; 
	right: 0;
	margin:0;
	padding:0;	
}

/* søkemal*/
.hidebutton { visibility:hidden}

div.searchResOuter { margin-bottom: 14px; }
div.mainContainer
{
	padding-top: 14px;
}
div.mainContainer .SearchField
{
	width: 300px;
}

div.mainContainer h1
{
	padding-top: 8px;
	font-family: Georgia, verdana;
	font-size: 160%;
	line-height: 130%;
	font-weight: normal;
	padding-bottom: 14px;
	display: block;
	height: 20px;
}

div.searchResultHeader { padding-bottom: 6px;}


/*POPUPEN*/
div.modalPopup
{
      z-index: 10000;
      background: #F3F4F4;
      padding: 14px;
}

.modalBackground
{
      background-color: #000; 
      opacity: 0.5; 
      -moz-opacity: 0.0; 
      -khtml-opacity: 0.5; 
      filter: alpha(opacity=50); 
      border: 1px solid blue;
}

div.modalPopup .lukk { }
div.modalPopup .img { padding-top: 5px; }

/* footer*/
div.footerimg
{
	clear: both;
	width: 882px;
	margin: 0 auto;
	margin-bottom: 20px;
}

div.footerimg div{ float: left;  padding-right: 30px; color:#F3F4F4;}
#VAMBody div.footerimg div a:link,
#VAMBody div.footerimg div a:visited,
#container div.footerimg div a:link, #container div.footerimg div a:visited {color:#F3F4F4; font-size: 90%;}
#VAMBody div.footerimg div a:hover { text-decoration: underline;}
div.footerimg img{ float: right; }