/* GRID COLUMNS */

.column-1-1-1-1
{
    float: left;
    width: 960px;
    margin: 0;
    padding: 0;
    background-color: white;
}

.column-1-1-1
{
    float: left;
    width: 720px;
    margin: 0;
    padding: 0;
}

.column-1-1
{
    float: left;
    width: 480px;
    padding: 0;
}

.column-1
{
    float: right;
    width: 240px;
    padding: 0;
}

#header
{
    float: left;
    width: 930px;
    background-color: white;
    margin: 0 15px 10px 15px;
    padding: 0;
    display: inline; /*position: relative;*/
}

#ident
{
    float: left;
    padding: 50px 0 40px 20px;
    z-index: 100;
}

.frontpage #ident
{
    padding-bottom: 120px;
}

#logotype a
{
    float: left;
    overflow: hidden;
    height: 140px;
    width: 160px;
    line-height: 1000px;
    display: block;
    background: url(../img/ident-skeikampen.png) top left no-repeat;
}

.pageHeader
{
    float: left;
    margin: 10px 15px 0 15px;
    border-top: 1px solid #ce1331;
    padding: 10px 0 10px 0;
    width: 690px;
    display: inline;
}

.frontpage .pageHeader
{
    padding: 0;
}

.frontpage .pageHeader img
{
    padding: 0;
}

.pageHeader img
{
    padding: 0 0 10px 0;
}

.pageBody
{
    float: left;
    width: 690px;
    margin: 0 15px 0 15px;
    display: inline;
}

.article .pageBody, .section .pageBody
{
    width: 660px;
    padding-right: 30px;
}

.article .pageBody ul li, .section .pageBody ul li
{
    list-style-type: disc;
    margin: 0 0 0 15px;
}

div.preamble, p.preamble
{
    width: 660px;
    padding-right: 30px;
}

#footer
{
    float: left;
    width: 930px;
    margin: 20px 15px 0 15px;
    background-color: white;
    display: inline;
}

#footer .head
{
    float: left;
    border-top: 1px solid #ce1331;
    width: 930px;
    padding: 10px 0 0 0;
}

#footer .body
{
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
}

#footer img
{
    float: left;
    padding: 0 10px 10px 0px;
}

#footer p
{
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #666;
}

#footer p strong
{
    color: #000;
}

body
{
    width: 960px;
    padding: 0;
    margin: 0 auto 0 auto;
    font-family: Georgia, "Times New Roman" , Times, serif;
    background-image: url(../img/body-background-01.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: fixed;
    background-color: #FFF;
    position: relative;
}

h1, h2, h3, h4, h5, h6, p, ul, ul li, blockquote
{
    margin: 0;
    padding: 0;
    line-height: 140%;
}

h1
{
    color: #000;
    font-size: 26px;
    margin: 0 0 10px 0;
    font-weight: normal;
}

h2
{
    color: #000;
    font-size: 15px;
    margin: 3px 0 2px 0;
}

h3
{
    color: #000;
    font-size: 12px;
    margin: 0 0 3px 0;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

h4
{
    color: #000;
    font-size: 15px;
    margin: 0 0 3px 0;
}


.article .pageBody h4
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.article .pageBody h2 a
{
    color: #ce1331;
}


h5
{
    color: #ce1331;
    font-weight: normal;
    font-size: 11px;
}

p
{
    font-size: 12px;
    padding: 0 0 15px 0;
    line-height: 150%;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

div.preamble, p.preamble, div.preamble p
{
    color: #ce1331;
    font-size: 15px;
    font-family: Georgia, "Times New Roman" , Times, serif;
}


div.preamble, div.preamble p
{
    line-height: 150%;
}

div.preamble
{
    padding: 0 0 15px 0;
}

div.preamble p
{
    padding: 0 !important;
}

ul
{
    list-style-type: none;
    padding: 0 0 15px 0;
}

ul li
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 0 3px 0;
}

a
{
    color: #0088ff;
}

.story .body p a.goto
{
    color: #0088ff;
}

a:hover
{
    text-decoration: none;
}

a img
{
    border: none;
}


a img.thumb:hover
{
    border: 1px solid #000000;
    padding: 0;
}
img.thumb
{
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    width: 80px;
    padding: 0;
}

fieldset
{
    border: none;
    padding: 0;
    margin: 10px 0 10px 0;
    float: left;
    width: 100%;
}

input, select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

select.select
{
    margin: 0 0 3px 0;
}

hr
{
    display: none;
}
/* SERVICE MENU */

#servicemenu
{
    float: left;
    width: 930px;
    padding: 8px 0 8px 0;
    margin: 0;
    background-color: #FFF;
}

#servicemenu ul
{
    float: left;
    padding: 3px 0 0 0;
}

#servicemenu ul li
{
    float: left;
    font-size: 12px;
    margin-right: 10px;
    padding: 0 10px 0 0;
    border-right: 1px dotted #999;
    height: 18px;
}

#servicemenu ul li a
{
    float: left;
    color: #666;
}

#functions
{
    float: right;
}

.search
{
    background-image: url(../img/icon-search.gif);
    background-position: 3px 2px;
    background-repeat: no-repeat;
    padding: 3px 3px 3px 3px;
    border-top: 1px solid #333;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #333;
}


/* MAIN MENU */

#mainmenu
{
    float: left;
    width: 930px;
    margin: 0;
    padding: 0 0 10px 0;
    background-color: #FFF;
    display: inline;
}

#mainmenu ul
{
    float: left;
    padding: 7px 0 4px 0;
    width: 100%;
}

#mainmenu ul li
{
    display: inline;
    float: left;
    font-size: 15px;
    margin-right: 12px;
    font-family: Georgia, "Times New Roman" , Times, serif;
}

#mainmenu ul li a
{
    display: inline;
    float: left;
    color: #ce1331;
    text-decoration: none;
    padding: 3px 3px 3px 3px;
}

#mainmenu ul li a:hover
{
    text-decoration: underline;
}

#mainmenu ul li strong a
{
    background-color: #ce1331;
    text-decoration: none;
    padding: 3px 12px 3px 12px;
    color: white;
}

#mainmenu ul li strong a:hover
{
    text-decoration: none;
}

#mainmenu ul.level-02, #mainmenu ul.level-03
{
    float: left;
    width: 100%;
    border-top: 1px solid #CCC;
    padding: 3px 0 0 0;
}

#mainmenu ul.level-02 li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#mainmenu ul.level-03 li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#mainmenu ul.level-02 li a, #mainmenu ul.level-03 li a
{
    color: #666;
    padding: 3px;
}

#mainmenu ul.level-02 li strong a, #mainmenu ul.level-03 li strong a
{
    background: none;
    color: #ce1331;
    font-weight: bold;
}

/* ICONS */

.icon-webcam
{
    background: url(../img/icon-webcam.gif) left no-repeat;
    padding: 3px 0px 3px 28px;
}

.icon-weather
{
    background: url(../img/icon-weather.gif) left no-repeat;
    padding: 3px 0px 3px 28px;
}

.icon-snow
{
    background: url(../img/icon-snow.gif) left no-repeat;
    padding: 3px 0px 3px 28px;
}

.icon-gallery
{
    background: url(../img/icon-gallery.gif) left no-repeat;
    padding: 6px 0px 6px 30px;
}

.icon-english
{
    background: url(../img/icon-english.gif) right no-repeat;
    padding: 0 26px 0 0;
}


.icon-norwegian
{
    background: url(../img/icon-norwegian.gif) right no-repeat;
    padding: 0 26px 0 0;
}

/* NEWSLETTER */

.newsletter p
{
    margin: 0;
    padding: 0;
}


/* BOOKING MODULE */

.booking
{
    float: left;
    margin: 10px 15px 30px 15px;
    width: 210px;
    display: inline;
}

.booking .head
{
    display: inline;
    float: left;
    width: 190px;
    padding: 6px 10px 8px 10px;
    background-color: #ce1331;
}

.booking h2
{
    color: #FFF;
}

.booking h3
{
    text-transform: none;
}

.booking .body
{
    display: inline;
    width: 190px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 15px 10px 25px 10px;
    background-color: #f2f2f2;
}

/* CALENDER */

ul.tabs
{
    float: left;
    margin: 0 0 10px 0;
    width: 620px;
}

ul.tabs li del
{
    color: #666;
    padding: 1px 7px 0px 7px;
}

.article .news li strong
{
    padding-bottom: 10px !important;
}
/* STORY GROUP */

.storyGroup
{
    float: left;
    margin: 10px 0 20px 0;
    display: inline;
}

.story
{
    float: left;
    width: 210px;
    margin: 0 15px 20px 15px;
    display: inline;
}

.story .head
{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #CCC;
}

.story .body
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 2px 0;
}

.story .footer
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 2px 0;
}

.story .body a
{
    color: #ce1331;
}

.story .body p
{
    color: #666;
}

/* STORY SMALL */

.small
{
    padding-right: 10px;
    width: 200px;
    margin: 10px 15px 5px 15px;
    height: 240px;
    overflow: hidden;
}

.small .head
{
    border-bottom: none;
    margin: 0;
    height: 130px;
}

.small .body p
{
    color: #000;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 13px;
}


/* HEADER OFFERS */

#header .story
{
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

#header .story .head, #header .story .body
{
    border: none;
    margin: 0;
    padding: 0;
}

#header .story .head
{
    margin: 0 0 10px 0;
}

#header .story h2
{
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    margin: 0;
}

#header .story h2 a
{
    color: #ce1331;
}

#header .story h2 em
{
    font-style: normal;
    color: #000;
}

#header .story .body p
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 15px;
    padding: 0 0 10px 0;
    color: #000;
}

#header .story ul li, ul.tabs li
{
    float: left;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 15px;
    line-height: 150%;
    margin-right: 5px;
}

#header .story ul li a, ul.tabs li a
{
    padding: 3px 7px 3px 7px;
    text-decoration: none;
    color: #ce1331;
}

#header .story ul li a:hover, .article .pageHeader ul.tabs li a:hover
{
    text-decoration: underline;
}


#header .story ul li strong, ul.tabs li strong
{
    font-weight: bold;
}

#header .story ul li strong a, ul.tabs li strong a
{
    background-color: #ce1331;
    color: #FFF;
}


/* HEADER IMAGE GALLERY */

#header .story.image
{
    background-color: #FFF;
    width: auto;
}

#header .story.image h3
{
    float: right;
    text-transform: none;
}

#header .story.image h3 a
{
    color: #000;
}


/* STORY STATUS */

.status
{
    width: 690px;
    margin: 0 0 30px 0;
}

.status .head
{
    padding: 0;
    margin: 0 0 5px 0;
    border: none;
}

.status .body
{
    padding: 0;
    margin: 0;
}

.status .head h3
{
    margin: 3px 0 0 0;
    color: #ce1331;
}

.status .body h2
{
    font-weight: normal;
    font-size: 26px;
}

.status .body p a
{
    color: #0088ff;
}

.status .body ul
{
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
}

.status .body ul.more
{
    margin: 5px 0 0 0;
    padding: 0 0 20px 0;
}

.status .body ul li
{
    float: left;
    color: #000;
    font-size: 12px;
    padding: 0 7px 0 0px;
    border-right: 1px dotted #999;
    margin-right: 10px;
    height: 18px;
}

.status .body ul.more li
{
    font-size: 15px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    border-right: none;
    font-weight: bold;
}

.status .body ul li img
{
    float: left;
    margin: -12px 0 0 0;
}

.status .body ul li strong
{
    color: #666;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* STORY NEWS */

.news
{
    margin: 0 0 20px 0;
    width: 100%;
}

.news .head
{
    padding: 0;
    margin: 0;
}

.news ul li
{
    float: left;
    width: 100%;
    font-family: Georgia, "Times New Roman" , Times, serif !important;
    border-bottom: 1px solid #CCC;
    padding: 7px 0 9px 0;
    margin: 0 !important;
    list-style-type: none !important;
}

.news ul li h4
{
    margin: 0;
}

.news ul li p
{
    margin: 0;
    padding: 0;
    color: #000;
}

.news ul li strong
{
    color: #000;
    font-weight: normal;
    float: left;
    padding: 0 0 20px 0;
    margin: 0;
    width: 140px;
}

/* STORY CONTEXT OFFERS */

.offer h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.offer h4 a
{
    color: #ce1331;
}
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/


.news h3 em a:hover
{
    text-decoration: none;
}
.news h3 a:hover
{
    text-decoration: underline;
}
.news h3 em a
{
    color: #0088FF;
    text-decoration: underline;
}

.news h3 em
{
    color: black;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}



#bgFront, #bgBack
{
    width: 930px;
    position: absolute;
    top: 0px;
    right: 0px;
}


#headerBackground
{
    z-index: 0px;
    position: absolute;
    left: 0px;
    top: 45px;
    width: 930px;
    overflow: hidden;
    background-color: Black;
}


.frontpage #headerBackground, .frontpage #bgFront, .frontpage #bgBack
{
    height: 310px;
    background-position:-1px -10px;
}

.frontpage #headerSpacer
{
    height: 355px;
}

.section #headerBackground, .section #bgFront, .section #bgBack
{
    height: 230px;
    background-position:-1px -74px;
}



.section #headerSpacer
{
    height: 275px;
}

.slideshow #headerForeground
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 930px;
    overflow: hidden;
}
.slideshow .frontpage #headerForeground
{
    height: 315px;
}
.slideshow .section #headerForeground
{
    height: 235px;
}



/*XFORMS*/

h2.xformheader {
    background-color: #CE1331;
    display: inline;
    float: left;
    padding: 6px 10px 8px;
    width: 100%;
    color:#fff;
    margin:0;
}
 
/*Xforms*/   
#xformContainer   
{
    float:left;
    background-color: #F2F2F2;
    width:100%;
    padding: 0 10px 0 10px;
}


#xformContainer   table td {padding-right:5px;padding-bottom:5px;}
#xformContainer p {padding-top:15px;padding-bottom:5px;color:#000;}
#xformContainer   table td span {font-weight:bold;}
#xformContainer   table td label {clear:both;font-weight:bold;display:block;padding-top:10px;}
#xformContainer .thankyoumessage {display:block;float:left;padding-top:10px;padding-bottom:10px;}
#xformContainer .xformvalidator {display:block;float:left;font-size:40px;color:#CE1331;margin-top:10px;margin-right:5px;}
#xformContainer .xresponse {float:left;padding-bottom:20px;padding-top:20px;}