*
{
    margin: 0;
    padding: 0;
}

/*	Standardregler */

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

* html input { overflow: visible; }

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

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;
}


/**
 * New Frontpage (2010 summer)
 */
.frontpageWrapper 
{
    width: 960px;
    position: absolute;
    left: 50%;
    margin-left: -476px;
    padding-top: 20px;
    min-height: 300px;
}

    .frontpageWrapper .frontpageMainWrapper 
    {
        width: 720px;
        position: absolute;
        right: 0;
    }
        .frontpageWrapper .frontpageMainWrapper .frontpageBanner 
        {
            width: 100%;
        }
        
        .frontpageWrapper .frontpageMainWrapper .frontpageBoxes 
        {
            width: 100%;
            margin-top: 10px;
        }
        
    .frontpageWrapper .frontpageSidebarWrapper 
    {
        width: 230px;
        position: absolute;
        left: 0;
    }
        .frontpageWrapper .frontpageSidebarWrapper .frontpageLogin 
        {
            width: 100%;
            margin-top: 36px;
            overflow: hidden;
        }
        
        .frontpageWrapper .frontpageSidebarWrapper .frontpageSidebar 
        {
            width: 100%;
            margin-top: 10px;
            overflow: auto;
        }


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: 18px;
    line-height: 18px;
    border:1px solid #BDB1A6;
}

#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;

    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;
}
#beholder div.side_column > #my_page_login {
	margin-top: 33px;
}

#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, #beholder ul#breadcrumb span
{
    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 ul 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 ul 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[type='text'], 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 */
                   
.outerButton
{
    background: url("../images/knapp.png") no-repeat scroll left top transparent;
    padding-left: 2px;
    border: medium none;
    display: inline-block;
}

.outerButton:hover
{
	background-position: left -24px;
}

.outerButton input.Submit, .outerButton div.Submit
{
    background: url("../images/knapp.png") no-repeat scroll right top transparent;
    border: medium none;
    color: white;
    padding: 0px 14px 2px;
    overflow: visible;
    height: 24px;
    font-size: 14px;
}

.outerButton div.Submit {
    height: 22px;
    padding: 2px 14px 0;
    cursor: pointer;
}

.outerButton.disabled
{
    background: url("../images/knapp.png") no-repeat scroll left bottom transparent;
}

.outerButton.disabled input.Submit
{
    background: url("../images/knapp.png") no-repeat scroll right bottom transparent;
}

.outerButton input.Submit:hover, .outerButton div.Submit:hover
{
	background-position: right -24px;
}









/* 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;
    width: 100%;
}

#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;
    width: 220px;
}

/*
*			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 h1
{
	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;
}


.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: 23px;
    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 .FAQPart
{
    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;
}


/**
 *Product Box
 */
.ProductBox
{
    width: 230px;
    /*padding: 8px;*/
    padding: 20px 0 10px 0;
    font-size: 11px;
    background-color: #FFF;
    clear: both;
    float:left;
}

    .ProductBox h2
    {
        display: block;
        padding: 0 10px 10px 10px;
        margin: 0 10px 0 10px;
        background-image: url(../images/white_arrow_on_red_box.png);
        background-position: 11px 5px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #efecea;
    }
    
    
    .ProductBox ul 
    {
        /*border-top: 1px solid #efecea;*/
        list-style-type: none;
        list-style-position: outside;
        padding: 0;
        margin-bottom: 10px;
    }
        .ProductBox ul li 
        {
            overflow: hidden;
        }
            .ProductBox ul li:hover 
            {
                /*color: #7AB800;*/
                background-color: #efecea;
            }
        
            .ProductBox ul li a 
            {
                color: #5D5752;
                font-size: 11px;
                display: block;
                height: 100%;
                padding: 10px 0;
                margin: 0 10px;
                overflow: auto;
                border-bottom: 1px solid #efecea;
            }
            
            .ProductBox ul li img 
            {
                clear: left;
                float: left;
                width: 53px;
                height: 53px;
                overflow: hidden;
            }
        
            .ProductBox ul li em 
            {
                display: block;
                padding: 2px 0 0 60px;
                font-weight: bold;
                font-style: normal;
            }
            .ProductBox ul li .description
            {
                display: block;
                padding: 5px 0 0 60px;
            }
            
            .ProductBox .footerText 
            {
                padding: 0 10px 10px 10px;
            }

/**
 * Social Box
 */
.frontpageSocial
{
    margin-top: 10px;
    width: 230px;
    /*padding: 8px;*/
    padding: 8px 0 8px 0;
    font-size: 11px;
    background-color: #E4E0DB;
    opacity: 0.8;
    clear: both;
    float:left;
}
.frontpageSocial p 
{
	margin: 3px 0 0 8px;
	padding: 0;	
}
.frontpageSocial a
{
	float: right;
	margin-right: 8px;
	display: block;
	height: 32px;
	width: 32px;
	overflow: hidden;
	text-indent: -9999px;
}
.frontpageSocial a.twitter
{
	background: url('../images/social_icons.png') -32px 0px no-repeat;
}
.frontpageSocial a.facebook
{
	background: url('../images/social_icons.png') 0px 0px no-repeat;
}
			
			
/**
 * Banner
 */
.bannerwrapper 
{
    position: relative;
    /*width: 720px;*/
    width: 710px;
    /*height: 400px;*/
}

    .bannercontrols 
    {
        position: absolute;
        right: 3px;
        bottom: 117px;
    }
    .Ext3ContentFunction .bannercontrols 
    {
        display: none !important;
    }
        .bannercontrols a 
        {
            display: block;
            float: right;
            width: 45px;
            height: 45px;
            margin: 5px 7px 0 0;
            text-indent: -9999px;
            overflow: hidden;
            outline: none;
            background-image: url('../images/banner-nextprev-arrows.png');
            background-position: left top;
        }
            .bannercontrols a:hover
            {
                background-position: left bottom;
            }
            
            .bannercontrols a.next 
            {
                background-position: right top;
            }
            .bannercontrols a.next:hover 
            {
                background-position: right bottom;
            }
        
        .bannercontrols .autoSlideDuration 
        {
            display: none;
        }

.banner 
{
    overflow: hidden;
    position: relative;
    border: 10px solid #fff;
}
    .banner .pane 
    {
        width: 9000px;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
    }
    .Ext3ContentFunction .banner .pane 
    {
        width: 100% !important;
    }
    
        .banner .pane .bannerslide
        {
            float: left;
            border-right: 10px solid #fff;
            overflow: hidden;
            padding-bottom: 2000px;
            margin-bottom: -2000px;
            width: 690px;
        }
        
        /**
         * Banner slide image 
         */
        .banner .pane .bannerslideimage 
        {
            background-color: #fff;
            padding-bottom: 2000px;
            margin-bottom: -2000px;
        }
            .banner .pane .bannerslideimage img,
            .banner .pane .bannerslideimage a
            {
                display: block;
                width: 100%;
            }
        
        /**
         * Banner slide image with text bar
         */
        .banner .pane .bannerslideimagetext 
        {
            background-color: #7ab800;
        }
        .banner .pane .bannerslideimagetext.blue {
            background-color: #012D78;
        }
        .banner .pane .bannerslideimagetext.green {
            background-color: #7ab800;
        }
        .banner .pane .bannerslideimagetext.beige {
            background-color: #BDB1A5;
        }
        .banner .pane .bannerslideimagetext.pink {
            background-color: #E31675;
        }
        
            .banner .pane .bannerslideimagetext a 
            {
            }
            .banner .pane .bannerslideimagetext a,
            .banner .pane .bannerslideimagetext img
            {
                display: block;
                width: 100%;
            }
            .banner .pane .bannerslideimagetext .textbar 
            {
                display: block;
                /*width: 100%;*/
                color: #fff;
                padding: 20px;
                font-size: 15px;
                /*min-height: 60px;*/
                padding-bottom: 2000px;
                margin-bottom: -2000px;
            }
            
                .banner .pane .bannerslideimagetext .textbar em 
                {
                    display:  block;
                    margin-bottom: 5px;
                    /*height: 36px;*/
                    line-height: 36px;
                }
                    .banner .pane .bannerslideimagetext .textbar em img 
                    {
                        display: block;
                        vertical-align: bottom;
                        width: auto;
                    }
            
                .banner .pane .bannerslideimagetext .textbar div 
                {
                    display: block;
                    padding-bottom: 20px;
                }
               
/**
 * Frontpage boxes
 */
.frontpageBox 
{
    background-color: #5d5752;
    opacity: 0.9;
    filter: alpha(opacity=90); /* IE's opacity*/
    font-size: 14px;
    float: left;
    display: block;
    width: 230px;
    /*margin: 0 10px;*/
    margin-right: 10px;
    overflow: hidden;
    color: #fff;
    min-height: 160px;
    height: auto !important;
    height: 160px;
}
    .frontpageBox:hover 
    {
        opacity: 1;
        filter: alpha(opacity=100); /* IE's opacity*/
    }
    
    .frontpageBox a 
    {
        color: #fff;
    }
    
    
    .frontpageBox .title 
    {
        margin: 10px 10px 0;
        font-size: 20px;
        border-bottom: 1px solid #A3A09B;
        padding-bottom: 4px;
        height: 35px;
    }
        .frontpageBox .title a
        {
            width: 100%;
            height: 100%;
            display: block;
        }
        
    .frontpageBox .boxContent 
    {
        margin: 0 10px;
        border-bottom: 1px solid #A3A09B;
        height: auto !important;
        padding: 10px 3px 10px 5px;
        margin-bottom: 10px;
    }
    
    .loginPage .frontpageBox .boxContent 
    {
        border-bottom: none;
        padding: 10px 3px 0px 5px;
    }
    
        .frontpageBox .boxContent.onlyLink a
        {
            display: block;
            width: auto;
            height: auto !important;
            background-image: url("../images/linkboxarrow.png");
            background-repeat: no-repeat;
            background-position: right center;
            padding-right: 30px;
            line-height: 140%;
        }
        
        
        .frontpageBox .boxContent ul 
        {
            list-style-type: none;
            list-style-position: outside;
            margin-bottom: -5px;
            margin-left: 0;
            margin-top: 1px;
        }
        
            .frontpageBox .boxContent ul li 
            {
                margin-bottom: 4px;
                height: auto;
            }
                .frontpageBox .boxContent ul li a
                {
                    padding-left: 14px;
                    background-image: url('../images/bullet_hover_white.png');
                    background-position: left center;
                    background-repeat: no-repeat;
                    display: block;
                    width: 100%;
                    height: 100%;
                }
                    .frontpageBox .boxContent ul li:hover a 
                    {
                        background-image: url('../images/bullet_hover.png');
                        color: #7AB800;
                    }
        
                
                
/**
 * Change frontpageBox background color
 */
.frontpageBox.blue 
{
    background-color: #4c6b9f;
}
    .frontpageBox.blue .title,
    .frontpageBox.blue .boxContent
    {
        border-color: #9da9bd;
    }
.frontpageBox.green {
    background-color: #7ab800;
}
.frontpageBox.beige {
    background-color: #BDB1A5;
}
.frontpageBox.pink {
    background-color: #E31675;
}
    .frontpageBox.pink .title,
    .frontpageBox.pink .boxContent
    {
        border-color: #e083aa;
    }

.frontpageBox.gray 
{
    color: #5d5752;
    background-color: #e4e0db;
    opacity: 1;
    filter: none; /* IE's opacity*/
}
    .frontpageBox.gray a 
    {
        color: #5d5752;
    }
    .frontpageBox.gray .boxContent.onlyLink a 
    {
        background-image: url("../images/linkboxarrow-dark.png");
    }

            
/**
 * Login box
 */
.frontpageBox.loginBox
{
    min-height: 1px;
    height: auto !important;
    height: 1px;
    padding-top: 20px;
    position: relative;
}
    .frontpageBox.loginBox a 
    {
        
    }
    
    .frontpageBox.loginBox .title 
    {
        margin-top: 0px;
    }
    
    .frontpageBox.loginBox.showingFrame .title 
    {
        position: absolute;
        z-index: 101;
        width: 210px;
        background-color: #e4e0db;
        top: 20px;
    }
    
    .frontpageBox.loginBox.showingFrame .boxContent 
    {
        display: none;
    }
    
    
    .frontpageBox.loginBox .boxContent,
    .frontpageBox.loginBox .boxContent a,
    .frontpageBox.loginArea .boxContent,
    .frontpageBox.loginArea .boxContent a 
    {
        min-height: 1px;
        height: auto !important;
        height: 1px;
    }
    
    .frontpageBox.loginArea {
        padding-bottom: 10px;
    }
    
    .frontpageBox.loginBox .boxContent.onlyLink a, .frontpageBox.loginArea .boxContent.onlyLink a
    {
        margin: -11px -15px;
        padding: 11px 15px;
        border-right: 15px solid transparent;
    }
        .frontpageBox.loginBox .boxContent.onlyLink a:hover, .frontpageBox.loginArea .boxContent.onlyLink a:hover 
        {
            background-color: #8a817a;
            border-color: #8a817a;
            color: #fff;
            background-image: url("../images/linkboxarrow.png");
        }
    
    .frontpageBox.loginBox .loginFrame 
    {
        display: none;
        position: absolute;
        top: 10px;
        left: -14px;
        height: 240px;
        width: 257px;
        z-index: 100;
        
    }
    .frontpageBox.loginBox.showingFrame .loginFrame 
    {
        display: block;
    }
    
    
/**
 * Strømproduktpresentasjon
 */    

.productpresentation
{
    
}

    .productpresentation .productwrapper
    {
        border-color:#E4E0DB;
        border-style:solid;
        border-width: 0 0 1px;
        display:block;
        float:left;
        padding:20px 0 8px 15px;
        vertical-align:top;
    }
    
    .productpresentation .illustrasjonsbilde
    {
        border:1px solid #E4E0DB;
        float:left;
        width:168px;
    }
    
    .productpresentation .produktprice
    {
        float:left;
        font-size:2.5em;
        padding:0 19px;
    }
    
    .productpresentation .produktprice .price
    {
        clear:left;
        float:left;
    }
    
    .productpresentation .produktprice .date
    {
        clear:left;
        float:left;
        font-size:0.4em;
    }
            
    .productpresentation .produktprice .subproduct .price
    {
        float:left;
        clear: none;
    }
    
    .productpresentation .produktprice .subproduct .date
    {
        float:left;
        text-indent: 20px;
    }
    
    .productpresentation .produktprice .subproduct input
    {
        float:left;
        height:40px;
        margin-right: 6px;
        clear: left;
    }
    
    .productpresentation .produktprice .subproductsHeader
    {
        float:left;
        padding: 6px 0;
    }
    
    .productpresentation .productproperties
    {
        border-top:1px solid #E4E0DB;
        float:left;
        padding-left:10px;
        width:475px;
    }
    
        .productpresentation .productproperties .productproperty
        {
            background-position:8px center;
            background-repeat:no-repeat;
            display:block;
            float:left;
            font-size:15px;
            height:53px;
            line-height:50px;
            margin-right:20px;
            text-indent:53px;
        }
    
        .productpresentation .productproperties .zero
        {
            background-image: url("../images/kakediagrammer/0.png");
        }
        
        .productpresentation .productproperties .quart
        {
            background-image: url("../images/kakediagrammer/25.png");
        }
        
        .productpresentation .productproperties .half
        {
            background-image: url("../images/kakediagrammer/50.png");
        }
        
        .productpresentation .productproperties .threequart
        {
            background-image: url("../images/kakediagrammer/75.png");
        }
        
        .productpresentation .productproperties .full
        {
            background-image: url("../images/kakediagrammer/100.png");
        }
    
    .productpresentation img
    {
        display:block;
        margin-bottom:10px;
    }
    
    .productpresentation .column
    {
        padding: 0;
        display: block;
        font-size: 12px;
        line-height: 140%;
    }
    
    .productpresentation .shortdescription
    {
        float:right;
        display: block;
        margin-top:10px;
        padding:14px 50px 11px 12px;
        width:467px;
    }
              
    .productpresentation .productbuttons
    {
        float: right;
        clear: both;
    }
    
    .productpresentation .productbuttons .showhide
    {
        display: block;
        float: left;
        line-height: 33px;
    }
    
    .productpresentation .productbuttons .showhide:hover
    {
        cursor:pointer;
    }
    
        .productpresentation .productbuttons .lukk
    {
        display:none;
    }
    
    .productpresentation .longdescription
    {
        clear:both;
        float:right;
        height:0;
        overflow:hidden;
        padding-right: 50px;
        width:467px;
    }
    
    .productpresentation .orderbutton
    {
        float: right;
        clear: right;
        margin: 5px 0;
    }
    
    
    
    
    
    
/**
 * Bestillingsskjema
 */
 
 
var.placeholder 
{
    font-style: normal;
    display: inline;
}
            
.stepsindicator 
{
    margin: 20px 0 10px -3px;
    overflow: hidden;
    width: 724px;
}
    .stepsindicator ol 
    {
        list-style-type: none;
        /*display: table;*/
        width: 100%;
        overflow: hidden;
    }
        .stepsindicator ol li 
        {
            /*display: table-cell;*/
            text-align: center;
            display: block;
            width: 25%;
            float: left;
            background-color: #F0F2F7;
            border-left: 2px solid white;
            margin-right: -2px;
            overflow: hidden;
            height: 42px;
        }
        .stepsindicator.flytteskjema ol li 
        {
            width: 20%;
        }
            .stepsindicator ol li a 
            {
                display: block;
                line-height: 42px;
                /*background-color: #f0f2f7;*/
                color: #8A8077;
                background-position: center left;
                background-repeat: no-repeat;
            }
                /*.stepsindicator ol li a span 
                {
                    display: block;
                    width: 16px;
                    height: 100%;
                    background-image: url('../images/stepsindicator-right.png');
                    background-position: center right;
                    background-repeat: no-repeat;
                    padding-left: 16px;
                }*/
            .stepsindicator ol li.marked a,
            .stepsindicator ol li a:hover
            {
                background-color: #CECCCB;
                color: #333;
            }
 
 
 
.orderform 
{
    width: 498px;
    overflow: hidden;
    margin-left: -10px;
    position: relative;
}

/* fit in the checkboxes.. alot of hacking..*/
.checkBoxes *
{
    background:none repeat scroll 0 0 transparent !important;
    border-style:none !important;
    clear:none;
    
    margin:0 !important;
    position:relative !important;
    width:15px !important;
    padding: 0 !important;
    border-top: 1px solid gray;
}
.checkBoxes label
{
    display:none !important;
}
.checkBoxesWrapper
{
    border-top:1px solid #CECCCB;
    margin-bottom: 5px;
    overflow:hidden;
    line-height:1.5em;
}

.checkBoxesWrapper .checkBoxes 
{
    top:5px;
}
.checkBoxesWrapper .checkBoxes .inputCheck
{
    position: relative !important;
    top: 5px;
}
.checkBoxesWrapper .checkBoxes .checkBoxText
{
    left:21px;
    overflow:hidden !important;
    top:-16px;
    width:468px !important;
    position: relative !important;
}
.checkBoxesWrapper .checkBoxes .checkBoxText strong
{
    width:468px !important;
    
}
.orderform .entry.checkbox .input
{
    top:5px;
    height:22px;
}
/* Finished with checkboxes*/

.oppsummering
{
    border-top: 1px solid #CECCCB;
    margin-bottom: 20px;
}
.oppsummeringHeader
{
    font-size:16px;
    font-weight:normal;
    margin-bottom: 6px;
}

.placeholderLabel
{
    width: 130px;
    float:left;
}

.oppsummering .content
{
    margin-left: -11px;
    line-height:1.5em;
    
    padding-top: 8px;
    padding-bottom:8px;

}
.oppsummeringKvittering
{
    color:#7AB800;
    font-size: 18px;
    
}
.oppsummeringFeilmelding
{
    color:#CD381A;
}

#ErrorMessageField 
{
    display:none;
}


#oppsummeringForste
{
    line-height:1.5em;
    padding-bottom:10px;
}
#oppsummeringForste .oppsummeringHeader
{
    font-size:16px;
    font-weight:bold;
}
.oppsummering ol
{
    list-style:none;
}

.oppsummering ol li
{
    margin-bottom: 15px;
}

.OrderPageSideBar
{
    float:right;
    overflow:hidden;
    position:absolute;
    right:24px;
    top:162px;
    width:222px
}

    .ordercontrols 
    {
        /*position: absolute;
        top: 0;*/
        width: 488px;
        margin-top: 30px;
        height: 50px;
    }       
        .ordercontrols .prevbutton 
        {
            clear: left;
            float: left;
        }
        .ordercontrols .nextbutton 
        {
            clear: right;
            float: right;
            margin-right: 0;
        }
        .ordercontrols .ordersubmitbutton 
        {
            display: none;
        }

    /**
     * Reset inherited rules
     */
    .orderform .entry.productlist 
    {
        border: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }
        .orderform .entry.productlist label 
        {
            display: none;
            position: static;
            width: auto;
            padding: 0;
        }
        .orderform .entry.productlist .input 
        {
            background-color: Transparent;
            float: none;
            padding: 0;
            width: auto;
        }
            .orderform .entry.productlist .input input 
            {
                border: 0;
                display: inline;
                float: none;
                height: auto;
                line-height: 100%;
                outline: none;
                padding: 0;
                width: auto;
            }
            
        .orderform .entry.productlist .lookupsuccess,
        .orderform .entry.productlist .lookupfailure,
        .orderform .entry.productlist .errormessage-required,
        .orderform .entry.productlist .errormessage-invalid 
        {
            width: 458px;
            padding: 15px;
        }



    .orderform .productlist h4
    {
        font-size:18px;
        margin-bottom: 15px;
        padding-left: 15px;
        font-weight: normal;
    }
    
    .orderform .productlist li
    {
       list-style: none;
       padding: 15px 5px;
       border-style: solid;
       border-width: 1px 0 0 0;
       border-color: #E4E0DB;
       overflow: auto;
       line-height: 140%;
    }
    
    .orderform .productlist li a
    {
       display: block;
       margin-top: 1em;
    }
    
    .orderform .productlist ul
    {
       border-style: solid;
       border-width: 0 0 1px 0;
       border-color: #E4E0DB;
    }
    
        .orderform .productlist img
        {
            /*border:1px solid #E4E0DB;*/
            float:left;
            margin-right:17px;
            width:132px;
            min-height: 100px;
            text-indent: -9999px;
            overflow: hidden;
            background-color: #F0F2F7;
        }
    
        .orderform .productlist .radiobuttonwrapper
        {
            display:block;
            margin-bottom: 10px;
        }
        
            .orderform .productlist .radiobuttonwrapper input
            {
                margin-right: 10px;
            }
        
            .orderform .productlist .radiobuttonwrapper label
            {
                margin-right: 20px;
                font-weight: bold;
                vertical-align: 2px;
                font-size: 14px;
                display: inline;
            }
            
            .orderform .productlist .radiobuttonwrapper .subproducts
            {
                margin-top: 10px;
            }
            
            .orderform .productlist .radiobuttonwrapper .subproducts label
            {
                font-weight: normal;
            }
            
            .orderform .productlist .radiobuttonwrapper .subproducts input
            {
                margin-right: 5px;
            }
            

                
    
    .orderform .steps 
    {
        width: 3000px;
        position: relative;
    }
    
    .orderform .step 
    {
        width: 490px;
        float: left;
        overflow: auto;
        margin-right: 20px;
        padding-left: 10px;
        padding-top: 10px;
    }
    
        .orderform .step .steptitle 
        {
            font-size: 18px;
            margin: 20px 0;
            font-weight: normal;
            display: none;
        }
        
        .orderform .step .sectiontitle 
        {
            font-size: 16px;
            margin: 50px 0 20px 5px;
            font-weight: normal;
        }
            .orderform .step .sectiontitleappendix 
            {
                margin: 51px 0 0 15px;
                line-height: 20px;
                color: #666;
                float: left;
            }
        
        .orderform fieldset 
        {
            border: 0;
            padding: 0;
            margin: 0;
        }
        
        
        .orderform .messagebox 
        {
            background-color: #F0F2F7;
            padding: 15px 10px 5px 10px;
            border: 1px solid #CECCCB;
            border-left-width: 0;
            border-right-width: 0;
            overflow: hidden;
        }
            .orderform .messagebox .info 
            {
                clear: both;
                overflow: auto;
            }
                .orderform .messagebox .info p
                {
                    padding: 0 2px 10px 2px;
                }
                
            /* Start */
            .orderform .messagebox.measuringpointlookup 
            {
                padding: 0;
            }
                .orderform .measuringpointlookup .info 
                {
                    display: none;
                    padding: 15px 10px 10px 10px;
                }
                .orderform .measuringpointlookup .start 
                {
                    display: block;
                }
                
                .orderform .messagebox .info .fancybutton 
                {
                    margin-top: 0;
                    margin-bottom: 0;
                }
                .orderform .messagebox .working 
                {
                    float: right;
                    display: block;
                    width: 15px;
                    height: 15px;
                    margin-top: 6px;
                    background-image: url('../images/ajax-loader.gif');
                    visibility: hidden;
                }
                .orderform .messagebox.working .working 
                {
                    visibility: visible;
                }
                
            /* Send later */
            .orderform .measuringpointlookup .sendlater 
            {
            }
                /*.orderform .measuringpointlookup .sendlater label 
                {
                    clear: both;
                    display: block;
                    float: left;
                    height: 28px;
                    line-height: 28px;
                    margin: 10px 0 0 0;
                    text-align: right;
                    width: 90px;
                }*/
                
                .orderform .measuringpointlookup .sendlater .radio 
                {
                    float: left;
                    height: 28px;
                    margin: -34px 10px 0 112px;
                }
                
                .orderform .measuringpointlookup .sendlater .entry 
                {
                    float: right;
                    margin-left: -10px;
                    margin-right: -10px;
                    border-width: 0;
                    clear: right;
                }
                    .orderform .measuringpointlookup .sendlater .entry label 
                    {
                        text-align: right;
                        width: 102px;
                        padding-right: 34px;
                        line-height: 22px;
                    }
                        .orderform .measuringpointlookup .sendlater .entry label .status 
                        {
                            visibility: hidden;
                        }
                        .orderform .measuringpointlookup .sendlater .entry label .status.invalid 
                        {
                            visibility: visible;
                        }
                    .orderform .measuringpointlookup .sendlater .entry .errormessage 
                    {
                        padding: 0;
                        overflow: hidden;
                        margin: 0;
                        height: 0;
                    }
                
                .orderform .measuringpointlookup .sendlater .fancybutton 
                {
                    margin-top: 15px;
                }
                
            /* Lookup many results */    
                .orderform .measuringpointlookup .lookupsuccess.multi .lookupresults 
                {
                    list-style-type: none;
                    list-style-position: outside;
                    margin: 5px -10px 5px -10px;
                    width: 488px;
                }
                    .orderform .measuringpointlookup .lookupsuccess.multi .lookupresults li
                    {
                        cursor: pointer;
                        overflow: auto;
                        /*border: 1px solid transparent;*/
                    }
                        .orderform .measuringpointlookup .lookupsuccess.multi .lookupresults li:hover 
                        {
                            background-color: #fff;
                            /*border: 1px solid #D2C9C2;
                            outline: 1px solid #D2C9C2;*/
                        }
                        .orderform .measuringpointlookup .lookupsuccess.multi .lookupresults li label 
                        {
                            display: block;
                            height: 100%;
                            padding: 8px 12px;
                            cursor: pointer;
                        }
                        .orderform.flytteskjema .measuringpointlookup .lookupsuccess.multi .lookupresults li label 
                        {
                            margin-left: 20px;
                        }
                    
                        .orderform .measuringpointlookup .lookupsuccess.multi .lookupresults li input 
                        {
                            float: left;
                            margin: 9px 20px 0 12px;
                        }
                        
                        .orderform.flytteskjema .measuringpointlookup .lookupsuccess.multi .lookupresults li input 
                        {
                            display:none;
                        }
                        
                        .orderform .measuringpointlookup .lookupsuccess.multi .lookupresults li strong 
                        {
                            float: left;
                            display: block;
                            width: 105px;
                        }
        
        
        .orderform .section 
        {
        }
        
            .orderform .sectionaddbutton 
            {
                background-color: Transparent;
                border: 0;
                font-size: 16px;
                color: #7AB800;
                cursor: pointer;
                margin: 20px 0;
                border-bottom: 1px solid transparent;
                width: auto;
                text-align: left;
            }
                .orderform .sectionaddbutton:hover, 
                .orderform .sectionaddbutton:focus,
                .orderform .sectionaddbutton:active
                {
                    border-bottom-color: #CECCCB;
                    outline: none;
                }
        
            .orderform .section .sectionremovebutton 
            {
                display: none;
                background-color: Transparent;
                border: 0;
                color: #BDB1A6;
                cursor: pointer;
                float: right;
                font-size: 14px;
                /* margin: 50px 0 20px 0; */
                margin-right: 5px;
                border-bottom: 1px solid transparent;
            }
                .orderform .section .sectionremovebutton:hover,
                .orderform .section .sectionremovebutton:focus,
                .orderform .section .sectionremovebutton:active
                {
                    border-bottom-color: #CECCCB;
                    color: #5D5752;
                    outline: none;
                }
        
                           
            .orderform .entry 
            {
                border: 1px solid #cecccb;
                border-width: 1px 0;
                overflow: hidden;
                clear: both;
                margin-top: -1px;
                position: relative;
                padding-left: 140px;
            }
            
                .orderform .entry label 
                {
                    width: 120px;
                    padding: 11px 15px 8px 5px;
                    position: absolute;
                    left: 0;
                }
                    .orderform .entry label .description 
                    {
                        font-size: 11px;
                        color: #BDB1A6;
                        display: block;
                        padding-top: 1px;
                    }
                    .orderform .entry label .status 
                    {
                        display: block;
                        position: absolute;
                        width: 15px;
                        height: 15px;
                        /*right: -326px;*/
                        right: 5px;
                        top: 14px;
                        background-position: center;
                        background-repeat: no-repeat;
                    }
                        .orderform .entry label .status.required 
                        {
                            background-image: url('../images/field-required.png');
                        }
                        
                        .orderform .entry label .status.ok 
                        {
                            background-image: url('../images/field-ok.png');
                        }
                        
                        .orderform .entry label .status.invalid
                        {
                            background-image: url('../images/field-invalid.png');
                        }
                    
                        .orderform .entry label .status.working 
                        {
                            background-image: url('../images/ajax-loader.gif');
                        }
                    
                
                .orderform .entry .input 
                {
                    background-color: #F0F2F7;
                    padding: 7px 15px;
                    width: 318px;
                    float: left;
                    position: relative;
                }
                    .orderform .entry .input select.languageList {
                        height: 28px;
                        padding: 3px;
                        width: 318px;
                    }
                
                    .orderform .entry .input input, 
                    .orderform .entry .input select,
                    .orderform .entry .input button,
                    .orderform .entry .input textarea,
                    .orderform .sendlater .text
                    {
                        width: 300px;
                        height: 22px;
                        line-height: 22px;
                        border: 1px solid #c7d1e1;
                        outline: 1px solid #fff;
                        padding: 2px 8px;
                        float: left;
                        display: block;
                    }
                        .orderform .entry .input input:focus, 
                        .orderform .entry .input select:focus,
                        .orderform .entry .input button:focus,
                        .orderform .entry .input textarea:focus,
                        .orderform .sendlater .text:focus 
                        {
                            border-color: #D2C9C2;
                            outline-color: #D2C9C2;
                        }
                    
                    
                    /* Phonenumber & Org number */
                    .orderform .entry.phonenumber .input input,
                    .orderform .entry.orgnumber .input input 
                    {
                        font-family: 'Lucida Console', Monospace;
                    }
                    
                    /* Postalcode */
                    .orderform .entry.postalcode .input .postalcode
                    {
                        width: 40px;
                    }
                    .orderform .entry.postalcode .input .placename 
                    {
                        margin-left: 5px;
                        width: 237px;
                    }
                    
                    /* Date & Birthday */
                    .orderform .entry .input .dateday,
                    .orderform .entry .input .datemonth,
                    .orderform .entry .input .dateyear 
                    {
                        display: block;
                        float: left;
                        margin-right: 5px;
                        padding: 3px 2px;
                        height: 28px;
                    }
                    .orderform .entry .input .dateday 
                    {
                        text-align: center;
                        width: 60px;
                    }
                    .orderform .entry .input .datemonth
                    {
                        text-align: left;
                        width: 160px;
                    }
                    .orderform .entry .input .dateyear
                    {
                        text-align: center;
                        margin-right: 0;
                        width: 88px;
                    }
                    
                    /* Measuringpoint */
                    .orderform .entry.adressevalg .input .AdresseValg {
                        width: 318px;
                        display: block;
                        float: left;
                        margin-right: 5px;
                        padding: 3px 2px;
                        height: 28px;
                    }
                    
                    .orderform .entry.adressevalg .input .AdresseNavn {
                        
                    }
                    
                    .orderform .entry.measuringpoint .input input 
                    {
                        width: 75px;
                        background-color: #F2EFEC;
                    }
                    .orderform .entry.measuringpoint .input .measuringpoint 
                    {
                        padding-left: 80px;
                        width: 228px;
                        background-color: #fff;
                    }
                    
                    .orderform .entry.measuringpoint .input .measuringbase 
                    {
                        border: 1px none;
                        height: 24px;
                        Margin-left: 2px;
                        Margin-top: 2px;
                        padding: 0;
                        padding-left: 3px;
                        position: absolute;
                        left: 15px;
                        top: 7px;
                    }
                    
                    /* Meter reading */
                    .orderform .entry.meterreading .input input 
                    {
                        width: 72px;
                        margin-right: 5px;
                    }
                    .orderform .entry.meterreading .input .dateday 
                    {
                        width: 50px;
                        text-align: left;
                    }
                    .orderform .entry.meterreading .input .datemonth
                    {
                        width: 100px;
                    }
                    .orderform .entry.meterreading .input .dateyear
                    {
                        width: 60px;
                        text-align: left;
                    }
                    /* CheckBoxes */
                    .orderform .entry.checkbox .input
                    {
                        border:none;
                        outline:none;
                        background-color:white;
                        float: left;
                        padding:5px;
                        
                    }
                    .orderform .entry .checkbox label
                    {
                        display:none;    
                    }
                    
                
                .orderform .entry .info
                {
                    background-color: #F0F2F7;
                    padding: 7px 15px 15px 15px;
                    width: 318px;
                    clear: left;
                    float: left;
                    line-height: 140%;
                }
                    .orderform .entry .info p 
                    {
                        padding-left: 2px;
                    }
                
                .orderform .entry .lookupsuccess,
                .orderform .entry .lookupfailure,
                .orderform .entry .errormessage-required,
                .orderform .entry .errormessage-invalid 
                {
                    display: none;
                }
                
            .orderform .entry.containserrors 
            {
                
            }
                .orderform .entry.containserrors.error-required .errormessage-required,
                .orderform .entry.containserrors.error-invalid .errormessage-invalid 
                {
                    display: block;
                }

#BillingSelection_Chooser {
    list-style: none;
}

    #BillingSelection_Chooser li {
        margin-bottom: 4px;
    }
    
        #BillingSelection_Chooser li span {
            margin-left: 5px;
            cursor: pointer;
        }
        
.bestillerFrame {
    font-size: 16px;
    line-height: 26px;
    margin-top: 70px;
    text-align: center;
    vertical-align: middle;
}

.helperBox .helperBoxContent {
    background-color:#fff;
    border: 1px solid #cecccb;
    margin-left: 0;
    padding: 6px;
    position: absolute;
    width: 215px;
    z-index: 1000;
    line-height: 15px;
    font-size: 11px;
    margin-top: 7px;
}

.helperBox .helperBoxTitle {
    font-size: 15px;
    margin-bottom: 3px;
    display:none;
}

.helperBox .helperBoxArrow {
    background-image: url("/public/images/arrow.png");
    height: 27px;
    margin-left: -9px;
    margin-top: 8px;
    position: absolute;
    width: 14px;
    z-index: 900;
}

.helperboxMarker {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #C7D1E1;
    border-left: none;
    display: block;
    height: 26px;
    position: absolute;
    right: 17px;
    top: 7px;
    width: 21px;
    z-index: 10000;
}

.helperBox._nubixVerifikasjon .helperBoxContent {
}

.loginArea fieldset {
    border: 0;
}

    .loginArea input.felt {
        border: 1px solid #D1C8C1;
        color: #5D5752;
        padding: 2px 4px;
        width: 95%;
        margin-bottom: 1em;
    }

    .loginArea .loginFrame {
        margin: 10px auto 0;
        width: 90%;
    }
    
        .loginArea .loginFrame label {
            display: block;
            margin-bottom: 2px;
            font-size: 16px;
        }
        
        .loginArea .cell.submit {
            float: right;
            margin: 0;
            padding: 0;
            text-align: right;
        }
        
        .loginArea .cell.submit div.btn {
            float: left;
            padding-left: 2px;
            background: url("/public/images/knapp.png") no-repeat scroll left top transparent;
            border: 0 none;
        }
        
            .loginArea .cell.submit div.btn div {
                background: url("/public/images/knapp.png") no-repeat scroll right top transparent;
                height: 24px;
                position: relative;
            }
            
            .loginArea .cell.submit div.btn div span.CufonMe {
                color: White;
                font-size: 14px;
                padding-left: 4px;
                padding-right: 4px;
                white-space: nowrap;
                display:block;
                padding-top: 3px;
                user-select: none;
            }
            
            .loginArea .cell.submit div.btnWrap input:hover {
                cursor: pointer;
            }
            .loginArea .cell.submit div.btnWrap div.btn {
                float: left;
                padding-left: 2px;
            }
            .loginArea .cell.submit div.btnWrap div {
                background: url("/public/images/knapp.png") no-repeat scroll left top transparent;
                border: 0 none;
            }
            .loginArea .cell.submit div.btnWrap.disabled div, .loginArea .cell.submit div.btnWrap.disabled div:hover {
                background: url("/public/images/knapp.png") no-repeat scroll left bottom transparent;
            }
            .loginArea .cell.submit div.btnWrap div:hover {
                background: url("/public/images/knapp.png") no-repeat scroll left -24px transparent;
            }
            .loginArea .cell.submit div.btnWrap.clicked {
                margin-left: 1px;
                margin-top: 1px;
            }
            .loginArea .cell.submit div.btn div {
                background: url("/public/images/knapp.png") no-repeat scroll right top transparent;
                height: 24px;
                position: relative;
            }
            .loginArea .cell.submit div.btnWrap.disabled div.btn div, .loginArea .cell.submit div.btnWrap.disabled div.btn div:hover {
                background: url("/public/images/knapp.png") no-repeat scroll right bottom transparent;
            }
            .loginArea .cell.submit div.btn div:hover {
                background: url("/public/images/knapp.png") no-repeat scroll right -24px transparent;
            }

            .loginArea .cell.submit div.btnWrap div input {
                background: none repeat scroll 0 0 transparent;
                border: 0 none;
                color: White;
                height: 24px;
                text-decoration: none;
                font-size: 14px;
                padding: 0 2px;
            }
            
            .togglee {
                display:none;
            }
            
            .loginFrame ul {
                list-style-type: none;
                float:left;
                width: auto;
                line-height: 9px;
                display:block;
            }
                
                .loginFrame ul li {
                    font-size: 10px;
                    padding-bottom: 2px;
                }
                
                .loginArea .loginField {
                    margin-top: -1px; 
                }
                
                .loginPage .loginField {
                    margin-right: 60px; 
                }
                
                .loginPage .frontpageBox {
                    width: 290px;
                }
                
                #beholder .loginPage #main_content {
                    min-height: 440px;
                }
                
                .resetPassword.frontpageBox {
                    min-height:0;
                }
                
                .boxContent.loggedInBox {
                    font-size: 15px;
                }
                
                .frontpageBox .boxContent.loggedInBox ul li a {
                    background-image: url("../images/bullet.png");
                }
                
                .frontpageBox .boxContent.loggedInBox ul li:hover a {
                    background-image: url('../images/bullet_hover.png');
                }
                
                .frontpageBox.loginArea {
                    min-height: 0;
                }
                
                
                
                
.kontaktOssForm .entry {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CECCCB;
    border-style: solid;
    border-width: 1px 0;
    clear: both;
    margin-top: -1px;
    overflow: hidden;
    padding-left: 140px;
    position: relative;
}

.kontaktOssForm .entry label {
    left: 0;
    padding: 11px 15px 8px 5px;
    position: absolute;
    width: 120px;
}

.kontaktOssForm .entry label .status.required {
    background-image: url("../images/field-required.png");
}

.kontaktOssForm .entry label .status {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 14px;
    width: 15px;
}

.kontaktOssForm .entry .input {
    background-color: #F0F2F7;
    float: left;
    padding: 7px 15px;
    position: relative;
    width: 328px;
}

.kontaktOssForm .entry .input input, 
.kontaktOssForm .entry .input select, 
.kontaktOssForm .entry .input button, 
.kontaktOssForm .entry .input textarea, 
.kontaktOssForm .sendlater .text {
    border: 1px solid #C7D1E1;
    display: block;
    float: left;
    min-height: 22px;
    line-height: 22px;
    outline: 1px solid #FFFFFF;
    padding: 2px 8px;
    width: 300px;
}

.kontaktOssForm .entry .input input:focus, 
.kontaktOssForm .entry .input select:focus,
.kontaktOssForm .entry .input button:focus,
.kontaktOssForm .entry .input textarea:focus,
.kontaktOssForm .sendlater .text:focus 
{
    border-color: #D2C9C2;
    outline-color: #D2C9C2;
}

.kontaktOssForm .entry .input textarea {
    resize: vertical;
}

.kontaktOssForm .entry .info {
    background-color: #F0F2F7;
    clear: left;
    float: left;
    line-height: 140%;
    padding: 7px 15px 15px;
    width: 328px;
}

#KontaktOss_CompleteMessage {
    margin-top: 10px;
}