@import url("banner.css.php");
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	font-size: 0.9em;
	background: #D1D1A3 url(/img/bg3.png) repeat;
}

#wrap {
	width: 850px;
	margin: 0 0 0 150px;
	border-width: 0 2px;
	border-style: solid;
	border-color: #806F4F;
}

@media handheld, screen and (max-width: 600px) {
body {
	background: #D1D1A3;
}
#wrap {
	margin: 0 10px 0 10px;
}
} /* @media */

#header {
	height: 200px;
	width: 100%;
}

#header h1 {
	position: absolute;
	top: 30px;
	left: 330px;
	color: black;
	font-size: 30px;
}
#menubg {
	position: absolute;
	top: 170px;
	left: 152px;
	height: 30px;
	width: 850px;
	background: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#fjell_logo {
	position: absolute;
	top: 30px;
	left: 200px;
}

#content {
	margin: 0 0 0 0;
	padding: 10px 10px 50px 10px;
	background: #DDE3E6;
}

#footer {
	color: #666666;
	background: white;
	border-top: 1px dashed #333333;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 8px;
	padding-top: 5px;
}

#flag {
	/*float: right;
	margin-right: 20px;*/
	position: absolute;
	top: 176px;
	left: 930px;
}

a img {
	border: 0;
}


a:link		{ color: #CC6600; text-decoration: none; }
a:visited	{ color: #CC6600; text-decoration: none; }
a:active	{ color: #c12121; text-decoration: underline; }
a:hover		{ color: #c12121; text-decoration: underline; }
.ikkeVisLink, .ikkeVisLink:hover, .ikkeVisLink:active { text-decoration: none; }

.ikkeskjerm {
	display: none;
}

.ingress {
	font-weight: bold;
}

.byline {
	font-style: italic;
}

h1 { font-size: 1.9em; font-weight: bold; color: #5C8215; }
h2 { font-size: 1.4em; font-weight: bold; color: #333333; margin-bottom: 4px; }
h3 { font-size: 1.2em; font-weight: bold; color: #333333; }
h4 { font-size: 1.0em; font-weight: bold; color: #333333; }
h5 { font-size: 1.0em; font-weight: normal; color: #333333; }
h1 a.ikkeVisLink { color: #5C8215; }
h2 a.ikkeVisLink, h3 a.ikkeVisLink, h4 a.ikkeVisLink, h5 a.ikkeVisLink { color: #333333; }

p {
	margin: 0 0 1em 0;
}

.small {
	font-size: 70%;
}

hr {
	color: #333333;
	background: #333333;
	border: 0px solid #333333;
	height: 1px;
	margin: 10px auto;
	width: 70%;
}

.socialShare a {
	margin-right: 30px;
	color: #444444;
}
.socialShare .facebook:before {
	content: url('/img/facebook16.gif');
}
.socialShare .nettby:before {
	content: url('/img/nettby16.gif');
}
.socialShare .twitter:before {
	content: url('/img/twitter16.png');
}

table.topalign, td.topalign, th.topalign {
	vertical-align: top;
}


table.t1 {
	border-collapse: collapse;
}
table.t1 th, table.t1 td {
	text-align: left;
	padding-right: 7px;
}
table.t1 th {
	border-bottom: 1px solid #333;
}
table.t1 td {
	border-bottom: 1px solid #C8D1D7;
}

/*********** Form elements **************/

/* Form-elementer */

form {
	margin: 0;
	padding: 0;
}

fieldset { 
	padding: 5px;
	margin-bottom: 20px;
}

legend {
	font-weight: bold;
	font-size: 1.1em;
}

input, textarea, select, option {
	font-size: 0.9em;
	font-family: sans-serif;
	margin-bottom: 2px;
}


/****************************************** Menu ****************************************/

/* Begin CSS Popout Menu */

#menu {
	width: 100%;
	float: left;
	margin-top: 175px;
	margin-left: 10px;
}

#menu ul a, #menu h2 {
	font-family: "Trebuchet MS",arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 14px;
	display: block;
/*	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;*/
	white-space: nowrap;
	margin: 0;
	padding: 1px 0 1px 3px;
}

#menu ul a {
	padding: 0px 0 1px 3px;
}

#menu h2, #menu h2>a {
	color: black;
	background: transparent;
	text-decoration: none;
}

#menu ul ul {
	padding-top: 5px;
}

#menu ul ul a {
	background: #eee;
	text-decoration: none;
}

#menu ul ul a, #menu ul ul a:visited {
	color: #000;
}

#menu ul ul a:hover {
	color:#000;
	background:#ddd;
}

#menu ul ul a:active {
	color: #060;
	background: #ccc;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	/*width: 8em;*/
}
#menu>ul {
	/*width: 12.5%;*/
	margin-right: 20px;
}
#menu ul ul {
	width: 8em;
}

#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
}

#menu ul ul ul {
	top: 0;
	left: 100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover {

}

div#menu li:hover {
	/*cursor: pointer;*/
	z-index: 100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul {
	display: none;
}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul {
	display: block;
}

/* End of non-anchor hover selectors */








/************** Forsiden ************/

table.forside {
	width: 100%;
	border: 0;
}

table.forside td {
	vertical-align: top;
}

.forside h2 {
	font-family: arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5C8215;
}

.forside h3 {
	font-size: 14px;
	margin-bottom: 0;
}
.forside h3+p {
	margin-top: 0;
}

#forside_nyheter,
#forside_turer,
#forside_forum,
#forside_turrapporter {
	padding: 6px;
/*	border-color: #996633;
	border-style: dashed;
	border-width: 0px;*/
}
#forside_nyheter {
	width: 40%;
}
#forside_turer {
	width: 30%;
}
#forside_forum {
	width: 30%;
}
#forside_turrapporter {
}




/************** Nyheter *************/
.news_item {
	clear: both;
	border: 1px solid white;
	padding: 6px;
	margin-bottom: 25px;
}

.news_item h3 {
	color: #5C6367;
	margin: -2px;
	border-bottom: 1px solid white;
	margin-bottom: 3px;
	font-weight: bold;
}
.news_item h3 a {
	color: #5C6367;
	text-decoration: none;
}
.news_item h3 a:hover {
	color: #CC6600;
	text-decoration: none;
}

.news_byline {
	font-size: 90%;
	color: #555555;
}
.news_byline em {
	color: #CC6600;
	font-style: normal;
}

.news_image {
	float: right;
}

.news_full {
	display: none;
}

.news_controll {
	clear: both;
}


/****************************************************************
/* Forum */

p.navigation {
	background-color: #F5F5F5;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding-left: 3px;
	margin-bottom: 5px;
}

table.forum {
	width: 100%;
	border-collapse: collapse;
}

table.forum th {
	text-align: left;
	padding-top: 10px;
	border-bottom: 1px solid #777;
}
table.forum td {
	border-bottom: 1px solid white;
}

td.forum_title {
	text-align: left;
}

td.forum_info {
	text-align: left;
	vertical-align: top;
	background: #D1D1A3;
	padding: 3px;
	width: 20%;
}

td.forum_tekst {
	text-align: left;
	vertical-align: top;
	background: #EFEFF8;
	padding: 3px;
}

td.forum_buttons {
	text-align: right;
}


/**************** Kommentarer ***********/
.addcomment, .comment {
	width: 400px;
	background: #F2F5F7;
	padding: 5px;
	margin-top: 20px;
}
.addcomment h4, .comment_name {
	display: block;
	background: #E5E5E5;
	margin: -5px -5px 10px -5px;
	padding: 5px;
}
.comment_name {
	margin-bottom: -15px;
	font-style: italic;
}

/***************** Turer ****************/
table.turprog {

}

table.turprog th {
	text-align: left;
	font-weight: bold;
	color: #2D2D2D;
	padding-top: 20px;
}


/***************** Tur ****************/
table.turbesk {

}

table.turbesk th {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

img.turbesk {
	float: right;
	margin-left: 15px;
}


/************************** Bilder *********************************/

#albumliste {
	border-collapse: collapse;
}

#albumliste th {
	background: #9bb2cd;
	border-top: 1px solid #1A3666;
	border-bottom: 1px solid #1A3666;
}

p.bildetekst {
	text-align: center; 
	/*border: solid 1px #54977F; 
	background-color: #eee;*/
	font-style: italic;
}

p.seriebeskrivelse {
	text-align: left;
}

table.bildegrid {
	border: 0;
}

h3.album_ar {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
	padding: 4px 3px 2px 3px;
	clear: both;
	color: black;
	font-weight: bold;
	font-family: arial;
	background: #9bb2cd url(/img/header_bg1.jpg);
}

/* Enkeltvisning av bilde */
img.album {
	border: 1px solid #ddd; 
	padding: 3px; 
	background: white;
}

/* Thumbnails fra en serie */
table.bildegrid td {
	text-align: center;
}
table.bildegrid img {
	border: 1px solid #ddd; 
	padding: 3px; 
	background: white;
}
table.bildegrid img:hover { 
	background: #eee; 
	border-color: #CC6600;
}

/* Oversikt over bildeseriene med en thumb for hver serie */
table.albumgrid {
	width: 100%;
}
table.albumgrid td {
	text-align: center;
}
table.albumgrid img.thumb {
	border: 1px solid #ddd; 
	padding: 3px; 
	background: white;
}
table.albumgrid img.thumb:hover { 
	background: #eee; 
	border-color: #CC6600;
}