@charset "utf-8";
/* CSS Document */

body { font-family: Verdana, Geneva, sans-serif; margin:0px; 
} 
/*for at noe skal kunne dukke opp på nettsiden vår må det være plassert inne i bodyen*/
/*margin til 0px plasseres wrapperen helt opp til toppen av nettleseren*/

#wrapper {
background-color: #6FF; width: 900px; margin-right: auto; margin-left: auto;
}
/*wrapperen holder alt innholdet vårt på plass. Når vi setter margin right og left på auto midtstilles siden, og den flyter etter hvor stor skjermen er*/

#header {
background-color: #F69; height: 150px;
} 
/*her kan du legge inn et bakgrunnsbilde ol. For at den skal komme opp riktig må den plasseres inne i wrapper*/

#nav {
background-color: #ccc; height: 70px;
} 
/*her kan du legge inn meny. Tekst eller bilder med rolloverfunksjon vil feks fungere*/

#content {
background-color: #0F0;
} 
/*i denne rubrikken kommer hovedinnholdet vårt. Siden den ligger som en egen boks kan vi dele opp innholdet i den, i vårt tilfelle legger vi inn to kolonner*/


#rightcol {
background-color: #F00; width: 500px; float:right;
} 
/*plasseres inne i content, bredden på right og left col må ikke bli mer enn wrapperen*/

#leftcol {
background-color: #FF0; width:300px; float:left;
} 
/*plasseres inne i content etter rightcol, bredden på right og left col må ikke bli mer enn wrapperen*/

#footer {
background-color: #00F; clear:both;
}
/*plasseres før content slutter, på den måten følger footeren innholdet*/

h1 {
	font-size: 110%;
	color: #F00;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #F00;
}
/*instillingene du gjør her vil gjelde på alle tekster som du markerer og sier skal være h1*/

h2 {
	color: #0FF;
}
/*instillingene du gjør her vil gjelde på alle tekster som du markerer og sier skal være h2*/

a:link {
	color: #000;
	text-decoration: underline;
}
/*instillingene du gjør her vil gjelde på alle tekster som du markerer og sier skal være link*/

a:hover {
	color: #666;
}
/*instillingene du gjør her vil gjelde på når noen tar pekeren over linken*/

a:visited {
	color: #CCC;
}
/*instillingene du gjør her vil gjelde på når noen har vært inne på linken*/

a:active {
	color: #CCC;
}
/*instillingene du gjør her vil gjelde på når noen er inne på linken*/

p {
	color: #000;
}
/*instillingene du gjør her vil gjelde på all tekst du har bestemt at skal være p*/

/*instillingene over er bare eksempler, bruk selv tid til å tenke på bredde, fargevalg, fonter ol*/