/* Theme Name: Visitsundsvall Theme URI: http://osynlig.se Description: Temat för Visitsundsvall. Author: Osynlig Version: 1.0 */ /*------------[ 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;outline:0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family: inherit;vertical-align: baseline;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*-----------------[ Classes ]------------------*/ .right, .alignright { float: right; } .left, .alignleft { float: left; } .clear { clear: both; height: 0; } .hidden { display: none; } .button { } .button:hover { } .small { font-size: 9px; } .readmore { background: url(images/arrow.png) no-repeat; padding-left: 25px; } .separator { height: 1px; background: #aaaaaa; clear: both; } .navigation { clear: both; margin: 20px 0; } .nav-next { float: right; } .nav-previous { float: left; } /*-----------------[ Calendar widget ]------------------*/ #cb_CalendarEventWidget, #cb_CalendarEventWidget iframe { width: 245px; height: 435px; clear: both; margin-top: -1px; } /*-----------------[ Main styling ]------------------*/ body { background: none; font: 12px/100% Arial, Helvetica, sans-serif; color: #6e6e6e; } h1 { font: 32px Arial; margin-bottom: 10px; } h2 { font: bold 28px Arial; margin-bottom: 10px; } h3 { font: 18px Arial; margin-bottom: 10px; } h4 { font: 12px Arial; margin-bottom: 10px; } p { margin-bottom: 15px; font: 12px/130% Arial; } img { border: none; } a { color: #0283a4; text-decoration:none; } .entry a:hover { text-decoration: underline; } ol, ul { margin: 10px 0; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: italic; } table { border-collapse: separate; border-spacing: 0; } input { padding: 5px 8px; } select { } label { } fieldset { } #container, #norway-strip-content, #footer-content { width: 988px; margin: 0 auto; padding: 10px 0px 0; } /*-----------------[ Header ]------------------*/ #click-area a { width: 112px; height: 31px; position: absolute; left: 50%; top: 562px; margin-left: -669px; } #norway-strip { background: #de2a35; padding: 7px 0; } #norway-strip-content { padding: 0; } #norway-strip-content a { background: url(images/norge.png) no-repeat; padding: 1px 0 3px 22px; float: right; font: bold 10px Arial, sans-serif; color: #fff; display: block; } #header { padding: 0 0px; position: relative; } #weather { float: right; margin: 0px 5px 5px 0; font: bold 10px Arial; width: 70px; } #weather img { float: left; } #weather span { margin-top: 5px; float: right; display: block; } #top-navigation { float: right; /* margin-top: 17px; */ width: 340px;px; z-index: 900; } #top-navigation ul { list-style: none; float: right; position: relative; } #top-navigation ul li { float: right; display: block; zoom: 1; } #top-navigation ul li a { float: left; display: block; font: bold 10px Arial; color: #707072; margin-left: 10px; } #top-navigation ul li.language a{ background: url(images/topmenu-arrow.png) right no-repeat; padding-right: 17px; } #top-navigation ul li.konferens a{ background: #aaaaaa; font: bold 12px Arial; color: #fff; padding: 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 3px; } #top-navigation ul li.hover, #top-navigation ul li:hover { position: relative; } #top-navigation ul ul { width: 110px; visibility: hidden; position: absolute; top: 20%; left: 10px; z-index: 990; display: block; background: #fff; padding: 2px; border: 1px solid #aaaaaa; -moz-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25); } #top-navigation ul li.language ul li a { background: none; } #top-navigation ul li.language ul li a { background: url(images/flags.png) no-repeat 0 0; display: inline-block; margin: 5px 0 2px 5px; font-size: 10px; padding-left: 20px; } /* IE 6 & 7 Needs Inline Block */ #top-navigation ul li ul li.germany a { background-position: 0px -17px; cursor: default; } #top-navigation ul li ul li.english a { background-position: 0px -34px; } #top-navigation ul li ul li.germany a { cursor: pointer; } #main-navigation ul { margin: 0px 0 0; } #main-navigation ul li { display: block; float: left; } #main-navigation ul li a { display: block; float: left; height: 13px; width: 143px; background: url(images/bg-menu1.png) no-repeat; text-align: right; color: #fff; font: bold 14px Arial; padding: 10px 10px; margin-right: 2px; } #main-navigation ul li.blue a { background: url(images/bg-menu-blue.png) no-repeat 0 5px; } #main-navigation ul li.purple a { background: url(images/bg-menu-purple.png) no-repeat 0 5px; } #main-navigation ul li.pink a { background: url(images/bg-menu-pink.png) no-repeat 0 5px; } #main-navigation ul li.green a { background: url(images/bg-menu-green.png) no-repeat 0 5px; } #main-navigation ul li.orange a { background: url(images/bg-menu-orange.png) no-repeat 0 5px; } #main-navigation ul li.red a { background: url(images/bg-menu-red.png) no-repeat 0 5px; } #main-navigation ul li.last a { margin-right: 0px; } #main-navigation ul li.active a, #main-navigation ul li a:hover { text-decoration: none; background-position: 0 0; padding-top: 7px; height: 16px; } #header #logo { margin-bottom: 10px; } #header #logo img { float: left; } #header #logo span { float: left; margin: 25px 0 0 10px; } #basket { background: #ba0020; display: none; position: absolute; right: 0; margin-right: 0px; color: #fff; padding: 20px; width: 453px; z-index: 100; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); z-index: 200; } #basket h4 { color: #e98126; font: bold 16px Arial, sans-serif; text-transform: uppercase; } #basket p { font: bold 10px Arial, sans-serif; border-bottom: 1px solid #fff; padding-bottom: 8px; margin-bottom: 9px; } #basket p span { float: right; } #basket .product { float: left; width: 100%; } #basket .summary { float: right; width: 245px; } #basket .summary h4 { color: #fff; text-transform: none; float: right; } #basket .summary a { background: #777777; color: #fff; padding: 4px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; } /*-----------------[ Content ]------------------*/ #content { background: #fff; border: 10px solid #aaaaaa; padding: 10px; } .blue #content { border: 10px solid #1b8cd0; } .purple #content { border: 10px solid #590c6c; } .pink #content { border: 10px solid #d50968; } .green #content { border: 10px solid #148b2a; } .orange #content { border: 10px solid #e98126; } #main-content { width: 696px; float: left; } #map { display: none; } #empty-content-wrapper { background: url(images/content-empty-bg-middle.png) repeat-y; width: 698px; margin: 10px 0 0; } #empty-content { background: url(images/content-empty-bg.png) no-repeat; width: 698px; } .tab-bar { margin-left: 20px; padding-bottom: 20px; } .tab-bar a { background: url(images/bg-tab.png) no-repeat 0 -30px; display: block; float: left; height: 19px; width: 134px; color: #474747; text-align: center; text-transform: uppercase; font: bold 11px Arial; padding: 10px 0 0 5px; margin: 0px 0 0 0px; } .tab-bar a.active, .tab-bar a:hover { background-position: 0 0px; } .tab-bar a span { background: url(images/tab-arrows.png) no-repeat right -10px; display: inline-block; height: 10px; text-align: center; padding-right: 15px; } .tab-bar a.active span, .tab-bar a:hover span { background-position: right 0px; } .coming-up-box { float: left; width: 225px; margin: 10px 10px 30px 0; } .coming-up-box h2, .coming-up-box h3 { color: #000000; font: bold 18px Arial; margin: 10px 0 0; } .coming-up-box h3 { color: #950000; margin: 0 0 10px; } .coming-up-box a { color: #474747; font-weight: bold; } #main-content .last { margin-right: 0; } .resa-box { margin: 10px 10px 30px 0; border-bottom: 1px solid #ccc; padding: 0px 0 10px; } .resa-box img { float: left; margin-right: 10px; } .resa-box img.right { float: right; margin-left: 10px; } .resa-box h2, .resa-box h3 { color: #000000; font: bold 18px Arial; margin: 10px 0 0; } .resa-box h3 { color: #950000; margin: 0 0 10px; } .resa-box a { color: #474747; font-weight: bold; } .post-archive-wrapper { margin-bottom: 30px; } #content-bottom, #content-bottom-news { background: #fff; border-left: 10px solid #aaaaaa; border-right: 10px solid #aaaaaa; border-bottom: 10px solid #aaaaaa; padding: 15px; } #content-bottom-news { margin-bottom: 40px; } .blue #content-bottom, .blue #content-bottom-news { border-left: 10px solid #1b8cd0; border-right: 10px solid #1b8cd0; border-bottom: 10px solid #1b8cd0; } .purple #content-bottom, .purple #content-bottom-news { border-left: 10px solid #590c6c; border-right: 10px solid #590c6c; border-bottom: 10px solid #590c6c; } .pink #content-bottom, .pink #content-bottom-news { border-left: 10px solid #d50968; border-right: 10px solid #d50968; border-bottom: 10px solid #d50968; } .green #content-bottom, .green #content-bottom-news { border-left: 10px solid #148b2a; border-right: 10px solid #148b2a; border-bottom: 10px solid #148b2a; } .orange #content-bottom, .orange #content-bottom-news { border-left: 10px solid #e98126; border-right: 10px solid #e98126; border-bottom: 10px solid #e98126; } .bottom-column { float: left; margin-right: 6px; border-right: 1px solid #aaaaaa; padding: 2px 8px 0 0; height: 15px; } .bottom-column a { font: bold 12px Arial; color: #707072; } .bottom-column img { vertical-align: middle; margin: -7px 0 0 3px; } #bottom-order { border-right: none; } #share { font-weight: bold; margin-top: -1px; } #bottom-links { border-right: none; } #bottom-links a { background: url(images/arrow.png) no-repeat; padding-left: 20px; display: inline-block; margin-right: 10px; } #mc_embed_signup { float: right; width: 335px; margin-top: -5px; margin-bottom: -5px; } .mail-button input { float: right; display: block; width: 105px; height: 30px; border: none; cursor: pointer; text-indent: -9999px; } .mail-input input { border: 1px solid #ccc; width: 200px; } /*-----------------[ Page ]------------------*/ #page { } .tagcloud { padding: 10px 30px; clear: both; text-align: center; } .tagcloud a { padding: 0px 5px; font-weight: bold; line-height: 110%; } .blue .tagcloud a { color: #1b8cd0; } .purple .tagcloud a { color: #590c6c; } .pink .tagcloud a { color: #d50968; } .green .tagcloud a { color: #148b2a; } .orange .tagcloud a { color: #e98126; } .recommendation-panel { clear: both; background: #f5f5f5; } .recommendation-panel h4 { text-transform: uppercase; background: #aaa; padding: 5px 10px; color: #fff; font-weight: bold; } .blue .recommendation-panel h4 { background: #1b8cd0; } .purple .recommendation-panel h4{ background: #590c6c; } .pink .recommendation-panel h4 { background: #d50968; } .green .recommendation-panel h4 { background: #148b2a; } .orange .recommendation-panel h4{ background: #e98126; } .recommendation-panel .entry { padding: 0 5px 10px; } .recommendation-panel img { float: left; margin-right: 20px; } .recommendation-panel h3 { color: #000000; font: bold 18px Arial; margin: 0px 0 10px; } .recommendation-panel a { color: #000; font-weight: bold; } .post-wrapper .entry { padding: 20px; } .post-wrapper .entry h1 { color: #000000; font-weight: bold; } .post-wrapper .entry h2 { color: #000000; } /*-----------------[ Nyhetsarkiv ]------------------*/ #news { padding: 10px 15px; } #news h1 { font: 24px Arial, sans-serif; color: #aaaaaa; padding-bottom: 20px; border-bottom: 1px solid #858688; padding-left: 3px; } #news-archive { border-bottom: 1px solid #858688; padding-bottom: 30px; } #news-archive a, .navigation a { color: #1b8cd0; } #news-archive h3 { font: bold 28px Arial, sans-serif; color: #000000; margin-bottom: 2px; } #news-archive .date, .article .date { display: block; font: 12px Arial, sans-serif; color: #aaaaaa; margin-bottom: 10px; } .article h1 { margin-bottom: 2px; } /*-----------------[ CBIS ]------------------*/ body #VisitProxy_bd h1 { font-size: 30px; font-weight: bold; } body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_header { border: none; } body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_topmenu { background: #e9e9e9; } body #VisitProxy_bd .VisitProxy_TopSearchBox > div > .vp_inner { border: none; } body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_topmenu .vp_item:first-child { -moz-border-radius: 0; border: none; } body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_topmenu .vp_item { background: url(images/cbis-right-line.png) right center no-repeat; border: none; } body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_topmenu .vp_item a { font-weight: bold; color: #474747; text-transform: uppercase; padding: 3px 15px 2px; } body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_topmenu .vp_item a:hover, body #VisitProxy_bd .VisitProxy_TopSearchBox .vp_topmenu .vp_item.vp_selected a { background: url(images/cbis-right-line.png) right center no-repeat #000; color: #fff; } body #VisitProxy_bd .VisitProxy_TopSearchBox > div > .vp_inner { background: url(images/cbis-search-bg.png) repeat-x #e9e9e9; margin: 4px 1px 0px -1px; } body #VisitProxy_bd .VisitProxy_TopSearchBox > div > .vp_header + .vp_inner { -moz-border-radius: 0; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_header { border-top: none; background: url(images/cbis-header-bg.png) repeat-x #ebebeb; margin-bottom: 10px; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_nr { margin: 0 15px; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_info h2 a { font-size: 18px; font-weight: bold; } body .blue #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_info h2 a { color: #1b8cd0; } body .purple #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_info h2 a { color: #590c6c; } body .pink #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_info h2 a { color: #d50968; } body .green #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_info h2 a { color: #148b2a; } body .orange #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_info h2 a { color: #e98126; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating { color: #fff; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating h2 { color: #e98126; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating h2 span { color: #fff; } body .blue #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating { background: #1b8cd0; } body .purple #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating { background: #590c6c; } body .pink #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating { background: #d50968; } body .green #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating { background: #148b2a; } body .orange #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_rating { background: #e98126; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_inner .vp_links .vp_linkicon { color: #474747; font-weight: bold; } body #VisitProxy_bd .VisitProxy_Button, body #VisitProxy_bd .VisitProxy_BookButton, body #VisitProxy_bd .VisitProxy_Button:hover, body #VisitProxy_bd .VisitProxy_BookButton:hover { background: #777777; border: none; text-transform: uppercase; } body #VisitProxy_bd .vp_mappin { background: url(images/cbis-bubble.png) no-repeat; font-size: 14px; line-height: 23px; width: 35px; } body .blue #VisitProxy_bd .vp_mappin { background: url(images/cbis-bubble.png) no-repeat 0 -36px; } body #VisitProxy_bd .vp_mappin { background: url(images/cbis-bubble.png) no-repeat 0 0; } body .green #VisitProxy_bd .vp_mappin { background: url(images/cbis-bubble.png) no-repeat 0 -72px; } body .pink #VisitProxy_bd .vp_mappin { background: url(images/cbis-bubble.png) no-repeat 0 -108px; } body .blue #VisitProxy_bd .VisitProxy_ProductWrapper .vp_title h1 { color: #1b8cd0; } body .purple #VisitProxy_bd .VisitProxy_ProductWrapper .vp_title h1 { color: #590c6c; } body .pink #VisitProxy_bd .VisitProxy_ProductWrapper .vp_title h1 { color: #d50968; } body .green #VisitProxy_bd .VisitProxy_ProductWrapper .vp_title h1 { color: #148b2a; } body .orange #VisitProxy_bd .VisitProxy_ProductWrapper .vp_title h1 { color: #e98126; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_description .attribute.attr_introduction { font-weight: bold; color: #000; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp-ui-state-default { border: none; background: #e9e9e9; margin-bottom: 10px; padding: 10px 15px; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp-ui-state-active, body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp_header:hover { border: none; background: #000; margin-bottom: 10px; padding: 10px 15px; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp_header .vp_icon.vp_section { background: url(images/cbis-arrow.png) no-repeat; left: 12px; top: 12px; width: 12px; height: 9px; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp-ui-state-active .vp_icon.vp_section, body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp_header:hover .vp_icon.vp_section { background: url(images/cbis-arrow.png) no-repeat 0 -9px; left: 12px; top: 12px; width: 12px; height: 9px; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp-ui-state-default h2 { font-weight: bold; color: #474747; font-weight: bold; text-transform: uppercase; font-size: 12px; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp-ui-state-active h2, body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_section .vp_header:hover h2 { font-weight: bold; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; } body #VisitProxy_bd .VisitProxy_ProductWrapper .vp_sections .vp_inner.vp-ui-accordion-content-active { padding: 10px 10px 15px; } body #VisitProxy_bd .vp_inner .vp_links .vp_icon { background: url(images/arrow.png) no-repeat; } body #VisitProxy_bd .vp_icon.vp_moreinfo { background-position: 0 0; width: 15px; margin-top: 1px; } body .vp_sub { color: #000; font-weight: bold; } body #VisitProxy_bd .VisitProxy_ListProduct .vp_header .vp_location .vp_sub span + span { color: #000; font-weight: bold; } /*-----------------[ Sidepanel ]------------------*/ #sidepanel { width: 245px; float: right; } #sidepanel h4 { background: #1b8cd0; font: bold 14px Arial; padding: 10px; color: #fff; margin-bottom: 0; } #sidepanel .panel { background: #def1ff; margin-bottom: 10px; } #sidepanel .all { background: #b4d9ff; color: #1b8cd0; font-weight: bold; padding: 10px; } #sidepanel .all a { background: url(images/arrow.png) no-repeat; padding-left: 20px; } #search-panel { background: url('images/accommodation-search-bg.png') repeat-x #680580; margin-bottom: 10px; } #search-panel h4 { background: none; } #search-panel form { padding: 10px 10px 7px; } #search-panel form select { width: 100%; margin-bottom: 8px; } #search-panel form input { padding: 0; } #search-panel form .date { margin-bottom: 9px; } #search-panel form .date .content { width: 108px; height: 25px; background: #ececec; } #search-panel form .date label { color: #fff; display: block; margin-bottom: 3px; } #search-panel form .date img { cursor: pointer; } #search-panel form .date input { width: 85px; border: none; background: none; color: #474747; padding: 5px 0 0 5px; } #search-panel form a.submit { display: block; height: 21px; padding: 4px 20px 0 0; margin-bottom: 6px; background: #aaa; font: bold 14px Arial; color: #fff; text-transform: uppercase; text-align: right; -moz-border-radius: 7px; } #search-panel form a.advanced { font: 11px Arial; color: #fff; padding-right: 4px; } #evenemang-panel .item { color: #000047; margin-bottom: 3px; padding: 5px 10px; } #evenemang-panel .item .date { font-size: 10px; } #evenemang-panel .item a { color: #000047; font-weight: bold; } #news-panel .item { color: #000047; margin-bottom: 5px; padding: 5px 10px; } #news-panel .item .date { font-size: 10px; } #news-panel .item a { color: #000047; font-weight: bold; } #sidepanel ul { list-style: none; margin: 0; } #sidepanel ul li { background: #def1ff; } #sidepanel ul li a { font: 12px Arial; color: #000047; } #evenemang-panel ul li { display: block; padding: 5px 5px 5px 10px; } #evenemang-panel ul li a { width: 190px; float: left; color:#000047; } #evenemang-panel ul li span.date{ float: right; } #evenemang-panel div.rss-ikon {width:17px; height: 17px; float:right;} #evenemang-panel div.rss-ikon a {background: none; padding:0; margin:0;} #todays-date {height: 28px; background-color: #e9e9e9; padding: 10px 9px; border-bottom: 2px solid #2691d3; } #todays-date .date-holder { width: 26px; height: 26px; background-image: url(images/event-kalender-bg.png); padding-top: 3px; } #todays-date .date-holder span.day { margin-left: 7px; font-size: 11px; font-weight: bold; } #todays-date .date-holder span.month { color:white; margin-left:5px; font-size:10px; } #todays-date .full-date {margin-left: 10px; margin-top:1px; color:#000; line-height: 14px;} #info-panel { margin-top: 10px; } #info-panel ul li a { font: bold 12px Arial; color: #000047; display: block; padding: 10px 10px 10px 45px; } #sidepanel ul li.phone a { background: url(images/icon-phone.png) no-repeat 15px 7px; cursor: default; } #sidepanel ul li.mail a { background: url(images/icon-mail.png) no-repeat 14px 7px; } #sidepanel ul li.facebook a { background: url(images/icon-newsletter.png) no-repeat 12px 7px; } #sidepanel ul li.hours { position: relative; } #sidepanel ul li.terms a { background: url(images/auction-hammer.png) no-repeat 15px 7px; } #sidepanel ul li.odd { background: #b4d9ff; } #info-panel #hours { border: 1px solid #aaa; padding: 10px 10px 0; display: none; position: absolute; top: -20px; right: 0; background: #fff; z-index: 999; } #sidepanel #annons-panel { background: #fff; } #annons-panel h4 { background: #fff; text-align: right; border-bottom: 1px solid #746f73; font: normal 10px Arial; color: #746f73; margin-bottom: 8px; padding: 1px; } #annons-panel img { margin-bottom: 10px; } div.arrival-guide { margin: 20px 0; } /*-----------------[ Footer ]------------------*/ #footer { background: #fff; padding: 25px 0; } #footer-content .last { border-right: none; } .footer-box { border-right: 1px solid #858688; padding: 0 20px; float: left; width: 150px; height: 155px; font-size: 10px; } .footer-box h4 { margin: 2px 0 5px; font-size: 14px; } .footer-box p { font-size: 10px; line-height: 150%; } /*-----------------[ Slider ]------------------*/ /* The Nivo Slider styles */ .nivoSlider { position:relative; z-index: 100; min-height: 311px; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { display: none; position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.3; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding: 7px 0 7px 20px; margin:0 0 0 0; } .nivo-caption a { color: #fff; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; } .nivo-controlNav { position:absolute; right:1%; top:10px; } #kundcase .nivo-controlNav { right: 10px; left: auto; bottom:-38px; } .nivo-controlNav a { display:block; width:15px; height:15px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:-15px 0; } .nivo-directionNav a { display:block; margin-top: 140px; width:52px; height:43px; background:url(images/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-59px 0; right:10px; } a.nivo-prevNav { left:10px; } .nivo-html-caption { display: none; } #slider .nivo-caption a { } #slider h3 { margin-bottom: 0px; font-size: 14px; } img#jobba-i-sundsvall { display: block; float: left; margin-left: 25px; }