/*
Theme Name: Grinda-New
Description: Grinda
Version: 1.0
Author: Drip
Author URI: http://drip.se/
*/
@import url(reset-min.css);
@import url(facebox.css);
* {
outline: none;
}
/* P % H */
h2, h3, h4, h2 a, h3 a, h4 a {
text-transform: uppercase;
color: #7f7f7f;
}
h2 {
font-size: 2.25em;
color: #7f7f7f;
padding: 0 0 10px 0;
}
h3 {
font-size: 1.50em;
color: #7f7f7f;
padding: 0 0 20px 0;
}
h4 {
font-size: 1.06em;
color: #7f7f7f;
}
h5 {
font-size: .75em;
color: #7f7f7f;
}
p {
font-size: .88em;
color: #7f7f7f;
}
strong {
font-weight: bold;
}
a {
color: #7f7f7f;
text-decoration: underline;
}
/* Lines */
.line {
background: #ccc;
width: 910px;
height: 1px;
margin: 20px 0;
float: left;
}
.line-short {
background: #ccc;
width: 330px;
height: 1px;
margin: -20px 5px 0 0;
float: right;
}
#social {
font-size: .85em;
width: 330px;
float: right;
margin: 0 5px 0 0;
position: relative;
top: -10px;
}
#social img {
float: left;
}
/* Body */
body {
background: #0F1316 url(images/bg-day.jpg) no-repeat top center;
background-attachment: fixed;
line-height: 1em;
font-family: Helvetica,Arial,Geneva,sans-serif;
font-size: 100%;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: baseline;
}
/* Wrapper */
#wrapper {
width: 960px;
margin: 0 auto;
}
/* Header */
#header {
width: 960px;
float: left;
}
#headerimg {
width: 485px;
height: 124px;
float: left;
}
#sidebar {
clear: both;

}
.language{
float: right;
margin-right: 7px;
margin-bottom: 7px;
}
.qtrans_flag {
margin-bottom: 5px;
}
/* Navigation */
div#navigation {
width: 315px;
float: right;
margin: 80px 10px 10px 0;
}
div#navigation ul {
padding: 0 25px;
}
div#navigation li {
display: block;
float: left;
margin: 0 0 5px 0;
height: 30px;
}
div#navigation ul li a {
text-indent: -9999px !important;
}
/* Knappar sprite */
/* Händelser & Upplevelser */
div#navigation li.page-item-20 a {
background: url(images/menu-sprite.png) no-repeat top left;
background-position: -10px -518px;
width: 230px;
height: 25px;
float: left;
margin: 2px 0 0 70px;
padding: 0 40px 0 0;
}
div#navigation  li.page-item-20 a:hover, div#navigation li.page-item-20.current_page_item a {
background: url(images/menu-sprite.png) no-repeat top left;
_background-position: -10px -518px !important;
background-position: -10px -544px;
width: 230px;
height: 31px;
margin: -1px 0 0 70px;
float: left;
}
/* Stugby & Vandrarhem */
div#navigation li.page-item-22 a {
background: url(images/menu-sprite.png) no-repeat top left;
background-position: -10px -576px;
width: 205px;
height: 25px;
float: left;
margin: 2px 0 0 0;
}
div#navigation  li.page-item-22 a:hover, div#navigation li.page-item-22.current_page_item a {
background: url(images/menu-sprite.png) no-repeat top left;
_background-position: -10px -576px !important;
background-position: -10px -602px;
width: 205px;
height: 31px;
margin: -1px 0 0 0;
float: left;
}
/* Knappar sprite in english*/
/* Händelser & Upplevelser */
.en div#navigation li.page-item-20 a {
background: url(images/menu-sprite2.png) no-repeat top left;
background-position: -10px -518px;
width: 230px;
height: 25px;
float: left;
margin: 2px 0 0 70px;
padding: 0 40px 0 0;
}
.en div#navigation  li.page-item-20 a:hover, div#navigation li.page-item-20.current_page_item a {
background: url(images/menu-sprite2.png) no-repeat top left;
_background-position: -10px -518px !important;
background-position: -10px -544px;
width: 230px;
height: 31px;
margin: -1px 0 0 70px;
float: left;
}
/* Stugby & Vandrarhem */
.en div#navigation li.page-item-22 a {
background: url(images/menu-sprite2.png) no-repeat top left;
background-position: -10px -576px;
width: 205px;
height: 25px;
float: left;
margin: 2px 0 0 0;
}
.en div#navigation  li.page-item-22 a:hover, div#navigation li.page-item-22.current_page_item a {
background: url(images/menu-sprite2.png) no-repeat top left;
_background-position: -10px -576px !important;
background-position: -10px -602px;
width: 205px;
height: 31px;
margin: -1px 0 0 0;
float: left;
}

/* Content */
#content {
background: #fff url(images/content-bg-repeat.png) repeat-x top left;
width: 935px;
float: left;
overflow: hidden;
clear: both;
margin: 30px 0 0 0;
}
#content-no-padding {
background: #fff url(images/content-bg-repeat.png) repeat-x top left;
width: 935px;
float: left;
clear: both;
margin: 30px 0 0 0;
}
#content.narrowcolumn {
padding: 50px 0 0 25px;
}
#content-no-padding.narrowcolumn {
padding: 50px 0 0 25px;
}
#content.narrowcolumn p {
padding: 0 0 20px 0;
}
#content-no-padding.narrowcolumn p {
padding: 0 0 20px 0;
}
/* Startsidan */
div#boka-boende-online-puff {
width: 515px;
float: left;
}
div#aktuella-oppetider-puff {
width: 330px;
float: left;
margin: 0 0 0 60px;
}
div#grinda-puff {
width: 330px;
float: left;
margin: 0 0 0 120px;
}
div#bakom-bat {
background: url(images/bakom-bat.jpg) no-repeat top left;
width: 479px;
height: 546px;
float: left;
margin: 0 0 -50px -25px;
}
div#bakom-bat-right {
background: url(images/bakom-bat-right.jpg) no-repeat top left;
width: 387px;
height: 520px;
float: right;
margin: 140px 0 0 0;
}
/* Form */
img.ajax-loader {
float: left;
margin: 30px 0 0 0;
}
input {
font-size: .88em;
border: 0;
padding: 8px 4px 0 4px;
margin: 15px 0 0 0;
float: right;
line-height: auto;
}
form {
width: 520px;
float: left;
}
p.form-p {
height: 31px;
line-height: 2em;
margin: 15px 10px 0 0;
padding: 0 !important;
float: left;
clear: left;
}
form input.Namn {
background: url(images/form-sprite.jpg) no-repeat top left;
width: 431px;
height: 23px;

}
form input.antal {
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -31px;
width: 415px;
height: 23px;
}
form input.ankomst {
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -93px;
width: 315px;
height: 23px;
}
form input.avresa {
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -62px;
width: 331px;
height: 23px;
}
form input.dubbel {
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -124px;
width: 24px;
height: 23px;
margin: 15px 300px 0 0;
}
form input.enkel {
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -124px;
width: 24px;
height: 23px;
margin: 15px 300px 0 0;
}
form input.email {
background: url(images/form-sprite.jpg) no-repeat top left;
width: 431px;
height: 23px;
}
form input.telefon {
background: url(images/form-sprite.jpg) no-repeat top left;
width: 431px;
height: 23px;
}
form textarea.meddelande{
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -155px;
width: 400px;
height: 94px;
float: left;
padding: 0;
border: 0;
margin: 15px 0 0 0;
padding: 8px 4px 0 4px;
}
form input.skicka{
background: url(images/form-sprite.jpg) no-repeat top left;
background-position: 0 -260px;
text-indent: -9999px !important;
width: 70px;
height: 40px;
clear: both;
cursor: pointer;
}
/* Footer */
#footer {
width: 960px;
margin: 20px 0 50px 0;
float: left;
}
#line {
background: #888d8e;
width: 910px;
height: 1px;
margin: 0 auto 20px auto;
}
#footer #footer-left {
background: #fff url(images/footer-box-bg.png) repeat-x top center;
width: 437px;
height: 164px;
float: left;
}
#footer #footer-right {
background: #fff url(images/footer-box-bg.png) repeat-x top center;
width: 437px;
height: 164px;
float: right;
}
#footer-right p , #footer-left p {
width: 225px;
padding: 0 0 0 15px;
float: left;
}
#footer h2 {
padding: 20px 0 0 15px;
float: left;
}
div#karta {
background: url(images/karta.jpg) no-repeat top left;
width: 154px;
height: 164px;
float: left;
}
div#klocka {
background: url(images/klocka.jpg) no-repeat top left;
width: 154px;
height: 164px;
float: left;
}
.se #footer #welcome-to-grinda {
background: url(images/footer-bg.png) no-repeat top center;
width: 960px;
height: 70px;
float: left;
}
.en #footer #welcome-to-grinda {
background: url(images/footer-bg2.png) no-repeat top center;
width: 960px;
height: 70px;
float: left;
}
/* Align styles */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 30px 7px;
display: inline;
}
img.alignleft {
margin: 0 7px 30px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* Grinda Tour */
#grinda-tour-gasthamn {
background: url(images/gasthamn-bg.jpg) no-repeat top left;
width: 960px;
height: 284px;
}
#grinda-tour-gasthamn p , #grinda-tour-stugby p , #grinda-tour-cafe p {
width: 220px;
margin: 30px 20px 0 0;
font-size: .85em;
line-height: 1.2em;
float: right;
}
#grinda-tour-wardshus {
background: url(images/wardshus-bg.jpg) no-repeat top left;
width: 960px;
height: 284px;
}
#grinda-tour-wardshus p , #grinda-tour-framfickan p {
width: 220px;
margin: 30px 0 0 20px;
font-size: .85em;
line-height: 1.2em;
float: left;
}
#grinda-tour-stugby {
background: url(images/stugby-bg.jpg) no-repeat top left;
width: 960px;
height: 284px;
}
#grinda-tour-framfickan {
background: url(images/framfickan-bg.jpg) no-repeat top left;
width: 960px;
height: 284px;
}
#grinda-tour-cafe {
background: url(images/cafe-bg.jpg) no-repeat top left;
width: 960px;
height: 284px;
}
/* Slider */
#stripNav0 {
background: url(images/slide-top-bg.png) no-repeat top center;
width: 960px !important;
height: 64px;
float: left;
}
#stripNav0 ul {
margin: 5px 0 0 260px;
}
#stripNav0 ul li {
display: inline;
float: left;
margin: 0 25px 0 0;
}
#stripNav0 ul li a {
display: block;
text-indent: -9999px;
}
#stripNav0 ul li.tab1 a {
width: 190px;
height: 35px;
margin: 10px 0 0 -240px;
}
/* svenska */
#stripNav0 ul li.tab2 a {
background: url(images/grinda-sektioner.png) no-repeat top center;
width: 120px;
height: 50px;
}
#stripNav0 ul li.tab3 a {
background: url(images/grinda-sektioner.png) no-repeat top center;
background-position: 0 -108px;
width: 100px;
height: 50px;
}
#stripNav0 ul li.tab4 a {
background: url(images/grinda-sektioner.png) no-repeat top center;
background-position: 0 -220px;
width: 100px;
height: 50px;
}
#stripNav0 ul li.tab5 a {
background: url(images/grinda-sektioner.png) no-repeat top center;
background-position: 0 -320px;
width: 100px;
height: 50px;
}
#stripNav0 ul li.tab6 a {
background: url(images/grinda-sektioner.png) no-repeat top center;
background-position: 0 -423px;
width: 120px;
height: 50px;
}
/* engelska */
.en #stripNav0 ul li.tab2 a {
background: url(images/grinda-sektioner2.png) no-repeat top center;
width: 120px;
height: 50px;
}
.en #stripNav0 ul li.tab3 a {
background: url(images/grinda-sektioner2.png) no-repeat top center;
background-position: 0 -108px;
width: 100px;
height: 50px;
}
.en #stripNav0 ul li.tab4 a {
background: url(images/grinda-sektioner2.png) no-repeat top center;
background-position: 0 -220px;
width: 100px;
height: 50px;
}
.en #stripNav0 ul li.tab5 a {
background: url(images/grinda-sektioner2.png) no-repeat top center;
background-position: 0 -320px;
width: 100px;
height: 50px;
}
.en #stripNav0 ul li.tab6 a {
background: url(images/grinda-sektioner2.png) no-repeat top center;
background-position: 0 -423px;
width: 120px;
height: 50px;
}
/*#stripNav0 ul li a:hover , #stripNav0 ul li a.current {
background: #e5e5e5;
padding: 6px 14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}*/
.slider-wrap {
width: 960px;
height: 347px;
overflow: hidden;
float: left;
}
.csw {
width: 960px; 
height: 284px; 
float: left;
}
.csw .loading {
background: url(images/slide-top-bg.png) no-repeat top center;
width: 945px !important;
height: 49px;
padding: 15px 15px 0 0;
text-align: right;
}
.stripViewer {
position: relative;
overflow: hidden; 
margin: auto;
width: 960px;
height: 284px;
clear: both;
float: left;
}
.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
width: 960px;
height: 284px;
list-style-type: none;
float: left;
}
.stripViewer .panelContainer .panel {
float:left;
width: 960px;
height: 284px;
position: relative;
}
/* Display nones */
li.page-item-169 , li.page-item-167 , li.page-item-210 , li.page-item-208 , li.page-item-206 , li.page-item-203 , li.page-item-199 , li.page-item-224, li.page-item-16, li.page-item-18 {
display: none !important;
}