@import url("reset.css");
@import url("basic.css");
@import url("type.css");
@import url("nav.css");

.link {
cursor: pointer;
}

div#wrapper {
width: 980px;
padding: 0 0 50px;
margin: 25px auto 0;
background: #f3ede4;
position: relative;
}

div#header {
position: relative;
background: url(../img/2.jpg) no-repeat;
height: 217px;
padding: 10px 12px 0 10px;
}

div#header h1 {
float: left;
margin-top: 26px;
}

div#header h1 a img {
display: block;
}

div#search {
position: absolute;
top: 10px;
right: 12px;
}

div#search button {
float: left;
}

div#search .field {
float: left;
width: 180px;
}

div#search .field input {
float: left;
}

span#big-search {
width: 300px;
}

div#functions {
position: absolute;
top: 40px;
right: 12px;
width: 254px;
height: 16px;
overflow: visible;
font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

ul#flags {
float: left;
}

ul#flags li {
float: left;
margin: 2px 6px 0 0;
}

ul#flags li.sv a {
background: url(../img/icons/flags/se.gif) no-repeat left top;
}
ul#flags li.en a {
background: url(../img/icons/flags/gb.gif) no-repeat left top;
}

ul#flags li a {
width: 16px;
height: 11px;
text-indent: -999em;
display: block;
}

ul#functions-generic {
overflow: hidden;
margin-left: -5px;
float: right;
}

ul#functions-generic li {
display: inline;
border-left: 1px solid #fff;
margin-left: -1px;
padding: 0 5px;
}

ul#functions-generic li a {
color: #fff;
}

ul#functions-lang {
float: left;
width: 75px;
height: 16px;
}

ul#functions-lang li {
float: left;
}

ul#functions-lang li a {
float: left;
width: 16px;
height: 15px;
margin: 0 7px 0 0;
background: no-repeat left 50%;
text-indent: -999em;
overflow: hidden;
}

ul#functions-lang li#lang-se a {
background-image: url(../img/icons/flags/se.gif);
}

ul#functions-lang li#lang-en a {
background-image: url(../img/icons/flags/gb.gif);
}

ul#navigation {
float: left;
clear: both;
margin-top: 22px;
padding-top: 5px;
width: 100%;
}

div#main {
float: left;
display: inline;
width: 700px;
margin: 0 10px 10px;
padding: 10px;
background: #fff url(../img/main-top.gif) no-repeat left top;
}

div#main.full {
width: 940px;
background: #fff url(../img/main-top-full.gif) no-repeat left top;
}

div#main-content-col-2 {
float: left;
width: 200px;
margin: 0 10px 0 0;
}

div#main-content-col-1 {
overflow: hidden;
float: right;
width: 490px;
}

div.main-content-padding {
padding: 0 15px;
}

div#side {
float: right;
width: 230px;
margin: 0 10px 0 0;
}

#footer {
width: 960px;
clear: both;
margin: 10px;
background: #fff url('../img/footer-top.png') no-repeat left top;
color: #787878;
font-size: 12px;
}

#footer span {
display: block;
padding: 14px 15px 4px;
}

#footer img {
border-top: 1px solid #cfcfcf;
margin: 0 0 0 15px;
padding: 13px 0 18px;
}

#footer .partners {
width: 940px;
border-top: 1px solid #cfcfcf;
margin: 0 auto;
padding: 13px 0 18px;
}

#footer-nav {
padding: 6px 20px 0;
height: 39px;
background: #fff url('../img/footer.png') no-repeat left bottom;
}

#footer-nav li {
float: left;
margin: 0 10px 0 0;
}

#footer-nav li:first-child a {
border: none;
padding: 0;
}

#footer-nav a:hover {
color: #333;
}

#footer-nav a {
color: #8e8e8f;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
border-left: 1px solid #8e8e8f;
padding: 0 0 0 10px;
}

#footer .partners li {
float: left;
background: url('../img/footer-partners.png') no-repeat;
overflow: hidden;
text-indent: -9999px;
}

#footer .partners .lansforsakringar {
width: 105px;
height: 21px;
margin: 15px 0 0 14px;
}

#footer .partners .screenbolaget {
width: 54px;
height: 20px;
background-position: 0 -21px;
margin: 15px 0 0 32px;
}

#footer .partners .viamare {
width: 32px;
height: 37px;
background-position: 0 -41px;
margin: 7px 0 0 36px;
}

#footer .partners .ohrlings {
width: 105px;
height: 28px;
background-position: 0 -78px;
margin: 10px 0 0 33px;
}

#footer .partners .uppsalael {
width: 92px;
height: 30px;
background-position: 0 -106px;
margin: 12px 0 0 33px;
}

#footer .partners .nackakommun {
width: 52px;
height: 25px;
background-position: 0 -136px;
margin: 12px 0 0 28px;
}

#footer .partners .haningekommun {
width: 69px;
height: 22px;
background-position: 0 -161px;
margin: 14px 0 0 36px;
}

#footer .partners .nynashamn {
width: 42px;
height: 43px;
background-position: 0 -183px;
margin: 0 0 0 31px;
}

#footer .partners .varmdokommun {
width: 108px;
height: 28px;
background-position: 0 -226px;
margin: 12px 0 0 29px;
}

div#shopping-cart {
background: url(../img/shopping-cart/bac.png) repeat-y left top;
margin: 0 0 10px;
}

div#shopping-cart-wrap-sv {
background: url(../img/shopping-cart/bottom.png) no-repeat left bottom;
}

div#shopping-cart-wrap-en {
background: url(../img/shopping-cart/bottom.png) no-repeat left bottom;
}

div#shopping-cart-wrap-sv h2 {
margin: 0;
background: url(../img/shopping-cart/head-sv.gif) no-repeat left top;
height: 25px;
text-indent: -999em;
overflow: hidden;
}

div#shopping-cart-wrap-en h2 {
margin: 0;
background: url(../img/shopping-cart/head-en.gif) no-repeat left top;
height: 25px;
text-indent: -999em;
overflow: hidden;
}

div#shopping-cart-wrap-sv iframe {
padding: 15px 5px 0 10px;
width: 185px;
height: 115px;
background: url(../img/shopping-cart/iframe-bac.png) no-repeat left top;
}

div#shopping-cart-wrap-en iframe {
padding: 15px 5px 0 10px;
width: 185px;
height: 115px;
background: url(../img/shopping-cart/iframe-bac.png) no-repeat left top;
}

a#shopping-cart-link {
margin: 0 0 10px;
}

/* Startsidan */

body#start div#main {
background-image: url(../img/main-top-start.gif);
}

#start-flash {
overflow: visible;
position: relative;
margin: 0 0 10px;
}

div#start-evenemang {
min-height: 158px;
}

* html div#start-evenemang {
height: 158px;
}

div#main-evenemang {
min-height: 420px;
}

* html div#main-evenemang {
height: 420px;
}

div#start-puffar {
margin: 0 -10px;
width: 500px;
}

div#start-puffar div {
float: left;
margin: 0 0 0 10px;
width: 156px;
font-size: 0.83em;
}

div#start-puffar div ul {
margin: 4px;
}

div#start-puffar div a {
color: #000;
font-weight: normal;
}

div#start-puffar div p {
margin: 8px 4px 4px 4px;
}

div#start-puffar div p a {
color: #0079C2;
}


/* Konferera hos oss */
div#book-conference, div#book-online {
margin: 0 0 10px;
}

div#book-conference p, div#book-online p {
margin: 0;
}

div#book-conference p a, div#book-online p a {
display: block;
height: 34px;
text-indent: -999em;
overflow: hidden;
background: url(../img/boka-evenemang.gif) no-repeat left top;
}

div#book-conference p a:hover, div#book-online p a:hover {
background-position: left bottom;
}

div#book-conference p a {
background-image: url(../img/konferera-hos-oss.gif);
}

/* Bokning */
/*div#booking {
float: left;
width: 688px;
margin: 20px 0 0;
background: url(../img/booking-bac.gif);
}

div#booking-wrap {
background: url(../img/booking-top.gif) no-repeat;
}

div#booking-wrap-2 {
background: url(../img/booking-bottom.gif) no-repeat bottom;
padding: 6px;
}

div#booking h3 {
padding: 0 10px;
height: 28px;
line-height: 28px;
background: no-repeat;
color: #fff;
}

div#booking-col-1 {
float: left;
overflow: hidden;
width: 207px;
height: 411px;
margin: 0 3px 0 0;
padding: 0 8px;
background: #f3ede4 url(../img/booking-col-1-bottom.gif) no-repeat left bottom;
color: #474747;
}

div#booking-col-1 h3 {
width: 223px;
margin: 0 -8px 10px;
background-image: url(../img/booking-head-1.gif)
}

div#booking-col-2 {
float: left;
width: 450px;
}

div#booking-col-2 h3 {
background-image: url(../img/booking-head-2.gif)
}

 endast för dummyn 
div#booking-col-2 img {
display: block;
}*/

/* Webbplatsöversikt */
ul#sitemap ul {
margin: 0 0 0 1em;
}

/* Fasta moduler */

div#ta-mig-till-skargarden p {
margin: 0;
}

div#radio {
position: relative;
}

div#radio h3 {
text-indent: -999px;
margin-bottom: 51px;
overflow: hidden;
}

div#radio a {
display: block;
background: url(../img/radio.png) no-repeat left top;
width: 199px;
height: 89px;
text-indent: -999em;
overflow: hidden;
position: absolute;
top: -16px;
left: 10px;
}

div#radio a.en {
background: url(../img/skargards-radion-en.png) no-repeat left top;
}

div#ta-mig-till-skargarden {
margin-right: -50px;
margin-bottom: 5px;
}

div#ta-mig-till-skargarden p a {
display: block;
width: 280px;
height: 247px;
overflow: hidden;
text-indent: -999em;
background: url(../img/ta-mig-till-skargarden.png) no-repeat;
}

/* Paket */

div.module-2 {
position: relative;
height: 226px;
padding: 0 0 42px;
margin: 0 0 10px;
background: url(../img/module-2/bac.gif) repeat-y left top;
}

div.module-2 div.module-wrapper {
height: 226px;
background: url(../img/module-2/top.gif) no-repeat left top;
}

div.module-2 div.module-content {
position: absolute;
bottom: 50px;
left: 10px;
width: 160px;
padding: 15px 10px 10px;
background: url(../img/white-80.png);
z-index: 100;
}

div.module-2 div.module-content h3 {
font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}

div.module-2 h2 {
position: absolute;
bottom: 0px;
width: 100%;
height: 42px;
margin: 0;
background: no-repeat left top;
text-indent: -999em;
}

div.module-2 img {
position: absolute;
top: 3px;
left: 3px;
}

div.module-2 p {
margin: 0;
font-size: 0.9em;
}

div#module-paket-sv h2 {
background-image: url(../img/rub-boka-nu.gif);
}

div#module-paket-en h2 {
background-image: url(../img/rub-boka-nu-en.gif);
}

div#module-besok-oss-sv h2 {
background-image: url(../img/rub-besok-oss.gif);
}

div#module-besok-oss-en h2 {
background-image: url(../img/rub-besok-oss-en.gif);
}

div#module-konferens p {
margin: 0;
}

div#module-konferens p a {
display: block;
height: 124px;
background: url(../img/start-konferens-2.jpg) no-repeat;
text-indent: -999em;
overflow: hidden;
}

div#module-konferens p a.en {
background: url(../img/start-konferens-2-en.jpg) no-repeat;
}

/* Filter för sidmodulerna */

div#side-module-filter {
font: 0.83em/2 Verdana, Arial, Helvetica, sans-serif;
}

div#side-module-filter select {
font: 0.9em/1.2 Verdana, Arial, Helvetica, sans-serif;
width: 107px;
}

div#side-module-filter strong {
color: #656565;
}

div#side-module-filter h3 {
margin-bottom: 3px;
}

div#side-module-filter-col-1 {
float: left;
width: 112px;
}

div#side-module-filter-col-2 {
float: left;
width: 127px;
}

/* Klasser */

p.wide-picture {
margin: 0 -15px;
width: 490px;
height: 115px;
overflow: hidden;
}

p.wide-picture img, img.wide-picture {
display: block;
}

/* Formular */

.button-gray {
padding: 0;
border: none;
overflow: visible;
cursor: pointer;
white-space: nowrap;
background: transparent;
font: bold 10px/1 Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: -1px;
}

#searchbutton {
width: 72px;
}

.button-gray span {
display: block;
padding: 0 10px 0 0;
background: url(../img/button-gray.gif) no-repeat right top;
}

.button-gray span span {
display: block;
padding: 0 0 0 10px;
background: url(../img/button-gray.gif) no-repeat left top;
height: 22px;
line-height: 22px;
}

.field {
display: block;
height: 22px;
padding: 0 0 0 5px;
background: url(../img/search-field.gif) no-repeat left;
}

.field input {
display: block;
border: 0;
height: 17px;
padding: 5px 0 0;
width: 100%;
background: url(../img/search-field.gif) no-repeat right;
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

a.button-rounded {
display: block;
background: url(../img/button-rounded.gif) left top;
padding: 0 0 0 10px;
color: #606261;
text-decoration: none;
text-align: center;
line-height: 25px;
}

a.button-rounded span {
display: block;
background: url(../img/button-rounded.gif) right top;
padding: 0 10px 0 0;
}

/* Rundade hörn */

div.mask-wrapper {
position: relative;
}

div.mask-size-6 {
position: absolute;
width: 6px;
height: 6px;
background: url(../img/rounded-6px.png) no-repeat;
}

div.mask-size-3 {
position: absolute;
width: 3px;
height: 3px;
background: url(../img/rounded-3px.png) no-repeat;
}

div.mask-size-paket {
position: absolute;
width: 11px;
height: 11px;
background: url(../img/rounded-paket.png) no-repeat;
}

div.mask-top-left {
top: 0px;
left: 0px;
background-position: left top;
}

div.mask-top-right {
top: 0px;
right: 0px;
background-position: right top;
}

div.mask-bottom-left {
bottom: 0px;
left: 0px;
background-position: left bottom;
}

div.mask-bottom-right {
bottom: 0px;
right: 0px;
background-position: right bottom;
}

div.mask-size-paket.mask-top-left {
background-image: url(../img/rounded-paket-tl.png);
}

div.mask-size-paket.mask-top-right {
background-image: url(../img/rounded-paket-tr.png);
}

/* Väder */

div#weather {
background: url(../img/weather-bac.png) no-repeat;
height: 118px;
width: 218px;
padding: 7px;
margin: 0 0 8px;
}

div#weather li#weather-current {
float: left;
width: 96px;
height: 116px;
margin: 0 5px 0 0;
padding: 0 7px;
background: url(../img/white-50.png);
text-align: center;
}

div#weather li#weather-current span {
display: block;
background: no-repeat left top;
width: 96px;
height: 96px;
}

div#weather li#weather-today, div#weather li#weather-tomorrow {
float: left;
width: 93px;
height: 55px;
padding: 0 4px;
background: url(../img/white-50.png);
font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#weather li#weather-today {
margin: 0 0 5px;
height: 56px;
}

div#weather li#weather-current, span.weather-header {
font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
}

span.weather-degrees {
display: block;
padding: 2px 0 3px 36px;
width: 57px;
background: no-repeat 0 50%;
}

span.weather-high {
color: #be190d;
font-weight: bold;
}

span.weather-low {
color: #3643a1;
font-weight: bold;
}

/* Väder koder */

/* Blixt-ikon */
div#weather li.code-3 span.weather-degrees, div#weather li.code-4 span.weather-degrees, div#weather li.code-37 span.weather-degrees, div#weather li.code-38 span.weather-degrees, div#weather li.code-39 span.weather-degrees, div#weather li.code-45 span.weather-degrees, div#weather li.code-47 span.weather-degrees {
background-image: url(../img/weather/32x32/code-3.png)
}

div#weather li.code-3#weather-current span, div#weather li.code-4#weather-current span, div#weather li.code-37#weather-current span, div#weather li.code-38#weather-current span, div#weather li.code-39#weather-current span, div#weather li.code-45#weather-current span, div#weather li.code-47#weather-current span {
background-image: url(../img/weather/96x96/code-3.png)
}

/* Regn-ikon */
div#weather li.code-5 span.weather-degrees, div#weather li.code-6 span.weather-degrees, div#weather li.code-8 span.weather-degrees, div#weather li.code-9 span.weather-degrees, div#weather li.code-10 span.weather-degrees, div#weather li.code-11 span.weather-degrees, div#weather li.code-12 span.weather-degrees, div#weather li.code-35 span.weather-degrees, div#weather li.code-40 span.weather-degrees {
background-image: url(../img/weather/32x32/code-11.png)
}

div#weather li.code-5#weather-current span, div#weather li.code-6#weather-current span, div#weather li.code-8#weather-current span, div#weather li.code-9#weather-current span, div#weather li.code-10#weather-current span, div#weather li.code-11#weather-current span, div#weather li.code-12#weather-current span, div#weather li.code-35#weather-current span, div#weather li.code-40#weather-current span {
background-image: url(../img/weather/96x96/code-11.png)
}

/* Snö */
div#weather li.code-13 span.weather-degrees, div#weather li.code-14 span.weather-degrees, div#weather li.code-15 span.weather-degrees, div#weather li.code-16 span.weather-degrees, div#weather li.code-41 span.weather-degrees, div#weather li.code-42 span.weather-degrees, div#weather li.code-43 span.weather-degrees, div#weather li.code-46#weather-current span {
background-image: url(../img/weather/32x32/code-16.png)
}

div#weather li.code-13#weather-current span, div#weather li.code-14#weather-current span, div#weather li.code-15#weather-current span, div#weather li.code-16#weather-current span, div#weather li.code-41#weather-current span, div#weather li.code-42#weather-current span, div#weather li.code-43#weather-current span, div#weather li.code-46#weather-current span {
background-image: url(../img/weather/96x96/code-16.png)
}

/* Hagel */
div#weather li.code-7 span.weather-degrees, div#weather li.code-17 span.weather-degrees, div#weather li.code-18 span.weather-degrees {
background-image: url(../img/weather/32x32/code-17.png)
}

div#weather li.code-7#weather-current span, div#weather li.code-17#weather-current span, div#weather li.code-18#weather-current span {
background-image: url(../img/weather/96x96/code-17.png)
}

/* Dimma */
div#weather li.code-19 span.weather-degrees, div#weather li.code-20 span.weather-degrees, div#weather li.code-21 span.weather-degrees, div#weather li.code-22 span.weather-degrees {
background-image: url(../img/weather/32x32/code-20.png)
}

div#weather li.code-19#weather-current span, div#weather li.code-20#weather-current span, div#weather li.code-21#weather-current span, div#weather li.code-22#weather-current span {
background-image: url(../img/weather/96x96/code-20.png)
}

/* Vind ikon */
div#weather li.code-0 span.weather-degrees, div#weather li.code-1 span.weather-degrees, div#weather li.code-2 span.weather-degrees, div#weather li.code-23 span.weather-degrees, div#weather li.code-24 span.weather-degrees {
background-image: url(../img/weather/32x32/code-24.png)
}

div#weather li.code-0#weather-current span, div#weather li.code-1#weather-current span, div#weather li.code-2#weather-current span, div#weather li.code-23#weather-current span, div#weather li.code-24#weather-current span {
background-image: url(../img/weather/96x96/code-24.png)
}

/* Kallt */
div#weather li.code-25 span.weather-degrees {
background-image: url(../img/weather/32x32/code-25.png)
}

div#weather li.code-25#weather-current span {
background-image: url(../img/weather/96x96/code-25.png)
}

/* Moln */
div#weather li.code-26 span.weather-degrees {
background-image: url(../img/weather/32x32/code-26.png)
}

div#weather li.code-26#weather-current span {
background-image: url(../img/weather/96x96/code-26.png)
}

/* Mostly - natt */
div#weather li.code-27 span.weather-degrees {
background-image: url(../img/weather/32x32/code-27.png)
}

div#weather li.code-27#weather-current span {
background-image: url(../img/weather/96x96/code-27.png)
}

/* Mostly - dag */
div#weather li.code-28 span.weather-degrees {
background-image: url(../img/weather/32x32/code-28.png)
}

div#weather li.code-28#weather-current span {
background-image: url(../img/weather/96x96/code-28.png)
}

/* Partly - natt */
div#weather li.code-29 span.weather-degrees {
background-image: url(../img/weather/32x32/code-29.png)
}

div#weather li.code-29#weather-current span {
background-image: url(../img/weather/96x96/code-29.png)
}

/* Partly - dag */
div#weather li.code-44 span.weather-degrees, div#weather li.code-30 span.weather-degrees {
background-image: url(../img/weather/32x32/code-30.png)
}

div#weather li.code-44#weather-current span, div#weather li.code-30#weather-current span {
background-image: url(../img/weather/96x96/code-30.png)
}

/* Måne */
div#weather li.code-31 span.weather-degrees {
background-image: url(../img/weather/32x32/code-31.png)
}

div#weather li.code-31#weather-current span {
background-image: url(../img/weather/96x96/code-31.png)
}

/* Sol */
div#weather li.code-36 span.weather-degrees, div#weather li.code-32 span.weather-degrees {
background-image: url(../img/weather/32x32/code-32.png)
}

div#weather li.code-36#weather-current span, div#weather li.code-32#weather-current span {
background-image: url(../img/weather/96x96/code-32.png)
}

/* Lätt - natt */
div#weather li.code-33 span.weather-degrees {
background-image: url(../img/weather/32x32/code-33.png)
}

div#weather li.code-33#weather-current span {
background-image: url(../img/weather/96x96/code-33.png)
}

/* Lätt - dag */
div#weather li.code-34 span.weather-degrees {
background-image: url(../img/weather/32x32/code-34.png)
}

div#weather li.code-34#weather-current span {
background-image: url(../img/weather/96x96/code-34.png)
}

/* Modules */

div.module-1 {
background: #fff url(../img/module-1/bac.gif) repeat-y left;
margin: 0 0 10px;
width: 230px;
}

div.module-1 div.module-content {
padding: 0 4px 4px;
background:  url(../img/module-1/bottom.gif) no-repeat left bottom;
}

div.module-1 h3 {
overflow: visible;
width: 220px;
padding: 6px 0 6px 10px;
margin: 0 0 0 -4px;
background: #f4f5f7 url(../img/module-1/head.gif) no-repeat left top;
font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
}

div.module-1 p {
margin: 5px;
font: 0.83em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

div.module-1 img {
float: left;
margin-right: 5px;
}

div.module-1 div.mask-wrapper {
float: left;
}

div#puff1 {
margin-right: 10px;
}

div.module-3 {
margin: 0 0 10px;
float: left;
width: 240px;
background: url(../img/module-3/bac.gif) repeat-y left top;
}

div.module-3 div.module-wrapper {
background: url(../img/module-3/top.gif) no-repeat left top;
}

div.module-3 div.module-content {
background: url(../img/module-3/bottom.gif) no-repeat left bottom;
padding: 0 4px 4px;
}

div.module-3 p {
margin: 5px;
font: 0.83em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

div.module-3 h3 {
overflow: visible;
padding: 6px 0 6px 10px;
margin: 0 -4px;
background: #f4f5f7 url(../img/module-3/top.gif) no-repeat left top;
font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
}

div.module-3 img {
float: left;
margin-right: 5px;
}
/*

	<div class="module-4">
		<h3>Boka paket!</h3>
		<div class="module-content">
			<div class="inner">
				
			</div>
		</div>
	</div>

*/
.module-4 {
margin: 0 0 10px;
}

.module-4 h3 {
margin: 0;
padding: 0 13px;
height: 35px;
line-height: 40px;
background: url('../img/module-4/top.png');
color: #fff;
font-size: 14px;
}

.module-4 .module-content {
padding: 0 0 6px;
background: url('../img/module-4/bottom.png') no-repeat left bottom;
}

.module-4 .module-content .inner {
padding: 2px 3px 10px;
background: url('../img/module-4/bg.png');
}

.module-4 .gradient {
padding: 10px;
background: #c9ecf9 url('../img/module-4/gradient.png') no-repeat;
border-bottom: 1px solid #a1d5ee;
}

.module-4 .gradient p {
font-size: 11px !important;
font-size: 14px;
margin-bottom: 8px;
}

/* Error-ruta */

div.message-box-mail,
div.message-box-error {
border: 1px solid #c7b2a5;
background: #f7f3ec no-repeat 10px 12px;
padding: 0 10px 0 35px;
margin: 0 0 20px;
font-size: 0.917em;
}

div.message-box-error {
background-image: url(../img/icons/warning.gif);
}

div.message-box-mail {
background-image: url(../img/icons/email-sent.gif);
}

div.message-box-mail p,
div.message-box-error p {
margin: 10px 0;
}

a.link-back {
display: block;
margin: 0 0 1em;
background: url(../img/icons/btnPrev.gif) no-repeat 0 50%;
padding: 0 0 2px 20px;
}
/* Paging */

ul.paging {
float: right;
margin: 0;
font: bold 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

ul.paging li {
display: inline;
}

ul.paging li.back {
background: url(../img/icons/btnPrev.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
}

ul.paging li.forward {
background: url(../img/icons/btnNext.gif) no-repeat 100% 50%;
padding: 2px 20px 2px 0;
}

p.paging-title {
float: left;
margin: 0;
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

p.paging-title span {
font-weight: bold;
}

/* Företagslista */

div.list-filter {
background: #fce299 url(../img/company-list-filter-bottom.gif) no-repeat left bottom;
padding: 0 0 5px;
margin: 0 0 1em;
}

div.list-filter-wrapper {
background: url(../img/company-list-filter-top.gif) no-repeat left top;
padding: 5px 10px;
font: bold 0.833em/1.8 Verdana, Arial, Helvetica, sans-serif;
}

div.list-filter-col-1 {
float: left;
width: 125px;
margin-right: 20px;
}

div.list-filter-col-1 select {
width: 125px;
}

div.list-filter-col-2 {
float: left;
width: 180px;
}

div.list-filter span.field {
float: left;
width: 120px;
}

div.list-filter button.button-gray {
float: left;
width: 50px;
}

.list-filter-options {
border-bottom: 1px solid #ccc;
margin: 0 0 10px;
padding: 0 7px 8px;
}

div.list {
margin: 0 0 1em;
}

div.list-item {
padding: 15px 0;
border-bottom: 1px solid #ccc;
font-size: 0.833em;
}

div.list-item.last {
border: none;
}

div.list-item h4 {
font: bold 1.4em/1 Arial, Helvetica, sans-serif;
margin: 0 0 1em;
}

div.list-item h4 a {
text-decoration: none;
text-transform: uppercase;/*color: #000;*/
}

div.list-item p {
margin: 0;
}

div.list-item p span {
font-weight: bold;
}

div.list-item img {
float: left;
margin: 0 15px 0 0;
}

div.list-item p span {
float: left;
}

div.list-item p a.button-rounded {
float: right;
margin-left: 10px;
}

/* Forumlär */

div.form-generic {
overflow: hidden;
}

div.form-date {
float: left;
width: 140px;
}

div.form-date .field {
width: 120px;
}

div.form-generic .field input {
float: left;
}

div.form-generic label {
clear: both;
font-size: 0.917em;
}

div.form-generic div.form-row {
margin: 0.5em 0;
}

div.form-generic div.active {
border: 1px solid #c7b2a5;
padding: 10px 15px;
}

div.form-row .field {
width: 260px;
}

div.form-postad {
float: left;
}

div.form-postnumber {
float: left;
margin: 0 20px 0 0;
}

div.form-postnumber .field {
width: 60px;
}

div.form-postad .field {
width: 167px;
}

div.form-row span.validator {
float: left;
}


/* DatePicker */

.dpDiv {}

.dpTable {
width:200px;
text-align: center;
color: #555;
background: #fff;
padding: 0;
border: 1px solid #ccc;
}

.dpTable td {
text-align: center;
}

.dpTR {}
.dpTitleTR {}
.dpTitleTR td {}
.dpDayTR {}
.dpTodayButtonTR {}

.dpTD {
padding: 4px;
}

.dpTDDisabled {
padding: 4px;
color:#ccc;
cursor:default;
}

.dpDayHighlightTD {
background-color: #b4cad8;
color: #fff;
}

.dpTDHover {
background-color: #b4cad8;
color: #fff;
cursor: pointer;
}

.dpTitleTD {}

.dpButtonTD {}

.dpTodayButtonTD {
text-align: center;
}

.dpDayTD {
padding: 5px;
font-size: 12px;
font-weight: bold;
}

.dpTitleText {
font-size: 12px;
font-weight: bold;
text-align: center;
margin: 3px 0 0;
color: #000;
}

.dpDayHighlight {
font-weight: bold;
}

.dpButton {
border: 0;
font-weight: bold;
padding: 5px;
background: transparent;
color: #0094c1;
width: auto;
cursor: pointer;
}

.dpButton_previous {
border: 0;
font-weight: bold;
width: 25px;
height: 25px;
background: url("../img/datepicker_prev.gif") no-repeat center;
color: #0094c1;
cursor: pointer;
overflow:hidden;
font-size:11px;
}

.dpButton_next {
border: 0;
border: 0;
font-weight: bold;
width: 25px;
height: 25px;
background: url("../img/datepicker_next.gif") no-repeat center;
color: #0094c1;
cursor: pointer;
overflow:hidden;
font-size:11px;
}

.dpTodayButton {
border: 0;
font-size:10px;
background-color: #b4cad8;
color: #fff;
cursor: pointer;
}

.closeButton {
border: 0;
padding: 4px;
font-size: 10px;
font-weight: bold;
color: #b4cad8;
background: #fff;
cursor: pointer;
}

.dpTimeTR {
text-align:left;
padding-top:5px;
margin-top:5px;
}

.dpTimeTD {
border-top: 1px solid #ccc;
padding-top:5px;
padding-left:5px;
vertical-align:middle;
}

.dpSelect {
padding:0;
display: inline;
vertical-align:middle;
border:1px solid #7f9db9;
font-size:12px;
width:50px;
}

/* Element */

input, button {
vertical-align: middle;
}

div#skargardskartan {
margin-bottom: 8px;
}

.package-wrapper {
width: 712px;
border-bottom: 1px solid #ccc;
margin: 0 0 1em;
}

.package {
width: 226px;
height: 260px;
background: url('../img/package-bg.png');
float: left;
margin: 0 11px 11px 0;
}

.package .img-wrapper {
display: block;
position: relative;
height: 140px;
width: 220px;
overflow: hidden;
margin: 3px 0 0 3px;
}

.package .img-wrapper img {
position: absolute;
left: 0;
top: 0;
width: 220px;
}

.package h2 {
height: 61px;
font-size: 13px;
font-weight: bold;
padding: 0 15px;
}

.package h2 a {
text-decoration: none;
color: #3f99d0;
}

.package h2 a:hover {
text-decoration: underline;
}

.package .button-rounded {
font-size: 10px;
float: right;
margin: 0 10px 0 0;
}

.package .price {
color: #916b00;
font-size: 11px;
font-weight: bold;
margin: 0 0 0 15px;
float: left;
}

.filter-list {
padding: 0 0 15px;
margin: 0 0 10px;
border-bottom: 1px solid #ccc;
}

.filter-list span {
height: 24px;
line-height: 24px;
float: left;
font-weight: bold;
color: #1d1d1d;
margin: 0 15px 0 0;
}

.filter-list ul {
float: left;
height: 24px;
}

.filter-list li {
float: left;
margin: 0 3px 0 0;
}

.filter-list li a {
display: block;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #1d1d1d;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border: 1px solid #ccc;
padding: 0 15px;
text-decoration: none;
}

.filter-list .checked {
font-weight: bold;
color: #fff;
border-color: #00a4e4;
background: #00a4e4;
}

.thumb-list {

}

.thumb-list li {
border-top: 1px solid #ccc;
padding: 5px 0;
}

.thumb-list li:first-child {
margin-top: 6px;
border: none;
}

.thumb-list h4 {
font-size: 11px;
font-weight: bold;
line-height: 1.2;
margin: 0 0 3px;
}

.thumb-list .col1 {
float: left;
margin: 0 4px 0 6px;
}

.thumb-list .col2 {
float: left;
width: 150px;
}

.thumb-list a {
color: #1282c6;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.thumb-list a:hover {
text-decoration: underline;
}

.list-filter.separator {
margin-bottom: 0;
}

.separator .list-filter-wrapper {
padding: 0;
}

.list-filter.separator span {
display: block;
height: 24px;
line-height: 29px;
font-size: 12px;
padding: 0 0 0 30px;
background: url('../img/arrow-down-white.png') no-repeat 11px 11px;
}

.list-filter.separator.open {
margin-top: 10px;
color: #fff;
background: #00a3e4 url('../img/list-separator-bottom.png') no-repeat left bottom;
}

.list-filter.separator.open .list-filter-wrapper {
background: #00a3e4 url('../img/list-separator-top.png') no-repeat;
}

.list-filter.separator.closed span {
background-image: url('../img/arrow-down-black.png');
}

#book-package-module .gradient p:first-child {
background: url('../img/sail-live-eat.png') no-repeat center top;
padding: 67px 0 0;
}

.blue-arrow-right {
display: inline-block;
height: 37px;
line-height: 34px;
padding: 0 0 0 13px;
background: url('../img/arrows/arrow-right-left.png') no-repeat;
color: #fff;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0 0 0 -4px;
}

.blue-arrow-right .inner-1 {
display: inline-block;
height: 37px;
padding: 0 23px 0 0;
background: url('../img/arrows/arrow-right-right.png') no-repeat right top;
cursor: pointer;
}

.blue-arrow-right .inner-2 {
display: inline-block;
height: 37px;
background: url('../img/arrows/arrow-right-middle.png');
cursor: pointer;
}

.package-list {
font-size: 11px;
padding: 0 10px;
margin: 10px 0 0;
}

.package-list h4 {
font-weight: bold;
margin: 0 0 7px;
}

.package-list ul {
list-style: disc outside;
padding: 0 10px 0 15px;
margin: 0 0 8px;
}

.package-list li {
margin: 0 0 3px;
}

.package-list li a {
color: #000;
}

.package-list .view-all {
color: #1282c6;
}

#o-service h3 {
margin-bottom: 10px;
}