/*
-----------------------------------------------
Kildenett transparent custom box Styles
Documentation:   http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/
Version:         17 March 2007
----------------------------------------------- */

/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:.5em 0 0em 0;
	z-index: 1;
}
/* Rules for the top corners and border */
.bt {
	background:url(kildenett_img/box_green.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:10px;
}
.bt div {
	height:10px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(kildenett_img/box_green.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(kildenett_img/box_green.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(kildenett_img/box_green.png) no-repeat 0 100%;
}

.bb_black {
	background:url(kildenett_img/box_black.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb_black div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(kildenett_img/box_black.png) no-repeat 0 100%;
}

.bb_transp {
	background:url(kildenett_img/box_transp.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb_transp div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(kildenett_img/box_transp.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 5px;
	background:url(kildenett_img/box_borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 5px 0 0;
	background:url(kildenett_img/box_borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-top: none;
	border-width:1px 0;
	padding:0 0px;
	background: url(kildenett_img/box_gradient_bunn.png) repeat-x;
	background-color: white;
}

.i3_black {
	background:#fff;
	border:1px solid #fff;
	border-top: none;
	border-bottom: none;
	border-width:1px 0;
	padding:0 0px;
	background: url(kildenett_img/box_gradient_bunn.png) repeat-x;
	background-color: white;
}

.boxheader {
  width: 100%;
  padding-bottom: 2px;
  padding-left: 0px;
}

.boxheader,
.boxheader a {
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.boxheader a { padding-left: 5px; text-decoration: none; }

h2.boxheader span { padding-left:10px;}

.breadcrumbdivider { padding-right: 10px; background: url(kildenett_img/left_arrow_white.png) right center no-repeat; }

h2 span.counter { padding: 0; font-weight: normal; }

.boxcontent { padding: 0 15px; }

/* =Themes
----------------------------------------------- */

#standard .bt,
#standard .bt div,
#standard .bb,
#standard .bb div,
.standard.bt,
.standard.bt div,
.standard.bb,
.standard.bb div
{
    background-image:url(kildenett_img/box_blue.png);
}

#standard .boxheader,
.standard.boxheader
{
    background: url(kildenett_img/box_bluegradient.png) top repeat-x;
}

#krig .bt,
#krig .bt div,
#krig .bb,
#krig .bb div,
.krig.bt,
.krig.bt div,
.krig.bb,
.krig.bb div
{
    background-image:url(kildenett_img/box_green.png);
}

#krig .boxheader,
.krig.boxheader
{
    background: url(kildenett_img/box_greengradient.png) top repeat-x;
}

#helse .bt,
#helse .bt div,
#helse .bb,
#helse .bb div,
.helse.bt,
.helse.bt div,
.helse.bb,
.helse.bb div
{
    background-image:url(kildenett_img/box_red.png);
}

#helse .boxheader,
.helse.boxheader
{
    background-color: #B85942;
    background: url(kildenett_img/box_redgradient.png) top repeat-x;
}

#lov .bt,
#lov .bt div,
#lov .bb,
#lov .bb div,
.lov.bt,
.lov.bt div,
.lov.bb,
.lov.bb div
{
    background-image:url(kildenett_img/box_brown.png);
}

#lov .boxheader,
.lov.boxheader {
    background: url(kildenett_img/box_brown_gradient.gif) top repeat-x;
}

#skole .bt,
#skole .bt div,
#skole .bb,
#skole .bb div,
.skole.bt,
.skole.bt div,
.skole.bb,
.skole.bb div
{
    background-image:url(kildenett_img/box_orange.png);
}

#skole .boxheader,
.skole.boxheader
{
    background-color: #B85942;
    background: url(kildenett_img/box_orange_gradient.gif) top repeat-x;
}

#metode .bt,
#metode .bt div,
#metode .bb,
#metode .bb div,
.metode.bt,
.metode.bt div,
.metode.bb,
.metode.bb div
{
    background-image:url(kildenett_img/box_blue.png);
}

#metode .boxheader,
.metode.boxheader
{
    background-color: #B85942;
    background: url(kildenett_img/box_bluegradient.gif) top repeat-x;
}
.timeline_infobox
{
	margin: 0px 0px 0px 230px;  width: auto; 
}

#befolkning .bt,
#befolkning .bt div,
#befolkning .bb,
#befolkning .bb div,
.befolkning.bt,
.befolkning.bt div,
.befolkning.bb,
.befolkning.bb div
{
    background-image:url(kildenett_img/box_befolkning.png);
}

#befolkning .boxheader,
.befolkning.boxheader
{
    background-color: #B85942;
    background: url(kildenett_img/boxgradient_befolkning.png) top repeat-x;
}

#modernisering .bt,
#modernisering .bt div,
#modernisering .bb,
#modernisering .bb div,
.modernisering.bt,
.modernisering.bt div,
.modernisering.bb,
.modernisering.bb div
{
    background-image:url(kildenett_img/box_modernisering.png);
}

#modernisering .boxheader,
.modernisering.boxheader
{
    background-color: #B85942;
    background: url(kildenett_img/boxgradient_modernisering.png) top repeat-x;
}
#landskap .bt,
#landskap .bt div,
#landskap .bb,
#landskap .bb div,
.landskap.bt,
.landskap.bt div,
.landskap.bb,
.landskap.bb div
{
    background-image:url(kildenett_img/box_landskapet.png);
}

#landskap .boxheader,
.landskap.boxheader
{
    background-color: #B85942;
    background: url(kildenett_img/boxgradient_landskapet.png) top repeat-x;
}