*
{
    margin: 0;
    padding: 0;
}

/*	Standardregler */

html
{
    /* Hides disabled vertical scrollbar in Explorer 7 */
    overflow: auto;
}

body
{
    margin: 0;
    font: 12px verdana, sans-serif;
    padding: 0 0 20px;
    background-color: #000;
    color: #5d5752;
}

img
{
    border: none;
}

h4
{
    font-size: 16px;
}

h3
{
    font-size: 18px;
    font-weight: normal;
}

a
{
    text-decoration: none;
    color: #7AB800;
}

img.bg
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    min-width: 100px;
    min-height: 1024px;
    width: 100%;
}

.clear
{
    clear: both;
}

body .frontpage.wrapper
{
    height: 603px;
    padding-top: 25px;
}

body .frontpage.content
{
    width: 947px;
    height: 292px;
    overflow: hidden;
}

/**
 * IE6 hack
 */
* html body .content
{
    min-height: 292px;
    height: auto;
}

* html body .frontpage
{
    min-height: 0;
    height: 292px;
}

body .section.wrapper
{
    min-height: 700px;
    padding-top: 22px;
}

body .section.wrapper .content
{
    min-height: 396px;
}

body.subpage
{
    background-color: #fff;
}

body #aspnetForm
{
    min-height: 100%;
}

body.subpage #beholder
{
    background: url('../images/artikkel_bg.png') repeat-x 0 80px;
}

body.subpage #beholder .submenu
{
    background: url('../images/shadow.png') repeat-x left top;
    background-color: #D2C9C2;
}

body.subpage .wrapper
{
    padding-top: 22px;
    min-height: 700px;
}

#beholder
{
    margin: 0 auto;
    z-index: 1000;
    position: relative;
}

#beholder #header
{
    width: 100%;
    height: 62px;
    background: #e4e0db;
    padding-bottom: 18px;
    margin-bottom: 38px;
}

#beholder #header #header_content
{
    /*width: 947px;
    height: 100%;
    margin: 0 auto;
    position: relative;*/
    position: absolute;
    height: 67px;
    padding-bottom: 36px;
    top: 0;
    width: 100%;
    background-image: url('../images/shadow.png');
    background-repeat: repeat-x;
    background-position: bottom center;
}

#beholder #header #header_content .logo
{
    /*width: auto;
    float: left;*/
    position: absolute;
    left: 50%;
    margin-left: -474px;
}

#header #header_content .logo a
{
    display: block;
}

#beholder #header #header_content .micrositelogo
{
    float: right;
}

#header #header_content .micrositelogo a
{
    display: block;
}

#header #header_content .menu
{
    /*position: absolute;
    right: 0;
    bottom: 0;
    width: 765px;
    height: 100%;*/
    position: absolute;
    height: 62px;
    left: 50%;
    top: 0;
    width: 765px;
    margin-left: -292px;
}

.sitetitle
{
    position: absolute;
    bottom: -10px;
}

#header #header_content .menu li
{
    list-style-type: none;
    float: left;
    border-left: 1px solid #bdb1a6;
}

#beholder #header #header_content .menu li.last
{
    border-right: 1px solid #bdb1a6;
}

#header .nav
{
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 27px;
}

#header .nav ul a
{
    display: block;
    height: 27px;
}

a.hoverTextImage .nothoverclass
{
    display: inline;
}
a.hoverTextImage .hoverclass
{
    display: none;
}

a.hoverTextImage:hover .nothoverclass, a.hoverTextImage:focus .nothoverclass, a.hoverTextImage.menuItemSelected .nothoverclass
{
    display: none;
}
a.hoverTextImage:hover .hoverclass, a.hoverTextImage:focus .hoverclass, a.hoverTextImage.menuItemSelected .hoverclass
{
    display: inline;
}

/*
 * Button specific
 */
#header .nav ul li a:focus
{
    outline: none;
}



/*#beholder #header #header_content .menu li.selected a,*/#beholder #header #header_content .topnav a:hover
{
    background-color: #898077;
    color: #fff;
}

#beholder #header #header_content .micrositeTitle
{
    font-size: 35px;
    text-transform: uppercase;
    padding-top: 20px;
}

#beholder #header #header_content .micrositeTitle a
{
    color: #5D5752;
}

#beholder #header #header_content .micrositeTitle a:hover
{
    background-color: #e4e0db;
    color: #5D5752;
}

/* globalmeny */
#header .topnav
{
    text-align: right;
    position: absolute;
    top: 3px;
    right: 0;
}
#header .topnav ul
{
    margin-top: 2px;
}
#header .menu .topnav li
{
    display: block;
}
#header .topnav li.TextSizeAdjustment
{
    padding: 0 8px;
}
#header .topnav a
{
    color: #5d5752;
    text-decoration: none;
    padding: 3px 7px 2px; /* Må kanskje endres hvis a A A skal inn igjen */
    text-transform: uppercase;
    display: block;
    font-size: 13px;
}

#header div.search
{
    position: absolute;
    right: 0;
    bottom: 0;
}

#header div.search input
{
    vertical-align: top;
}

#header div.search input.text
{
    width: 240px;
    font-size: 12px;
    font-family: verdana, Sans-Serif;
    padding-top: 4px;
    height: 16px;
}

#beholder .shadow
{
    width: 100%;
    height: 38px;
    background-image: url('../images/shadow.png');
    background-repeat: repeat-x;
}

/* Nivå 2-meny / submenu */
#beholder .submenu
{
    padding-top: 10px;
    width: 100%;
    height: 28px;
    background-image: url('../images/submenu_background.png');
    background-repeat: repeat-x;
    position: absolute;
    top: 80px;
    left: 0;
    display: none; /* Dropdown js effect */
    z-index: 101;
}
#beholder .submenu.selected
{
    display: block;
    z-index: 100; /* Must be lower than .submenu */
}

#beholder .submenu.noitems
{
    background-image: url('../images/shadow.png');
}

#beholder .submenu ul
{
    /*width: 947px;*/
    margin-left: -474.5px;
    left: 50%;
    position: absolute;
    overflow: auto;
}

#beholder .submenu ul li
{
    list-style-type: none;
    padding-right: 0;
    font-weight: bold;
    float: left;
    padding: 0 5px 0 0;
}

#beholder .submenu li.selected a
{
    background-color: #898077;
    color: #fff;
}

#beholder .submenu a
{
    display: block;
    font-weight: normal;
    padding: 2px 10px;
    font-size: 14px;
    color: #5d5752;
    text-decoration: none;
    text-transform: uppercase;
}

#beholder .submenu a:hover
{
    background-color: #898077;
    color: #fff;
}

#beholder .wrapper
{
    width: 973px;
    margin: 0 auto;
    clear: both;
    padding-top: 22px;
    position: relative;
}

#beholder .content
{
    padding-left: 13px;
    padding-right: 13px;
    position: relative;
}

#beholder #campaign
{
    width: 704px;
    height: 292px;
    float: left;
    background: white;
    overflow: hidden;
}

#beholder .bigbox
{
    width: 376px;
    height: 376px;
    float: left;
    margin-right: 10px;
    background: white;
    padding: 10px;
}

#beholder #my_page_login
{
    background: #d1c8c1;
    height: 235px;
    width: 221px;
    float: right;
    margin-top: 57px;
}


#left_menu
{
    /*position: absolute; 	left:13px; 	top:40px;*/
    width: 206px;
    float: left;
    margin-top: 40px;
}

#left_menu span
{
    padding-right: 8px;
}

#left_menu a
{
    background: #fff url('../images/bullet.png') no-repeat 10px 7px;
    color: #5d5752;
    font-size: 14px;
    width: 176px;
    display: block;
    padding: 4px 0 4px 24px;
    text-decoration: none;
}

#left_menu a:hover
{
    background-image: url('../images/bullet_hover_white.png');
    background-color: #898077;
    color: white;
}

#left_menu li
{
    list-style-type: none;
    margin-bottom: 1px;
}

#left_menu li.selected > a
{
    background: url('../images/bullet_expanded.png') no-repeat 7px 10px;
    color: white;
    background-color: #898077;
    width: 182px;
}

#left_menu li.selected ul
{
    margin: 0;
    margin-top: 1px;
    padding: 0;
}

#left_menu li.selected ul a
{
    background-image: none;
    background-color: #E0E6EF;
    color: #5d5752;
    margin-left: 8px;
    width: 174px;
}

#left_menu li.selected ul a:hover
{
    color: #e21b76;
}

#left_menu li.selected ul li
{
    margin-bottom: 0;
    background-color: #E0E6EF;
    list-style-image: none;
}

#left_menu li.selected ul li.selected a
{
    color: #e21b76;
}

#beholder #main_content
{
    margin-left: 207px;
    width: 720px;
    min-height: 700px;
    height: auto !important;
    height: 700px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

#beholder ul#breadcrumb
{
    height: 40px; /*width: 100%;*/
    padding: 0;
    padding-left: 8px;
    margin: 0;
    /*position: absolute;*/
}

#beholder ul#breadcrumb li
{
    float: left;
    list-style-type: none;
    padding-top: 10px;
}

#beholder ul#breadcrumb li.first a
{
    background: none;
    margin-left: 0;
    padding-left: 0;
}

#beholder ul#breadcrumb li.dots
{
    background: none;
    font: 12px verdana, sans-serif;
    color: #bdb1a6;
    text-decoration: none;
    padding-top: 15px;
}

#beholder ul#breadcrumb a
{
    background: url('../images/slash.gif') no-repeat;
    font: 12px verdana, sans-serif;
    color: #bdb1a6;
    text-decoration: none;
    margin-left: 10px;
    padding-left: 10px;
}

#beholder ul#breadcrumb a:hover
{
    color: #7AB800;
}

#beholder #main_content #article
{
    /*border-top: 1px solid #e4e0db; */
    /*padding-top: 40px;*/
}
#beholder #main_content #article h2
{
    font-size: 22px;
    margin: 0;
}

#beholder #main_content #article h3
{
    font-size: 16px;
}
#beholder #main_content #article h4
{
    font-size: 12px;
    font-weight: bold;
}

#beholder .content .leftSidebar
{
    position: absolute;
    left: 14px;
}

.HeaderContainer
{
    border: 1px solid #e4e0db;
    border-width: 1px 0;
    padding: 7px 0 0 0;
}

.HeaderWithIcon
{
    background-image: url(../images/white_arrow_on_red_box.png);
    background-position: 0 0.15em;
    background-repeat: no-repeat;
    display: block;
    font-weight: normal;
}

.HeaderWithIcon a, .HeaderWithIcon div
{
    display: block;
    text-indent: 25px;
}

.HeaderWithIcon a
{
    color: #5d5752;
    text-decoration: none;
}
.HeaderWithIcon a:hover, .HeaderWithIcon a.hover
{
    color: #7ab800;
}

.HeaderAsImageWithIcon
{
    display: block;
    padding: 0px;
    background-image: url(../images/white_arrow_on_red_box.png);
    background-position: 0 0.25em;
    background-repeat: no-repeat;
}

#beholder #main_content #article .columns
{
    float: left;
    width: 100%;
}

#beholder #main_content #article img.articleImage
{
    width: 100%;
    padding-bottom: 0.5em;
    border: none !important;
}

#beholder #main_content #article .twoImages
{
    overflow: auto;
    width: 100%;
}

#beholder #main_content #article img.leftImage
{
    width: 500px;
    float: left;
    padding-bottom: 0.5em;
    border: none !important;
    overflow: hidden;
}
#beholder #main_content #article img.rightImage
{
    width: 210px;
    float: right;
    padding-bottom: 0.5em;
    border: none !important;
    overflow: hidden;
}

#beholder #main_content #article .columns .main_column
{
    float: left;
    width: 500px;
    overflow: hidden;
    padding-right: 10px;
}

#beholder #main_content #article .bottom_area
{
    clear: both;
    padding-top: 1em;
    overflow: auto;
}

#beholder #main_content #article .columns p
{
    margin-bottom: 1em;
    line-height: 135%;
}

.ingress
{
    font-size: 16px;
    margin-left: 0;
    padding: 8px;
    line-height: 1.2em;
}

.main_text
{
    margin-bottom: 10px;
    padding: 8px;
    clear: both;
}

.main_text h3 
{
    font-size: 16px;
    margin: 22px 0 8px 0;
}
.main_text h4 
{
    font-size: 12px;
    font-weight: bold;
}

/* Lists (need to consider multiple levels) */
.main_text ul
{
    list-style-type: disc;
    list-style-position: outside;
    margin: 0.7em 0 1.5em 16px;
}

.main_text ol
{
    list-style-type: decimal;
    list-style-position: outside;
    margin: 0.7em 0 1.5em 24px;
}

.main_text ul > li > ul, .main_text ol > li > ol
{
    margin-bottom: 0;
}

.main_text ul > li, .main_text ol > li
{
    margin-bottom: 7px;
}


.main_text ol > li > ol
{
    list-style-type: lower-alpha;
}

.main_text p, .main_text blockquote
{
    margin-bottom: 1em;
}


/* Tables */
#article .main_text table
{
    margin: 0.7em 0 1.5em 0;
}


#article .columns .side_column
{
    width: 210px;
    overflow: hidden;
    float: right;
}

#article .LinkList
{
    border-top: 1px solid #e4e0db;
    padding-top: 10px;
}

#article .HeaderContainer
{
    padding-left: 8px;
    margin-bottom: 10px;
}

#article .LinkList a
{
    color: #5d5752;
    display: block;
    background: url('../images/bullet.png') no-repeat left 0.18em;
    padding: 0px 0px 0px 15px;
    font: 11px verdana,sans-serif;
    border: none 0px;
    line-height: 1.18em;
}

#article .LinkList a:hover
{
    color: #7AB800;
    background-image: url('../images/bullet_hover.png');
}

#article .LinkList h3
{
    margin: 0;
    padding: 0 0 4px 8px;
    font-size: 18px;
    border-bottom: 1px solid #e4e0db;
    margin-bottom: 1px;
}

#article .LinkList ul
{
    background-color: #f9f8f6;
    padding: .5em 0;
    margin: 0;
}

#article .LinkList li
{
    list-style: none;
    padding: 5px 0px 5px 8px;
}

#extra_nav
{
    padding-top: 25px;
    position: relative;
    height: 238px;
    padding-left: 13px;
    clear: both;
    width: 980px; /* fiks til problem med at 4. lista kommer under. */
}

.subgroup
{
    float: left;
    width: 196px;
    margin-right: 25px;
    margin-left: 22px;
}

.subgroup ul li
{
    list-style-type: none;
    padding-bottom: 6px;
    float: left;
    clear: left;
}

.subgroup h3
{
    margin: 0 0 6px 0;
    float: left;
}

.subgroup .subgroup_links a
{
    color: #FFF;
    background-color: #403e3f;
    font-size: 18px;
    padding: 0.1em 0.2em;
    display: block;
    white-space: nowrap;
}

.subgroup .subgroup_links a:hover
{
    background-color: #7AB800;
}

div.content_narrow
{
    width: 500px;
    margin-left: 207px;
    background: #fff;
    padding: 0 10px;
}

div.content_narrow.form_container
{
    padding: 0 20px 20px;
    width: 480px;
}

div.form_container h2
{
    margin: 14px 0 5px;
}

div.form a
{
    font-size: 14px;
}

div.form
{
    border-top: 1px solid #cecccb;
    margin-top: 10px;
    padding-bottom: 25px;
}

div.form div.row
{
    border-bottom: 1px solid #cecccb;
}

div.form div.row.submit
{
    border-bottom: 0px;
}

div.form fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

div.form div.cell
{
    background: #f0f2f7;
    position: relative;
    clear: both;
}

div.form div.cell.date label
{
    padding-bottom: 6px;
}

div.form div.cell em.dateHelp
{
    font-style: normal;
    font-size: 10px;
    color: #bdb1a6;
}

div.ConfirmBlock
{
    min-height: 22px;
    margin: 10px 0;
    float: left;
    padding: 10px;
    width: 458px;
    position: relative;
}

div.ConfirmBlock div.buttonHolder
{
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
}

div.ConfirmBlock span.message
{
    font-size: 13px;
}

div.form div.confirmation div.cell
{
    background: #FFFFFF;
    padding: 2px 0;
}

div.form div.cell.cb_input, div.form div.cell.link
{
    background: #fff;
}

div.form div.row.heading .cell
{
    background: #fff;
    padding: 8px 0 10px;
}

div.form div.row.heading.small .cell
{
    padding-top: 0px;
}

div.form div.row.heading.noborder
{
    border-bottom: none;
}

div.form div.row.heading
{
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px 0 10px;
}

div.form div.row.heading.small
{
    padding: 0px 0 8x;
    font-weight: normal;
    border-bottom: 1px solid #CECCCB;
}

div.cell input, div.cell textarea, div.cell select
{
    border: 1px solid #CCD5E4;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    height: 18px;
    padding-left: 2px;
    padding-top: 2px;
    position: absolute;
    right: 13px;
    top: 6px;
    width: 311px;
}

div.cell.rb_radio input
{
    position: static;
    display: block;
    float: left;
    clear: left;
    width: 50px;
    margin-left: 90px;
    border: none;
    height: 20px;
}

div.cell.rb_radio label
{
    float: left;
}

div.cell select
{
    height: 24px;
    width: 315px;
    padding: 2px 0 0 0;
    left: 156px;
}

div.cell.cb_radio
{
    background: #FFFFFF !important;
    padding-bottom: 8px;
    padding-left: 143px;
    padding-top: 3px;
}

div.cell.cb_radio input
{
    position: relative;
    width: 20px;
    margin-left: 20px;
}

div.cell.cb_radio label
{
    display: inline;
    width: auto;
    padding: 0px;
}

div.cell.cb_input span.checkbox input, div.cell.cb_radio input
{
    border: 1px solid #CCD5E4 !important;
}

div.form div.cell.rb_input
{
    background-color: #F0F2F7;
}

div.form div.cell.rb_radio
{
    background-color: #fff;
    padding: 6px 0 12px 0;
}

div.form div.cell.rb_input br
{
    display: none;
}

div.form div.cell.rb_input input
{
    border: none;
    clear: left;
    width: auto;
    position: static;
    float: left;
    margin: 0 20px 4px 20px;
}

div.form div.rb_radio legend
{
    color: #5D5752;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 6px 0;
}

div.form div.rb_radio label
{
    display: block;
    padding: 0;
    float: left;
    height: 20px;
    margin-top: 2px;
    width: 400px;
}

div.cell.text_area label, div.cell.text_area textarea
{
    height: 100px;
}

div.cell label
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    background: #fff;
    display: block;
    width: 138px;
    padding: 6px 0 18px;
}

div.confirmation
{
    clear: both;
}

div.confirmation div.cell label
{
    display: inline-block;
    width: 238px;
    padding: 0;
    padding-bottom: 0;
}

div.confirmation div.cell span
{
    font-size: 13px;
}

div.form div.cell.cb_input input
{
    width: 1px;
    width: auto;
}

div.form div.cell.submit
{
    background: #fff;
    float: right;
    width: auto !important;
}

div.form div.row.last.submit
{
    border: 0px;
    padding-top: 10px;
}

div.form div.row.last div.cell
{
    width: 49%;
    display: inline-block;
}

div.form div.row.submit div.cell
{
    display: none;
}

div.form div.row.submit div.cell.submit
{
    display: inline;
}

div.form div.row.last div.cell.submit
{
    text-align: right;
}

div.form div.cell.cb_input label
{
    width: 430px;
}
div.form div.cell span.smaller
{
    font-size: 0.75em;
    font-weight: normal;
}
span.produktnavn
{
    font-weight: bold;
}
div.product_display
{
    padding-top: 12px;
    border-top: 1px solid #cecccb;
    margin-bottom: 12px;
}

/* Prefixed text boxes */
div.cell input.prefix
{
    right: 230px;
    width: 95px;
}

div.cell input.prefixed
{
    width: 211px;
}

div.cell input.readonly
{
    background-color: #f2efec;
    color: #666666;
}

/*  XForms validation */
span.xformvalidator
{
    color: #9d1313 !important;
    display: inline;
    position: absolute;
    left: 483px;
    top: 6px;
    font-size: 10px;
    background-color: #fff;
    border: 1px solid #CCD5E4;
    padding: 4px;
    width: 240px;
    visibility: visible !important;
    border: none;
    display: block;
    padding: 20px 30px 20px 35px;
    width: 190px;
    background-image: url('../images/bubble-large.png');
    background-repeat: no-repeat;
    background-color: Transparent;
    height: 86px; /* 62 - 40 = 22 */
    margin-top: -21px;
}


/**
 * Bubble sizes
 */
.xformvalidator.largeBubble
{
    background-image: url('../images/bubble-large.png');
    height: 86px; /* 126 - 40 = 86 */
    margin-top: -21px;
}
.xformvalidator.smallBubble
{
    background-image: url('../images/bubble-small.png');
    height: 22px; /* 62 - 40 = 22 */
    margin-top: -21px;
}


span.xformvalidator.date
{
}

.xFormsValidationSummary
{
    padding: 5px 5px 5px 10px;
    border: solid 1px red;
    font-size: 13px;
    background-color: transparent;
    display: none; /* Hide because messages now appear next to fields */
}

.xFormsValidationSummary ul
{
    padding-left: 15px;
}

/* Form buttons */

div.btnWrap input, div.btnWrap.disabled input:hover
{
    cursor: default;
}

div.btnWrap input:hover
{
    cursor: pointer;
}

div.btnWrap div.btn
{
    float: left;
    padding-left: 1px;
}

div.btnWrap div
{
    background: transparent url(../images/knapp.png) no-repeat scroll left top;
    border: 0px;
}

div.btnWrap.disabled div, div.btnWrap.disabled div:hover
{
    background: transparent url(../images/knapp.png) no-repeat scroll left bottom;
}

div.btnWrap div:hover
{
    background: transparent url(../images/knapp.png) no-repeat scroll left -24px;
}

div.btnWrap.clicked
{
    margin-top: 1px;
    margin-left: 1px;
}

div.btn div
{
    background: transparent url(../images/knapp.png) no-repeat scroll right top;
    height: 24px;
    position: relative;
}

div.btnWrap.disabled div.btn div, div.btnWrap.disabled div.btn div:hover
{
    background: transparent url(../images/knapp.png) no-repeat scroll right bottom;
}

div.btn div:hover
{
    background: transparent url(../images/knapp.png) no-repeat scroll right -24px;
}

div.btn div span.CufonMe
{
    font-size: 14px;
    color: White;
    padding: 3px 16px;
    display: block;
}

div.btn div span.CufonMe span
{
    padding-top: 4px;
}

div.btnWrap div input
{
    text-decoration: none;
    border: 0px;
    height: 24px;
    color: #67605B;
    background: transparent;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
}


/* Field list generic control */

.fieldList label
{
    display: inline-block !important;
}

.fieldList a.RemoveLink
{
    font-weight: normal;
    position: absolute;
    text-align: right;
    right: 0;
    margin: 0px;
    padding: 0px;
}

.fieldList div.addLink
{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Generic date control styles */

.dateControl input[type="image"]
{
    top: 10px;
}

.dateControl input[type="text"]
{
}

.dateControlBtn
{
    background: url("../images/calendar.png") no-repeat;
    margin-top: 3px !important;
    width: 17px !important;
    height: 18px !important;
    border: 0px none !important;
}

/*
*			Seksjonsforside
*/

#beholder div#articles
{
    padding: 10px 10px;
    margin: 0;
    background-color: #fff;
    width: 290px;
    height: 376px;
    float: left;
}

#beholder ul.articleList
{
    color: #5d5752;
    float: left;
}

#beholder ul.articleList li
{
    list-style-type: none;
    margin-bottom: 3px;
    border-top: 1px solid #e4e0db;
    float: left;
    clear: left;
    width: 290px;
    padding-top: 10px;
}
#beholder ul.articleList .MiniArticleText
{
    font-size: 12px;
    border-top: 1px solid #e4e0db;
    padding: 10px 7px;
}

#beholder ul.articleList .MiniArticleHeader
{
    padding: 0 7px 10px;
}
#beholder ul.articleList li:hover
{
    background: #f8f7f5;
}

#beholder ul.articleList li.last
{
    border-bottom: 1px solid #e4e0db;
    padding-bottom: 10px;
}


#beholder ul.articleList h3 a:hover
{
    color: #7ab800;
}

#beholder ul.articleList span.date
{
    color: gray;
}

#beholder ul.articleList span.left
{
    width: 50%;
    float: left;
}

#beholder ul.articleList span.right
{
    width: 50%;
    float: right;
}

div.floatedContainer
{
    float: right;
}

div.floatedContainer.login
{
    min-width: 100px;
}

/*
*			Aktivitetskalender - Front page
*/
div.boxes
{
    width: 310px;
    float: left;
}

div.smallbox
{
    height: 229px;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}
div.minibox
{
    height: 117px;
    padding: 10px;
    background: #fff;
}

div.bigbox img.SelectedImage
{
    width: 376px;
    height: 376px;
}
div.smallbox img.SelectedImage
{
    width: 290px;
    height: 229px;
}
div.minibox img.SelectedImage
{
    width: 290px;
    height: 117px;
}
div.sidebox
{
    padding: 15px 10px 10px;
    background: #d1c8c1;
    height: 231px;
    width: 197px;
    font: 12px verdana, sans-serif;
    float: right;
    margin-top: 57px;
}
div.sidebox div.MiniArticle
{
    padding-top: 15px;
}


/**
* Aktivitetskalender - Listevisning
*/
#beholder #main_content #article.eventlist .main_text
{
    padding: 0;
}
#article.eventlist ul
{
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
    border-top: 1px solid #e7e3e0;
}
#article.eventlist ul li
{
    margin: 0;
    border-bottom: 1px solid #e7e3e0;
}
#article.eventlist ul li a
{
    display: block;
    line-height: 35px;
    height: 100%;
    padding: 0 3px;
}

#article.eventlist ul li a:hover
{
    background-color: #7ab800;
    color: #ffffff;
    outline: none;
}
#article.eventlist ul li a:hover .date
{
    background-color: #7ab800;
    color: #ffffff;
    outline: none;
}
#article.eventlist ul li a:hover .title
{
    background-color: #7ab800;
    color: #ffffff;
    outline: none;
}
#article.eventlist ul li a:focus
{
    background-color: #7ab800;
    color: #ffffff;
    outline: none;
}
#article.eventlist ul li a:focus .date
{
    background-color: #7ab800;
    color: #ffffff;
    outline: none;
}
#article.eventlist ul li a:focus .title
{
    background-color: #7ab800;
    color: #ffffff;
    outline: none;
}

#article.eventlist ul li a .icon
{
    background-image: url('../images/bullet.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    text-indent: -999px;
    margin: 6px 10px;
}


#article.eventlist ul li a .date
{
    display: block;
    float: left;
    margin-right: 15px;
    width: 155px;
    position: relative;
}

#article.eventlist ul li a .date em
{
    font-style: normal;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

#article.eventlist ul li a .title
{
    font-size: 13px;
    display: block;
}


/*
*			Søkeside
*/
div.searchPageContent
{
    padding-left: 10px;
    padding-right: 10px;
}

div.searchAgainHeader
{
    padding: 10px 0 10px;
}

div.search_input
{
    padding: 15px 20px 0;
    background: #F0F2F7;
    border-bottom: 1px solid #E4E0DB;
    border-top: 1px solid #E4E0DB;
}
div.search_input .text_input
{
    padding: 10px 0 30px;
}

div.search_results ul li p
{
    font-size: 12px;
    padding: 2px 5px 2px 25px;
}
div.search_results ul li p .highlight
{
    font-style: normal;
    font-weight: bold;
}

div#AdvancedArea
{
    padding-top: 5px;
    padding-bottom: 20px;
    font-size: 14px;
}

div#AdvancedArea #AdvancedOption
{
    padding-right: 40px;
    font-weight: bold;
    float: left;
}

div#AdvancedArea #AdvancedOption label .details
{
    font-size: 10px;
    text-transform: uppercase;
}

div#AdvancedArea #AdvancedOption input
{
    margin-bottom: -2px;
}

div.search_input .text_input input
{
    float: left;
}
div.search_input input[type="image"]
{
    margin-left: 10px;
}
div.search_input input[type="text"]
{
    padding-top: 2px;
    height: 18px;
    width: 70%;
}

div.search_results
{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 0px 30px;
}

div.search_results h2
{
    margin-bottom: 10px;
}

div.search_results ul
{
    list-style: none;
    padding: 10px 0 0 0;
}
div.search_results ul li
{
    padding: 0 8px 10px;
    border-top: 1px solid #E4E0DB;
}
div.search_results ul li:hover
{
    background: #f8f7f5;
}

div.search_results .HeaderContainer
{
    border-bottom: none;
}
div.search_results .SearchQuery
{
    font-weight: bold;
}

/*
*			Kvitteringsside
*/
div.kvittering
{
    padding: 10px;
}

div#Kvittering
{
    background-color: #F3F0ED;
    padding: 50px 20px 20px;
}

#Kvittering div.space
{
    padding-top: 15px;
}

.looseColumn.kvittering
{
    background-color: white;
    position: absolute;
    right: 13px;
    top: 50px; /* 13px cause parent has 13px padding-right */
    width: 170px;
}

/**
 * Kvitteringssiden
 */
#Kvittering p
{
    margin-bottom: 1em;
}
#Kvittering h2
{
    font-size: 24px;
    margin-bottom: 0.75em;
}
#Kvittering div, #Kvittering a
{
    font-size: 18px;
}
#Kvittering a.bulletLink
{
    background-position: 0 6px;
}
a.bulletLink
{
    background: url('../images/bullet_hover.png') no-repeat scroll 0 3px;
    padding-left: 8px;
}

.looseColumn.kvittering a
{
    color: #5d5752;
    display: block;
    background: url('../images/bullet.png') no-repeat left 1px;
    padding-left: 10px;
}

.looseColumn.kvittering a:hover
{
    color: #7AB800;
    background-image: url('../images/bullet_hover.png');
}

.looseColumn.kvittering h3
{
    margin: 0;
    padding: 8px;
    font-size: 20px;
}

.looseColumn.kvittering ul
{
    border-top: 1px solid #E4E0DB;
    background-color: #f9f8f6;
    padding: 8px 0;
    margin: 0;
}

.looseColumn.kvittering ul li
{
    list-style: none;
    font: 12px verdana, sans-serif;
    padding: 5px 0 5px 8px;
}


/*
*			Aktivitetskalender - calendar
*/
#EventCalendar
{
    background-image: url('../images/map-background-90.png');
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

#EventCalendar.hideOnLoad, #EventCalendar.showOnLoad
{
    height: 40px;
}

#EventCalendar .calendarBase
{
    width: 948px;
    margin: 0 auto;
    padding-top: 5px;
}

#EventCalendar .section, #EventCalendar .section a
{
    color: #857C75;
    font-size: 30px;
    height: 50px;
    float: left;
}
#EventCalendar .section
{
    border-bottom: 1px solid #56504C;
    height: 40px;
}

#EventCalendar .section.center
{
    width: 748px;
    position: relative;
}

#EventCalendar .section.center .heading
{
    position: absolute;
    right: 457px;
    top: 0;
}

/**
 * On MonthAndWeekView the heading is in the middle
 */
#EventCalendar .section.center .heading
{
    position: absolute;
    left: 370px;
    display: block;
    min-width: 300px;
}

#EventCalendar .section.center .periodModeButtons
{
    position: absolute;
    left: 80px;
}

#EventCalendar .section.center .periodModeButtons a
{
    display: block;
    width: 70px;
    background-color: #413d3a;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin: 5px 1px 0 1px;
}

#EventCalendar .section.center .periodModeButtons a:hover, #EventCalendar .section.center .periodModeButtons a.marked
{
    background-color: #857c75;
}

#EventCalendar .section.center .categories
{
    position: absolute;
    right: 0;
    top: 40%;
    width: 300px;
    font-size: 13px;
}

#EventCalendar .categories .category
{
    display: inline-block;
    padding: 0 5px;
    border-right: 1px solid #BDB1A6;
}

#EventCalendar .categories .category.last
{
    border-right: none;
    padding-right: 0;
}

#EventCalendar .categories .category img
{
    margin: 0 4px 10px;
}

#EventCalendar .section.center span
{
    color: #F2EFEC;
}

#EventCalendar .section.left, #EventCalendar .section.right
{
    width: 100px;
}

#EventCalendar .section.right
{
    position: relative;
    vertical-align: middle;
}

#EventCalendar a.NextYear, #EventCalendar a.PrevYear
{
    position: absolute;
    height: 30px;
}

#EventCalendar a.NextYear span, #EventCalendar a.PrevYear span
{
    padding-top: 2px;
    padding-bottom: 3px;
}

#EventCalendar a.PrevYear
{
    padding-left: 30px;
    background: url('../images/arrows.png') no-repeat left -30px;
}

#EventCalendar a.NextYear
{
    padding-right: 30px;
    background: url('../images/arrows.png') no-repeat right -30px;
    right: 0;
    display: block;
    text-align: right;
    width: 120px;
}

#EventCalendar a.PrevYear, #EventCalendar a.NextYear, #EventCalendar .heading
{
    font-size: 24px;
    line-height: 30px;
}

#EventCalendar a.NextYear:hover, #EventCalendar a.PrevYear:hover
{
    color: #F2EFEC;
}

#EventCalendar a.PrevYear:hover
{
    background: url('../images/arrows.png') no-repeat left 0px;
}

#EventCalendar a.NextYear:hover
{
    background: url('../images/arrows.png') no-repeat right 0px;
}

#EventCalendar .section .item
{
    float: left;
}

#EventCalendar .bottomSection
{
    position: relative;
    height: 160px;
}

#EventCalendar .bottomSection
{
    height: 330px;
    overflow: hidden;
}

#EventCalendar.YearView .bottomSection
{
    height: 120px;
}

#EventCalendar.MapView .bottomSection
{
    height: 430px;
}

/**
 * Calendar grid
 */

#EventCalendar .topSection
{
    height: 40px;
}

#EventCalendar .bottomSection
{
    position: relative;
    margin-top: 30px;
    clear: both;
}

#EventCalendar .bottomSection .calendarGrid
{
    margin-left: 180px;
}

#EventCalendar.YearView .bottomSection .calendarGrid
{
    margin-left: 0;
}

#EventCalendar .bottomSection .calendarGrid .periodLabels
{
}

#EventCalendar .bottomSection .calendarGrid .periodLabels .label
{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #BDB1A6;
    float: left;
    border-left: 1px dashed #524f49;
    margin-right: -2px;
    height: 370px;
    margin-top: 30px;
}

#EventCalendar .bottomSection .calendarGrid .periodLabels .label:first-child, #EventCalendar .bottomSection .calendarGrid .periodLabels .label.first-child
{
    border-left: 1px solid #524f49;
}

#EventCalendar.YearView .bottomSection .calendarGrid .calendar
{
    border-right: 1px dashed #524f49;
}

#EventCalendar.YearView .bottomSection .calendarGrid .periodLabels .label:first-child, #EventCalendar.YearView .bottomSection .calendarGrid .periodLabels .label.first-child
{
    border-left: 1px dashed #524f49;
}

/**
 * Shift the title over the cal
 */
#EventCalendar .bottomSection .calendarGrid .periodLabels .label .title
{
    display: block;
    padding: 3px;
    margin-top: -30px;
}

#EventCalendar .bottomSection .calendarGrid .calendar
{
    position: absolute;
    left: 0;
    width: 100%;
    height: 400px;
    border-top: 1px solid #524f49;
    margin-top: 30px;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category
{
    border-bottom: 1px solid #524f49;
    min-height: 25px;
    overflow: hidden;
}

#EventCalendar.YearView .bottomSection .calendarGrid .calendar .category
{
    border-bottom: none;
    min-height: 1px;
    padding-bottom: 20px;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .title
{
    font-size: 14px;
    color: #857c75;
    width: 157px;
    text-transform: uppercase;
    margin-bottom: 20px;
    float: left;
    padding: 4px 3px 3px 25px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .kultur
{
    background-image: url('../images/icons/Kultur_Aktiv.png');
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .idrett
{
    background-image: url('../images/icons/Idrett_Aktiv.png');
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .prosjekt
{
    background-image: url('../images/icons/Eidsiva_Aktiv.png');
}

#EventCalendar.YearView .bottomSection .calendarGrid .calendar .category .title
{
    display: none;
}

#EventCalendar .bottomSection .calendarGrid .calendar .toggleMore:focus
{
    outline: none;
}

#EventCalendar .bottomSection .calendarGrid .calendar .toggleMore
{
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    display: block;
    width: 180px;
    float: left;
    clear: left;
    margin-top: -25px;
    text-align: center;
}

#EventCalendar.YearView .bottomSection .calendarGrid .calendar .toggleMore
{
    display: none;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events
{
    margin: 3px 0 3px 180px;
    padding: 3px 0;
    position: relative;
}

#EventCalendar.YearView .bottomSection .calendarGrid .calendar .category .events
{
    min-height: 1px;
}

#EventCalendar.YearView .bottomSection .calendarGrid .calendar .category .events
{
    margin-left: 0;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event
{
    overflow: hidden;
    border: 1px solid #0B0B0A;
    position: absolute;
    padding: 0px 0;
    top: 0;
    left: 0;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title
{
    background-color: #857c75;
    display: block;
    height: 12px;
    padding: 3px 3px 3px 12px;
    font-size: 10px;
    color: #fff;
    text-transform: none;
    margin: 0;
    width: 1000px;
    background-image: url('../images/calendar-event-arrow.png');
    background-position: 5px center;
    background-repeat: no-repeat;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title:hover
{
    background-color: #7ab800;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title:hover .date
{
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title:hover .shorttitle
{
    display: none;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title .name
{
    display: none;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title:hover .name
{
    display: inline;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title:active, #EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title:active .date
{
    background-color: #7ab800;
    color: #fff;
}

#EventCalendar .bottomSection .calendarGrid .calendar .category .events .event .title .date
{
    font-weight: normal;
    color: #fff;
}

#EventCalendar .calendarFooter
{
    width: 950px;
    height: 30px;
    padding: 10px 0 10px 0;
}

#EventCalendar .calendarFooter .footerButton
{
    margin: 0 5px;
    display: block;
    float: right;
    height: 30px;
    margin-left: 20px;
    text-indent: -9999px;
    background-image: url('../images/kart-kalender-icons.png');
}

#EventCalendar .calendarFooter .footerButton.calendarButton
{
    width: 107px;
    background-position: -148px 28px;
}

#EventCalendar .calendarFooter .footerButton.calendarButton:hover, #EventCalendar .calendarFooter .footerButton.calendarButton:focus, #EventCalendar .calendarFooter .footerButton.calendarButton.selected
{
    background-position: 0 28px;
    outline: none;
}

#EventCalendar .calendarFooter .footerButton.mapButton
{
    width: 67px;
    background-position: -148px 0;
}

#EventCalendar .calendarFooter .footerButton.mapButton:hover, #EventCalendar .calendarFooter .footerButton.mapButton:focus, #EventCalendar .calendarFooter .footerButton.mapButton.selected
{
    background-position: 0 0;
    outline: none;
}

#EventCalendar .bottomSection .month
{
    float: left;
    font-size: 15px;
    width: 67px;
    height: 160px;
    padding-left: 10px;
    border-left: 1px solid #56504C;
    color: #BDB1A6;
}

#EventCalendar .bottomSection .month.last
{
    border-right: 1px solid #56504C;
}

#EventCalendar #events
{
    display: inline;
}

#EventCalendar #events .event
{
    position: absolute;
    top: 0px;
    left: 0px;
}

#EventCalendar #events .event span.descr, #EventCalendar #events .event span.date
{
    display: none;
}






a.tt
{
    display: block;
    position: relative;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 4px 0px 0px;
    font-size: 13px;
    height: 30px;
}

a.tt span.title
{
    position: relative;
    display: block;
    padding: 10px 5px 0px 9px;
    height: 20px;
}

a.tt span.tooltip
{
    display: none;
}

a.tt:hover
{
    color: #aaaaff;
}

div.event.hovered a.tt span.tooltip
{
    display: none;
    position: fixed;
    bottom: 7px;
    color: #993300;
    text-align: center;
    padding-right: 4px;
    cursor: pointer;
}

a.tt span.inner
{
    display: none;
    text-align: left;
    display: block;
    height: 114px;
    padding: 12px 10px 10px;
    max-width: 250px;
}

a.tt span.inner span.header, a.tt span.inner span.headerDate
{
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
a.tt span.inner span.header:hover, a.tt span.inner span.headerDate:hover
{
    color: #7AB800;
}

a.tt span.inner span.headerDate
{
    font-weight: normal;
}

a.tt span.inner img
{
    padding-top: 5px;
    max-width: 100px;
    max-height: 80px;
}



/* Kategorier på aktivitetskalenderbobler */

/* Dersom en kategori ikke matcher, så vil alt by default vises som Kultur */
/*a.tt { background: url('../images/ak_boxes.png') no-repeat right top; }
a.tt span.title { background: url('../images/ak_boxes.png') no-repeat left top; }
a.tt span.inner { background: url('../images/ak_boxes.png') no-repeat 0 -120px; }

a.tt.Kultur { background: url('../images/ak_boxes.png') no-repeat right top; }
a.tt.Kultur span.title { background: url('../images/ak_boxes.png') no-repeat left top; }
a.tt.Kultur span.inner { background: url('../images/ak_boxes.png') no-repeat 0 -120px; }
div.event.hovered a.tt.Kultur span.tooltip  { background: url('../images/ak_boxes.png') no-repeat right -120px; }
a.tt.Idrett { background: url('../images/ak_boxes.png') no-repeat right -30px;	 }
a.tt.Idrett span.title { background: url('../images/ak_boxes.png') no-repeat left -30px;	 }
a.tt.Idrett span.inner { background: url('../images/ak_boxes.png') no-repeat 0 -256px; }
div.event.hovered a.tt.Idrett span.tooltip  { background: url('../images/ak_boxes.png') no-repeat right -256px; }
a.tt.Prosjekt { background: url('../images/ak_boxes.png') no-repeat right -60px;	 }
a.tt.Prosjekt span.title { background: url('../images/ak_boxes.png') no-repeat left -60px; }
a.tt.Prosjekt span.inner { background: url('../images/ak_boxes.png') no-repeat 0 -392px; }
div.event.hovered a.tt.Prosjekt span.tooltip  { background: url('../images/ak_boxes.png') no-repeat right -392px; }
a.tt.Utkobling { background: url('../images/ak_boxes.png') no-repeat right -90px;	 }
a.tt.Utkobling span.title { background: url('../images/ak_boxes.png') no-repeat left -90px; }
a.tt.Utkobling span.inner { background: url('../images/ak_boxes.png') no-repeat 0 -528px; }
div.event.hovered a.tt.Utkobling span.tooltip  { background: url('../images/ak_boxes.png') no-repeat right -528px; }

div.event.hovered
{
	z-index:2000; 
	height:140px;
}
*/

/**
 * Calendar Kart
 */
#EventCalendar.MapView .bottomSection
{
    margin-top: 5px;
}

#EventCalendar .bottomSection .mapViewWrapper
{
    padding-left: 95px;
    font-size: 70%;
}

#EventCalendar .bottomSection .mapViewWrapper .map
{
    float: left;
    width: 397px;
    height: 431px;
    position: relative;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapImage
{
    position: absolute;
    display: block;
    width: 397px;
    height: 431px;
    top: 0;
    left: 0;
}

#EventCalendar .bottomSection .mapViewWrapper .map .districtMap
{
    display: none;
    position: absolute;
    width: 397px;
    height: 431px;
    top: 0;
    left: 0;
    z-index: 10;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapBubble
{
    background-image: url(../images/map-bubble_small.png);
    display: block;
    font-weight: bold; /*height:28px; For the big bubble image*/
    height: 22px;
    padding: 5px 14px 0 0;
    position: absolute;
    text-align: right;
    text-indent: 0; /*width:45px; For the big bubble image*/
    width: 35px;
    overflow: hidden;
    margin: -33px 0 0 -3px;
    z-index: 20;
}
#EventCalendar .bottomSection .mapViewWrapper .map .mapBubble:hover
{
    z-index: 999;
}

/**
 * Mapview popup box
 */
#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopupWrapper
{
    border: 1px solid #cfc6be;
    position: absolute;
    min-width: 450px;
    margin-left: -225px;
}

#EventCalendar .bottomSection .mapViewWrapper .map a:focus
{
    outline: none;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopupWrapper .mapViewPopupTitle
{
    background-color: #fff;
    height: 30px;
    padding: 5px 18px 2px 18px;
    width: 414px; /* IE7 needs details */
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopupWrapper .mapViewPopupClose
{
    position: absolute;
    top: -12px;
    right: -12px;
    display: block;
    width: 25px;
    height: 26px;
    background-image: url('../images/close.png');
    text-indent: -9999px;
    z-index: 999;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopupWrapper .mapViewPopupClose:hover
{
    background-position: 25px;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup
{
    border: 2px solid #eee;
    border-bottom-width: 1px;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li
{
    height: 35px;
    list-style: none none outside;
    margin: 0;
    clear: both;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a
{
    display: block;
    line-height: 34px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    text-indent: 0;
    color: #7ab800;
    font-size: 12px;
    padding: 0 10px;
    width: 426px; /* IE7 needs details */
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a:hover
{
    background-color: #7ab800;
    color: #ffffff;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a span
{
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a .Kultur
{
    background-image: url('../images/icons/Kultur_Aktiv.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    text-indent: -999px;
    margin: 7px 5px 0 0;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a:hover .Kultur
{
    background-image: url('../images/icons/Kultur_Inaktiv.png');
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a .Prosjekt
{
    background-image: url('../images/icons/Eidsiva_Aktiv.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    text-indent: -999px;
    margin: 7px 5px 0 0;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a:hover .Prosjekt
{
    background-image: url('../images/icons/Eidsiva_Inaktiv.png');
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a .Idrett
{
    background-image: url('../images/icons/Idrett_Aktiv.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    text-indent: -999px;
    margin: 7px 5px 0 0;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a:hover .Idrett
{
    background-image: url('../images/icons/Idrett_Inaktiv.png');
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a .date
{
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    min-width: 155px;
    color: #333;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a .date em
{
    display: block;
    font-style: normal;
    font-weight: bold;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

#EventCalendar .bottomSection .mapViewWrapper .map .mapViewPopup li a .title
{
    font-size: 110%;
}

#EventCalendar .bottomSection .mapViewWrapper .categorieswrapper
{
    float: right;
    padding: 15px 5px 25px 5px;
    overflow: auto;
    background-color: #E4E1DC;
    width: 200px;
    color: #000;
}

#EventCalendar .bottomSection .mapViewWrapper .categorieswrapper h3
{
    border-bottom: 1px solid #BDB1A6;
    border-top: 1px solid #BDB1A6;
    padding: 5px 15px;
    color: #413d3a;
    font-size: 20px;
}

#EventCalendar .bottomSection .mapViewWrapper .categorieswrapper .categories
{
    border-bottom: 1px solid #BDB1A6;
    padding: 15px 0px 15px 15px;
    font-size: 80%;
    color: #413d3a;
}

#EventCalendar .bottomSection .mapViewWrapper .categorieswrapper input[type="checkbox"]
{
    margin-right: 10px;
}

/**
 * Widget styling (YrWeather, bildegalleri)
 */
.widgetBar
{
    /*position: absolute; 	top: 40px; 	left: 13px;*/
    float: left;
    clear: left;
    margin-top: 40px;
    width: 206px;
}
.widget
{
    padding: 0;
    margin: 0 6px 40px 0;
    width: 200px;
}

.widget h3
{
    font-size: 20px;
    border: 1px solid #beb2a7;
    border-right: none;
    border-left: none;
    padding: 8px 2px;
}

/**
 * Styling for the YrWeather control
 */
.YrWeather dl
{
}

.YrWeather dl dt
{
    background-image: url('../images/bullet.png');
    background-repeat: no-repeat;
    background-position: 8px center;
    padding: 0 0 0 23px;
    float: left;
    width: 129px;
    clear: both;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.YrWeather dl dd
{
    float: left;
    width: 40px;
    height: 40px;
    padding-right: 8px;
}

/* Vær ikonet må ikke være større enn 38x38 */
.YrWeather dl dd img
{
    width: 38px;
    height: 38px;
    margin: 1px 0 0 1px;
}

.YrWeather dl dt, .YrWeather dl dd
{
    background-color: #d4cbc4;
}

/* Special case for odd */
.YrWeather dl dt.odd, .YrWeather dl dd.odd
{
    background-color: #eae5e1;
}

.YrWeather .fromYr
{
    clear: both;
    display: block;
    text-align: right;
    font-size: 12px;
    padding: 4px 8px;
}



/**
 * Bildegalleri widget
 */
#article .ImageGalleryWrapper
{
    margin-left: 9px;
}
.ImageGalleryWrapper .gallery
{
    overflow: auto;
    margin: 5px -2px;
}

.ImageGalleryWrapper .gallery .thumb
{
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-color: #898077;
    border: 2px solid #898077;
    float: left;
    margin: 2px;
    text-align: center;
}

.ImageGalleryWrapper .gallery .thumb:hover
{
    border-color: #7AB800;
}

.ImageGalleryWrapper .gallery .thumb a
{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
}

.ImageGalleryWrapper .gallery .thumb img
{
    display: none;
}



/* Image rotator */
.ImageRotator
{
    padding: 0;
    margin: 0;
}

.ImageRotator img
{
    background-color: #eee;
    top: 0;
    left: 0;
}

/*.ImageRotatorLink
{
    position: absolute;
    top: 57px;
    text-indent: -9999px;
    display: block;
    height: 51px;
    width: 51px;
    z-index: 1000;
    background-image:  url(../images/arrows_imagerotator.png);
  
}

.ImageRotatorLink:focus 
{
	outline: none;
}

.ImageRotatorPrev
{
    left: 0px;
    background-position: 0px 0px;
}

.ImageRotatorNext
{
    right: 0px;
    background-position: 51px 0px;
}

.ImageRotatorPrev:hover
{
	background-position: 0px 51px;
	
}

.ImageRotatorNext:hover
{
	background-position: 51px 51px;
}
*/
.ImageRotatorWrapper
{
    position: relative;
}


/* Bestilling/Info knapper til brødtekst */

#article .main_text div.knapper
{
    margin: 0;
    padding: 0;
    width: 100%;
}
#article .main_text div.left
{
    text-align: left;
}
#article .main_text div.right
{
    text-align: right;
}
#article .main_text div.knapper a
{
    display: inline;
    border-top: 1px solid #e4e0db;
    border-bottom: 1px solid #e4e0db;
    background: #fcfcfb;
    color: #ee2b74;
    font-size: 18px;
    line-height: 22px;
    padding: 8px;
}
#article .main_text div.knapper a:hover
{
    border-top: 1px solid #ee2b74;
    border-bottom: 1px solid #ee2b74;
    background: #faf9f8;
}

/* Diverse */
.HeaderContainer
{
    display: block;
}

div#veil
{
    height: 5000px;
    width: 100%;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
}

div#ECHoverOverlay
{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    border: 1px solid red;
    border: 1px solid red;
}

#article .main_text div.tabs
{
    border-bottom: 1px solid #e4e0db;
}

#article .main_text div.tabs ul.tabNavigation
{
    margin: 0;
    padding: 0;
}
#article .main_text div.tabs ul.tabNavigation li
{
    color: #5d5752;
    display: inline;
    padding: 5px;
}
#article .main_text div.tabs ul.tabNavigation li a
{
    color: #5d5752;
}
#article .main_text div.tabs ul.tabNavigation li:hover
{
    background: #CCC;
}
#article .main_text div.tabs ul.tabNavigation li.active
{
    background: #898077;
}
#article .main_text div.tabs ul.tabNavigation li.active a
{
    color: #FFF;
}
#article .main_text div.NewsList p.ListIngress
{
    margin-bottom: 15px;
    border-bottom: 1px solid #f9f5ef;
}



/**
 * Layout Boxes (Layout Function)
 */
.layoutBox
{
    min-width: 100px;
    min-height: 20px;
    float: left;
    overflow: hidden;
}

/**
 * Horizontal List of Buttons (Content Function)
 */
.horizontal_buttons
{
    padding: 0 8px 0 8px;
    float: left;
}

.horizontal_buttons.left
{
    float: left;
}

.horizontal_buttons.right
{
    float: right;
    margin-right: -3px;
}

/**
 * Fancy buttons
 */

.fancybutton
{
    float: left;
    font-size: 14px;
    color: #fff;
    background-color: #403E3F;
    background-position: 0 0;
    height: 24px;
    margin: 5px 3px;
    padding: 0;
    display: block;
    width: auto;
}

.fancybutton:hover
{
    background-color:#7AB800;   
}

.fancybutton span
{
    background-color: Transparent;
    float: left;
    background-position: 0 0;
    line-height: 24px;
    margin: 0 -2px;
    padding: 0 19px;
    display: block;
    cursor: pointer;
}


/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .fancybutton span {float:none;}
  /* End IE5-Mac hack */



/* Slidingdoor versions */
/* Brown */
.fancybutton.brown
{
    background: url("../images/buttonbrown-right.png") no-repeat scroll right -24px transparent;
}

.fancybutton.brown span
{
    background: url("../images/buttonbrown-left.png") no-repeat scroll 0 -24px transparent;
}

.fancybutton.brown:hover
{
    background-position: right 0;
}
.fancybutton.brown:hover span
{
    background-position: 0 0;
}


/* Grey */
.fancybutton.gray
{
    background: url("../images/buttongray-right.png") no-repeat scroll right top transparent;
    color: #6f6762;
}

.fancybutton.gray:hover
{
    color:#333;   
}

.fancybutton.gray span
{
    background: url("../images/buttongray-left.png") no-repeat scroll transparent;
}



/* Green Actionbutton */
.fancybutton.action
{
    background: url("../images/buttonaction-right.png") no-repeat scroll right 0 transparent;
    height: 33px;
}

.fancybutton.action span
{
    background: url("../images/buttonaction-left.png") no-repeat scroll 0 0 transparent;
    line-height: 33px;
    padding: 0 19px 0 31px;
    font-size: 16px;
}

.fancybutton.action:hover
{
    background-position: right -33px;
}
.fancybutton.action:hover span
{
    background-position: 0 -33px;
}

/* Inverse Actionbutton */
.fancybutton.action.inverse
{
    background-position: right -33px;
}

.fancybutton.action.inverse span
{
    background-position: 0 -33px;
}

.fancybutton.action.inverse:hover
{
    background-position: right 0;
}
.fancybutton.action.inverse:hover span
{
    background-position: 0 0;
}


/**
 * FAQ
 */
.FAQFilterForm
{
    position: relative;
    /*padding: 20px;*/
    /*background-color: #F0F2F7;*/
    border: 1px solid #CECCCB;
    border-width: 1px 0; /*left: -10px;     width: 700px;*/
    margin-bottom: 20px;
    /*border: 20px solid #F0F2F7;*/
    height: 90px;
}
#FAQFilter
{
    line-height: 30px;
    height: 30px; /*width: 678px;*/
    width: 598px;
    padding: 10px 40px 10px 40px;
    border: 1px solid #E4E0DB;
    outline: 1px solid #fff;
    color: #5D5752;
    font-size: 24px;
    background-image: url('../images/magnifying-glass.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: Transparent;
    position: absolute;
    z-index: 101;
    top: 20px;
    left: 20px;
}
#FAQFilter:focus, #FAQFilter:hover
{
    /*border-color: #EBD660;         outline-color: #EBD660;*/
    border-color: #D2C9C2;
    outline-color: #D2C9C2; /*background: url("../images/shadow.png") repeat-x scroll left top transparent;*/
}
.FAQFilterReset
{
    display: none; /* Hide default, show only when there is something in field */
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 36px;
    background-image: url("../images/kryss.png");
    cursor: pointer;
    z-index: 102;
}
.FAQFilterReset:hover, .FAQFilterReset:focus
{
    background-image: url("../images/kryss-hover.png");
}
.FAQFilterHelpMessage
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    line-height: 50px;
    height: 50px;
    width: 638px;
    color: #bbb;
    z-index: 100;
    padding-left: 42px;
    border: 20px solid #F0F2F7;
}
.FAQWrapper
{
    padding: 8px 0 8px 8px;
}
.FAQCategory
{
    overflow: hidden;
    border-bottom: 1px solid #E4E0DB;
    margin: 0 0 20px 0;
}
.FAQCategory h3
{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    position: relative;
}

.FAQCategory h3 .faqHits 
{
    font-size: 11px;
    padding: 5px 10px 5px 5px;
    color: #5D5752;
}
.FAQCategory h3 .faqHits 
{
    visibility: hidden;
}

.FAQCategory h3 .FAQCategoryShowHide
{
    font-size: 12px;
    position: absolute;
    right: 5px;
    bottom: 0;
}

.FAQCategory h3 .FAQCategoryShowHide .hide
{
    color: #bbb;
}
.FAQCategory h3 .FAQCategoryShowHide:hover .hide
{
    color: #7AB800;
}

.FAQCategory.hidden h3 .FAQCategoryShowHide .hide, .FAQCategory h3 .FAQCategoryShowHide .show, .FAQCategory .faqHits
{
    display: none;
}
.FAQCategory.hidden h3 .FAQCategoryShowHide .show, .FAQCategory h3 .FAQCategoryShowHide .hide, .FAQCategory.hidden .faqHits
{
    display: inline;
}

.FAQCategory dl
{
    overflow: auto;
    position: relative;
}
/*.FAQCategory.hidden dl 
        {  
            overflow: hidden;
            height: 0;
        }*/
.FAQCategory dl .highlight
{
    /*text-decoration: underline;*/ /*color: #000;*/
    background-color: #E4E0DB; /*border-bottom: 1px solid #7AB800;*/
}

.FAQCategory dl dt
{
    font-weight: bold; /*float: left;                 clear: left;*/
    width: 200px;
    border-top: 1px solid #E4E0DB;
    padding: 20px 10px 10px 0; /*margin-bottom: 20px;*/
    position: absolute;
    left: 0;
}
.FAQCategory dl dd
{
    /*float: left;*/
    width: 500px;
    border-top: 1px solid #E4E0DB;
    padding: 20px 0 0 0;
    margin-bottom: 10px;
    margin-left: 210px;
    position: relative;
}
.FAQCategory dl a
{
    display: block;
    width: 100%;
    height: 100%;
    color: #5D5752;
}
.FAQCategory dl dd .FAQPairLink
{
    display: block;
    text-align: right;
    color: #bbb;
    border-top: 1em solid transparent;
    width: auto;
    padding-right: 12px;
    background-image: url('../images/next-arrow.png');
    background-repeat: no-repeat;
    background-position: right 2px;
}
.FAQCategory dl dt:hover + dd .FAQPairLink, .FAQCategory dl dd:hover .FAQPairLink
{
    background-image: url('../images/next-arrow-hover.png');
    color: #7AB800;
}