@charset "utf-8";
/* CSS for RSiL.no, January 2009 */
/* Author: Richard Harris Design, www.richardharris.no */

body {background-color:#333; margin:0; padding:0 0 18px; text-align:center; font: smaller normal Verdana, Arial, Helvetica, sans-serif; color:#fff;}

/*   GENERAL   */
h2 {padding:0; margin:0 0 0.2em; font-size: 1.7em; line-height:1.2em}
h3 {margin-bottom:0; font-size: 1.3em; line-height:1.2em}
h4 {margin:0 0 0.2em; color:#596f96; font-size:1em;}
p {margin: 0.6em 0 1em; font-size: 1em; line-height:1.4em;}
a {color:#2771ba; text-decoration:none;}
a:hover {text-decoration:underline}
a:visited {color:#5d99d5}
img {border:0}

/*   LAYOUT   */
#wrapper {margin:18px auto 0; padding:0; position:relative; width:910px;}
#container {background-color: #fff; color: #333; float:left; overflow:hidden; text-align:left; width:910px;}

/*   TOP   (header, logo, quote) */
#head {float:left; clear:both; width:910px; height: 205px; overflow:hidden; position:relative; background: #fefefe url(../images/gui/5colors.png) repeat-y top;}
#head h1 {float:right; width: 728px; height: 120px; background:transparent url(../images/gui/rsil-top-cloudy-sky.jpg) no-repeat; margin:10px 0 0; padding:0; overflow:hidden;}
#head h1 a {float:left; text-indent: -100em; width: 728px; height: 120px;}

#head div.quote {position:absolute; top: 0; left: 0; width: 162px; height: 125px; background-color: #c3d392; color: #333; font-size: 90%; padding: 5px 10px 0 10px; overflow:hidden; white-space: nowrap;}
#head div.quote h3,
#sidebar div.news h3,
#sidebar div.gallery h3,
#content h3 {background: transparent url(../images/gui/bullet-red.gif) left 65% no-repeat; font-size:17.5pt; font-weight: normal; font-variant:small-caps; margin:0 0 3px; padding:0 0 0 24px;}
#head div.quote em {display:block;}
#head div.quote strong {display:block; text-align:right;}
#head div.quote p {margin:0}

/*   NAVIGATION   */
#nav {position: absolute; top: 110px; left: 0; width:910px; height: 96px; text-align:left; overflow:hidden; color: #fff; z-index:1000; background: url(../images/gui/sky-strip.jpg) no-repeat bottom left;}
#nav ol {float:left; clear:both; width:910px; margin: 0; padding:0; list-style: none; display: inline; }/*border-bottom: 2em solid #c3d392;*/
#nav li {margin:0; padding:1px 0; float:left; width: 182px; height: 70px;}
#nav li a {display:block; padding-top:20px; color: #efefef; font: normal 16pt "kids", "Comic Sans MS", comic, fantasy; overflow: hidden;}
#nav li span {display:block; height:50px; overflow:hidden; text-indent: -100em;}

#info span {background: #88a825 url(../images/gui/title-om-skolen.gif)}
#pedagogikk span {background: #35203b url(../images/gui/title-pedagogikk.gif)}
#foreldreinfo span {background: #911146 url(../images/gui/title-foreldreinfo.gif)} 
#elevsider span {background: #cf4a30 url(../images/gui/title-elevsider.gif)}
#galleri span {background: #ed8c2b url(../images/gui/title-galleri.gif)} /* IE 6 and below does not support transparancy in PNG-24, so we hack below tabs with gifs instead */
body.info #info a, #info:hover a, #info a:hover {background: url(../images/gui/tab-green.png) no-repeat; cursor:pointer; _background-image: url(../images/gui/tab-green.gif);}
body.pedagogikk #pedagogikk a, #pedagogikk:hover a, #pedagogikk a:hover {background: url(../images/gui/tab-blue.png) no-repeat; cursor:pointer; _background-image: url(../images/gui/tab-blue.gif);}
body.foreldreinfo #foreldreinfo a, #foreldreinfo:hover a, #foreldreinfo a:hover {background: url(../images/gui/tab-red.png) no-repeat; cursor:pointer; _background-image: url(../images/gui/tab-red.gif);}
body.elevsider #elevsider a, #elevsider:hover a, #elevsider a:hover {background: url(../images/gui/tab-brown.png) no-repeat; cursor:pointer; _background-image: url(../images/gui/tab-brown.gif);}
body.galleri #galleri a, #galleri:hover a, #galleri a:hover {background: url(../images/gui/tab-gold.png) no-repeat; cursor:pointer; _background-image: url(../images/gui/tab-gold.gif);}
/* now we have to cancel out the tab hover for all links except the main-level one (cancel all secondary nav links) */
body.info #info ul a,
body.pedagogikk #pedagogikk ul a,
body.foreldreinfo #foreldreinfo ul a,
body.elevsider #elevsider ul a,
body.galleri #galleri ul a,
#info ul a:hover,
#pedagogikk ul a:hover,
#foreldreinfo ul a:hover,
#elevsider ul a:hover,
#galleri ul a:hover,
#info:hover ul a,
#pedagogikk:hover ul a,
#foreldreinfo:hover ul a,
#elevsider:hover ul a,
#galleri:hover ul a {background-image:none;}

/*   SECONDARY NAVIGATION   */
#nav ol ul {position: absolute; top: 70px; left:0; width:910px; margin: 0; padding:0; list-style: none; display: none;}
body.info #info ul,
body.pedagogikk #pedagogikk ul,
body.foreldreinfo #foreldreinfo ul,
body.elevsider #elevsider ul,
body.galleri #galleri ul {display:block;}
/* #nav ol li:hover ul {display:block; z-index:6000;} /* This is for the cascading menus. Remove if undesired. */
#nav ul li {padding:0; width: auto; height: auto;}
#nav ol ul li a {font-size:12px; padding: 5px 15px 6px 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#info ul {background-color: #88a825;}
#pedagogikk ul {background-color: #35203b;}
#foreldreinfo ul {background-color: #911146;}
#elevsider ul {background-color: #cf4a30;}
#galleri ul {background-color: #ed8c2b;}

/*   MAIN   */
#main {float:left; clear:both; margin:0; padding:0; width:910px; background: #fff url(../images/gui/sidebar-bg.gif) repeat-y right;}
#main #inside {float:left; clear:both; min-height: 542px;}
#main img.portrait {float:right; clear: none;}

/*   CONTENT   */
/*#content div.padding {padding: 0 35px 0 35px;}*/
#content {float:left; width:728px; margin:0; padding: 2em 0 0; overflow:hidden; display:inline;}
#content p,#content td, #content td {font-size:14px;}
#content a {text-decoration:underline;}
#content a.more {font-weight: 700; text-decoration: none; display:block; margin: 5px 0 1em;}
#content li {padding-bottom:20px}
#content ul.columns {margin:0; padding:0; list-style:none;}
#content ul.columns h4 {margin:0 0 1px;}
#content ul.columns p {font-size:90%; margin:0;}
#content ul.columns img {padding: 5px 0 1em;}
#content ul.columns img.portrait {padding-top:6px;}
#content ul.columns li.c1,
#content ul.columns li.c2 {display:inline; float:left; width: 320px;}
#content ul.columns li.c2 {float:right;}
#content ul.columns li.c1 ul,
#content ul.columns li.c1 ol,
#content ul.columns li.c2 ul,
#content ul.columns li.c2 ol {margin:0; padding:0; list-style:none; float:right; width: 295px;}

/*   FORSIDE   (home = front page) */
body.home #inside {background: transparent url(../images/gui/lekehus.jpg) bottom left no-repeat;}
body.home #content {background: transparent url(../images/gui/skole-gult-bygg.jpg) top left no-repeat;}
body.home #content div.padding {padding: 160px 330px 75px 35px;}
body.home #content p,
body.home #content h2 {width:364px}

/*   OM SKOLEN    (info = content under 1st 'nav' tab) */
body.info #content div.padding {padding: 0 30px 30px}
body.info #content h2,
body.info #content h4,
body.info #content a:hover {color: #88a825}
body.info #content h3 {background-image: url(../images/gui/bullet-green.gif)}

/*   PEDAGOGIKK   (pedagogikk = content under 2nd 'nav' tab) */
body.pedagogikk #content div.padding {padding: 0 30px 30px}
body.pedagogikk #content h2,
body.pedagogikk #content h4,
body.pedagogikk #content a:hover {color: #35203b}
body.pedagogikk #content h3 {background-image: url(../images/gui/bullet-blue.gif)}

/*   FORELDREINFO (foreldreinfo = content under 3rd 'nav' tab) */
body.foreldreinfo #content div.padding {padding: 0 30px 30px}
body.foreldreinfo #content h2,
body.foreldreinfo #content h4,
body.foreldreinfo #content a:hover {color: #911146}
body.foreldreinfo #content h3 {background-image: url(../images/gui/bullet-red.gif)}

/*   ELEVSIDER    (elevsider = content under 4th 'nav' tab) */
body.elevsider #content div.padding {padding: 0 30px 30px}
body.elevsider #content h2,
body.elevsider #content h4,
body.elevsider #content a:hover {color: #cf4a30}
body.elevsider #content h3 {background-image: url(../images/gui/bullet-brown.gif)}

/*   GALLERI  (galleri = content under 5th 'nav' tab) */
body.galleri #content div.padding {padding: 0 30px 30px}
body.galleri #content h2,
body.galleri #content h4,
body.galleri #content a:hover {color: #ed8c2b}
body.galleri #content h3 {background-image: url(../images/gui/bullet-gold.gif)}

/*   VIEW  */
body.view #content div.padding {padding: 0 30px 30px}
body.view #content h2,
body.view #content h4,
body.view #content a:hover {color: #ed8c2b}
body.view #content h3 {background-image: url(../images/gui/bullet-gold.gif)}


/*   SIDEBAR   */
#sidebar {float:right; width:182px; overflow:hidden; padding: 0.5em 0 0; display: inline; background-color: #f6c595;}
#sidebar div.news,
#sidebar div.gallery {margin:2px 10px}
#sidebar div.news h3 {background-image: url(../images/gui/bullet-green.gif)}
#sidebar div.news a {color: #cf4a30;}
#sidebar div.news h4,
#sidebar div.news p,
#sidebar div.gallery p {font-size:90%; font-family:Arial, Helvetica, sans-serif; margin:0; line-height: 1.3em;}
#sidebar div.news p,
#sidebar div.gallery p {margin-bottom:8px;}
#sidebar div.news ul {list-style:none; margin:0; padding:0;}
#sidebar div.gallery h3 {background-image: url(../images/gui/bullet-brown.gif)}

/*   FOOTER   */
#foot {float: left; clear:both; width:910px; height:10px; color:#fff; position:relative; background: #999 url(../images/gui/5colors.png) bottom;}
#copyright {margin:0; padding:0; font:90% normal Verdana, Arial, Helvetica, sans-serif}

div#sidebar div.news a.ingressLink {
	color: #000;
}
div#sidebar div.news a:hover.ingressLink {
	text-decoration:none;
}
table.liste tr td {
	font-size: 12px;
	padding-right: 1em;
}
table.linjer tr td {
	border-bottom: 1px solid #ccc;
	padding: 2px 1em 2px 0;
}
div.imageBox {
	float: left;
	margin: 0 8px 8px 0;
}
div.imageBox img {
	border: 1px solid #ccc;
	padding: 12px;
}
/* START Added by Bjorn Sortland */
.tdbg { background-color: #cde693; }
.alert { color: #900; }
/* END Added by Bjorn Sortland */