@import url("core/screen.css");
@import url("core/plugins/link-icons/screen.css");
@import url("core/nav/horisontal.css");

/**/
.showgrid { background: transparent}

body {
	background: #f5f5f5; color: #666;
	text-align: center;
	font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif}

#side { background: #fff url(gfx/bg_side.gif) repeat-x }
.container { position: relative }
#ramme { background: url(gfx/bg_kol1.gif) no-repeat 0 129px }
#header { height: 81px; background: url(gfx/bg_header.gif) }

#innholdsramme { padding: 20px 0 0 0  }
#kol1,#kol2 { padding: 0 0 1em 0; overflow: hidden }
#innhold { padding: 0 10px 1em 0; overflow: hidden; }
#kol1 { padding: 40px 0 0 15px; width: 175px; }
#kol1 .artikkel { padding: 0 15px 0 0; }
body.tokol #kol2 { display: none  }
body.tokol #innhold { width: 710px; margin: 0 }
#innhold .artikkel { float: left; margin: 0 0 1em 0; }

/* -- Footer   --------------------------------  */

#footer { background: #666 url(gfx/bg_footer.gif) repeat-x }
#footer .container { padding: 40px 0 20px 0; background: url(gfx/footerlogo.gif) no-repeat 32px 23px }
#footer span { float: left; width: 5em }
#footer address { margin: 0 }
#footer, #footer a { color: #fff }

#bunn { background: url(gfx/bg_bunn.gif) repeat-x }
#bunn .container { padding: 1em 0; text-align: center; }
#bunn, #bunn a { color: #999 }
#bunn a:hover { color: #000 }

/* -- Typografi     ------------------------  */

#innhold, #kol1 { font-size: 1.3em }
#nav { font-size: 14px}
#kol2, #footer  { font-size: 1.1em }
#bunn { font-size: 1.1em }
#smuler { font-size: 1em}

#kol2 h2 { font-size: 1.2em; }
#kol2 h3, #kol2 h4, #kol2 h5, #kol2 h6 { font-size: 1.5em; }

cite { display: block; font-size: .8em }

iframe { margin: 0 0 1em 0 }

/* Lenker, akronymer og forkortelser */

a {  }
a:hover { text-decoration: none }
#nav a, #kol1 a, #footer a, #bunn a, #sitemap a, #smuler a, h1 a { text-decoration: none }

p.skip,  #header h1, #header p { display: none }

/* -- Navigasjon     ------------------------  */

#smuler { margin: 0 0 1em 0; height: 24px; line-height: 24px; border-bottom: 1px dotted #eee; border-top: 1px dotted #eee }
#smuler strong { font-weight: normal; color: #000 }
#smuler, #smuler a { color: #666 }
#smuler a:hover { color: #000 }

#nav {
	position: absolute; 
	top: 52px; left: 197px;
	width: 783px; height: 30px }
#nav li { margin: 0 2px 0 0 }
#nav a {	padding: 0 0 0 6px;
	background: url(gfx/a.gif) 0 0 no-repeat }
#nav span {
	padding: 0 15px 0 9px;
	height: 30px; line-height: 30px;
	color: #f2f7eb;
	background: url(gfx/aspan.gif) 100% 0 no-repeat }
#nav a:hover, #nav li.aktiv a { background-position: 0 100% }
#nav a:hover span, #nav li.aktiv span { background-position: 100% 100%; color: #000 }
#nav li.aktiv span { font-weight: bold  }
#nav li.aktiv { height: 51px; background: url(gfx/li.gif) no-repeat bottom center }

#submeny { margin: -10px 0 2em -15px; border-top: 1px solid #eee }
#submeny h2 {
	margin: 0; padding: 0 0 0 15px;
	height: 24px; line-height: 24px;
	 border-bottom: 1px solid #eee }
#submeny h2 a { color: #333 }
#submeny ul { margin: 0; list-style-type: none; line-height: 1.2em; overflow: hidden }
ul#sub li { float: left; width: 100% }
ul#sub li ul, ul#sub li.aktiv ul ul { display: none }
ul#sub li.aktiv ul, #sub li.aktiv ul li.aktiv ul { display: block }
ul#sub em, ul#sub strong { font-style: normal; font-weight: normal }
ul#sub a {
	display: block;
	text-decoration: none;
	color: #069;
	padding: 0 0 0 28px;
	height: 24px; line-height: 24px;
	background: url(gfx/asub.gif) no-repeat 10px 8px;
	border-bottom: 1px solid #eee }

ul#sub a:hover, ul#sub li.aktiv a {
	color: #333;
	background-position: 10px -28px }
ul#sub li.aktiv a,
ul#sub li.aktiv ul li.aktiv a,
ul#sub li.aktiv ul li.aktiv ul li.aktiv a { font-weight: bold; color: #000 }

/* 2.nivå */
ul#sub li.aktiv ul li a, ul#sub li.aktiv ul li.aktiv a  {
	padding: 0 0 0 30px;
	background-position: 15px -64px;
	color: #069;
	font-weight: normal;
	font-size: 1em }
ul#sub li.aktiv ul li.aktiv a, ul#sub li.aktiv ul li a:hover  {
	color: #333;
	background-position: 15px -100px }

/* 3. nivå */
ul#sub li.aktiv ul li.aktiv ul li a  {
	padding: 0 0 0 35px;
	background-position: 30px -136px;
	color: #069;
	font-weight: normal }
ul#sub li.aktiv ul li.aktiv ul li a:hover, ul#sub li.aktiv ul li.aktiv ul li.aktiv a  {
	background-position: 30px -172px;
	color: #f00 }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */


.artikkel h1 em { color: #75a727 }
.artikkel strong, .artikkel em { color: #333 }
.artikkel a strong  { color: #09c }
.artikkel a:hover  { color: #000 }

/*
table {	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd }
td, th { 	padding: 2px 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left; vertical-align: top }
*/
th {	background: #f5f5f5; color: #333; border-bottom: 1px solid #fff }
td, th {	text-align: left; vertical-align: top }

ul.pdf { margin: 0 0 1em 0; list-style-type: none }
ul.pdf li { float: left; width: 100% }
ul.pdf a, a.pdf {	display: block; padding: 0 0 5px 23px;
		background: url(gfx/pdf.png) no-repeat;
		text-decoration: none }

.komp { width: 160px }	
#nyhetsbrev fieldset { padding: 0; border: 0 }
#nyhetsbrev label { display: none }
#nyhetsbrev input { width: 158px; border: 1px solid #e9e9e9; margin-bottom: 2px }
#nyhetsbrev a.inn {	float: right;  }
#nyhetsbrev a.inn:hover { text-decoration: none; color: #000; }
#nyhetsbrev a.ut { float: left; }
#nyhetsbrev a.ut:hover { text-decoration: none; color: #000; }

#kol2 h3, #kol2 h4, #kol2 h5, #kol2 h6 { border-bottom: 1px solid #e9e9e9; }
#kol2 h4, #kol2 h5, #kol2 h6 { margin: 1.5em 0 1em 0; }

/*  ------------------------------------- DESIGN ------------------------------------  */

.logo {	position: absolute; left: 0; top: 0 }

#sok, #sok input, #sok a { position: absolute }
#sok {
	top: 10px; left: 751px; z-index: 20000;
	width: 198px; height: 25px;
	background: url(gfx/bg_soek.gif);
	overflow: hidden }
#sok label, #sok span { display: none }
#sok a {	display: block; top: 0; left: 159px;
	height: 25px; width: 39px;
	background: url(gfx/soek.gif) no-repeat 40px 0 }
#sok a:hover { background-position: 0 0 }
#sok input { width: 140px; height: 16px; line-height: 16px;
	background: transparent; border: 0; color: #ccc;
	left: 9px; top: 4px }
	
/* ---------- Persongalleri -------------- */

.pers { width: 710px; float: left; } 
#innhold .pers ul { margin: 0; list-style-type: none; width: 710px; clear: left; line-height: 1.7em }
.pers ul li { float: left; position: relative; height: 100px; width: 235px; padding: 15px 0 15px 120px }
.pers li img { position: absolute; top: 15px; left: 0; border: 1px solid #b2b1b2 }
.pers li a:hover img { border-color: #333 }
.pers li a {  }
.pers li a:hover { font-weight: bold }

/* Nyheter */
#nyheter .art, #nyheter .artikkel { border-bottom: 1px solid #e9e9e9; margin: 0 0 1em 0; }
#nyheter p, #nyheter h2 { margin: 0; }
#nyheter p.lesmer { margin: 0 0 1em; }

/* ---------- Stallen ---------------- */

table.stall td {
	padding: 0 10px;
}
table.stall tr {
	height: auto;
}
ul.spiller { list-style: none inside;
	width: 144px; 
	text-align: center; 
	border: solid 1px #f5f5f5;
	margin: 0;
	height: 238px; }
ul.spiller li { 
	float: left; 
	width: 100%; 
	text-align: center; 
	border: none;
	margin: 0; }
ul.spiller h6 { background: #f5f5f5; margin: 0; }
ul.spiller img { margin: 1em 0 1em 0; }
ul.spiller li strong { 
	display: block; 
	width: 65px; 
	float: left; 
	text-align: left; 
	padding: 0 0 0 5px;
	background: #f5f5f5; }
ul.spiller li em { 
	display: block; 
	float: left; 
	width: 69px; 
	text-align: right; 
	padding: 0 5px 0 0;
	background: #f5f5f5; }