/**
* 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: 12px;
	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: #e6ddc0;
}

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: none; color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color:#FFFFFF; background-color: #a1abb7; }
a img { border: none; }/*IKKE FORANDRE*/
#menu ul a:hover { text-decoration: none; color:#FFFFFF; background-color: #a1abb7; }


/*Her kan du forandre menyen, bredde, marg, h�yde, font st�rrelse*/
#menu {
    width: 150px;
    overflow: auto;
    position: fixed;
    height: 700px;
	background-color: #c6b69c;/*Dette er bakgrunnsfargen bak menyen*/
	margin: 0px 0px 0px 20px;/*top, right, bottom, left*/
	padding:10px 10px 10px 10px; /*top, right, bottom, left*/
	font-size:11px;/*Dette er st�rrelsen p� sidetittlene i menyen*/
}



/* Her forandrer du avstanden mellom seksjonene i menyen*/
#menu ul {
	list-style: none;
	margin: 0px 10px 12px 10px;/*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: 14px;
font-weight: bold;
}

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

/*Dette er koden for selve innholdet*/
#content {
    height: 100%;
    line-height:15px;
	margin: 20px 0px 0px 210px;/*top, right, bottom, left(Dette kontrollerer plasseringen p� innholdet i forhold til venstre kant av browseren)*/
	padding: 10px 10px 10px 10px;
	width: 970px;
	background-color:transparent; /*#e6ddc0;/*Dette er bakgrunnsfargen til innholdsfeltet*/
}
/*Her kan du forandre innholdspadding og brede*/
#content .container {
    padding: 15px 15px 70px 15px;/*top, right, bottom, left*/
	margin: 0px 0px 0px 0px;
	width: 656px;
	background-color: transparent;/* #e6ddc0; /*Dette er bakgrunnsfargen til innholdsteksten*/
}

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

p {
    margin: 0 0 9px 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; /*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:#e6ddc0; 
	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;
	
}
@

#content .forside { 
	margin:0px;
	padding:10px;

}