/*gloriapark*/
@import url(/common/css/gloriapark.css);
/*comments*/
@import url(/common/css/comments.css);
/*search form*/
@import url(/common/css/searchform.css);

body
{
  background-color: #ccc;
  font-family:  Arial, Geneva, Verdana, Helvetica, sans-serif;
  margin: 15px 0px;
  padding: 0px;
  font-size: 62.5%;
  color: #333;
}
/* globals */


* {
  padding: 0;
  margin: 0;
}

#content ul { /* regular ul needed in content area */
  list-style: disc default;
  padding: 0 1ex 0 1ex;
  margin: 0 1ex 0 1em;
}
#content .innhold {float: left;}
#content ul li
{
  /* regular li needed in content area */
  padding: 0;
  margin: 0 0 0.5em 0;
}
a {text-decoration: underline; color: #333;}
a:hover {text-decoration: underline; }
.red
{
  color: #C30;
  font-size: 1.5em;
}
.banner
{
  margin-top: 5px;
  border: 0;
}
/* top */

.body_ungdom
{
  background-image: url(../gfx/body_bg_ungdom.gif);
  background-repeat: repeat-x;
  margin: 0;
  margin-bottom:15px;
}

#nav_ungdom
{
  width: 950px;
  text-align: left;
  margin: auto;
  margin-top:0;
  margin-bottom:10px;
  background-image: url(../gfx/body_bg_ungdom.gif);
  background-repeat: repeat-x;
}

#nav_ungdom img
{
  border: none;
}

#header
{
  background: url(../gfx/topback.jpg) repeat-y left top;
  border-bottom: 5px solid #fff;
  position: relative;
}
#header_ungdom
{
  background: url(../gfx/header_ungdom.jpg)  no-repeat;
  border-bottom: 5px solid #fff;
  height:92px;
}
/* Hides from IE-mac\ */
* html #header {height: 1%;}
/* End hide from IE-mac */
#mainframe #header span.sok form{margin-left: 20px; }
#mainframe #header span.sok .search, #mainframe #header span.sok .submit {display: inline;}
#mainframe #header span.sok .search input
{
  width: 170px;
  margin-right: 4px;
  background-color: #fff;
}

#mainframe #header span.sok .submit input
{
  font-size: 110%;
  border: 1px solid #fff;
  color: #FFF;
  background-color: #E62614;
  font-weight: bold;
  width: 40px;
  height: 20px;
}
#mainframe #header span {display: inline; float: right; margin-top: 25px; margin-right:15px;}/* container */
#mainframe #header span.forsiden a
{
  background: url(../gfx/forsiden.gif) no-repeat left;
  color: #FFF;
  padding-left: 20px;

  margin-left: 18px;
  font-weight: bold;
}
#mainframe #header span.nettkart a
{
  background: url(../gfx/nettkart.gif) no-repeat left;
  color: #FFF;
  padding-left: 20px;

  margin-left: 18px;
  font-weight: bold;
}
#mainframe #header span.english a
{
  color: #FFF;
  padding-left: 6px;
  margin-left:0px;
  font-weight: bold;
}
#mainframe #header span.polish a
{
  color: #FFF;
  padding-left: 6px;
  margin-left: 4px;
  font-weight: bold;
}

#mainframe #header span a img { border: none; }

#mainframe .wrapper
{
  background: url(../gfx/back.png) repeat-y left top;
  margin-bottom: 5px;
  min-height: 35em;
  height: auto;
}

/*Hides from IE-mac\*/
* html #mainframe .wrapper {
  height: 35em;
/* end Hide from IE-mac */
}




/* /top */
/* topnav nav */
#header ul.toplinks
{
  position: absolute;
  bottom: 5px;
  right: -2px;
}
#header ul.toplinks li, #nav ul.toplinks li
{
  display: inline;
  padding: 0 20px 0 20px;
  border-right: 1px solid #fff;
}
#header ul.toplinks li a, #nav ul.toplinks li a {color: #fff; font-size: 1em;}
#header ul.toplinks li a{font-weight: bold;}
#nav
{
  padding: 6px 5px 6px 0;
  background-color: #898E79;
  position: relative;
}
#nav ul.toplinks li.butikk
{
  border: 0;
  background: url(../gfx/icon_shop.gif) no-repeat left center;
  position: absolute;
  right: -10px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#nav ul.toplinks li.verktoy
{
  border: 0;
  background: url(../gfx/icon_tool.gif) no-repeat left center;
  position: absolute;
  right: 140px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#nav ul.toplinks li.verktoysecond
{
  position: absolute;
  right: 15px;
  border: 0;
}
#nav ul.toplinks li.nettverk
{
  position: absolute;
  right: 40px;
  border: 0;
}
#nav ul.toplinks li.butikksecond
{
  border:0;
  position: absolute;
  right: -10px;
}
/* /topnav nav */
/* frontpage articles */
#frontpage .itemfirst
{
  border: 1px solid #ccc;
  padding: 12px 12px 0px 12px;
  width: 598px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.verv{padding-top:5px;}
#frontpage .itemfirst .left {float: left;}
#frontpage .itemfirst .left img { padding: 0 10px 0 0; }
#frontpage .itemfirst .txt{ font-size: 1.2em; line-height: 1.5em;}
#frontpage .itemfirst .readmorefirst {
  float: right;
  padding: 10px 0 5px 0;
}
/*
#frontpage .item.first .gimage.right
{
  position: absolute;
  right: 10px;
  top: 0;
  padding:0;
  margin:0;
}
*/
#frontpage .item .readmore
{
  position: absolute;
  bottom: 5px;
  right: 10px;
}

/*#frontpage .item .caption, #frontpage .item h4{margin-left: 110px;}*/
#frontpage .item .caption { font-size: 1.1em; line-height: 1em;}
/*
#frontpage .item .gimage.left
{
  position: absolute;
  left: 10px;
  top: 10px;
  padding:0;
  margin:0;
}
*/
#frontpage .item
{
  border: 1px solid #ccc;
  width: 284px;
  padding: 12px 12px 8px 12px;
  position: relative;
}
#frontpage .item.left .left, #frontpage .item.right .left, #article .left
{
  float: left;
  clear: left;
  padding: 0 10px 0 0;
}
#frontpage .item.left{ float:left; }
#frontpage .item.right{float: right;}
#frontpage ol#morenews
{
  width: 606px;
  border: 1px solid #ccc;
  padding: 10px 5px 5px 12px;
  margin: 5px 0 5px 0;
  position: relative;

}
/* frontpage2 ungdomssiden */
#frontpage2 .nyhetsliste{float: left;}
#frontpage2 .date{float: right; margin-right: 150px;}
#frontpage2 .item{margin-bottom: 10px; border-bottom: 1px solid #ccc;}
#gstrek
{
  background-image: url(../gfx/pixgrey.gif);
  background-repeat: repeat-y;
  background-position: 298px center;
/*	height: 6.5em;*/
  margin: 0;
  padding:0;
}

#frontpage ol#morenews li
{
  list-style: none;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  width: 280px;
}

#frontpage ol#morenews li.col2 {margin-left: 315px;}
#frontpage ol#morenews li.coltopper {margin-top: -3.9em;}

/* Hides from IE-mac \*/
* html #frontpage ol#morenews li.col1 {margin-left: -1.2em;}
* html #frontpage ol#morenews li.col2 {margin-left: 305px;}
/* End hide from IE-mac */
#frontpage .news
{
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

#frontpage .newsdate
{
  font-size: .8em;
  margin-left: .2em;
}

/* addons*/
#addons
{
  float: right;
  width: 165px;
  margin:0;
  padding: 0;
}
#addons ul
{
  padding: 5px 0 5px 0;
  list-style: none;
}
#addons ul li { padding-bottom: 1ex; margin-right: 0; }
#addons ul li.asset { padding: 5px 0 5px 20px; }
#addons ul li.asset a { font-size: 0.9em; width:140px;}
#addons ul li.asset.html{background: url(../gfx/icons/html.gif) no-repeat left center;}
#addons ul li.asset.pdf{background: url(../gfx/icons/pdf.gif) no-repeat left center;}
#addons ul li.asset.doc{background: url(../gfx/icons/doc.gif) no-repeat left center;}
#addons ul li.asset.xls{background: url(../gfx/icons/xls.gif) no-repeat left center;}
#addons ul li.asset.ppt{background: url(../gfx/icons/ppt.gif) no-repeat left center;}
#addons ul li.asset.img{background: url(../gfx/icons/img.gif) no-repeat left center;}
#addons ul li.asset.default{background: url(../gfx/icons/link.gif) no-repeat left center;}
#addons ul.addons li.note ul.items  {margin:0; padding: 0;}
#addons ul.addons li.note .title { font-weight: bold; }
#addons ul.addons li.note ul.items li.title a
{
  font-weight: normal;
  text-decoration: underline;
}
#addons .icon
{
  padding: 3px 0 3px 27px;
  background: url(../gfx/icon_addon.gif) no-repeat 5px center #eee;
}
#tips .epost
{
  font-size: 0.9em;
  padding: 8px 0 2px 5px;
}
#tips form input
{
  width:160px;
}
#tips form input.tipsSubmit
{
  border: 1px solid #898E79;
  color: #FFF;
  background-color: #E62614;
  font-weight: bold;
  width: 45px;
  height: 20px;
  margin-left:120px;
}
#tips form input.tipsField{width: 150px; margin-left:5px;}
#tips .icon_tip
{
  padding: 3px 0 3px 27px;
  background: url(../gfx/icon_tip.gif) no-repeat 5px center #eee;
}

/* front right */
#frontright { position: relative; }
#frontright .banner
{
  margin-top: 5px;
}
#frontright .banner h2 {padding-bottom: 7px; width:254px; line-height:100%; font-size:1.7em;}
#frontright .banner p{line-height:124%;}
#frontright .banner a{color: #fff; text-decoration:none;}
#frontright .banner a:hover {	text-decoration: underline;}
#frontright .banner .readmore {float: right;}
/* Hides from IE-mac \*/
* html #frontright .banner {height: 1%;}

#frontright .banner .orange {
  background: url(../gfx/bannerbackground/orange_background.jpg) #F30 repeat-y right top;
  padding: 10px 12px;
  color: #FFF;
  line-height: 135%;
  font-size: 110%;
  font-weight: bold;
}
#frontright .banner .red {
  background: url(../gfx/bannerbackground/red_background.jpg) #F30 repeat-y right top;
  padding: 10px 12px;
  color: #FFF;
  line-height: 135%;
  font-size: 110%;
  font-weight: bold;
}
#frontright .banner .purple {
  background: url(../gfx/bannerbackground/purple_background.jpg) #F30 repeat-y right top;
  padding: 10px 12px;
  color: #FFF;
  line-height: 135%;
  font-size: 110%;
  font-weight: bold;
}

#frontright .banner .green {
  background: url(../gfx/bannerbackground/green_background.jpg) #F30 repeat-y right top;
  padding: 10px 12px;
  color: #000;
  line-height: 100%;
  font-size: 110%;
  font-weight: bold;
}
#frontright .banner .green a{color:#000;}


/* End hide from IE-mac */
#frontright ul {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  font-size: 120%;
  position: relative;
}
#frontright ul.rightlinks li
{
  padding-left: 30px;
  background: url(../gfx/elogit_link_red.gif) no-repeat 7px center;
}
#frontright ul li {
  border: 1px solid #E3DDCD;
  padding: 6px 13px;
  margin: 4px 0;
  background-color: #E3DDCD;
}

#frontright ul li.link { background-color: #898E79;}
#frontright ul li.link a{color: #fff;}
#frontright ul li.shop
{
  padding-left: 30px;
  background: # url(../gfx/icon_shop_red.gif) no-repeat 7px center;
}
#frontright ul li.tool
{
  padding-left: 30px;
  background: #E3DDCD url(../gfx/icon_tool_red.gif) no-repeat 7px center;
}
#frontright ul li.mag
{
  padding-left: 30px;
  background: #E3DDCD url(../gfx/icon_mag.gif) no-repeat 7px center;
}
#frontright ul li span.goto
{
  position: absolute;
  right: 12px;
}
#frontright .rss
{
  color: #FFF;
  font-weight: normal;
  background-color:#898E79;
  padding: 8px;
  margin: 5px 0 5px 0;
}

#frontright .rss_feed
{
  font-weight: bold;
  line-height:150%;
  background-color: #E3DDCD;
  padding: 8px;
  margin: -1px 0 5px 0;
  border:2px solid #E62814;

}
p.feed{font-weight:normal; line-height:120%;}
#frontright .header { padding-top: 7px;}
#frontright .header img{border:0;}
#frontright .form
{
  background-color: #E3DDCD;
  padding: 8px;
  margin: 5px 0 5px 0;
  position: relative;
}
#frontright .form a { text-decoration: underline; }
#frontright .form form.loginbox{padding-top: 5px; padding-bottom: 5px;}
#frontright .form input
{width: 133px}
#frontright .form input.pswd
{
  position: absolute;
  right: 10px;
  margin: 0 0 0 5px;
}
#frontright .form p{padding: 1px;}
#frontright .form p.right
{
  position: absolute;
  right: 10px;
  top: 5px;
}
/*
#frontright .form p.gpswd
{
  padding-top:5px;
}
*/
#frontright .form input.loginbtn, #frontright .rss .videre
{
  position: absolute;
  right: 9px;
  border: 1px solid #fff;
  color: #FFF;
  background-color: #E62614;
  font-weight: bold;
  width: 70px;
  font-size: 1em;
}
#frontright .form input.loginbtn{margin-top: 5px;}
#frontright .rss .videre{margin-top: 2px;}
#frontright .alenk
{
  padding: 3px 0 0 5px;
  margin: 3px 0 2px 0;
  border-top: 1px solid #E3DDCD;
}
/* from */
#form h4, h3.form {border-bottom: 1px solid #ccc; margin-bottom:5px;  padding-bottom: 5px;}
#form form .checkbox{margin: 8px 0 8px 0;}
#form form .checkbox input{margin-right:5px;}

#form form .input .right input{float:right; margin-right: 180px; width:220px; margin-top:5px;}
#form form .input .left{float:left; margin-bottom: 5px;}
#form form .input textarea{float:right; margin-right:180px; width:220px;  margin-top:5px;}
#form form .star {margin: 15px 0 15px 0;}
#form form .radiob span{padding-right:10px;}
#form form .submit input
{
  border: 1px solid #898E79;
  color: #FFF;
  background-color: #E62614;
  font-weight: bold;
  height: 20px;
  width:95px;
  float:right; margin-right: 180px;
  margin-top: 10px;
}
/* footer */
#footer,
#footer_ungdom
{
  padding: 6px 5px 6px 0;
  background-color: #898E79;
  font-size: 1em;
  color: #FFF;
  text-align: center;
  clear:both;
}

#footer_ungdom
{
  background-color: #999;
}

/* positions */
#mainframe
{
  margin: 0 auto;
  width: 940px;
  text-align: left;
  background-color: #FFF;
  border: 5px #fff solid;
}
#content .utskrift
{
  position: absolute;
  top: 5px;
  right: 5px;
  background-image: url(../gfx/icon_print.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
/* search */
#search/* indents because no tree in search. gan */
{
  
}
/* Hides from IE-mac \*/
* html #content #search/* no indents needed in IE */
{
  margin-left:0px;
}
/* End hide from IE-mac */

#search .wrp{border: 1px solid #eee; padding:5px;}
#search .txt { font-weight: bold; }
#search form{padding: 10px;}
 #search .body { padding: 10px 10px 0 10px; }
#search form input{width: 315px;}
#search ul li { list-style: none; padding:5px;}
#search .sort
{
  background-color: #eee;
  border-right: #CCC;
  border-bottom: #CCC;
  border-width: 0 1px 1px 0;
  border-style: none solid solid solid;
  padding: 5px 5px 5px 10px;
}
#search .sort span.link {margin-left: 10px;}
#search .submit input
{
  font-size: 110%;
  border: 1px solid #fff;
  color: #FFF;
  background-color: #E62614;
  font-weight: bold;
  width: 40px;
  height: 20px;
  margin-left: 10px;
}
#content
{
  width: 570px;
  float: left;
  position: relative;
  margin: 5px 0 5px 15px;
}

/* kontakt */
#office, #kontakt { line-height: 1.5em; }
#office .place { margin-bottom: 16px; }
#office .tlf{float: right; padding: 2px; margin: .5em 0 .5em 0;}
#office .person, #kontakt .place
{
  background-color: #eee;
  padding: 2px;
  margin: .5em 0 .5em 0;
}
#office .person { font-weight: bold; }
#office table tr.header{background-color: #eee;}
#office table {border: 1px solid #eee; margin-top: 10px;}
#office table td
{
  border-right: #CCC;
  border-bottom: #CCC;
  border-width: 0 1px 1px 0;
  border-style: none solid solid solid;
  padding: 2px 0 3px 5px;
}
#office table td a { text-decoration: underline; }
/*
#office table, #office td
{
  border-color: #ccc;
  border-style: solid;
}
#office table
{
  border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}
#office td
{
  margin: 0;
  padding: 4px 0 4px 4px;
  border-width: 1px;
}
*/

/* /kontakt */

/* bilde galleri */
#galleri{border: 1px solid #eee;  padding: 3px;}
#galleri .left
{
  float: left;

}

#galleri a img
{
  width: 100px;
  border: 1px solid #666;
  height: 100px;
  margin: 5px;
}
#galleri img
{
  border: 1px solid #666;
  margin: 0 5px 0 5px;
}
#galleri .caption
{
  background-color: #eee;
  border-right: #ccc 1px soild;
  border-bottom: #ccc 1px solid;
  padding: 8px;
  margin-bottom: 10px;
  height: 1%;
  font-size: 1em;
  font-weight: bold;
}
#galleri p.imgtxt
{
  text-align: center;
  font-weight: bold;
}


#path {border-bottom: 2px solid #E62614; margin-bottom:5px; }
#path .path{margin: 4px; font-size: 0.9em; }
#tree {float: left; width: 175px;}


#footer {}
#frontright{float: right; width: 300px;}
#frontpage
{
  float: left;
  width: 625px;
  list-style-position: inside;
}

#frontpage ul  {list-style-position: inside;}
#frontpage li { padding-bottom: 10px; }

/* typestyle */
#mainframe { font-size: 1.2em; }
h1
{
  font-size: 1.5em;
  padding-bottom: .5em;
  width: 400px;
}
h2 { font-size: 1.4em; padding-bottom: .5em;}
h3 { font-size: 1.3em; padding-bottom: .5em;}
p{padding-bottom: .5em; line-height: 1.5em;}
.body{padding-bottom: .5em; line-height: 1.5em;}
.caption{padding-bottom: 1em; line-height: 1.5em; font-size: 1.2em}
h4 {font-size: 1.2em; padding-bottom: .5em;}
h5{font-size: 1.1em; padding-bottom: .5em;}
.alenk{font-size: 0.9em;}/* alenk= andre lenker front page */

/* canvasstyle */

#tree .treehead
{
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  background: #898E79 url(../gfx/pil.png) no-repeat 167px center;
  padding: 5px 0 5px 10px;
  text-decoration: none;
}

/* canvasstyle */

#tree .treehead a{color:#fff;}

#tree ul li {border-bottom: 1px solid #ccc; list-style: none;}
#tree ul li a{ text-decoration: none; }


#tree ul.first { } /* no indent for first level */
#tree ul a { display: block; padding: 5px 0 5px 10px;} /* make link strech to the left-margin */
#tree ul li a:hover { font-weight:bold; font-size:110%;}
#tree ul li.lvl0.on{background-color: #fede98;}
#tree ul li.lvl1.on{background-color: #feebc1;}
#tree ul li.lvl2.on{background-color: #fff2d6;}
/*
#tree ul li.lvl3.on
{background-color: #ccc;}
*/

/*#tree ul li.lvl3.on a{color:#fff;}*/

#tree ul li.lvl0.on a,
#tree ul li.lvl1.on a,
#tree ul li.lvl2.on a,
#tree ul li.lvl3.on a
{
  font-weight:bold;
}

#tree ul li.lvl0 a{padding-left:1.2em;}
#tree ul li.lvl1 a{padding-left:1.6em;}
#tree ul li.lvl2 a{padding-left:2em;}
#tree ul li.lvl0 {background: url(../gfx/pilOn.png) no-repeat 3px 8px;}
#tree ul li.lvl1 {background: #dbd9d2 url(../gfx/pilOnl2.png) no-repeat 9px 8px;}
#tree ul li.lvl2 {background: #f3f3f3 url(../gfx/pilOnl3.png) no-repeat 14px 8px;}

/* objectstyle */

#article ol li,
#folder ol li,
#formpage ol li{margin-left: 2.2em;}
/* folder contentlist */
#folder ul#contentlist {list-style: none; margin: 1.3em 0 0;}
#folder ul#contentlist li.toplevel{border-bottom: 1px solid #eee; margin-bottom: 1.3em;}
#folder ul#contentlist li.toplevel .caption img{float: left; margin-right: 10px;}
/* dynaparked */
.gimage { background: #fff; }
.gimage div {
  font-size: .8em;
  line-height: normal;
}
.gimage.left
{
  float: left;
  padding: 0px 10px 10px 0;
}
.gimage.right
{
  float: right;
  padding: 0 0 10px 10px;
}
.gimage.center {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}
.gimage .gbottom { padding-top: 3px; }
.gimage .gtop { padding-bottom: 3px; }
img.gimg { border: 0; }
/* gammle bilder */
#gimage { border: 0; }
table.imgTable{padding: 5px;}
#article table.imgTable{padding-right: 10px;}

/* useful stuff */
.spacer1 {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

/*outline: 1px red dashed;*/

#article {list-style-position: inside;}
/* dirty li position fix caused by crappy output from editor*/
#article li
{
  margin-left: 1.5em;
  padding-bottom: 5px;
}

#comments {
  margin-top: 10px;
}

#keywords {
  margin-top: 10px;
}