/*GENERAL RESET*/
html {
    background: url("images/bg-sky.png") repeat-x scroll 0 0 #D2F0FE;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
	margin:0px;
	color:#000;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
   	font-weight: 300;
/*	background:url(images/body-bg.jpg) repeat-x 0 0; */
}

img {
	border-style:none;
}

a {
	color:#000;
	text-decoration:none;
}
strong {
	font-weight: 600;
}

.side-menu li a.active {
	color:#008333 !important;
}

a:hover {
	text-decoration:underline;
}

input,
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}

form,fieldset {
	margin:0;
	padding:0;
	border:none;
}

/*GENERAL SETTINGS*/
/*PAGE HOLDER*/
.main {
	margin:0 auto;
	padding:135px 17px 15px;
	width:966px;
	background:url(images/main-bg.png) repeat-y;
	position:relative;
    z-index:10001;
}

/*HEADER*/
#header {
	position:absolute;
	top:0;
	left:17px;
	/*background:#ffed00 url(images/header-bg.gif) no-repeat 0 100%;*/
    background: url('images/header-dot-bg.png') repeat-x bottom #FFED00;
	height:135px;
	width: 966px;
	display: table;
}

.header-holder {
	float:right;
	width:735px;
}

/*HEADER TOP NAVIGATION*/
.header-holder .top-nav {
	overflow:hidden;
	height:1%;
	padding:10px 15px 45px;
}

.header-holder .top-nav ul {
	float:right;
	font-size:11px;
	margin:3px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}

.header-holder .top-nav ul img {
	display:block;
	margin-top:1px;
}

.header-holder .top-nav ul li {
	float:left;
	padding:0 7px 0 9px;
}

.header-holder .top-nav ul li:first-child {
	background:none;
}

.header-holder .top-nav ul a {
	color:#000;
}

/*SELECT LANG FORM*/
.header-holder fieldset {
	float:right;
	width:116px;
	margin-left:2px;
}

.header-holder select {
	width:130px;
	font-size:12px;
}

/*LOGO*/
.logo {
	background:url(images/junibacken-logo.png) no-repeat;
	margin:10px 0 0 30px;
	float:left;
	width:167px;
	height:103px;
	text-indent:-9999px;
}

.logo a {
	display:block;
	overflow:hidden;
	height:100%;
}

/*MAIN NAVIGATION*/
.block ul {
	padding: 0 0 4px 0;
}

/*#block-tree_menus-1 {
	background:url(images/ul_bg.gif) no-repeat 16px 0px;
} */

.menu-1,
.nav {
	margin:0;
	padding:0 8px 0 0;
	list-style:none;
	float:right;
}

.menu-1,
.nav:after {
	content: "";
	display: block;
	clear: both;
}

.menu-1 li,
.nav li {
	float:left;
	margin-right:0px;
	display:inline;
  border: 1px solid transparent;
}

.menu-1 a:hover {
 text-decoration: none;
}

.menu-1 a,
.nav a {
	float:left;
/*	text-indent:-9999px;*/
/*	height:44px;*/
	overflow:visible;
	color:#CC071E;
	font-size:17px;
	text-transform: uppercase;
	text-align: center;
	margin-top:7px;
	padding: 0 4px 0 19px;
	line-height: 21px;
}
.menu-1 .item-1-7 a {
  padding-right: 19px;
}

.item-1-1 span,
.vad-nav span {
	background:url(images/nav-active2.gif) no-repeat;
	height:45px;
	width:157px;
	top:-45px;
	left:0px;
}

.item-1-2 span,
.restaurang-nav span {
	background:url(images/nav-active6.gif) no-repeat;
	width:65px;
	height:45px;
	top:-45px;
	left:34px;
}

.item-1-4 span,
.fest-nav span {
	background:url(images/nav-active3.gif) no-repeat;
	width:100px;
	height:37px;
	top:-37px;
	left:2px;
}

.item-1-3 span,
.fest-nav span {
	background:url(images/nav-active7.gif) no-repeat;
	width:120px;
	height:70px;
	top:-59px;
	left:2px;
}

.item-1-5 span,
.skolor-nav span {
	background:url(images/nav-active4.gif) no-repeat;
	width:85px;
	height:56px;
	top:-56px;
	left:12px;
}

.item-1-6 span,
.teater-nav span {
	background:url(images/nav-active5.gif) no-repeat;
	width:69px;
	height:49px;
	top:-49px;
	left:5px;
}

.item-1-7 span,
.om-nav span {
	background:url(images/nav-active.gif) no-repeat;
	height:44px;
	width:125px;
	top:-44px;
	left:8px;
}

.menu-1 span,
.nav span {
	display:none;
	position:absolute;
}

.menu-1 ul,
.nav ul {
	margin:0;
	padding:0 11px 12px;
	list-style:none !important;
	list-style-image:none !important;
	float:none;
}

.menu-1 ul li {
	list-style:none !important;
	list-style-image:none !important;
}

.menu-1 li li,
.nav li li {
	margin:0;
	display:block;
	float:none;
	background:url(images/bullet5.png) no-repeat;
	padding:0 0 8px 10px;
	height:1%;
	vertical-align:top;
	color: #008333;
}

.menu-1 li li a,
.nav li li a {
	text-indent:0;
	float:none;
	padding:0;
	background:none;
	width:auto;
	height:auto;
	color:#008333;
	font-size:17px;
	text-transform:none;
}

.menu-1 li li a:hover,
.nav li li a:hover {
	text-decoration:none;
}

/*DROPDOWN*/
.sub-menu,
.drop {
	display:none;
	width:206px;
	position:absolute;
	top:27px;
	left:0;
	z-index:1000;
}

.sub-menu ul,
.drop .bg {
	background:url(images/drop-bg.png) repeat-y;
	height:1%;
}

.sub-menu .top,
.drop .top {
	overflow:hidden;
	height:16px;
	width:100%;
	background:url(images/drop-top.png) no-repeat;
}

.sub-menu .bottom,
.drop .bottom {
	background:url(images/drop-bottom.png) no-repeat;
	height:9px;
	width:100%;
	overflow:hidden;
}

.menu-1 li:hover,
.menu-1 li.hover,
.menu-1 li.active,
.menu-1 li.expanded {
	position:relative;
}

.nav li:hover,
.nav li.hover,
.nav li.active {
	position:relative;
}

.menu-1 li:hover .sub-menu,
.menu-1 li.hover .sub-menu,
.nav li:hover.drop,
.nav li.hover .drop
/*.menu-1 li:hover span,
.menu-1 li.hover span,
.menu-1 li.active span,
.menu-1 li.expanded span,
.nav li:hover span,
.nav li.hover span,
.nav li.active span*/ {
	display:block;
}

/*MIDDLE PART*/
#middle {
	overflow:hidden;
	height:1%;
	background-color: #fffab2;
    padding: 0 13px 125px 15px;
    min-height: 780px;
}

/*MAIN-COLUMN*/
.main-column {
	float:left;
	width:707px;
}

.main-column h1 {
	margin:0 0 10px;
	font-size:25px;
	line-height:60px;
	letter-spacing:-1px;
  border: 1px solid transparent;
}

/*VISUAL BOX*/
.visual-box {
	position:relative;
	height:1%;
	margin-bottom:0px;
	min-height:351px;
	padding-left: 30px;
	padding-top:15px;
}

* html .visual-box {
	height:348px;
}

.visual-box img {
	display:block;
}

/*VISUAL BOX INFORMATION*/
.visual-box div {
	position:absolute;
	top:0;
	left:0;
	width:186px;
	padding:10px 0;
}

.visual-box p {
	margin:0;
	line-height:16px;
}

/*THREE BOTTOM COLUMNS*/
.holder-column {
	overflow:hidden;
	height:1%;
}

.holder-column .column {
	float:left;
	width:194px;
	border:1px solid #EF9D13;
	margin-right:12px;
	padding:0 13px 20px;
	min-height:243px;
	overflow:hidden;
	background: #fff;
}

.holder-column .column em {
	font-style:normal;
	font-size:12px;
}

.holder-column .column h2 {
	background:#FFED00;
	margin:0 -13px 12px;
	font-size:20px;
	padding:7px 16px;
	color: #CC071E;
	text-align: center;
	text-transform: uppercase;
}

.holder-column .column p {
	margin:0;
	font-size:13px;
}

.holder-column .column h3 {
	margin:0 0 8px;
	font-size:14px;
}

.holder-column .column img {
	display:block;
	margin:0 auto 12px;
}

/*SE FILM LINK*/
.se-film {
	background:url(images/bullet1.jpg) no-repeat 0 2px;
	padding-left:16px;
}

/*EMAIL COLUMN*/
.holder-column .email-form {
	border:none;
	min-height:0;
	padding:0;
	width:221px;
}

.holder-column .email-form h2 {
	background:none;
	margin:0;
}

.holder-column .email-form p {
	line-height:15px;
	margin:0 0 15px;
}

/*EMAIL FORM-BOX*/
.email-box {
    background:url(images/paper-bg-newsletter.png) no-repeat 0px 0px;
	padding:10px 12px 14px;
	margin-bottom:13px;
	color:#CC071E;
	font-size: 13px;
    height: 150px;
}

#block-block-18 {
	background: #FFFAB2;
}

.email-box h2 {
	text-transform: uppercase;
	padding:1px 0 2px 0px;
	margin:8px 0 5px 0px;
	text-align: center;
}

/*BOOK HEADING*/
.holder-column .email-form .book-box {
	/*background:#dcee85 url(images/book-bg.jpg) no-repeat 0 100%;*/
	background: #FFED00;
	border: 1px solid #EF9D13;	
	height:37px;
	margin-bottom:13px;
	padding:12px 14px 0;
}

/*HANDS HEADING*/
.holder-column .email-form .hands-box {
	background:#dcee85 url(images/hands-bg.jpg) no-repeat 0 100%;
	height:36px;
	padding:12px 14px 0;
}

/*RYSK HEADING*/
.holder-column .email-form .rysk-box {
	/*background:#dcee85 url(images/rysk-bg.jpg) no-repeat 0 100%;*/
	background: #FFED00;
	border: 1px solid #EF9D13;	
	height:37px;
	padding:12px 14px 0;
}

.rysk-box a, .book-box a {
	color:#CC071E;
}

/*EMAIL FORM*/

/*ENTER EMAIL INPUT*/
.email-box fieldset div input {
	float:left;
	background:#feed01;
	border:1px solid;
	padding:6px;
	color:#000;
	width:160px;
    margin-left:20px;
}

/*SEND EMAIL BUTTON*/
.email-box fieldset a {
    background: url("images/misc_sprite.png") no-repeat scroll 0 -33px transparent;
    color: #008833;
    float: right;
    margin-top: 8px;
    font-family: mrbubblefontregular;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding-left: 7px;
    text-align: left;
    width: 72px;
}

.email-box fieldset a:hover {
	text-decoration:none;
}

/*EMAIL FORM2 fest-möte */
.email-box2 {
	/*background:#6c517a url(images/heading-bg4.gif) no-repeat 0px 100%;*/
	background: #FFED00;
	border:1px solid #EF9D13;
	padding:10px 12px 18px;
	margin-bottom:3px;
	color:#CC071E;
}

.holder-column .email-box2 h2 {
	background:url(images/ico2.gif) no-repeat 0 2px;
	padding:1px 0 2px 33px;
	margin:0 0 13px -3px;
}

/*BOOK HEADING*/
.holder-column .email-form2 .book-box {
	background:#6c517a url(images/book-bg.jpg) no-repeat 0 100%;
	height:35px;
	margin-bottom:6px;
	padding:16px 14px 0;
}

/*HANDS HEADING*/
.holder-column .email-form2 .hands-box {
	background:#6c517a url(images/hands-bg.jpg) no-repeat 0 100%;
	height:36px;
	padding:12px 14px 0;
}

.email-box2 fieldset {
	overflow:hidden;
	height:1%;
	font-size:11px;
}

.email-box2 fieldset div {
	float:left;
	width:117px;
	padding:3px 7px 3px;
	overflow:hidden;
	background:url(images/misc_sprite.png) no-repeat;
 background-position: 0px -62px;
	margin:2px 6px 0 0;
}

/*ENTER EMAIL INPUT*/
.email-box2 fieldset div input {
	float:left;
	background:none;
	border:0;
	padding:0;
	color:#787878;
	width:117px;
}

/*SEND EMAIL BUTTON*/
.email-box2 fieldset a {
	background:url(images/btn2.gif) no-repeat;
	float:left;
	width:58px;
	text-align:center;
	line-height:26px;
	color:#fff;
	font-weight:bold;
}

.email-box fieldset a:hover {
	text-decoration:none;
}

/*SIDEBAR*/
.sidebar {
	float:right;
	width:228px;
	margin-top:15px;
}

/*SIDEBAR BOX*/
.sidebar-box {
	border:2px solid #E50023;
	margin-bottom:10px;
	padding:0 16px;
	background: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sidebar-box h4 {
	margin:0 -16px 10px;
	font-size:18px;
	padding:5px;
}
.column .sidebar-box {
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
	-moz-border-radius: 0;
}
.column .sidebar-box h4 {
	background: none transparent;
	color: #CC071E;
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
	margin: 15px 0 10px;
	padding: 0;
}
.column .sidebar-box ul { margin: -6px -10px 11px; }
.column .sidebar-box ul li { padding: 5px 7px 4px; }
.column .sidebar-box ul li strong { font-size: 12px; }
.column .sidebar-box ul li em { 
	width: 150px;
	margin-left: 36px !important;
	margin-top: -14px !important;
	font-size: 12px;
}
.column .sidebar-box ul li em.alone {
	margin-left: 0px !important;
	margin-top: 0px !important;
}

/*BESOKET BOX*/
.besoket {
	padding-bottom:10px;
}

.besoket h4 {
	background:#FFED00;
	color: #cc071e;
	text-transform:uppercase;
	text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.besoket ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:13px;
	line-height:19px;
}

.besoket li {
	background: url("images/misc_sprite.png") no-repeat scroll -80px 4px transparent;
	padding-left: 9px;
	width: 0px;
	white-space: nowrap;
}

.besoket li a {
	color:#000;
}

/*JUNIBACKEN BOX*/
.junibacken h4 {
	background:#FFED00;
	color: #cc071e;
	text-transform:uppercase;text-align: center;
}

.junibacken ul {
	margin:-6px -16px 11px;
	padding:0;
	list-style:none;
}

.junibacken li {
	padding:6px 13px 3px;
	overflow:hidden;
	height:1%;
	vertical-align:top;
	border-top:1px solid #f0f0f7;
}

.junibacken li:first-child {
	border:none;
	padding-top: 0 !important;
}

.junibacken li .date-display-single {
	float:left;
	width:40px;
	font-size:12px;
	font-weight:bold;
}

.junibacken li em {
	font-style:normal;
	font-size:13px;
	float:left;
	line-height:13px;
	width:150px;
	padding-bottom:3px;
}
/*.junibacken li .field-content em {
	line-height: 12px;
	padding-bottom: 0px;
}*/

.junibacken li em a {
	color:#000;
}

/*BOOTOM NOTE*/
.note-box {
	background:#f0f0f0;
	margin:0 -16px;
	padding:6px 13px 9px;
	font-size:13px;
	line-height:15px;
}

.note-box a {
	background:url(images/bullet2.gif) no-repeat 100% 6px;
	padding-right:10px;
}

/*FOOTER*/

#footer {
	background:url(images/footer-bg.png) no-repeat;
	padding:20px 20px 0;
	color:#000;
	text-align:right;
	margin:0 auto;
	width:960px;
}

.footercontent {
    font-size: 13px;
    margin: 0 auto;
    text-align: right;
    width: 940px;
}

/*SUBPAGE*/
/*MAIN COLUMN*/
.subpage .main-column {
	width:469px;
	padding:23px 0 0;
}

.subpage .main-column h1,.main-column h1 {
	margin:0 0 15px;
	font-size:40px;
	font-weight: normal;
	color: #CC071E;
	text-transform:uppercase;
}

/*HOLDER IMAGES*/
.holder-image {
	width:100%;
	display:table;
	margin-bottom:20px;
}

.holder-image img {
	float:left;
	margin-left:-2px;
	padding-right:21px;
	position:relative;
}

.holder-image img.right-img {
	margin-top:-3px;
}

.subpage .main-column h2 {
	font-size:25px;
 font-weight: normal;
	margin:0;
	color:#008333;
}

.subpage .main-column p {
	line-height:20px;
	margin:0 0 18px;
}

.content-holder {
	width:712px;
	overflow:hidden;
	float:right;
}

/*LINK BOTTOM LIST*/
.link-list {
	padding:14px 0 0;
}

.link-list span {
	padding:10px 0 0;
	border-top:1px solid #ccc;
	display:block;
}

.link-list ul {
	margin:0;
	padding:0;
	list-style:none;
}

.link-list li {
	margin-top:5px;
}

.link-list li a {
	background:url(images/bullet2.gif) no-repeat 100% 6px;
	padding-right:10px;
}

/*LEFT COLUMN*/
.side-menu {
	float:left;
	width:210px;
	margin:0px 0 0 -4px;
    background:url(images/sidemenu-bg.png) no-repeat 0 0;
    height: 710px;
}

.side-menu .top {
    margin-top: 63px;
}


.side-menu .bottom {
	overflow:hidden;
	height:1%;
	padding:0px 22px 0px;
}

/*SIDEBAR MENU*/
.side-menu ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:18px;
}

.side-menu ul li ul {
    margin: 0px;
    padding: 0px;
}
.side-menu ul li ul li {
    background:url(images/bullet6.png) 18px 8px no-repeat;
}

.side-menu h5 {
	margin:0;
	font-size:20px;
    text-transform: uppercase;
    color: #E50023;
}

li.expanded {
    list-style-type: none!important;
    list-style-image: none!important;
    padding: 0.2em 0.5em 0 0; /* LTR */
    margin: 0;
}


li.collapsed {
    list-style-type: disc;
    list-style-image: url(images/bullet4.png); /* LTR */
    padding: 0.2em 0.5em 0 0; /* LTR */
    margin: 0;
}

li.leaf {
 list-style-type: none;
 list-style-image: none;
 padding: 0.2em 0.5em 0 0; /* LTR */
 margin: 0;
}

ul.menu li {
 margin: 0 0 0 -10px; /* LTR */
white-space: nowrap;
 overflow: hidden;
}

ul.menu li,ul.menu li a {
  border: 1px solid transparent;
}

.side-menu li {
  line-height: 26px;
	/*background:url(images/bullet6.png) no-repeat;*/
	height:auto;
	/*vertical-align:top;*/
	padding:0 0 0px 0px;
}

.side-menu li a {
	color:#008333 !important;
    padding-left: 30px;
}

.side-menu li a.active {
	text-decoration:none;
	color: #000 !important;
    background:url(images/bullet7.png) 0 4px no-repeat;
}

.side-menu li a:hover {
	text-decoration: underline;
}

/*LEFT COLUMN NOTE*/
.side-note {
	display:block;
	line-height:11px;
	font-size:10px;
	color:#616161;
	width:129px;
	margin:0 auto;
}

/*RIGHT COLUMN*/

.squirell-box {
	/*background:url(images/squirell-bg.jpg) no-repeat;*/
	background: #FFED00;
	border:1px solid #EF9D13;
	padding:10px 0 11px 0;
	font-size:20px;
	margin-bottom:13px;
	text-align: center;
}

.squirell-box a, .man-box a {
 color:#CC071E;
 text-transform: uppercase;
}

.man-box {
	/*background:url(images/man-bg.jpg) no-repeat;*/
	background: #FFED00;
	border:1px solid #EF9D13;
	padding:10px 0 11px 0;
	font-size:20px;
	margin-bottom:13px;
	text-align: center;
}

.menu-1 li.expanded {
	padding:0 0 8px 0;
	margin:0 0px 0 0;
}

.menu-1 li.expanded a {
	color: #000;
}

ul.level-2 li a {
	color:#008333 !important;
}

.calendar-calendar ul.links {
	display:none;
}

.field-content.node_title a {
	margin:0 0 8px;
	color:#000;
	font-weight:bold;
	font-size:14px;
}

.view-Nyheter p {
	line-height:auto;
}

.field-content.node_created p {
 font-size:12px;
}

/*Pressmeddelande*/
.view.view-Pressmeddelande .views-row {
 margin-bottom:12px;
}

.view.view-Pressmeddelande .views-field-title {
 display:inline;
}

.view.view-Pressmeddelande .press_date {
 font-weight:bold;
}

/* kalendarium */
.calendar {
 background:#fff;
 width:100%;
 padding-bottom:17px;
}

.calendar h3 {
 background:#FFED00;
 width:100%;
 line-height:44px;
 margin-bottom:12px;
}

.calendar h3 span {
 padding:0 20px;
}

.calendar .views-row {
/* width:100%;*/
 padding:4px 20px;
}

.calendar .views-row .date-display-single {
 font-weight:bold;
}

.calendar .views-row a {
 color:#000;
 font-style:normal;
}

.leftsidebar_image {
 /*background: url(images/restaurang-bg.png) 0 100%;*/
 height:666px;
 width:174px;
 margin-left:20px;
}

tbody {
	border:0;
}

.page4 h1 {
 display:none;
}

.fest_mote_banner {
 margin-bottom:20px;
 margin-top:15px;
}

#node-4 .print-link {
	padding-bottom:0;
}

hr.clear {
	display: block;
	clear: both;
}

#block-countdown-0 {
	left:264px;
	top:440px;
	width:202px;
	position:absolute;
	padding:10px;
	background-color:#fff;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

#block-countdown-0 em {
	font-weight:bold;
}

#nyheter_icon {
	background: url(images/justnu_icon.png) top right no-repeat;
	left:138px;
	top:512px;
	position:absolute;
	width:100px;
	height:100px;
}

#block-views-Blogg-block_1 .content {
 line-height:15px;
}

#block-views-Blogg-block_1 .views-field-title {
	margin-bottom:13px;
	font-weight:bold;
}
.view-Blogg .view-content .views-row {
	border-bottom: 1px solid #CC071E;
}
.view-Blogg .view-content .views-row-last {
	border-bottom: none;
}
.front_col_2 .view-Blogg .view-content .views-row {
	border-bottom: none !important;
}
#search-block-form input.form-text {
    background: url("images/searchbox.png") no-repeat scroll left top transparent;
    border: 0 none;
    height: 24px;
    margin-left: -6px;
    padding-left: 7px;
    width: 214px;
}

#search-block-form input.form-submit {
	background: url("images/searchbox.png") no-repeat scroll -192px 50% transparent;
	border: 0 none;
	height: 28px;
	margin-left: -33px;
	width: 33px;
}

.karta {
  margin-left:-13px;
}

.holder-column .front_col_1 {
    background: url("images/notepad-box1.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    top: 570px;
    height: 280px;
    left:40px;
    min-height: 231px;
    overflow: hidden;
    padding: 0 27px 19px;
    position: absolute;
    width: 170px;
}

.holder-column .front_col_2 {
    background: url("images/notepad-box2.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    top: 570px;
    height: 280px;
    left: 270px;
    margin-right: 20px;
    min-height: 231px;
    overflow: hidden;
    padding: 0 27px 19px;
    position: absolute;
    width: 170px;
}

.holder-column .front_col_3 {
    background: url("images/notepad-box1.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    top: 570px;
    height: 280px;
    left: 500px;
    min-height: 231px;
    overflow: hidden;
    padding: 0 27px 19px;
    position: absolute;
    width: 170px;
}

.holder-column .front_col_1 h2, .holder-column .front_col_2 h2, .holder-column .front_col_3 h2 {
    background: none transparent;
    color: #CC071E;
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
    padding:0;
}
.holder-column .front_col_3 h2 {
    margin-bottom: 0px;
}

.holder-column .front_col_2 h2 {
 background: none transparent;
 color: #CC071E;
 font-size: 20px;
 text-align: left;
 text-transform: uppercase;
 margin-top: 7px;
 margin-bottom: -4px;
}

#block-views-Nyheter-block_1 {
 height: 158px;
}
div.view-Nyheter li {
    background-image: url("images/news-separator.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 13px;
}

#block-views-Nyheter-block_1 .node_title a {
 font-size: 13px;
}

.holder-column .front_col_3 h2 {
    margin-bottom: 0;
}
.holder-column .front_col_1 h2, .holder-column .front_col_2 h2, .holder-column .front_col_3 h2 {
    background: none repeat scroll 0 0 transparent;
    color: #CC071E;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 0 0 0 15px;
    text-align: left;
    text-transform: uppercase;
}
.temp-message {
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	bottom: 200px;
	color: #000000;
	margin: 1em 0 3em 2em;
	padding: 15px;
	position: relative;
	width: 200px;
	box-shadow: 4px 4px 4px #555555;
}

.temp-message:after {
	border-color: #FFFFFF transparent;
	border-style: solid;
	border-width: 43px 0 0 20px;
	bottom: -43px;
	content: "";
	display: block;
	left: 100px;
	position: absolute;
	width: 0;
}

.temp-message h2 {
	text-transform: uppercase;
	padding:1px 0 2px 0px;
	margin:0 0 11px 0px;
 color: #009900;
 font-size: 20px;
}

#block-block-32 h1 {
	line-height: 53px;
}

/* Sprites */
div.flags_icon {
 background: url('images/misc_sprite.png');
 height:15px;
 width:20px
}

div.facebook_icon {
 background: url("images/misc_sprite.png") repeat scroll -24px 0 transparent;
 height: 28px;
 width: 30px;
}

span.ext {
 background: url(images/misc_sprite.png) repeat scroll -56px 0 transparent;
 padding-right: 12px;
 zoom: 1;
}

/* Language selector flags */
.top-nav option {
	background-attachment: scroll;
	background-color: transparent;
	background-position: 3px 5px;
	background-repeat: no-repeat;
	padding: 2px 25px;
}
.top-nav option.c_sa {
	background-image: url('images/flags/sa.png');
}
.top-nav option.c_cn {
	background-image: url('images/flags/cn.png');
}
.top-nav option.c_nl {
	background-image: url('images/flags/nl.png');
}
.top-nav option.c_gb {
	background-image: url('images/flags/gb.png');
}
.top-nav option.c_fi {
	background-image: url('images/flags/fi.png');
}
.top-nav option.c_fr {
	background-image: url('images/flags/fr.png');
}
.top-nav option.c_de {
	background-image: url('images/flags/de.png');
}
.top-nav option.c_it {
	background-image: url('images/flags/it.png');
}
.top-nav option.c_jp {
	background-image: url('images/flags/jp.png');
}
.top-nav option.c_ru {
	background-image: url('images/flags/ru.png');
}
.top-nav option.c_es {
	background-image: url('images/flags/es.png');
}

/* Social icons */
.social {
	background-image: url('images/social-icons.png');
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	float: left;
	margin: 0 2px;
}
.social.rss {
	background-position: 0 0;
}
.social.youtube {
	background-position: 0 -35px;
}
.social.twitter {
	background-position: 0 -70px;
}
.social.facebook {
	background-position: 0 -105px;
}
.social.instagram {
	background-position: 0 -139px;
}
.social.webshop {
	background-position: 0 -171px;
}

@font-face {
  font-family: 'MrBubbleFontRegular';
  src: url('fonts/mrbubblefont-webfont.eot');
  src: url('fonts/mrbubblefont-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/mrbubblefont-webfont.woff') format('woff'),
     url('fonts/mrbubblefont-webfont.ttf') format('truetype'),
     url('fonts/mrbubblefont-webfont.svg#MrBubbleFontRegular') format('svg');
}

/* Selectors copied from settings in cufon module. */
.subpage .main-column h1,
.besoket h4,
.junibacken h4,
.holder-column .column h2,
.main-column h1,
.subpage .main-column h2,
.menu-1 li,
.side-menu h5,
.side-menu li,
.squirell-box, .man-box,
.email-box h2,
#block-views-Blogg-block_2 h2,
.temp-message h2 {
 font-family: "MrBubbleFontRegular";
 font-weight: normal;
 font-style: normal;
}

/* Added by Johan */
div.view-Nyheter ul,
div.view-Blogg ul {
	list-style: none outside none;
}
div.view-Blogg li {
	background-image: url("images/news-separator.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	list-style: none outside none;
	margin: 0;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 13px;
}
div.view-Nyheter ul li a,
div.view-Blogg ul li a{
	display:block;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.item-list .pager {
	float: right;
}
.item-list .pager li {
	float: left;
}

div.view-Blogg.view-display-id-block_2 ul li {
  font: 14px arial,sans-serif;
}

div.view-Blogg.view-display-id-block_2 ul li a{
  font: 17px "MrBubbleFontRegular";
}

ul.menyforslag {
	list-style: none;
	padding: 0 10px;
	margin-bottom: 25px;
}
ul.menyforslag li {
	margin-top: 12px;
}

ul.menu li ul.menu li {
  margin-left: 15px;
}

#block-mobile_tools-0, #block-mobile_tools-1, .block-mobile_tools {
  display: none;
}
@media screen and (min-device-width: 600px) {
	#block-mobile_tools-0, #block-mobile_tools-1, .block-mobile_tools {
	  display: none !important;
	}
}
@media only screen and (max-device-width: 999px),  only screen and (-webkit-min-device-pixel-ratio: 2) {
  /* Mobile CSS rules here */
  #block-mobile_tools-0, #block-mobile_tools-1 {
      display: block;
      font-family: "MrBubbleFontRegular";
      font-size: 42px;
      left: 0;
      padding: 10px 0;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      bottom: -105px;
      z-index: 10;
  }
  #block-mobile_tools-0 a, #block-mobile_tools-1 a {
    padding: 20px;
    color: #CC071E;
  }
}
/* Comments block on blog pages */

.comment {border-bottom: 2px dashed green;padding: 15px 0 15px 0}
#edit-homepage-wrapper {display: none;}
#comments {margin-top:40px}
#comments .box {margin-top:20px;}
#comments #edit-preview,#comments .tips,#comments h3,#comments .links,#comments p a {display: none;}
#comments p {margin:10px 0 0 0;}
.comment_forbidden { display: none !important; }

/* Top 10 books */


.top10 {
    margin:20px 0 15px 0;
    width:475px;
}

.top10-row {
    display:block;
    float:left;
    margin-bottom:10px;
    clear:both;
    width:100%;
    border-bottom:1px solid #ef9d13;
    padding-bottom:5px;
}

.top10-position {
    float:left;
    position:relative;
    padding-top:18px;
    top:-18px;
    width:65px;
    height:68px;
    text-align:center;
    font-family: "MrBubbleFontRegular";
    font-style: normal;
    color: #CC071E;
    text-transform: uppercase;
    font-size:25px;
    background-image:url('images/top10-position-bg.png');
    background-repeat:no-repeat;
    color:#CC071E;
    z-index:10;
}
.top10-cover {
    float:left;
    position:relative;
    left:-10px;
}
.top10-cover img {
	max-width: 100px;
	height: auto;
}
#top10-info {
    display:inline-block;
    width:310px;
}
#top10-info p {
    margin-bottom:5px;
    line-height:normal;
}
#top10-info h3 {
    margin:0px;
    font-family: "MrBubbleFontRegular";
    font-style: normal;
    font-weight: normal;
    color: #CC071E;
    text-transform: uppercase;
    font-size:18px;
}
#top10-info p.writer {
    margin:0px 0 5px 0;
    font-size:11px;
}

    ::selection {
    color: #fff;
    background: #e50023; /* Safari */
}
::-moz-selection {
    color: #fff;
    background: #e50023; /* Firefox */
}
#slides {
    display: none
}
#slides .slidesjs-navigation {
    position: absolute;
    top:50%;
    z-index: 1000;
}
#slides .slidesjs-previous {
    background-image: url("images/slider-sprite.png");
    background-repeat: no-repeat;
    color: #A5A5A5;
    display: block;
    height: 76px;
    margin-top: -50px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 40px;
    z-index: 999;
    margin-left: 10px;
}
#slides .slidesjs-next {
    right: 0px;
    background-image: url("images/slider-sprite.png");
    background-repeat: no-repeat;
    color: #A5A5A5;
    display: block;
    height: 76px;
    margin-top: -50px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 40px;
    z-index: 999;
    background-position: 0 -100px;
    margin-right: 10px;
}
.slidesjs-pagination {
    margin-left: -69px;
    position: absolute;
    right: 1%;
    top:360px;
    z-index: 1001;
    list-style: none;
}
.subpage .slidesjs-pagination {
    margin-left: -69px;
    position: absolute;
    right: 1%;
    top:230px;
    z-index: 1001;
    list-style: none;
}
.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}
.slidesjs-pagination li a {
    background-color: transparent;
    background-image: url("images/slider-sprite.png");
    background-position: 0 -200px;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    margin-left: 4px;
    margin-right: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 15px;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -230px
}
.slidesjs-pagination li a:hover {
    background-position: 0 -230px
}
#slides a:link,
#slides a:visited {
    color: #333
}
#slides a:hover,
#slides a:active {
    color: #9e2020
}
.navbar {
    overflow: hidden
}
.slides-container {
    width: 680px;
    position: relative;
    margin-top: 15px;
    left:10px;
}
.subpage .slides-container {
    width: 460px;
    position: relative;
    margin-top: 0px;
    margin-bottom: 15px;
    left:0px;
}
.fright {
	right: 25px;
}
.floatbox {
    background: #ffed00;
    position: absolute;
    top:7.5%;
    z-index: 10;
    width: 280px;
    height: auto;
    margin-left: 30px;
    padding: 10px 10px 10px 25px;
}
.floatbox h2 {
    font-size: 30px !important;
    font-family: "MrBubbleFontRegular";
    font-style: normal;
    font-weight: normal;
    color: #e50023 !important;
    text-transform: uppercase;
    margin-top: 10px;
}
.floatbox p {
    font-size: 15px;
}

div#kullar {
    background: url("images/kullar.png") no-repeat scroll center bottom transparent;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
div#moln {
    background: url("images/several-moln.png") no-repeat scroll 40% 107px transparent;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
div#perThomas {
    background: url("images/per-thomas.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 204px;
    position: absolute;
    right: 0;
    top: 330px;
    width: 219px;
    z-index: 10000;
}
div#footergrass {
    background: url("images/grass.png") repeat-x scroll 60% top transparent;
    bottom: 0;
    height: 20px;
    padding-bottom: 50px;
    padding-top: 70px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10002;
}
div#all {
    background: url("images/bg-sky.png") repeat-x scroll 0 0 #D2F0FE;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
.more-link {
    font-family: MrBubbleFontRegular;
    font-size: 16px;
    text-align: left;
    margin-top: 5px;
}
.more-link a {
    background-image: url("images/icon-readmore.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #008833;
    padding: 5px 30px 5px 0;
}
#junitv {text-align:center;margin:10px 0 5px 0;}

#festSubmit { background: url("images/misc_sprite.png") no-repeat scroll 0 -33px transparent; border:0; color: #008833; float: right; font-family: mrbubblefontregular; font-size: 13px; font-weight: bold; line-height: 28px; margin-top: 8px; text-align: left; width: 72px; height:28px;	 }


/* == Ensamble ========================================================= */

.ensamble-item {
  position: relative;
  padding: 4px;
  text-align: center;
  float: left;
}
.ensamble-item .ensamble-outer-container {
  position: relative;
  height: 275px;
  width: 225px;
  overflow: hidden;
}
.ensamble-item .ensamble-inner-container {
  position: relative;
}
.ensamble-item .ensamble-logo {
  height: 275px;
  position: relative;
}
.ensamble-item img {

}
.ensamble-item .ensamble-logo .header {
  font-size: 22px;
  font-family: "MrBubbleFontRegular";
  font-weight: 900;
  text-align: center;
  margin: 0;
  margin-top: -35px;
  text-shadow: 1px 1px 5px #fff;
}
.ensamble-item .ensamble-logo .header h4 {
  margin: 0;
  padding: 2px 0;
  display: inline-block;
  width: 100%;
  background: rgba(255,255,255, 0.5);
}
.ensamble-item .ensamble-description {
  height: 275px;
  background: #FFED00;
  position: relative;
  padding: 10px;
}
.ensamble-item .ensamble-description .header {
  font-size: 22px;
  font-family: "MrBubbleFontRegular";
  font-weight: 900;
  text-align: center;
  margin: 0;
  color: #008333;
}
.ensamble-item .ensamble-description .divider {
  width: 100%;
  text-align: center;
  height: auto;
  position: relative;
}
.ensamble-item .ensamble-description .divider hr {
  background: #333;
  border: 0;
}
.ensamble-item .ensamble-description p {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  text-align: left;
}
/* == Junipriset ========================================================= */
.junipriset-wrap { background: url(http://www.junibacken.se/sites/all/themes/junibacken/images/junipriset-bg.png); padding: 20px 10px 40px 35px; }
.junipriset-wrap h3 { margin: 0 0 5px; font-family: "MrBubbleFontRegular"; font-size: 18px; color: #CC071E; }
.junipriset-wrap p { margin: 0; font-size: 90%; }
.junipriset-wrap a {}
.junipriset-wrap a img {}

/* == Contact ========================================================= */
.googlemap { float: right; }
.contacts-wrap { }
.contacts-wrap .regularadress, .contacts-wrap .inoviceadress, .contacts-wrap .find-us { margin: 0 0 20px; }
.subpage .main-column .contacts-wrap p { margin: 0; }
.contacts-wrap .contacts { margin-top: 60px; padding: 40px 0; border-top: 1px solid rgba(0, 131, 51, 0.4);  }
.contacts-wrap .contacts .contact-item { padding: 15px 0px; border-bottom: 1px dashed rgba(0, 131, 51, 0.4); }
.contacts-wrap .contacts .contact-item:last-child { border-bottom: none; }
.contacts-wrap .contacts .contact-item .contact-image { float: left; }
.contacts-wrap .contacts .contact-item .contact-info { float: left; margin-left: 15px; }
.contacts-wrap .contacts .contact-item .contact-info .contact-name { margin: 0; }
.contacts-wrap .contacts .contact-item .contact-info p { margin: 0; }
.contacts-wrap .contacts .contact-item .contact-info p a { color: #008333; }

/* == Festival ========================================================= */
.festival1146 #middle { min-height: 1000px; }
.festival1146.subpage .main-column .content h2 { font-size: 3.8em; text-align: center; margin: 0.25em 0 0.4em; color: #CC071E; }
.festival1146.subpage .main-column .content h3 { color: #008333; font-size: 1.8em; text-align: center; margin-top: 15px; }
.festival1146 .sidebar { display: none; }
.festival1146.subpage .main-column { width: 910px; }

.festival1146 .holder-column { position: relative; height: auto; overflow: inherit; min-height: 310px; }
.festival1146 .holder-column .column { top: 0px; }
.festival1146 .holder-column .front_col_1 { left: 80px; }
.festival1146 .holder-column .front_col_2 { left: 350px; }
.festival1146 .holder-column .front_col_3 { left: 620px; }

.festival1146 #slides {}
.festival1146 #slides .slidesjs-navigation { top: 43%; }
.festival1146 #slides .slidesjs-navigation.slidesjs-next { margin-right: 50px; }
.festival1146 #slides .slidesjs-pagination { margin-left: 0; margin-top: -20px; top: inherit; right: inherit; padding: 0; }

.subpage.festival1151 {}
.subpage.festival1151 .main-column { width: 900px; }
.subpage.festival1151 .sidebar { display: none; }

/* == Festvåning ========================================================= */
.view-webformblock { margin-bottom: 40px; }
.view-webformblock h2 {
	color: #000;
	margin: 0;
    font-family: Garamond, Georgia, serif !important;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
    text-transform: none;
}
.view-webformblock .content { padding: 0px 12px 14px; }
.view-webformblock .content p { 
	margin: 10px;
	text-align: center;
	font-family: Garamond, Georgia, serif !important;
	font-size: 17px;
}
.view-webformblock .content label { display: none; }
.view-webformblock .content input { 
	border: 1px solid;
    padding: 6px;
    color: #000;
    width: 170px;
    margin-left: 10px;
}
.view-webformblock .content input.form-submit {
    background: url('http://www.junibacken.se/sites/all/themes/junibacken/images/kontakt-btn.jpg') no-repeat center center;
    border: none;
    color: #000 !important;
    cursor: pointer;
    font-family: Garamond, Georgia, serif !important;
    width: 160px;
    height: 50px;
    float: none;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    margin-top: 20px;
}
#block-block-49 {}
#block-block-49 .email-box {}
#block-block-49 .email-box h2 {
	color: #000;
	margin: 0;
    font-family: Garamond, Georgia, serif !important;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
    text-transform: none;
}
#block-block-49 .email-box p {
	color: #000;
	margin: 10px;
	text-align: center;
	font-family: Garamond, Georgia, serif !important;
	font-size: 17px;
}
#block-block-49 .email-box #festSubmit { cursor: pointer; }


/* == Thickbox ========================================================= */
#TB_overlay { z-index: 99998; }
#TB_window { z-index: 99999; }