@import url("layout.css");
@import url("navigasjon.css");
@import url("bildegalleri.css");
@import url("/bildegalleri/v2/css/jquery.lightbox-0.4.css");
@import url("kalender.css");
@import url("forsidekalender.css");
@import url("stilling.css");

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

#ramme { font-size: 1.1em } 
#kreditt { font-size: 1.1em }
input, textarea, select { font-size: 1em }

#innhold h1 { font-size: 2em; line-height: 2em; color: #80b312; font-weight: normal; margin: 0 0 .5em 0 }

h2, h3, h4, h5, h6 { color: #000 }

#kol1 h1, h2, h3, h4, h5, h6 { font-size: 1em }

h1,h2,h3,h4,h5,h6,blockquote,p,hr, object { margin: 0 0 1.2em 0 }
#innhold ul, #innhold ol { margin: 0 0 1.3em 30px }

a { color: #4293bb }
a:hover { color: #000; text-decoration: none }
#nav a, #submeny a, #kreditt a, #sitemap a, #nyheter a, p.knapp a { text-decoration: none }
p.skip, #header h1, #header p { visibility: hidden; position: absolute }

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

table { border-collapse: collapse }
address { font-style: normal }
input, textarea, select, option {
	border: 1px solid #afaeb3;
	padding: 5px }

hr { border: 0; border-top: 1px solid #9c9; background: #fff }
img.right { margin: 0 0 1em 1em }
img.left { margin: 0 1em 1em 0 }

/*  ------------------------------------- Skjema ------------------------------------  */
	
fieldset { padding: 10px; margin: 0 20px 1em 0; border: 1px solid #e1e8f0; float: left; width: 295px }
fieldset.select { width: 632px; margin: 0 0 1em 0 }
fieldset select { width: 600px }
fieldset legend { color: #333; font-weight: bold; padding: 0 10px }
legend em { font-style: normal; font-weight: normal }
fieldset p { float: left; width: 100%; margin: 0 0 3px 0 }
fieldset label, fieldset input, fieldset span { float: left; display: block }
fieldset label { padding: 5px 0 }
fieldset label { width: 90px }
fieldset input, fieldset textarea { width: 190px }
fieldset textarea { height: 218px; width: 283px }

fieldset p.knapp { padding: 10px 0 0 90px; height: 40px; width: 150px }
p.knapp a {
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 40px; line-height: 40px;
	border: 2px solid #306d89;
	background: #3686b7 url(gfx/bg_knapp.gif) repeat-x;
	display: block }

p.knapp a:hover  { background-position: 0 -40px; color: #000 }

/* --------------------------------------- Social Media ------- */

#social { position: absolute; top: 20px; left: 290px; width: 150px; color: #666 }
#social a {
	margin: 0 0 10px; display: block; padding: 0 20px;
	height: 16px; line-height: 16px;
	text-decoration: none;
	background: no-repeat;
	cursor: pointer }

a.facebook { background: no-repeat; padding-left: 20px; background-position: 0 8px }
	
#social a.addthis,a.facebook { background-image: url(gfx/addthis.gif)}
#social a.addthis { background-image: url(gfx/addthis.gif) }
#social a.twitter { background-image: url(gfx/twitter.gif) }

/* ------------------ Aktivitetskalender - siden + komp forside */

#aktkalpage #kol1 { display: none }
#aktkalpage #innhold { width: auto; padding: 0; float: none }
#aktkalpage #innholdsramme { padding: 0 9px }
#aktkalpage #smuler { display: none }

#aktkal {/*
	position: absolute; top: 640px; left: 0; 
	width: 992px; height: 552px;
	background: url(gfx/kal/bg.gif)*/
	background: #fff; position: relative;
	height: 520px  }
#kalhead {
	position: absolute; top: 12px; left: 7px;
	height: 126px; width: 961px; overflow: hidden;
	font-size: .9em; line-height: 1.2em;
	background: url(gfx/kal/header.gif) }
#kalhead h1, #kalhead h2, #aktkal hr { display: none }
#innhold #kalhead ul { margin: 0; width: 700px; padding: 0 0 0 265px; list-style: none }
#kalhead li { float: left; height: 126px; width: 99px; cursor: pointer }
#kalhead a {
	float: left; position: relative; display: block; width: 99px; height: 126px;
	text-align: center; text-transform: uppercase;
	font-weight: bold; color: #fff; background: no-repeat 50% 999px }
#kalhead a.alle { background-image: url(gfx/kal/nav/alle.gif) }
#kalhead a.andreaktiviteter { background-image: url(gfx/kal/nav/andre.gif) }
#kalhead a.film_kino { background-image: url(gfx/kal/nav/film.gif) }
#kalhead a.kunst { background-image: url(gfx/kal/nav/kunst.gif) }
#kalhead a.musikk_konserter { background-image: url(gfx/kal/nav/musikk.gif) }
#kalhead a.sport { background-image: url(gfx/kal/nav/sport.gif) }
#kalhead a.teater_scene { background-image: url(gfx/kal/nav/teater.gif) }

#kalhead li.aktiv {
	width: 100px; background: url(gfx/kal/aktiv.gif) }
#kalhead li.aktiv a { color: #333; background-position: 50% 25px }
#kalhead a span { position: absolute; bottom: 10px; left: 0; width: 99px; display: block }
#aktkal a { text-decoration: none }

#kalleft {
	position: absolute; top: 163px; left: 7px; height: 349px; width: 270px;
	background: #fff url(gfx/kal/left.gif) no-repeat;
	text-transform: uppercase }

#kalleft p.tips {
	text-transform: none;
	padding: 2em 1em }

#responsskjema input.cb { margin: 2px 8px 0 90px; width: auto; } 
	
#kalshow, .eventdetalj, #kalenderspinner {
	position: absolute; top: 156px; left: 275px;
	height: 360px; width: 700px; 
	background: #fff; overflow: hidden }

#kalenderspinner { background: url(gfx/kal/ajax-loader.gif); width: 220px; height: 19px; top: 140px; left: 240px; display: none }
.eventdetalj { top: 0; left: 0; background: #fff url(gfx/kal/eventdetalj.gif) no-repeat; display: none }
.innerevent { position: absolute; left: 80px; top: 8px; width: 613px; height: 306px; overflow: auto }
.innerevent .eventplace { display: block; padding-top: 20px }
#aktkal .innerevent .eventingress { display: block; border-bottom: 1px solid #c5e0e9; padding: 0 0 1em 0; margin: 0 0 1em 0 }
.innerevent .tekst { padding: 0 1em 0 0 }
.bilde { float: right; border: 5px solid #fff; margin: 0 0 1em 1em }
.bilde img { border: 1px solid #333 }

#innhold ul#dlinker {
	margin: 0; list-style: none;
	position: absolute; top: 314px; left: 1px;
	height: 39px; width: 692px;
	background: #eef6f9; border-top: 1px solid #c5e0e9 }
#dlinker li { float: right; padding: 8px 0 0 0 }
#dlinker a {
	display: block; float: left;
	height: 16px; line-height: 16px;
	background: #fff no-repeat 5px 2px;
	padding: 2px 5px 2px 25px;
	border: 1px solid #c5e0e9  }
#dlinker .lukk a { padding: 2px 5px }
#dlinker .permalink { padding: 8px 10px 0 0 }
#dlinker li.lukk { float: left; padding: 8px 0 0 80px }
#dlinker .outlook a { background-image: url(gfx/kal/ikon_outlook.gif) }
#dlinker .permalink a { background-image: url(gfx/kal/ikon_perma.gif) }
#dlinker .facebook a { background-image: url(gfx/kal/ikon_facebook.gif) }
#dlinker .facebook a,
#dlinker .sharethis a,
#dlinker .outlook a { border-right: 0 }

#eventholder { height: 3600; width: 700px; overflow: hidden }
.event { position: relative; float: left; width: 350px; height: 120px; overflow: hidden;
		background: url(gfx/kal/event.gif) no-repeat; line-height: 1.3em }
.event a { display: block; padding: 20px 20px 0 80px; height: 100px; width: 240px; color: #797979 }
.eventdate {
	position: absolute; left: 3px; top: 2px; width: 66px; height: 62px;
	text-align: center; text-transform: uppercase;
	background: no-repeat }

.musikk_konserter .eventdate { background-image: url(gfx/kal/date/musikk.gif) }
.sport .eventdate { background-image: url(gfx/kal/date/sport.gif) }
.kunst .eventdate { background-image: url(gfx/kal/date/kunst.gif) }
.teater_scene .eventdate { background-image: url(gfx/kal/date/teater.gif) }
.film_kino .eventdate { background-image: url(gfx/kal/date/film.gif) }
.andreaktiviteter .eventdate { background-image: url(gfx/kal/date/andre.gif) }

.eventdate span { font-size: 16px; display: block; font-family: "Arial Black"; color: #ca0000; padding: 23px 0 0 0 }
.eventplace { color: #333; text-transform: uppercase }
.eventh1 { color: #e87b11; font-size: 14px; line-height: 20px; font-weight: normal }
.event a strong.eventinfo { position: absolute; left: 274px; top: 0; width: 64px; height: 23px; line-height: 23px; color: #5790ba; text-align: center }
.event a:hover,
.event a:hover .eventh1,
.event a:hover strong.eventinfo { color: #000 }

.paginering {
	position: absolute; top: 513px; left: 0px;
	height: 25px; line-height: 20px;
	width: 970px; background: #fff;
	text-transform: uppercase }
#innhold .paginering ul { margin: 0; list-style: none; padding: 0 0 0 300px }
.paginering li { display: inline }
.paginering a { border-right: 1px solid #666; padding: 0 5px }
.paginering .neste a { border: 0 }

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

.logo {	position: absolute; 
	left: 60px; top: 33px; }
.logo a { display: block; width: 135px; height: 75px }
#ql { float: right;}
#ql ul { margin: 0; list-style-type: none }
#ql li { float: left; height: 29px; margin: 0 0 0 1px }
#ql a { display: block; float: left; height: 27px; line-height: 27px;
	text-align: center; border: 1px solid #cad9e0; padding: 0 10px;
	text-decoration: none; background: #f1f5f5 }
#ql a:hover { background: #cad9e0 }

/*.preloader, #mixafter , #mixbefore */
.logo span { display: none }

#overlegg {
	background: url(/gfx/overlay.png);
	position: absolute; top: 163px; left: 268px;
	width: 706px; height: 8px;
	overflow: hidden; z-index: 10000}
	
#yr { position: absolute; top: 93px; left: 290px }
#yr span { display: block; float: right; height: 18px; line-height: 18px; padding: 0 0 0 20px; background: no-repeat 0 50% }

#yr span.yr1 { background-image: url(gfx/yr/yr1.png) }
#yr span.yr2 { background-image: url(gfx/yr/yr2.png) }
#yr span.yr3 { background-image: url(gfx/yr/yr3.png) }
#yr span.yr4 { background-image: url(gfx/yr/yr4.png) }
#yr span.yr5 { background-image: url(gfx/yr/yr5.png) }
#yr span.yr6 { background-image: url(gfx/yr/yr6.png) }
#yr span.yr7 { background-image: url(gfx/yr/yr7.png) }
#yr span.yr8 { background-image: url(gfx/yr/yr8.png) }
#yr span.yr9 { background-image: url(gfx/yr/yr9.png) }
#yr span.yr10 { background-image: url(gfx/yr/yr10.png) }
#yr span.yr11 { background-image: url(gfx/yr/yr11.png) }
#yr span.yr12 { background-image: url(gfx/yr/yr12.png) }
#yr span.yr13 { background-image: url(gfx/yr/yr13.png) }
#yr span.yr14 { background-image: url(gfx/yr/yr14.png) }
#yr span.yr15 { background-image: url(gfx/yr/yr15.png) }

.lgo, .lgo h1, .mlb, .txt, .toppbilde { position: absolute; overflow: hidden; line-height: 1.2em; z-index: 8000 }
.lgo { top: 204px; left: 349px; width: 329px; height: 81px; background: #c3ecfe }
.mlb { top:0; left: -12px; width: 356px; height: 285px }
.toppbilde { top: 0; left: -12px; width: 690px; height: 285px }
.txt { top: 0; left: 349px; width: 329px }
.txt, .txt table, .min { height: 198px }
.txt table, .txt table td { width: 329px }
.txt table td { vertical-align: middle; padding: 0 10px }
.txt table.grn td { background: #a7d93b }
.txt table.lbl td { background: #d1eaf5 }
.lgo h1 { top: -999em  }

img, #overlegg, .nsl .a_x1  { behavior: url(/iepngfix.htc) }

.epostskjema {font-size: 1.2em;}
.epostskjema fieldset {width: 300px; margin: 0 0 1em; float: left;}
.epostskjema fieldset.konkurranse {margin: 0 1em 1em 0;}
.epostskjema fieldset.konkurranse, .epostskjema fieldset.personlig_info {height: 200px;}
.epostskjema fieldset.action {
	clear:both;
	width: 635px;
}
.epostskjema dl {clear:both;}
.epostskjema .konkurranse dt {float:left; text-align:right; width:300px; margin:0 0 10px 0;}
.epostskjema .konkurranse dt label {width :300px; text-align: left; padding: 0;}
.epostskjema .konkurranse dd {float:right; line-height:10px; margin:0 0 10px 0;}
.epostskjema .konkurranse dd.siste {margin: 0;}
.epostskjema .konkurranse dd label.opt {width: 75px; padding: 0; line-height: 1}

.epostskjema input.radio {
	width: 20px;
	border: none;
	padding: 0
	
}
.epostskjema .personlig_info dt label {width :98px; text-align: left; padding: 5px 0; margin: 0 0 20px 0;}

.epostskjema fieldset.action a {
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 40px; line-height: 40px;
	border: 2px solid #306d89;
	background: #3686b7 url(gfx/bg_knapp.gif) repeat-x;
	display: block; text-decoration: none; font-size: 1.1em; }

.epostskjema fieldset.action a:hover  { background-position: 0 -40px; color: #000 }
.epostskjema fieldset.action span {width: 100%; text-align: center;}

#tips { width: 635px; padding: 0 10px 10px; border: 1px solid #e1e8f0; clear: both; margin: 1em 0; float: left }
#tips h1 {margin: 0; font-size: 1.2em}
#tips fieldset { border: none; padding: 0; margin: 0; width: 480px }
#tips p {width: 240px; float: left; margin: 0; padding: 10px 0 0}
#tips input {width: 220px;}
#tips label {display: none}
#tipsnavn {margin: 0 0 1em}
#tips p.knapp {position: relative; float: right; width: 150px; padding: 0; }
#tips p.knapp {font-size: 1.4em; font-weight: bold}

#d-2011 {position: absolute; top: 40px; left: 859px;}
#d-2011 a {display: block; width: 111px; height: 76px; background: url(gfx/ny-sprite.png) no-repeat 0 -500px; }
#d-2011 a span {display: none}

/* ARTIKKEL MED BOKSER PÅ FORSIDEN DRAMMEN 2011 */
.meny-2011 {margin: 1em 0;}
#innhold .meny-2011 ul {list-style: none inside; margin: 0}
.meny-2011 li {
	float: left;
	margin: 0 10px 10px 0;
	width: 160px;
	height: 81px;
	border-bottom: 2px solid #ccc;
}
.meny-2011 li a {
	display: block;
	width: 160px;
	height: 81px;
	background: url(gfx/sprite-2011.gif) no-repeat;
	color: #fff;
	text-decoration: none;
	position: relative
}
.meny-2011 li a:hover {color: #3b3b3b}
.meny-2011 li.boks-1 a {background-position: 0 -81px}
.meny-2011 li.boks-2 a {background-position: 0 -162px}
.meny-2011 li.boks-3 a {background-position: 0 -243px}
.meny-2011 li.boks-4 a {background-position: 0 -324px}

.meny-2011 li a span {display: block; position: absolute; left: 5px; bottom: 22px}
.meny-2011 li a strong {display: block; font-weight: normal; font-size: 1.5em; position: absolute; bottom: 5px; left: 5px }

#logofelt {
	position: relative;
	background: #fff;
	border: 1px solid #c9dae1;
	padding: 10px 0 20px;
	width: 980px; margin: 0 auto;
}
#logofelt .sm_wrapper {
	width: 960px; padding: 0 10px;  overflow: hidden; position: relative; left: 0; top: 0; 
}
#logofelt .scrollable {	
	height: 70px;
	width: 960px;
	overflow: hidden; clear: both; position: relative;
}
#logofelt .items {height: 20000em; position: absolute; left: 0}
#logofelt ul {width: 960px; list-style: none; margin: 0; heigth: 70px; clear: both;}
#logofelt li {
	padding: 0 10px; float: left; height: 77px; padding: 0 5px; line-height: 77px; text-align: center
}
#logofelt h6 {margin: 0; font-size: 1.2em; text-align: left; color: #356883; font-weight: normal; }

.dl-skjema fieldset {margin: 0; border: none; width: 465px; }
.dl-skjema fieldset span {float: none}
.dl-skjema dl {clear: both; overflow: hidden; margin: 0 0 5px}
.dl-skjema dt {clear: both; padding: 0 0 4px; font-size: 1.1em; }
.dl-skjema dd {}
.dl-skjema label {float: left; width: auto; }
.dl-skjema label.error {color: #c00; margin: 0 0 0 10px; font-style: italic}
.dl-skjema input, .dl-skjema textarea {width: 455px; border: 1px solid #d3d3d3}
.dl-skjema textarea {height: 50px}
.dl-skjema fieldset p.knapp {padding: 10px 0 0 ; width: 468px}


/* Martin was here */
div#nyheter div p strong { font-weight: normal;}



/* snarveier */

.snarveier { position: absolute; top: 177px; left: 19px; height: 335px; width: 248px; background: url(gfx/bg-snarveier.gif) repeat-x; overflow: hidden }
#innhold .snarveier ul { list-style: none inside; margin: 10px 0 0}
.snarveier li {width: 232px; padding-left: 16px; height: 64px; }
.snarveier li a {
	display: block;
	background: url(gfx/ny-sprite.png) no-repeat 0 8px;
	height: 47px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #191919;
	width: 157px;
	padding: 15px 0 0 60px;
	text-decoration: none;
	color: #fff
}
.snarveier li a:hover strong {color: #aaa}
.snarveier li a strong {
	display: block;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 3px;
	color: #efefef
}
.snarveier li a span {color: #c8c8c8}
.snarveier li.oppleve a {border-top: none}
.snarveier li.spise a {background-position: 0 -92px}
.snarveier li.shopping a {background-position: 0 -192px}
.snarveier li.overnatting a {background-position: 0 -292px}
.snarveier li.besoke a {border-bottom: none; background-position: 0 -392px}

#omdomme {
	position: absolute; top: 20px; left: 450px;
}
#omdomme a {text-decoration: none}

#toppfelt {
	position: absolute;
	top: 12px;
	left: 420px;
	width: 567px;
}