/* RESET **************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td {text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } strong { font-weight: bold; } em { font-style: italic; } br {height:0;display:block;} a {outline:0;} /* imgsprites_png8.png */ #sform input, #sform input.ssubmit:hover, .lightTip .bottom, .regTip .bottom, .sTip .bottom, .rpeopleTip .bottom, #flagtip .flagt, #pctrl, #pctrl a.prev, #pctrl a.next, #r .boxed li, #r .news ul li, #r .boxed li a, #r .news a, #aa a, #pt em, #rtabs .sep, #c #rtabs li a.current,#c #rtabs li a.current span, #resorf, #c a.btn em { background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat; } /* imgsprites_solids.png */ #t, #logo a, #tmenu li.flag strong, #sf, #flagtip li a, #book, #c .news ul, #mf, #f h3, #fb, #tw, #yt, #pt strong, #ring, a.btn, a.btn span { background:url(http://jade.se/Content/img/imgsprites_solids.png) no-repeat; } /* imageSprites.png, 24-bit alpha */ #slide a em, #next, #prev, #sl, #sr { background:url(http://jade.se/Content/img/imageSprites.png) no-repeat; } /* New additions aug 2011 */ #sform { display:none; } #resorf { position:absolute; top:0; right:0; margin-top:-23px; text-indent:-999em; display:block; width: 62px; height:12px; padding:5px; background-position:-920px -75px; } #resorf:hover { background-position:-920px -105px; } #resorf:active {margin-top:-22px;} /* New apr 2012 */ li.expired span { font-size:10px; color:#ad4040; font-family:tahoma; } /* MAIN -----------------------------------------------------*/ /* OLD body { background:#edecea url(img/bg38.jpg) no-repeat center top; font-size:12px; line-height:20px; font-family:arial,helvetica,sans-serif; padding-top:28px; color:#777; } */ body { background:#edecea url(http://jade.se/mainbg/lofi.png) no-repeat center top; font-size:12px; line-height:20px; font-family:arial,helvetica,sans-serif; padding-top:46px; color:#777; } body.dag { background-image: url(http://jade.se/mainbg/dag.jpg); } body.dag2 { background-image: url(http://jade.se/mainbg/dag2.jpg); } body.kvall { background-image: url(http://jade.se/mainbg/kvall.jpg); } body.morgon { background-image: url(http://jade.se/mainbg/morgon.jpg); } body.natt { background-image: url(http://jade.se/mainbg/natt.jpg); } /* old body bg = img/mainbg.jpg 125% 0 etc, se OLD main.css! */ #c { width:904px; padding:0 28px; padding-right : 27px\9; } /* 904+28+28 = 960px, global padding and width */ #c { position:relative; margin:auto; background:#fff; min-height: 1000px; height: auto !important; height: 1000px; } .print { position:absolute; text-indent:-9999px; top:0; left:0; } #logo a { display:block; width:162px; height:93px; background-position: 0 0; text-indent:-9999px; outline:0; } #logo a:hover { opacity:.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } #t { background-position: 0 -364px; margin:0 -28px; padding:0 28px; background-color:#fff; } .clear {clear:both;} .red {color:#dd0000;} .green {color:green;} .orange, a.orange:hover { color:#f70; } .blue {color:#3BA6C8;} /* default jade blue */ #l { width:592px; float:left; margin-top:35px; background:#fff; min-height:1000px; } #r { width:280px; float:right; margin-top:35px; background:none; position:relative; z-index:9999; z-index:1; } /* MENU ------------------------------------------------------*/ #menu { position:absolute; left:0; top:-40px; width:700px; font-size:12px; left:-10px; z-index:410; } #c .menu ul { position:absolute; top:36px; width:200px; } /* Notera top-värdet som ska vara samma som line-height */ .menu li,#tmenu li { position:relative; } #menu ul,#tmenu ul { display:none; background: #fff; font-size:12px; left:0; } .menu li, .menu a { float:left; } .menu a { color: #a9d3ff; display:block; line-height:36px; padding:0 10px; text-decoration:none; } .menu ul a { *height:36px; } .menu a:hover { color:#fff; } .menu a:active, .menu a:focus { color:#fff; } .menu a.sub { background:transparent url(navDown2.png) 90% center no-repeat; padding-right:23px;} /* .menu li:hover a.sub { background-color:#fff; color:#666; } */ /* topLevel item ACTIVE */ .menu li.active a.sub { background: url('navUp2.png') 90% center no-repeat; } .menu li.active a.sub { background-color:#fff; color:#666; } /* topLevel item ACTIVE */ .menu ul li, .menu ul a { float:none; position:relative; } .menu ul li {border-bottom:1px solid #eee;} .menu ul li a:hover { background: #eee; } .menu ul a { color:#888; } .menu ul a:hover { color: #666; } .menu li.on a { color:#fff; } .menu li.on ul a { color:inherit; } /* #c .menu li:hover ul { display:block; } */ /* secondLevel trigger */ /* 3rd level */ #c .menu li:hover ul li ul { display:none; position:absolute; left:180px; top:0; width:200px; } .menu li:hover ul li:hover ul { display:block; } #c .menu ul { display:none; border-bottom:3px solid #ccc; } ul.menu ul a { padding-left:23px; background: #fff url(navRight.png) 5px center no-repeat; } ul.menu ul a:hover { background: #f0f9ff url(navRight2.png) 7px center no-repeat; } /* main hover color + bg */ ul.menu li.sub3:hover { background: #f6f6f6; color:#fff; } /* misc, special styling */ #c #menu a i { font-style:normal; font-size:11px; float:right; color: #aaa; } #c #menu a i span { font-family:georgia; font-style:italic; color:#ccc; font-size:10px; } #c #menu a:hover i, #c #menu a:hover i span { color:#666; color:#3CA6C9; } #menu li.alla a { background-color:#ffe; font-size:11px; } #menu li.alla a:hover { background-color:#f0f9ff; } #menu li.sub3 ul { width:230px; } #menu li.paket ul { width:260px; } /* Sidomenyn */ #tmenu { position:absolute; right:0; top:-40px; font-size:11px; z-index:40; } #tmenu ul li, #tmenu ul li a { float:none; } #tmenu li.minresa a { padding:0 8px 1px 8px; line-height:22px; margin-top:8px; border-radius:5px; margin-left:7px; } #tmenu li.minresa a { background: #3a89ed; } #tmenu li.minresa a:hover { background: #66aaff; } /* Text-shadow MOD ----------------------------------------------------- */ .menu a { position:relative; z-index:10; } .menu a em { position:absolute; color: #1a62b1; top:1px; left:11px; z-index:-1; font-style:normal; } /* note: padding-value = left-value +1 */ .menu ul a em { color: #144b88; } .menu a em {display:none;} /* Mega menu */ #menu ul { background:#fff; } #c #menu ul.mega { width:345px; } #menu div { background:#fff; margin-bottom:10px; padding-bottom:0; } #menu div a { width:auto; height:auto; background:none; padding:15px; padding-right:0; line-height:auto; width:150px; } #menu div a:hover span.title { color:#3CA6C9; text-decoration:underline; } #menu div a:hover span.ico { opacity:.8; } #menu .title {font-size:14px; color:#666; display:block; line-height:38px; } #menu .ico { display:block; width:150px; height:100px; background: #eee; } #menu .ico { background:transparent url(http://jade.se/Content/img/imgsprites_solids.png) no-repeat; } #menu .ico { background-position:-241px 0; } #menu .ico.fhotell { background-position:-241px -113px; } #menu div { float:left; } #menu ul li {clear:both;} #menu p { line-height:16px; font-size:11px; margin:0; margin-top:5px; } #menu ul.mega li { padding-right:15px; } #c #menu ul ul { left:345px; width:210px; z-index:99; } #c #menu #mtips { position:absolute; xleft:100px; right:-10px; top:-30px; z-index:999; } #c #menu #mtips { background:#fff; color:#888; padding:0 9px; width:auto; min-width:80px; font-weight:normal; font-style:italic; font-size:11px; line-height:24px; border:1px solid #ddd; white-space:nowrap; } /* Time of day MODS */ body.morgon #tmenu li.minresa a { background-color: #5387ff; } body.morgon #tmenu li.minresa a:hover { background-color: #6f9bff; } body.kvall .menu a { color:#ffead6; } body.kvall .menu a:hover, body.kvall .menu li.on a { color:#fff; } body.kvall #c .menu li li a { color:inherit; } body.kvall #c .menu li li a:hover { color:inherit; } body.kvall .menu a.sub { background-image: url(navDownWhite.png); } body.kvall .menu li.active a.sub { color:#444; background-image: url(navUp2.png); } body.kvall #tmenu li.minresa a { background-color: #d8700d; } body.kvall #tmenu li.minresa a:hover { background-color: #b76210; } body.natt .menu a { color:#7d9afa; } body.natt .menu a:hover, body.natt .menu li.on a { color:#fff; } body.natt #c .menu li li a { color:inherit; } body.natt #c .menu li li a:hover { color:inherit; } body.natt .menu li.active a.sub { color:#444; } body.natt #tmenu li.minresa a { background-color: #002aaf; } body.natt #tmenu li.minresa a:hover { background-color: #204cdd; } /* IE7 and below fixes */ .menu li.on ul li { *cursor:pointer; } #c .menu li.on ul a, #c .menu li ul a { *color:#888; *cursor:pointer; } .menu li.on ul a i { *margin-top:-35px; } /* Search Form */ #sform {position:absolute;top:38px;left:815px;} #sform input { display:block;position:relative;z-index:0;width:78px;height:14px;overflow:hidden;border:0;color:#aaa;font-size:11px;background-position: -580px -30px; padding:5px 30px 5px 10px; } #sform .sinput:hover { color:#999; } #sform input.sfocus, #sform .sinput:focus { background-position: -580px -60px; color:#3BA6C8; outline:0; } #sform input.ssubmit { position:absolute; z-index:100; top:0; right:0; cursor:pointer; background-position:-235px -120px; height:24px; width:31px; text-indent:-9999px; padding:0; } #sform input.ssubmit:hover { background-position: -579px -90px; } #sf { position:absolute;top:451px;left:0;background-position: 0 -500px; width:960px; height:34px; } /* HEADERS ---------------------------------------------------*/ h1,h2,h3 { color:#666; line-height:auto; } h1 { font-size:32px; font-weight:200; margin-bottom:0px; letter-spacing:0px; word-spacing:-2px; width:430px; } h2 { font-size:18px; letter-spacing:0; word-spacing:-1px; font-weight:400; line-height:26px; margin-top:36px;} h3,h4,h5,h6 {font-size:12px;font-weight:bold;color:#777;} h6 { font-size:11px; font-weight:normal; color:#888; text-transform:uppercase; } p.intro {font-weight:normal;} #l h2.section {margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd; margin-top:60px;} #l h2.divide { padding-top:24px;border-top:1px solid #ddd;font-size:24px;line-height:38px; } #c h1 { line-height:120%; margin-top:-22px; width:auto; *margin-top:-3px; } #c a.bprint { display:none !important; } /* HOME specific --------------------------------------------*/ #s { display:block; height:358px; } #slide { width:776px; height:358px; background:#000; position:absolute; right:-22px; *right:-23px; right: -23px\0/IE8+9; /* IE8 + 9 + IE10pp4 */} /*:root #slide { right:-23px; }*/ #slide img { width:776px;height:358px; z-index:1; } #slide a {text-decoration:none;position:absolute; z-index:1; display:none;} #slide a em { width:89px; height:37px; overflow:hidden; position:absolute; z-index:20; top:15px; left:15px; background-position:-120px 0px; cursor:pointer; } html>body #slide a em {display:none;} /*ie6 doesn't see this line */ #slide a:hover em { display:block; z-index:20; } #slide a:hover span em {display:inline;} #slide a span { font-weight:bold;text-transform:uppercase;position:absolute;right:0;top:290px;width:auto; padding:15px 30px 13px 20px; background:#111; color:#fff; font-size:22px; letter-spacing:-2px; word-spacing:-3px;} #c #slide span em {display:inline;font-style:normal; font-weight:strong; width:auto; height:auto; position:static; background:none;word-spacing:-5px;} #slide a span strong { font-weight:normal;color:#ccc; } #ctrl { position:absolute; z-index:2; width:776px; right:-21px; } #ctrl a:active { margin-top:1px; outline:0; } #next, #prev {position:absolute;z-index:100;width:24px;height:24px;top:160px;background-position:6px 6px; overflow:hidden; text-indent:-9999px;} #next, #prev {padding:6px;} #ctrl {z-index:100;} #prev {left:-19px;} #next {right:-19px;background-position:-54px 6px;} #prev:hover {background-position:-24px 6px; } #next:hover {background-position:-84px 6px; } #c #slide a:active img { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #people { display:block; position:absolute; z-index:10; width:160px; height:148px; margin-top:210px; overflow:hidden; left:195px; } #people:active { padding-top:1px; } #people:focus { outline:1; } #people img { padding-top:10px; -ms-interpolation-mode : bicubic; } .lightTip { width: 261px; font-size:11px; line-height:16px; margin-left:135px; } .lightTip .content { width: 230px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .lightTip .content, .lightTip .bottom { opacity:.80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .lightTip .bottom { height: 5px; width:9px; overflow:hidden; background-position: 0 -20px; margin-left:20px; } .rpeopleTip { width: 261px; font-size:11px; line-height:16px; margin-left:-133px; } .rpeopleTip .content { width: 230px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .rpeopleTip .content, .rpeopleTip .bottom { opacity:.80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .rpeopleTip .bottom { height: 5px; width:9px; overflow:hidden; background-position: 0 -20px; margin-left:230px; } .regTip, .sTip { font-size:11px; line-height:16px; margin:-3px 0 0; position:absolute; z-index:0; } .regTip .content, .sTip .content { width:100px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .regTip .content, .regTip .bottom, .sTip .content, .sTip .bottom { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } .regTip .bottom, .sTip .bottom { height: 5px; width:9px; background-position: 0 -20px; margin-left:47%; } .sTip .content { padding:7px; width:auto; } .sTip .bottom {display:none;} .regTip .bottom { height: 5px; width:9px; overflow:hidden; margin-left:62px; } /* arrow is dependent on total width of .content! */ #flagtip { position:absolute; font-size:11px; line-height:16px; top:-5px; left:180px; _top:-14px; z-index:999; display:none; } #flagtip .flagc { width: 260px; padding: 15px; background:#000; color:#fff; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #flagtip .flagc, #flagtip .flagt { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } #flagtip .flagt { height: 5px; width:9px; background-position: -10px -20px; margin-left:49px; } #flagtip .flagt { _background-position: -10px -11px; } /* ie6 */ #flagtip li { float:left; padding: 7px 8px 7px 0; } #flagtip li a { background-position: -500px -220px; width:16px; height:11px; overflow:hidden; display:block; text-indent:-9999px; } #flagtip li a:hover { border-bottom:1px solid #000;margin-top:-1px; } #flagtip p.clear { font-size:10px;line-height:14px; border-top:1px dotted #444;padding-top:4px;margin-top:28px; color:#ccc; } #c li.en a { background-position: -500px -220px; } #c li.th a { background-position: -500px -280px; } #c li.cn a { background-position: -500px -340px; } #c li.jp a { background-position: -500px -310px; } #c li.es a { background-position: -500px -250px; } #c li.se a { background-position: -500px -190px; } .content strong {display:block;margin-bottom:5px;border-bottom:1px dotted #666;padding-bottom:5px;color:#3CA6C9;color:#00C2FF;} .content em {display:block;margin-top:10px;font-style:normal; color:#ccc;} #sl, #sr {display:block;width:22px;height:22px;position:absolute;z-index:1;margin-top:358px;} #sl { background-position: -210px 0px; left:-22px; } #sr { background-position: -235px 0px; right:-22px; } /* BLOCKS -------------------------------------------------*/ #l .blocks {width:auto;} #c .blocks, #c .blocks li, #l .boxed li, #l .boxed ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; background:none; } #l .blocks li { float:left; width:280px; overflow:hidden; margin-bottom:20px; height:207px; } #r .blocks li { float:none; width:280px; overflow:hidden; margin-bottom:20px; height:207px; } #c .blocks li.even { margin-left:32px; } #c .blocks h3 {border-bottom:1px solid #ccc; margin:0 0 10px; padding:0; } #c .blocks a:hover img { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } .boxed { border:1px solid #ccc; padding:20px 0 0 20px; margin:0 0 20px; height:350px; } /* ie fix needed */ .boxed.blue {padding-left:18px;position:relative; background:#dbf1ff; border-color:#badae7; } #c .boxed.blue h3 { background:#3ca6c9; color:#fff; line-height:38px; margin: -10px -1px -10px -19px; padding-left:13px; text-shadow:1px 1px #3085a1; margin-bottom:20px; } #l .boxed a { display:block; text-decoration:none; color:#888; } #l .boxed a:active { margin-top:1px; outline:0; } #l .boxed a:hover img { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #l .boxed a:hover em { border-bottom:1px solid #fff; color:#444; text-decoration:underline; } #l .boxed a em { font-weight:normal; font-size:11px; font-style:normal; font-size:11px; line-height:11px; display:block; } #l .boxed li { float:left; width:171px; height:143px; margin-right:20px; } #l #bblue em { border:0; } #scroller { position:relative; overflow:hidden; width:592px; height:350px; margin-left:-20px;} #scroller .items { position:absolute; width:20000em; } #scroller ul li.ssingle { float:left; width:590px; margin-left:20px;} #pctrl { position:absolute; bottom:-14px; left:267px; width:52px;height:27px; background-position: -70px 0px; padding-left:8px;} #pctrl a.prev, #pctrl a.next { width:17px; height:17px; display:block; float:left; background-position: -30px 0px; outline:0; margin-top:6px; outline:0;} #pctrl a.next { background-position: -50px 0px; margin-left:2px; } #pctrl a.next:hover { background-position: -50px -20px; } #pctrl a.prev:hover { background-position: -30px -20px; } #l #pctrl a:active { margin-top:7px; } #l #pctrl a.prev.disabled { background-position: -710px -130px; } #l #pctrl a.next.disabled { background-position: -730px -130px; } .boxed.gray h3 { background:#aaa; color:#fff; line-height:38px; margin: -10px -1px -10px -21px; padding-left:13px; text-shadow:1px 1px #888; margin-bottom:10px; } .boxed.gray, .news ul { background:#f5f5f5; } #r .boxed ul { margin:0; margin-right:20px; } #r .boxed li, #r .news ul li { background-position: -300px 28px; } #r .boxed li a, #r .news a { display:block; text-decoration:none; height:21px; color:#666; padding:4px 0 5px 0; position:relative; } #r .boxed li a, #r .news a { padding-left:15px; background-position: 0px -89px; text-shadow:1px 1px #fff; } #r .boxed li a:hover, #r .news a:hover { background-position: 1px -129px; } #r ul li.last { background:none; } #r li a:hover { color:#333; } #r .boxed li.last a {} #r .boxed em { position:absolute; top:5px; left:0; display:block; text-align:right; font-style:normal; width:238px; cursor:pointer; } #c .news ul { border:1px solid #ccc; padding:20px 0 0 20px; height:148px; background-color:#f5f5f5; background-position:-470px -0px; } #r .news ul li { height:auto; margin:0; width:240px; overflow:hidden; } #r .news a.archive, #r .gray a.archive {display:block;margin-top:-30px;font-size:11px; background:none; color:#bbb; text-shadow:0 0; text-align:right; width:30px; float:right; padding-right:20px; height:12px; line-height:12px; } #r .gray a.archive {margin-top:15px;text-decoration:none;} #r .news a.archive:hover, #r .gray a.archive:hover {color:#aaa;text-decoration:underline; } #r #aa { height:70px; margin:30px 0 -20px; } #aa a { display:block; float:right; margin-left:15px; text-indent:-999em; opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #aa a:hover {opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";} #r #uc { width:57px;height:58px; background-position:-700px 0; } #r #aaa { width:82px;height:45px; background-position:-700px -70px; margin-top:5px;} /* MAIN FOOTER ***************************************/ #mf { width:960px; bottom:-25px; height:27px; position:relative; margin:0 -28px 0 -28px; background-position:0 -464px; width : 959px\9;} #mf, #mf a { color:#b6b2ad; font-size:11px; text-align:center; } #mf a:hover { color:#888; } #mf .mc { position:absolute; width:960px; top:35px; left:0;} #mf li { display:inline;margin:0 1px; } /* FOOTER *******************************************/ #f { background:#fff; border-top:1px solid #cbc9c5; height:224px; margin-top:300px; } #f .fc {position:relative;margin:auto;width:960px;height:177px;margin-top:25px;} #f h3 { background-position:0 -100px; display:block; width:232px; height:177px; text-indent:-9999px;float:left;} #f img { margin:15px 0 0 23px; } /* follow us.. */ #fb, #tw, #yt {position:absolute;top:60px;right:0;display:block;width:70px;height:85px; text-indent:-999em; opacity:.65; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #fb:hover,#tw:hover,#yt:hover {opacity:1;filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)";} #fb {background-position:-565px -185px; right:160px;} #tw {background-position:-645px -185px; right:81px;} #yt {background-position:-725px -185px; right:2px;} /* upperPage / main pages */ #co { margin-top:-20px;z-index:10;position:relative;padding:0 45px; } #co a {color:#3CA6C9; } #co a:hover {color:#333; } #pt { margin-top:35px; } #pt em { display:block; height:64px; background-position:0 -186px; margin:0 -50px 0 -50px; margin:0; left:-22px; } #pt #sl, #pt #sr { margin-top:64px; } #pt #sl { background-position: -210px 0px; } #pt #sr { background-position: -235px 0px; } #pt #sf { top:192px; z-index:1; } #pt strong { position:absolute; z-index:9; display:block; width:592px; height:128px; margin-top:-35px; background-position:-0 -540px;background-color:#fff; padding-bottom:30px;} #pt strong { margin-left:0; } #pt em { position:absolute; width:1006px; width:1004px; height:80px; } #r #people { position:relative; top:0px; left:83px; margin:0; margin-top:-76px; height:105px; margin-bottom:13px; width:130px; } #r #people img {width:144px;} /* CONTENT ---------------------------------------------------*/ #l p,#l ul,#l ol { margin-bottom:18px; } #l p { color:#777; } .intro { font-size:15px; line-height:21px; } #l ul, #l ol { list-style-position:inside; margin-left:18px; width:auto; } #l ul { list-style-type:disc; } #l ul li { padding:0; margin-top:5px; } #l img.large { margin-bottom:13px; margin-top:13px; } #l img.left, #l em.left { float:left; margin-right:15px;margin-bottom:10px; margin-left:-5px; } #l img.right, #l em.right { float:right; margin-left:15px;margin-bottom:10px; } #l img.thumb, #l em.thumb { width:155px; margin-bottom:10px; padding:5px; } #l .left.clear { clear:left; } #l .medium.clear { margin-bottom:10px; } #l .right.clear { clear:right; margin-right:-5px; } #l a:hover img { opacity:0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); } #l img.medium, #l em.medium { margin-left:0; margin-top:5px; margin-bottom:0; width:224px; } #l img.medium.right, #l em.medium.right { margin-left:15px; } #c em.left, #c em.right { margin-bottom:5px;margin-top:-7px;display:block;font-size:11px; } #l a.idesc em {color:#888;font-style:normal; border:0; } #l ol { list-style-type: decimal; } #l .gallery { margin-bottom:10px; } #l .gallery .thumb { margin-bottom:0; } table.tdefault { width:100%; line-height:28px; border-collapse:collapse; margin:0 0 20px 0; } .tdefault td, .tdefault th {min-width:60px; padding:0 8px 0 8px;text-align:right;} .tdefault td.tleft, .tdefault th.tleft {text-align:left;} .tdefault thead td, .tdefault thead th { font-weight:bold; border-bottom:1px solid #fff; font-size:11px; text-transform:uppercase; background:#3CA6C9; color:#fff; } .tdefault tbody td {border-bottom:1px dotted #ccc; } .tdefault tbody tr:hover td { color:#222; background:#dbf1ff; } .tred thead td {background:#dd0000;} table.small {font-size:11px;} .tlarge td {text-align:left;width:auto;min-width:0;} .tlarge img {vertical-align:middle;} .tlarge .tja {color:green;} .tlarge .tnej {color:red;} table.sortable td, table.sortable th {text-align:left;} table.sortable th { cursor:pointer; } table.sortable th:hover { text-decoration:underline; } table.sortable th.nosort { cursor:text; text-decoration:none; } .tdefault tr.even td { background:#f6f6f6; } .tdefault tr.even:hover td {background:#f6f6f6;} #c table.tdefault.tleft td {text-align:left;} /* weater, vädertabell */ .vader td, .vader th { min-width:auto; text-align:center; padding:0; width:20%; } .vader td.tleft, .vader th.tleft { text-align:left; } p.more { border-top:1px solid #ddd; margin-top:10px; padding-top:5px; } /* Buttons - Edit mars 2013 */ #l a.btn, #r a.btn { background-position:-741px -580px; text-decoration:none; color: #888; font-size:12px; } #l a.btn, #r a.btn { display:block; float:left; padding:0 0 0 15px; } #l a.btn, #r a.btn { margin-top:20px; margin-right:10px; position:relative; } #l a.btn span, #c a.btn em, #r a.btn span { display:block; padding:5px 17px 8px 0; background-position: right -580px; } #l a.btn:hover, #r a.btn:hover { background-position: -741px -540px; color: #444; } #l a.btn:hover span, #r a.btn:hover span { background-position: right -540px; } #c a.btn:active { background-position:-741px -620px; color: #888; } #c a.btn:active span { background-position:right -620px; } #c a.btn em { background-position: -334px -134px; } #c a.btn.up em { background-position: -784px -54px; } #c a.btn em { display:inline; padding:0 6px; height:8px; margin-top:9px; } #c a.btn.up { background-position:-741px -620px; color: #888; } #c a.btn.up span { background-position:right -620px; } #c a.btn em { *display: inline-block; *height:16px; *margin-top:0; *vertical-align:bottom; } /* IE7 and below */ .intro .btn { line-height:20px; } /* Special */ #special a { position:relative;margin:0;padding:0;display:block;text-decoration:none; } #special a em { display:none;z-index:2;position:absolute;top:15px;left:10px;padding:8px 0px 8px 10px;background:#000;color:#fff;font-style:normal;font-weight:bold;opacity:0.90; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #special a:hover em { display:block;width:490px; width:auto; padding-right:10px;} /* reseguider treeview */ #r #tree ul { display:none; margin-left:0; } #r #tree a { display:block;overflow:hidden;border-bottom:1px dotted #ccc; } #r #tree li { background:none; } #r #tree li a { background-color:#f5f5f5; } #r #tree li.on a { background-position:-340px -127px; color:#333; text-shadow:0 0; } #r #tree a:focus { outline:0; } #r #tree li li a { background-position:-334px -87px; padding-left:26px; width:214px; } #r #tree li.on li a { color:#777; background-position:-334px -87px; padding-left:26px; width:214px; } #r #tree li.on li a:hover { color:#444; background-position:-334px -88px; background-color:#fff;} #r #tree li li { background:#f5f5f5; } #r #tree ul { margin-bottom:10px; } #r .boxed.tree { height:auto; padding-bottom:20px; } #r .boxed.tree h3 { margin-bottom:10px; } /* page tabs */ #rtabs ul { height:25px; border-bottom:3px solid #3CA6C9; padding-left:18px; } #rtabs li { float:left;margin-right:0px; } #rtabs li a { display: block; text-decoration:none; color:#666; outline:0; padding:0 4px 0 0; line-height:25px; } #rtabs li a span { padding:0 4px 0 8px; } #rtabs li a:hover { color:#111; } #c #rtabs li a.current { text-decoration:none; color:#fff; background-position: right 0; display:block; padding:0 4px 0 0px; } #c #rtabs li a.current span { display:block; background-position: -854px 0; } #rtabs, #l .item { font-size:11px;color:#666; line-height:16px; margin-bottom:25px; padding-top:8px; } #rtabs div.pane { background:#f5f5f5; border:1px solid #ddd; padding:18px; padding-top:15px; display:none; padding-bottom:10px; } #rtabs img.left { float:left; margin-right:13px; margin-top:4px; } #rtabs a:hover img {} #rtabs .sep { height:2px; width:100%; margin:10px 0; margin-top:13px; background-position:-300px 0; } #rtabs a.imore { display:block; padding:5px; padding-left:0; margin-top:10px; color:#aaa; text-decoration:none; outline:0; padding-bottom:8px;} #rtabs a.imore:hover { text-decoration:none;color:#666; } #r #rtabs a.loaded { color:#333;text-decoration:underline;text-decoration:none; border-bottom:1px dotted #aaa; margin-bottom:-1px;} #r #rtabs a.imore em {padding-left:2px;} .ajaxtarget { margin-top:13px; display:none; margin-bottom:0px;} .ajaxload { position:absolute;margin-top:-24px;left:160px; color:#bb0000; background:#F5F5F5; } #c #pane1 {display:block;} #c #rtabs .item {height:80px;overflow:hidden;} /* Left Panes (Image List Groups) + people groups */ #l .item { float:left; width:245px; margin-right:12px; margin-bottom:5px;padding:0; } #l .item.nomargin { margin-right:0px; } #l .item img.left { margin-left:0; } #c .item a { color:#666; text-decoration:none; display:block; } #c .item a strong { display:block; color:#555; } #c .item a img { margin-top:4px; } #c .item a span {text-decoration:underline;} #c .item a var {display:block;zoom:1;font-style:normal;line-height:16px;} #c .item a:hover *, #c .pane a:focus * { color:#333; } #c .litems { margin:35px 0 0 0; } #c .litems h3 { border-bottom:1px solid #ccc; margin:0 0 18px 0; padding:0 0 5px 0; } #c .litems.paketresor h3 { margin:0 0 10px 0; } #c .item a:hover strong {text-decoration:underline; color:#222; } #c .item a:hover img { opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; } #c .ppl .item { width:150px; height:230px; margin-right:20px; margin-bottom:5px; overflow:hidden; margin-bottom:20px; } #c .ppl img { width:180px; height:133px; } #c .ppl .item.nomargin { margin-right:0; } .item strong { white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } #c #l .item p strong { display:inline; font-weight:normal; text-decoration:none; } /* boxes */ .mbox { padding:10px 12px 0px 12px; margin:10px 0 18px; border:1px solid #ccc; background: #f8f8f8; clear:both; } .mbox img.large {margin-top:10px;} .mbox h2 {margin-top:0;margin-bottom:10px;} .mbox.info { background:#ffc; border:1px solid #CFCFA8; margin-top:40px; } .mbox.fail { background:#FFEFEF; border:1px solid #DF6F6F; color:#fff; } #l .mbox a {color:#8F8F6B;} #l .mbox a:hover {color:#FF7200;} #l .mbox a.btn {margin-top:0;margin-bottom:20px;} #l .mbox a.btn, #l .mbox a.btn:hover {color:#fff;} #c .mbox a.btn { color: #666 !important; } /* colorbox */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #colorbox { overflow: visible !important; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:#fff;} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(js/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; bottom:20px; right:0; color:#eee; background:#111; padding:5px 15px 5px 10px; font-weight:bold; } #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:17px; height:17px; position:absolute; top:-20px; background:url(http://jade.se/Content/img/imgsprites_png8.png) -710px -150px no-repeat;} #cboxPrevious{background-position:-30px 0px; right:44px;} #cboxPrevious.hover{background-position:-30px -20px;} #cboxNext{background-position:-50px 0px; right:22px;} #cboxNext.hover{background-position:-50px -20px;} #cboxClose{background-position:-710px -150px; right:0;} #cboxClose.hover{background-position:-730px -150px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* Basfakta, Väder */ #vader { margin-bottom:30px; } #vader h2 {margin:0;padding:0;margin-bottom:5px;margin-top:20px;} .fakta {width:100%;font-size:11px;} #c .fakta td { border-bottom:1px solid #ddd; padding-right:10px; line-height:24px;} .tfirst {font-weight:bold;width:90px;} .basfakta {margin-bottom:20px;} .weatherItem { height:140px;position:relative; width:auto; background-position:70px 0; margin-top:-15px; width:auto; } .weatherItem div {text-align:left;} .weatherRange, .weatherWind {font-size:11px;line-height:16px;} .weatherTemp { font-size:40px; color:#888; font-weight:normal; line-height:40px; padding-top:25px; padding-bottom:5px; margin-bottom:5px; letter-spacing:-1px; border-bottom:1px solid #ccc; width:50px;} /* Mer info */ #mi { border-top:1px dashed #ddd; margin:40px 0 -20px 0; line-height:18px; } #mi ul, #mi ol {list-style-type:none;margin:0;} #mi li {padding:0;background:none;} #mi div {float:left; width:155px; margin:40px 0;font-size:11px; } #mi .m1 {width:112px;} .m1 span { display:block; width:110px; height:110px; background:url(http://jade.se/Content/img/imgsprites_solids.png) -600px -540px no-repeat; text-indent:-9999px; } .m1,.m2 {padding-right:40px;} #mi a {display:block; line-height:14px; height:14px; padding-bottom:2px; overflow:hidden; text-decoration:none; border-bottom:1px solid #ccc; color:#666; } #mi .m1 a {height:auto;overflow:visible;border:0;} #mi .m1 a:hover {opacity:.9;filter:alpha(opacity=90); -moz-opacity:.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #mi h4 {margin:0;font-weight:bold;font-size:13px;} #mi em {display:block;margin-bottom:10px;font-style:normal;color:#999;} /* Bokningsformulär + Kommentarformulär */ #com { border-top:1px dashed #ddd; padding-top:30px; margin-bottom:30px; } #com.noborder {border:0;padding-top:0;margin-top:-20px;} #com h2 { margin-top:0; } #com ul {margin:0;padding:0;} #c #com li { list-style-type:none; padding:15px; padding-bottom:0; border:1px dotted #ccc; margin-top:20px; position:relative; } #com li span { font-weight:bold; font-size:11px; color:#555; display:block; margin-bottom:5px;} #com li span em { font-weight:normal; color:#888; } #wcom {margin-top:50px;border-top:0;} #com label { width:180px; display:block; float:left; margin-right:10px;font-size:11px;} #com label span {display:block;padding-bottom:2px;} #com label em {color:#dd0000;} #com input, #com textarea { width:150px; padding:5px 7px; font-size:12px; font-family:arial,helvetica,sans-serif; color:#666; border:1px solid #ccc; margin-bottom:20px; background:#f6f6f6;} #com textarea {width:340px;height:200px;overflow:auto;clear:both;} #com textarea:focus, #com input:focus {background:#fff;color:#333;} #com a.btn {margin:0;} /* Formulär - Kommentarer (sidor) */ h3.h3book {margin-bottom:10px;border-top:1px dashed #ddd; margin-top:60px; padding-top:30px;font-size:13px;color:#777;} .fdates {float:left;width:190px;margin-bottom:20px;} .fdates span {display:block;font-size:11px;margin-bottom:4px;} .fdates select, .fdates option {padding:1px 3px;background:#F6F6F6;color:#444;font-size:11px;} .fdates select {border:1px solid #ccc;} #com .fdates label {float:none;float:left;width:80px;} #com .fdates .days {width:40px;} #com .fdates input.vinput {width:25px;margin-right:5px;margin-top:-6px;} #c label.ppl {margin-bottom:-20px;} #fmore, #fmoreb {float:left;margin-bottom:15px; border:1px dashed #ccc; padding:20px;display:none;background:#fff;width:180px;margin-right:5px;} #fmore strong, #fmoreb strong {display:block;margin-bottom:20px;font-weight:normal;} #fmore strong em, #fmoreb strong em {border-bottom:1px solid;} #fmore input, #fmoreb input {margin-bottom:10px;} /* Bokningsformulär #cformc */ #cformc { padding:24px; padding-top:0; background:#dbf1ff; border:1px solid #BADAE7; position:relative; } #comform {position:relative;} #cformc { background:#F5F5F5; background:#fff; background:#fafafa; border:1px solid #ddd; } #cformc.focus { background:#dbf1ff; border:1px solid #BADAE7; } #c #cformc h3 { background: #aaa; color:#fff; margin:0; padding:0; border:0; margin:0 -25px; margin-bottom:18px; margin-top:8px; padding:0 24px; line-height:42px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); } #c #cformc.focus h3 { background: #3CA6C9; margin:0; padding:0; border:0; margin:0 -25px; margin-bottom:18px; margin-top:8px; padding:0 24px; color:#fff; line-height:42px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); } #c #cformc h3 span {font-size:11px; float:right; font-weight:normal; *margin-top:-43px; *margin-right:15px; } #c #cformc h3 span span { font-weight:bold; font-size:14px; float:none; } #cformc input, #cformc textarea, #cformc select {background:#fff; } #cformc input:focus, #cformc textarea:focus, #cformc select:focus {background:#ffd; } #comform label.ldate select { width:90px; } #comform label.days select { width:45px; } #comform label select { padding:4px 3px; } #c #comform label.ppl {margin-bottom:0px;} #cformc textarea {width: 440px;} #fmore label {width:100px;} #cformc input[type=radio]:focus { outline:dotted 1px #aaa; } #fmore,#fmoreb { width:410px; } #fmore label, #fmore input { float:left; width:auto; } #fmore input {width:auto;} #fmore label, #fmore input {cursor:pointer;} #comform label.person input { width:160px; cursor:text; } #fmore label.person {cursor:text;} #c #fmore label { width:auto; } #fmoreb select {border:1px solid #ccc; font-size:11px; margin-right:5px; color:#444; padding:4px; padding-left:2px; margin-bottom:10px; margin-right:-1px;} #cformc select option {background:none;} .fkon label, .fkon input {cursor:pointer;} #c .fkon label { width:auto; padding:5px 10px 5px 0; padding:0; } #c .fkon input { width:auto; padding:0; margin:0 5px 5px 0; vertical-align:bottom; border:0; background:none; vertical-align:middle\0/; /* ie8+9 */ margin-bottom:0px\0/; /* ie8+9 */ *vertical-align:middle; /* ie7 */ *margin-bottom:0px; } #c .fkon {float:left; width:160px; margin:-10px 0 10px 0; } #c p.barninfo { font-size:11px; margin:10px 0 0; color:#666; line-height:16px; clear:both; } #fmoreb strong span { font-size:11px; font-style:italic; display:block; padding-top:8px; } #fmoreb strong span em { text-decoration:none; } #fmoreb strong span span {display:inline;} #fmoreb strong {line-height:16px;} #c #fmore input.kon2, #c #fmoreb input.kon2 { border:0; background:none; vertical-align:middle\0/; /* ie8+9 */ margin-bottom:0px\0/; /* ie8+9 */ padding-left:0; margin-left:0; *margin-left:-5px; } #com textarea {padding-top:8px;line-height:16px;} #c div.submit { background:#fff; height:33px; padding:10px 20px; margin:0 -24px 0 -24px !important; width:460px !important; display:block; } #c div.submit a.btn, #c div.submit {margin-bottom:-24px !important;} /* Form tips */ #cformc .tip { position:relative; font-style:normal; cursor:help; color: #3CA6C9; display:inline; } #cformc #tip { position:absolute; color:#666; background:#ffe; top:25px; left:0; width:250px; padding:10px; border:1px solid #ccc; box-shadow:0 0 10px rgba(0,0,0,0.2); } /* Rensa formulär */ p#rensa { position:absolute; right:0px; top:22px; outline:solid red 0px; font-size:11px; cursor:pointer; background:#FFFED6; padding:3px 10px 2px; padding-top:2px\0/; border:1px solid #ccc; border-bottom-width:1px; } @media screen and (-webkit-min-device-pixel-ratio:0) { p#rensa {top:24px;} } p#rensa { text-shadow:1px 1px 0 #fff; border-radius:3px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); } #cformc.focus p#rensa { background:#ffc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); } #cformc p#rensa:hover {background:#fff;} #cformc .fkon.brev { position:absolute; right:-50px; bottom:-20px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #cformc .fkon.brev {bottom:3px;} } #c input#brev { vertical-align:bottom\0/; margin-bottom:3px\0/; width:16px\0/; /* ie8+9 */ } form#mchimp {display:none;} /* Mro Book (front+right) */ #c .boka {border:0;margin-top:-20px;} #c .boka label {width:155px; background:#fff; background:#fff;} #c .boka input {width:135px; } #c .boka select {width:153px;padding:3px;padding-bottom:4px;background:#f6f6f6; border:1px solid #ccc; margin:0; color:#666; } #c .boka select:focus {background:#fff; color:#333;} #c .loptions { width:80px; float:left; margin-top:20px; margin-left:3px;} #c .loptions label { padding:0; } #c .loptions input { width:auto; margin:0; vertical-align:top; margin-top:3px; margin-right:5px; } #c .loptions span { display:inline; background:#fff; } #c .bnumber {border:0; padding:0; border-bottom:1px dashed #ddd; height:80px; margin-bottom:20px; position:relative; zoom:1; } #c .bnumber input { width:20px;} #c .bnumber label { width:40px; background:#fff; } #c .boka #fmoreb {padding:15px;position:absolute;left:100px; top:-30px; background:#fff; width:300px; } #c .boka #fmoreb strong {font-weight:bold;margin-bottom:7px;} #c .boka #fmoreb { margin-top:22px; } #c .boka #fmoreb select { width:50px; } #c .boka #fmoreb label { width:50px; margin-right:10px; margin-bottom:10px; float:left; background:#fff; } #c #r #com h2 {} #c #r #com h3 { margin:10px 0 5px 0; } #c #r #com { margin-right:-30px; } #c #r #com label { width:130px; margin:0; margin-right:20px; height:60px; } #c #r #com label.nomargin {margin-right:0;} #c #r #com input { width:115px; font-size:11px; padding:5px; } #c #r #com .bnumber { border:0; border-bottom:1px dashed #ddd; padding-bottom:20px;width:280px; } #c #r #com .bnumber label { width:45px; height:50px; margin-right:0; } #c #r #com .bnumber input { width:20px; } #c #r #fmoreb { position:relative; margin-left:-100px; width:248px; clear:both; margin-top:9px; margin-bottom:0; } #c #r #com #fmoreb label { font-size:11px; margin-right:10px; width:50px; height:40px; } #c #r #fmoreb select { font-size:11px; } #r #com a.btn { clear:both; margin-bottom:20px;} #c #r #com .loptions { margin-top:20px;} #c #r #com .loptions input { width:auto; } #c #r #com .loptions label { width:100px; height:auto; } #c #r #com .loptions span { width:50px; } /* Startsidan formulär */ #bf input.text {background:none;} #bf label.txt2 {height:30px;width:89px;overflow:hidden;margin-bottom:8px;margin-top:23px;} #bf label.txt2 em {position:absolute;margin-top:-20px; font-style:normal; } #bf label.txt2 {background: url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat -590px -120px; } #bf .txt2 input { width:78px; background:transparent; padding:0; margin:9px 0 0 5px;} /* pres */ #pro {margin-top:20px;} #pro td {vertical-align:top;} #pro img {margin-left:15px; } /* Paging */ ul#paging {margin:20px; margin-left:0;} ul#paging li {list-style-type:none;display:inline;margin:0;padding:0;} #paging li a {padding:1px 5px;border:1px solid #fff;} #paging li a.curpage {border:1px solid #3CA6C9;background:#3CA6C9;color:#fff;text-decoration:none;} #paging a span {font-size:11px;vertical-align:top;} #paging li.sidor {font-weight:bold;display:block;margin-bottom:5px;} /* Booking steps */ #l ul.bsteps {list-style-type:none;width:100%;margin:0 0 10px; 0; padding-bottom:10px; border-bottom:1px dashed #ddd; } ul.bsteps li {list-style-type:none;float:left;margin-right:10px;} #l ul.bsteps a {text-decoration:none;color:#999; } #l ul.bsteps li.curstep a { font-weight:bold; color:#3CA6C9; font-size:12px; } #l ul.bsteps li a:hover { color:#333; } #l ul.flersok a { color:#3CA6C9; text-decoration:underline; } #l ul.flersok li { margin-right:5px; } #l ul.flersok li.srub {padding-right:0;font-weight:bold;} #l ul.flersok li.curstep a {color:#666;font-weight:normal;} /* Booking dates */ #l h2.booking {margin:0;margin-top:30px;} #l table.bdates { width:505px; border-collapse:collapse;} .bdates thead th {background:#3CA6C9;color:#fff;padding:5px 5px 5px 10px; font-weight:bold;} .bdates td, .bdates th {vertical-align:top; } .bdates th, .bdates td a {padding:3px 5px;position:relative;z-index:10;} .bdates th span {display:block;float:right;margin-right:10px;font-weight:normal;font-size:11px;} #l .bdates th span a {float:left;margin-left:10px;color:#fff;} #l .bdates th span a:hover {color:#E3F6F6;text-decoration:underline;} .bdates td a, .bdates th a {display:block;text-decoration:none;} .bdates td a em {display:block;font-style:normal;color:#666;font-size:11px;line-height:12px;} .bdates td a {margin:5px 0 5px 0; border:1px dotted #ccc; font-size:11px;} .bdates td a:hover, .bdates td a:hover em {background:#ffc;color:#444;} #l td.bselect a, #l td.bselect a em {background:#E3F6F6;color:#3CA6C9} #l td.bselect a {border:1px solid #3CA6C9;} span.barr {display:block;margin-left:-24px;margin-right:-24px;width:552px;position:absolute;z-index:1;} span.barr a {display:block;width:17px;height:17px;overflow:hidden; background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat 0 0;text-indent:-999em;margin-top:45px;} span.barr a.bnext {float:right;background-position:-50px 0;} span.barr a.bprev {float:left;background-position:-30px 0;} span.barr a.bnext:hover {background-position:-50px -20px;} span.barr a.bprev:hover {background-position:-30px -20px;} /* Booking results list */ .blist { border:1px solid #ddd; position:relative; margin:20px 0 40px 0; padding:15px; padding-top:10px; width:475px;} .bprice { background:#3CA6C9 url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat 0 -190px; color:#fff; padding:14px 8px 2px;position:absolute; top:20px; left:-22px; text-align:left; width:110px; height:45px; font-size:21px; z-index:10; word-spacing:0px; letter-spacing:-0.5px; } .bprice span { font-size:11px; display:block; letter-spacing:0; word-spacing:0; font-weight:normal; margin-top:-5px; color:#BFF1FF; } .bprice em { display:block; position:absolute; top:61px; left:0px; width:22px; height:22px; background:transparent url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat -780px -30px; } .blist p {background:#fff;} a.bclose { position: absolute; right:-8px; top:-10px; background:transparent url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat -710px -150px; z-index:11; width:17px; height:17px; overflow:hidden; text-indent:-999em; } a.bclose:hover {background-position:-730px -150px;} table.bppl { margin-left:106px; width:362px; border-collapse:collapse; font-size:11px; margin-top:10px;} .bppl td.tright, .bppl th.tright {text-align:right;} .bppl th, .bppl td { text-align:left; background:#fff; } .bppl th { font-weight:bold; padding:0; line-height:16px;} .bppl td {border-bottom:1px dashed #ddd; line-height:20px;} .bppl tr:hover td {border-bottom:1px dashed #aaa; color:#444; } .bppl tfoot td {border:0;text-align:right;padding-top:5px;} .bppl tfoot tr:hover td {border:0;} div.fromto { margin-top:40px; } #l .fromto p { margin:0; font-weight:normal; margin-bottom:5px; } .fromto table { font-size:11px; width:100%; line-height:22px; margin-bottom:30px; } .fromto th, .fromto td { padding-left:5px; padding-right:5px; } .fromto th { font-weight:bold; background:#aaa; color:#fff; background:#eee; color:#666; } .fromto td { border-bottom:1px dashed #ddd; background:#fff; } .fromto tr:hover td { border-bottom:1px dashed #aaa; color:#444;} #l .fromto table input { margin:0; vertical-align:bottom; margin-bottom:5px; } #l td.dayafter {border:0;} #l .fromto a.btn { margin-top:5px; background-position:-741px -324px; text-shadow:1px 1px #fff; color:#888; } #l .fromto a.btn span { background-position: right -324px; } #l .fromto a.btn:hover { background-position:-741px -290px; text-shadow:1px 1px #3AAF15; color:#fff; } #l .fromto a.btn:hover span { background-position:right -290px; } .fromto img.clogo {float:right;display:block;} .fromto p span {float:right;} .carrier {} .carrier img, .carrier p {float:right; } .carrier img { margin-left:7px; border:1px solid #ddd; padding:3px; } .carrier p { margin:0;padding-top:11px;font-size:11px; } /* MrO step3 */ .step3 {margin-top:30px;} .step3 .fromto {margin-top:0px;} #c .step3 h2 { margin:0; margin-bottom:10px; padding-top:10px;} #c h2.mt20 { margin-top:20px; } #l .binfo {background:#f1fdfd; } #l .binfo p {background:transparent;margin-bottom:10px;} .binfo table { width:100%; border-collapse:collapse; } .binfo td { padding-bottom:10px; width:158px; } .binfo label span {display:block; font-size:11px; } .binfo input, .binfo select { border:1px solid #ddd; padding:5px 5px; font-size:12px; font-family:arial,helvetica,sans-serif; color:#666; width:130px; } .binfo select {width:142px;} .binfo input:focus, .binfo select:focus, input.input_on, textarea.input_on {border:1px solid #aaa; color:#333; } table.boptions { font-size:11px; } .boptions th {font-weight:bold;} #l table.boptions input {width:auto;background:none;margin-top:4px;vertical-align:top;} #l .boptions td {width:auto;vertical-align:top;padding:3px 0 3px; border-bottom:1px dashed #ccc; } #l .boptions tr:hover td {color:#444;border-color:#999;} #c .binfo h3 {} table.boptions {margin-bottom:20px;} #c .binfo p {margin-bottom:0;} .binfo p a {font-size:11px;margin-left:5px;} p.ttotal, td.tsecure {text-align:right;} #l p.ttotal {font-size:18px;color:#666;} td.tsecure label {margin-left:10px;} #l div.white {background:#fff;} .bmed h3 {margin:10px 0 5px;} .bmed textarea { width:300px;height:100px;border:1px solid #ddd; padding:10px; overflow:auto; margin-bottom:10px; font-family:arial,helvetica,sans-serif;font-size:12px;color:#888;} .bmed textarea:focus {border-color:#aaa;color:#666;} .bmed label {display:block;font-size:11px;} .bmed input {width:auto;vertical-align:bottom;margin-right:5px;margin-top:5px;} div.moreinfo {display:none;border:1px solid #ddd; padding:10px;margin:5px 0 5px; background:#fff; } .tright {text-align:right;} #l td.flugtag {width:260px;} #c table.boptions {border-collapse:separate;} #c .fromto tabel {border-collapse:separate;} p.mt20 {margin-top:20px;} h3.mt20 {margin-top:30px;padding-top:20px;border-top:1px dashed #ddd; } #l .bpay select {width:200px;display:inline;} #l .bpay label span {display:block;margin-top:10px;} #l .bpay img {float:right;margin-left:15px;padding-left:35px; margin-right:80px; border-left:1px solid #ddd;} #l .bpay img.nofloat {margin-right:135px; padding:5px 0 5px 35px; } #c input.noBorder {border:0;} #c a.readmore.active {color:#000;} #c .step3 h3 { margin-top:18px; } td.question {cursor:help;} /* hide results */ .blist.hidden {height:0;} .bprice.hidden, .bppl.hidden, .fromto.hidden {display:none;} /* mro process */ #mroprocess {width:auto;float:none;margin-top:20px;margin-left:0px;} #c #mroprocess h2 { margin:0;padding:0;float:right; position:absolute;top:93px;right:30px; width:250px; } /* MrO more popular searches */ #c p.pfsok {margin-bottom:60px;} #c div.fsok {width:210px;float:left;margin-right:18px;margin-bottom:-1x8px; margin-top:-18px;} #c div.fsok.nomargin {margin-right:0;} #l table.stable {width:100%;} #l .fsok p.shead {background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat 0 -186px; color:#fff; padding:10px 5px 10px 8px; margin:-11px -16px 10px -16px; } p.shead strong {font-size:16px;} #l div.fsok img {float:right;} #l .fsok p {font-size:11px;line-height:16px;} #c td.sfet {font-weight:bold;width:80px;text-align:left;} #l h2 {font-size:20px;margin-bottom:4px;} #co h1 { min-height: 36px; height: auto !important; height: 36px; text-indent:-999em; } #co h2 {text-indent:-9999px;} .cufon-ready #co h1, .cufon-ready #co h2 { text-indent:0; } /* reseguider maps */ #maps.large {position:absolute;top:0;left:0;z-index:999999;} #c #lmap {color:#3CA6C9;display:block;margin-bottom:30px;margin-top:-30px;} #c #lmap:hover {color:#666;} #maps { height:250px; height:250px; margin-bottom:5px; margin-top:10px; } #hmtctl {margin-top:37px;} #mbuttons {position:absolute;top:40px;right:7px;z-index:9999999;} #mbuttons a {display:inline;margin-left:5px; background:#fff;padding:4px 10px;color:#222;font-weight:bold;font-family:arial,helvetica,sans-serif;font-size:12px;cursor:pointer;border:1px solid #333;} #mbuttons a {height:30px;line-height:30px;} #mbuttons a:hover {background:#ffc;} #mbuttons a.on {background:#eee;} #mbuttons a#cmap {background:#dd0000;color:#fff;border:1px solid #000;} #c #lmap {display:inline; margin:0;} #c #mfunc a {display:inline; margin-right:8px;color:#3CA6C9; } #c #mfunc a:hover {color:#666;} #mfunc {margin-bottom:50px;} /* Auto Indexer */ #l a.indexlink { display:block; float:none; margin-right:10px; line-height:24px; height:24px; text-decoration:none; border-bottom:1px solid #ccc; display:list-item; list-style-position:inside; list-style-type:circle; } #index #gm {display:none;width:160px;margin-top:5px;margin-bottom:20px;padding:15px 15px 20px;border:1px solid #ddd;} #index h3 {margin-bottom:5px;} #index h3 a {text-decoration:none;} #index h3 a.on {color:#444;} /* Tommie Hansen Auto Complete */ .ac_results { padding: 0px; border: 1px solid #fff; background-color: #fff; overflow: hidden; z-index: 99999; margin-left:-195px; font-size:11px; text-align:left; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 18px; overflow: hidden; } .ac_results strong {color:#444;} .ac_results .ac_over strong {color:#fff;} .ac_loading {} .ac_odd { background-color: #eee; } .ac_over { background-color: #3CA6C9; color: #fff; } /* Print */ #c a.btn.bprint, #c a.blike { position:absolute; right:37px; top:-19px; padding:0; width:62px; height:24px; text-indent:-999em; overflow:hidden; } #c a.bprint { background-position:-545px -300px; } #c a.bprint:hover { background-position:-609px -300px; } #c a.blike { right:37px; background-position:-545px -330px; } #c a.blike:hover { background-position:-609px -330px; } #c a.bprint:active, #c a.blike:active {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";} /* Varningar */ #c p.red {border:2px dashed red;padding:15px;background:#FFDFDF;color:#dd0000; font-weight:bold; font-style:normal;} p.red em {font-style:normal;} /* Special / Featured */ #feat { position:relative; height:380px; margin-top:0px; margin-bottom:-20px; font-size:11px; position:absolute; top:95px; left:45px; } #feat a {text-decoration:none;zoom:1;} #c #feat img { position:absolute;left:-67px; } #c .pr p.intro {margin-bottom:410px;} /* Kolumner */ .lcol { float:left; width:235px; } .rcol { float:right; width:235px; } /* Footer text */ #ft { clear:both; margin-top:36px; padding-top:0; } #c #ft h2, #c #ft p {clear:both;display:block;} #c #ft h2 {margin-top:0;clear:both;padding-top:18px;padding-bottom:3px;} #c #ft.ny { font-size:12px; } #c #ft.ny h3 { font-size:12px; color:#777; border-top:1px dashed #ddd; padding-top:36px; } #c #ft.ny p { margin-bottom:0; } #c #ft.ny em { font-size:11px; } #ft.ft2 { border:1px solid #ddd; padding:0; padding:20px; border-top-width: 3px; } #vshow {display:none;clear:both;margin-top:18px;} #ft a.btn { clear:both; } #ft h3 {clear:both;} /* ie 6-7 */ *:first-child+html #c #ft a.btn { margin-bottom:20px; } /* IE7 only */ /* FB Like / Gplus */ #fbframe, #gplus { display:none; position:absolute; top:39px; right:28px; z-index:1; width:77px; overflow:hidden; } #fblike { overflow:hidden; height:24px; width:500px; } #gplus { right: 108px; width:71px; overflow:hidden; } /* Hotelltabeller / Pakettabeller */ a.hmer { font-size:11px; font-weight:normal; } #c table.hotell { width:500px !important; border:0; border-collapse:collapse; margin-bottom:54px; margin-left:-5px; } #c .hotell tr:hover { background:#F0FFFF; } #c .hotell td { padding:15px 15px; background:#F0FFFF; text-align:left; border: 1px solid #d5eaea; border-top:2px solid #d5eaea; border-bottom: 1px solid #d5eaea; font-weight:normal; width:240px; position:relative; vertical-align:top; } /* width + padding + border */ :root #c .hotell td {border: 2px solid #d5eaea\0/; border-top:3px solid #d5eaea\0/; border-bottom: 2px solid #d5eaea\0/;} #c .hotell img {margin:10px 0 7px; width:230px; } #c .hotell p {margin:0;padding:0; line-height:18px !important; } #c .hotell h2 { font-size:20px; } #c .hotell h3 {margin:0;padding:0; line-height:18px; } #c .hotell h3 span { display:block; font-weight:normal; position:absolute;top:14px;right:10px; padding:2px 6px; background:#dd0000;color:#fff; font-size:11px; line-height:18px; } #c .hotell h3 span em {font-weight:bold; font-style:normal; display:inline !important; zoom:1; position:relative !important; color:#fff !important; } #c .hotell .addon {font-size:11px;font-style:italic;} /* AddThis div.addthis_bar { top:115px !important; left:20px !important; background:transparent !important; border-radius:0 !important; width:40px; } .atf-collapsed,.at-floatingbar-close { border:1px solid red; display:none !important; } */ /* Ta bort AddThis vid sämre upplösningar */ @media screen and (max-width: 1155px){ div.addthis_bar { display:none; } } /* Ring */ #ring { background-position:-800px -190px; } #ring { width:99px; height:27px; position:absolute; top:37px; right:27px; } /* ----------------------------------------------------- -------------------------------------------------------- BOOK/#BF(FRONT PAGE BOOKING) -------------------------------------------------------- ----------------------------------------------------- */ #bf { position:absolute; top:93px; left:-5px; z-index:10; width:190px; color:#fff; } #book { width:227px; height:358px; position:absolute; left:-22px; background-position:-240px 0px; background:#5EB7C9; } #bf a { color:#fff; } #bf a:hover { color:#d3f0ff; } #flyg-hotell {clear:both;} #book { background-image:none; } /* Book menu tabs */ #btabs { height:35px; background:#58ACBC; margin:0 -20px 0 -17px; } #btabs li { float:left; list-style-type:none; } #btabs a { color:#fff; line-height:35px; height:35px; display:block; text-decoration:none; position:relative; } #btabs a em { position:relative; display:none; top:-14px; margin:auto; text-align:center; } #btabs a:hover { background:#6BBACC; color:#fff; } #btabs a.current { background:#51A0B2; font-weight:bold; } #btabs a.current em { display:block; text-decoration:none; font-weight:normal; color:#51A0B2; } #btabs li { width:30%; } #btabs li.bpaket { width:40%; } #btabs a { text-align:center; padding:0; } #btabs a { border-left:1px solid #6BBACC; border-color:#96cad6; border-color:rgba(255,255,255,0.3); } #btabs a#bflyg {border:0; } /* Inputs */ #bf .bform { padding-top:12px; } #bf label { margin:0 0 10px; display:block; } #bf label em, #bf div.flabel em { color: #d3f0ff; font-style:normal; display:block; font-size:11px; padding-bottom:5px; text-shadow:1px 1px 0 rgba(0,0,0,0.15); } #bf label:hover em, #bf div.flabel:hover em { color:#fff; } #bf input.text { color:#777; border:0; background:#fff; padding:8px 6px; font-size:16px; border-radius:2px; width:175px; /* width #bf minus padding */ } #bf input.text:hover { background:#EDF8FF; } #bf input.text:focus { background:#dbf1ff; outline:0; } /* Book Texts */ #pdatum { line-height:20px; font-size:12px; color:#d3f0ff; } #pdatum a { padding:3px 0 5px; display:block; } /* Form Left, Flyout */ #fleft { position:absolute; top:0; left:211px; z-index:10; display:none; } #fleft { padding:20px; padding-right:0; width: 756px; height:318px; background: #3CA6C9; } /* CSS3 */ #fleft { background: #765dae; } #fleft, #book { background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#22000000',GradientType=0 ); /* IE6-9 */ } #fleft label em, #fleft div.flabel, #fleft p, #c #bp em { text-shadow:1px 1px 0 rgba(0,0,0,0.2); color:#fff; } #btabs a { text-shadow:1px 1px 0 rgba(0,0,0,0.1); } #btabs a em {text-shadow:0 0;} #bf #fleft label em, #bf #fleft div.flabel em { text-shadow:0 0 0; color:#fff; } #foptions { width:120px; margin-left:30px; } #bf optgroup { font-weight:bold; color:#444; font-style:normal; font-size:11px; padding-left:3px; } #bf optgroup option { color:#666; font-weight:normal; padding-left:10px; } label.flabel select, div.flabel select { width:50px; padding:4px 2px; color:#666; margin:0; } label.fleft { padding-right:20px; float:left; margin-bottom:60px; } label.reslangd select, label.flygbolag select { width:100%; } label.reslangd select optgroup, label.flygbolag select optgroup { font-size:12px !important; } #bf label.reslangd { margin:0 0 15px; } #bf label.radio em { font-size:12px; } #bf label.radio { margin:0; padding:3px 0; cursor:pointer; } #bf label.radio em { display:inline; color:#fff; } label.radio input { float: right; *margin-top:-22px; } @media screen and (-webkit-min-device-pixel-ratio:0) { label.radio input { margin:3px 0 0 0; } } #bf label.radio:hover { text-decoration:underline; } #bf label.divide { margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,0.1); } /* Main Stuff */ #foptions { float:left; } #cal { float:left; width:630px; } #cal strong {font-size: 18px; font-weight:normal; } /* BarnPopup */ #fleft #bp { display:none; } #bp select { margin-bottom:7px; } #bp select.bright { float:right; } label.reslangd { clear:both; } #c div.flabel select { *float:left; } #c div.flabel select.bright { *float:right; *clear:right; } /* Booking Tooltips */ #bf a.wideTip { text-decoration:none; padding:1px 4px; border-radius:10px; background:#4C93A3; color:#fff; font-size:11px; margin-left:1px; z-index:9; font-weight:normal; } #bf a.wideTip { display:inline-block; height:14px; width:14px; line-height:14px; text-align:center; padding:0; } #bf a.wideTip:hover { background:#427C89; } #bf #fleft a.wideTip { background:#634D92; color:#fff; } #bf #fleft a.wideTip:hover { background:#513F77; } #bf #fleft p a.wideTip, #bf #fleft .radio a.wideTip { background:#4F3E75; } #bf #fleft p a.wideTip:hover, #bf #fleft .radio a.wideTip:hover { background:#413360; } #c #bf p.hem-ut a.wideTip { background:#634D92; } #c #bf p.hem-ut a.wideTip:hover { background:#513F77; } .bookTip .bottom { background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat; } .bookTip .content { width: 300px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .bookTip .content, .bookTip .bottom { opacity:.80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .bookTip .bottom { height: 5px; width:9px; overflow:hidden; background-position: 0 -20px; margin-left:161px; } /* Input tips */ #bf label { position:relative; z-index:1; } #ititle { position:absolute; width:168px; top:-70px; background:rgba(0,0,0,0.9); padding:10px; z-index:11; border-radius:3px; color:#666; background:#fff; font-size:11px; line-height:16px; box-shadow:0 0 20px rgba(0,0,0,0.2); } #bf .flabel.fleft { z-index:11; } /* Auto Complete */ .ac_results { padding: 0px; margin-top:5px; border: 1px solid #fff; background-color: #fff; overflow: hidden; z-index: 99999; margin-left:0; font-size:13px; text-align:left; border-radius:3px; } .ac_results { box-shadow:0 0 20px rgba(0,0,0,0.2); } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 8px 5px; cursor: pointer; display: block; border-radius:0; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 18px; overflow: hidden; } .ac_results strong {color:#444;} .ac_results .ac_over strong {color:#fff;} .ac_odd { background-color: #eee; } .ac_over { background-color: #3CA6C9; color: #fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); } #cal, #cal2 { width:305px; width:275px; position:relative; } .zcal p.hem-ut { font-size:11px; font-weight:bold; margin-bottom:4px; } .zcal p.hem-ut span { font-weight:normal; float:right; *position:absolute; *top:0; *right:0; } .zcal p.hem-ut em { font-style:normal; } /* DatePicker / Calendar */ #cal2 { float:left; width:275px; } #cal2 .Zebra_DatePicker { margin-left:0; } #cal { margin-right:30px; } .Zebra_DatePicker * { margin: 0; padding: 0; color: #888; } .Zebra_DatePicker { background: #fff; font-size: 12px; } .Zebra_DatePicker { width:275px; margin-bottom:9px; } /* Calendar */ .zcal table { border-collapse: collapse; border-spacing: 0; width:100%; } .zcal td, .zcal th { text-align: center; vertical-align:middle; } .zcal th { padding:1px 0; } .zcal td { cursor: pointer; height:30px; } .zcal .dp_daypicker td, .zcal .dp_daypicker th, .zcal .dp_monthpicker td, .zcal .dp_yearpicker td { background: #fff; border: 1px solid #ddd; } .zcal .dp_header { width:100% !important; } .zcal .dp_header td { color: #fff; background:#5c3982; text-transform:uppercase; font-size:11px; height:25px; } .zcal .dp_header .dp_previous, .zcal .dp_header .dp_next { width: 15%; text-align:center; } .zcal .dp_header .dp_caption { width:70%; } .zcal .dp_header .dp_hover { background: #222; color: #fff; } .zcal .dp_header .dp_blocked { color: #a190b2; cursor: default; } .zcal td.dp_next, .zcal td.dp_previous { background:#543476; } .zcal .dp_daypicker th { background: #eee; color:#888; padding:0; font-size:11px; } .zcal td.dp_not_in_month { color: #ccc; cursor: text; } .zcal td.dp_weekend { background:#fff; } /* helgdagar */ .zcal td.dp_weekend_disabled { color: #ccc; cursor: text; } .zcal td.dp_week_number { background: #FFCC33; color: #555; cursor: text; font-style: italic } .zcal .dp_monthpicker, .zcal .dp_yearpicker { width:100% !important; } .zcal .dp_monthpicker td { width: 33%; height:51px !important; } .zcal .dp_yearpicker td { width: 33%; height:51px !important; } .zcal .dp_footer { display:none; } .zcal td.dp_current { color: #444; background:#eee; } .zcal td.dp_disabled_current { color: #E38585 } .zcal td.dp_disabled, .zcal td.dp_weekend_disabled { background: #fff; color: #ccc; cursor: text; text-decoration:line-through; } .zcal td.dp_hover { background: #ffa; color: #222; } .zcal td.dp_selected { background: #ffa; color: #444 !important; background: transparent url(http://jade.se/Content/img/datemark.png) center center no-repeat; } .zcal .dp_monthpicker td.dp_selected, .zcal .dp_yearpicker td.dp_selected { background-image:none; } .zcal .dp_yearpicker td.dp_selected:hover, .zcal .dp_monthpicker td.dp_selected:hover { background:#ffa; } #c .dp_yearpicker .dp_disabled, #c .dp_monthpicker .dp_disabled { text-decoration:line-through; color:#aaa; } /* bookForm submit button */ #bf { height:340px; } #bf a.bbtn { position:absolute; bottom:20px; right:25px; width:64px; width:auto; padding:7px 20px !important; } #c a.bbtn { display:block; background:#fff; padding:5px 0 3px; border-bottom:2px solid #bbb; text-align:center; } #c a.bbtn { text-decoration:none; font-size:14px; line-height:18px; font-weight:bold; color:#666; color:#777\0/; *color:#777; text-shadow:1px 1px 0 #fff; } #c a.bbtn em { font-style:normal; font-size:10px; padding-left:3px; color:#3CA6C9; color:#aaa; } #c a.bbtn:hover { color:#333; } #c a.bbtn:hover em { color: #3CA6C9; } /* CSS3 */ #c a.bbtn { border-radius:2px; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); } /* Help info */ span.fstep { position:absolute; background:none; font-size:11px; font-style:italic; line-height:16px; } #fstep1 { bottom:0; left:0; display:none; } /* Special info */ #anfo { color:#888; position:absolute; top:23px; left:210px; width:400px; font-size:11px; line-height:16px; border:1px dashed #f00; height: 30px; padding:10px 20px; } } #anfo a { color:#444 !important; } /* New kalender link */ #c label.reslangd { margin-bottom:0; } #c .calToggle a { width:104px; position:relative; font-size:11px; color:#fff; display:block; text-align:center; margin:0 auto; } #c .calToggle a { margin-top:8px; padding: 0 0; line-height:22px; background: #56437e; } #c .calToggle a { border:1px solid #423463; border-top:0; border-left:0; text-decoration:none; } #c .calToggle a:hover { background:#4b3b6f; } #c .calToggle a { background:#fff; color:#444; text-shadow:0 0; width:100%; line-height:26px; border:0; background:#e1dceb; } #c .calToggle a:hover { background:#fff; color:#444; } /* Fakta-box */ p.fakta { background: rgb(219, 241, 255); padding: 10px; width: 220px; line-height: 16px; font-size: 11px; margin-top: 5px; margin-left: 15px; float: right; } /* TEMP TEMP TEMP #bf #tmp { position:absolute; padding-top:60px; } #bf #tmp strong { font-size:14px; } #bf input, #bf span { display:none; } #bf p, #c #bf em { display:none; } #bf #tmp p { display:block; } #btabs a { text-decoration:line-through; } *//* Paketresor v2 /* OBS! alla avslutande kommentarer * + / är borrtaggna sÃ¥ att detta inte gäller. /* Fixa när det är dags att publicera.*/ /* Global Changes */ #co.pr p.intro.p { margin-bottom:0; } /* Extra p-klass för alla kategorier som inte är /paketresor */ #r #people { margin-bottom:25px; } a.btn { cursor:pointer; } /* Paket - More Text */ .moreText { display: none; margin:27px 0 64px 0; } #catMore { padding:30px 0 40px; } /* #r, PaketLista */ #r .paket { border-color: #d4ecf7; margin-bottom: 30px; } #r .paket, #c #r .paket a { background-color: #f0f9ff; } #r .paket a:hover em, #r .paket a:hover em span { color:#3CA6C9; } #r .paket em { font-size:11px; color:#888; } #r .paket em span { font-family:georgia, serif; font-style:italic; color:#bbb; font-size:10px; } #r #plist a { display:block; overflow:hidden;border-bottom:1px dotted #ccc; } #r .paket a:hover { text-decoration:underline; } #r #plist a:focus { outline:0; } /* Paketlista, utvecklad vy */ #r #plist li.on a { background-position:-340px -127px; color:#333; text-shadow:0 0; } #r #plist li.on li a { color:#777; background-position:-334px -87px; padding-left:26px; width:214px; } #r #plist li.on a:hover { text-decoration:none; } #r #plist li.on li a:hover { color:#444; background-position:-334px -88px; background-color:#fff; } #r #plist li li.on a { background-color: #fff; } #r #plist li.alla a { font-size:11px; } /* jade 4.2 packageBoxes */ #co.pr .item { margin:0; padding:0; width:100%; clear:both; position:relative; } #co.pr p.more { border:0; } #co.pr .item.rek { background:#ffe; } #co.pr .item.rek i { position:absolute; top:10px; right:10px; display:block; padding:3px 5px; background: #dbf1ff; background: #aaa; background:rgba(0,0,0,0.3); background: #21BF8C; background:#c00; background:orange; color:#fff; } #co.pr .item p { margin-top:9px; } #co.pr .item a { height:103px; border-bottom:1px solid #ddd; margin:0; padding:9px 9px 15px 9px; } #co.pr .item a:hover { background: #f0f9ff; } #co.pr .item a:active { background: #dbf1ff; } #co.pr .item img { margin-bottom:0; width:100px; height:100px; } #co.pr .item strong { font-size:16px; font-weight:normal; line-height: 24px;} #co.pr .item p { font-size:12px; line-height:18px; margin-bottom:9px; } #co.pr .item span { display:block; margin-top:9px; } #co.pr .item em { font-size:14px; font-style:normal; position:absolute; right:10px; bottom:25px; } #co.pr .litems h3 { margin-bottom:0; padding-bottom:9px; font-size:12px; font-weight: normal; line-height: 150%; } /* Category sorting, 6 maj 2013 */ .litems { position:relative; } #psort { position:absolute; top:0; right:0; font-size:11px; color:#aaa; } #psort span { padding:3px 0; } #psort i { padding:3px 3px; display:inline-block; color: #aaa; font-style:normal; cursor:pointer; text-decoration:underline; } #psort i:hover { color: #444; } #psort i.on { color:#666; } #c a#gt { margin-top:0; } /* Weather Packages */ #w { font-size:12px; color:#666; position:relative; padding:0 0 24px 0;} .wBox { margin:20px 0 20px 0; padding: 10px 0 0; display:none; } .wBox.show { display:block; border:0; margin:0 0 20px; } #w .wico { float:left; vertical-align:top; margin:0; } #w .wr h3 { border:0; } #w .wr h3, #w p, #w i { line-height: 18px; margin:0; } #w .wr h3 { font-size:16px; line-height: 18px; } #w h3.idag { font-size:12px; border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 9px; } .wr { float:left; margin:8px 0 0 9px;} #w i { font-style:normal; display:block; clear:both; font-size:11px; color:#aaa; } #w strong { display:block; font-size:11px; color:#aaa; text-align:left; border-bottom:1px solid #ddd; margin:0 0 9px; font-weight:normal; } #w em { position:absolute; top:0; right:0; color: #3CA6C9; color:#aaa; cursor:pointer; font-style:normal; text-decoration:underline; font-size:12px; } #w em:hover, #w em.on { color:#666; } /* TRS försäkringar */ #c .trs { width:510px; height: 6000px; overflow:hidden; overflow-y: hidden; border:0; } iframe.trs::-webkit-scrollbar { display: none; } #trsLoad { display:none; } #trs { background: #fff url('http://jade.se/resor/flipflop2.gif') no-repeat center 60px; margin-top:40px; } /* ----------------------------------------------------- MEDIA QUERIES ----------------------------------------------------- */ /* 0-1000px : GO TO SINGLE COLUMN MODE @media(max-width: 1.600px){ #co p { font-size: 13px; line-height:150%; } #co .fakta { font-size:11px; } p.intro { font-size: 16px !important; line-height:150%; } } */ /* 0-700px : SINGLE COLUMN LO-FI MODE (FIXED) */ @media(max-width: 100px){ /* HIDE/RESET */ body { background:#f6f6f6 !important; background-image:none; padding-bottom: 150px; } body,#t { width: auto; margin:0; } /* reset */ #r, #pt, #f { display:none; } #ring { top:30px; } /* MAIN */ #co, #c, #l { width: 510px; } p.intro { width:500px; } #mf, #mf .mc { width:300px; } #c,#co,#l { padding:0; margin:0; float:none; clear:both; } #c { position:relative; margin:0 auto; padding:0 20px 0 30px; margin-top:15px; } /* menues */ #tmenu {} #menu { width:auto; } #menu a, #tmenu a { color: #888; font-size:14px; } #tmenu a { font-size:11px; } #tmenu li.minresa a { color:#fff; } #menu a:hover, #tmenu a:hover { color:#888; } #menu li:nth-child(2), #menu li:nth-child(5), #menu li:nth-child(6), #menu li:nth-child(7), #tmenu li:nth-child(2) { display:none; } /* top */ #t { height:110px; margin:-20px -20px 40px -30px; } /* TOP -- add SVG background here */ /* mainFooter */ #mf, #mf .mc { top:0; bottom:0; left:0; height:auto; margin:0; padding:0; background:none; text-align:center; } #mf { margin: 20px auto 0 auto; float:none; clear:both; } /* START PAGE */ #s { display:none; } #bf { background: #000; padding: 0 15px; } #bf ul { width:auto; margin:0; } #bf { _left: 17px; left:0; } #c #fleft, #c #bf { height:350px; } #fleft { width:330px; position:absolute; display:block; overflow-x:hidden; } #bf #bsub { position:relative; bottom:0; right:0; display:none; } #cal2 { margin-top:25px; } } /* RESET **************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td {text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } strong { font-weight: bold; } em { font-style: italic; } br {height:0;display:block;} a {outline:0;} /* imgsprites_png8.png */ #sform input, #sform input.ssubmit:hover, .lightTip .bottom, .regTip .bottom, .sTip .bottom, .rpeopleTip .bottom, #flagtip .flagt, #pctrl, #pctrl a.prev, #pctrl a.next, #r .boxed li, #r .news ul li, #r .boxed li a, #r .news a, #aa a, #pt em, #rtabs .sep, #c #rtabs li a.current,#c #rtabs li a.current span, #resorf, #c a.btn em { background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat; } /* imgsprites_solids.png */ #t, #logo a, #tmenu li.flag strong, #sf, #flagtip li a, #book, #c .news ul, #mf, #f h3, #fb, #tw, #yt, #pt strong, #ring, a.btn, a.btn span { background:url(http://jade.se/Content/img/imgsprites_solids.png) no-repeat; } /* imageSprites.png, 24-bit alpha */ #slide a em, #next, #prev, #sl, #sr { background:url(http://jade.se/Content/img/imageSprites.png) no-repeat; } /* New additions aug 2011 */ #sform { display:none; } #resorf { position:absolute; top:0; right:0; margin-top:-23px; text-indent:-999em; display:block; width: 62px; height:12px; padding:5px; background-position:-920px -75px; } #resorf:hover { background-position:-920px -105px; } #resorf:active {margin-top:-22px;} /* New apr 2012 */ li.expired span { font-size:10px; color:#ad4040; font-family:tahoma; } /* MAIN -----------------------------------------------------*/ /* OLD body { background:#edecea url(img/bg38.jpg) no-repeat center top; font-size:12px; line-height:20px; font-family:arial,helvetica,sans-serif; padding-top:28px; color:#777; } */ body { background:#edecea url(http://jade.se/mainbg/lofi.png) no-repeat center top; font-size:12px; line-height:20px; font-family:arial,helvetica,sans-serif; padding-top:46px; color:#777; } body.dag { background-image: url(http://jade.se/mainbg/dag.jpg); } body.dag2 { background-image: url(http://jade.se/mainbg/dag2.jpg); } body.kvall { background-image: url(http://jade.se/mainbg/kvall.jpg); } body.morgon { background-image: url(http://jade.se/mainbg/morgon.jpg); } body.natt { background-image: url(http://jade.se/mainbg/natt.jpg); } /* old body bg = img/mainbg.jpg 125% 0 etc, se OLD main.css! */ #c { width:904px; padding:0 28px; padding-right : 27px\9; } /* 904+28+28 = 960px, global padding and width */ #c { position:relative; margin:auto; background:#fff; min-height: 1000px; height: auto !important; height: 1000px; } .print { position:absolute; text-indent:-9999px; top:0; left:0; } #logo a { display:block; width:162px; height:93px; background-position: 0 0; text-indent:-9999px; outline:0; } #logo a:hover { opacity:.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } #t { background-position: 0 -364px; margin:0 -28px; padding:0 28px; background-color:#fff; } .clear {clear:both;} .red {color:#dd0000;} .green {color:green;} .orange, a.orange:hover { color:#f70; } .blue {color:#3BA6C8;} /* default jade blue */ #l { width:592px; float:left; margin-top:35px; background:#fff; min-height:1000px; } #r { width:280px; float:right; margin-top:35px; background:none; position:relative; z-index:9999; z-index:1; } /* MENU ------------------------------------------------------*/ #menu { position:absolute; left:0; top:-40px; width:700px; font-size:12px; left:-10px; z-index:410; } #c .menu ul { position:absolute; top:36px; width:200px; } /* Notera top-värdet som ska vara samma som line-height */ .menu li,#tmenu li { position:relative; } #menu ul,#tmenu ul { display:none; background: #fff; font-size:12px; left:0; } .menu li, .menu a { float:left; } .menu a { color: #a9d3ff; display:block; line-height:36px; padding:0 10px; text-decoration:none; } .menu ul a { *height:36px; } .menu a:hover { color:#fff; } .menu a:active, .menu a:focus { color:#fff; } .menu a.sub { background:transparent url(navDown2.png) 90% center no-repeat; padding-right:23px;} /* .menu li:hover a.sub { background-color:#fff; color:#666; } */ /* topLevel item ACTIVE */ .menu li.active a.sub { background: url('navUp2.png') 90% center no-repeat; } .menu li.active a.sub { background-color:#fff; color:#666; } /* topLevel item ACTIVE */ .menu ul li, .menu ul a { float:none; position:relative; } .menu ul li {border-bottom:1px solid #eee;} .menu ul li a:hover { background: #eee; } .menu ul a { color:#888; } .menu ul a:hover { color: #666; } .menu li.on a { color:#fff; } .menu li.on ul a { color:inherit; } /* #c .menu li:hover ul { display:block; } */ /* secondLevel trigger */ /* 3rd level */ #c .menu li:hover ul li ul { display:none; position:absolute; left:180px; top:0; width:200px; } .menu li:hover ul li:hover ul { display:block; } #c .menu ul { display:none; border-bottom:3px solid #ccc; } ul.menu ul a { padding-left:23px; background: #fff url(navRight.png) 5px center no-repeat; } ul.menu ul a:hover { background: #f0f9ff url(navRight2.png) 7px center no-repeat; } /* main hover color + bg */ ul.menu li.sub3:hover { background: #f6f6f6; color:#fff; } /* misc, special styling */ #c #menu a i { font-style:normal; font-size:11px; float:right; color: #aaa; } #c #menu a i span { font-family:georgia; font-style:italic; color:#ccc; font-size:10px; } #c #menu a:hover i, #c #menu a:hover i span { color:#666; color:#3CA6C9; } #menu li.alla a { background-color:#ffe; font-size:11px; } #menu li.alla a:hover { background-color:#f0f9ff; } #menu li.sub3 ul { width:230px; } #menu li.paket ul { width:260px; } /* Sidomenyn */ #tmenu { position:absolute; right:0; top:-40px; font-size:11px; z-index:40; } #tmenu ul li, #tmenu ul li a { float:none; } #tmenu li.minresa a { padding:0 8px 1px 8px; line-height:22px; margin-top:8px; border-radius:5px; margin-left:7px; } #tmenu li.minresa a { background: #3a89ed; } #tmenu li.minresa a:hover { background: #66aaff; } /* Text-shadow MOD ----------------------------------------------------- */ .menu a { position:relative; z-index:10; } .menu a em { position:absolute; color: #1a62b1; top:1px; left:11px; z-index:-1; font-style:normal; } /* note: padding-value = left-value +1 */ .menu ul a em { color: #144b88; } .menu a em {display:none;} /* Mega menu */ #menu ul { background:#fff; } #c #menu ul.mega { width:345px; } #menu div { background:#fff; margin-bottom:10px; padding-bottom:0; } #menu div a { width:auto; height:auto; background:none; padding:15px; padding-right:0; line-height:auto; width:150px; } #menu div a:hover span.title { color:#3CA6C9; text-decoration:underline; } #menu div a:hover span.ico { opacity:.8; } #menu .title {font-size:14px; color:#666; display:block; line-height:38px; } #menu .ico { display:block; width:150px; height:100px; background: #eee; } #menu .ico { background:transparent url(http://jade.se/Content/img/imgsprites_solids.png) no-repeat; } #menu .ico { background-position:-241px 0; } #menu .ico.fhotell { background-position:-241px -113px; } #menu div { float:left; } #menu ul li {clear:both;} #menu p { line-height:16px; font-size:11px; margin:0; margin-top:5px; } #menu ul.mega li { padding-right:15px; } #c #menu ul ul { left:345px; width:210px; z-index:99; } #c #menu #mtips { position:absolute; xleft:100px; right:-10px; top:-30px; z-index:999; } #c #menu #mtips { background:#fff; color:#888; padding:0 9px; width:auto; min-width:80px; font-weight:normal; font-style:italic; font-size:11px; line-height:24px; border:1px solid #ddd; white-space:nowrap; } /* Time of day MODS */ body.morgon #tmenu li.minresa a { background-color: #5387ff; } body.morgon #tmenu li.minresa a:hover { background-color: #6f9bff; } body.kvall .menu a { color:#ffead6; } body.kvall .menu a:hover, body.kvall .menu li.on a { color:#fff; } body.kvall #c .menu li li a { color:inherit; } body.kvall #c .menu li li a:hover { color:inherit; } body.kvall .menu a.sub { background-image: url(navDownWhite.png); } body.kvall .menu li.active a.sub { color:#444; background-image: url(navUp2.png); } body.kvall #tmenu li.minresa a { background-color: #d8700d; } body.kvall #tmenu li.minresa a:hover { background-color: #b76210; } body.natt .menu a { color:#7d9afa; } body.natt .menu a:hover, body.natt .menu li.on a { color:#fff; } body.natt #c .menu li li a { color:inherit; } body.natt #c .menu li li a:hover { color:inherit; } body.natt .menu li.active a.sub { color:#444; } body.natt #tmenu li.minresa a { background-color: #002aaf; } body.natt #tmenu li.minresa a:hover { background-color: #204cdd; } /* IE7 and below fixes */ .menu li.on ul li { *cursor:pointer; } #c .menu li.on ul a, #c .menu li ul a { *color:#888; *cursor:pointer; } .menu li.on ul a i { *margin-top:-35px; } /* Search Form */ #sform {position:absolute;top:38px;left:815px;} #sform input { display:block;position:relative;z-index:0;width:78px;height:14px;overflow:hidden;border:0;color:#aaa;font-size:11px;background-position: -580px -30px; padding:5px 30px 5px 10px; } #sform .sinput:hover { color:#999; } #sform input.sfocus, #sform .sinput:focus { background-position: -580px -60px; color:#3BA6C8; outline:0; } #sform input.ssubmit { position:absolute; z-index:100; top:0; right:0; cursor:pointer; background-position:-235px -120px; height:24px; width:31px; text-indent:-9999px; padding:0; } #sform input.ssubmit:hover { background-position: -579px -90px; } #sf { position:absolute;top:451px;left:0;background-position: 0 -500px; width:960px; height:34px; } /* HEADERS ---------------------------------------------------*/ h1,h2,h3 { color:#666; line-height:auto; } h1 { font-size:32px; font-weight:200; margin-bottom:0px; letter-spacing:0px; word-spacing:-2px; width:430px; } h2 { font-size:18px; letter-spacing:0; word-spacing:-1px; font-weight:400; line-height:26px; margin-top:36px;} h3,h4,h5,h6 {font-size:12px;font-weight:bold;color:#777;} h6 { font-size:11px; font-weight:normal; color:#888; text-transform:uppercase; } p.intro {font-weight:normal;} #l h2.section {margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd; margin-top:60px;} #l h2.divide { padding-top:24px;border-top:1px solid #ddd;font-size:24px;line-height:38px; } #c h1 { line-height:120%; margin-top:-22px; width:auto; *margin-top:-3px; } #c a.bprint { display:none !important; } /* HOME specific --------------------------------------------*/ #s { display:block; height:358px; } #slide { width:776px; height:358px; background:#000; position:absolute; right:-22px; *right:-23px; right: -23px\0/IE8+9; /* IE8 + 9 + IE10pp4 */} /*:root #slide { right:-23px; }*/ #slide img { width:776px;height:358px; z-index:1; } #slide a {text-decoration:none;position:absolute; z-index:1; display:none;} #slide a em { width:89px; height:37px; overflow:hidden; position:absolute; z-index:20; top:15px; left:15px; background-position:-120px 0px; cursor:pointer; } html>body #slide a em {display:none;} /*ie6 doesn't see this line */ #slide a:hover em { display:block; z-index:20; } #slide a:hover span em {display:inline;} #slide a span { font-weight:bold;text-transform:uppercase;position:absolute;right:0;top:290px;width:auto; padding:15px 30px 13px 20px; background:#111; color:#fff; font-size:22px; letter-spacing:-2px; word-spacing:-3px;} #c #slide span em {display:inline;font-style:normal; font-weight:strong; width:auto; height:auto; position:static; background:none;word-spacing:-5px;} #slide a span strong { font-weight:normal;color:#ccc; } #ctrl { position:absolute; z-index:2; width:776px; right:-21px; } #ctrl a:active { margin-top:1px; outline:0; } #next, #prev {position:absolute;z-index:100;width:24px;height:24px;top:160px;background-position:6px 6px; overflow:hidden; text-indent:-9999px;} #next, #prev {padding:6px;} #ctrl {z-index:100;} #prev {left:-19px;} #next {right:-19px;background-position:-54px 6px;} #prev:hover {background-position:-24px 6px; } #next:hover {background-position:-84px 6px; } #c #slide a:active img { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #people { display:block; position:absolute; z-index:10; width:160px; height:148px; margin-top:210px; overflow:hidden; left:195px; } #people:active { padding-top:1px; } #people:focus { outline:1; } #people img { padding-top:10px; -ms-interpolation-mode : bicubic; } .lightTip { width: 261px; font-size:11px; line-height:16px; margin-left:135px; } .lightTip .content { width: 230px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .lightTip .content, .lightTip .bottom { opacity:.80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .lightTip .bottom { height: 5px; width:9px; overflow:hidden; background-position: 0 -20px; margin-left:20px; } .rpeopleTip { width: 261px; font-size:11px; line-height:16px; margin-left:-133px; } .rpeopleTip .content { width: 230px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .rpeopleTip .content, .rpeopleTip .bottom { opacity:.80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .rpeopleTip .bottom { height: 5px; width:9px; overflow:hidden; background-position: 0 -20px; margin-left:230px; } .regTip, .sTip { font-size:11px; line-height:16px; margin:-3px 0 0; position:absolute; z-index:0; } .regTip .content, .sTip .content { width:100px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .regTip .content, .regTip .bottom, .sTip .content, .sTip .bottom { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } .regTip .bottom, .sTip .bottom { height: 5px; width:9px; background-position: 0 -20px; margin-left:47%; } .sTip .content { padding:7px; width:auto; } .sTip .bottom {display:none;} .regTip .bottom { height: 5px; width:9px; overflow:hidden; margin-left:62px; } /* arrow is dependent on total width of .content! */ #flagtip { position:absolute; font-size:11px; line-height:16px; top:-5px; left:180px; _top:-14px; z-index:999; display:none; } #flagtip .flagc { width: 260px; padding: 15px; background:#000; color:#fff; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #flagtip .flagc, #flagtip .flagt { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } #flagtip .flagt { height: 5px; width:9px; background-position: -10px -20px; margin-left:49px; } #flagtip .flagt { _background-position: -10px -11px; } /* ie6 */ #flagtip li { float:left; padding: 7px 8px 7px 0; } #flagtip li a { background-position: -500px -220px; width:16px; height:11px; overflow:hidden; display:block; text-indent:-9999px; } #flagtip li a:hover { border-bottom:1px solid #000;margin-top:-1px; } #flagtip p.clear { font-size:10px;line-height:14px; border-top:1px dotted #444;padding-top:4px;margin-top:28px; color:#ccc; } #c li.en a { background-position: -500px -220px; } #c li.th a { background-position: -500px -280px; } #c li.cn a { background-position: -500px -340px; } #c li.jp a { background-position: -500px -310px; } #c li.es a { background-position: -500px -250px; } #c li.se a { background-position: -500px -190px; } .content strong {display:block;margin-bottom:5px;border-bottom:1px dotted #666;padding-bottom:5px;color:#3CA6C9;color:#00C2FF;} .content em {display:block;margin-top:10px;font-style:normal; color:#ccc;} #sl, #sr {display:block;width:22px;height:22px;position:absolute;z-index:1;margin-top:358px;} #sl { background-position: -210px 0px; left:-22px; } #sr { background-position: -235px 0px; right:-22px; } /* BLOCKS -------------------------------------------------*/ #l .blocks {width:auto;} #c .blocks, #c .blocks li, #l .boxed li, #l .boxed ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; background:none; } #l .blocks li { float:left; width:280px; overflow:hidden; margin-bottom:20px; height:207px; } #r .blocks li { float:none; width:280px; overflow:hidden; margin-bottom:20px; height:207px; } #c .blocks li.even { margin-left:32px; } #c .blocks h3 {border-bottom:1px solid #ccc; margin:0 0 10px; padding:0; } #c .blocks a:hover img { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } .boxed { border:1px solid #ccc; padding:20px 0 0 20px; margin:0 0 20px; height:350px; } /* ie fix needed */ .boxed.blue {padding-left:18px;position:relative; background:#dbf1ff; border-color:#badae7; } #c .boxed.blue h3 { background:#3ca6c9; color:#fff; line-height:38px; margin: -10px -1px -10px -19px; padding-left:13px; text-shadow:1px 1px #3085a1; margin-bottom:20px; } #l .boxed a { display:block; text-decoration:none; color:#888; } #l .boxed a:active { margin-top:1px; outline:0; } #l .boxed a:hover img { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #l .boxed a:hover em { border-bottom:1px solid #fff; color:#444; text-decoration:underline; } #l .boxed a em { font-weight:normal; font-size:11px; font-style:normal; font-size:11px; line-height:11px; display:block; } #l .boxed li { float:left; width:171px; height:143px; margin-right:20px; } #l #bblue em { border:0; } #scroller { position:relative; overflow:hidden; width:592px; height:350px; margin-left:-20px;} #scroller .items { position:absolute; width:20000em; } #scroller ul li.ssingle { float:left; width:590px; margin-left:20px;} #pctrl { position:absolute; bottom:-14px; left:267px; width:52px;height:27px; background-position: -70px 0px; padding-left:8px;} #pctrl a.prev, #pctrl a.next { width:17px; height:17px; display:block; float:left; background-position: -30px 0px; outline:0; margin-top:6px; outline:0;} #pctrl a.next { background-position: -50px 0px; margin-left:2px; } #pctrl a.next:hover { background-position: -50px -20px; } #pctrl a.prev:hover { background-position: -30px -20px; } #l #pctrl a:active { margin-top:7px; } #l #pctrl a.prev.disabled { background-position: -710px -130px; } #l #pctrl a.next.disabled { background-position: -730px -130px; } .boxed.gray h3 { background:#aaa; color:#fff; line-height:38px; margin: -10px -1px -10px -21px; padding-left:13px; text-shadow:1px 1px #888; margin-bottom:10px; } .boxed.gray, .news ul { background:#f5f5f5; } #r .boxed ul { margin:0; margin-right:20px; } #r .boxed li, #r .news ul li { background-position: -300px 28px; } #r .boxed li a, #r .news a { display:block; text-decoration:none; height:21px; color:#666; padding:4px 0 5px 0; position:relative; } #r .boxed li a, #r .news a { padding-left:15px; background-position: 0px -89px; text-shadow:1px 1px #fff; } #r .boxed li a:hover, #r .news a:hover { background-position: 1px -129px; } #r ul li.last { background:none; } #r li a:hover { color:#333; } #r .boxed li.last a {} #r .boxed em { position:absolute; top:5px; left:0; display:block; text-align:right; font-style:normal; width:238px; cursor:pointer; } #c .news ul { border:1px solid #ccc; padding:20px 0 0 20px; height:148px; background-color:#f5f5f5; background-position:-470px -0px; } #r .news ul li { height:auto; margin:0; width:240px; overflow:hidden; } #r .news a.archive, #r .gray a.archive {display:block;margin-top:-30px;font-size:11px; background:none; color:#bbb; text-shadow:0 0; text-align:right; width:30px; float:right; padding-right:20px; height:12px; line-height:12px; } #r .gray a.archive {margin-top:15px;text-decoration:none;} #r .news a.archive:hover, #r .gray a.archive:hover {color:#aaa;text-decoration:underline; } #r #aa { height:70px; margin:30px 0 -20px; } #aa a { display:block; float:right; margin-left:15px; text-indent:-999em; opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #aa a:hover {opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";} #r #uc { width:57px;height:58px; background-position:-700px 0; } #r #aaa { width:82px;height:45px; background-position:-700px -70px; margin-top:5px;} /* MAIN FOOTER ***************************************/ #mf { width:960px; bottom:-25px; height:27px; position:relative; margin:0 -28px 0 -28px; background-position:0 -464px; width : 959px\9;} #mf, #mf a { color:#b6b2ad; font-size:11px; text-align:center; } #mf a:hover { color:#888; } #mf .mc { position:absolute; width:960px; top:35px; left:0;} #mf li { display:inline;margin:0 1px; } /* FOOTER *******************************************/ #f { background:#fff; border-top:1px solid #cbc9c5; height:224px; margin-top:300px; } #f .fc {position:relative;margin:auto;width:960px;height:177px;margin-top:25px;} #f h3 { background-position:0 -100px; display:block; width:232px; height:177px; text-indent:-9999px;float:left;} #f img { margin:15px 0 0 23px; } /* follow us.. */ #fb, #tw, #yt {position:absolute;top:60px;right:0;display:block;width:70px;height:85px; text-indent:-999em; opacity:.65; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #fb:hover,#tw:hover,#yt:hover {opacity:1;filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)";} #fb {background-position:-565px -185px; right:160px;} #tw {background-position:-645px -185px; right:81px;} #yt {background-position:-725px -185px; right:2px;} /* upperPage / main pages */ #co { margin-top:-20px;z-index:10;position:relative;padding:0 45px; } #co a {color:#3CA6C9; } #co a:hover {color:#333; } #pt { margin-top:35px; } #pt em { display:block; height:64px; background-position:0 -186px; margin:0 -50px 0 -50px; margin:0; left:-22px; } #pt #sl, #pt #sr { margin-top:64px; } #pt #sl { background-position: -210px 0px; } #pt #sr { background-position: -235px 0px; } #pt #sf { top:192px; z-index:1; } #pt strong { position:absolute; z-index:9; display:block; width:592px; height:128px; margin-top:-35px; background-position:-0 -540px;background-color:#fff; padding-bottom:30px;} #pt strong { margin-left:0; } #pt em { position:absolute; width:1006px; width:1004px; height:80px; } #r #people { position:relative; top:0px; left:83px; margin:0; margin-top:-76px; height:105px; margin-bottom:13px; width:130px; } #r #people img {width:144px;} /* CONTENT ---------------------------------------------------*/ #l p,#l ul,#l ol { margin-bottom:18px; } #l p { color:#777; } .intro { font-size:15px; line-height:21px; } #l ul, #l ol { list-style-position:inside; margin-left:18px; width:auto; } #l ul { list-style-type:disc; } #l ul li { padding:0; margin-top:5px; } #l img.large { margin-bottom:13px; margin-top:13px; } #l img.left, #l em.left { float:left; margin-right:15px;margin-bottom:10px; margin-left:-5px; } #l img.right, #l em.right { float:right; margin-left:15px;margin-bottom:10px; } #l img.thumb, #l em.thumb { width:155px; margin-bottom:10px; padding:5px; } #l .left.clear { clear:left; } #l .medium.clear { margin-bottom:10px; } #l .right.clear { clear:right; margin-right:-5px; } #l a:hover img { opacity:0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); } #l img.medium, #l em.medium { margin-left:0; margin-top:5px; margin-bottom:0; width:224px; } #l img.medium.right, #l em.medium.right { margin-left:15px; } #c em.left, #c em.right { margin-bottom:5px;margin-top:-7px;display:block;font-size:11px; } #l a.idesc em {color:#888;font-style:normal; border:0; } #l ol { list-style-type: decimal; } #l .gallery { margin-bottom:10px; } #l .gallery .thumb { margin-bottom:0; } table.tdefault { width:100%; line-height:28px; border-collapse:collapse; margin:0 0 20px 0; } .tdefault td, .tdefault th {min-width:60px; padding:0 8px 0 8px;text-align:right;} .tdefault td.tleft, .tdefault th.tleft {text-align:left;} .tdefault thead td, .tdefault thead th { font-weight:bold; border-bottom:1px solid #fff; font-size:11px; text-transform:uppercase; background:#3CA6C9; color:#fff; } .tdefault tbody td {border-bottom:1px dotted #ccc; } .tdefault tbody tr:hover td { color:#222; background:#dbf1ff; } .tred thead td {background:#dd0000;} table.small {font-size:11px;} .tlarge td {text-align:left;width:auto;min-width:0;} .tlarge img {vertical-align:middle;} .tlarge .tja {color:green;} .tlarge .tnej {color:red;} table.sortable td, table.sortable th {text-align:left;} table.sortable th { cursor:pointer; } table.sortable th:hover { text-decoration:underline; } table.sortable th.nosort { cursor:text; text-decoration:none; } .tdefault tr.even td { background:#f6f6f6; } .tdefault tr.even:hover td {background:#f6f6f6;} #c table.tdefault.tleft td {text-align:left;} /* weater, vädertabell */ .vader td, .vader th { min-width:auto; text-align:center; padding:0; width:20%; } .vader td.tleft, .vader th.tleft { text-align:left; } p.more { border-top:1px solid #ddd; margin-top:10px; padding-top:5px; } /* Buttons - Edit mars 2013 */ #l a.btn, #r a.btn { background-position:-741px -580px; text-decoration:none; color: #888; font-size:12px; } #l a.btn, #r a.btn { display:block; float:left; padding:0 0 0 15px; } #l a.btn, #r a.btn { margin-top:20px; margin-right:10px; position:relative; } #l a.btn span, #c a.btn em, #r a.btn span { display:block; padding:5px 17px 8px 0; background-position: right -580px; } #l a.btn:hover, #r a.btn:hover { background-position: -741px -540px; color: #444; } #l a.btn:hover span, #r a.btn:hover span { background-position: right -540px; } #c a.btn:active { background-position:-741px -620px; color: #888; } #c a.btn:active span { background-position:right -620px; } #c a.btn em { background-position: -334px -134px; } #c a.btn.up em { background-position: -784px -54px; } #c a.btn em { display:inline; padding:0 6px; height:8px; margin-top:9px; } #c a.btn.up { background-position:-741px -620px; color: #888; } #c a.btn.up span { background-position:right -620px; } #c a.btn em { *display: inline-block; *height:16px; *margin-top:0; *vertical-align:bottom; } /* IE7 and below */ .intro .btn { line-height:20px; } /* Special */ #special a { position:relative;margin:0;padding:0;display:block;text-decoration:none; } #special a em { display:none;z-index:2;position:absolute;top:15px;left:10px;padding:8px 0px 8px 10px;background:#000;color:#fff;font-style:normal;font-weight:bold;opacity:0.90; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; } #special a:hover em { display:block;width:490px; width:auto; padding-right:10px;} /* reseguider treeview */ #r #tree ul { display:none; margin-left:0; } #r #tree a { display:block;overflow:hidden;border-bottom:1px dotted #ccc; } #r #tree li { background:none; } #r #tree li a { background-color:#f5f5f5; } #r #tree li.on a { background-position:-340px -127px; color:#333; text-shadow:0 0; } #r #tree a:focus { outline:0; } #r #tree li li a { background-position:-334px -87px; padding-left:26px; width:214px; } #r #tree li.on li a { color:#777; background-position:-334px -87px; padding-left:26px; width:214px; } #r #tree li.on li a:hover { color:#444; background-position:-334px -88px; background-color:#fff;} #r #tree li li { background:#f5f5f5; } #r #tree ul { margin-bottom:10px; } #r .boxed.tree { height:auto; padding-bottom:20px; } #r .boxed.tree h3 { margin-bottom:10px; } /* page tabs */ #rtabs ul { height:25px; border-bottom:3px solid #3CA6C9; padding-left:18px; } #rtabs li { float:left;margin-right:0px; } #rtabs li a { display: block; text-decoration:none; color:#666; outline:0; padding:0 4px 0 0; line-height:25px; } #rtabs li a span { padding:0 4px 0 8px; } #rtabs li a:hover { color:#111; } #c #rtabs li a.current { text-decoration:none; color:#fff; background-position: right 0; display:block; padding:0 4px 0 0px; } #c #rtabs li a.current span { display:block; background-position: -854px 0; } #rtabs, #l .item { font-size:11px;color:#666; line-height:16px; margin-bottom:25px; padding-top:8px; } #rtabs div.pane { background:#f5f5f5; border:1px solid #ddd; padding:18px; padding-top:15px; display:none; padding-bottom:10px; } #rtabs img.left { float:left; margin-right:13px; margin-top:4px; } #rtabs a:hover img {} #rtabs .sep { height:2px; width:100%; margin:10px 0; margin-top:13px; background-position:-300px 0; } #rtabs a.imore { display:block; padding:5px; padding-left:0; margin-top:10px; color:#aaa; text-decoration:none; outline:0; padding-bottom:8px;} #rtabs a.imore:hover { text-decoration:none;color:#666; } #r #rtabs a.loaded { color:#333;text-decoration:underline;text-decoration:none; border-bottom:1px dotted #aaa; margin-bottom:-1px;} #r #rtabs a.imore em {padding-left:2px;} .ajaxtarget { margin-top:13px; display:none; margin-bottom:0px;} .ajaxload { position:absolute;margin-top:-24px;left:160px; color:#bb0000; background:#F5F5F5; } #c #pane1 {display:block;} #c #rtabs .item {height:80px;overflow:hidden;} /* Left Panes (Image List Groups) + people groups */ #l .item { float:left; width:245px; margin-right:12px; margin-bottom:5px;padding:0; } #l .item.nomargin { margin-right:0px; } #l .item img.left { margin-left:0; } #c .item a { color:#666; text-decoration:none; display:block; } #c .item a strong { display:block; color:#555; } #c .item a img { margin-top:4px; } #c .item a span {text-decoration:underline;} #c .item a var {display:block;zoom:1;font-style:normal;line-height:16px;} #c .item a:hover *, #c .pane a:focus * { color:#333; } #c .litems { margin:35px 0 0 0; } #c .litems h3 { border-bottom:1px solid #ccc; margin:0 0 18px 0; padding:0 0 5px 0; } #c .litems.paketresor h3 { margin:0 0 10px 0; } #c .item a:hover strong {text-decoration:underline; color:#222; } #c .item a:hover img { opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; } #c .ppl .item { width:150px; height:230px; margin-right:20px; margin-bottom:5px; overflow:hidden; margin-bottom:20px; } #c .ppl img { width:180px; height:133px; } #c .ppl .item.nomargin { margin-right:0; } .item strong { white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } #c #l .item p strong { display:inline; font-weight:normal; text-decoration:none; } /* boxes */ .mbox { padding:10px 12px 0px 12px; margin:10px 0 18px; border:1px solid #ccc; background: #f8f8f8; clear:both; } .mbox img.large {margin-top:10px;} .mbox h2 {margin-top:0;margin-bottom:10px;} .mbox.info { background:#ffc; border:1px solid #CFCFA8; margin-top:40px; } .mbox.fail { background:#FFEFEF; border:1px solid #DF6F6F; color:#fff; } #l .mbox a {color:#8F8F6B;} #l .mbox a:hover {color:#FF7200;} #l .mbox a.btn {margin-top:0;margin-bottom:20px;} #l .mbox a.btn, #l .mbox a.btn:hover {color:#fff;} #c .mbox a.btn { color: #666 !important; } /* colorbox */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:#fff;} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(js/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; bottom:20px; right:0; color:#eee; background:#111; padding:5px 15px 5px 10px; font-weight:bold; } #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:17px; height:17px; position:absolute; top:-20px; background:url(http://jade.se/Content/img/imgsprites_png8.png) -710px -150px no-repeat;} #cboxPrevious{background-position:-30px 0px; right:44px;} #cboxPrevious.hover{background-position:-30px -20px;} #cboxNext{background-position:-50px 0px; right:22px;} #cboxNext.hover{background-position:-50px -20px;} #cboxClose{background-position:-710px -150px; right:0;} #cboxClose.hover{background-position:-730px -150px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* Basfakta, Väder */ #vader { margin-bottom:30px; } #vader h2 {margin:0;padding:0;margin-bottom:5px;margin-top:20px;} .fakta {width:100%;font-size:11px;} #c .fakta td { border-bottom:1px solid #ddd; padding-right:10px; line-height:24px;} .tfirst {font-weight:bold;width:90px;} .basfakta {margin-bottom:20px;} .weatherItem { height:140px;position:relative; width:auto; background-position:70px 0; margin-top:-15px; width:auto; } .weatherItem div {text-align:left;} .weatherRange, .weatherWind {font-size:11px;line-height:16px;} .weatherTemp { font-size:40px; color:#888; font-weight:normal; line-height:40px; padding-top:25px; padding-bottom:5px; margin-bottom:5px; letter-spacing:-1px; border-bottom:1px solid #ccc; width:50px;} /* Mer info */ #mi { border-top:1px dashed #ddd; margin:40px 0 -20px 0; line-height:18px; } #mi ul, #mi ol {list-style-type:none;margin:0;} #mi li {padding:0;background:none;} #mi div {float:left; width:155px; margin:40px 0;font-size:11px; } #mi .m1 {width:112px;} .m1 span { display:block; width:110px; height:110px; background:url(http://jade.se/Content/img/imgsprites_solids.png) -600px -540px no-repeat; text-indent:-9999px; } .m1,.m2 {padding-right:40px;} #mi a {display:block; line-height:14px; height:14px; padding-bottom:2px; overflow:hidden; text-decoration:none; border-bottom:1px solid #ccc; color:#666; } #mi .m1 a {height:auto;overflow:visible;border:0;} #mi .m1 a:hover {opacity:.9;filter:alpha(opacity=90); -moz-opacity:.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #mi h4 {margin:0;font-weight:bold;font-size:13px;} #mi em {display:block;margin-bottom:10px;font-style:normal;color:#999;} /* Bokningsformulär + Kommentarformulär */ #com { border-top:1px dashed #ddd; padding-top:30px; margin-bottom:30px; } #com.noborder {border:0;padding-top:0;margin-top:-20px;} #com h2 { margin-top:0; } #com ul {margin:0;padding:0;} #c #com li { list-style-type:none; padding:15px; padding-bottom:0; border:1px dotted #ccc; margin-top:20px; position:relative; } #com li span { font-weight:bold; font-size:11px; color:#555; display:block; margin-bottom:5px;} #com li span em { font-weight:normal; color:#888; } #wcom {margin-top:50px;border-top:0;} #com label { width:180px; display:block; float:left; margin-right:10px;font-size:11px;} #com label span {display:block;padding-bottom:2px;} #com label em {color:#dd0000;} #com input, #com textarea { width:150px; padding:5px 7px; font-size:12px; font-family:arial,helvetica,sans-serif; color:#666; border:1px solid #ccc; margin-bottom:20px; background:#f6f6f6;} #com textarea {width:340px;height:200px;overflow:auto;clear:both;} #com textarea:focus, #com input:focus {background:#fff;color:#333;} #com a.btn {margin:0;} /* Formulär - Kommentarer (sidor) */ h3.h3book {margin-bottom:10px;border-top:1px dashed #ddd; margin-top:60px; padding-top:30px;font-size:13px;color:#777;} .fdates {float:left;width:190px;margin-bottom:20px;} .fdates span {display:block;font-size:11px;margin-bottom:4px;} .fdates select, .fdates option {padding:1px 3px;background:#F6F6F6;color:#444;font-size:11px;} .fdates select {border:1px solid #ccc;} #com .fdates label {float:none;float:left;width:80px;} #com .fdates .days {width:40px;} #com .fdates input.vinput {width:25px;margin-right:5px;margin-top:-6px;} #c label.ppl {margin-bottom:-20px;} #fmore, #fmoreb {float:left;margin-bottom:15px; border:1px dashed #ccc; padding:20px;display:none;background:#fff;width:180px;margin-right:5px;} #fmore strong, #fmoreb strong {display:block;margin-bottom:20px;font-weight:normal;} #fmore strong em, #fmoreb strong em {border-bottom:1px solid;} #fmore input, #fmoreb input {margin-bottom:10px;} /* Bokningsformulär #cformc */ #cformc { padding:24px; padding-top:0; background:#dbf1ff; border:1px solid #BADAE7; position:relative; } #comform {position:relative;} #cformc { background:#F5F5F5; background:#fff; background:#fafafa; border:1px solid #ddd; } #cformc.focus { background:#dbf1ff; border:1px solid #BADAE7; } #c #cformc h3 { background: #aaa; color:#fff; margin:0; padding:0; border:0; margin:0 -25px; margin-bottom:18px; margin-top:8px; padding:0 24px; line-height:42px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); } #c #cformc.focus h3 { background: #3CA6C9; margin:0; padding:0; border:0; margin:0 -25px; margin-bottom:18px; margin-top:8px; padding:0 24px; color:#fff; line-height:42px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); } #c #cformc h3 span {font-size:11px; float:right; font-weight:normal; *margin-top:-43px; *margin-right:15px; } #c #cformc h3 span span { font-weight:bold; font-size:14px; float:none; } #cformc input, #cformc textarea, #cformc select {background:#fff; } #cformc input:focus, #cformc textarea:focus, #cformc select:focus {background:#ffd; } #comform label.ldate select { width:90px; } #comform label.days select { width:45px; } #comform label select { padding:4px 3px; } #c #comform label.ppl {margin-bottom:0px;} #cformc textarea {width: 440px;} #fmore label {width:100px;} #cformc input[type=radio]:focus { outline:dotted 1px #aaa; } #fmore,#fmoreb { width:410px; } #fmore label, #fmore input { float:left; width:auto; } #fmore input {width:auto;} #fmore label, #fmore input {cursor:pointer;} #comform label.person input { width:160px; cursor:text; } #fmore label.person {cursor:text;} #c #fmore label { width:auto; } #fmoreb select {border:1px solid #ccc; font-size:11px; margin-right:5px; color:#444; padding:4px; padding-left:2px; margin-bottom:10px; margin-right:-1px;} #cformc select option {background:none;} .fkon label, .fkon input {cursor:pointer;} #c .fkon label { width:auto; padding:5px 10px 5px 0; padding:0; } #c .fkon input { width:auto; padding:0; margin:0 5px 5px 0; vertical-align:bottom; border:0; background:none; vertical-align:middle\0/; /* ie8+9 */ margin-bottom:0px\0/; /* ie8+9 */ *vertical-align:middle; /* ie7 */ *margin-bottom:0px; } #c .fkon {float:left; width:160px; margin:-10px 0 10px 0; } #c p.barninfo { font-size:11px; margin:10px 0 0; color:#666; line-height:16px; clear:both; } #fmoreb strong span { font-size:11px; font-style:italic; display:block; padding-top:8px; } #fmoreb strong span em { text-decoration:none; } #fmoreb strong span span {display:inline;} #fmoreb strong {line-height:16px;} #c #fmore input.kon2, #c #fmoreb input.kon2 { border:0; background:none; vertical-align:middle\0/; /* ie8+9 */ margin-bottom:0px\0/; /* ie8+9 */ padding-left:0; margin-left:0; *margin-left:-5px; } #com textarea {padding-top:8px;line-height:16px;} #c div.submit { background:#fff; height:33px; padding:10px 20px; margin:0 -24px 0 -24px !important; width:460px !important; display:block; } #c div.submit a.btn, #c div.submit {margin-bottom:-24px !important;} /* Form tips */ #cformc .tip { position:relative; font-style:normal; cursor:help; color: #3CA6C9; display:inline; } #cformc #tip { position:absolute; color:#666; background:#ffe; top:25px; left:0; width:250px; padding:10px; border:1px solid #ccc; box-shadow:0 0 10px rgba(0,0,0,0.2); } /* Rensa formulär */ p#rensa { position:absolute; right:0px; top:22px; outline:solid red 0px; font-size:11px; cursor:pointer; background:#FFFED6; padding:3px 10px 2px; padding-top:2px\0/; border:1px solid #ccc; border-bottom-width:1px; } @media screen and (-webkit-min-device-pixel-ratio:0) { p#rensa {top:24px;} } p#rensa { text-shadow:1px 1px 0 #fff; border-radius:3px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); } #cformc.focus p#rensa { background:#ffc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); } #cformc p#rensa:hover {background:#fff;} #cformc .fkon.brev { position:absolute; right:-50px; bottom:-20px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #cformc .fkon.brev {bottom:3px;} } #c input#brev { vertical-align:bottom\0/; margin-bottom:3px\0/; width:16px\0/; /* ie8+9 */ } form#mchimp {display:none;} /* Mro Book (front+right) */ #c .boka {border:0;margin-top:-20px;} #c .boka label {width:155px; background:#fff; background:#fff;} #c .boka input {width:135px; } #c .boka select {width:153px;padding:3px;padding-bottom:4px;background:#f6f6f6; border:1px solid #ccc; margin:0; color:#666; } #c .boka select:focus {background:#fff; color:#333;} #c .loptions { width:80px; float:left; margin-top:20px; margin-left:3px;} #c .loptions label { padding:0; } #c .loptions input { width:auto; margin:0; vertical-align:top; margin-top:3px; margin-right:5px; } #c .loptions span { display:inline; background:#fff; } #c .bnumber {border:0; padding:0; border-bottom:1px dashed #ddd; height:80px; margin-bottom:20px; position:relative; zoom:1; } #c .bnumber input { width:20px;} #c .bnumber label { width:40px; background:#fff; } #c .boka #fmoreb {padding:15px;position:absolute;left:100px; top:-30px; background:#fff; width:300px; } #c .boka #fmoreb strong {font-weight:bold;margin-bottom:7px;} #c .boka #fmoreb { margin-top:22px; } #c .boka #fmoreb select { width:50px; } #c .boka #fmoreb label { width:50px; margin-right:10px; margin-bottom:10px; float:left; background:#fff; } #c #r #com h2 {} #c #r #com h3 { margin:10px 0 5px 0; } #c #r #com { margin-right:-30px; } #c #r #com label { width:130px; margin:0; margin-right:20px; height:60px; } #c #r #com label.nomargin {margin-right:0;} #c #r #com input { width:115px; font-size:11px; padding:5px; } #c #r #com .bnumber { border:0; border-bottom:1px dashed #ddd; padding-bottom:20px;width:280px; } #c #r #com .bnumber label { width:45px; height:50px; margin-right:0; } #c #r #com .bnumber input { width:20px; } #c #r #fmoreb { position:relative; margin-left:-100px; width:248px; clear:both; margin-top:9px; margin-bottom:0; } #c #r #com #fmoreb label { font-size:11px; margin-right:10px; width:50px; height:40px; } #c #r #fmoreb select { font-size:11px; } #r #com a.btn { clear:both; margin-bottom:20px;} #c #r #com .loptions { margin-top:20px;} #c #r #com .loptions input { width:auto; } #c #r #com .loptions label { width:100px; height:auto; } #c #r #com .loptions span { width:50px; } /* Startsidan formulär */ #bf input.text {background:none;} #bf label.txt2 {height:30px;width:89px;overflow:hidden;margin-bottom:8px;margin-top:23px;} #bf label.txt2 em {position:absolute;margin-top:-20px; font-style:normal; } #bf label.txt2 {background: url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat -590px -120px; } #bf .txt2 input { width:78px; background:transparent; padding:0; margin:9px 0 0 5px;} /* pres */ #pro {margin-top:20px;} #pro td {vertical-align:top;} #pro img {margin-left:15px; } /* Paging */ ul#paging {margin:20px; margin-left:0;} ul#paging li {list-style-type:none;display:inline;margin:0;padding:0;} #paging li a {padding:1px 5px;border:1px solid #fff;} #paging li a.curpage {border:1px solid #3CA6C9;background:#3CA6C9;color:#fff;text-decoration:none;} #paging a span {font-size:11px;vertical-align:top;} #paging li.sidor {font-weight:bold;display:block;margin-bottom:5px;} /* Booking steps */ #l ul.bsteps {list-style-type:none;width:100%;margin:0 0 10px; 0; padding-bottom:10px; border-bottom:1px dashed #ddd; } ul.bsteps li {list-style-type:none;float:left;margin-right:10px;} #l ul.bsteps a {text-decoration:none;color:#999; } #l ul.bsteps li.curstep a { font-weight:bold; color:#3CA6C9; font-size:12px; } #l ul.bsteps li a:hover { color:#333; } #l ul.flersok a { color:#3CA6C9; text-decoration:underline; } #l ul.flersok li { margin-right:5px; } #l ul.flersok li.srub {padding-right:0;font-weight:bold;} #l ul.flersok li.curstep a {color:#666;font-weight:normal;} /* Booking dates */ #l h2.booking {margin:0;margin-top:30px;} #l table.bdates { width:505px; border-collapse:collapse;} .bdates thead th {background:#3CA6C9;color:#fff;padding:5px 5px 5px 10px; font-weight:bold;} .bdates td, .bdates th {vertical-align:top; } .bdates th, .bdates td a {padding:3px 5px;position:relative;z-index:10;} .bdates th span {display:block;float:right;margin-right:10px;font-weight:normal;font-size:11px;} #l .bdates th span a {float:left;margin-left:10px;color:#fff;} #l .bdates th span a:hover {color:#E3F6F6;text-decoration:underline;} .bdates td a, .bdates th a {display:block;text-decoration:none;} .bdates td a em {display:block;font-style:normal;color:#666;font-size:11px;line-height:12px;} .bdates td a {margin:5px 0 5px 0; border:1px dotted #ccc; font-size:11px;} .bdates td a:hover, .bdates td a:hover em {background:#ffc;color:#444;} #l td.bselect a, #l td.bselect a em {background:#E3F6F6;color:#3CA6C9} #l td.bselect a {border:1px solid #3CA6C9;} span.barr {display:block;margin-left:-24px;margin-right:-24px;width:552px;position:absolute;z-index:1;} span.barr a {display:block;width:17px;height:17px;overflow:hidden; background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat 0 0;text-indent:-999em;margin-top:45px;} span.barr a.bnext {float:right;background-position:-50px 0;} span.barr a.bprev {float:left;background-position:-30px 0;} span.barr a.bnext:hover {background-position:-50px -20px;} span.barr a.bprev:hover {background-position:-30px -20px;} /* Booking results list */ .blist { border:1px solid #ddd; position:relative; margin:20px 0 40px 0; padding:15px; padding-top:10px; width:475px;} .bprice { background:#3CA6C9 url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat 0 -190px; color:#fff; padding:14px 8px 2px;position:absolute; top:20px; left:-22px; text-align:left; width:110px; height:45px; font-size:21px; z-index:10; word-spacing:0px; letter-spacing:-0.5px; } .bprice span { font-size:11px; display:block; letter-spacing:0; word-spacing:0; font-weight:normal; margin-top:-5px; color:#BFF1FF; } .bprice em { display:block; position:absolute; top:61px; left:0px; width:22px; height:22px; background:transparent url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat -780px -30px; } .blist p {background:#fff;} a.bclose { position: absolute; right:-8px; top:-10px; background:transparent url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat -710px -150px; z-index:11; width:17px; height:17px; overflow:hidden; text-indent:-999em; } a.bclose:hover {background-position:-730px -150px;} table.bppl { margin-left:106px; width:362px; border-collapse:collapse; font-size:11px; margin-top:10px;} .bppl td.tright, .bppl th.tright {text-align:right;} .bppl th, .bppl td { text-align:left; background:#fff; } .bppl th { font-weight:bold; padding:0; line-height:16px;} .bppl td {border-bottom:1px dashed #ddd; line-height:20px;} .bppl tr:hover td {border-bottom:1px dashed #aaa; color:#444; } .bppl tfoot td {border:0;text-align:right;padding-top:5px;} .bppl tfoot tr:hover td {border:0;} div.fromto { margin-top:40px; } #l .fromto p { margin:0; font-weight:normal; margin-bottom:5px; } .fromto table { font-size:11px; width:100%; line-height:22px; margin-bottom:30px; } .fromto th, .fromto td { padding-left:5px; padding-right:5px; } .fromto th { font-weight:bold; background:#aaa; color:#fff; background:#eee; color:#666; } .fromto td { border-bottom:1px dashed #ddd; background:#fff; } .fromto tr:hover td { border-bottom:1px dashed #aaa; color:#444;} #l .fromto table input { margin:0; vertical-align:bottom; margin-bottom:5px; } #l td.dayafter {border:0;} #l .fromto a.btn { margin-top:5px; background-position:-741px -324px; text-shadow:1px 1px #fff; color:#888; } #l .fromto a.btn span { background-position: right -324px; } #l .fromto a.btn:hover { background-position:-741px -290px; text-shadow:1px 1px #3AAF15; color:#fff; } #l .fromto a.btn:hover span { background-position:right -290px; } .fromto img.clogo {float:right;display:block;} .fromto p span {float:right;} .carrier {} .carrier img, .carrier p {float:right; } .carrier img { margin-left:7px; border:1px solid #ddd; padding:3px; } .carrier p { margin:0;padding-top:11px;font-size:11px; } /* MrO step3 */ .step3 {margin-top:30px;} .step3 .fromto {margin-top:0px;} #c .step3 h2 { margin:0; margin-bottom:10px; padding-top:10px;} #c h2.mt20 { margin-top:20px; } #l .binfo {background:#f1fdfd; } #l .binfo p {background:transparent;margin-bottom:10px;} .binfo table { width:100%; border-collapse:collapse; } .binfo td { padding-bottom:10px; width:158px; } .binfo label span {display:block; font-size:11px; } .binfo input, .binfo select { border:1px solid #ddd; padding:5px 5px; font-size:12px; font-family:arial,helvetica,sans-serif; color:#666; width:130px; } .binfo select {width:142px;} .binfo input:focus, .binfo select:focus, input.input_on, textarea.input_on {border:1px solid #aaa; color:#333; } table.boptions { font-size:11px; } .boptions th {font-weight:bold;} #l table.boptions input {width:auto;background:none;margin-top:4px;vertical-align:top;} #l .boptions td {width:auto;vertical-align:top;padding:3px 0 3px; border-bottom:1px dashed #ccc; } #l .boptions tr:hover td {color:#444;border-color:#999;} #c .binfo h3 {} table.boptions {margin-bottom:20px;} #c .binfo p {margin-bottom:0;} .binfo p a {font-size:11px;margin-left:5px;} p.ttotal, td.tsecure {text-align:right;} #l p.ttotal {font-size:18px;color:#666;} td.tsecure label {margin-left:10px;} #l div.white {background:#fff;} .bmed h3 {margin:10px 0 5px;} .bmed textarea { width:300px;height:100px;border:1px solid #ddd; padding:10px; overflow:auto; margin-bottom:10px; font-family:arial,helvetica,sans-serif;font-size:12px;color:#888;} .bmed textarea:focus {border-color:#aaa;color:#666;} .bmed label {display:block;font-size:11px;} .bmed input {width:auto;vertical-align:bottom;margin-right:5px;margin-top:5px;} div.moreinfo {display:none;border:1px solid #ddd; padding:10px;margin:5px 0 5px; background:#fff; } .tright {text-align:right;} #l td.flugtag {width:260px;} #c table.boptions {border-collapse:separate;} #c .fromto tabel {border-collapse:separate;} p.mt20 {margin-top:20px;} h3.mt20 {margin-top:30px;padding-top:20px;border-top:1px dashed #ddd; } #l .bpay select {width:200px;display:inline;} #l .bpay label span {display:block;margin-top:10px;} #l .bpay img {float:right;margin-left:15px;padding-left:35px; margin-right:80px; border-left:1px solid #ddd;} #l .bpay img.nofloat {margin-right:135px; padding:5px 0 5px 35px; } #c input.noBorder {border:0;} #c a.readmore.active {color:#000;} #c .step3 h3 { margin-top:18px; } td.question {cursor:help;} /* hide results */ .blist.hidden {height:0;} .bprice.hidden, .bppl.hidden, .fromto.hidden {display:none;} /* mro process */ #mroprocess {width:auto;float:none;margin-top:20px;margin-left:0px;} #c #mroprocess h2 { margin:0;padding:0;float:right; position:absolute;top:93px;right:30px; width:250px; } /* MrO more popular searches */ #c p.pfsok {margin-bottom:60px;} #c div.fsok {width:210px;float:left;margin-right:18px;margin-bottom:-1x8px; margin-top:-18px;} #c div.fsok.nomargin {margin-right:0;} #l table.stable {width:100%;} #l .fsok p.shead {background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat 0 -186px; color:#fff; padding:10px 5px 10px 8px; margin:-11px -16px 10px -16px; } p.shead strong {font-size:16px;} #l div.fsok img {float:right;} #l .fsok p {font-size:11px;line-height:16px;} #c td.sfet {font-weight:bold;width:80px;text-align:left;} #l h2 {font-size:20px;margin-bottom:4px;} #co h1 { min-height: 36px; height: auto !important; height: 36px; text-indent:-999em; } #co h2 {text-indent:-9999px;} .cufon-ready #co h1, .cufon-ready #co h2 { text-indent:0; } /* reseguider maps */ #maps.large {position:absolute;top:0;left:0;z-index:999999;} #c #lmap {color:#3CA6C9;display:block;margin-bottom:30px;margin-top:-30px;} #c #lmap:hover {color:#666;} #maps { height:250px; height:250px; margin-bottom:5px; margin-top:10px; } #hmtctl {margin-top:37px;} #mbuttons {position:absolute;top:40px;right:7px;z-index:9999999;} #mbuttons a {display:inline;margin-left:5px; background:#fff;padding:4px 10px;color:#222;font-weight:bold;font-family:arial,helvetica,sans-serif;font-size:12px;cursor:pointer;border:1px solid #333;} #mbuttons a {height:30px;line-height:30px;} #mbuttons a:hover {background:#ffc;} #mbuttons a.on {background:#eee;} #mbuttons a#cmap {background:#dd0000;color:#fff;border:1px solid #000;} #c #lmap {display:inline; margin:0;} #c #mfunc a {display:inline; margin-right:8px;color:#3CA6C9; } #c #mfunc a:hover {color:#666;} #mfunc {margin-bottom:50px;} /* Auto Indexer */ #l a.indexlink { display:block; float:none; margin-right:10px; line-height:24px; height:24px; text-decoration:none; border-bottom:1px solid #ccc; display:list-item; list-style-position:inside; list-style-type:circle; } #index #gm {display:none;width:160px;margin-top:5px;margin-bottom:20px;padding:15px 15px 20px;border:1px solid #ddd;} #index h3 {margin-bottom:5px;} #index h3 a {text-decoration:none;} #index h3 a.on {color:#444;} /* Tommie Hansen Auto Complete */ .ac_results { padding: 0px; border: 1px solid #fff; background-color: #fff; overflow: hidden; z-index: 99999; margin-left:-195px; font-size:11px; text-align:left; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 18px; overflow: hidden; } .ac_results strong {color:#444;} .ac_results .ac_over strong {color:#fff;} .ac_loading {} .ac_odd { background-color: #eee; } .ac_over { background-color: #3CA6C9; color: #fff; } /* Print */ #c a.btn.bprint, #c a.blike { position:absolute; right:37px; top:-19px; padding:0; width:62px; height:24px; text-indent:-999em; overflow:hidden; } #c a.bprint { background-position:-545px -300px; } #c a.bprint:hover { background-position:-609px -300px; } #c a.blike { right:37px; background-position:-545px -330px; } #c a.blike:hover { background-position:-609px -330px; } #c a.bprint:active, #c a.blike:active {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";} /* Varningar */ #c p.red {border:2px dashed red;padding:15px;background:#FFDFDF;color:#dd0000; font-weight:bold; font-style:normal;} p.red em {font-style:normal;} /* Special / Featured */ #feat { position:relative; height:380px; margin-top:0px; margin-bottom:-20px; font-size:11px; position:absolute; top:95px; left:45px; } #feat a {text-decoration:none;zoom:1;} #c #feat img { position:absolute;left:-67px; } #c .pr p.intro {margin-bottom:410px;} /* Kolumner */ .lcol { float:left; width:235px; } .rcol { float:right; width:235px; } /* Footer text */ #ft { clear:both; margin-top:36px; padding-top:0; } #c #ft h2, #c #ft p {clear:both;display:block;} #c #ft h2 {margin-top:0;clear:both;padding-top:18px;padding-bottom:3px;} #c #ft.ny { font-size:12px; } #c #ft.ny h3 { font-size:12px; color:#777; border-top:1px dashed #ddd; padding-top:36px; } #c #ft.ny p { margin-bottom:0; } #c #ft.ny em { font-size:11px; } #ft.ft2 { border:1px solid #ddd; padding:0; padding:20px; border-top-width: 3px; } #vshow {display:none;clear:both;margin-top:18px;} #ft a.btn { clear:both; } #ft h3 {clear:both;} /* ie 6-7 */ *:first-child+html #c #ft a.btn { margin-bottom:20px; } /* IE7 only */ /* FB Like / Gplus */ #fbframe, #gplus { display:none; position:absolute; top:39px; right:28px; z-index:1; width:77px; overflow:hidden; } #fblike { overflow:hidden; height:24px; width:500px; } #gplus { right: 108px; width:71px; overflow:hidden; } /* Hotelltabeller / Pakettabeller */ a.hmer { font-size:11px; font-weight:normal; } #c table.hotell { width:500px !important; border:0; border-collapse:collapse; margin-bottom:54px; margin-left:-5px; } #c .hotell tr:hover { background:#F0FFFF; } #c .hotell td { padding:15px 15px; background:#F0FFFF; text-align:left; border: 1px solid #d5eaea; border-top:2px solid #d5eaea; border-bottom: 1px solid #d5eaea; font-weight:normal; width:240px; position:relative; vertical-align:top; } /* width + padding + border */ :root #c .hotell td {border: 2px solid #d5eaea\0/; border-top:3px solid #d5eaea\0/; border-bottom: 2px solid #d5eaea\0/;} #c .hotell img {margin:10px 0 7px; width:230px; } #c .hotell p {margin:0;padding:0; line-height:18px !important; } #c .hotell h2 { font-size:20px; } #c .hotell h3 {margin:0;padding:0; line-height:18px; } #c .hotell h3 span { display:block; font-weight:normal; position:absolute;top:14px;right:10px; padding:2px 6px; background:#dd0000;color:#fff; font-size:11px; line-height:18px; } #c .hotell h3 span em {font-weight:bold; font-style:normal; display:inline !important; zoom:1; position:relative !important; color:#fff !important; } #c .hotell .addon {font-size:11px;font-style:italic;} /* AddThis div.addthis_bar { top:115px !important; left:20px !important; background:transparent !important; border-radius:0 !important; width:40px; } .atf-collapsed,.at-floatingbar-close { border:1px solid red; display:none !important; } */ /* Ta bort AddThis vid sämre upplösningar */ @media screen and (max-width: 1155px){ div.addthis_bar { display:none; } } /* Ring */ #ring { background-position:-800px -190px; } #ring { width:99px; height:27px; position:absolute; top:37px; right:27px; } /* ----------------------------------------------------- -------------------------------------------------------- BOOK/#BF(FRONT PAGE BOOKING) -------------------------------------------------------- ----------------------------------------------------- */ #bf { position:absolute; top:93px; left:-5px; z-index:10; width:190px; color:#fff; } #book { width:227px; height:358px; position:absolute; left:-22px; background-position:-240px 0px; background:#5EB7C9; } #bf a { color:#fff; } #bf a:hover { color:#d3f0ff; } #flyg-hotell {clear:both;} #book { background-image:none; } /* Book menu tabs */ #btabs { height:35px; background:#58ACBC; margin:0 -20px 0 -17px; } #btabs li { float:left; list-style-type:none; } #btabs a { color:#fff; line-height:35px; height:35px; display:block; text-decoration:none; position:relative; } #btabs a em { position:relative; display:none; top:-14px; margin:auto; text-align:center; } #btabs a:hover { background:#6BBACC; color:#fff; } #btabs a.current { background:#51A0B2; font-weight:bold; } #btabs a.current em { display:block; text-decoration:none; font-weight:normal; color:#51A0B2; } #btabs li { width:30%; } #btabs li.bpaket { width:40%; } #btabs a { text-align:center; padding:0; } #btabs a { border-left:1px solid #6BBACC; border-color:#96cad6; border-color:rgba(255,255,255,0.3); } #btabs a#bflyg {border:0; } /* Inputs */ #bf .bform { padding-top:12px; } #bf label { margin:0 0 10px; display:block; } #bf label em, #bf div.flabel em { color: #d3f0ff; font-style:normal; display:block; font-size:11px; padding-bottom:5px; text-shadow:1px 1px 0 rgba(0,0,0,0.15); } #bf label:hover em, #bf div.flabel:hover em { color:#fff; } #bf input.text { color:#777; border:0; background:#fff; padding:8px 6px; font-size:16px; border-radius:2px; width:175px; /* width #bf minus padding */ } #bf input.text:hover { background:#EDF8FF; } #bf input.text:focus { background:#dbf1ff; outline:0; } /* Book Texts */ #pdatum { line-height:20px; font-size:12px; color:#d3f0ff; } #pdatum a { padding:3px 0 5px; display:block; } /* Form Left, Flyout */ #fleft { position:absolute; top:0; left:211px; z-index:10; display:none; } #fleft { padding:20px; padding-right:0; width: 756px; height:318px; background: #3CA6C9; } /* CSS3 */ #fleft { background: #765dae; } #fleft, #book { background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#22000000',GradientType=0 ); /* IE6-9 */ } #fleft label em, #fleft div.flabel, #fleft p, #c #bp em { text-shadow:1px 1px 0 rgba(0,0,0,0.2); color:#fff; } #btabs a { text-shadow:1px 1px 0 rgba(0,0,0,0.1); } #btabs a em {text-shadow:0 0;} #bf #fleft label em, #bf #fleft div.flabel em { text-shadow:0 0 0; color:#fff; } #foptions { width:120px; margin-left:30px; } #bf optgroup { font-weight:bold; color:#444; font-style:normal; font-size:11px; padding-left:3px; } #bf optgroup option { color:#666; font-weight:normal; padding-left:10px; } label.flabel select, div.flabel select { width:50px; padding:4px 2px; color:#666; margin:0; } label.fleft { padding-right:20px; float:left; margin-bottom:60px; } label.reslangd select, label.flygbolag select { width:100%; } label.reslangd select optgroup, label.flygbolag select optgroup { font-size:12px !important; } #bf label.reslangd { margin:0 0 15px; } #bf label.radio em { font-size:12px; } #bf label.radio { margin:0; padding:3px 0; cursor:pointer; } #bf label.radio em { display:inline; color:#fff; } label.radio input { float: right; *margin-top:-22px; } @media screen and (-webkit-min-device-pixel-ratio:0) { label.radio input { margin:3px 0 0 0; } } #bf label.radio:hover { text-decoration:underline; } #bf label.divide { margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,0.1); } /* Main Stuff */ #foptions { float:left; } #cal { float:left; width:630px; } #cal strong {font-size: 18px; font-weight:normal; } /* BarnPopup */ #fleft #bp { display:none; } #bp select { margin-bottom:7px; } #bp select.bright { float:right; } label.reslangd { clear:both; } #c div.flabel select { *float:left; } #c div.flabel select.bright { *float:right; *clear:right; } /* Booking Tooltips */ #bf a.wideTip { text-decoration:none; padding:1px 4px; border-radius:10px; background:#4C93A3; color:#fff; font-size:11px; margin-left:1px; z-index:9; font-weight:normal; } #bf a.wideTip { display:inline-block; height:14px; width:14px; line-height:14px; text-align:center; padding:0; } #bf a.wideTip:hover { background:#427C89; } #bf #fleft a.wideTip { background:#634D92; color:#fff; } #bf #fleft a.wideTip:hover { background:#513F77; } #bf #fleft p a.wideTip, #bf #fleft .radio a.wideTip { background:#4F3E75; } #bf #fleft p a.wideTip:hover, #bf #fleft .radio a.wideTip:hover { background:#413360; } #c #bf p.hem-ut a.wideTip { background:#634D92; } #c #bf p.hem-ut a.wideTip:hover { background:#513F77; } .bookTip .bottom { background:url(http://jade.se/Content/img/imgsprites_png8.png) no-repeat; } .bookTip .content { width: 300px; padding: 15px; padding-bottom:17px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #000; color: #fff; } .bookTip .content, .bookTip .bottom { opacity:.80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .bookTip .bottom { height: 5px; width:9px; overflow:hidden; background-position: 0 -20px; margin-left:161px; } /* Input tips */ #bf label { position:relative; z-index:1; } #ititle { position:absolute; width:168px; top:-70px; background:rgba(0,0,0,0.9); padding:10px; z-index:11; border-radius:3px; color:#666; background:#fff; font-size:11px; line-height:16px; box-shadow:0 0 20px rgba(0,0,0,0.2); } #bf .flabel.fleft { z-index:11; } /* Auto Complete */ .ac_results { padding: 0px; margin-top:5px; border: 1px solid #fff; background-color: #fff; overflow: hidden; z-index: 99999; margin-left:0; font-size:13px; text-align:left; border-radius:3px; } .ac_results { box-shadow:0 0 20px rgba(0,0,0,0.2); } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 8px 5px; cursor: pointer; display: block; border-radius:0; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 18px; overflow: hidden; } .ac_results strong {color:#444;} .ac_results .ac_over strong {color:#fff;} .ac_odd { background-color: #eee; } .ac_over { background-color: #3CA6C9; color: #fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); } #cal, #cal2 { width:305px; width:275px; position:relative; } .zcal p.hem-ut { font-size:11px; font-weight:bold; margin-bottom:4px; } .zcal p.hem-ut span { font-weight:normal; float:right; *position:absolute; *top:0; *right:0; } .zcal p.hem-ut em { font-style:normal; } /* DatePicker / Calendar */ #cal2 { float:left; width:275px; } #cal2 .Zebra_DatePicker { margin-left:0; } #cal { margin-right:30px; } .Zebra_DatePicker * { margin: 0; padding: 0; color: #888; } .Zebra_DatePicker { background: #fff; font-size: 12px; } .Zebra_DatePicker { width:275px; margin-bottom:9px; } /* Calendar */ .zcal table { border-collapse: collapse; border-spacing: 0; width:100%; } .zcal td, .zcal th { text-align: center; vertical-align:middle; } .zcal th { padding:1px 0; } .zcal td { cursor: pointer; height:30px; } .zcal .dp_daypicker td, .zcal .dp_daypicker th, .zcal .dp_monthpicker td, .zcal .dp_yearpicker td { background: #fff; border: 1px solid #ddd; } .zcal .dp_header { width:100% !important; } .zcal .dp_header td { color: #fff; background:#5c3982; text-transform:uppercase; font-size:11px; height:25px; } .zcal .dp_header .dp_previous, .zcal .dp_header .dp_next { width: 15%; text-align:center; } .zcal .dp_header .dp_caption { width:70%; } .zcal .dp_header .dp_hover { background: #222; color: #fff; } .zcal .dp_header .dp_blocked { color: #a190b2; cursor: default; } .zcal td.dp_next, .zcal td.dp_previous { background:#543476; } .zcal .dp_daypicker th { background: #eee; color:#888; padding:0; font-size:11px; } .zcal td.dp_not_in_month { color: #ccc; cursor: text; } .zcal td.dp_weekend { background:#fff; } /* helgdagar */ .zcal td.dp_weekend_disabled { color: #ccc; cursor: text; } .zcal td.dp_week_number { background: #FFCC33; color: #555; cursor: text; font-style: italic } .zcal .dp_monthpicker, .zcal .dp_yearpicker { width:100% !important; } .zcal .dp_monthpicker td { width: 33%; height:51px !important; } .zcal .dp_yearpicker td { width: 33%; height:51px !important; } .zcal .dp_footer { display:none; } .zcal td.dp_current { color: #444; background:#eee; } .zcal td.dp_disabled_current { color: #E38585 } .zcal td.dp_disabled, .zcal td.dp_weekend_disabled { background: #fff; color: #ccc; cursor: text; text-decoration:line-through; } .zcal td.dp_hover { background: #ffa; color: #222; } .zcal td.dp_selected { background: #ffa; color: #444 !important; background: transparent url(http://jade.se/Content/img/datemark.png) center center no-repeat; } .zcal .dp_monthpicker td.dp_selected, .zcal .dp_yearpicker td.dp_selected { background-image:none; } .zcal .dp_yearpicker td.dp_selected:hover, .zcal .dp_monthpicker td.dp_selected:hover { background:#ffa; } #c .dp_yearpicker .dp_disabled, #c .dp_monthpicker .dp_disabled { text-decoration:line-through; color:#aaa; } /* bookForm submit button */ #bf { height:340px; } #bf a.bbtn { position:absolute; bottom:20px; right:25px; width:64px; width:auto; padding:7px 20px !important; } #c a.bbtn { display:block; background:#fff; padding:5px 0 3px; border-bottom:2px solid #bbb; text-align:center; } #c a.bbtn { text-decoration:none; font-size:14px; line-height:18px; font-weight:bold; color:#666; color:#777\0/; *color:#777; text-shadow:1px 1px 0 #fff; } #c a.bbtn em { font-style:normal; font-size:10px; padding-left:3px; color:#3CA6C9; color:#aaa; } #c a.bbtn:hover { color:#333; } #c a.bbtn:hover em { color: #3CA6C9; } /* CSS3 */ #c a.bbtn { border-radius:2px; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); } /* Help info */ span.fstep { position:absolute; background:none; font-size:11px; font-style:italic; line-height:16px; } #fstep1 { bottom:0; left:0; display:none; } /* Special info */ #anfo { color:#888; position:absolute; top:23px; left:210px; width:400px; font-size:11px; line-height:16px; border:1px dashed #f00; height: 30px; padding:10px 20px; } } #anfo a { color:#444 !important; } /* New kalender link */ #c label.reslangd { margin-bottom:0; } #c .calToggle a { width:104px; position:relative; font-size:11px; color:#fff; display:block; text-align:center; margin:0 auto; } #c .calToggle a { margin-top:8px; padding: 0 0; line-height:22px; background: #56437e; } #c .calToggle a { border:1px solid #423463; border-top:0; border-left:0; text-decoration:none; } #c .calToggle a:hover { background:#4b3b6f; } #c .calToggle a { background:#fff; color:#444; text-shadow:0 0; width:100%; line-height:26px; border:0; background:#e1dceb; } #c .calToggle a:hover { background:#fff; color:#444; } /* Fakta-box */ p.fakta { background: rgb(219, 241, 255); padding: 10px; width: 220px; line-height: 16px; font-size: 11px; margin-top: 5px; margin-left: 15px; float: right; } /* TEMP TEMP TEMP #bf #tmp { position:absolute; padding-top:60px; } #bf #tmp strong { font-size:14px; } #bf input, #bf span { display:none; } #bf p, #c #bf em { display:none; } #bf #tmp p { display:block; } #btabs a { text-decoration:line-through; } *//* Paketresor v2 /* OBS! alla avslutande kommentarer * + / är borrtaggna sÃ¥ att detta inte gäller. /* Fixa när det är dags att publicera.*/ /* Global Changes */ #co.pr p.intro.p { margin-bottom:0; } /* Extra p-klass för alla kategorier som inte är /paketresor */ #r #people { margin-bottom:25px; } a.btn { cursor:pointer; } /* Paket - More Text */ .moreText { display: none; margin:27px 0 64px 0; } #catMore { padding:30px 0 40px; } /* #r, PaketLista */ #r .paket { border-color: #d4ecf7; margin-bottom: 30px; } #r .paket, #c #r .paket a { background-color: #f0f9ff; } #r .paket a:hover em, #r .paket a:hover em span { color:#3CA6C9; } #r .paket em { font-size:11px; color:#888; } #r .paket em span { font-family:georgia, serif; font-style:italic; color:#bbb; font-size:10px; } #r #plist a { display:block; overflow:hidden;border-bottom:1px dotted #ccc; } #r .paket a:hover { text-decoration:underline; } #r #plist a:focus { outline:0; } /* Paketlista, utvecklad vy */ #r #plist li.on a { background-position:-340px -127px; color:#333; text-shadow:0 0; } #r #plist li.on li a { color:#777; background-position:-334px -87px; padding-left:26px; width:214px; } #r #plist li.on a:hover { text-decoration:none; } #r #plist li.on li a:hover { color:#444; background-position:-334px -88px; background-color:#fff; } #r #plist li li.on a { background-color: #fff; } #r #plist li.alla a { font-size:11px; } /* jade 4.2 packageBoxes */ #co.pr .item { margin:0; padding:0; width:100%; clear:both; position:relative; } #co.pr p.more { border:0; } #co.pr .item.rek { background:#ffe; } #co.pr .item.rek i { position:absolute; top:10px; right:10px; display:block; padding:3px 5px; background: #dbf1ff; background: #aaa; background:rgba(0,0,0,0.3); background: #21BF8C; background:#c00; background:orange; color:#fff; } #co.pr .item p { margin-top:9px; } #co.pr .item a { height:103px; border-bottom:1px solid #ddd; margin:0; padding:9px 9px 15px 9px; } #co.pr .item a:hover { background: #f0f9ff; } #co.pr .item a:active { background: #dbf1ff; } #co.pr .item img { margin-bottom:0; width:100px; height:100px; } #co.pr .item strong { font-size:16px; font-weight:normal; line-height: 24px;} #co.pr .item p { font-size:12px; line-height:18px; margin-bottom:9px; } #co.pr .item span { display:block; margin-top:9px; } #co.pr .item em { font-size:14px; font-style:normal; position:absolute; right:10px; bottom:25px; } #co.pr .litems h3 { margin-bottom:0; padding-bottom:9px; font-size:12px; font-weight: normal; line-height: 150%; } /* Category sorting, 6 maj 2013 */ .litems { position:relative; } #psort { position:absolute; top:0; right:0; font-size:11px; color:#aaa; } #psort span { padding:3px 0; } #psort i { padding:3px 3px; display:inline-block; color: #aaa; font-style:normal; cursor:pointer; text-decoration:underline; } #psort i:hover { color: #444; } #psort i.on { color:#666; } #c a#gt { margin-top:0; } /* Weather Packages */ #w { font-size:12px; color:#666; position:relative; padding:0 0 24px 0;} .wBox { margin:20px 0 20px 0; padding: 10px 0 0; display:none; } .wBox.show { display:block; border:0; margin:0 0 20px; } #w .wico { float:left; vertical-align:top; margin:0; } #w .wr h3 { border:0; } #w .wr h3, #w p, #w i { line-height: 18px; margin:0; } #w .wr h3 { font-size:16px; line-height: 18px; } #w h3.idag { font-size:12px; border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 9px; } .wr { float:left; margin:8px 0 0 9px;} #w i { font-style:normal; display:block; clear:both; font-size:11px; color:#aaa; } #w strong { display:block; font-size:11px; color:#aaa; text-align:left; border-bottom:1px solid #ddd; margin:0 0 9px; font-weight:normal; } #w em { position:absolute; top:0; right:0; color: #3CA6C9; color:#aaa; cursor:pointer; font-style:normal; text-decoration:underline; font-size:12px; } #w em:hover, #w em.on { color:#666; } /* TRS försäkringar */ #c .trs { width:510px; height: 1200px; overflow:hidden; overflow-y: hidden; border:0; } iframe.trs::-webkit-scrollbar { display: none; } #trsLoad { display:none; } #trs { background: #fff url('http://jade.se/resor/flipflop2.gif') no-repeat center 60px; margin-top:40px; } /* ----------------------------------------------------- MEDIA QUERIES ----------------------------------------------------- */ /* 0-1000px : SINGLE COLUMN LO-FI MODE (FIXED) */ @media(max-width: 1000px){ /* HIDE/RESET */ body { background:#f6f6f6 !important; background-image:none; padding-bottom: 150px; } body,#t { width: auto; margin:0; } /* reset */ #r, #pt, #f { display:none; } #ring { top:30px; } #feat { left:0; } /* MAIN */ #co, #c, #l { width: 510px; } p.intro { width:500px; } #mf, #mf .mc { width:300px; } #c,#co,#l { padding:0; margin:0; float:none; clear:both; } #c { position:relative; margin:0 auto; padding:0 20px 0 20px; margin-top:15px; border-bottom:3px solid #ddd; } /* menues */ #tmenu {} #menu { width:auto; } #menu a, #tmenu a { color: #888; font-size:14px; } #tmenu a { font-size:11px; } #tmenu li.minresa a { color:#fff; } #menu a:hover, #tmenu a:hover { color:#888; } #menu li:nth-child(2), #menu li:nth-child(5), #menu li:nth-child(6), #menu li:nth-child(7), #tmenu li:nth-child(2) { display:none; } /* top */ #t { height:110px; margin:-20px -20px 40px -20px; } /* TOP -- add SVG background here */ /* mainFooter */ #mf, #mf .mc { top:0; bottom:0; left:0; height:auto; margin:0; padding:0; background:none; text-align:center; } #mf { margin: 20px auto 0 auto; float:none; clear:both; } #c #mf .mc { padding-top:40px; color: #777; } #c #mf .mc a { color: #555; } /*----------------------------------------------------- START PAGE -----------------------------------------------------*/ /* slide */ #s { margin:0; padding:0; height:auto; background:none; position:relative; } #s { margin-top:400px; border-top: 1px solid #ccc; padding-top:30px; margin-bottom:30px; } #slide { position:relative; left:0; width:100%; height:235px; overflow:hidden; } #slide img { width:100%; height:auto; } #ctrl { top:0; position:relative; left:0; width:100%; } #ctrl #next, #ctrl #prev { box-sizing: initial; position:absolute; top:-130px; } #book { display:none; } #sl,#sr,#sf { display:none; } #people { top:-66px; left:20px; } #people img { width:150px; height:auto; padding-top:10px !important; } /* bookForm */ #bf *, #s * { box-sizing:border-box; } #bf { left: 0; padding-bottom:10px; } #bf { background: #51a3b3; padding:0 20px; margin:0; width:auto; } #bf ul { margin-left:-20px; } #c #fstep1 { padding:20px; line-height:140%; display:block; } #fstep1:after { content: ' Börja med utresa och scrolla sedan ned och fortsätt.'; } #bf { background: -webkit-linear-gradient(top, #5cb3c5, #4b92a0); } #fchange { display: none !important; } /* change button */ #fleft, #bf { height:380px !important; } #fleft { width:334px; position:absolute; left: 216px; display:block; overflow-x:hidden; } #cal2 { margin-top:25px; } #foptions { margin-left:0; } #bf #cal2 { display:block !important; } #bf .calToggle, #bf .reslangd { display:none; } #c #bf #bsub { position:relative; margin:0;padding:0; margin-top:-40px; bottom:auto; display:inline-block; box-sizing:initial; float:right; clear:both; } /* Paket-scroller */ #bblue { height:auto; } #c #scroller li li { margin-right:30px; } #scroller img { width: 100%; height: auto; } #c #bblue * { height:auto; clear:both; float:none; } #c #scroller { height:300px; width: 100%; } #c #bblue ul li { display:inline-block; margin-bottom:10px; } #c #bblue li li { margin-bottom: 15px; margin-right: 50px; } #c #bblue li a em { font-size:12px; margin-top:2px; } #c #bblue img { width: 200px; } #c #scroller { overflow-y:scroll; } #c #bblue ul.items { width:300px; } #pctrl { display:none; } /* Start blocks */ #start.blocks li { width:230px; height:auto; } #start.blocks img { width:100%; height:auto; } } /* MOBILES */ @media(max-width: 610px){ body.page { padding:3%; background:#fff !important; } .page #c, #page #t, .page #l, .page #co, .page #mf, .page #t { width:100% !important; padding:0 !important; } .page #c { border-bottom:0; } .page #mf .mc {margin:0;height:100px;text-align:left;} .page #t { margin:0; } .page #t { position:relative; } _.page #logo { position:relative; margin:0 auto; width:155px; } .page #t { background:none; } .page #t { border-bottom:1px solid #ddd; height:50px; margin-bottom:40px; margin-top:30px; padding:10px 0 !important; position:relative; } .page #logo a { background-position:0 -160px; height:50px; } /* Content */ .page p.intro { width:auto; } .page #co img.large { width:100%; height:auto;} #ring, #tmenu { display:none; } _#menu { top:-30px; } .page #menu li.active ul { width:100%; position:fixed; } .page #menu li.active a.sub { color:#3CA6C9; } .page #menu li.active ul a { font-size: 15px; line-height:280%; } /* booking form */ .page #co #comform, .page #co fieldset{ width:100% !important; } .page #co form label { display:inline-block; width:45%; } .page #com .fkon { width:95%; } .page #co form input { width:95%; } .page #com .fkon input { width:auto; } .page #co form textarea { width:100%; min-width:260px; } .page #co .fkon.brev { display:none !important; } _#mi { display:none; } #co.pr .item a em { float:none; position:relative; top:auto;right:auto;left:auto;bottom:auto; display:block; } #co.pr .item a { height:auto; padding:10px 0; } #co.pr .item a span { display: none; } #co.pr #feat {display:none;} #c #co.pr p.intro { margin:0; padding:0; } } /* Hide Direct flights + Airlines */ #c #bf #lRum { display:none !important; } /* fix links for toplists */ #r a.archive { width: auto !important; } #r .boxed h3 { text-shadow: 1px 1px 0 rgba(0,0,0,0.2); } .boxed.orange { background:#FFF8E1; border-color: #FFE0B2; } .boxed.orange h3 { background:#FFB74D; } .boxed ul i { max-width: 105px; display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-style:normal; vertical-align: top; }