/*************** Strukturelle formatteringer ***************/


body {
	background-color: #FFFFFF; /* Hvit bakgrunnsfarge på siden */
	margin: 0px; /* Ingen marger (luft) på siden */
	padding: 0px; /* Ingen marger for Opera */
}
/*************** Innstillinger for toppen ***************/
#header { /*** bredde, høyde og midtstilling av top-beholderen. Består av to rader ***/
	width: 745px; /* Bredden på topp-beholderen */
	height: 95px; /* Høyden på toppbeholderen */
	margin: 10px auto 0px; /* 10px luft øverst, auto=midtstilt på siden, 0px luft i bunn */
}
#head1, #head2, #head3, #head4, #head5, #head6, #head7, #head8, #head9 { 
	/*** Alle beholdere for grafikk plasseres ved siden av hverandre ved float: left, ingen marg på sidene og felles høyde for alle ***/
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	height: 64px;
}
#head1, #head1 img { /*** Beholder for den øverste delen av logoen ***/
	width: 168px; /* Det samme som bredden på bakgrunnsbildet */
	height: 64px; /* Det samme som høyden på bakgrunnsbildet, settes p.g.a. den blanke gif'en */
	background-image: url(images/papp01_01.jpg); /* Bakgrunnsbildet */
	border: 0px; /* Kantlinjen fjernes p.g.a. at den blanke gif'en fungerer som link */
}
#head1 span.line1{ 
	/*** Skjuler teksten (2TP) i beholderen for CSS-nettlesere, 
	teksten vises for de som har slått av bildevisning i nettleseren,
	og teksten leses av høytlesende nettlesere ***/
	width: 168px; 
	height: 64px;
	display: block; /* For at dette skal funke må elementet være et blokk-element */
	position: relative; /* For å kunne bruke z-index må posisjonering brukes */
	z-index: 1; /* Bakgrunnsbildet plasseres over teksten */
	margin-bottom: -64px; /* teksten skjules ved hjelp av negativ bunnmarg for elementet */
}
#head2, #head2 img { /*** Beholder for "Webskolen"-bildet ***/
	width: 227px; /* Det samme som bredden på bakgrunnsbildet */
	height: 64px; /* Det samme som høyden på bakgrunnsbildet, settes p.g.a. den blanke gif'en */
	background-image: url(images/pappSkoleLogo.jpg); /* Bakgrunnsbildet */
	border: 0px; /* Kantlinjen fjernes p.g.a. at den blanke gif'en fungerer som link */
}
#head2 span.line1b{
	/*** Skjuler teksten (Web-skolen) i beholderen for CSS-nettlesere, 
	teksten vises for de som har slått av bildevisning i nettleseren,
	og teksten leses av høytlesende nettlesere ***/
	width: 227px;
	height: 64px;
	display: block; /* For at dette skal funke må elementet være et blokk-element */
	position: relative; /* For å kunne bruke z-index må posisjonering brukes */
	z-index: 1; /* Bakgrunnsbildet plasseres over teksten */
	margin-bottom: -64px; /* teksten skjules ved hjelp av negativ bunnmarg for elementet */
}

#head3 { /*** Beholder for pappbilde i øverste rad ***/
	width: 21px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_05.jpg) /* Bakgrunnsbildet */
}
#head4 { /*** Beholder for pappbilde i øverste rad ***/
	width: 54px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_06.jpg); /* Bakgrunnsbildet */
}
#head5 { /*** Beholder for pappbilde i øverste rad ***/
	width: 26px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_07.jpg); /* Bakgrunnsbildet */
}
#head6 { /*** Beholder for pappbilde i øverste rad ***/
	width: 65px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_08.jpg); /* Bakgrunnsbildet */
}
#head7 { /*** Beholder for pappbilde i øverste rad ***/
	width: 29px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_09.jpg); /* Bakgrunnsbildet */
}
#head8 { /*** Beholder for pappbilde i øverste rad ***/
	width: 127px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_10.jpg); /* Bakgrunnsbildet */
}
#head9 { /*** Beholder for pappbilde i øverste rad ***/
	width: 28px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp01_11.jpg); /* Bakgrunnsbildet */
}
#head12, #head13, #head14, #head15, #head16, #head17, #head18, #head19, #head20, #head21, #head22 {
	/*** Alle beholdere for grafikk plasseres ved siden av hverandre ved float: left, ingen marg på sidene og felles høyde for alle ***/
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	height: 31px;
}
#head12, #head12 img { /*** Beholder for den nederste delen av logoen ***/
	width: 168px; /* Det samme som bredden på bakgrunnsbildet */
	height: 31px; /* Det samme som høyden på bakgrunnsbildet, settes p.g.a. den blanke gif'en */
	background-image: url(images/papp02_01.jpg); /* Bakgrunnsbildet */
	border: 0px; /* Kantlinjen fjernes p.g.a. at den blanke gif'en fungerer som link */
}

/*** Innstillinger for head13, head15, head17, head19 og head21 er plassert i "iestyle.css" og "otherstyle.css" p.g.a.
     at ie ikke kan bruke :hover på annet enn a-taggen, mens det kan Opera og NS. I iestyle er det derfor angitt bakgrunnsbilde
	  for a-taggene og et annet bilde (rød skrift) for a:hover. Dette funker ikke i Opera og NS, der funker imidlertid img:hover 
	  (som ikke funker i IE) ***/

#head14 { /*** Beholder for pappbilde i nederste rad ***/
	width: 28px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp02_03.jpg); /* Bakgrunnsbildet */
}
#head16 { /*** Beholder for pappbilde i nederste rad ***/
	width: 21px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp02_05.jpg); /* Bakgrunnsbildet */
}
#head18 { /*** Beholder for pappbilde i nederste rad ***/
	width: 26px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp02_07.jpg); /* Bakgrunnsbildet */
}
#head20 { /*** Beholder for pappbilde i nederste rad ***/
	width: 29px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp02_09.jpg); /* Bakgrunnsbildet */
}
#head22 { /*** Beholder for pappbilde i nederste rad ***/
	width: 28px; /* Det samme som bredden på bakgrunnsbildet */
	background-image: url(images/papp02_11.jpg); /* Bakgrunnsbildet */
}
#topdivider, .blackdivider { /*** Den svarte streken under topp-pappen og over bunn-pappen ***/
	width: 745px; /* Bredden på streken */
	height: 2px; /* Høyden på streken */
	overflow: hidden; /* overflow er brukt for å få beholderen til å kollapse til ønsket høyde */
	margin: 0px auto; /* midtstiller beholderen på siden*/
	background-color: #000000; /* farven på streken (svart) */
}
#mainbox { 
	/*** Hovedinnholdet er plassert i en hovedbeholder, som igjen er delt inn i to 
	     kolonner (venstrekolonne og hovedkolonne). ***/
	width: 730px; /* Bredden på beholderen */
	border-width: 0px 1px 0px 1px; /* høyre og venstre kantbredde */
	border-style: solid; /* kantstrektype (heltrukken) */
	border-color: #000000; /* kantstrekfarve (svart) */
	margin: 0px auto; /* midtstiller behoderen på siden */
	background-color: #CC0000; /* rød bakgrunnsfarge i hele beholderen, bruker hvit bakgrunn i maincolumn lenger ned */
}
#search {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	padding-top: 5px;
}

#leftcolumn { /*** Den venstre kolonnen i mainbox ***/
	width: 151px; /* bredden på venstre kolonnen */
	padding-bottom: 15px; /* Indre nedre marg for å få luft i bunn av kolonnen */
	float: left; /* for å få plassert vesntrekolonne og hovedkolonne ved siden av hverandre. 
						 Husk at den totale bredden (width + border + padding) på leftcolumn og maincolumn ikke må overskride bredden for mainbox,
						 hvis de to er mer en bredden på mainbox vil ikke de to kolonnene ligge ved siden av hverandre. men over og under hverandre */
}
#maincolumn { /*** Hovedkolonnen i mainbox, hvit bakgrunnsfarge ***/
	width: 566px; /* bredden på hovedkolonnen */
	background-color: #FFFFFF; /* Bytter til hvit bakgrunnsfarge i hovedkolonnen */
	border-left: 2px solid #000000;
	border-bottom: 2px solid #999999;
	border-top: 2px solid #000000;
	border-right: 2px solid #999999;
	margin-top: 5px;
	margin-right: 5px;
	float: left; /* for å få plassert vesntrekolonne og hovedkolonne ved siden av hverandre. 
						 Husk at den totale bredden (width + border + padding) på leftcolumn og maincolumn ikke må overskride bredden for mainbox,
						 hvis de to er mer en bredden på mainbox vil ikke de to kolonnene ligge ved siden av hverandre. men over og under hverandre */
}
#containerbugNS { /*** Må ha denne for å lure NS7, ellers kollapser NS7 mainbox ***/
	clear: both;
	width: 556px;
	height: 5px;
}
#bottomdivider { /*** Den svarte streken under topp-pappen og over bunn-pappen ***/
	width: 745px; /* Bredden på streken */
	height: 2px; /* Høyden på streken */
	overflow: hidden; /* overflow er brukt for å få beholderen til å kollapse til ønsket høyde */
	margin: 0px auto; /* midtstiller beholderen på siden*/
	background-color: #000000; /* farven på streken (svart) */
}
#footer { /*** Beholder for bunnbildet ***/
	width: 760px; /* bredden på bunnbeholderen */
	height: 61px; /* høyden på bunnbeholderen */
	background-image: url(images/bunnen2.jpg); /* bakgrunnsbildet */
	margin: 0px auto; /* midtstiller bunnbeholderen på siden */
}
#goodlead {
	width: 135px;
	height: 600px;
	margin-left: 15px;
	margin-top: 20px;
}