@import url('/admin/contentbuilder/assets/default/content.css');      

option[value="34"] { color:#ccc; } 

#logo{max-width:1100px; margin:0em auto; text-align:center; padding-top:30px;}
a{color: #6787b2;}

body[contenteditable="true"] {background:url(../gismo/gfx/904/b.jpg)!important;
background-color:#fff!important; margin-top:0px;}
div#txtContent{background-color:#fff!important;
background:url(../gismo/gfx/904/bg_24.jpg)#fff!important;
padding-top:25px; margin-left:15px; }
.ui-draggable{padding-left:7px;
max-width:980px;}

div#txtContent{
	background-color:#fff!important;
	background:url(../gismo/gfx/904/bg_24.jpg)#fff!important;
	margin-top:25px; margin-left:15px; max-width:980px!important;}


#webshopFlikar { display:none;}    

hr{margin:0px; width:98%; color:#d8cebf;}

             
A:link { text-decoration: underline; text-decoration: underline; font-family: 'Josefin Sans', sans-serif; }
A:visited { text-decoration: none; font-family: 'Josefin Sans', sans-serif;  }
A:hover { text-decoration: none; font-family: 'Josefin Sans', sans-serif;  }
A:active { color: #666666; text-decoration: none; font-family: 'Josefin Sans', sans-serif;  }

hr{box-shadow: 5px 5px 10px #ccc;  border-top: #d8cebf 1px solid;}

* {
margin: 0;
padding: 0;
}

body{  	 
padding: 0px;
margin: 0px;     
background-color: #fff;         
font-weight: normal; 
color: #666666; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
background:url(../gismo/gfx/904/body_bg_2017_05_15.jpg) #e8f2f4 repeat top center;
}

#ExtraDiv4{
display:none;
    height: 25px;
    max-width: 1000px;
    margin: 0em auto;
    margin-top: 0px;
    border-radius: 5px;
    padding-top: 15px;
    color: #697d7d;
    font-weight: bold;
    font-size: 11pt;
}
.julbanner{background:url(/gismo/gfx/904/julbg.png) transparent repeat top center; margin:0em auto; padding-top:0px;}
.julbanner-mob{background:url(/gismo/gfx/904/julbg-mob.png) transparent repeat top center; margin:0em auto;}

#ExtraDiv4 a {
    color: #602011;
    font-weight: bold;
    font-size: 14pt;
}

h1 
{ 
        
color: #602011; 
font-size:22px; 
line-height: 24pt; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 
margin-bottom:20px;
} 
	   
	   
h2 
{ 
color: #602011; 
font-size: 14pt; 
line-height: 17px; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 
} 

h3 
{ 
color: #602011;
font-size: 12pt; 
line-height: 17px; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 

 } 

h6{
color: #602011;
    font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
margin-left:7px;
margin-top:3px;
}


div 
{
color: #602011; 
font-size: 11pt; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 
line-height: 12pt;
	}
p 
{
color: #602011; 
font-size: 11pt; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 
line-height: 12pt;
}

.column li{color: #602011; 
font-size: 11pt; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 
line-height: 12pt;
}
td 
{
color: #602011; 
font-size: 11pt; 
font-family: 'Josefin Sans', sans-serif;
text-decoration: none; 
line-height: 12pt;
}

#container
{
margin: 1em auto;
max-width: 100%;
height:100%;
font-weight: normal; 
color: #602011; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
border:0px solid #ccc;
background:url(../gismo/gfx/904/container_bg_2200_2.png) transparent no-repeat top center; margin:0em auto;
background-position-y: px;}

#contents {
    padding: 0px;
    margin: 0em auto;
    max-width: 1000px;
    padding: 0px 20px 20px 20px;
    margin-top: 10px;
    color: #602011;
   // border-radius: 10px;
    background: #f9f3e9;
    box-shadow: 5px 5px 20px 0px #fffaf4;
    box-shadow: 2px 2px 10px 5px #f9f3e9;
}


.row.clearfix {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
   // background: url(/gismo/gfx/904/cntbg3.png) #f4f1ec;
    border-radius: 10px;
    max-width: 1000px;
}

.row.clearfix.bgrow1 {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(/gismo/gfx/904/bgrow4.png) transparent no-repeat;
    border-radius: 10px;
    max-width: 1000px;
}
.row.clearfix.bgrow2{
margin-top:10px; 
padding-top:10px; 
padding-bottom:10px;
background:url(/gismo/gfx/904/bgrow4.png) transparent no-repeat; border-radius:10px;
max-width:1000px;
}

.row.clearfix.noback{
margin-top:10px; 
padding-top:10px; 
padding-bottom:10px;
background:url(/gismo/gfx/904/bgro1.png) transparent no-repeat; border-radius:10px;
max-width:1000px;
}

.row.clearfix.foot{margin:0px; padding:0px; margin: 0em auto;}


#header
{
max-width:1100px;
margin: 0em auto;
margin: 0em auto;
background:url(../gismo/gfx/904/carolines_logo4.png) left center transparent no-repeat;
border-radius:10px;
 margin: 0em auto;
                 height: 248px;
            
              
                 background:url(../gismo/gfx/904/header_2017_10.png) transparent no-repeat top center;
}
	
#navul li:hover ul ul, #navul li:hover ul ul ul, #navul li:hover ul ul ul ul{
display:none;
}

#navul li:hover ul, #navul li li:hover ul, #navul li li li:hover ul, #navul li li li li:hover ul{
 display:block;
 }

.column {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
padding-right:0px;
    }

.column > figure{margin:0px 0px 15px 0px;}
.column > img{margin:0em;}
.column ul{list-style:bullet; margin-left:20px;}
.column.full { width: 100%; }
.column.two-third { width: 66.7%;} 
 .column.two-fourth { width: 75%; }
 .column.two-fifth { width: 80%; }
 .column.two-sixth { width: 30%; }
 .column.half { width:49%; padding:15px;}
 .column.half2 { width:59%; padding:15px;}
 .column.third { width: 32.2%;}
 .column.third figure {text-align:center}
 .column.fourth { width: 25%; }
 .column.fifth { width: 20%; padding:15px;}
 .column.sixth { width: 16%; text-align:center; }
 .column.sixth >img{ max-width:100px; }
.column.eight.foot { width: 14%; }
 .column.eight { width: 15%; }
 .column.flow-opposite { float: right; } 
.column.third a > img{max-width:100%; border-radius:7px;}

#footer{ max-width:1000px;
margin:0em auto;
height:50px;
background:url(../gismo/gfx/904/wrappr.png ) transparent repeat;
font-style: italic;
padding:20px 0px 5px 10px;

color:#602011;
font-size:12pt;
font-family: 'Josefin Sans', sans-serif;
border-radius:10px;
}

#footer p{color:#602011;}

#footer2{display:none;}
.nav ul {
	list-style:none;
}

.wrapper {
margin:0 auto;
position:relative;
border-radius:0px 0px 10px 10px ;
max-width:100%
margin:0px auto;
background:url(../gismo/gfx/904/mainnav_2017_5_15.png) transparent!important;
border-radius:0px 0px 0px 0px ;
border:0px solid #c5eafd;
}
.main {
	width:100%;
	margin:00px 0;
	text-align:center;
max-width:1000px;
margin:0px auto;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}

.nav {
	position:relative;
	display:inline-block;
	font-size:12px;
max-width:1000px; padding-left:0px;
}
.nav ul{list-style:none;}
.nav-list {
	text-align:left;
padding-left:0px;
margin-left:0px;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
font-weight:900;
}
.nav-item a {
	display:block;
	
	padding:10px 8px;
	text-decoration:none;

	border-bottom:0px solid #fff;
color:#697d7d; font-weight:bold; font-size:11pt; padding:10px 10px;
}
.nav-item > a:hover {
	color:#ccc; text-decoration:underline;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:200px;
background:url(../gismo/gfx/904/wrapper.png) transparent!important;
}
.nav-submenu-item a {
	background:#ccc;
	border-bottom:1px solid #fff;
	display:block;
	padding:15px;
font-weight:300;
}

ul.nav-submenu li.nav-item{ width:200px;}
.nav-item ul li a{color:#fff; font-size:13pt;}

.nav-submenu-item a:hover {
	background:#ccc;
}


.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:transparent url(../gismo/gfx/904/menu-button2.png) no-repeat center center;
	background-size:150px;
	height:50px;
	width:100%;
}

.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:0px solid #fff;
	height:48px;
	width:50px;
	cursor:pointer;
background:#transparent;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../commondata/images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}



.hr_kassa{display:block;!important}

#navcontainerMobil #menu-button{background:url(../gismo/gfx/265/kategorier.jpg) #000 no-repeat;color:transparent!important;}
#navcontainerMobil ul li{ border-top: 1px solid #fff!important; border-bottom: 0px solid #fff!important; background:#000!important;}
#navcontainerMobil ul ul li a {background:#ccc!important;}
#navcontainerMobil ul ul li a { border-bottom: 1px solid #fff!important}

/* BOKNING */

select[name=ObjektsOptionsID]{border: 1px solid #f0e6e6;
    padding: 8px;
    font-size: 12pt;}

td.calendarDay{background:#e8e8e8; padding:8px; border-color: #1dc9b9!important;}
.calendarDay a:link {
    font-size: 14pt!important;
    color: #6787b2;
}
.calendarDay a:visited {
 color: #6787b2;
}
.weekDayName{padding-top:10px; text-align: center;}
.monthName{
background:#F7F5F0; 
padding:10px;
font-size: 14pt;
text-transform: uppercase;
}
table.selectday{
 background:#ffF;
border: 1px solid #ccc;

}
table.selectday td {
    font-family: Arial;
    border-right: 1px solid #ccc;
    padding-right: 0px;
padding-left: 0px;
}

table.selectday td:last-child {display:none;}

table.selectday td:nth-child(6){display:none;}
table.selectday td a {
    background: #8b726c;
    padding: 3px;
    color: #fff;
    border-radius: 4px;
    /* border: 1px solid #99ddcd; */
}

.valdbehandling {
    

    max-width: 500px;

    margin-bottom: 5px;
    color: #08c9b9;
    font-style: italic;
font-size: 12pt;
}

.valdbehandling::Before {
    content: "Vald behandling:";
    font-weight: bold;
    font-size: 12pt;
}
table.selectday div{padding:15px; width:90px; font-family:arial;}
table.selectday div:nth-child(odd) { background:#e8e8e8!important; padding-top:5px; padding-bottom:5px;}
table.selectday div:nth-child(even) { background:#fff; padding-top:5px; padding-bottom:5px;}

div#boknings_inloggning{
background: #fff;
 padding: 15px;
    //border: 1px solid #ccc;
}

div#BokningsKalender {
    //background: #fff;
    //border: 1px solid #ccc;
}

table.Dina_bokningar {
    background: #fff;
    padding: 10px;
border:1px solid #ccc;
}
.selectweek{background:#fff; padding:5px; border:1px solid #ccc;}

.day5{display:none}

@media only screen and (min-width: 200px) and (max-width: 868px) {
#header{
margin: auto;
height: 240px;
max-width: 868px;
margin: 0em auto;
padding-top:40px;

               }
#contents{margin-top:5px;}
.row.clearfix.bgrow1{background:url(/gismo/gfx/904/contbg.png) transparent; border-radius:10px;}
 .column.third.nomobile {display:none;}
 .column.two-third.nomobile {width:100%;}
//.column.fourth{width:50%!important;}
#logo{padding-top:0px;}
#webshopFlikar{display:block;}
#webshopFlikar table{ display:block; width:100%; padding:10px 0px 10px 10px; background:#000;}    
div#webshopFlikar th{padding-right:20px;}
#webshopsearch{display:none;}

//.wrapper{margin-top:-5px!important; position:relative!important; top:0px!important;}

.wrapper {
    margin-top: -5px!important;
    position: relative!important;
    top: -30px!important;
}

.column.no_mobile{display:none;}


.nav-list{background:#eaf4fa;}
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
    background: #e6f8fa;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }

.nav-item a {
	
	border-top:1px solid #fff;
}

ul.nav-list{}
ul.nav-submenu{}
}


@media only screen and (min-device-width: 200px) and (max-device-width: 868px) {

#header{
 margin: auto;
 height: 240px;
max-width: 868px;
margin: 0em auto;
 padding-top:40px;
background-size:cover;
}
#contents{margin-top:0px; width:95%!important;}
.row.clearfix.bgrow1{background:url(/gismo/gfx/904/contbg.png) transparent; border-radius:10px;}
 .column.third.nomobile {display:none;}
 .column.two-third.nomobile {width:100%;}
//.column.fourth{width:50%!important;}
#logo{padding-top:0px;}
#webshopFlikar{display:none;}
div#webshopFlikar th{padding-right:20px;}

#webshopFlikar table{ display:block; width:100%; padding:10px 0px 10px 10px; background:#000;}    

.wrapper{margin-top:5px!important; position:relative!important; top:0px}	

.column.no_mobile{display:none;}

	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }

.nav-item a {
	
	border-top:1px solid #fff;
}
ul.nav-list{}
ul.nav-submenu{}

}



@media only screen and (min-width: 200px) and (max-width: 568px) {
#wrapper{position:relative;}
.no-mobile{display:none}
 .column.third { width: 31.2%;}


 .column {padding:10px!important;}
 .column.full { width: 100%; }
    .column.two-third { width: 100%; }
    .column.two-fourth { width: 100%; }
    .column.two-fifth { width: 100%; }
    .column.two-sixth { width: 100%; }
    .column.half { width: 100%; padding:0px;}
  .column.half2 { width: 100%; padding:0px;}
.column > figure{margin:0px;}
  .column.third { width: 100%; }
    .column.fourth { width: 100%; }
    .column.fifth { width: 100%;  padding:0px;}
    .column.sixth { width: 100%; }
.column.eight.foot { width: 100%; }
 .column.eight { width: 100%; }
    .column.flow-opposite { width: 100%; } 
table.selectday td{display:none;}
td.BokningAktivDag{display:block!important; width:100%!important;}
table.selectday div{ width:250px!important; text-align:center!important;}
table.selectday td a {padding:3px 20px 3px 20px;}
td.make_rows {
   
    display: block;
display: table-footer-group;
    width: 100%;
}


}
@media only screen and (min-device-width: 200px) and (max-device-width: 568px) {

#wrapper{position:relative;}
 .column.third { width: 31.2%;}


 .column {padding:10px!important;}
 .column.full { width: 100%; }
    .column.two-third { width: 100%; }
    .column.two-fourth { width: 100%; }
    .column.two-fifth { width: 100%; }
    .column.two-sixth { width: 100%; }
    .column.half { width: 100%; padding:0px;}
.column > figure{margin:0px;}
  .column.third { width: 100%; }
    .column.fourth { width: 100%; }
    .column.fifth { width: 100%; }
    .column.sixth { width: 100%; }
.column.eight.foot { width: 100%; }
 .column.eight { width: 100%; }
    .column.flow-opposite { width: 100%; } 
table.selectday td{display:none;}
td.BokningAktivDag{display:block!important; width:100%!important;}
table.selectday div{ width:250px!important; text-align:center!important;}
table.selectday td a {padding:3px 20px 3px 20px;}

 td.make_rows {
  
    display: block;
display: table-footer-group;
    width: 100%;
}


}

td.table_rows {
    display: table-row;
}

/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */