body {
   margin: 0;
   padding: 0;
   background: #009999 url(grafikk/bg.png) repeat-x left top;
   color: #777;
   font-family: Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif;
   font-size: 12px;
}

a {
	text-decoration: none;
	color: #277db0;
}

img {
	border: none;
}

#page-duer {
	margin: 60px 0;
	background: url("grafikk/banner.png") repeat;
	height: 123px;
	width: 100%;
}

#top-logo {
	margin-left: 10px;
}

#page-top {     
   margin: auto auto 15px auto;
   width: 1100px;
   overflow: visible;
   height: 60px;
   z-index: 1;
   position: relative;
}

#page-banner-top {     
   margin: 50px auto 40px auto;
   width: 1100px;
   overflow: visible;
   height: 123px;
   z-index: 1;
   position: relative;
}


#page-container {     
	margin: 0px auto;
	width: 1100px;
	background: #FFFFFF;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	behavior: url(PIE.htc);
	z-index: -1000;
	margin-bottom: 30px;
}

#content {
	margin: 0px auto 0 auto;
	width: 630px;
	float: left;
	overflow: hidden;
}

#right-side {
	float: left;
	width: 345px;
	margin-left: 25px;
}

.box {
	border: 1px solid #ae9f8b;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	background: #FFF;
	
}

.inner-box-festival {
	border: 1px solid #ae9f8b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
	background: #fef6e1;
	padding: 5px;
	position: relative;
}

.festival {
	font-size: 1.3em;
	padding-bottom: 10px;
	color: #596761;
	font-weight: bold;
}

.all-festival a {
	color: #596761;
	padding: 10px 0;
	float: right;
	text-decoration: underline;
}

.festival-header {
	font-weight: bold;
	overflow: hidden;
	border-bottom: 1px solid green;
	padding: 5px 0px;
	font-size: 11px;
}

.festival-header .date {
	float: left;
	width: 90px;
	color: black;
}

.festival-header .name {
    float: left;
    margin-right: 15px;
    width: 120px;
}

.festival-header .place {
	float: left;
	width: 75px;
}

.festival-header-long {
	font-weight: bold;
	overflow: hidden;
	border-bottom: 1px solid green;
	padding: 5px 0px;
	font-size: 11px;
}

.festival-header-long .dateLong{
	float: left;
	width: 120px;
}

.festival-header-long .nameLong {
    float: left;
    margin-right: 15px;
    width: 320px;
}

.festival-header-long .nameLong  a {
	color: #596761;
	text-decoration: none;
}

.festival-header-long .placeLong {
	float: left;
	width: 170px;
}

.rss {
	font-size: 1.1em;
	margin-bottom: 5px;
	color: #277db0;
	font-weight: bold;
	float: right;
	overflow: hidden;
}

.inner-box-rss {
	border: 1px solid #ae9f8b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
	background: #fef6e1;
	padding: 5px;
	position: relative;
}

.inner-box-rss .feed {
	padding: 10px 0 5px 10px;
}

.inner-box-rss .feed .headline a {
	color: #277db0;
}

.inner-box-rss .feed .headline a:hover {
	text-decoration: underline;
}

.inner-box-rss .feed .readmore a {
	color: #3E4F48;
}

.inner-box-rss .feed .date {
	font-weight: bold;
}

.inner-box-social {
	border: 1px solid #ae9f8b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
	/*padding: 5px;*/
	position: relative;
	overflow: hidden;
}

.inner-box-social .social-text {
	text-align: center;
	color: #3e4f48;
	font-size: 1.8em;
	font-weight: bold;
}

.inner-box-social .social-img {
	text-align: center;
}

.inner-box-social .social-img img{
	border: none;
}

#page-header { 
   overflow: hidden;
   position: relative;
   padding: 30px 50px 10px 50px;
}

#sti {
	margin: 60px 0 0 15px;
}

#input-panel {
	margin-top: 20px;
}

#sti .label {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

#sti .omrader a {
    color: #797979;
    font-size: 11px;
	text-decoration: none;
}

#search {
    background: url("grafikk/search-bar.png") no-repeat;
    float: left;
    height: 56px;
    width: 635px;
}

#searchDiv {
    float: left;
    margin-top: 8px;
}

#searchString {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #6F767A;
    font-size: 16px;
    margin: 10px 0 0 30px;
    padding: 0 0 0 10px;
    width: 580px;
}

#searchBt {
    margin-left: -100px;
    margin-top: 12px;
	border: 3px solid #FFF;
}

#signin {
	background: url("grafikk/signin-bar.png") no-repeat;
	height: 56px;
    width: 345px;
	float: left;
	margin-left: 12px;
	overflow: hidden;
}

#signout {
	height: 70px;
    width: 345px;
	float: left;
	margin-left: 15px;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
}

#signout  .realname {
	font-weight: bold;
}

#username {
	margin: 17px;
	width: 95px;
	border: medium none;
	float: left;
}

#password {
	margin-top: 17px;
	width: 95px;
	border: medium none;
	float: left;
}

#signinBt {
	float: right;
	margin: 12px 18px 0px 0px;
	border: 3px solid #FFF;
}

#page-banner {
   overflow: hidden;
   position: relative;
   top: 1px;
}

#logo {
   margin: 30px 0 10px 50px;
}

#site-menu {
   list-style: none;
   display: block;
   float: right;
   margin-top: 30px;
   margin-right: 70px;
}
#site-menu li {
   display: block;
   float: left;
}
#site-menu a {
    color: #9c9ea0;
    text-decoration: none;
    margin: 0 0 0 25px;
    font-size: 11px;
    font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
}
#site-menu a:hover, #site-menu a.current {
   color: #000;
}

#main-menu li a {
   color: #3e4f48;
   text-decoration: none;
   display: inline-block;
   height: 20px;
   padding: 3px 0px 10px 0px;
   border: transparent 3px solid;
   margin-right: 30px;
}


/*Content*/
#page-content {
   overflow: hidden;
   position: relative;
   clear: both;
   padding: 10px 50px;
}

#page-footer {
	background: url("grafikk/footer.png") no-repeat;
	height: 123px;
	width: 999px;
	padding: 10px;
	overflow: hidden;
}

.Forside .artikkel .ingressartikkel0 {
	border: 1px solid #ae9f8b;
	padding: 14px;
	width: 270px;
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #FFFFFF;
	behavior: url(PIE.htc);
	position: relative;
}
.Forside .artikkel .ingressartikkel1 {
	border: 1px solid #ae9f8b;
	padding: 14px;
	width: 270px;
	float: right;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #FFFFFF;
	behavior: url(PIE.htc);
	position: relative;
	
}

.Forside .artikkel .artikkel-bilde-overskrift-ingress {
	padding: 10px;
	border: 1px solid #ae9f8b;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc);
	position: relative;
	background-color: white;
	margin-top: -5px;
}
.Forside .artikkel .artikkel-overskrift h2.overskrift {
	font-size: 2em;
	color: #505e56;
}

.Forside .artikkel .artikkel-ingress .ingress {
	font-size: 12px;
}

.Forside .artikkel .artikkel-ingress .lesmer a {
	text-decoration: underline;
	color: #505e56;
}

.Forside .artikkel .artikkel-deling {
	height: 25px;
	clear: both;
}

#page-made-by {
	text-align: center;
	padding: 0px 0px 10px 0px;
}

#page-made-by #host{
	margin-left: 20px;
}

#temaarkiv ul {
    list-style: none outside none;
}
#temaarkiv li {
    border-bottom: 1px dotted grey;
    clear: both;
    overflow: hidden;
}
#temaarkiv span {
    float: left;
}
#temaarkiv .les_mer {
    float: right;
}
#temaarkiv a {
    float: right;
    text-decoration: none;
}
#temaarkiv a:hover {
    text-decoration: underline;
}

ul#topnav {
    font-size: 1.2em;
	font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
	width: 99%;
}
ul#topnav li {
    float: left;
    margin: 0;
    padding: 0;
}
ul#topnav li a {
    color: #3e4f48;
    display: block;
    padding: 15px 0px;
	margin: 0px 15px;
    text-decoration: none;
}

ul#topnav li a.current  {
	border-bottom: 3px solid #2a7eb1;
}

ul#topnav li:hover, ul#topnav li a:hover {
	color: #FFF;
}

ul#topnav li div {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    background: none repeat scroll 0 0 #2a7eb1;
    color: #FFFFFF;
    display: none;
    float: left;
    left: 0;
    padding: 15px 0;
    position: absolute;
    top: 35px;
    width: 970px;
}
ul#topnav li:hover div {
    display: block;
}
ul#topnav li div a {
    display: inline;
	color: white;
}
ul#topnav li div a:hover {
    text-decoration: underline;
}

#article, #fastomrade {
	padding: 10px;
}

.events {
	padding: 10px 0;
}

.facebook {
	padding-bottom: 10px;
}

.stikktittel, .ingress, .hovedsak {
	padding: 5px 0;
}

#sitemenu, #sitemenu * {
    margin: 0;
    padding: 0;
}

#site-name {
    position: absolute;
    top: 7px;
    left: 0;
	width: 325px;
	font-size: 28pt;
	color: #FFF;
	font-weight: bold;
}

#sitemenu {
    position: relative;
	margin: 25px 0 0 315px;
    display: block;
    float: right;
}

#sitemenu li ul {
    background: url("/img/clear.gif") repeat scroll 0 0 transparent;
    cursor: default;
    display: none;
    height: auto;
    left: -10px;
    padding: 1px 10px 10px;
    position: absolute;
    width: 11em !important;
}
#sitemenu li {
    cursor: pointer;
    float: left;
    font-weight: bold;
    list-style-type: none;
    position: relative;
}
#sitemenu li ul li {
    max-width: 120%;
    padding: 0;
    width: 10em;
}
#sitemenu li a {
    color: #FFF;
    cursor: default;
    display: block;
    float: left;
    height: 2em;
	font-size: 14px;
    line-height: 2em;
    padding: 0 30px;
    text-decoration: none;
	font-weight: bold;
}
#sitemenu li ul li a {
    background-position: 0 50% !important;
    color: #666666;
    cursor: pointer !important;
    font-weight: normal;
    height: 1.7em;
    line-height: 1.7em;
    position: relative !important;
    white-space: nowrap;
    width: auto;
	background: #FFF;
	width: 200px;
}
#sitemenu li a:hover, #sitemenu li a:focus, #sitemenu li a:active {
    color: #FFF;
}
#sitemenu ul a:hover, #sitemenu ul a:focus, #sitemenu ul a:active {
    color: #277db0 !important;
}
#sitemenu li:hover ul, #sitemenu li.msieFix ul {
    display: block;
    top: 2em !important;
    z-index: 10;
}

.article-lead {
	padding: 10px;
}

.lesmer {
	margin-top: 10px;
}

.accordion h3.overskrift {
	font-size: 1.10em;
	font-weight: bold;
	color: #100f0f;
}
.accordion a { color: #206BB0; font-weight: bold; }
.accordion a:visited { color: #206BB0; font-weight: bold; }
.accordion { width:99%; padding-top:0px; border-bottom: solid 1px green; overflow: hidden;}
.accordion .header { padding-right:10px; padding-left:10px;padding-top:5px; padding-bottom:5px; line-height: 150%;
	height:auto; color:#01518C; margin:0px 0 0px; border-bottom:solid 1px green; background:#FEF6E1 url(grafikk/arrow-square.gif) no-repeat right -50px; }
.accordion .header a { font-size: 11px; }
.accordion .header:hover {  }
.accordion .header.active { margin-top:0px; }
.accordion div.details { width:99%; height:auto; overflow:hidden; margin: 0px 0 0px 0; padding: 0px 0px 0px; }
.accordion div.details .image { margin-bottom:0px; padding: 0px 10px 10px;}
.accordion div.details h2 { font-size:17px; padding: 0px 10px; margin-top:10px; margin-bottom:5px; }
.accordion div.details .ingress { font-size:12px; padding: 0px 10px; margin_bottom: 10px; }
.accordion div.details .lesmer { font-size:11px; float:right; padding: 0px 10px 10px; }
.accordion div.details .hovedsak { padding: 0px 10px 10px; }