/* DEFAULTS {{{ */
html, body{
    height:100%;
    margin:0px;
    padding:0px;
    color: black;
}
body { 
    width: 1294px;

    font-family: arial, helvetica, sans-serif;
    text-align: left;
    font-size: 12px;

    background-color: white;
    padding-left: 54px;
    padding-top: 4px;
}
img {
    border: 0px;
    padding: 0px;
    margin: 0px;
}
img, div { behavior: url(iepngfix.htc) }
a {
    text-decoration: none;
}

form {
    display: inline;
    margin: 0px;
    padding: 0px;
}
select,
option {
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}
input {
    font-family: arial, helvetica, sans-serif;
}
/* }}} */
/* TYPES {{{ */
.selected {
    font-weight: bold;
}

p.bold {
    font-weight: bold;
}

div.clearer {
    clear: both;
}

/* }}} */
/* WRAPPER {{{ */
div#wrapper_outer {
    min-height: 100%;
    background: url(../graphics/shadow_left.jpg) top left repeat-y;
    padding-left: 29px;
}
div#wrapper {
    width: 960px;
    min-height: 100%;

    background: url(../graphics/wrapper_bg.jpg) -15px 0px repeat-y;

    padding: 0px;
}
/* }}} */
/* LEFTPANE {{{ */
div#leftpane {
    width: 610px;
    padding-left: 1px;
    padding-right: 2px;
    padding-bottom: 2px;

    overflow: hidden;

    float: left;
}

#plekter {
    margin-top: 16px;
    margin-left: 8px;
    margin-bottom: 8px;
}
#menu_bot {
    width: auto;
    height: 8px;
    background: url(/graphics/menu_bot.jpg) top left no-repeat;
}

div#searchresults {
    margin-left: 14px;
    padding-top: 14px;
}
div#searchresults p {
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
}

div#productlist {
    float: right;
    width: 400px;
    margin-left: 8px;
}
div#productlist ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
div#productlist li {
    padding-top: 12px;
    margin-bottom: 12px;

    border-top: 2px dotted gray;
}
div#productlist li.first {
    border: none;
    padding-top: 0px;
}
div#productlist li h2 {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}
div#productlist li.event {
    border: none;
    margin-bottom: 4px;
    padding-top: 15px;
}
div#productlist li.event.first {
    padding-top: 12px;
}

div#productlist li h2.date {
    color: black;
    background: url(../graphics/dot.gif) left no-repeat;

    margin-left: 5px;
    padding-left: 10px;

}

div#productlist li p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px;
}

a.lesmer {
    height: 20px;
    line-height: 20px;

    padding-left: 24px;
    display: block;
    color: black;

    background: url(../graphics/les_mer.jpg) top left no-repeat;
}

div#productlist img {
    float: left;
    margin-right: 8px;
}
div#productlist div.text {
    float: right;
    width: 230px;
}
div#productlist.events div.text {
    float: none;
    width: 360px;
}
div#productlist h3 {
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 12px;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;

    width: 321px;

    background: url(../graphics/listheader.jpg) top left repeat-y white;
    display: block;
    color: black;
    
    padding-left: 15px;
}

div#contact {
    margin-top: 18px;
    text-align: center;
}

/* }}} */
/* RIGHTPANE {{{ */
div#rightpane {
    padding-left: 10px;
    width: 330px;
    float: left;
}
div#rightpane div.content {
}
div.search {
    margin-top: 8px;
}
div.search input[type=text] {
    width: 154px;
    border: 1px solid #a6a4a5;
    font-size: 12px;
}
div.search input[type=submit] {
    border: 1px solid #a6a4a5;

    background-color: #a6a4a5;
    color: white;
    margin-right: 11px;
    font-size: 12px;
}
div.search img {
    margin-left: 10px;
}
div#sup {
    margin-top: 244px;
}
div#sup h2 {
    padding: 0px;
    margin: 0px;
    margin-bottom 15px;
}
div#sup ul {
    width: 190px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
div#sup li {
    padding-top: 0px;
    font-size: 12px;
}
div#sup li.first {
    margin-top: 0px;
    border-top: none;
}
div#sup a {
    display: block;
    color: black;
    margin-bottom: 6px;
}
div#sup a:hover {
    color: #22f;
}

div#sup p.header {
    border-top: 2px dotted gray;
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    padding-top: 4px;
}

div#sup li.first p.header {
    border-top: 0px;
}

div#sup a.sokaktiviteter {
    display: block;

    color: #c51f43;
    font-weight: bold;
}

div#vaer {
    width: 171px;
    height: 142px;
    padding: 10px;
    background: url(/graphics/vaer.jpg) top left no-repeat;
}
div#vaer span#celsius {
    font-size: 30px;
}
div#vaer h2 {
    margin: 0px;
    padding: 0px;
}
div#vaer a {
    color: #333;
}

/* }}} */
/* SUP_SEARCH {{{ */
div#supsearch_shadow {
    width: 245px;
    height: 220px;

    background-color: black;

    padding: 15px;

    display: none;
    position: absolute;

    z-index: 2;

    opacity: 0.10;
}

div#supsearch {
    width: 245px;
    height: 220px;
    border: 1px solid #d2d0d1;

    color: #c51f43;
    background-color: white;

    padding: 15px;

    display: none;
    position: absolute;

    z-index: 3;

    opacity: 0.96;
}
div#supsearch h2 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-top: 8px;
    margin-bottom: 4px;
}
div#supsearch div {
    width: 100%;
    margin-top: 10px;
}
div#supsearch input,
div#supsearch select,
div#supsearch select option {
    font-size: 12px;
}
div#supsearch select {
    padding-left: 4px;
    padding-right: 4px;
}
div#supsearch .long {
    width: 150px;
}

div#supsearch td.right {
    text-align: right;
}
.shift_right {
    float: right;
}
/* }}} */
/* PRODUCT {{{ */
div#product {
    margin-left: 38px;
}
div#product h2 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px;
}
div#imgandtext {

}

div#imagepane {
    float: left;
    width: 205px;
}
div#imagepane img {
    margin-right: 4px;
    margin-bottom: 5px;
}
div#imagepane img.selected {
}
div#imagepane a#bigimga {
    width: 190px;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 4px;
    display: block;
    margin-bottom: 5px;
}
div#imagepane a#bigimga img#bigimg {
    margin-right: 0px;
    margin-bottom: 0px;
}
div#textpane {
    width: 350px;
    padding-left: 15px;
    float: left;
}

div#textonly div#textpane {
    width: 300px;
}
div#gmap_wrapper {
    width: 200px;
    height: 230px;

    text-align: right;

    clear: left;
    float: left;
}
div#gmapOuter {
    width: 190px;
    height: 190px;

    padding: 4px;
    margin-bottom: 5px;

    border: 1px solid #ccc;
    background-color: #eee;
}
div#gmap {
    width: 192px;
    height: 192px;

}
div#faktaboks {
    margin-left: 15px;
    width: 530px;
    float: left;

    background-color: #cfe2f3;
}
#faktaboks .inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
div#faktaboks table {
}
div#faktaboks table tr td.first {
    width: 24%;
}
div#faktaboks table tr td p {
    margin: 0px;
    padding: 0px;
}

div#faktaboks ul {
    margin:0; padding:0;
    list-style: none;
}
div#faktaboks ul ul {
    list-style: disc;
    padding-left: 20px;
}
div#container {
    position: absolute;
    left: 340px;
    top: 200px;

    padding: 10px;
    background-color: #eee;
    border: 1px solid #666;
    opacity: 0.98;

    display: none;
    z-index: 1000;
}
img#bigimgcontainer {
}
/* }}} */
/* KONTAKTSKJEMA {{{ */
table#kontaktskjema {
    margin-left: 50px;
    width: 300px;
}

table#kontaktskjema input[type=text] {
    width: 100%;
}

table#kontaktskjema textarea {
    width: 100%;
    height: 100px;
}
table#kontaktskjema input[type=text] {
    padding: 0px; margin: 0px;
}

table#kontaktskjema input[type=text].small {
    width: 50px;
}
table#kontaktskjema input[type=text].big {
}
/* }}} */
/* PAGING {{{ */
div#paging a {
    color: #044;
    background-color: #eee;
    border: 1px dotted #ccc;
}
div#paging a.selected {
    background-color: #ccc;
}
div#paging a:hover {
    background-color: #aaf;
}
/* }}} */

/* header {{{ */
div#header {
    width: 613px;
    height: 295px;
    overflow: hidden;
}
#header iframe {
    display: block;
    width: 608px;
    height: 200px;
    border: 0;
    margin: 0; padding: 0;
}

/* }}} */
/* topmenu right {{{ */
div#rightpane div.topmenu {
    margin-top: 21px;
}
div#rightpane div.topmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div#rightpane div.topmenu ul li {
    float: left;
    padding-left: 7px;
    margin-right: 5px;

    background: url(../graphics/topmenu2_separator.jpg) top left no-repeat;
}
div#rightpane div.topmenu ul li.first {
    padding-left: 0px;
    background: none;
}
div#rightpane div.topmenu ul li a {
    color: black;
}

/* }}} */
/* leftmenu {{{ */
div#leftmenu {
    height: 700px;
    width: 180px;

    margin-left: 18px;

    float: left;
    overflow: hidden;
}
div#leftmenu ul {
    width: 100%;
    padding:0; margin:0;
}
div#leftmenu ul ul {
    padding-left: 20px;
}

div#leftmenu ul li {
    border-top: 2px dotted white;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 14px;
}
div#leftmenu ul li ul li {
    background: inherit;
}

div#leftmenu ul li.first {
    border-top: none;
}
div#leftmenu ul li a {
    color: #343331;
}
div#leftmenu ul li ul li.first {
    padding: 0px;
}
div#leftmenu ul li ul li {
    width: 140px;
    padding: 0px;
    border: none;
}

div#leftmenu ul li.selected ul li {
    font-weight: normal;
}

div#leftmenu div#catlist {
    margin-top: 5px;
}
div#leftmenu div#catlist p {
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
    font-weight: bold;
}
div#leftmenu div#catlist ul li {
    border: none;
    margin: 0px;
    padding: 0px;

    margin-left: 20px;
}

div#leftmenu div#subcatlist {
    padding-top: 14px;
}

/* }}} */
/* shadow {{{ */
#shadow_topleft {
    position: absolute;
    top: 4px;
    left: 55px;
    background: url(/graphics/shadow_topleft.jpg) top left no-repeat;
    width: 30px;
    height: 100px;
}
/* }}} */
/* kart, ramme, fancy {{{ */
div#kart {
    width: 141px;
    height: 407px;
    background: url(../graphics/kart.png) top left no-repeat;

    position: absolute;
    left: 906px;
    top: 140px;

    clear: both;
    z-index: 3;
}
div#ramme {
    width: 346px;
    height: 247px;
    background: url(../graphics/ramme.png) top left no-repeat;

    position: absolute;
    left: 715px;
    top: 108px;

    clear: both;
    display: block;
    z-index: 2;
}

img#imgdupe {
    position: absolute;
    left: 715px;
    top: 126px;

    height: 200px;
    width: 320px;
}
img#fancy {
    position: absolute;
    left: 715px;
    top: 126px;
    z-index: 1;

    height: 200px;
    width: 320px;
}
/* }}} */
/* online_booking {{{ */
#online_booking input {
    padding: 3px; margin: 3px;
    margin-top: 6px;
    text-align: center;
    color: #C71E45;
    background-color: white;
    font-weight: bold;
    cursor: pointer;
    width: 154px;
}
/* }}} */

/* velkommen {{{ */
#velkommen {
    margin-left: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background: url(/graphics/velkommen_faux.jpg) top left repeat-y;
    width: 578px;
    overflow: none;
    position: relative;
}
#velkommen h1 {
    color: #c71e45;
    margin-top:0;
    font-size: 22px;
    font-weight: bold;
}
#velkommen p {
    margin:0; padding:0;
    margin-top: 7px;
    padding-bottom: 7px;
}
#velkommen img {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
}

#velkommen_top {
    background: url(/graphics/velkommen_top.jpg) top left repeat-y;
    height: 15px;
}
#velkommen_bot {
    clear: both;
    background: url(/graphics/velkommen_bot.jpg) top left repeat-y;
    height: 18px;
}
/* }}} */
/* articles {{{ */

div#articles {
    margin-top: 2px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;

    padding-bottom: 6px;
    padding-top: 6px;
}

#articles ul {
    margin: 0; padding: 0;
    list-style: none;

    width: 600px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

#articles ul li {
    position: relative;
    width: 180px;
    height: 205px;

    float: left;

    background: url(/graphics/produkt_ramme.png) top left no-repeat;
    padding-top: 8px;
    padding-left: 11px;
    padding-right: 8px;
    border-left: 1px dotted #ccc;
}

#articles ul li.first {
    border-left: none;
}

#articles ul li h2 {
    font-size: 14px;
    margin: 0; padding: 0;
    padding-top: 16px;
    color: #8f8b8d;
}

#articles ul li .lesmer {
    position: absolute;
    bottom: 3px;
    left: 10px;
}
/* }}} */
/* boks {{{ */
#boksprod {
    margin-top: 6px;
    background: url(/graphics/produkt_boks.jpg) 7px 0px no-repeat;

    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;

    overflow: auto;
    height: 107px;
}

#boksprod .left {
    width: 400px;
    float: left;
}
#boksprod .right {
    float: right;
    position: relative;
    width: 165px;
}
#boksprod .right a.lesmer {
    position: absolute;
    left: 0px;
    bottom: 0px;
}
#boksprod .right img {
    padding-left: 20px;
}
/* }}} */
/* linker {{{ */
#linker {
    background: url(/graphics/boks2.jpg) top left no-repeat;

    overflow: auto;
    width: 601px;
    height: 143px;

    padding: 0; margin: 0;
    margin-top: 10px;
    margin-left: 3px;
    padding-top: 14px;
    padding-left: 14px;
}

#linker li {
    position: relative;
    list-style: none;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border-right: 1px dotted #ccc;
    height: 112px;
}

#linker li.last {
    border-right: none;
}

#linker li.first {
    width: 110px;
}
#linker li.first img {
    float: right;
    margin:0; padding:0;
    padding-right: 1px;
}
#linker .flagg {
    padding-top: 95px;
}
#linker .flagg a {
}
#linker .flagg a img {
    float: none;
}

#linker a.lesmer {
    position: absolute;
    bottom: 0px;
    left: 8px;
    color: #888;
    font-size: 10px;
    padding-left: 20px;
}

#linker li.noimg a.lesmer {
    position: static;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
}
/* }}} */
/* ads {{{ */
#ads_front {
    background: url(/graphics/annonser_faux.jpg) top left repeat-y;
    overflow: auto;

    width: 597px;
    margin-left: auto;
    margin-right: auto;
}
#ads_front .top {
    clear: right;
    height: 14px;
    background: url(/graphics/annonser_top.jpg) top left no-repeat;
}
#ads_front .bot {
    clear: left;
    height: 19px;
    background: url(/graphics/annonser_bot.jpg) top left no-repeat;
}

#ads_front .col1 {
    margin-right: 30px;
}
#ads_front .col2 {
}

#ads_front div.left {
    padding-left: 30px;
    overflow: hidden;
    float: left;
}
#ads_front div.right {
    float: right;
    overflow: hidden;
    padding-right: 30px;
    padding-left: 10px;
}
#ads_front a.ad {
    display: block;
    overflow: hidden;

    width: 110px;
    height: 82px;

    float: left;
    text-align: center;
    vertical-align: middle;
}

#ads_front .orig {
    display: block;
    vertical-align: middle;
}
#ads_front .dupe {
    display: none;
}

/* }}} */

/* panorama {{{ */
#panoramaer {
    list-style: none;
    padding: 0; margin: 0;
}
#panoramaer li {
    padding-left: 12px;
    padding-bottom: 10px;
    float: left;
    list-style: none;
}
#panoramaer li h2 {
    margin:0; padding:0;
    text-align: center;
}
/* }}} */

/* dropdown {{{ */
ul.top-menu {
    padding: 0; margin: 0;
    list-style: none;

    height: 20px;
}

ul.top-menu li {
    height: 20px;
    margin: 0;
}

li.top-menuitem {
    float: left;
    position: relative;
    text-align: center;
    z-index: 2;

    background: url(/graphics/separator.jpg) top left no-repeat;
}

ul.sec-menu {
    text-align: left;
    width: 150px;
    padding: 0; margin: 0;

    display: none;

    position: absolute;
    top: 20px;
    left: 0;
    list-style: none;
}

ul.top-menu a {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
}

li.top-menuitem,
li.sec-menuitem {
    display: block;
}

li.sec-menuitem {
    opacity:.95;
    border-bottom: 1px solid #eee;
    background-color: #ddd;
    padding-top: 2px;
    padding-bottom: 2px;
}
ul.sec-menu li.last {
    border-bottom: none;
}

li.top-menuitem a {
    color: #8f8b8d;
    font-size: 14px;
    line-height: 20px;
}
li.sec-menuitem a {
    line-height: 20px;
}

li.sec-menuitem a {
    font-size: 14px;
    color: #777;
}

li.sec-menuitem:hover,
li.secHover {
    background-color: #ccc;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
}

li.top-menuitem:hover,
li.topHover {
    background-color: #eee;
}

li.top-menuitem:hover ul,
li.topHover ul {
    display: block;
}

.top-menu li.first {
    background-image: none;
}
.top-menu li.selected {
    font-weight: bold;
}
.top-menu li.selected li {
    font-weight: normal;
}

/* }}} */
/* path {{{ */
#link-path {
    padding: 5px;
    padding-left: 20px;
}
/* }}} */

/* share {{{ */
ul#share {
    margin:0; padding:0;
    list-style: none;
}
ul#share, ul#share li, ul#share a, ul#share img {
    vertical-align: middle;
}
/* }}} */

#velkommen_bilde {
    float: right;
    position: relative;
}

#velkommen_bilde img {
    float: none;
    top: 0;
    left: 0;
}

#velkommen_bilde a img {
    position: absolute;
    top: 110px;
    left: 205px;

    padding: 0;
}