/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Ernst Føyn
* @author Graham Hayward
*/

/*Her kan du forandre generelle ting for hele siden, som: font/fontfamilie, fontstørrelse, farge på font, bakgrunnsbilde/mønster og bakgrunnsfarge*/
body {
	font-family: Geneva, sans-serif;
	font-size: 10px;
	text-decoration:none; color:#333333;
	margin: 0px 0px 0px 0px;/*IKKE FORANDRE*/
	padding: 0px 0px 0px 0px;/*IKKE FORANDRE*/
	/*background-image:url('http://www.yoursite.no/files/45grader_blaa.png');*//*Her kan du legge inn et bakgrunnsbilde som repeterer seg på alle sidene*/
	/*background: #000000;*/
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

/* De følgene kodene gjelder for alle linker. Hvordan de ser ut før, etter, aktiv og mus-over */

a:link { text-decoration:none; color: #000000; }
a:active { text-decoration: color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #009999; }
a img { border: none; }/*IKKE FORANDRE*/

/*Her kan du forandre menyen, bredde, marg, høyde, font st¿rrelse*/
#menu {
    width: 250px;
    overflow: auto;
    position: fixed;
    height: 700px;
	background-color: #FFFFFF;/*Dette er bakgrunnsfargen bak menyen*/
	
}

/* Her kan du forandre menyens marginer */

#menu .container {

	margin:55px 10px 10px 30px; /* top, right, bottom, left */
	background-color: #FFFFFF;/*Dette er bakgrunnsfargen til meny*/
}


/* Her forandrer du avstanden mellom seksjonene i menyen*/
#menu ul {
	list-style: none;
	margin: 0px 10px 15px 0px;/*top, right, bottom, left*/
	padding: 0px 0px 0px 0px;/*top, right, bottom, left*/
}

/*dette er koden for seksjonstittlene i menyen*/ 
#menu ul li.section-title { 
padding:0px 0px 3px 0px;/*top, right, bottom, left*/
border-bottom:1px dotted #BBBBBB; /* Dette er linjen som ligger under seksjonstittlene*/
margin:0px 0px 7px 0px;/*top, right, bottom, left*/
/*font-family: Arial, sans-serif;*//*Her kan du bytte font på seksjonstittlene*/ 
font-size: 12px;
font-weight: 
}



/* dette er koden for side-tittlene i menyen */

#menu ul li {

	padding: 3px 0px 0px 5px; /* top, right, bottom, left */
	font-size: 10px; /* Dette er størrelsen på side-tittlene i menyen */
	
}


/*denne koden forhindrer at det blir bakgrunnsfarge når du tar musen over bilder som også er en link*/ 
#menu p a { background: transparent; } 

#menu p {font-size: 14px; }



/*Dette er koden for selve innholdet*/
#content {
	display: inline-block; /* IKKE FORANDRE */
    height: 100%;
    line-height:15px;
	width: 970px;
	background-color: /*Dette er bakgrunnsfargen til innholdsfeltet*/
}




/*Her kan du forandre innholdspadding og brede*/
#content .container {
    padding: 0px 10px 10px 10px;/*top, right, bottom, left*/
	margin: 60px 0px 0px 250px;
	width: 600px;
	background-color: #FFFFFF; /*Dette er bakgrunnsfargen til innholdsteksten*/
}

#content p { 
 	margin-bottom: 0px; 
}

p {
    margin: 0 0 20px 0;/*top, right, bottom, left*/
}

/*Her kan du forandre størrelse og farge på de forskjellige overskriftene h1,h2,h3 og h4. Du kan selvfølgelig legge til flere også ved å kalle de h5, h6 osv.*/
h1 { font-size: 28px; /*font-family:Arial, sans-serif;*//*Her kan du bytte font på h1 overskriftene*/ }
h2 { font-size: 24px; /*font-family:Arial, sans-serif;*//*Her kan du bytte font på h1 overskriftene*/}
h3 { font-size: 16px; color: #009999; /*font-family:Arial, sans-serif;*//*Her kan du bytte font på h1 overskriftene*/ }
h4 { font-size: 12px; /*font-family:Arial, sans-serif;*//*Her kan du bytte font på h1 overskriftene*/}

/*Denne koden tar vekk linjeskift etter h-tagger*/
h1,h2,h3,h4,h5,h6 {
display: inline;
}


/*Dette er en kode for å legge inn koder :-)*/
code { 
	text-decoration: none; 
	color:#000000; 
	background-color: #FFFF00;
	margin:10px 0 10px 0;/*top, right, bottom, left*/
	}


#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; /*top, right, bottom, left*/ }
#img-container span.backgrounded a,
#img-container a.thickbox,
#img-container a.thumb-img,
#img-container #d-col1 a { background: transparent; } 
#once { clear: left; }

/*Dette er linjer som du kan legge inn i designet ditt. Dette gjør du ved hjelp av HTML-kode der du skriver inn tekst for en side*/
#line {
	width: 950px;
	border-bottom: dotted 1px #bbbbbb;
	height: 2px;
	display: block;
}

#line2 {
	width: 455px;
	border-bottom: solid 1px black;
	height: 2px;
	display: block;
}

#line3 {
	width: 140px;
	border-bottom: solid 2px  #333333;
	height: 2px;
	display: block;
}

#line4 {
	width: 140px;
	border-bottom: solid 4px  #FF0066;
	height: 2px;
	display: block;
	
}