/**
* 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-size: 12px;
	font-family: Geneva, sans-serif;
	background: #fff;
	color: #333333;
	margin: 0px 0px 0px 0px;/*IKKE FORANDRE*/
	padding: 0px 0px 0px 0px;/*IKKE FORANDRE*/
}


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: #333333; }
a:active { text-decoration: none; color: #333333; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; color: #CC0066; }
a img { border: none; }/*IKKE FORANDRE*/



/* Her kan du forandre menyens bredde, høyde og bakgrunnsfarge */

#menu {

    	width: 250px; /*Dette er menyens brede*/
    	overflow: auto;/*IKKE FORANDRE*/
    	position: fixed;/*IKKE FORANDRE*/
    	height: 900px;
	background-color: #fff; /*Dette er bakgrunnsfargen bak menyen*/
	

}

/* Her kan du forandre menyens marginer */

#menu .container {

	margin:25px 25px 25px 25px; /* top, right, bottom, left */ 
}


/* Her forandrer du avstanden mellom seksjonene i menyen */

#menu ul {

	list-style: none;
	padding: 20px 0px 0px 5px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* IKKE FORANDRE */
	
}


/* dette er koden for seksjonstittlene i menyen */ 

#menu ul li.section-title {

	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	border-bottom: 1px dotted #CC0066; /* Dette er linjen som ligger under seksjonstittlene*/
	font-family: Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0066;
}


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

#menu ul li {

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


/*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 { }



/*Dette er koden for selve innholdet*/

#content {
	display: inline-block; /* IKKE FORANDRE */
    	height: 100%;
	line-height:15px;
    
}


/*Her kan du forandre innholds marginer og brede i forhold til venstre kant av browseren*/

#content .container {
	
	margin: 30px 25px 25px 270px; /* top, right, bottom, left */
	width: 500px;
}


#content p { width: 456px; margin-bottom: 9px;}

p {
    margin: 0 0 9px 0;
}


/*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: Geneva, Arial, Helvetica, sans-serif, "Arial Narrow Bold";}
h2 { font-size: 24px; font-family: Geneva, Arial, Helvetica, sans-serif, "Arial Narrow Bold";}
h3 { font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif, "Arial Narrow Bold"; color: #CC0066; margin: 0px 0px 5px 0px; font-style: italic;}
h4 { font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif, "Arial Narrow Bold"; color: #CC0066; margin: 0px 0px 5px 0px;}
pink { font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif, "Arial Narrow Bold"; color: #CC0066; margin: 0px 0px 0px 0px;}
small { font-size: 8px; }

#img-container	{ margin: 0; padding: 0;}
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0;}
#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 om du ønsker ved hjelp av html kode*/
#line {
	width: 700px;
	border-bottom: dotted 1px #CC0066;
	height: 2px;
	display: block;
}

#line2 {
	width: 900px;
	border-bottom: dotted 1px #CC0066;
	height: 2px;
	display: block;
}

#line3 {
	width: 300px;
	border-bottom: dotted 1px #CC0066;
	height: 2px;
	display: block;
}

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

h4.time {
	padding: 50px 0px 0px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif, "Arial Narrow Bold";
	font-size: 14px;
	font-weight: bold;
	color: #CC0066;
}

/*Dette er koden som kontrollere bildet pΠhjemmeside*/

#home {
	
	margin: 0px 0px 0px 20px;

}

#home img {
	border-style: solid;
	border-width: 2px;
	border-color: #CC0066;

}


/*


   Magic Zoom v3.1.18 DEMO
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magiczoom/


*/

.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {

}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}



/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(img/ajax-loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}	

#magiczoom-big
{
position:absolute;
left:200px;
top:100px;
}