/* CSS Document */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



body{
	margin: 0px;
	padding: 0px;
	background-color: #73715F;
	/* Start: Def. av default tekst. Resten ligger i #innhold */
		font-family:Georgia, "Times New Roman", Times, serif; 
		color:#4F4E41;
	/* Stopp: Def. av default tekst */

	/* font-size: 100%;   Denne ser ikke ut til aa vre ndvendig lenger, men beholdes inntil videre. 100% er default. */
	/* text-align: center;     Hack? */  
}


#wrapper{
	width: 744px;
	margin: 9px auto 0px auto;
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF;
	background-image:url(../images/venstrefelt_bg.gif);
	background-repeat:repeat-y;
	/*text-align: left;   Un-Hack fra body? */
}

#toppfelt{
	background-image:url(../images/hovedside_toppfelt.jpg);
	height:97px;
	background-repeat:no-repeat;
}


#toppfelt a{
	display: block;
	height: 87px; /* Når høyden er satt, vil dette også fikse IE-problemet med at cursor-haanda ikke vises i hele området, men bare der det er tekst */
}


h1{
	font-size:180%;
	text-transform:uppercase;
}


h2{
	font-size:110%;
	text-transform:uppercase;
	padding: 20px 0px 0px 0px;
}


h3{
	font-size:110%;
	margin: 0px 0px 0px 0px;
}


p{
	margin: 0px 0px 15px 0px; /* Def. av default tekst */
}



a{
	text-decoration:none;
	color:#4F4E41;
}

a:hover, a:focus { 
	color: #0298d6;
}


.ingress{
	font-size:125%;  /* Storrelse relativt til definert tekststrrelse i elementet denne klassen brukes paa */
	line-height:130%;
	font-style:italic;
	margin: 0px 0px 30px 0px;
}

.versaler{
	text-transform:uppercase;
	font-style:normal;
	font-weight:bold;
}


.fristdato{
	font-size:125%;
	font-weight:bold;
}


.smalt_avsnitt{
	width:310px;
}


/* --------- Kun for soknad.htm -------------------------------------------------*/

#soknad_venstre_col{
	width:180px;
}

#soknad_hoyre_col{
	margin: 0px 0px 0px 203px;
}

.ikoner{
	margin:0px 0px 0px 0px;
}

#lastned{
	background-color:#f6f4e7;
	margin: 5px 0px 0px 0px;
	padding: 7px 0px 5px 18px;
	border: 2px dotted #929078;
}

#lastned p{
	font-size:110%;
	font-weight:bold;
	margin: 18px 15px 0px 0px;
	vertical-align:middle;
}

/* ---------------------------------------------------------------------------- */


/* ---------- Kun for styret.htm -----------------------------------------------*/

#styret1{
	text-align:center;
	margin: 65px 0px 25px 0px;
}

#styret2{
	width:160px;
	text-align:center;
	float:left;
}

#styret4{
	width:160px;
	text-align:center;
	float:right;
}

#styret3{
	width:160px;
	text-align:center;
	margin: 0px 0px 80px 167px;
}


.styret_navn{
	font-weight:bold;
	font-size:120%;
}

/* ---------------------------------------------------------------------------- */


/* ---------- Kun for kontakt.htm -----------------------------------------------*/


.kontaktp{
	margin: 0px 0px 50px 0px;
}

#kontakt_venstre_col{
	width:170px;
	float:left;
	padding: 9px 7px 0px 12px;
	background-color:#F6F4E7;
	border: 2px dotted #929078;
}

#formcontainer{
	width:268px;  /* Justerer inputfeltenes avstand til labels */
	margin: 0px 0px 0px 220px;
	}

div.row{
  clear: right; /* Opprinnelig clear:both */
  padding-top: 2px;
  }

div.toprow{
  padding-top: 0px;
  }


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.row, * html div.toprow {
	display:inline;  /* Fjerner ekstra space mellom radene i skjemaet */
  }
/* End hide from IE5/mac */


div.row span.label, div.toprow span.label {
  float: left;
  width: 56px;
  text-align: left;
  }

div.row span.formw, div.toprow span.formw {
  float: right;
  text-align: left;
  } 


#formcontainer input.setfieldstyle, #formcontainer textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	width:205px;
}

#formcontainer input.setbuttonstyle{
	font-family:Arial, Helvetica, sans-serif;
	color:#4F4E41;
}



/* ---------------------------------------------------------------------------- */


.bekreftelse{
	padding: 100px 0px 100px 0px;
	vertical-align:middle;
	text-align:center;
}


.floatleft{
	float:left;
}

.clearboth{
	clear:both;
}



/* Flgende definisjon er et alternativ den aktive def. av #meny under, men her fr IE problemer pga. float'en. Det legges til 2 ekstra pixler med marg p venstre side i menyen slik at det blir 4 px tilsammen. #innhold pvirkes ikke */
/*
#meny{ 
	width: 139px;
	margin: 50px 0px 0px 2px;
	float:left;
}
*/


#meny{  /* Denne lsningen med padding istedet for margin unngr problemene beskrevet i #meny over */
	width: 139px;
	padding: 43px 2px 0px 2px;  /* Nr left/right-padding ker s m bredden p hele kolonnen reduseres tilsvarende */
	float:left;
}


#innhold{
	width: 493px;
	margin: 43px 0px 0px 206px;
	/* Start: Def. av default tekst (Se ogsaa body) */
		font-size:70%;
		line-height:160%;
	/* Stopp: Def. av default tekst */	
}

/* ~--------------- Egentlig Holly hack for #meny og #innhold (en redefinisjon av dem for IE-Win). Lser problemet med at elementer i #innhold forskyves 3px pga. float p #meny (IE Three Pixel gap) ------------------ */

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	
/*
	* html #meny {
	  margin-right: 54px;
	  }
	 
	* html #innhold {
	  height: 1%;
	  margin-left: 0px;
	  }
*/
	 
	/* End hide from IE5/mac */

/* ---------------- Holly hack: End ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ~--------------- Modifisert (og enklere) Holly hack. Trenger kun  redefinere #innhold for IE-Win). Lser problemet med at elementer i #innhold forskyves 3px pga. float p #meny (IE Three Pixel gap) -------------- */

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	
	* html #innhold {
	  height: 1%;
	  margin-left: 200px; /* 3px mindre enn den opprinnelige marginen */
	  }
	 
	/* End hide from IE5/mac */

/* ---------------- Holly hack: End ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


#meny ul {
	/*background-color: #transparent;  skal vre transparent */
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow:hidden; /* Kan medfre at nederste del av menyfeltet ikke vises i Firefox og Netscape (men fix finnes! Se "display: inline" i "#meny ul li" under). Feilen kan skje hvis menyen er det nederste elementet p siden og noen av menyelementene ikke fr nok plass i bredden. Henger sammen med at discretionary hyphen (­) ikke virker i disse browserne */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 70%;
	color: #73715F;
}


#meny ul li {
padding: 0px;
margin: 0px; 
display:inline; /* IE-fix for aa fjerne gap mellom hvert menu item (se IE-fix "height: 1%" i "#meny ul li a" under). Fikser ogs problemet beskrevet ifm. "overflow:hidden" i "#meny ul" over */
}

#meny ul li a{
display: block;
background-color: #EBE8CC;
border-bottom: 2px solid #D6D3B2;
padding: 4px 11px 4px 7px;
text-decoration: none; 
color: #73715F;
height: 1%; /* IE-fix: Fjerner feilaktig padding i menyelementene, men lager extra gap MELLOM elementene (Se fix over) */
}


#meny a:hover, #meny a:focus { 
background-color: #ACAA93;
color: #EDEBD2;
}


#innhold ul {
	margin: 0px;
	padding: 0px 0px 15px 17px;

}


#soknadsfrist{
	margin: 35px 0px 0px 326px;
	padding: 10px 0px 0px 0px;
	width: 143px;
	background-color:#F6F4E7;
	border: 2px dotted #929078;
	text-align:center;
	font-size:120%;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}




#footer{
    clear: both; 
	margin: 27px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background-color:#ACAA93;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 60%;
	text-align:center;
	color: #3d3c32;
}

#footer a{
	color:#3d3c32;
}


#footer p{
	margin: 0px 0px 0px 0px;
}


#footer a:hover, #footer a:focus { 
	color: #FFFFFF;
}