/* CSS Document */


body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  margin:26px 0;
  }
  
a {
  font-weight:bold;
  }
  
  
form {
  margin:0;
}  
  
h5 {
  font-size:10pt;
  }

h4 {
  line-height:16pt;
  }
  
h3 {
  line-height:16pt; padding:0;
  }
    
table {
  border-collapse:collapse;
  width:100%;
  line-height:10pt;
  }
  
td {
  vertical-align:top;
  }
/*--------------------------------- diverse till fields ------------------------------------ */

.brukerfield {
  width:325px;
  }
  
.kartlinkfield {
  width:249px;
  }
  
.cvfield {
  width:240px;
  }
  
.inputfield {
  width:125px;
  }

/*--------------------------------- 	KNAPPER ------------------------------------ */
.hjelp {
  border:0;
  }

/* Kursannonsknappar */
.knapp8 a {
	padding:2px 8px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#330000;
	background-image:url(img/btn_orange.jpg);
	background-repeat:repeat-x;
	border:1px solid #000066;
}


.knapp8 a:hover {
	color:#FFFFFF;
	background-image:url(img/btn_orange.jpg);
	border:2px solid #330000;
	font-weight:normal;
}

/* Kundvagnknapp */ 
.knapp9 a {
	line-height:2em;
	padding:2px 8px;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#330000;
	background-image:url(img/btn_orange.jpg);
	background-repeat:repeat-x;
	border:1px solid #000066;
}
  
.knapp9 a:hover {
	color:#FFFFFF;
	background-image:url(img/btn_orange.jpg);
	border:2px solid #330000;
} 

/* AVBRYT knapp */ 
.knapp10 {
  text-align:center;
  }

.knapp10 a {
    line-height:2em;
	padding:2px 44px;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(img/btn_blue.jpg);
	background-repeat:repeat-x;
	border:1px solid #000066;
}
  
.knapp10 a:hover {
	color:#330000;
	background-image:url(img/btn_blue.jpg);
	border:2px solid #330000;
} 
/* Spara Utkast knapp */ 
.knapp11 a {
	padding:2px 16px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(img/btn_brown.jpg);
	background-repeat:repeat-x;
	border:1px solid #666600;
}
  
.knapp11 a:hover {
	color:#330000;
	background-image:url(img/btn_brown.jpg);
	border:2px solid #330000;
} 


/* Förhandsvisa knapp */ 
.knapp12 a {
	padding:2px 16px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-image:url(img/btn_white.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCCCCC;
}
  
.knapp12 a:hover {
	color:#CCCCCC;
	background-image:url(img/btn_white.jpg);
	border:2px solid #999999;
} 

/* Redigera knapp */ 
.knapp13 a {
	padding:2px 16px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-image:url(img/btn_grey.jpg);
	background-repeat:repeat-x;
	border:1px solid #999999;
}
  
.knapp13 a:hover {
	color:#666666;
	background-image:url(img/btn_white.jpg);
	border:2px solid #000000;
}


/* Nollställ knapp */ 
.knapp14 a {
	padding:2px 16px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-image:url(img/btn_white.jpg);
	background-repeat:repeat-x;
	border:1px solid #000000;
}
  
.knapp14 a:hover {
	color:#999999;
	background-image:url(img/btn_white.jpg);
	border:2px solid #000000;
}
/* Registrera mig knapp */ 
.knapp15 a {
	padding:2px 16px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(img/btn_violet.jpg);
	background-repeat:repeat-x;
	border:1px solid #CC6699;
}
  
.knapp15 a:hover {
	color:#330000;
	background-image:url(img/btn_pink.jpg);
	border:2px solid #CC6699;
} 

/* Standardbild knapp */ 
.knapp16 a {
	padding:2px 8px;
	line-height:2em;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-image:url(img/btn_violet.jpg);
	background-repeat:repeat-x;
	border:1px solid #663366;
}
  
.knapp16 a:hover {
	color:#FFFFFF;
	background-image:url(img/btn_violet.jpg);
	border:2px solid #663366;
} 

 

  
/* ------------------------------------------ HOVEDLAYOUT ------------------------------------------ */
  
/*Feltet som inneholder tabellen med alt innhold */ 
#container {
  width:990px;
  margin:0 auto;
  font-size:10px;
  }

/* Tabellen som inneholder alt innhold */
#tabell {
  /* ingen angitt stil */
  }
    
.head {
  max-height:60px;
  vertical-align: bottom
}

/* Venstremargen */
.vmarg {
  width:140px;
  vertical-align:top;
  padding:0px;
  background-color:#000000;
  background-image:url(img/vgrad.jpg);
  background-repeat:repeat-x;
  }
  
.vmarg a {
  text-decoration:none;
  display:block;
  width:100%;
  }
  
  
/* Hovedfeltet med innhold */
.innhold {
  padding:0px;
  border-bottom:1px solid #CCCCCC;
  vertical-align:top;
  width:710px;
  }
  
  
/* Feltet i innhold under greyback */
#inside { min-height:800px;
padding: 20px
  }
  
  /* Feltet i innhold under greyback med avdelningar, annonsera.php */ 
.inside1 { padding: 30px
  }
  
 /* Feltet i innhold under greyback på indexsiden*/
#inside2 {
padding-left:6px;
  padding-right: 6px
  }


/* Høyremargen */
.hmarg {
  width:140px;
  padding:0px;
  vertical-align:top;
  background-color:#EEEEDD;
  }
  
/* background-color:#003399;*/  

.hmarg_bruker {
  width:140px;
  padding:0px;
  vertical-align:top;
  background-color:#7EBAEC;
  }
  
/* Feltet som inneholder logoen øverst på sidene 
inc/topp.php */
#topp {
  height:35px
  }
  
#topp img {
  border:0
  }
   
  
/*Feltet som inneholder Copyrighten nederst på sidene
inc/foot.php*/
#fot {
  color:#666666;
  text-align:center;
  font-size:10px;
  margin:30px;
  }
  
  
.rotation img {
  border:0;
  }
  /* Stil på font i soktips.php */ 

.myfont {
	font-size:10px;
	line-height: 1.3em;
  }
  
.myfont2 { 
font-size:10px;
font-weight:bold;
  }
  
/* -------------------------------------- MENYENE ----------------------------------------- */
/* Stiler til menyelementene i margene
inc/meny.php, inc/minmeny.php */  

.meny {
  height:12px;
  padding:4px 10px;
  }
    
.meny a {
  display:block;
  color:#FFFFFF;
  text-decoration:none;
  }

/* Stil på meny MIN SIDA, øverst i høyremargen */  
.meny2 {
  height:12px;
  padding:4px 0;
  color:#000000;
  background-color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  }
  
.meny2 a {
  color:#000000;
  text-decoration:none;
  display:block;
  }  
  
  
/* Stil på LOGGA UT/LOGGA INN, øverst i høyremargen */ 
.meny3 {
  height:32px;
  color:#FFFFFF;
  background-color:#7EBAEC;
  text-align:center;
  text-decoration:none;
  padding:4px 0;
  display:block;
  width:100%;
  }
  
.meny3 a {
  color:#FFFFFF;
  }
  
 /* Stil på link under login - har inte fått den till att fungera - still learning :-)*/
.redreklam a {
  text-decoration:none;
  color: #CC0033;
}  

/* Menyen med kategorier i venstremargen, index.php */
#katmarg {
  text-align:left;
  padding:4px;
  background-color:#FFFFFF;
  margin:0 3px;
  color:#999999;
  font-weight:bold;
  line-height:1.8em;
  }
    
  
#katmarg a {
  text-transform:uppercase;
  text-decoration:none;
  color:#000000;
  display:block;
  padding:3px 0 0 0;
  }


/*------------------------------------- SØKESKJEMA PÅ FORSIDE ------------------------------ */

/* Angir høyde på marg over og under skjemaet for søk på index.php */
#frmSok {
  margin-top:0px;
  margin-bottom:10px;
  }
  
  
#sok_head {
  border:1px solid #FFFFFF;
  }
  
#sok_head td {
  height:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  text-align:center;
  vertical-align:middle;
  } 


/* Knapp for SÖKTIPS i høyremargen */
.sok_tips a {
  display:block;
  text-align:center;
  padding:2px;
  background-color:#FFFFFF;
  text-decoration:none;
  color:#666666;
  border:1px solid #999999;
  font-size:8pt;
  margin:26px 2px;
}


/* Stiler for nedtrekksmenyene */

.drop_main {
  text-align:left;
  text-transform:capitalize;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
  position:absolute;
  border:1px solid #999999;
}
.drop_main a {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
  display:block;
  padding:2px 4px;
}
.drop_main a:hover {
  background-color:#FCD332;
  color:#FFFFFF;
}

  
  
/* enkeltmenyene */
  
#drop_kat {
  width:113px; 
  }
  
#drop_kat a:hover {
  background-color:#FCD332;
  color:#FFFFFF;
  }
  
.kat_head {
  background-color:#FFFFFF;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat;
  }
  
#drop1 {
  width:113px;
  background-color:#EEEEDD;
  padding-bottom:4px;
  }



/* arrangør */ 
  
#drop_arrangor {
  width:183px;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat; 
  }
  
#drop_arrangor a:hover {
  background-color:#FCD332;
  color:#FFFFFF;
  }
  
#drop2 {
  width:183px;
  background-color:#EEEEDD;
  padding-bottom:4px;
  }
.arrangor_head {
  background-color:#FFFFFF;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat;
  }

.drop_child {
  position:absolute;
  left:183px;
  width:183px;
  background-color:#EEEEDD;
  border:1px solid #999999;
}

.drop_child a {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
  display:block;
  padding:2px 4px;
  padding-bottom:4px;
}
.child_top {
  color:#FFFFFF;
  background-color:#FCD332;
  }
  
  
/* plats */  
  
#drop_plats {
  width:147px;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat; 
  }
  
#drop_plats a:hover {
  background-color:#FCD332;
  color:#FFFFFF;
  }
  
.plats_head {
  background-color:#FFFFFF;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat;
  }  
#drop3 {
  width:147px;
  background-color:#EEEEDD;
  } 
  
  
/* tid */

#drop_tid {
  width:130px;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat; 
  }
#drop_tid a:hover {
  background-color:#FCD332;
  color:#FFFFFF;
  }
.tid_head {
  background-color:#FFFFFF;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat;
  }
#drop4 {
  width:130px;
  background-color:#EEEEDD;
  }


/* pris */

#drop_pris {
  width:100px;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat; 
  }
  #drop_pris a:hover {
  background-color:#FCD332;
  color:#000000;
  }
.pris_head {
  background-color:#FFFFFF;
  background-image:url(img/down.gif);
  background-position:right;
  background-repeat:no-repeat;
  }
#drop5 {
  width:100px;
  background-color:#EEEEDD;
  } 

  
  
  

/* -------------------------------------- INFOSIDEN ----------------------------------------- */

/* Venstre kolonne på infosidene
infopreview.php, kursinfo.php, printinfo.php, redkursinfo2.php */
.v_info {
  float:left;
  margin-right:20px;
  width:250px;
  }
  
/* Høyre kolonne på infosidene
infopreview.php, kursinfo.php, printinfo.php, redkursinfo2.php */
.h_info {
  float:right;
  width:350px;
  }
  
/* den blå stripen i printinfo.php */
.bluestripe {
  background-color:#0033CC;
  text-align:center;
  }

.bluestripe a {
  color:#FFFFFF;
  font-weight:bold;
  }


/* Blått felt øverst på infosidene
infopreview.php, kursinfo.php */
.bluetable {
  background-color:#3366CC;
  color:#FFFFFF;
  height:20px;
  vertical-align:middle;
  }
  
.bluetable td {
  width:33%;
  }
  
.bluetable a {
  color:#FFFFFF;
  }

.bluestripe a:visited {
  color:#FFFFFF;
  font-weight:bold;
  }
  
  
  



/* ------------------------------- ANNONSENE ---------------------------------------*/ 


/* Tabell med annonse
red_annonse1.php, index.php, red_kursinfo1.php, inc/annonspreview.php */
.annonser {
  margin:0 6px;
  width:98%;
  height:102px;
  }  

.annonser td {
  border:0;
  border-top:1px solid #CCCCCC;
  vertical-align:top;
  padding:8px 0;
  height:88px;
  line-height:9pt;
  }
  
  
/* Kategorien */

.kat_tittel {
  font-weight:bold;
  }  

/* Feltet med ikon i annonsene */
.ikonfelt {
  padding:0 4px;
  width:100px;
  vertical-align:top;
  text-transform:uppercase;
  }

.ikonfelt img {
  margin:4px;
  border:1px solid #000000;
  }
  

/* Meldingen med "Fullbokad" eller "Innställd", index.php */
.annonse_mld {
  text-align:center;
  font-weight:bold;
  color:#CC3300;
  }


/* Feltet med kursnavn, kursholder, link og epost i annonsene 
red_annonse1.php, index.php, red_kursinfo1.php, inc/annonspreview.php */ 
.annonsefelt {
  width:185px;
  padding-left:4px;
  padding-right:4px
  }

/* Feltet med adresse i annonsene 
red_annonse1.php, index.php, red_kursinfo1.php, inc/annonspreview.php */
.adressefelt {
  width:143px;
  padding-right:4px
  }
  
/* Feltet med tid i annonsene 
red_annonse1.php, index.php, red_kursinfo1.php, inc/annonspreview.php */
.tidsfelt {
  width:132px;
  padding-right:4px
  }

/* Feltet med pris i annonsene 
red_annonse1.php, index.php, red_kursinfo1.php, inc/annonspreview.php */
.prisfelt {
  width:100px;
  vertical-align:top
  }

/* Knappen med "Mer Info" i søkeresultatene, index.php */ 
.merinfo {
  background-color:#3366CC;
  color:#FFFFFF;
  font-weight:bold;
  padding:2px;
  text-decoration:none;
  text-align:center
  }

/* Pris i søkeresultatene, index.php */  
.pris {
  color:#FF3300;
  font-weight:bold;
  }


/* ---------------------------------- MIN SIDE / STATUSSIDEN ----------------------- */


/* Tabell for handlekurv */
#kurv th {
  background-color:#FFCC33;
  border:1px solid #CCCCCC;
  }
  
#kurv td {
  border:1px solid #CCCCCC;
  padding:4px;
  }
  
  
/* Tabell med oversikt over kursannonser, minside.php */
.minekurs td {
  padding:3px;
  border:1px solid #CCCCCC;
 }  
 
.minekurs th {
  background-color:#3366CC;
  color:#FFFFFF;
  font-weight:bold;
  text-align:left;
  }
  
.minekurs img {
  border:0;
  }
  
  
/* Tabellen for Arkiv, minside.php */
.arkiv td {
  border:1px solid #CCCCCC;
  }   
  
.arkiv th {
  background-color:#9e936f;
  font-weight:bold;
  text-align:left;
  }
  
.arkiv img {
  border:0;
  }
  
  
  
  
/* ----------------------------------- Annonseredigering ------------------------------------*/

/* Tabellskjema for annonseregistrering
red_annonse1.php, red_kursinfo.php */
.skjema1 {
  margin-left:20px;
  width:640px;
  }  
  
.skjema1 td {
  border:0;
  padding:4px;
  }


/* Boksen med sum i skjemaene 
red_annonse1.php, red_kursinfo2.php, status.php */ 
.redbox {
  width:120px;
  padding:4px;
  text-align:right;
  border:2px solid #FF9900;
  font-weight:bold;
  margin-bottom:10px;
  }

/* Knappen som åpner hjelpeboksene */
.hjelpbtn {
  border:0;
  }

  
/* Hjelpeboks som vises ved trykk på hjelpeknapp */
.hjelpboks {
  padding:6px 20px;
  margin-top:6px;
  width:270px;
  border:1px solid #000000;
  background-color:#E9E9E9;
  position:absolute;
  }

/* Stil på knapper for bildhjelp og karthjelp 
red_annonse1.php, red_kursinfo1.php, red_kursinfo2.php */
.knapp {
  border:1px solid #666666;
  background-color:#EEEEDD;
  font-weight:bold;
  padding:4px;
  text-decoration:none;
  position:relative;
  top:-2px;
  }

.knapp a {
  text-decoration:none;
  color:#000000;
  }
  
.knapp a:visited {
  text-decoration:none;
  color:#000000;
  }
  
/* Skjuler bildhjelp og karthjelp */
.skjult {
  display:none;
  }
 
  

/* ---------------------------------- DIVERSE  ----------------------------------------*/ 

/* Det grå feltet bak teksten øverst på sidene
annonsera.php, bekreft.php, help_bild.php help_kart.php, kontakt.php, kursbevakning.php, kursinfo.php, login.php, minside.php, bruker.php, help_pb.php 
*/
.greyback1 {
  background-color:#EEEEDD;
  padding:10px 20px;
  height:56px;
  font-size:11pt;
  font-weight:bold;
  text-align:center;
  }
  
.greyback1b {
  background-color:#EEEEDD;
  padding:10px;
  height:60px;
  font-size:11pt;
  font-weight:bold;
  text-align:center;
  }
  
/* Det grå feltet under og over forhåndsvisningen av annonser 
red_annonse1.php, red_kursinfo1.php, red_kursinfo2.php, status.php */
.greyback2 {
  background-color:#EEEEDD;
  padding:4px 20px;
  }
  
.greyback2 table {
  border-collapse:collapse;
  }
  
.greyback2 td {
  padding:0;
  }
 
 .orangeback {
  background-color:#FFCC33;
  padding:0px 20px;
  }
  
.orangeback table {
  border-collapse:collapse;
  }
  
.orangeback td {
  padding:0;
  }
  
/* annonsera.php, help_bild.php, feil.php, help_kart.php, kontakt.php, kursbevakning.php, natverk.php, bruker.php, help_pb.php */
.avsnitt {
  padding:20px 20px 20px 40px;
  }
/* kursarrangor.php*/  
  .article{
  margin:40px 60px;
  width:460px;
  font-size:12px;
  line-height:1.4em;
  }
  
.articlehead {
  line-height:20pt;
  font-size:20px;
  font-weight:900;
  }
  
/* Grå striper med hvit skrift
kontakt.php*/
.greystrip {
  color:#FFFFFF;
  padding:4px 4px 4px 20px;
  font-weight:bold;
  height:12px;
  }


/* Fet skrifttype, 10pt 
red_annonse1.php, feil.php, kursinfo.php, red_kursinfo1.php, red_kursinfo2.php, status.php */
.kraftig {
  font-size:10pt;
  font-weight:bold;
  }

/* Fet skrifttype, 11pt 
annonsera.php */ 
.stronger {
  font-size:11pt;
  font-weight:bold;
  }
  
/* Felt med 20px marg
infopreview.php, kursinfo.php, red_kursinfo.php */
.ramme20 {
  margin:20px;
  }

/* Felt med 30px marg
status.php */
.ramme30 {
  margin:30px;
  }
  
/* Kontaktinformasjonen øverst på kontakt.php */
.top_table td {
  vertical-align:top;
  border-collapse:collapse;
  }
  
.orange_line {
  margin:10px 20px; 
  padding-bottom:3px; 
  border-bottom:2px solid #FF9900; 
  font-weight:bold; 
  font-size:12px;
  }
  
/* Bekreft.php */

.bekreft {
  font-weight:bold;
  }