* { margin: 0; padding: 0; border: 0; outline: 0 }
html {background: #414738 url(gfx/2010/bg-html.png) no-repeat 50% 320px;}
body {
	background: url(gfx/2010/bg-body.png) no-repeat 50% 320px;
	font-size: 62.5%; font-family: verdana, Arial, Helvetica, sans-serif }

#ramme {	position: relative; width: 900px;
	background: #fff url(gfx/2010/bg-ramme.gif) repeat-y; margin: 0 auto; border: none
	}
#header {
	height: 159px;
	background: transparent url(gfx/2010/banner2010.gif) no-repeat scroll 0 0 }

#smuler { color: #fff; margin: 0 0 4px 0; background: #293023; padding: 0 10px; height: 22px; line-height: 22px }
#smuler strong { color: #E18100 }

#innholdsramme { line-height: 1.4em }

#kol1, #innhold, #kol2 { float: left }
#kol1, #kol2 { width: 180px; padding-bottom: 1em; overflow: hidden }
#kol1 { min-height: 600px; height: auto !important; height: 600px; background: url(gfx/2010/bg-vkol.png) no-repeat 0 130px }
#innhold { width: 532px; margin: 0 4px; background: #fff }

#innhold {color: #333;}
body#front #innhold {background: #414738; color: #fff}
#kol1, #kol2 {color: #fff}

#innhold .artikkel { padding: 10px }
#kol2 .artikkel { padding: 4px }

body.tokol #kol2 { display: none }
body.tokol #innhold { width: 716px; margin: 0 0 0 4px }

body#front #innhold { width: 536px; margin: 0 0 0 4px }
body#front #smuler { display: none }
body#front #innhold,
body#front #kol2 { padding-top: 244px }
.banner {	position: absolute; top: 190px; left: 184px;
	width: 716px; height: 240px; overflow: hidden;
	border-bottom: 4px solid #414738 }
.banner p { display: inline}
 
/*  ------------------------------------   KREDITT   --------------------------------  */

#end { clear: both; height: 22px; overflow: hidden; background: #293023; width: 200px; margin: 0 auto; width: 532px  }
body#front #end { height: 0; background: transparent }
#kreditt { padding: 10px; line-height: 1.5em; width: 880px; margin: 0 auto }
#kreditt a, #kreditt { color: #fff }
#kreditt p.kred, #kreditt p.kred a { color: #E18100 }
#kreditt a:hover, #kreditt p.kred a:hover { color: #fff }
#kreditt p { margin: 0; float: left }
#kreditt p.kred { float: right; text-align: right; display: inline }

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

#submeny { font-size: 15px  }
input { font-size: 1em }

#submeny,
.art h1,
.tease h1,
#links span { 
	font-family: georgia, times, serif }

/* Overskrifter */
#innhold h1 { font-size: 1.3em }
#kol1 h1, #kol2 h1 { color: #fff; font-size: 1em; font-weight: normal }
h2, h3, h4, h5, h6 { font-size: 1em }

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

/* Lenker, akronymer og forkortelser */

a { color: #e18100 }
p.news_arkiv { color: #fff }
a:hover, p.news_arkiv a.aktiv, p.news_arkiv a.aktiv:hover { color: #e18100; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #nyheter a, p.lesmer a, #smuler a { text-decoration: none }

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

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

table { border-collapse: collapse}
td { vertical-align: top}
caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #ccc;
	background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

hr { background: #fff; border-top: 1px solid #ddd}

th, td {	padding: 3px 10px 3px 10px;
	text-align: left }
th { background: #293023; color: #E18100; border-bottom: 4px solid #414738 }
td { background: url(gfx/td-dot.gif) repeat-x left bottom  }

.links { padding: 0 12px; margin-top: 4em }
.links ul { list-style-type: none; border-top: 1px solid #fff }
.links li { width: 156px; border-bottom: 1px solid #fff }
.links a { display: block; padding: 15px 0; 
	background: 100% 50% no-repeat; font-size: 1.1em }
.links a:hover { background-color: #414738 }

.links li.lko a { background-image: url(gfx/2010/li_lko.png) }
.links li.lti a { background-image: url(gfx/2010/li_lti.png) }
.links li.lbi a { background-image: url(gfx/li_lbi.gif) }

p.spons em { display: block; font-style: normal; border-bottom: 1px solid #bcbcbc; margin: 0 6px }

#nyhetsbrev {  width: 160px; font-size: 10px; padding: 10px }
#nyhetsbrev input, #nyhetsbrev label { height: 18px; line-height: 18px; width: 160px }
#nyhetsbrev label { width: 160px; text-align: right;  }
#nyhetsbrev strong { text-transform: uppercase; font-weight: normal }
#nyhetsbrev p { height: 18px; margin: 0 0 5px 0; position: relative  }
#nyhetsbrev a { float: right; color: #e18100; width: 79px; text-align: center; z-index: 5000; height: 18px; line-height: 18px; display: block; text-decoration: none }
#nyhetsbrev a:hover {  color: #fff }
#nyhetsbrev a.ut {display: none}

#innhold fieldset label { float: left; display: block; width: 100px; text-align: right }

#innhold .tease { border-bottom: 2px dotted #BFBFBF; padding: 10px 10px 10px 166px; position: relative; min-height: 80px; line-height: 1.5em; zoom: 1 }
.tease p, .tease h1 { margin: 0 0 .3em 0 }
.tease .timg { position: absolute; top: 10px; left: 10px; border: 3px solid #666 }
p.tdato { color: #666 }
p.tdato strong { font-weight: normal; padding: 0 20px 0 0; color: #000 }
#innhold .tease a { text-decoration: none; }
#innhold .tease a:hover { text-decoration: underline; }
/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav {
	width: 900px; height: 22px;
	border-top: 4px solid #414738;
	border-bottom: 4px solid #414738;
	line-height: 1;
	background: #293023;
	overflow: hidden }
#nav li, #submeny ul, #sub li { margin: 0; padding: 0; list-style-type: none }
#nav ul {margin: 0 0 0 180px; padding: 0; list-style-type: none}
#nav li {	display: inline; float: left }
#nav a {	float: left;
	text-decoration: none }
#nav a span {
	width: auto;
	float: left;
	display: block;
	padding: 0 12px;
	text-align: center;
	height: 22px; line-height: 22px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase }

#nav a:hover span, #nav li.aktiv a span { color: #e18100; background: #414738 }
#nav li.aktiv a span { height: 26px; padding: 0 11px; border-left: 4px solid #414738; border-right: 4px solid #414738 }
#nav em, ul#sub em { font-style: normal }
#nav ul ul { display: none }

#submeny { margin: 0 0 1em 0; padding: 0 }
#submeny .x1 { float: left; clear: left; width: 100% }
ul#sub li { float: left; width: 180px; margin-bottom: 3px /*solid #d9d9d9*/ }
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 a, a.billbest { 
	width: 168px; padding: 0 0 0 12px;
	display: block; height: 34px; line-height: 34px }
ul#sub a {	color: #fff; background: url(gfx/bg-sub-a.gif); font-size: .8em }
ul#sub a:hover {background-position: bottom left}
/*ul#sub a:hover, ul#sub li.aktiv a { color: #006f87; background-position: 0 -34px }*/

ul#sub li#syrverkerikonsert3 a { letter-spacing: -1px }

a.billbest { 	margin: 2em 0 0 0; color: #333; text-transform: uppercase; clear: left; width: 160px;
	background: url(gfx/a-best.gif) no-repeat 100% 50% }

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

/*  Nyheter  */

#nyheter { margin: 0; width: 536px; overflow: hidden }
#innhold .art h1 { font-size: 1.2em; margin: 0; font-weight: normal }
#innhold #nyheter h1.tittel { width: 532px; font-size: 1em; margin: 0 0 4px; font-weight: normal; }
#nyheter h1.tittel a { color: #fff; background: #293023; height: 22px; line-height: 22px; padding: 0 10px }
#nyheter h1.tittel a:hover { color: #e18100;  }
#nyheter a { display: block }
#nyheter a:hover { color: #fff }
#nyheter p { margin: 0 }
#nyheter strong { font-weight: normal }
.art {	float: left; position: relative; width: 244px; height: 6em;
	padding: 130px 10px 5px 10px; margin: 0 4px 4px 0;
	background: #293023}
.nyhet3 { clear: left }

p.npic { position: absolute; top: 0; left: 0; height: 125px; overflow: hidden }
p.npic img { margin: -72px 0 0 0 }

p.news_arkiv { margin: 0 0 1em 0; padding: 0 10px }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none }
#nyheter h3 { border: 0; clear: left; width: 532px; height: 22px; line-height: 22px; overflow: hidden; background: #293023; margin: 0 }
#nyheter h3 a {color: #fff}
#nyheter h3 a:hover {color: #E18100}
#nyheter h3 span { padding: 0 10px }

/*  BOKS  */

fieldset, fieldset legend { border: 0 }
.fieldset p { margin: 0; padding: 0 }

/*  KNAPPER  */

p.knapp {
	height: 22px; }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	margin: 0;
	text-align: center;
	height: 20px; line-height: 20px;
	border: 1px solid;
	border-color: #8c9979 #5d6651 #5d6651 #8c9979;
	display: block;
	color: #fff }
p.knapp a:hover, p.send a:hover  {
	border-color: #5d6651 #8c9979 #8c9979 #5d6651;
	color: #333 }

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

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td { vertical-align: top }
#respons fieldset { border: 0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }
#respons fieldset label { display: block }
#respons fieldset label.inline { display: inline }
#respons fieldset label span { }
#respons input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }

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

#logo a, #logo2 {
	display: block; position: absolute;
	left: 425px; top: 0; width: 475px; height: 158px }
#logo a span { display: none }
#logo2 { background: url(gfx/2010/logo2.png); width: 149px; height: 67px;
	top: auto; left: 15px; bottom: 20px }
#programtit, #english { position: absolute;
	top: 162px; left: 10px;
	width: 170px; height: 18px; line-height: 22px }
#programtit strong { text-transform: uppercase}
#english { left: 855px; top: 162px; width: 40px; text-align: right }
#english a { text-decoration: none; font-weight: bold; color: #fff; }
#english a:hover {color: #E18100}

/* SPØRREUNDERSØKELSE */

fieldset.spm, fieldset.personlig {
	margin: 0 0 1em;
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 5px
}
.nbu fieldset legend {
	border: 1px solid #ccc;
	background: #fafafa;
	color: #006F87;
	padding: 1px 3px;
}
#innhold .spm label {
	width: 400px;
	text-align: left;
}
dl {clear: both; padding: 5px 0}
dl.sk-2 {
	width: 245px;
	float: left;
	clear: none
}
#innhold .sk-2 label {text-align: left}
.sk-2 input {width: 220px}
.sk-2 dt, .sk-2 dd {clear: both}
dl.rb dt, dl.cb dt {width: 20px; float: left}

.float-left, .float-right {width: 245px;}
.float-left {float: left; padding-right: 5px;}
.float-right {float: right; padding-left: 5px;}
.antall-konserter {display: none; padding: 0; height: 20px}
#innhold .antall-konserter label {width: 300px}
.antall-konserter input {width: 20px}
#innhold .spm-9 label {width: 200px}
#innhold .spm-10 label {width: 300px}
.spm select, .spm option {border: 1px solid #CCCCCC; background: #fafafa; color: #006F87; padding: 0 0 0 4px;}
.spm select {width: 40px}
.spm textarea {width: 500px; height: 100px}
input.radio, input.checkbox {border: none; background: none}

table.personer {width: 100%}
table.personer td {padding: 5px; vertical-align: middle}
table.personer td.bilde {width: 100px; text-align: center}
table.personer p {margin: 0 0 3px}
table.personer a {font-size: 1.2em}

/* INTERESSESKJEMA */
.dl-skjema {padding: 20px;}
.dl-skjema input.input {
	border: 1px solid #999;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 3px;
	width: 400px;
	color: #333;
}
.dl-skjema dt, .dl-skjema dd {clear: both}
#innhold #interesseskjema label {font-size: 1.1em; font-weight: bold; text-align: left; padding: 0 0 5px; width: auto;} 

dl.cb {
	width: 50%;
	float: left;
	clear: none;
	padding: 0;
}

dl.cb dt {clear: none; float: left; width: 40px; padding: 5px 0; text-align: center; clear: left;}
dl.cb dd {clear: none; float: left; padding: 5px 0}

#innhold fieldset dl.cb label {text-align: left}

.dl-skjema p.knapper {clear: both}
.dl-skjema p.knapper a {
	display: block;
	padding: 7px;
	font-weight: bold;
	color: #fff;
	background: #414738;
	width: 140px;
	text-align: center;
	margin: 0 auto;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 3px;
	border: 1px solid #414738;
	text-decoration: none;
}
.dl-skjema p.knapper a:hover {
	background: #fff;
	color: #414738;
}
.dl-skjema h6 {
	font-size: 1.2em;
	padding: 10px 0;
	margin: 0
}
#innhold #interesseskjema label.error {color: #c00; font-weight: normal; padding: 0 0 0 10px;}

a#kjop-billetter {
	display: block;
	background: url(gfx/kjop-billett.png) no-repeat;
	width: 160px;
	margin: 10px 10px 1em;
	height: 29px;
	clear: both;
	float: left
}
a#kjop-billetter span {display: none}

a#se-film {
	display: block;
	background: url(gfx/se-film.png) no-repeat ;
	margin: 10px 10px 1em;
	width: 160px;
	height: 29px;
	clear: both;
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase
}
a#se-film span {display: none}

a#bla-program {
	display: block;
	width: 160px;
	height: 150px;
	color: #fff;
	background: url(gfx/program-ikon.png) no-repeat left top;
	clear: both;
	margin: 0 auto 2em;
	font-size: 1em;
	font-weight: bold;
	position: relative
}
a#bla-program:hover {color: #E18100}
a#bla-program span {
	display: block; text-transform: uppercase; height: 16px;
	position: absolute; bottom: 0; left: 0; padding: 0 0 0 5px
}

a#fb {
	color: #fff;
	font-weight: bold;
	background: url(gfx/facebook.png) no-repeat right 50%;
	height: 28px;
	padding: 0 38px 0 0;
	display: block;
	margin: 10px 10px 1em;
	text-transform: uppercase;
	font-size: .8em;
	text-align: right
}
a#fb:hover {color: #E18100}