@charset "ISO-8859-1";
/* CSS Document */

/* **************************************** */

/* GENERELT CSS-DOKUMENT FOR Skogveven 	*/
/* SIST OPPDATERT AV: Per Håkon 05.11.2014 PHG	*/
/* Skogbrukets Kursinstitutt 								*/

/* **************************************** */


/* *************** 	*/
/* TYPOGRAFI 				*/
/* *************** 	*/

body, ideabank_header, ideabank_dynamic {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
b {
	font-weight: bold;
}
h1, h2, h4, h5, h6 {
	font-family: 'Changa One', cursive;
	font-weight: 400;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p {
	margin: 0;
}
h1 {
	font-size: 40px;
	margin: 0;
	letter-spacing: -0.5px;
	text-transform:uppercase;
	margin-bottom: 0;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
h2 {
	font-size: 22px;
	margin-bottom: 0;
	margin-top: 10px;
	color: #333;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	line-height: 22px;
}
h3 {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 10px;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	letter-spacing: -1px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
}
/*OVERSRKIFTER I INFORMASJONSBOKSER */
/* Lærer knapp tekst */
h5 {
	font-size: 25px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	line-height: 25px;
	margin-top: 0;
	text-transform:uppercase;
}
/*OVERSKRIFTER I DROP DOWN MENYER */
h6 {
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 0;
	margin-bottom: 8px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	text-transform:uppercase;
}
#infobox_idebank h6, #infobox_skoglex h6, #qfield_holder h6 {
	font-size: 30px;
	margin-top: -6px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	text-decoration: none;
}
#infobox_idebank a, #infobox_skoglex a, #qfield_holder a {
	text-decoration: none;
}
#activitiybox_header_container h6 {
	font-size: 28px;
	margin-top: -2px;
}
.infobox_container h6 {
	font-size: 22px;
	margin: 0;
}
#ideabank_dynamic h2 {
	color:#FFF;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0);
	font-size: 18px;
	margin-top: -5px;
}
/* GENERELL TYPOGRAFI */

/* Overordnet lenkestil */

a:link {
	color: #e37426;
}
a:visited {
	color: #e37426;
}
a:hover {
	color: #efa91f;
}
a:active {
	color: #efa91f;
}
/* Brødsmuletekst */

.breadcrumb_text p {
	margin: 0;
	font-size:12px;
	color:#000;
}
.breadcrumb_text a {
	color:#FFF;
}
.breadcrumb_text a:hover {
	color:#000;
}
/* Lærer knapp */

.teacher_button_link a {
	color: #FFF;
	text-decoration:none;
}
/* Footer tekst */
.footer_list {
	font-size: 14px;
	color:#9f928b;
	margin: 0px;
}
.footer_list a {
	font-size: 14px;
	/* color:#9f928b; */
	color: #eae1dd;
	text-decoration: none;
	margin: 0px;
}
.footer_list a:hover {
	font-size: 14px;
	color:#efa91f;
	text-decoration: underline;
	margin: 0px;
}
.skoleskogen_footer_info {
	float: right;
	width: 280px;
background-color: #;
	position: relative;
	bottom: 20px;
	right: 0;
	color: white;
}
.skoleskogen_footer_info p {
	color: #FFF;
	font-size: 11px;
}
.copyright {
	font-size: 11px;
	color:#5d524d;
	margin: 0px;
}


/* Tekst på verdenskart */
.maptext {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
/* ******************************************************************** */
/* BYGGSTRUKTUR (alle DIV-klasser som er benyttet i konstruksjonen */
/* ******************************************************************** */

/* BODY STYLING */
body, html {
	/*background-color: #f1f1f1;*/
	margin: 0;
}
/* HOVEDWRAPPEREN */
/* Inneholder "trestruktur" i sentrum av bildet */

#maincontent_wrapper {
	width: 1070px;
	height: auto;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	margin-top: 0px; 
	/*background-image:url(media/img/decoration_area_1.png);*/
	z-index:0;
}
#topwrapper {
	width: 100%;
	height: 126px;
	background-image:url( Troms og Finnmarkimg/standard_bakgrunnsgradient.png);
	background-repeat:repeat-x;
	background-color:none;
}
#logo_holder {
	width: 346px;
	height: 124px;
	float: left;
	position:relative;
	left: 11px;
	top: 0px;
}
#ideabank_holder {
	width: 400px;
	height: 114px;
	float: left;
	position:relative;
	left: 21px;
	top: 10px;
	/* border-style:solid;
	border-width: 0px 1px 0px 1px;
	border-color:#7d6f68; */
}
#ideabank_header {
	width: 100%;
	height: 24px;
	padding-bottom: 5px;
	float: left;
	position:relative;
	border-style:solid;
	border-width: 0px 0px 1px 0px;
	border-color:#7d6f68;
	font-size:20px;
	color: #efab1f;
	font-weight:bold;
	text-indent: 10px;
}
#ideabank_dynamic {
	width: 385px;
	max-height: 70px;
	overflow:hidden;
	color: #d1c5bf;
	font-weight:normal;
	margin-left: 10px;
	padding-top: 10px;
	font-size:14px;
	float: left;
	position:relative;
}
#searchshare_holder {
	width: 245px;
	height: 114px;
	float: left;
	position:relative;
	left: 21px;
	top: 20px;
	padding:0;
}
#sharefield_holder {
	color: #FFF;
	float: right;
	position: relative;
	height: 40px;
	vertical-align:middle;
	margin-top: 5px;
	margin-right:-10px;
	width: 220px;
	z-index:1;
!important
}
#sharefield_holder p {
	color:#FFF;
	font-size:14px;
}
.st_email_custom_styling {
	margin-left: 15px;
	cursor: pointer;
}
#searchfield_holder {
	width: 224px;
	height: 41px;
	background-image:url(../media/img/searchfield_bg.png);
	left: 10px;
	float: right;
	position:relative;
	font-size:20px;
	color: #efab1f;
	font-weight:bold;
}
.searchfield_styling {
	width: 170px;
	height: 36px;
	margin-top: 0px;
	/*background-image:url(media/img/searchfield_bg.png); */
background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	padding: 2px 0px 5px 10px;
	font-size:14px;
	color:#7d6f68;
	float:left;
	position:relative;
	vertical-align:middle;
	display:inline;
}
.searchbutton_styling {
	width: 40px;
	height: 40px;
	background-image:url(../media/img/searchfield_button.png);
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	padding: 0;
	font-size:14px;
	color:#7d6f68;
	cursor:pointer;
	float: right;
	position:relative;
	background-position:top -5px -5px;
}
.newsletter_button_styling {
	width: 73px;
	height: 37px;
	background-image:url(../media/img/button_footer.png);
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	padding: 0;
	margin-top: 5px;
	font-size:14px;
	color:#5f544f;
	cursor:pointer;
	float: left;
	background-position:top -5px -5px;
}

.newsletter_button_styling:hover {
	opacity: 0.8;
	outline: 1px solid #fff;
	-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

#menufield_holder {
	width: 1005px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	opacity:75%;
	position: relative;
	z-index: 1;
}
.klima_button {
	width: 177px;
	height: 40px;
	background-image: url(../media/img/temasider_button_bg.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 30px;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0px #000;
	-moz-text-shadow: 1px 1px 0px #000;
	cursor: pointer;
	z-index: 998;
}

.klima_button:hover {
	background-image: url(../media/img/temasider_button_bg_over.png);
	}

#klima1_button {
	margin-top: 5px;
	margin-left: 10px;
}
#klima2_button {
	margin-top: 5px;
	margin-left: 10px;
}
#klima3_button {
	margin-top: 5px;
	margin-left: 10px;
}
#klima4_button {
	margin-top: 5px;
	margin-left: 10px;
}
#klima_dropdown {
	margin-top:20px;
}

#rundtturer_button {
	width: 177px;
	height: auto;
	margin-top: 31px;
	margin-left: 95px;
	background-image:url(../media/img/temasider_button_bg.png);
	background-repeat: no-repeat;
	position:relative;
	float: left;
	color: #FFF;
	padding-top:15px;
	padding-bottom: 10px;
	text-align:center;
	font-size:30px;
	letter-spacing:-1px;
	text-shadow: 1px 1px 0px #000;
	-moz-text-shadow: 1px 1px 0px #000;
	cursor: pointer;
	z-index:999;
}
#temasider_button {
	width: 177px;
	height: auto;
	margin-top: 31px;
	margin-left: 130px;
	background-image:url(../media/img/temasider_button_bg.png);
	background-repeat: no-repeat;
	position:relative;
	float: left;
	color: #FFF;
	padding-top:15px;
	padding-bottom: 10px;
	text-align:center;
	font-size:30px;
	letter-spacing:-1px;
	text-shadow: 1px 1px 0px #000;
	-moz-text-shadow: 1px 1px 0px #000;
	cursor: pointer;
	z-index:999;
}

#rundtturer_button:hover, #temasider_button:hover {background-image:url(../media/img/temasider_button_bg_over.png);}

#teacher_button {
	width: 129px;
	height: 38px;
	padding-top: 10px;
	margin-top: 30px;
	margin-right: 10px;
	background-image:url(../media/img/teachers_button_bg.png);
	background-repeat: no-repeat;
	position:relative;
	float: right;
	color: #FFF;
	text-align:center;
}
#choice_see_text {
	width: 278px;
	height: 21px;
	margin-top: 37px;
	margin-left: 7px;
	/*background-image:url(../media/img/choose_what_u_will_see.png);*/
background-repeat: no-repeat;
	position:relative;
	float: left;
}
#breadcrumb_holder {
	width: 278px;
	height: auto;
	margin-top: 40px;
	margin-left: 15px;
	position:relative;
	float: left;
	overflow:visible;
}
/* FOKUSFELTETS HOVEDBAKGRUNN */

#focusfield_holder {
	height: auto;
	float:left;
	position:relative;
	display:block;
	/*margin-left: 30px;*/
	margin-right: auto;
	margin-top: 12px;
	padding: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;/* DISABLED 07.04.2011 av PHG */
/* box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;*/
}
#map {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#left_wide_column {
	width: 620px;
	height: auto;
	min-height:500px;
	margin-right: 15px;
	background-color:none;
	float: left;
	position:relative;
}
/* Brukes på undersider */
#wide_column_container {
	width: 960px;
	height: auto;
	margin-right: 15px;
	background-color:none;
	float: left;
	position:relative;
}
#right_narrow_column {
	width: 340px;
	height: auto;
	min-height:500px;
	float: left;
	position:relative;
	z-index:0;
!important
}
#focusfield_content_holder {
	width: 100%;
	height: auto;
	float: left;
	position:relative;
}
/* Venstrekolonne holder for forsiden*/

#focusfield_container {
	width: 590px;
	min-height: 495px;
	float: left;
	margin-bottom: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#f1f1f1;
	padding: 15px;
}
/* Fokusfelt for undersider / artikler med høyrekolonner */

#focusfield_container_narrow {
	width: 590px;
	min-height: 350px;
	height: auto;
	margin-bottom: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#f1f1f1;
	padding: 15px;
}
/* Fokusfelt for undersider / artikler med kun én kolonne */

#focusfield_container_wide {
	width: 945px;
	float: left;
	margin-bottom: 15px;
	background-color:#f1f1f1;
	padding: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* mediaholder i topp av underside / artikkelside med én kolonne */
#media_container_focus_wide {
	width: 945px;
	min-height: 300px;
	height: auto;
	margin-bottom: 15px;
	float: left;
	position: relative;
	display: inline;
	background-color: #f1f1f1;
	overflow:hidden;
	pading: 0;
}
/* mediaholder i topp av underside / artikkelside med to kolonner */
#media_container_focus_narrow {
	width: 590px;
	height:auto;
	/*min-height: 300px;*/
margin-bottom: 15px;
	float: left;
	position: relative;
	display: inline;
	background-color: #f1f1f1;
	overflow:hidden;
	/* overflow-style:marquee-block; */
padding: 0;
}
#media_container_focus_narrow img {
	/*max-height:125px;*/
}
#media_container_focus_narrow p {
	margin:0;
}
hr {
	border-top: 1px solid #CCC;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
/* Felt for rating og opphavsperson i undersider / artikkelsider. Brukes både på én og tokolonnede sider */

#focusfield_rating_holder {
	width: 100%;
	margin-left: -20px;
	display: inline-block;
	height: auto;
	float: left;
	position:relative;
	background-color:#F2F2F2;
	background-image:url(../media/img/bg_gradient_box_info_OP30.png);
	background-image:url(../media/img/bg_f1f1f1_tile.png);
	background-repeat:repeat;
	padding: 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom: 0px;
	margin-top: 15px;
	border: solid 1px #999;/* DISABLED av PHG 07.04.2011 */
	/*box-shadow: 2px 0px 5px #888;
	-moz-box-shadow: 2px 0px 5px #888;
	-webkit-box-shadow: 2px 0px 5px;*/
	
}
.focusfield_rating_content {
	margin-left: 10px;
}
#focusfield_rating_holder p {
	font-size:12px;
	margin: 0px;
}
/* Holder for bokser under ved bred underside / artikkelside. */

#focusfield_box_container {
	width: 945px;
	min-height: 350px;
	height: auto;
	margin-bottom: 0px;
	float: left;
	position: relative;
}
/* Radbokser for bred underside / artikkelside. */

.focusfield_box_holder_column {
	float: left;
	width: 340px;
	position: relative;
	display: block;
	margin-right: 15px;
}

/* Visning av treslag */
.treslag_button {
	width: 200px;
	height: 37px;
	background-image:url(../media/img/button_footer_orange_200.png);
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	padding: 0;
	margin-top: 5px;
	font-size:14px;
	color:#FFF;
	cursor:pointer;
	float: left;
	background-position:top -5px -5px;font-family: 'Changa One', cursive; font-size: 16px; text-transform:uppercase;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);

}

.treslag_button:hover {background-image:url(../media/img/button_footer_orange_over_200.png); color: #FFF;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}

/* Kampanjefelt på forsiden. Kan inneholde video, bilder eller flash avhengig av ønsket effekt. */	

#campaignfield_holder {
	width: 620px;
	min-height: 350px;
	height: auto;
	margin-bottom: 15px;
	background-image:url(../media/img/bg_black_OP50.png);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;/* DISABLED av PHG 07.04.2011 */
/*-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;*/

}
/* Mindre kampanjefelt øverst i høyre kolonne på forsiden. Kan inneholde video, bilder eller flash avhengig av ønsket effekt og fokus. */

#offerfield_holder {
	width: 100%;
	height: 214px;
	margin-bottom: 15px;
	background-image:url(../media/img/bg_black_OP50.png);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;/* DISABLED av PHG 07.04.2011 */
/*-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;		*/
}
#offerfield_holder img {
	max-height: 214px;
	max-width: 310px;
}
/* Konkurransefelt. Ekspanderbart. Holder */
#competition_field_holder {
	width: 648px;
	min-height: 68px;
	height: auto;
	overflow: visible;
	margin-bottom: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#f1f1f1;
	background-image:url(../media/img/bg_greenpattern_OK.png);
	margin-left: -30px;
	border: solid #2e490b 1px;
	background-color:#88c541;
	color: #2e490b;
	float: left;
	position:relative;/* DISABLED av PHG 07.04.2011 */
/* -moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000; */
}
/* Header i konkurransefeltet. Vises før trykking på forsiden */
#competition_field_container {
	height: 63px;
	width: 603px;
	padding: 10px 30px 10px 30px;
	float: left;
	position:relative;
}
#competition_field_container h1 {
	margin: -3px 0 0 0;
}
/* Informasjon som vises etter trykking styrt av jQuery */
.competition_field_container_info {
	height: auto;
	width: 603px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 15px;
	float: left;
	position: relative;
	padding-bottom: 15px;
}
/* Nyhetsfelt forside */
#newsfield_holder {
	width: 620px;
	height: auto;
	float: left;
	position:relative;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/* DISABLED av PHG 07.04.2011 */
/* -moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000; */

background-color:#f1f1f1;
}
/* Invidivudell nyhets holder */
.newscase_container {
	width: 590px;
	float: left;
	position:relative;
	padding:15px;
	margin-top: auto;
	margin-bottom: auto;
}
.newscase_container h1 {
	font-size: 40px;
	color: #000;
	font-weight: bold;
	letter-spacing:-1px;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 1), 0px -1px 2px rgba(0, 0, 0, 0.2);
}
/* Overskrift */
.newscase_header {
	float: left;
	position:relative;
	width: 420px;
	float: left; 
	position: relative;
	
}

.front_image_left_container {float: left; position: relative; max-width: 150px; min-width: 0px;height: auto;}
.front_text_right_container {float: left; position: relative; width: 420px; margin-left: 15px;}
.newslink {float: left; position: relative; width: 420px; margin-top: 7px;}

/* Bildefelt på forside, venstreorientering. Max 125px høyt, alt annet fjernes. */
.front_news_thumb_left {
width: 150px;
border: 1px solid #CCC;
	overflow:hidden;
	float: left;
}
.front_news_thumb_left img {
border: 0;
height:auto;
width:auto;
max-width: 150px;
max-height: 150px;
}


/* Ingressfelt */
.newscase_byline {
	font-size: 14px;
	font-weight: normal;
	color: #250e08;
	width: 420px;
	float: left; position: relative; 
	
}
/* Holder for aktivitetsbokser på høyre side av tokolonne underside og forside */
#activity_box {
	width: 338px;
	height: auto;
	float: left;
	position:relative;
	margin-bottom: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom: 15px;
	border: solid #000 1px;
	background-image:url(../media/img/bg_black_OP10.png);/* DISABLED av PHG 07.04.2011 */
/* -moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000; */
}
/* Header for aktivitetsbokser */
#activitiybox_header_container {
	width: 308px;
	float: left;
	position:relative;
	height: 25px;
	padding: 15px 15px 15px 15px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	background-image:url(../media/img/bg_greenpattern_OK.png);
	background-color:#88c541;
	color: #FFF;
	/*color: #2e490b;*/
	border-bottom: solid #2e490b 1px;
}
/* Større for header i de enkelte dynamiske boksene */
#activitiybox_gold_containe h6, #activitiybox_silver_container h6, #activitiybox_bronze_container h6 {
	font-size: 20px;
	margin-bottom: 20px;
}
/* Topp rated aktivitet #1 */
#activitiybox_gold_container {
	width: 336px;
	float: left;
	position:relative;
	height: 65px;
	background-image:url(../media/img/bg_gold_tile.png);
	cursor:pointer;
	background-color:#e0ba3e;
	border: solid #e0ba3e 1px;
}
/* Topp rated aktivitet #2 */
#activitiybox_silver_container {
	width: 336px;
	float: left;
	position:relative;
	height: 65px;
	background-image:url(../media/img/bg_silver_tile.png);
	cursor:pointer;
	background-color:#bdbebf;
	border: solid #bdbebf 1px;
}
/* Topp rated aktivitet #3 */
#activitiybox_bronze_container {
	width: 336px;
	float: left;
	position:relative;
	height: 65px;
	background-image:url(../media/img/bg_bronze_tile.png);
	cursor:pointer;
	background-color:#d4c6b3;
	border: solid #d4c6b3 1px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
/* Styling av undertekster for hver enkelt rated aktivitet */
.activitiybox_bylinetext {
	min-width: 308px;
	float: left;
	position:relative;
	padding: 15px;
	color: #d1c5bf;
	font-size:14px;
	border-width: 0px 0px 1px 0px;
	border-color: #000;
	border-style:solid;
	background-image:url(../media/img/bg_gradient_box_info.png);
	background-repeat:repeat-x;
}

.activitiybox_bylinetext_container {margin: 15px;}

.activitiybox_bylinetext p {margin: 5px;}

/* Boks for ytterligere 5 aktiviteter */
#activitiybox_bottomlist {
	width: 308px;
	float: left;
	position:relative;
	height: auto;
	min-height: 59px;
	padding: 15px;
}
/* Tekst for disse... */
.activitiybox_bylinetext_bottom {
	width: 308px;
	float: left;
	position:relative;
	height: auto;
	padding: 15px 15px 0px 15px;
	color: #d1c5bf;
	font-size:14px;
	border-width: 0px 0px 1px 0px;
	border-color: #666;
	border-style:none;
	background-image:url(../media/img/bg_black_OP50.png);
}
/* Piler for rated aktiviteter */
.box_images_rightside_arrow {
	margin: 8px 15px 15px 0px;
	display: inline;
	vertical-align:middle;
	float: right;
	position:relative;
}
#infobox_skoglex {
	width: 340px;
	float: left;
	position:relative;
	height: 65px;
	/*background-image:url(../media/img/bg_skoglex.png);*/
background-image:url(../media/img/bg_skoglex_tile.png);
	cursor:pointer;
	color: #FFF;
	margin-bottom: 15px;
	background-color:#1b3943;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* DISABLED av PHG 07.04.2011 */
/* box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000; */


border: solid #214e60 1px;
}
#infobox_idebank {
	width: 340px;
	float: left;
	position:relative;
	height: 65px;
	/*background-image:url(../media/img/bg_idebank.png);*/
background-image:url(../media/img/bg_idebank_tile.png);
	cursor:pointer;
	color: #FFF;
	margin-bottom: 15px;
	background-color:#540e12;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* DISABLED av PHG 07.04.2011 */
/* box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000; */

border: solid #7a1419 1px;
}
.infobox_container {
	margin: 22px 5px 14px 5px;
	color: #FFF;
	float: left;
	display: inline;
	vertical-align:middle;
	position:relative;
	
}
.box_images {
	margin: 8px 5px 15px 5px;
	display: inline;
	vertical-align:middle;
	float: left;
	position:relative;
	display: block;
}
/* Send inn spørsmåls-felt */
#qfield_holder {
	width: 340px;
	
	
	
	overflow:hidden;
	float: left;
	position:relativ;
	background-color:#9d4f22;
	background-image:url(../media/img/bg_qfield.png);
	color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	border: solid #893e21 1px;
}
/* kontainer for over nevnte */

.qfield_header_container {
	
	float: left;
	position:relative;
	
padding: 0;
margin-bottom: -5px;
	/*background-image:url(../media/img/icon_wood.png);*/
	
	overflow: visible;
	
	

	
}

.qfield_answers	{
	background-image:url(../media/img/bg_black_OP50.png);
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000;
	}
	
.qfield_text {color: #666;}	

#qfield_lastname {width: 170px; height: 30px; margin-top: 0px; margin-left: 5px;}
#qfield_surname {width: 100px; height: 30px; margin-top: 10px;}
#qfield_age {width: 50px; height: 30px; margin-top: 10px; margin-left: 5px;}
#qfield_school {width: 150px; height: 30px; margin-top: 10px; margin-left: 0px;}
#qfield_mail_subject  {width: 288px; height: 30px; margin-top: 10px; margin-left: 0px;}
#qfield_textfield {width: 288px; background-image:url( Troms og Finnmarkcss/media/img/bg_gradient_box_info.png); padding: 10px; max-width: 308px; max-height:200px; height: 150px; margin-top: 10px; margin-left: 0px;}

#qfield_lastname, #qfield_surname, #qfield_age, #qfield_school, #qfield_textfield, #qfield_mail_subject {-moz-border-radius: 3px;	-webkit-border-radius: 3px; border: none; text-indent: 5px; -webkit-box-shadow: inset 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 2px 2px 10px 0px rgba(0, 0, 0, 0.5);}
	
.qfield_answers	h1 {font-size: 18px; text-shadow:none;}	
.qfield_answers	h2 {font-size: 14px; color: #FFF; text-shadow:none;}	
.qfield_answers	p {font-size: 13px;}
/*.qfield_answers	a {font-size: 15px; font-weight: bold;}
.qfield_answers	a:link {color: #FFF;}
.qfield_answers	a:hover {color: #CCC;}
.qfield_answers	a:visited {color: #FFF;}
.qfield_answers	a:visited:hover {color: #CCC;}*/

.qfield_answers hr {width: 100%; border-top: 1px solid #782d14; border-bottom: 1px solid #e59c78; float: left; position: relative;}

.qfield_container {
	margin-left: 15px;
	margin-bottom: 15px;
	float: left;
	position:relative;
	width: 308px;
	
	/*background-image:url(../media/img/icon_wood.png);*/
	
	overflow: visible;
	
	
}
.qfield_container hr {width: 100%; border-top: 1px solid #FFF;}

.qfield_container	h1 {font-size: 18px; text-shadow:none;}	

.qfield_container p {
	margin: 0;

}

.qfield_button {
	width: 73px;
	height: 37px;
	background-image:url(../media/img/button_footer_orange.png);
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	padding: 0;
	margin-top: 5px;
	font-size:14px;
	color:#FFF;
	cursor:pointer;
	float: left;
	background-position:top -5px -5px;font-family: 'Changa One', cursive; font-size: 16px; text-transform:uppercase;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);

}

.qfield_button:hover {background-image:url(../media/img/button_footer_orange_over.png); color: #FFF;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
/* ******************************************************************** */
/* Footer klasser og styling. */
/* ******************************************************************** */


#footer_wrapper {
	width: 100%;
	
	float:left;
	
	bottom:0;
	/*left: 0; /* Endret 04.05.2012 */
	background-image:url(../media/img/mainback_temp.png);
	left: 0;
	background-repeat:repeat;
	background-color:#000;
	
	border-top: 3px solid #4e2a17;
	
	margin-top: 15px;
	
	margin-bottom: 0px;
	box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
}
#footer_wrapper h2 {
	color: #d1c5bf;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
} /* Farger på overskriftene i footeren */
#footer_center_holder {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#footer_center_container {
	width: 100%;
	height: auto;
	float: left;
	position:relative;
}
#footer_left_wide_column_wrapper {
	width: 615px;
	margin-right: 0px;
	float: left;
	position:relative;
	background-color:none;
	clear: both;
}
#footer_right_narrow_column_wrapper {
	width: 340px;
	position:relative;
	background-color:none;
	float: right;
	position:relative;
}
.footer_listbox_holder {
	width: 180px;
	height: auto;
	float: left;
	margin-right: 25px;
	padding: 0;
	color: #d1c5bf;
	background-color:none;
	margin-bottom: 15px;
}
.footer_listbox_holder_right {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 25px;
	padding: 0;
	color: #d1c5bf;
	background-color:none;
	margin-bottom: 15px;
}
.footer_andre_vever_container {
	width: 615px;
	height: auto;
	overflow: visible;
	float: left;
	margin-right: 0px;
	position:relative;
	padding-top: 15px;
	border-width: 1px 0px 0px 0px;
	border-color: #4e2a17;
	border-style:solid;
	color: #d1c5bf;
	margin-bottom: 15px;
}
.footer_vevlogos_container {
	width: 320px;
	position: relative;
	float: left;
	color: #d1c5bf;
	margin-bottom: 15px;
	font-size: 11px;
	top: 0;
}
.footer_vev_info {
	width: 295px;
	width: 615px;
	position: relative;
	float: left;
	margin-right: 0px;
	color: #d1c5bf;
	margin-bottom: 15px;
	font-size: 11px;
}
.footer_vev_logos {
	margin-right: 15px;
	margin-top: 15px;
	display: inline;
	vertical-align:middle;
}
/* COPYRIGHT AREA */

#copyright_wrapper {
	width: 100%;
	min-height:50px;
	height: auto;
	float:left;
	position:relative;
	background-color:#2a1104;
	background-image: url(../media/img/mainback_temp.png);
	;
	border-color:#4e2a17;
	border-width: 1px 0px 0px 0px;
	margin-top: 0px;
	border-style:solid;
	margin-bottom: 0px;
}
#copyright_holder {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 25px;
}
/* ******************************************************************** */
/* Generell stiling. Her fylles tilleggsstiler inn etter som de dukker opp. Type bildeformattering i brødekst på undersier mm. */
/* ******************************************************************** */



/* ******************************************************************** */
/* Delelinjer til bruk i siden */
/* ******************************************************************** */

.dividerline_news {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: 2px solid #dcdcdc;
	border-bottom: 2px solid #FFF;
	float: left;
	position: relative;
	height: 0;
	width: 620px;
}
.dividerline_focus_narrow_ratefield {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #FFF;
	float: left;
	position: relative;
	height: 0px;
	width: 590px;
}
.dividerline_focus_wide_ratefield {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #FFF;
	float: left;
	position: relative;
	height: 0px;
	width: 945px;
}
.dividerline_focus_narrow {
	margin-top: 5px;
	margin-bottom: 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #FFF;
	float: left;
	position: relative;
	height: 0px;
	width: 590px;
}
/**************************************************************************/
/* Skogene i verden CSS. Egne stiler for underseksjonen skogene i verden. */
/**************************************************************************/


/* CSS Document */


/*h1 {font-weight: bold; font-size: 18px;}*/
/*h2 {font-weight: bold; font-size: 17px; margin-top: 10px;}*/
/* p:hover {color: #e88824; cursor: pointer;}*/

#siv_content_wrapper {
	width: 945px;
	height: 500px;
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
}
#siv_text_wrapper {
	width: 945px;
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
}
#siv_text_wrapper h1 {
	margin: 0;
	font-size: 22px;
	line-height: 30px;
}
#siv_text_wrapper h2 {
	margin: 0 0 -40px 0;
	font-size: 16px;
}
img {
	border:0;
}
#content_container {
	widt: 948px;
	heigth: 500px;
	margin: 0;
	float: left;
	position: relative;
	background-color: #FFF;
}
.map_layer_container {
	width: 948px;
	height: 500px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
}
.siv_interface_container {
	position: absolute;
	width: 220px;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding: 20px;
	border: 1px solid #FFF;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.25) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.3)), color-stop(100%, rgba(255,255,255,0.25))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.25) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.25) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.25) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.25) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#40ffffff', GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
}
.siv_interface_container p {
	line-height: 30px;
	margin: 0;
}
#grenser {
	z-index: 9;
}
#innsjoer {
	z-index: 8;
}
#boreale {
	z-index: 7;
}
#temporare {
	z-index: 6;
}
#regnskog {
	z-index: 5;
}
#andre_skoger {
	z-index: 4;
}
#ingen {
	z-index: 3;
}
#bakgrunnskart {
	z-index: 2;
}
#bakgrunnsfarge {
	z-index: 1;
	display: none;
}
.siv_boks {
	float: left;
	position: relative;
	display: inline;
	margin: 0 5px 0 0;
}
#VisBoreale, #SkjulBoreale, #VisRegnskoger, #SkjulRegnskoger, #VisTempererte, #SkjulTempererte, #VisGrenser, #SkjulGrenser, #VisAndre, #SkjulAndre, #VisIngen, #SkjulIngen {
	float: left;
	position: relative;
	height: 30px;
	margin:0;
	display: inline-block;
}
.siv_dividerline {
	width: 190px;
	border-top: 1px solid #CCC;
	margin: 10px 0 10px 0;
	float: left;
	position: relative;
	clear: both;
}
#VisBoreale:hover, #SkjulBoreale:hover, #VisRegnskoger:hover, #SkjulRegnskoger:hover, #VisTempererte:hover, #SkjulTempererte:hover, #VisGrenser:hover, #SkjulGrenser:hover, #VisAndre:hover, #SkjulAndre:hover, #VisIngen:hover, #SkjulIngen:hover {
	cursor: pointer;
	color: #F90;
}
#BorealeTekst, #TempererteTekst, #RegnskogTekst, #AndreTekst, #IngenTekst, #IntroTekst {
	padding: 20px;
	border-bottom: 1px solid #CCC;
}
#IntroTekst p, #RegnskogTekst p, #BorealeTekst p, #AndreTekst p, #TempererteTekst p, #IngenTekst p {
	margin-bottom: 10px;
}
#IntroTekst h1, #RegnskogTekst h1, #BorealeTekst h1, #AndreTekst h1, #TempererteTekst h1, #IngenTekst h1 {
	margin: -2px 0 0 30px;
}
#IntroTekst h2, #RegnskogTekst h2, #BorealeTekst h2, #AndreTekst h2, #TempererteTekst h2, #IngenTekst h2 {
	margin: 5px 0 0 0;
	font-size: 18px;
}
.margin_top_10 {
	margin-top: 10px;
}
.margin_bunn_10 {
	margin-bottom: 10px;
}
.margin_bottom_5 {
	margin-bottom: 5px;
}
#boreale_les, #tempererte_les, #regnskog_les, #andre_les {
	display: inline-block;
	height: 30px;
	width: 30px;
	float: left;
	margin: 0;
	clear: none;
}
/* ******************************************************************** */
/* Overlay på skog og mangfold og skog og matfat. Enkel stiling - mye gjøres i JS.
/* ******************************************************************** */



  /* the overlayed element */
.apple_overlay {
	/* initially overlay is hidden */
    display:none;
	/* growing background image */
    background-image:url(../media/img/white.png);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	border: 1px solid #ccc;
	position: fixed;
	top: 15px;
	/*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;
	height:auto;
	max-height:640px;
	overflow:auto;
	/* some padding to layout nested elements nicely  */
    padding:20px;
	/* a little styling */
    font-size:14px;
	z-index:999;
}
.apple_overlay h3 {
	font-size: 35px;
}
.apple_overlay img {
	margin-bottom: 5px;
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../media/img/close2.png);
	background-color:transparent;
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	height:30px;
	width:30px;
}


/* ---- */

#skoglex_header_container {float: left; position: relative; width: 100%;}
#skoglex_header_icon {float: left; position: relative; display: inline-block; margin-right: 10px;}
. skoglex_header_2 {display: inline-block;float: left; position: relative;}
.skoglex-header_2 h2 {text-transform:uppercase;}
#skoglex_tilbakeknapp { position: absolute; right: 0; display: inline-block; float: right; top: 0;}
#skoglex_tilbakeknapp h2 a {text-decoration: none;}
#skoglex_content {float: right; margin: 3px 0px 10px 10px;}
#skoglex_content img {max-width: 100%; max-height: 100%;}

.skoglex_dividerline {border-top: 1px solid #cccccc; border-bottom: 1px solid #d8d8d8; width: 100%; float: left; position: relative; margin: 10px 0 10px 0;}
#skoglex_mainheader {display: block; float: left; position: relative; width: 100%; display: block; margin-bottom: 10px;}
#skoglex_mainheader h1 {font-size: 50px; line-height: 45px;}

/* ---- Elementer til Skog og Klima ---- */

#klima_meny_wrapper {float: left; position: relative; background-color: #f1f1f1; margin-bottom: 15px; margin-top: 10px; width: 100%; height: 60px; }
#klima_content_wrapper {float: left; position: relative; width: 945px; background-color: #999; height: 400px; z-index:1; } 
#klima_lex_wrapper {float: Left; position: relative; width: 100%; background-color: #FFF; margin-top: 15px; }

#klima_content_text_wrapper {float: right; position: absolute; z-index: 999; background-color: #999; right: 15px; top: 15px; width: 253px; height: 338px; padding: 15px; overflow: auto; -webkit-border-radius: 5px;
border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */

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

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

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

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); /* W3C */

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

border: 1px solid #FFF;


}
#klima_content_text_wrapper h1 {font-size: 28px; line-height: 25px; margin-bottom: 5px;}
#klima_content_text_wrapper p {font-size: 12px;}


#klima_content_illustration {float: left; position: relative; z-index: 998; width: 945px; height: 400px;}

/* Elementer for bruk av tre */

.splashscreen {background: url(../media/bruk_av_tre/bad_blury.jpg) no-repeat top center, #fff; background-size: 100% auto; z-index: 1000;}
.splashscreen .splash_content_boks {background: #fff; width: 60%; padding: 10px; margin: 100px auto; border: 1px solid #fff;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */

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

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

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

background: -ms-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.5) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.5) 100%); /* W3C */

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

-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);

text-align: left;}
.splashscreen .splash_content_boks p {margin-bottom: 7px; }
.splashscreen .splash_content_boks #start {padding: 15px;  background:url(../media/img/boomarea_background.png) no-repeat center center;  font-weight: 200; font-size: 150%; font-family: 'Changa One', cursive; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border: 1px solid #000; color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5); margin: 10px 0}
.splashscreen .splash_content_boks #start:hover {-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5); cursor: pointer; background:url(../media/img/boomarea_background.png) no-repeat center center; opacity: 0.8; }

.splashscreen .splash_content_boks .bilde {width: 50%; float: right; position: relative; margin: 10px; text-align: center;}
.splashscreen .splash_content_boks .bilde h1 {font-size: 130%; margin-bottom: 10px;}

#Ferdig {/*background: url(../media/bruk_av_tre/bad_blury.jpg) no-repeat top center, #fff;*/ overflow:auto;}
#Ferdig .ferdig_content {width: 250px; background: #ccc; float: left; padding: 20px;}
#Ferdig h2 {margin-top:25px; margin-bottom:25px}
#Ferdig h1 {margin-top:25px; margin-bottom:25px}
#Ferdig .feil_svar, #Ferdig .ikkefunnet, #Ferdig .riktige_svar {min-height: 150px;}
#Ferdig .feil_svar {float:right; width:280px; margin-right:20px; color:#F00; background:#fff; position: relative; border-right: 1px solid #ccc; padding: 10px;}
#Ferdig .ikkefunnet {background: #fff; width:280px; float:left; display: block; padding: 10px; position: relative; border-right: 1px solid #ccc; padding: 10px;}
#Ferdig .riktige_svar {background: blue; float:left; /*width:280px;*/ width:840px; margin-left:20px; color:#090; background:#fff; position: relative; border-right: 1px solid #ccc; padding: 10px; }

#Ferdig  #spillIgjen {padding: 15px;  background:url(../media/img/boomarea_background.png) no-repeat center center;  font-weight: 200; font-size: 150%; font-family: 'Changa One', cursive; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border: 1px solid #000; color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5); margin: 10px 0}

.start {padding: 15px;  background:url(../media/img/boomarea_background.png) no-repeat center center;  font-weight: 200; font-size: 150%; font-family: 'Changa One', cursive; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border: 1px solid #000; color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5); 
margin: 10px 0}
.start:hover {-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5); cursor: pointer; background:url(../media/img/boomarea_background.png) no-repeat center center; opacity: 0.8; }