<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url("../images/bakgrund.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-attachment: fixed;
}

/* TECKENSNITT OCH TEXTSTORLEK  */
body, td, p {/*font-family: Lucida Sans Unicode, Helvetica, sans-serif, Arial, sans-serif;
				font-size: 16px;*/
				}

p {
				margin: 0;
				padding: 3px 3px 7px 0;
				line-height: 25px;
				font-family: Georgia,"Times New Roman", Times, serif;
				font-size: 16px;
}
p.bold {
				margin: 0;
				padding: 3px 3px 7px 0;
				line-height: 25px;
				font-family: Georgia,"Times New Roman", Times, serif;
				font-size: 16px;
				font-weight: bold;
}

h1 {
				font-size: 30px;
				font-weight: normal;
				padding: 15px 0 5px 0;
				margin: 0;
				font-family: Arial, Helvetica, sans-serif;
}
h2 {
				font-size: 22px;
				font-weight: normal; /*padding: 15px 0 0 0;*/
				margin: 0;
				font-family: Arial, Helvetica, sans-serif;
}
h3 {
				font-size: 18px; /*padding: 15px 0 0 0;*/
				margin: 0;
				font-family: Arial, Helvetica, sans-serif;
				}

h4 {
				font-size: 16px; /*padding: 15px 0 0 0;*/
				padding: 3px 3px 7px 0;
				margin: 0;
				font-family: Arial, Helvetica, sans-serif;
				}

p a:link    { color: #000000; text-decoration: underline; font-weight: normal;}
p a:visited { color: #000000; text-decoration: underline; font-weight: normal;} 
p a:hover   {
				color: #3366CC;
				text-decoration: none;
				font-weight: normal;
				-o-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
				-webkit-transition: .5s;
				transition: .5s
}
p a:active  { color: #000000; text-decoration: none; font-weight: normal;}


p.datum{
				font-size: 14px;
				padding: 1px 3px 7px 0;
				line-height: 15px; /*color: #313131;*/;
				color: #f0284a;
				font-family: Arial, sans-serif;
				font-weight: bold;
}


hr.egen
{
				border-radius: 3px;
				width: 98%;
				height: 1px;
				/*border-width: 0;
				background-color: #696969;*/
				
				/*border-radius: 3px;*/
				/*width: 100%;*/
				height: 1px;
				border-width: 0;
				background-color: #333333;
/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(17, 17, 17, 0.99), rgba(0, 0, 0, 0));	*/
				
}

hr.meny
{
				border-radius: 3px;
				width: 98%;
				height: 1px;
				border-width: 0;
				background-color: #000000;
}


.slut::after {
				/*inga biljetter kvar*/
				border: 1px solid #000000;
				color: rgb(255, 255, 255);
				font-size: 14px;
				font-weight: normal;
				content: "SLUTSÅLT!";
				background-color: #FF0000;
				padding-right: 5px;
				padding-left: 5px;
				border-radius: 3px;
				font-family: Arial, Helvetica, sans-serif;
				white-space: nowrap;
}
.lite::after {
				/*få biljetter kvar*/
				border: 1px solid #000000;
				color: rgb(255, 255, 255);
				font-size: 14px;
				font-weight: normal;
				content: "FÅTAL BILJETTER KVAR!";
				background-color: #EC7322;
				padding-right: 5px;
				padding-left: 5px;
				border-radius: 3px;
				font-family: Arial, Helvetica, sans-serif;
				white-space: nowrap;
}

ul.lista {
  /*list-style-type: square;*/
}
ul.lista { list-style-image: url("../images/symbol.png"); }
.lista a:link
{
	color: #000000; text-decoration: underline; font-weight: normal;
	font-family: Georgia,"Times New Roman", Times, serif;
				font-size: 16px;
	
}
.lista a:visited
{
	color: #000000; text-decoration: underline; font-weight: normal;			
}
.lista a:hover   {
				color: #3366CC;
				text-decoration: none;
				font-weight: normal;
				-o-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
				-webkit-transition: .5s;
				transition: .5s
}
.lista a:active  { color: #000000; text-decoration: none; font-weight: normal;}


/* CENTRERINGSBOX - fÃ¶r centrerade layouter */
#centerbox {
				width: 85%;
				/*max-width: 1920px;*/
				margin: -40px auto 0px auto;
				padding: 0px;
				overflow: hidden;
}
@media only screen and (min-width : 480px) and (max-width: 1200px)
{
#centerbox {
	/*margin: 0px auto 0 auto;*/
				
}
}

/* SIDHUVUD */
#sidhuvud {
				height: 100px;
				margin: 0;
				padding: 0px 10px 0px 30px;
				/*background-image: url("../JJ_logga.png");
				background-repeat: no-repeat;
				background-position: 10px 5px;*/
				
				



/*	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0; */
}
#sidhuvud h1 {
				font-size: 26px;
				font-weight: normal;
				color: black;
				padding: 60px 0 5px 120px;
				margin: 0px;
}

.jj-logga
{
				margin: 10px 0px 0px -20px;
				clear: both;
				/*padding: 5px 0px 0px -10px;*/
				-webkit-filter: drop-shadow(3px 3px 3px #000000);
				filter: drop-shadow(3px 3px 3px #000000);
				position: absolute;
}

/* BOX FÃ–R SIDORNAS INNEHÃ…LL */
#kolumncontainer {
				float: left;
				margin: 90px auto 0px auto;
				padding: 0px 0.5% 0px 0.5%;
/*padding: 0px;*/				background: #f5f4f4;
				width: 99%;
				/*border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;*/
				border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* KOLUMNER */
#kolumn1 {
	float: left;
	width: 70%;
	margin: 0;
	padding: 0 2% 20px 2%;
	background: #f5f4f4;
	/*border-radius: 10px;*/
}
#kolumn2 {
	float: left;
	width: 20%;
	margin: 1% 0 0 0;
	padding: 0 2% 20px 2%;
	background: #f5f4f4;
	/*border-radius: 5px;
	border: 1px solid #696969;*/
}


#news_box_intro {
	/*width: 95%; 
	height: auto; 
	border: 1px solid rgba(220,220,220,1);
	padding: 10px 2% 10px 2%; 
	float: left; 
	clear: both; 
	margin: 5px 0 5px 0px; 
	border-radius: 5px; 
	background-color: rgba(250,250,250,1);*/
}

/* BILDER - maximal storlek pÃ¥ bilder */
#kolumncontainer img {
	/*max-width: 95%;
	height: auto;*/
}


/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* SMARTPHONE (landscape/liggande) och LÃ„SPLATTA (portrait/stÃ¥ende)
/* --------------------------------------------------------------------------------- */
@media only screen and (min-width : 480px) and (max-width: 768px){

body, td, p {
	font-size: 16px;
}
/* CENTRERINGSBOX - fÃ¶r centrerade layouter */
#centerbox {
	width: 100%;
		margin: 0px 1% 0px 1%;
	overflow: hidden;

/*	border: 1px solid #cc0;*/
}

#sidhuvud {
				height: 80px;
				margin: 0px;
				padding: 0px 0px 0px 0px;
				background: #f5f4f4;
				width: 20%;
}

/* BOX FÃ–R SIDORNAS INNEHÃ…LL */
#kolumncontainer {
				width: 98%;
				margin: 10px 0 0 0;
				padding: 0 0 50px 0;
				background: #f5f4f4;
}
/* KOLUMNER */
#kolumn1 {
	width: 98%;
	margin: 0;
	padding: 0 0 20px 1%;
	background: #f5f4f4;

}
#kolumn2 {
	width: 97%;
	margin: 4px;
	padding: 0 0 20px 1%;
		background: #f5f4f4;

}
/* BILDER - maximal storlek pÃ¥ bilder */
#kolumncontainer img {
	/*max-width: 95%;
	height: auto;*/
}
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD
/* --------------------------------------------------------------------------------- */
/*  Box som innehÃ¥ller sidhuvudet och den horisontella huvudmenyn */
#sidhuvud {
				width: 95%;
				height: 80px;
				padding: 0px 2% 5px 2%;
				margin: 10px 0 0 0;
				/*background-position: 10px 0px;
/*background-size: 100%;*/				/*background-image: url("JJ_logga.png");
				background-repeat: no-repeat;*/
}
#sidhuvud_rubrik {
	/*display: none;*/
}
#sidhuvud h1 {
				font-size: 22px;
				font-weight: normal;
				color: black;
				padding: 25px 0 0px 130px;
				margin: 0px;
}
.jj-logga
{

				margin: 0px 0px 0px 0px;
				clear: both;
				/*padding: 5px 0px 0px -10px;*/
				-webkit-filter: drop-shadow(3px 3px 3px #000000);
				filter: drop-shadow(3px 3px 3px #000000);
				position: absolute;
}

}




/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* MOBILTELEFON och SMARTPHONE (portrait/stÃ¥ende)
/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px){

body, td, p {
	font-size: 14px;
	background-position: center 0;
}
/* CENTRERINGSBOX - fÃ¶r centrerade layouter */
#centerbox {
				width: 95%;
				margin: 5px auto 0px auto;
				/*height: auto;*/
				overflow: hidden;
}

/* BOX FÃ–R SIDORNAS INNEHÃ…LL */
#kolumncontainer {
				width: 100%;
				margin: 0px;
				padding: 0 0 40px 0;
}
/* KOLUMNER */
#kolumn1 {
	width: 97%;
	margin: 0;
	padding: 0 2% 20px 2%;
	background: #f5f4f4;
}
#kolumn2 {
	width: 97%;
	margin: 0;
	padding: 0px 2% 0px 2%;
	background: #f5f4f4;

}
/* BILDER - maximal storlek pÃ¥ bilder */
#kolumncontainer img {
	/*max-width: 95%;
	height: auto;*/
}
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD
/* --------------------------------------------------------------------------------- */
/*  Box som innehÃ¥ller sidhuvudet och den horisontella huvudmenyn */
/********************************Jobba med detta*********************************/
#sidhuvud_rubrik {
	/*display: none;*/ 
}
#sidhuvud h1 {
				font-size: 18px;
				font-weight: normal;
				padding: 0 0 0 5px;
				margin: 12px 0 0 5px;
				color: #000000;
				inline-size: 190px;
				/*overflow-wrap: break-word;*/
}
#sidhuvud {
				width: 95%;
				height: 60px;
				padding: 10px 0px 0px 90px;
				margin: 0px 0 0 0;
				background-position: 5px 10px;
/*background-size: 30%;*/				background-image: url('../../images/JJ_logga_responsiv.png');
				background-repeat: no-repeat;
}

.jj-logga
{	display: none;

				/*margin: 10px 0px 0px -20px;
				clear: both;
				/*padding: 5px 0px 0px -10px;*/
				/*-webkit-filter: drop-shadow(3px 3px 3px #000000);
				filter: drop-shadow(3px 3px 3px #000000);
				position: absolute;*/
}
}






</pre></body></html>