/* -------------------------------------------------------------- 
   Generell layout
   Lager bl.a. to rader av kolonnene
-------------------------------------------------------------- */

#innholdsramme .sm_wrapper,
#innholdsramme .helper { background: none }
#innholdsramme .helper { padding: 20px 0 0 0 }
#info .sm_wrapper { background: none; padding: 20px 0 0 0 }
.boks.adresse { padding-top: 0 }
.boks.adresse strong { display: block }

/* .sm_kol { border-bottom: 1px solid #ddd } */
.sm_firstkol	{ width: 980px; height: 334px; padding: 0; margin: 0 0 20px 0 }
.sm_secondkol	{ width: 980px; margin: 0 0 10px 0 }

/* -------------------------------------------------------------- 
   Intro
-------------------------------------------------------------- */

.intro {
	float: left; width: 480px; overflow: hidden;
	position: relative;
	text-shadow: 1px 1px #fff }
.intro h2, .intro ul { padding: 0 5px 0px 15px }
.intro h2 { font-size: 15px; line-height: 20px; margin: 0 0 30px 0 }
.intro h2 a { display: block; color: #369 }
.intro ul { list-style: none; padding: 0; margin: 0; width: 490px }
.intro ul.hl { height: 170px }
.intro li { float: left; width: 160px; overflow: hidden; font-size: 13px }
.intro li strong { display: none }
.intro li.extra a { color: #00abc2 }
.intro li.new a {color: #c00}
.intro li a { display: block; padding: 0 0 0 15px; height: 20px; line-height: 20px }
.intro li a:hover { text-decoration: none; color: #333 }

.intro ul.logos { clear: left }
.intro ul.logos li { width: 275px; height: 40px }
.intro ul.logos li.prep { width: 190px }
.intro ul.logos li a { display: block; text-align: center; height: 40px; line-height: 40px; width: auto; padding: 0 }

.intro li.prep a { background: url(gfx/front/prep.gif) no-repeat 50% 50% !important }
.intro li.fritt a { background: url(gfx/front/fritt.gif) no-repeat 50% 50% !important }

.slidegalleri { margin: 0; float: right } /* Overstyrer standard! */ 


/* -------------------------------------------------------------- 
   Kalender
-------------------------------------------------------------- */

table#kalender {
	width: 225px;
	border-collapse: collapse;
	margin: 0; float: right;
	color: #666 }
table#kalender a { color: #00ABC2; font-weight: bold; display: block }
table#kalender td a:hover { text-decoration: none; background: #deeef8; color: #000 }
table#kalender th a { color: #004990 }
table#kalender th a:hover { color: #333; background: #fff; text-decoration: none }
table#kalender th abbr { border: 0 }
table#kalender th,
table#kalender td {
	border: 1px solid #ddd; padding: 0;
	height: 20px; line-height: 20px }
table#kalender td.today { color:#333; background: #eee; font-weight: strong; font-size: 1.3em }
table#kalender th,
table#kalender td {text-align:center;}
table#kalender tr.dager td { background: #fafafa; font-size: .9em; height: 16px; line-height: 18px }
table#kalender th { height: 30px; line-height: 30px; font-size: 1.2em; background: #deeef8; border-color: #d0e7f5; color: #004990 }

/* -------------------------------------------------------------- 
   Nyheter og forsideaktiviteter
-------------------------------------------------------------- */

#nyheter {
	width: 510px; height: 210px;
	float: left; position: relative }
h1 { font-size: 1em; margin: 0 0 10px 0 }

#nyheter h1.tittel {
	width: 488px }

.art { line-height: 1.2em }	
.art a {
	display: block;
	width: 152px; height: 75px;
	float: left; margin: 0 10px 10px 0;
	padding: 0 0 0 85px; position: relative;
	overflow: hidden; color: #666;
	border: 1px solid #fff }
.art a strong { color: #333 }
.art em { font-style: normal; font-size: .9em }
.art a:hover { background: #fafafa; border-color: #ddd; color: #333; text-decoration: none }
.art img, p.bilde { position: absolute; top: 0; left: 0 }


#nyheter h3 { position: absolute; top: 0; right: 35px; line-height: 30px; font-size: 1em; font-weight: normal }


.lesmer, .dato { display: none }

#nyheter h1.tittel a, .forsideaktiviteter h1 a { color: #004990 }


/* Aktiviteter */

.forsideaktiviteter { 
	float: left; width: 227px }
.forsideaktiviteter .art a { width: 148px }

/* Avrundede hjørner for CSS3-kompatible nettlesere */

.intro p,
.art img,
h1,
h2,
.slidegalleri img,
.intro li a
 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px }