@import url("http://felles.siteman.no/felles/dcore/css/sm_form/layout.css");
* { margin: 0; padding: 0; outline: 0;
	font-family: Arial, helvetica, verdana, geneva, sans-serif;
/* 	font-family: "trebuchet ms", georgia, times, "times new roman", serif */
	}
body { background: #bbd7ef url(gfx/bg_body.gif) repeat-x fixed; text-align: center; line-height: 1.5em }

#ramme {
	position: relative;
	width: 932px;
	margin: 0 auto;
	padding: 99px 0 0 0;
	background: #fff url(gfx/bg_ramme.gif) no-repeat 149px 38px;
	text-align: left }

#header {
	height: 140px;
	background-color: #d3e2f0;
	background-repeat: no-repeat }

#header h1, #header p { position: absolute; visibility: hidden }
#smule { background: #d6e4f1 url(gfx/bg_smuler.gif) repeat-x; height: 31px; line-height: 31px; text-align: right; padding: 0 58px 0 0 }
#smuler a { text-decoration: none; color: #6895ba }
#smuler a:hover { color: #333 }

#innholdsramme { padding: 40px 20px 0 150px }

#kol1, #innhold { overflow: hidden }
#kol1 { float: right; width: 195px; text-align: right }
#innhold { float: left; width: 555px }

/*  ------------------------------------   KREDITT   --------------------------------  */

#lauget {
	clear: both; position: relative;
	background: url(gfx/lauget-2012.gif) 15px 23px no-repeat;
	height: 100px; padding: 20px 0 0 0 }

#kreditt {
	padding: 0 0 0 30px; height: 55px;
	background: #fff url(gfx/bg_kred.jpg) no-repeat }

#kreditt p { margin: 0; line-height: 15px; height: 15px; padding: 6px 0 }
#kreditt a, #kreditt { color: #adbfd2 }
#kreditt a:hover { color: #fff }
#kreditt p.ed { text-align: right; padding: 10px 15px 10px 0 }
#kreditt p.ed a:hover { color: #2a537a }
#kreditt p.links { text-align: center }
#kreditt p.links a { color: #40a8e0 }
#kreditt p.links a:hover { color: #2a537a }

.cms a { padding: 2px 50px; background: url(http://felles.siteman.no/felles/dcore/badge/siteman-cms-dark-50.png) no-repeat; display: block; height: 15px }
.cms a:hover { background-position: 0 -20px }
.cms span { display: none }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

body { font-size: 75%; color: #333 }
input, textarea { font-size: 1em }

#kreditt, #smuler, #sub li, #nyheter p { font-size: 0.9em } 

/* Overskrifter */
h1 { font-size: 1.6em; font-weight: normal; color: #27517a }
h2, h3, h4, h5, h6 { font-size: 1em }

/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p,hr, object { margin: 0 0 1em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a { color: #369 }
a:hover { color: #333; text-decoration: none }
#kol1 a, #nav a, #kreditt a, #sitemap a, #sok a, h1 a, p.news_arkiv a { text-decoration: none }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }

p.skip, a.anker, #menu li ul { position: absolute; top: -999em; left: 0 }

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

#innhold img.bilde { float: right; margin: 0 0 10px 10px }

#innhold .sponsor ul, #innhold .sponsor ul li, #innhold ul.crew {  margin: 0; list-style-type: none }
.sponsor li { float: left; width: 180px; height: 100px }

ul.crew { width: 575px; clear: both; overflow: hidden }
ul.crew li {
	float: left; width: 185px; height: 100px; margin: 0 20px 20px 0;
	padding: 5px 0 0 80px; position: relative }
ul.crew img { position: absolute; top: 0; left: 0 }
ul.crew a { text-decoration: none; font-size: 1.1em; font-weight: bold }
ul.crew em { font-style: normal; color: #666 }
/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav {
	position: absolute;
	top: 72px; left: 147px;
	width: 760px; height: 27px;
	z-index: 20000; overflow: hidden }

#menu { width: 760px; text-align: center }
#menu, #menu ul, ul#sub, ul#sub ul, #sub li, #lauget ul, #lauget li { list-style: none; line-height: 1em }
#menu a { font-size: 11px; color: #000; display: block; height: 24px; line-height: 24px; padding: 0 5px }
#nav li.aktiv a { color: #08a0de }
#menu li, #sub li, #lauget li { float: left }

/*
#menu li, #menu a { width: 4.5em }
#menu li#moepere_ledere, #menu li#moepere_ledere a, #menu li#munksjonaerer, #menu li#munksjonaerer a { width: 7em }
#menu li#mponsorer, #menu li#mponsorer a, #menu li#mublikum, #menu li#mublikum a { width: 5.5em }
*/

#submeny h1 a {
	display: block;
	padding: 0 42px 2px 0;
	color: #008fd4 }

#submeny h1 a:hover { color: #27517a  }

#sub, #sub li { overflow: hidden; width: 195px }
#sub { background: url(gfx/bg_sub.gif) 160px 0 repeat-y; padding: 0 0 40px 0 }

ul#sub a {
	display: block;
	text-decoration: none;
	color: #092768;
	padding: 1px 42px 1px 0;
	background-image: url(gfx/asub.gif);
	background-repeat: no-repeat;
	background-position: 195px 0 }

ul#sub a:hover, ul#sub li.aktiv a { background-position: 169px 5px }
ul#sub li.aktiv a { font-weight: bold }

ul#menu strong, ul#menu em, #sub strong, #sub em { font-style: normal; font-weight: normal }

#lauget ul { position: absolute; top: 55px; left: 35px; width: 870px }
#lauget li { margin-right: 15px; width: 80px }
#lauget li.viessmann { margin-right: 28px; width: 72px }
#lauget li.bmw { margin-right: 2px; width: 43px }
#lauget li.vattenfall { margin-right: 1px; width: 87px }
#lauget li.helvetia { margin-right: 1px; width: 80px }
#lauget li.craft { margin-right: 10px; width: 80px }
#lauget li.polar { margin-right: 10px; width: 80px }
#lauget li.fis { margin-right: 10px; width: 53px }
#lauget li.kil { margin-right: 10px; width: 73px }
#lauget li.dk { margin-right: 15px; width: 47px }
#lauget li.skiforbund { margin-right: 2px; width: 80px }
#lauget li.bvd { margin-right: 0; width: 80px }
#lauget li.jubileum { margin-right: 0; width: 70px }

#lauget li, #lauget a { display: block; height: 55px }
#lauget li.kort { width: 50px }
#lauget li.lang { width: 100px }

/*  --------------------------------- KOMPONENTER --------------------------------  */

p.dato { margin: 0 }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #98c5da #fff #fff #98c5da;
	height: 20px }

p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 18px; line-height: 18px;
	border: 1px solid;
	border-color: #fff #98c5da #98c5da #fff;
	background: #b5d7e6;
	display: block;
	color: #369;
	text-decoration: none }

p.knapp a:hover, p.send a:hover  {
	border-color: #d1e4ec;
	background: #d1e4ec;
	color: #333 }

#nyhetsbrev p.knapp a.ut { float: left; width: 70px }
#nyhetsbrev p.knapp a.inn { float: right; width: 91px }

.funksjonaer textarea.input, .funksjonaer p.knapp { width: 300px }
.funksjonaer fieldset { border: 0 }

.funksjonaer td { padding-bottom: 5px; vertical-align: top }

/*  --------------------------------    VERKTØY    ---------------------------------  */

#spraak, #logo a, .skg, .stf, .banner, #headeroverskrift, #sistenytt { position: absolute }

#lauget a span, #spraak a span { display: none }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

#respons table { border-collapse: collapse }
#respons td { border-top: 1px dotted #ddd; padding: 3px }
#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons fieldset label { }
#respons fieldset label span {  }
#respons input { width: 300px; border: 1px solid #ddd }
#respons input.check { width: auto; border: 0 }
#respons p.melding, #respons textarea { height: 150px; width: 100% }
#respons p { margin: 0; height: 19px; vertical-align: center }
#respons p.knapp { width: 250px }

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

#logo a, .skg, .stf { top: 0; z-index: 2 }
#logo a {
	display: block;
	left: 25px; top: 8px;
	width: 115px; height: 181px }

#logo a span { display: none }
.left { left: -22px }
.right { left: 932px }
.stf { left: 357px; top: 99px }

.banner {
	height: 140px; width: 340px;
	left: 592px; top: 99px;
	overflow: hidden }

#headeroverskrift { top: 155px; left: 160px; z-index: 3; width: 300px;
	font-size: 30px; color: #fff }
	#headeroverskrift:first-letter { text-transform: uppercase }
#headeroverskrift { 	
		/* Moderne Times New Roman-basert serif:
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;*/
	/* Moderne Georgia-basert serif:
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;*/
	/* En mer tradisjonell Garamond-basert serif:*/
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
	
	
#sistenytt { top: -999em }

/* Translate erstatter søk og tools */

#translate { position: absolute; top: 5px; left: 750px; width: 200px; height: 60px; overflow: hidden }
#translate select { border: 2px solid #000 }
#translate option { background: #333; color: #ddd }

.sm_form dl.sm_cb_gruppe {margin: 0 0 1em}
.sm_form dl.sm_cb_gruppe dl,
.sm_form dl.sm_cb {clear: both}
.sm_cb input {margin: 4px 0 0}

.sm_form dl.sm_cb dt {float: left; margin: 0 .4em 0 0}
p.knapper {clear: both}
.sm_form input.sm_text {background: #fff}

#facebook {
	position: absolute;
	top: 10px;
	left: 565px;
}
#facebook a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 37px;
	background: url(gfx/facebook.png) no-repeat;
	text-decoration: none
}