
html
{
	
	height: 100%;
}

body
{

	/* background: url("images/pagebg.png") repeat scroll 0 0 transparent; */
   background-image: url('images/topborder.png');
	background-repeat:repeat-x;
    background-color: #fcb813;

	height: 100%;
}

.three-col-container
{
    padding: 0px 0px 20px 0px;
}


#promotion
{
    float: right;
    margin-right: 20px;
}

.card-terms
{
    padding-top: 20px;
    color: gray;
}

.front-content
{
    padding-top: 10px;
}

    .front-content p
    {
        padding-bottom: 10px;
    }

.three-col
{
    display: block;
    width: 32%;
    float:left;
}

.bulletpoints li
    {
        padding-bottom: 10px;
    }

.bulletpoints-numbered
{
    font-weight: bold;
    font-size: 15px;
}
    .bulletpoints-numbered li
    {
        padding-bottom: 10px;
    }
    .bulletpoints-numbered span
    {
        font-weight: normal;
        font-size: 13px;
    }

.clear
{
    clear: both;
}
.legend
{
display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;
}

.container
{
	background-color: #fff;
	padding: 0px 20px 15px 20px;
	width: 960px;

    border:2px solid #fff;
    border-radius:10px;
    -moz-border-radius:10px; /* Firefox 3.6 and earlier */
	
}

.subnav 
{
	
	background-color: #EEEEEE;
	background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);
	background-repeat: repeat-x;
	border: 1px solid #E5E5E5;
	border-radius: 4px 4px 4px 4px;
    height: 50px;
	width: 100%;
}
/* 7px i hver høyfer*/

.subnav .nav {
    margin-bottom: 0;
}
.subnav .nav > li > a {
    border-left: 1px solid #F5F5F5;
    border-radius: 0 0 0 0;
    border-right: 1px solid #E5E5E5;
    margin: 0;
    padding-bottom: 18px;
    padding-top: 18px;
      font-size: 16px;
}
.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
    background-color: #E9E9E9;
    border-left: 0 none;
    border-right-color: #DDDDDD;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
    color: #777777;
    padding-left: 13px;
}
.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
    border-top-color: #777777;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-left: 0 none;
    border-radius: 4px 0 0 4px;
    padding-left: 12px;
}
.subnav .nav > li:last-child > a {
    border-right: 0 none;
}
.subnav .dropdown-menu {
    border-radius: 0 0 4px 4px;
}
.subnav-fixed {
    border-color: #D5D5D5;
    border-radius: 0 0 0 0;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 1020;
}
.subnav-fixed .nav {
    margin: 0 auto;
    padding: 0 1px;
    width: 938px;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-radius: 0 0 0 0;
}
   #map-canvas img {max-width: none !important;}
legend
{
	margin-bottom: 15px;
}

.container {
    margin-bottom: 15px;
}

.easyfit-map {
    width:956px;
    height:640px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}


/* Content   */


div.logo div.leftpart
{
	width: 42%;
	float: left;
}

div.logo h1
{
	
	font-size: 54px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
   /* color: #D44413; */
    margin-bottom: 20px;
}


div.logo p.lead
{
	font-size: 24px;
	font-weight: 300;
    margin-top: 40px;
    line-height: 27px;
    text-align: left;
    
}


div.auth-header
{
	float: right;
	width: 54%;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
}


div.topstrip
{
height: 20px;
	width: 100%;

}
div.container
{
	padding-top: 20px;
}


div.content
{
	
	padding-top: 20px;
}


div.footer
{
	border-top: 1px solid #E1E1E8;
	padding-top: 5px;
	margin-top: 20px;
}
div.footer p
{
	padding-top: 10px;
}

div.footer p.left
{
	width: 49%;
	float:left;
}
div.footer p.right
{
	width: 49%;
	float:right;
	text-align: right;
}

.auth-left,
.auth-right
{
	width: 47%;
}

.auth-left
{
	float: left;
}

.auth-right 
{
	float:right;
}

.clear-both
{
    clear: both;
}


.birth-day,
.birth-month,
.birth-year
{
width: 93px;
}



/*
    Booking
*/

.ceNavigationBox {
    width: 98%;
}

.cePrevious {
    float: left;
    margin-left: 5px;
    margin-bottom: 10px;
}

.ceNext {
    float: right;
    margin-bottom: 10px;
}

.ceItem {
    width: 14%;
    float: left;
    padding-left: 5px;
}

.ceBox {
    display: block;
    margin-bottom: 5px;
    border: 1px solid black;
    background-color: #4EC1E0;
    text-align: center;
    padding: 5px;
}

.ceDay {
    margin-bottom: 5px;
    border: 1px solid black;
    
    padding: 5px;
    background-color: #E75300;
    text-align: center;
}

/*
	Slideshow
*/
#container2 {
	width:580px;
	padding:10px;
    margin-left: 20px;
    margin-top: 20px;
    padding-top: 0px;
	position:relative;
	z-index:0;
}
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

#slides .pagination {
	margin:26px auto 0;
	width:100px;
}

#slides .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

#slides .pagination li a {
    display: inline-block;
	width:12px !important;
	height:0;
    padding: 0;
	padding-top:12px;
	background-image:url(slideimg/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
    border: 0;
}

#slides .pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-70px;
    max-width: inherit;
}


.red-star {
    color: red;

}

.easyfit-center img {
    float: right;
    margin-right: 20px;
    text-align: right;
}

.easyfit-center-details {
    float: left;
    width: 69%;
}

.easyfit-center {
    padding-bottom: 20px;
    margin-left: 70px;
}

.center-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pt-center {
    padding-top: 300px;
    padding-bottom: 20px;
}

.alert {
     padding: 8px 15px 8px 15px;
}

.alert-frontpage {
  
     background-color: #FCB813;
    border-color: #E2A412;
    color: #fff;
}

.alert-frontpage2 {
  
   background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.two-col-container div {
    float: left;
}

.two-col-container div:first-child {
    margin-right: 20px;
}


.alert-frontpage2 ul {
    margin-left: 20px;
}


.frontpage-large {
    width: 670px;
}

.frontpage-large img {
    padding-top: 7px; 
    padding-bottom: 10px;
}

.frontpage-medium {
    width: 308px;
    height: 90px;
}


.frontpage-right {
    float:right;
    width: 200px;
    margin-right:20px;
}
.frontpage-left {
    float:left;
}

.frontpage-fb {
    padding-top:20px;
}


.pt-left {
    float:left;
    width: 70%;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 50px;
}


.pt-right {
    float:right;
    width: 100px;
    margin-left:20px;
    margin-right: 10px;
}

/* Bootstrap overrrides */

h2 {
    font-size: 24px;
    line-height: 36px;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}
h1, h2, h3, h4, h5, h6 {

    margin: 0;

}
p {
    margin: 0 0 9px;
}


/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:20px 10px 0px 10px;
    padding:0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps .step {
    position:relative;

}
.wizard-steps div {
    float: left; 
margin-left: -2px;        
}

.wizard-steps p {
        min-width: 100px;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps p {
    position:relative;
    display:block;
    height:24px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#AFAFAF;
    background: #EBEBEB;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
}
.wizard-steps .a-before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;

}
.wizard-steps .a-after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
margin-left: 0;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step p {
    color:#fff;
    text-shadow:none;
    background: #1FC3F3;
}
.wizard-steps .completed-step .a-before {
    border-top: 12px solid #1FC3F3;
    border-bottom: 12px solid #1FC3F3;
}
.wizard-steps .completed-step .a-after {
    border-left: 12px solid #1FC3F3;
}
.wizard-steps .completed-step span {
    border: 2px solid #fff;
    background: #FDB811;
    color: #163038;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step p {
     color:#fff;
    text-shadow:none;
    background: #1FC3F3;
}
.wizard-steps .active-step .a-before {
    border-top: 12px solid #1FC3F3;
    border-bottom: 12px solid #1FC3F3;
}
.wizard-steps .active-step .a-after {
  border-left: 12px solid #1FC3F3;
}
.wizard-steps .active-step span {
       color: #163038;
    text-shadow:none;

        border: 2px solid #fff;
    background: #FDB811;
}

.shop {
    margin-top: 40px;
    margin-bottom: 60px;
}

.shop-product {

    width: 24%;
    float: left;
    margin-right: 20px;
    text-align: center;

}
.shop-product p,
.shop-product button {
    margin-top: 10px;
}

/* Iframe layout */

body {
    background-image: none;
  background-color: #f2f2f2;
    height: 100%;

}
div.container {

}
.logo .leftpart {
    display: none;
}

.auth-header img {
    display: none;
}

.footer {
    display: none;
}

.subnav {
    display: none;
}

div.auth-header {
    float: left;
    width: 100%;
    text-align: left;

}

.topstrip {
   height: 25px;
}
.container {

   min-width: 50px;
}
