.startsida header { background:none; }
.content { margin:0 auto; }
img { width:auto; height:auto; display:block; border:0; max-width:100%; }

#top { margin:0 auto; background-color:rgba(255,255,255,1); float:left; width:100%; }
#top .inside { max-width:1200px; margin:0 auto; }
#top .logo { width:20%; float:left; padding:20px 0; }

nav { width:75%; margin-left:5%; float:right; text-align:right; line-height:110px; }
nav ul { list-style-type:none; width:auto; margin:0; padding:0; }
nav ul li { display:inline-block; *display:inline; zoom:1; line-height:20px; }
nav ul li a { display:inline-block; padding:14px; font-size:14px; text-decoration:none; color:#333; }
nav ul li a:hover { background:#e1e1e1; }

li.boka-nu { background:#2e95f9 !important; }
li.boka-nu a, li.boka-nu a:visited, li.boka-nu a:active { color:#fff; font-size:15px; font-weight:bold; }

header { height:auto; float:left; width:100%; background-color:rgba(255,255,255,1); }
header #header { max-width:1200px; margin:0 auto;; }
header .logo img { max-width:80% !important; width:auto; height:auto; display:block; }
header .image-container { text-align:left; width:70%; padding:40px 0; max-width:1200px; float:left; }
header h2.title { margin:25px 0 25px 0; font-weight:100; font-size:45px; line-height:50px; color:#fff; width:auto; text-align:center; }
header .search { float:left; width:auto; width:400px; height:350px; padding-top:50px; }
header .search p { color:#fff; font-size:16px; text-align:center; font-weight:bold; }
header .search a, header .search a:visited, header .search a:active { color:#fff; text-decoration:none; }
header .search a:hover { text-decoration:underline; }

.angeort { color:#fff; display:none; }

.searchtop { display:none; }

#cookie-msg .msg { padding:20px; display:block; }

#txtHints { padding:8px; border:1px solid #ccc; background:#f4f4f4; width:150px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; text-align:center; }
#txtHints #txtHint5button { background:none; border:0; cursor:pointer; color:#036A99; font-size:11pt;}
#txtHints #txtHint5button:hover { text-decoration:underline;}
.lasmer#txtHints { border:none; background-image: -webkit-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -moz-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -o-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -ms-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: linear-gradient(to bottom, #38a9fb, #2c91f9);
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px; }
.lasmer#txtHints input#txtHint5button { color:#fff; }

#searchform { text-align:center; }
#searchform .textbox { background:#FFF url(../images/sok.png) no-repeat 10px 5px; border:1px solid #999; outline:0; height:35px; width:250px; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px; font-size:16px; padding:1px 0 1px 50px; }
#searchform .hidden { display:none; }
#searchform #searchsubmit { height:39px; width:50px; font-size:16px; padding:1px 10px 1px 5px; color:#8c8c8c; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; border-left:none; background:#f0f0f0; cursor:pointer; -webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px; }

section { float:left; width:100%; background-color:rgba(255,255,255,1); padding-top:30px; }
section #section { margin:0 auto; max-width:900px; text-align:center; }
section .left { float:left; width:70%; margin-right:5%; }
section .full { float:left; width:100%; margin-right:0; }
section .right { float:left; width:25%; }
section .information { margin:0 auto; display:inline-block; margin-bottom:50px; text-align:left; width:100%; }
.startsida section .information { margin-bottom:20px; }
section .center { text-align:center; }
section .infoboxes { float:left; width:100%; }
section .infoboxes img { max-width:100%; display:block; margin-left:auto; margin-right:auto; }
section .infoboxes p { display:block; margin-left:auto; margin-right:auto; text-align:left; }
section .infobox1, section .infobox2, section .infobox3 { float:left; width:29%; padding:2%; }
section .infoboxes h2 { font-size:18px; text-transform:uppercase; margin-top:15px; text-align:left; font-weight:normal; }
section .infoboxes h2 a,section .infoboxes h2 a:visited { color:#575757; text-decoration:none; }
section .infoboxes h2 a:hover { color:#030; }
section .infoboxes a { color:#575757; text-decoration:none; }
section .start a { color:#717171; font-weight:bold; }

.sociala-medier { margin-top:20px; }
.important-box { min-height:280px; }

#annonser { padding:0 0 40px 0; }
#annons_mobil { width:100%; float:left; background:rgba(255,255,255,1); padding:0 0 40px 0; display:none; }

.breadcrumbs { float:left; width:100%; border-bottom:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:15px; color:#666; font-size:12px; }

a.attboka { color:#575757; text-decoration:none; }
a.attboka:hover { color:#666; text-decoration:underline; }


/* St�der A-� */
.regioner { float:left; width:35%; }
.stader { float:left; width:60%; margin-left:5%; }
.regioner .count, .stader .count { float:right; color:#fff; background:#9CCB3F; padding:0 5px; height:24px !important; line-height:24px !important; margin:3px 0; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.stader a, .regioner a { font-size:15px; line-height:30px; border-bottom:1px dotted #999; width:100%; color:#717171; text-decoration:none; display:block; height:30px; }


#ads { float:left; width:99.8%; }

#map { width:100%; float:left; }

footer { background:#232120; color:#fff; float:left; width:100%; }
footer #footer { max-width:1200px; margin:0 auto; }
footer .footer-text { padding:0 0 20px 0; }
footer .row { width:100%; float:left; padding:20px 0; }
footer .col1, footer .col2 { margin-right:5%; width:30%; float:left; }
footer .col3 { width:30%; float:left; }
footer .copyright { border-top:1px solid rgba(255, 255, 255, 0.1); padding:20px 0; width:100%; float:left; }
footer .copyright p { margin:0; }

/* Text */
h2 { margin:0 0 25px 0; font-size:30px; }
h1 { margin:0 0 20px 0; font-size:26px; line-height:30px; }
.center h1 { font-size:41px; font-weight:200; line-height:42px; }
h3 { margin:0 0 15px 0; font-size:22px; }
p {
	font-size:15px;
	line-height:20px;
}
.center p { font-size:16px; }


select { background:#5e98bd; outline:none; font-weight:bold; color:#fff; padding:5px 10px; -webkit-appearance:none; text-shadow:1px 1px 0 #1c7294; cursor:pointer; }

.multi-column {
column-count:2;
column-width:50%;
-webkit-column-count:2;
-webkit-column-width:50%;
-moz-column-count:2;
-moz-column-width:50%;
}

/* Sidor */
.litensok header .search { padding-top:0; width:100%; height:auto; background:none !important; }
.litensok header h2.title { font-size:28px; line-height:30px; margin:0 30px; float:left; }
.litensok header .image-container { width:100%; background:url(../images/bg_bla.png) top center repeat; padding: 30px 0; } */
.litensok header #searchform { float:left; }
.litensok header p { margin:0; line-height:39px; float:left; margin-left:30px; }

.hotell-info .hotell { margin-bottom:0; padding-bottom:0; border:0 !important; }
.hotell-info #annonser { padding-top:0; }

.tab-container li.first { margin-left:10px; }



/* Paket */
.paket-nytt { background-image: -webkit-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -moz-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -o-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -ms-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: linear-gradient(to bottom, #38a9fb, #2c91f9);
    color: #fff;
    display: inline-block;
    padding: 12px 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
    border: none;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease;
    -o-transition: 200ms all ease;
    -ms-transition: 200ms all ease;
    transition: 200ms all ease;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
	text-decoration:none; }

.paket-nytt:hover { background-image: -webkit-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: -moz-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: -o-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: -ms-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: linear-gradient(to bottom, #4fb0fa, #3d99f7); }

.paket-red img { display:inherit; }
.paket-table { width:90%; }
.paket-tr td { margin-right:2%; }

.paket-hela { width:100%; float:left; margin-top:30px; }
.paket-hela .paket-redigera-datum { float:left; margin-right:10px; }
.paket-hela .paket-redigera-datum img.ui-datepicker-trigger { display:inline; vertical-align:middle; margin-left:5px; }
.paket-hela .paket-franpris-hela, .paket-hela .paket-rubriker, .paket-hela .paket-galler, .paket-hela .paket-om, .paket-hela .paket-aktiverad, .paket-hela .paket-innehall-hela { float:left; width:100%; margin-bottom:20px; }
.paket-hela .paket-innehall-hela, .paket-hela .upload_wrapper { margin-bottom:0; margin-top:0; }

.paket-valuta { -webkit-appearance:menulist; }
select.paket-valuta { color:#000; text-shadow:none; padding:0; height:40px; width:120px;
background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ebebeb', GradientType=0 ); }
.paket-div1 { float:left; width:47%; margin-right:2%; }
.paket-div1 .datepicker1 { float:none !important; width:auto !important; }
.paket-div1 .datepicker1 img { vertical-align:middle; margin-left:5px; }
.paket-div1 .datepicker1 input, .paket-div1 .datepicker1 img { float: none !important; display: inline !important; }
.paket-div1 input { height:40px; width:320px; border:1px solid #000; }
.paket-div1 input.paket-franpris { width:200px; }
.paket-div1 input#datepicker, .paket-div1 input#datepicker1, .paket-div1 input#datepicker2 { width:120px; }
.paket-div1 textarea { width:320px; height:100px; border:1px solid #000; }
.paket-franpris-hela input.paket-franpris { height:35px; width:200px; }
.paket-rubriker input, .paket-om textarea { width:320px; }
.paket-galler input { height:30px; }
.paket-nytt-upload { float:left; width:100%; margin-top:20px; }
.paket-nytt-upload .pseudo-upload { height:auto !important; height:75px; border:1px solid #000; cursor:pointer; max-width:120px; background:url('/images/valj-bild.jpg') top center no-repeat; }
.paket-nytt-upload .pseudo-upload img { height:75px; }
.paket-div2.upload_wrapper { width:50% !important; }
.paket-div2 { float:right; width:50%; margin:0 !important; }
.paket-div3 { float:left; width:99%; margin-top:20px; }
.paket-div3 input#upload, .paket-div3 button.upload { height:40px; width:320px; background:#0069b3; color:#fff; cursor:pointer; text-align:left; padding-left:10px; }
.andra-paket { float:left; width:33%; }
.andra-paket input#upload2 { height:40px; max-width:200px; background:#e1e1e1; cursor:pointer; text-align:left; padding:5px 10px; }
.andra-paket input#upload2:hover { background:#0069b3; color:#fff; }
.paket-div4 { float:left; width:50%; margin-top:20px; }
.upload-button { padding: 5pt; display: inline-block; margin-top: 2pt; cursor:pointer; }
.info-ikon { vertical-align:middle; display:inline; }

.pseudo-upload { width: 100%; height:100%; }

.pseudo-upload img { width: 100%; }
.upload_wrapper { width:100%; float:right; margin-right: 10pt; margin-bottom: 10pt; text-align: center; cursor: pointer; }
.upload-image { display: none; }
#title-1 { font-size: 14pt; color: #888; border: 0; background: transparent; }
#title-2 { font-size: 14pt; color: #888; border: 0; background: transparent; }
#text { font-size: 12pt; color: #888; border: 0; background: transparent; }
#price { color: #888; font-size: 18pt; }
#price input { font-size: 18pt; color: #888; width: auto; border: 0; background: transparent; }
#left-column { width: 60%; float: left; }
#right-column { width: 38%; float: right; }
.paket-innehall-hela input.innehall1 { height:35px; color:#888; border:1px solid #999; font-size:20px; }
.paket-innehall-hela input.innehall2 { height:39px; color:#888; border:1px solid #999; font-size:20px; cursor:pointer; }
.paket-hela #left-column input, .paket-hela #left-column textarea { border:1px solid #999; }
.paket-hela .paket-div2 .pseudo-upload { height:auto; min-height:200px; border:1px solid #e1e1e1; }

.paket-forhandsgranska h1 { font-size:24px; line-height:30px; margin-bottom:5px; }
.paket-forhandsgranska h2 { font-size:15px; line-height:22px; margin-bottom:15px; }
.paket-forhandsgranska h4 { font-size:18px; line-height:20px; margin:20px 0; }

.paket-innehall-hela { color:#333; margin-top:15px; float:left; width:100%; }
.paket-innehall { padding:30px; background:#eee; }
.paket-innehall-text img { vertical-align:middle; display:inline; }

.paket-bild-pris { position:absolute; padding:10px; background:#fff; margin:20px 0; font-size:20px; color:#C33; }
.paket-bild-text { text-align:center; padding:15px; background:#eee; }
.paket-bild-paket { font-size:24px; font-weight:bold; }
.paket-bild-namn { font-size:22px; }
.paket-bild-ort { font-size:22px; }

.paket-resten { float:left; width:100%; }
.paket-resten .paket-paket { float:left; width:31.2%; margin:1%; min-height:315px; background:#eee; }
.paket-resten .ladda { width:100%; float:left; text-align:center; }
.paket-resten .ladda a { background-image: -webkit-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -moz-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -o-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: -ms-linear-gradient(top, #38a9fb, #2c91f9);
    background-image: linear-gradient(to bottom, #38a9fb, #2c91f9);
    color: #fff;
    display: inline-block;
    padding: 12px 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
    border: none;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease;
    -o-transition: 200ms all ease;
    -ms-transition: 200ms all ease;
    transition: 200ms all ease;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
	text-decoration:none; }
.paket-resten .ladda a:hover { background-image: -webkit-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: -moz-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: -o-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: -ms-linear-gradient(top, #4fb0fa, #3d99f7);
    background-image: linear-gradient(to bottom, #4fb0fa, #3d99f7); }
.paket-paket .paket-paket-pris { position:absolute; background:#fff; padding:10px; margin-top:20px; font-size:20px; color:#C33; }
.paket-paket .paket-paket-bild img { max-height:200px; width:100%; }
.paket-paket .paket-paket-rubrik { background:#eee; padding:10px 0 0 0; text-align:center; font-size:22px; }
.paket-paket .paket-paket-namn { background:#eee; padding:10px 0 5px 0; text-align:center; font-size:18px; height:auto; }
.paket-paket .paket-paket-rubrik a { text-align:center; font-size:22px;  color:#575757; text-decoration:none; line-height:27px }
.paket-paket .paket-paket-namn a { padding:10px 0 5px 0; text-align:center; font-size:17px; color:#575757; text-decoration:none; }
.paket-paket .paket-paket-ort { background:#eee; padding:0 0 10px 0; text-align:center; font-size:17px; }

.paket-paket .paket-paket-bild-annons img { max-height:200px; width:100%; }
.paket-paket .paket-paket-bild-annons a { margin:0 !important; }

.important-box2 { text-align: center;
    max-width: 900px;
    margin: 0 auto; width:100%; }

.paket-startsida { float:left; text-align: center;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.06);
    box-shadow: 0 2px 5px rgba(0,0,0,0.06);
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa);
    background: -ms-linear-gradient(top, #fff, #fafafa);
    background: linear-gradient(to bottom, #fff, #fafafa);
    /* border: 1px solid #e8e8e8; */
    padding: 50px; /* Tog ej bort då de kom för nära och ibland bara visade en per rad */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bokning-paket1 { float:left; width:49%; }
.bokning-paket2 { float:left; width:49%; }


@media all and (max-width:660px) {
	.paket-div1 { width:100%; }
	.paket-div2 { width:100%; float:left; margin-top:20px; }
	.paket-div2.upload_wrapper { width:100% !important; height:auto; padding-top:20px; }
	.paket-div2 .pseudo-upload { height:auto; }
	.paket-hela #left-column { width:100%; }
	.paket-hela #left-column input, .paket-hela #left-column textarea { width:99%; }
	.paket-hela #right-column { width:100%; float:left; margin-top:20px; }
	.paket-hela .upload_wrapper { height:auto; }
	.paket-resten .paket-paket { float:left; width:48%; margin:1%; }
	.paket-aktiverad input { width:15px !important; }
	.paket-redigera-datum { width:48%; float:left; }
	.paket-redigera-datum input { width:76% !important; }
}

@media all and (max-width:460px) {
	.paket-div1 { width:100%; }
	.paket-div2 { width:100%; float:left; margin-top:20px; }
	.paket-div2.upload_wrapper { width:100% !important; height:auto; padding-top:20px; }
	.paket-div2 .pseudo-upload { height:auto; }
	.paket-hela #left-column { width:100%; }
	.paket-hela #left-column input, .paket-hela #left-column textarea { width:99%; }
	.paket-hela #right-column { width:100%; float:left; margin-top:20px; }
	.paket-hela .upload_wrapper { height:auto; }
	.paket-resten .paket-paket { float:left; width:48%; margin-bottom:10px; }
  .paket-paket .paket-paket-rubrik a { font-size:18px; }
  .paket-paket .paket-paket-ort { font-size:15px; }
	.paket-redigera-datum { width:55%; float:left; }
  .paket-startsida { padding:30px 20px; }
  .paket-startsida .paket-paket { min-height:275px; background:#eee; }
  header .search a, header .search a:visited, header .search a:active { font-size:15px; }
}



/* Annonser */
.owl-item { min-height:150px; }
.owl-item .item img { margin-bottom:10px !important; max-width:200px !important; max-height:100px !important; }
.owl-item .item { font-size:14px; line-height:20px; display:table; min-height:150px; width:100%; }
.owl-item .items { vertical-align:middle; display:table-cell; text-align:center; }
.owl-item .item div img { vertical-align:middle; }
.owl-item .item div { vertical-align:middle; }

/* Nyhetsbrev */
#nyhetsbrev { float:left; width:100%; background:rgba(255,255,255,1); padding-bottom:50px; }

.important-box {
text-align:center;
max-width:900px;
margin:0 auto;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.06);
box-shadow: 0 2px 5px rgba(0,0,0,0.06);
background: -webkit-linear-gradient(top, #fff, #fafafa);
background: -moz-linear-gradient(top, #fff, #fafafa);
background: -o-linear-gradient(top, #fff, #fafafa);
background: -ms-linear-gradient(top, #fff, #fafafa);
background: linear-gradient(to bottom, #fff, #fafafa);
border: 1px solid #e8e8e8;
padding: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.important-box h3 { font-size:36px; line-height:44px; font-weight:200; margin-top:0; margin-bottom:5px; }

input[type=text].big, input[type=email].big, button.big { width:300px; }

.button.blue {
background-image: -webkit-linear-gradient(top, #38a9fb, #2c91f9);
background-image: -moz-linear-gradient(top, #38a9fb, #2c91f9);
background-image: -o-linear-gradient(top, #38a9fb, #2c91f9);
background-image: -ms-linear-gradient(top, #38a9fb, #2c91f9);
background-image: linear-gradient(to bottom, #38a9fb, #2c91f9);
color: #fff;
}

#nyhetsbrev input[type=text], #nyhetsbrev input[type=email], .button {
display: inline-block;
padding: 12px 15px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
border: none;
font-size: 14px;
font-weight: bold;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #606060;
outline: none;
-webkit-transition: 200ms all ease;
-moz-transition: 200ms all ease;
-o-transition: 200ms all ease;
-ms-transition: 200ms all ease;
transition: 200ms all ease;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
}

#nyhetsbrev .button {
margin-left: 10px;
display: inline-block;
padding: 12px 15px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
border: none;
font-size: 14px;
font-weight: bold;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #606060;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
color:#fff;
}

.button.blue:hover {
background-image: -webkit-linear-gradient(top, #4fb0fa, #3d99f7);
background-image: -moz-linear-gradient(top, #4fb0fa, #3d99f7);
background-image: -o-linear-gradient(top, #4fb0fa, #3d99f7);
background-image: -ms-linear-gradient(top, #4fb0fa, #3d99f7);
background-image: linear-gradient(to bottom, #4fb0fa, #3d99f7);
}

/* Hotell */
.hotell { float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dbdbdb; display:table; }
.hotelllogo { float:left; width:15%; display:table-cell; }
.hotellinfo { float:left; width:auto; width:82%; margin-left:5%; display:table-cell; }
.hotellort { font-size:15px; color:#666; margin-bottom:10px; }
.hotellnamn { font-size:20px; font-weight:bold; margin-bottom:15px; line-height:25px; margin-top:10px;}
.hotellnamn h1 { margin:0; }
.hotelladress { font-size:13px; }
.hotellreferens { font-size:12px; margin-top:5px; }
.hotellkortinfo { margin-top:15px; }
.hotellkortinfo p { margin:0; }
.hotellpris { float:left; width:15%; margin-left:5%; text-align:center; font-size:22px; display:table-cell; vertical-align:middle; }
.hotellpris .pristext { font-size:18px; }
.hotellpris .prispris { font-size:22px; }
.hotellpris #nyhetsbrev { background:none; }

.lasmer {
background-image:-webkit-linear-gradient(top, #38a9fb, #2c91f9);
background-image:-moz-linear-gradient(top, #38a9fb, #2c91f9);
background-image:-o-linear-gradient(top, #38a9fb, #2c91f9);
background-image:-ms-linear-gradient(top, #38a9fb, #2c91f9);
background-image:linear-gradient(to bottom, #38a9fb, #2c91f9);
color:#fff;
display:inline-block;
padding:12px 15px;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15); box-shadow:0 1px 1px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.15);
border:none;
font-size:14px;
font-weight:bold;
-webkit-border-radius:5px; border-radius:5px;
outline:none;
-webkit-transition:200ms all ease; -moz-transition:200ms all ease; -o-transition:200ms all ease; -ms-transition:200ms all ease; transition:200ms all ease;
-webkit-font-smoothing:antialiased;
-webkit-appearance:none;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
cursor:pointer;
}

.lasmer a, a.lasmer { color:#fff; text-decoration:none; }
.lasmer a:hover { background:none !important; }

.lasmer:hover {
background-image:-webkit-linear-gradient(top, #4fb0fa, #3d99f7);
background-image:-moz-linear-gradient(top, #4fb0fa, #3d99f7);
background-image:-o-linear-gradient(top, #4fb0fa, #3d99f7);
background-image:-ms-linear-gradient(top, #4fb0fa, #3d99f7);
background-image:linear-gradient(to bottom, #4fb0fa, #3d99f7);
}

.lasmer-start { max-width:80px; width:auto !important; float:left !important; }

.paket-hela #left-column .lasmer { float:left; width:49%; height:76px; margin:0; }
.paket-hela #left-column .lasmer-boka { line-height:52px; height:76px; margin:0 1% 0 0; }

/* Hotellinfo */
#hotellinfo .hotellnamn { font-size:26px; float:left; margin-bottom:10px; width:100%; }
#hotellinfo .hotellort { float:left; width:100%; }
#hotellinfo .hotellreferens { width:100%; float:left; }
#hotellinfo .hotell1 { width:100%; float:left; }
#hotellinfo .hotelllogo { width:20%; margin-left:5%; margin-bottom:10px; float:right; }
#hotellinfo .hotelllogo img { display:block; max-width:100%; max-height:56px; }
#hotellinfo .hotell2 { width:100%; }
#hotellinfo .hotell2 .snabbfakta { float:left; width:100%; border-top:1px solid #e1e1e1; margin-top:15px; padding-top:20px; font-size:13px; }
#hotellinfo .hotell2 .snabbfakta h3 { font-size:18px; }
#hotellinfo .hotell2 .snabbfakta .snabb1, #hotellinfo .hotell2 .snabbfakta .snabb2 { float:left; width:100%; }
#hotellinfo .hotell2 .snabbfakta .klass { float:left; width:auto; margin-right:20px; }
#hotellinfo .hotell2 .snabbfakta .cert { float:left; width:auto; margin-right:20px; margin-top:20px; }
#hotellinfo .hotellbild { float:right; max-width:500px; margin-left:15px; }
#hotellinfo .hotellpris { float:left; }
#hotellinfo .hotellinfo { float:left; margin:0; width:auto; }
#hotellinfo .hotellkontakt { float:left; width:100%; margin-top:20px; }
#hotellinfo .hotellkontakt h3 { border-bottom:1px solid #000; }
#hotellinfo .hotellhemsida { float:right; }
#hotellinfo .hotellhemsida .button { padding:20px 25px; margin:0; }
#hotellinfo .hotellhemsida #nyhetsbrev { padding-bottom:15px; }
#hotellinfo .seaven { margin-top:20px; padding-top:20px; border-top:1px solid #e1e1e1; float:left; width:100%; }
#hotellinfo .seaven a { margin-left:10px; }

/* S�kresultat */
.hotellresultat1 { float:left; padding:10px 0; width:100%; }
.hotellresultat1 img.aktivitet { display:inline-block !important; vertical-align:bottom; width:auto !important; height:15px; }
.hotellresultat1 a, .hotellresultat1 a:visited, .hotellresultat1 a:active { text-decoration:none; color:#5390be; }
.hotellresultat1 a:hover { text-decoration:underline; }
.hotellresultat2 { float:left; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e1e1e1; }
.hotellresultat2 .hotellinfo { margin-left:0; float:left; }
.hotellresultat2 .hotellnamn { margin-bottom:5px; }
.hotellresultat2 .hotellbild { float:right; }
.hotellresultat2 .hotellsnabbinfo { margin-top:15px; font-size:13px; color:#666; line-height:18px; }
.hotellresultat2 .hotellsnabbinfo img { display:inline-block !important; vertical-align:bottom; }
.hotellresultat2 a, .hotellresultat2 a:visited, .hotellresultat2 a:active { text-decoration:none; }
.hotellresultat2 a:hover { background:#306993; }


/* S�kresultat - Tabs */
.tab-container .panel2 { border:none !important; border-top:1px solid #c8c8c8 !important; background:none !important; }
.tab-container .panel2 h2 { margin-top:10px; }
.tab-container .panel2 .snabb-topp { font-weight:400; border-bottom:1px solid #e1e1e1; padding-bottom:15px; width:35%; float:left; }
.tab-container .panel2 .snabb-topp .anlaggningsnamn { margin-left:0; font-size:13px; }
.tab-container .panel2 .snabb-topp2 { font-weight:400; border-bottom:1px solid #e1e1e1; padding-bottom:15px; width:65%; float:right; }
.tab-container .panel2 .snabb-topp2 div { margin:0 2%; float:left; font-size:13px; }
.tab-container .panel2 .snabb-topp2 .ort,
.tab-container .panel2 .snabb-topp2 .konferens,
.tab-container .panel2 .snabb-topp2 .baddar,
.tab-container .panel2 .snabb-topp2 .restaurang,
.tab-container .panel2 .snabb-topp2 .aktivitet { width:14%; text-align:center; }
.tab-container .panel2 .snabb-topp2 .bopabana { width:25%; text-align:center; }
.tab-container .panel2 .snabb-topp2 .separator { margin:0; float:left; width:2%; text-align:center; }
.tab-container .panel2 .hotellresultat1 .anlaggningsnamn { width:34%; float:left; padding-left:1%; }
.tab-container .panel2 .hotellresultat1 .snabb-topp2 { font-weight:400; border:0; padding:0; margin:0; }
.tab-container .panel2 .hotellresultat1 span { margin:0 5px; }
.tab-container .panel2 .hotellresultat1 span.first1 { margin-left:0; }
/* .tab-container .panel2 .karta { } */

/* Hotellinfo - Tabs */
#tab-container { float:left; width:100%; margin-top:15px; }
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #c8c8c8; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; margin-top:1px; }
.tab a { font-size:14px; line-height:2em; display:block; padding:0 10px; outline:none; text-decoration:none; color:#3d3b3b; }
.tab a:hover { text-decoration:underline; }
.tab a:visited { color:#3d3b3b; }
.tab.active { background:#fff; padding-top:6px; position:relative; top:1px; border-color:#c8c8c8; }
.tab a:active { font-weight:bold; color:#3d3b3b; }
.tab-container .panel-container { background: #fff; padding: 10px; width:97%; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; float:left; }
/* border: solid #c8c8c8 1px; tog bort kanten 210615 Lennart */
.panel-container { margin-bottom: 10px; }

/* Avancerad sökning */
.mellan_paket { float:left; display:inline-block; padding:0; width:99%;height:1px; margin:0; }
.sehemsidaknapp { float:right; margin:10px; }

.sok1_start { margin:-4px 50px 8px 0; }
.sok2_start { margin:4px 50px 18px 0; }
.sok3_start { margin:8px; }
.sok4_start { margin:18px 50px 8px 0; }
.sok5_start { margin:16px 40px 0 0; }
.sok6_start { margin:2px 40px 0px 0; }

.sokknapp { background:#5390be; color:#fff; padding:5px; }

select#Omrade, select.Ort { background:#FFF; color:#666; text-shadow:none; font-weight:normal; border:1px solid #999; outline:0; padding-left:10px; height:35px; width:350px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:17px; }
input[name="AntalPersoner"], input[name="AntalOvernattande"] { width:22px; height:20px; margin-right:5px; background-color:#f8f8f8; border:1px solid #d3d3d3; text-align:center; }

/* Bokningsformul�r */
.bokning-hela { width:100%; float:left; }
.bokning-hela1 { float:left; width:32%; }
.bokning-hela2 { float:left; width:32%; }
.bokning-hela3 { float:left; width:32%; }
.bokning-hela input[name="Ankomst"], .bokning-hela input[name="Avresa"] { border:1px solid #999; width:150px; height:22px; }
.bokning-hela input[name="AntalPersoner"], .bokning-hela input[name="AntalDubbelrum"], .bokning-hela input[name="AntalEnkelrum"] { border:1px solid #999; width:35px; height:22px; text-align:center; }
.bokning-hela input[name="Foretag"], .bokning-hela input[name="Kontaktperson"], .bokning-hela input[name="Mobil"], .bokning-hela input[name="Epost"] { width:150px; height:22px; }
.bokning-hela textarea[name="Meddelande"] { width:200px; height:50px; }
.bokning-hela input[name="captchacode"] { width:44px; height:22px; }
.bokning-hela .obligatorisk { font-size:16px; }
.bokning-hela .small { font-size:11px; color:#999; width:100%; float:left; }
.bokning-hela .datepicker1 { float:left; width:100%; margin-bottom:20px; }
.bokning-hela .datepicker1 input { float:left; width:auto; }
.bokning-hela .datepicker1 img { float:left; width:auto; }

#mobile-menu { display:none; }

/* V�ra webbplatser */
.webbplatser p { float:left; width:auto; margin-right:30px; font-size:20px; }
.webbplatser p a { text-decoration:none; color:#575757; }
.webbplatser p a:hover { text-decoration:underline; }

/* Footer/Sidfot */
footer a { color:#fff; text-decoration:none; }
footer a:hover { text-decoration:underline; }


/* Responsive */
@media (max-width:1250px) {
	header #header { padding:0 10px; }
	section #section { padding:0 15px; }
	footer #footer { padding:0 15px; }
	#top .logo { padding:20px 0 20px 3%; }
	nav { width:72%; }
	nav ul li a { padding:10px; }
}

@media (max-width:990px) {
	header .image-container { padding:10px 0; }
	header h2.title { font-size:36px; margin-bottom:15px; }
}

@media (max-width:950px) {
  #annonser { padding:0 10px 40px 10px; }
	header .image-container { padding:15px 0; }
	.image-container img { max-width:350px; }
	#cssmenu span, #cssmenu a { font-size:12px; }
	header h2.title { margin-bottom:5px; }
	#cssmenu a { line-height:120%; }
	nav { line-height:70px; }
	header .search { /*background:url(../images/cirkel_300.png) top center no-repeat;*/ height:285px; width:300px; padding-top:15px; }
	.tab-container .panel2 .snabb-topp2 div { font-size:12px; }
	#searchform .textbox { width:240px; font-size:12px; }
  .startsida #searchform .textbox { width:190px; }
	#searchform #searchsubmit { width:30px; font-size:12px; }
	.stader a, .regioner a { font-size:13px; }
	.stader { width:60%; }
	.regioner { width:35%; }
	.skickapaket { max-width:134px; }
  .angeort { display:block; width:100%; text-align:center; margin-bottom:-10px; margin-top:15px; }
  #searchform .textbox.ui-autocomplete-input { font-size:16px; }
  #searchform #searchsubmit { font-size:16px; width:40px; }
  header h2.title { line-height:32px; }
  .startsida .ui-autocomplete-input::-webkit-input-placeholder {
     color:transparent;
  }

  .startsida .ui-autocomplete-input:-moz-placeholder { /* Firefox 18- */
     color:transparent;
  }

  .startsida .ui-autocomplete-input::-moz-placeholder {  /* Firefox 19+ */
     color:transparent;
  }

  .startsida .ui-autocomplete-input:-ms-input-placeholder {
     color:transparent;
  }
}

@media (max-width:820px) {
	.bokning-paket1 textarea { max-width:150px; }
}

@media (max-width:790px) {
	header .image-container { width:100%; }
	header h2.title { font-size:32px; }
	body { -webkit-background-size:auto 100%; -moz-background-size:100%; -o-background-size:auto 100%; background-size:auto 100%; }
	.tab-container .panel2 .snabb-topp { width:99%; border:none; padding-bottom:5px; }
	.tab-container .panel2 .snabb-topp .anlaggningsnamn { margin-left:1% }
	.tab-container .panel2 .snabb-topp2 { width:99%; }
	.tab-container .panel2 .snabb-topp2 .ort { margin-left:0; width:100%; }
	.tab-container .panel2 .hotellresultat1 .anlaggningsnamn { width:99%; }
	.tab-container .panel2 .hotellresultat1 .snabb-topp2 { width:100%; }
	.tab-container .panel2 .snabb-topp2 .ort, .tab-container .panel2 .snabb-topp2 .konferens, .tab-container .panel2 .snabb-topp2 .baddar, .tab-container .panel2 .snabb-topp2 .restaurang, .tab-container .panel2 .snabb-topp2 .aktivitet { width:auto; }
	.tab-container .panel2 .snabb-topp2 .ort { margin-left:1%; }
  .hotellresultat2 .hotellbild { display:none; }
}

@media (max-width:720px) {
	nav { width:69%; margin-left:3%; }
	nav #cssmenu li { margin-bottom:5px; }
	.rmm.minimal .rmm-main-list li a { font-size:13px !important; }
	section .left { width:100%; margin:0 auto; }
	section .right { width:100%; margin:20px 0; }
	#top .logo { width:60%; max-width:150px; }
  header .image-container { width:100%; text-align:center; padding:0; }
  header .search { margin:0 25%; margin-top:10px; float:none; }
  .litensok header .search { margin:0 auto; }
  .tab-container .panel-container { border-top:solid #c8c8c8 1px; padding:0; width:100%; }
	.image-container img { margin:0 auto; max-width:280px; }
	header { background-size:inherit; }
	#ads { width:99.5%; }
	header .search { margin-top:10px; }
	#hotellinfo .hotellbild { width:100%; float:left; max-width:none; margin-left:0; }
	#slider1_container { max-width:500px !important; max-height:none !important; width:auto !important; }
	#hotellinfo .hotellkontakt { margin-bottom:15px; }
	.litensok header h2.title { width:100%; margin:10px 0; font-size:24px; line-height:24px; }
	.litensok header #searchform { width:100%; margin:10px 0; }
	.litensok header p { width:100%; margin:0; line-height:20px; }
	.litensok header .image-container { padding:0 0 10px 0; }
  .tab a { padding:0 5px; }
  #oversikt .paket-resten h3 { line-height:26px; margin-top:20px; background:#f1f1f1; padding:10px; }
}

@media (max-width:660px) {
	nav { width:100%; float:left; margin:0 0 10px 0 !important; }
	#top .logo { width:100%; margin:0; }
	.multi-column { column-count:1; column-width:100%; -webkit-column-count:1; -webkit-column-width:100%; -moz-column-count:1; -moz-column-width:100%; }
	.stader { width:40%; }
	.regioner { width:55%; }
	.stader a, .regioner a { font-size:13px; }
	.bokning-hela1, .bokning-paket1 { width:49%; margin-right:2%; }
	.bokning-hela2, .bokning-paket2 { width:49%; }
	.bokning-hela3, .bokning-paket3 { width:100%; margin-top:20px; }
  .paket-hela #left-column .lasmer { margin-top:15px; height:76px; }
  .paket-hela #left-column .lasmer-boka { line-height:52px; height:76px; margin:15px 1% 0 0; }
}

@media (max-width:600px) {
	nav { line-height:30px; }
	#top .logo { max-width:250px; }
  .search-input { display:none; }
  .searchtop { display:block; float:right; padding:50px 30px 50px 5px; }
	footer .col1, footer .col2, footer .col3 { width:90%; padding:0 5%; margin:0 auto; }
	footer .col2, footer .col3 { margin-top:20px; }
	footer .copyright { width:90%; padding:20px 5%; }
	section .infobox1, section .infobox2, section .infobox3 { width:auto; padding:15px; }
	.touch h1 { float: left; text-align: left; }
    .touch ul { clear: both; background: red; margin: 3px 0}
    .touch li { display: block; border-bottom: 1px solid black; }
    .touch article h1 { clear: both; float: none; }
    .js nav { display: none; }
	#searchform .textbox { padding:1px 0 1px 40px; }
	#hotellinfo .hotelllogo { width:auto; }
	.hotellpris #nyhetsbrev .button { padding:10px; }
	.hotellpris .pristext { font-size:14px; }
	.hotellpris .prispris { font-size:16px; }
	.important-box { min-height:390px; }
  section .infoboxes, section .infobox1, section .infobox2, section .infobox3 { text-align:center; float:none; }
  section .infoboxes a, section .infoboxes h2, section .infoboxes p { text-align:center; }
  header .search { margin:0 7%; }
  .litensok header .search { margin:0; }
}

@media (max-width:450px) {
	.hotellinfo { width:100%; margin:0; }
	.hotellpris { width:100%; margin:0; text-align:left; }
	.hotellpris #nyhetsbrev .button { margin:0; }
	.hotellpris #nyhetsbrev { padding-bottom:0; }
	#nyhetsbrev input[type=email] { width:100% !important; max-width:250px; }
	.important-box h3 { font-size:22px; line-height:26px; }
	.regioner { width:100%; }
	.stader { width:100%; margin-left:0; }
	.stader h3 { margin-top:20px; }
	.stader a, .regioner a { font-size:14px; }
	.bokning-hela1, .bokning-paket1 { width:100%; margin:0; }
	.bokning-hela2, .bokning-paket2 { width:100%; margin-top:20px; }
	.bokning-paket1 input { max-width:150px; }
	.bokning-paket2 input[type="radio"] { max-width:50px; }
	.bokning-paket1 textarea { max-width:100%; }
  #hotellinfo .hotelllogo { width:100%; text-align:center; margin:0 auto; float:none; display:block; }
  #hotellinfo .hotelllogo img { text-align:center; margin:0 auto; }
  #hotellinfo .hotellhemsida { float:none; width:100%; text-align:center; margin:15px 0; }
  .hotellhemsida .lasmer { width:100%; }
  .bokning-hela input, .bokning-hela textarea[name="Meddelande"] { width:98% !important; height:28px !important; font-size:20px; }
  .bokning-hela .datepicker1 input { width:90% !important; }
  .bokning-hela input[name="BekrEpost"], .bokning-hela input[name="policy"] { height:22px !important; width:22px !important; }
  .bokning-hela input[name="Send"] { width:auto !important; height:auto !important; }
  #annons_mobil { display:block; padding:0 4%; width:92%; padding-bottom:20px; }
  #annonser { display:none; }
  body { background:#fff; }
  #map.mobil { display:none; }
}

@media (max-width:340px) {
  .paket-hela #left-column .lasmer-boka { line-height:18px; display:table; vertical-align:middle;  }
  .paket-hela #left-column .lasmer-boka a { display:table-cell; vertical-align:middle; }
}


#map_canvas img { max-width: none; }