/*  ---------------------------------      LAYOUT      ---------------------------------  */

* { margin: 0; padding: 0 }
body { background: #dde1c4 url(gfx/bg_body.gif) repeat-x; text-align: center }
#faux { height: 20px }
#ramme {
	position: relative;
	width: 945px;
	margin: 0 auto;
	text-align: left }

#header {
	height: 100px;
	background: url(gfx/bg_header.gif) no-repeat }

#smuler { position: absolute; top: 118px; left: 200px; width: 480px; overflow: hidden; height: 17px; line-height: 17px; background: #f5f8f1; color: #696; padding: 0 13px }
#smuler a { text-decoration: none; color: #696 }
#smuler a:hover { color: #690 }

#innholdsramme { padding-top: 12px }

#kol1, #kol2 { overflow: hidden; width: 197px; color: #666 }
#kol1 { float: left }
#kol2 { float: right }
#kol2 ul {list-style: none}
#innhold { margin: 0 0 0 213px; width: 519px; background: url(gfx/bg_innhold.gif); line-height: 1.5em }
html>body #innhold { margin: 0 213px; width: auto }
#innhold .innerart, #innhold .galleri { padding: 0 17px }
#innhold img { border: 3px solid #9c6 }

#innhold .galleri h1 { margin: 0 -14px 1em -14px }

.intop { height: 10px; overflow: hidden; background: url(gfx/bg_intop.gif) no-repeat }
.inbot { height: 16px; overflow: hidden; background: url(gfx/bg_inbot.gif) }

#kol1 .artikkel,
#kol2 .artikkel,
#submeny {
	background: url(gfx/bg_kolart-bot.gif) no-repeat left bottom; margin: 0 0 1em 0 }

#kol1 .artikkel .innerart, #kol2 .artikkel .innerart, ul#sub { padding: 0 17px 1em 17px }
ul#sub { padding: 0 3px 1em 3px }
#kol1 h1,
#kol2 h1 {
	background: url(gfx/bg_kolart-top.gif) no-repeat;
	padding: 20px 17px 1em 17px; margin: 0 }
 
/*  ------------------------------------   KREDITT   --------------------------------  */

#end { clear: both }
#kreditt { padding: 10px 0 5px 0; color: #999 }
#kreditt a { color: #699; font-weight: normal }
#kreditt p.kred, #kreditt p.kred a { color: #fff }
#kreditt a:hover, #kreditt p.kred a:hover { color: #9c0 }

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

body { font-size: 62.5%; color: #333 }
body, input, textarea, select, option {
	font-family: verdana, Arial, Helvetica, sans-serif }
#nav {
	font-family: tahoma, Arial, Helvetica, sans-serif }
#innholdsramme { font-size: 1.1em }

blockquote { font-size: 1.1em } /* Større font */
input { font-size: 1em }

/* Overskrifter */
#innhold h1 { font-size: 1.2em; color: #693; padding: 4px 17px;
	background: #fff; border-top: 1px solid #d4e490;
	border-bottom: 1px solid #d4e490;
	margin: 0 3px 10px 3px }
#kol1 h1, #kol2 h1 { font-size: 1em }

h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

/* 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, p.news_arkiv { color: #9c0; font-weight: bold; text-decoration: none }
a:hover, p.news_arkiv a.aktiv, p.news_arkiv a.aktiv:hover { color: #690 }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #nyheter a, p.lesmer a { text-decoration: none }

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

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	padding: 5px;
	border: 1px solid #c7d5c1;
	background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav {
	position: absolute;
	top: 30px; left: 219px;
	width: 656px; height: 70px;
	line-height: 1;
	font-size: 1.2em;
	overflow: hidden }
#nav ul, #nav li, #submeny ul, #sub li { margin: 0; list-style: none }
#nav li { float: left; width: 82px; text-align: center; }
#nav a {	display: block;
	text-decoration: none; font-weight: normal;
	padding: 40px 1px 12px 1px;
	background: no-repeat 0 100px }
#nav a:hover, #nav li.aktiv a { background-position: 10px 0 }

#nav li#morsiden a { background-image: url(gfx/a-01.gif) }
#nav li#mvitungen_barnehage a { background-image: url(gfx/a-03.gif) }
#nav li#mvalrossen_barnehage a { background-image: url(gfx/a-02.gif) }
#nav li#msbjoernen_1_barnehage a { background-image: url(gfx/a-04.gif) }
#nav li#msbjoernen_2_barnehage a { background-image: url(gfx/a-05.gif) }
#nav li#molarmaasen_barnehage a { background-image: url(gfx/a-06.gif) }
#nav li#molarreven_barnehage a { background-image: url(gfx/a-07.gif) }
#nav li#mm_oss a { background-image: url(gfx/a-08.gif) }

#nav a span {
	display: block;
	text-align: center;
	background: url(gfx/aspan.gif) no-repeat 0 17px;
	height: 17px; line-height: 17px;
	color: #fff;
	cursor: pointer }

#nav a:hover span, #nav li.aktiv a span { color: #069; background-position: 0 0 }
#nav em, #nav strong { font-style: normal; font-weight: normal }

#menu li ul { display: none }

#submeny { font-size: 1.1em }
#submeny h1 a { color: #666 }
ul#sub, ul#sub ul, #sub li { list-style-type: none; width: 191px }
ul#sub li {  }
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 { font-style: normal }
ul#sub { border-top: 1px solid #d4e490 }
ul#sub a {
	display: block; width: 166px;
	text-decoration: none; font-weight: normal;
	background: #f5f6f0;
	color: #069;
	padding: 5px 10px 5px 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d4e490 }
ul#sub a:hover, ul#sub li.aktiv a { color: #9c0; background-color: #fff }

ul#sub li.aktiv li a {
	width: 146px;
	background: url(gfx/a_sub.gif) no-repeat 25px 50%;
	color: #9c0;
	padding: 5px 10px 5px 35px }
ul#sub li.aktiv li a:hover, ul#sub li.aktiv li.aktiv a { color: #690; background-color: #fff; background-position: -152px 50% }

#submeny .x1 { clear: left; height: 20px; width: 197px }

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

/*  Nyheter  */

#nyheter { margin: 0; padding: 1em 0 }
#innhold #nyheter .art h1 { font-size: 1.1em; color: #333; padding: 0;
	background: transparent; border: 0 }
#innhold #nyheter p, #innhold #nyheter .art h1 { margin: 0 0 10px 0 }
#nyheter img { float: left; margin: 0 5px 5px 0 }

#nyheter .art { height: 100px; padding: 0 17px }
html>body #nyheter .art { height: auto; min-height: 100px }

#nyheter ul { margin: 0 0 15px 15px }
#nyheter strong { font-weight: normal }
p.lesmer {
	font-weight: bold; background: #f7fbff; border: 1px solid #d3e5f6;
	display: block; text-align: center;
	width: 75px; height: 16px; line-height: 16px;
	margin: 0 17px 1em 17px }
p.lesmer a:hover { color: #333 }

fieldset { border: 0 }

#innhold #login .komp fieldset {
	border: 0; width: 450px;
	margin: 0 0 0 25px;
}

#innhold #login .komp p.knapp {
	width: 155px;
	margin: 10px 0;
}
#login label { display: block }

/*  KNAPPER  */

p.knapp {
	height: 20px; }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border: 1px solid;
	border-color: #fff #d1e4ec #d1e4ec #fff;
	background: #f7fbff;
	display: block;
	color: #369 }
p.knapp a:hover, p.send a:hover  {
	border-color: #d1e4ec #fff #fff #d1e4ec;
	color: #333 }

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

/*  -------------------------------- 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 }

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

#logo a {
	display: block; position: absolute;
	left: 0; top: 0;
	width: 197px; height: 50px }
#logo a span { display: none }