@charset "UTF-8";
/* CSS Document */
#slider_wrapper {width: 945px; height: 500px; float: left; position: relative;}

	 
/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
  
	background-image:url(../../media/skoghistorie/white.png);
	
	
    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width: 400px;
	

    /* some padding to layout nested elements nicely  */
	padding: 20px;

    /* a little styling */
    font-size:11px;


	
}

.overlay_tekst {max-width: 397px; overlflow: hidden;}

.overlay_tekst h2{font-size: 28px; margin-bottom: 5px;}
.overlay_tekst h3{font-size: 16px; margin-bottom: -5px; font-style:italic;}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(../../media/img/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:30px;
    width:30px;
	z-index: 400;
}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}



.overlay_bilde {float: left; position: relative; width: 395px; height: auto; overflow: hidden;}
.overlay_bilde img {max-width: 100%; max-height: 185px;}
.overlay_tekst {float: left; position: relative;  margin: 0;}
.overlay_tekst p {font-size: 14px; margin: };
.overlay_tekst h2 {font-size: 25px; margin: 0;}
.overlay_tekst h1 {font-size: 40px; line-height: 38px; margin: 0 0 10px 0;}

	
	
	.li_element_container_skoghistorie_s1 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_01.jpg)}
	.li_element_container_skoghistorie_s2 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_02.jpg)}
	.li_element_container_skoghistorie_s3 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_03.jpg)}
	.li_element_container_skoghistorie_s4 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_04.jpg)}		
	.li_element_container_skoghistorie_s5 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_05.jpg)}			
	.li_element_container_skoghistorie_s6 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_06.jpg)}
	.li_element_container_skoghistorie_s7 {width: 945px; height: 500px; display: block; background-color: #FFF; float: left; position: relative; overflow: hidden; background-image:url(../../media/skog_og_matfat/images/slice_07.jpg)}


.orange_knapp {width: 21px; height: 21px; position: absolute; cursor: pointer; background-image: url(../../media/skog_og_mangfold/knapp.png)}
.orange_knapp:hover {width: 21px; height: 21px; position: absolute; cursor: pointer; background-image:url(../../media/skog_og_mangfold/knapp_red.png);}

.orange-knapp:visited {background-image: url(../../media/skoghistorie/knapp_green.png);}

.hover {
    display: none;
	padding: 5px; background-color: #FFF;
	float: left; 
	position: absolute;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: -3px;
	left: 25px;
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #f58b19;
}

.hover p {font-size: 12px;}

a:hover + .hover{
    display: block;
}

.gronn_knapp {width: 21px; height: 21px; position: absolute; cursor: pointer;}

.knapp {width: 21px; height: 21px; background-image: url(../../media/skoghistorie/knapp.png); background-repeat:no-repeat; float: left; position: absolute; cursor: pointer;}
.knapp:hover {width: 21px; height: 21px; background-image:url(../../media/skoghistorie/knapp_green.png)); background-repeat:no-repeat; float: left; position: absolute; margin-bottom: 2px; background-color: #FFF;}

.skog_mangfold_skogtype_tittel {float: left; position: absolute; top: 10px; left: 10px; text-align:left;} 
.skog_mangfold_skogtype_tittel_s2 {floa: right; position: absolute; text-align: right; padding: 10px; right: 165px; top:0;} 
.skog_mangfold_skogtype_tittel h1, .skog_mangfold_skogtype_tittel_s2 h1 {font-size: 40px; color: #FFF; text-shadow: 0px 1px 10px rgba(0, 0, 0, 1);}

#slide_1_informasjon {top: 10px; right: 10px; width: 350px;}
#slide_2_informasjon {top: 60px; right: 10px; width: 350px;}
#slide_3_informasjon {left: 10px; top: 60px; width: 300px;}
#slide_4_informasjon {top: 10px; right: 10px; width: 350px;}
#slide_5_informasjon {top: 10px; right: 10px; width: 350px;}
#slide_6_informasjon {top: 10px; right: 10px; width: 700px;}
#slide_7_informasjon {top: 60px; left: 10px; width: 350px;}

.skog_mangfold_skogtype_informasjon {float: left; position: absolute;  -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; border: 1px solid #000;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.45) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */




-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);

}

/*.skog_mangfold_skogtype_informasjon {float: left; position: absolute;  -webkit-border-radius: 3px; border-radius: 3px; 
background-image: url(../../media/img/bg_black_OP800.png); padding: 10px; border: 1px solid #f58b19;}*/


.skog_mangfold_skogtype_informasjon2 {float: left; position: absolute; width: 905px; padding: 10px; bottom: 10px; left: 10px; -webkit-border-radius: 3px; border-radius: 3px; 
background-image: url(../../media/img/bg_black_OP800.png);}

.skog_mangfold_skogtype_informasjon p {color: #FFF;}

.overlay_vindu {background-color: #FFF;}

#S1_1	 {	left: 209px;		top: 246px; } 	/*  Elg*/
#S1_2	 {	left: 384px;		top: 336px; } 	/* Blåbær*/
#S1_3	 {	left: 611px;		top: 170px; } 	/* Gran */
#S1_4	 {	left: 675px;		top: 291px; } 	/*  Traktkantarell*/

#S2_1	{	left: 9px;			top: 432px; } 	/*  Gaukesyre*/
#S2_2	{	left: 130px;		top: 347px; } 	/*  Kantareller*/
#S2_3	{	left: 130px;		top: 257px; } 	/*  Harerug*/	
#S2_4	{	left: 170px;		top: 46px; } 	/*  Ringdue*/
#S2_5	{	left: 281px;		top: 273px; } 	/*  Hare*/
#S2_6	{	left: 302px;		top: 347px; } 	/*  Fåresopp*/
#S2_7	{	left: 587px;		top: 320px; } 	/*  Blek piggsopp*/

#S3_1 	{	left: 26px;			top: 303px; } 	/*  Geitrams*/
#S3_2	{	left: 268px;		top: 442px; } 	/*  Sisselrot*/
#S3_3	{	left: 315px;		top: 360px; } 	/*  Orrfugl*/
#S3_4	{	left: 844px;		top: 388px; } 	/*  Villbringebær*/

#S4_1	{	left: 327px;		top: 462px; } 	/*  Steinsopp*/
#S4_2	{	left: 422px;		top: 369px; } 	/*  Storfugl*/
#S4_3	{	left: 593px;		top: 432px; } 	/*  Blokkebær*/
#S4_4	{	left: 810px;		top: 369px; } 	/*  Tyttebær*/

#S5_1	{	left: 152px;		top: 356px; } 	/*  Mår*/
#S5_2	{	left: 309px;		top: 207px; } 	/*  rødstjert*/
#S5_3	{	left: 569px;		top: 473px; } 	/*  mjølbær*/
#S5_4	{	left: 798px;		top: 468px; } 	/*  røsslyng*/

#S6_1	{	left: 137px;		top: 375px; } 	/*  Hjort*/
#S6_2	{	left: 200px;		top: 230px; } 	/*  Hassel*/
#S6_3	{	left: 340px;		top: 387px; } 	/*  Brennesle*/
#S6_4	{	left: 385px;		top: 191px; } 	/*  Bjørk*/
#S6_5	{	left: 494px;		top: 354px; } 	/*  Jerpe*/
#S6_6	{	left: 552px;		top: 458px; } 	/*  Løvetann*/
#S6_7	{	left: 721px;		top: 214px; } 	/*  Rogn*/
#S6_8	{	left: 686px;		top: 387px; } 	/*  Rådyr*/
#S6_9	{	left: 824px;		top: 236px; } 	/*  Ask*/

#S7_1	{	left: 335px;		top: 433px; } 	/*  Fjellbjørkemåler*/
#S7_2	{	left: 448px;		top: 439px; } 	/*  Multer*/
#S7_3	{	left: 709px;		top: 275px; } 	/*  Einer*/
#S7_4	{	left: 870px;		top: 469px; } 	/*  Rype*/