html {
	overflow-y:scroll;
}

body {
	font-family: arial, verdana;
	font-size: .8125em;
	background-color: #f1f1f1;
	margin:0px;
	padding:0px;
	text-align:center;

	/* Workaround for some mobile browsers
	min-height:100%;
	 */
}
/*
.public-sans-<uniquifier> {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

@font-face {
font-family: 'Public Sans';
src: url("https://www.gamlaelverket.se/fonts/PublicSans-VariableFont_wght.ttf") format("ttf");
}


@font-face {
font-family: 'SourceSansPro';
src: url("https://www.gamlaelverket.se/fonts/SourceSansPro-Regular.otf") format("opentype");
}

/*
@font-face { font-family: 'Aparajita'; src: url('/css/webfont/Aparajita.eot?') format('eot'), url('/css/webfont/Aparajita.woff') format('woff'), url('/css/webfont/Aparajita.ttf') format('truetype'), url('/css/webfont/Aparajita.svg#Aparajita') format('svg'); }
*/

@font-face {
  font-family: 'Quintessential';
  font-style: normal;
  font-weight: 400;
  src: local('Quintessential'), local('Quintessential-Regular'), url(https://themes.googleusercontent.com/static/fonts/quintessential/v1/mmk6ioesnTrEky_Zb92E5vVIUa7j-1chN719CcxfqxU.woff) format('woff');
}


@font-face {
  font-family: 'Cantata One';
  font-style: normal;
  font-weight: 400;
  src: local('Cantata One'), local('CantataOne-Regular'), url(https://themes.googleusercontent.com/static/fonts/cantataone/v2/Ur66QXTDfN1RjqAm41DRZYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Donegal One';
  font-style: normal;
  font-weight: 400;
  src: local('Donegal One'), local('DonegalOne-Regular'), url(https://themes.googleusercontent.com/static/fonts/donegalone/v1/LIom94sU9XlcGbVvjBz0oIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
	font-family: 'SouciSansRegular';
	src: url('SOUCISAN.eot');
	src: local('SouciSans'), local('SouciSans'), url('SOUCISAN.woff') format('woff'), url('SOUCISAN.ttf') format('truetype');
}
.fontsouci{
	font:21px  bold normal  SouciSansRegular;
	color:#FFF;
	text-shadow:2px 2px 10px #eeeeee;
}







.styleinledning {color: #000; font-family: 'Quintessential', cursive; font-size: 20px; line-height: 24px; letter-spacing: 0px; word-spacing:0px;}
.lunchinledning {color: #333; font-family: 'Quintessential', cursive; font-size: 30px; line-height: 36px; letter-spacing: 0px; word-spacing:0px;}
.lunchtext {color: #000; font-family: 'Quintessential', regular; font-size: 12px; line-height: 14px; letter-spacing: 0px; word-spacing:0px;}


.verksamheten 
{
	color: black;
	font-family: 'Cantata One', serif;
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.7em;
	padding-left: 15px;
}


#pieElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
behavior: url(/PIE.htc);
}

.pieround-w-bg{
border: 1px solid #696;
padding: 0px 0;
/*text-align: center; width: 200px;
*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 3px 4px 3px;
-moz-box-shadow: #666 3px 4px 3px;
box-shadow: #666 3px 4px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/pie/PIE.htc);
position: relative;}

.pieshadow{
border: 1px solid #696;
padding: 0px 0;
/*text-align: center; width: 200px;
*/
-webkit-box-shadow: #666 3px 4px 3px;
-moz-box-shadow: #666 3px 4px 3px;
box-shadow: #666 3px 4px 3px;
behavior: url(/pie/PIE.htc);
position: relative;

}


.pietopround{
	background-color:#555;
padding: 0px 0;
/*text-align: center; width: 200px;
*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

behavior: url(/pie/PIE.htc);
position: relative;}

.pieround{
	background:#555;
	background-color:#555;
padding: 0px 0;
/*text-align: center; width: 200px;
*/
-webkit-border-radius: 12px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 12px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 12px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;

behavior: url(/pie/PIE.htc);
position: relative;

}

.roundcorners {
-webkit-border-radius: 12px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 12px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 12px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;

}

.rounded-corners {
    behavior: url(border-radius.htc);
    border-radius: 8px 8px 8px 8px;
}

.round-corners {
/**/
-moz-border-radius: 10px 10px 3px 3px;
-webkit-border-radius: 10px 10px 8px 8px;
border-radius: 10px 10px 8px 8px;
}

#shell {
	margin: 0px auto 20px auto;
	width: 960px;
	display: inline-block;
}

.pieheaderround{
	background-color:#555;
	background:#555;
padding: 0px;
/*text-align: center; width: 200px;
*/
-webkit-border-radius: 12px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 12px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 12px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;

behavior: url(/pie/PIE.htc);
position: relative;
}


#header {
max-width: 960px;
margin: 15px 0px 0px 0px;
padding-top: 2px;
text-align: left;
background-color:#555;
font-size: 1.0em;
font-family: Georgia, Verdana, Arial, Sans-Serif;
color: #000;
display:block;
background: url("bilder/gamlaelverket_hdr.jpg") no-repeat;
background-position: 0px 0px;
min-height:214px;
height:214px;

}

#header img {
text-decoration: none;
	border: 0 none;

}

.googleField {
	width: 200px;
	height: 22px;
	font-size: 13px;
}
.googleButton {
	width: 45px;
	height: 22px;
	font-size: 13px;
}



#eventlocation {
}


.evenemangsrubrik {
	margin-top:10px;
	/*display: inline; */
}

/**/
.pm0 {
	text-align:right;
	float: left;
	width: 60px;
	line-height:0.8;
	font-size:0.8em;
	padding-bottom: 2px;
}
.pm1 {
	text-align:right;
	float: left;
	width: 60px;
	line-height:1.4em;
	font-size:1.4em;
	padding-bottom: 12px;
}
.evenemang {
	 color: black;
	 text-decoration: none;
	 
/*
	 font: 1.10em Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
*/	 
	 font: 1.10em font-family: 'Droid Serif', serif;
	 line-height: 1.3em;
	 
}
.evenemang	h1 {
	 color: black;
	 text-decoration: none;
}
.evenemang	h2	{
	color:#555;
	text-decoration: none;
	margin: 0px;
	line-height:20px;
	font-size: 18px;
	font-family: 'SourceSansPro';
	text-decoration:none;
	}
	
.evenemang	a {
	 color: black;
	 text-decoration: none;
}
.evenemang	a:link {

	 text-decoration: none!important;
}
.evenemang	a:visited {

	 text-decoration: none!important;
}
.evenemang	a:hover {

	 text-decoration: none!important;
}
.evenemang	a:active {

	 text-decoration: none!important;
}

.extreme {
	font-size:32px;
	text-align:center;
}


div.passed * {
	/* background-color:hsl(0, 0%, 71%); */
	color: grey;
}

.monthlist {
	display: inline-block;
	float:left;
	margin-top: 15px;
	margin-bottom: 5px;
/**/
}

.programbild {
	margin-top: 15px;
	text-align:center;
	float:none;
	object-fit:contain;
	width:340;
	margin-bottom:8px;
}
.programbild_flex {
	margin-top: 15px;
	text-align:center;
	float:none;
	object-fit:contain;
	margin-bottom:8px;
}
.programmonth {
	clear:both; 
	background-color: lightgrey;
	width:100%;
	height:20px;
	float:left;
	text-align:left;
	cursor:pointer;
	display: inline-block;
	margin-left: -10px;
	padding-left: 25px;
    padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.programmonth0 {
	display: block;
    padding-top: 0px;
	padding-bottom: 5px;
	clear:both;
}
.hpspace {
	text-align:right;
	float: left;
	width: 1.4em;
	line-height:1.4;
	font-size:1.1em;
}
.hpdate {
	text-align:right;
	float: left;
	min-width: 35px;
	line-height:1.4;
	font-size:1.1em;
}
.programpunkt {
	display: inline-block;
	max-width:970px;
	margin-bottom: 5px;
	margin-top: 5px;
	clear:both;
	border-bottom: 1px;
	border-bottom:solid;
	border-bottom-color:lightgrey;
	width:100%
}
.public-sans-500 {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: Bold;
  line-height:1.2;
}
.pRubrik {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: Bold;
  line-height:1.2;
  text-align:left;
  padding-left:5px;
  padding-right:2px;
  padding-bottom:1px;
  padding-top:2px;
}
.pRubrikLong {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: Bold;
  line-height:1.2;
  text-align:right;
  padding-left:5px;
  padding-right:15px;
  padding-bottom:1px;
  padding-top:2px;
}
.sprinterText {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: Regular;
  font-size:15px;
  line-height:1.2;
}
.sprinterMer {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: Regular;
  font-size:15px;
  line-height:1.2;
}
.sprinterSum_Fet {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: Regular;
  font-size:15px;

}
.sprinterSum_Norm {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: bold;
  font-size:15px;
  line-height:1.2;
}

.underrubrik_1 {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: Regular;
  font-size:20px;
  line-height:1.5;
}
.underrubrik_1_small {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: Regular;
  font-size:18px;
  line-height:1.3;
}
.underrubrik_2 {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: Regular;
  font-size:16px;
  line-height:1.1;
}
.underrubrik_3 {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: italic;
  font-size:14px;
  line-height:1.1;
}

/*
.hp1 {
	text-align:right;
	float: left;
	min-width: 40px;
	line-height:1.4;
	font-size:1.1em;
}
*/
.hp1 {
	text-align:right;
	float: left;
	font-family:Sans-Serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	min-width: 40px;
	line-height:1.4;
}
.hp1extra {
	min-width: 40px;
	line-height:1.2;
}
.hp2 {
	float: left;
	width: 220px;
	line-height:1.4;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom: 5px;
/**/
}

/*
.hp2n {
	float: left;
	width: 220px;
	line-height:1.4;
	font-size:1.1em;
	font-weight:normal;
	padding-bottom: 5px;
}
*/

.hp2n {
	float: left;
	width: 220px;
	line-height:1.4;
	font-family:Sans-Serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	padding-bottom: 5px;
}
.hp2nless {
	float: left;
	width: 220px;
	line-height:1.4;
	font-family:Sans-Serif;
	font-size:17px;
	font-weight:700;
	font-style:normal;
	font-stretch:semi-condensed;
	padding-bottom: 5px;
}
/*
	
class="hp2n" style="float:left; 
*/

.hp2r {
	float: left;
	width: 220px;
	line-height:1.4;
	font-size:1.1em;
	font-weight:bold;
}
.hp3 {
	display:inline-block;
	float: left;
	max-width: 770px; /* 420 , 350 */
	line-height:1.4;
	font-size:1.1em;
	margin-bottom: 10px;
}
.hp3r {
	display:inline;
	float: left;
	max-width:420px; /* 420 , 350 */
	line-height:1.4;
	font-size:1.1em;
	margin-bottom: 10px;
}
.hp4 {
	display:block;
	float: left;
	max-width: 500px;
	line-height:1.4;
	font-size:1.1em;
	margin-bottom: 10px;
}
.hpend {
	float: left;
	line-height:1.4;
	font-size:1.1em;
}
.hplink {
	margin-left:8px;
	display:inline-block;
	float: left;
	line-height:1.4;
	font-size:1.1em;
	text-decoration:none;
	color:#69F;
}
.hplink a:link {color: #69F; text-decoration: none;}
.hplink a:visited {color: #69F; text-decoration: none;}
.hplink a:active {color: #69F; text-decoration: none;}
.hplink a:hover {color: #69F;}

.hptight {
	display:inline;
	max-width:300px;
	float: left;
	line-height:1.4;
	font-size:1.1em;
}

.bluelink a:link {color: #69F; text-decoration: none;}
.bluelink a:visited {color: #69F; text-decoration: none;}
.bluelink a:active {color: #69F; text-decoration: none;}
.bluelink a:hover {color: #69F;}

.nobluelink	a {text-decoration: none;}
.nobluelink	a:link {text-decoration: none;}
.nobluelink	a:visited {text-decoration: none;}
.nobluelink	a:active {text-decoration: none;}
.nobluelink	a:hover {text-decoration: none;}


/*
.nobluelink	a {text-decoration: none;}
.nobluelink	a:link {text-decoration: none!important;}
.nobluelink	a:visited {text-decoration: none!important;}
.nobluelink	a:hover {text-decoration: none!important;}
.nobluelink	a:active {text-decoration: none!important;}
*/

.plats {
	 color: black;
	 text-decoration: none;
	 font: 1.10em font-family: 'Droid Serif', serif;
	 line-height: 1.3em;
}
	
.plats	a {
	 color: #39F;
	 text-decoration: none;
}
.plats	a:link {

	 text-decoration: none!important;
}
.plats	a:visited {

	 text-decoration: none!important;
}
.plats	a:hover {

	 text-decoration: none!important;
}
.plats	a:active {

	 text-decoration: none!important;
}


.arr {
	 color: black;
	 text-decoration: none;
	 font: 1.10em font-family: 'Droid Serif', serif;
	 line-height: 1.3em;
}
	
.arr	a {
	 color: #39F;
	 text-decoration: none;
}
.arr	a:link {

	 text-decoration: none!important;
}
.arr	a:visited {

	 text-decoration: none!important;
}
.arr	a:hover {

	 text-decoration: none!important;
}
.arr	a:active {

	 text-decoration: none!important;
}



#startpage {
	width: 960px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;

}
#omosspage {
	width: 960px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align:left;

}


#kalenderpage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;

}

#socialpage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;

}

#lokalpage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;

}
.ovrigfull {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.0em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:block;

}




#studiopage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;

}


#cafepage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;
}

.cafeleft {
	display:block;
	float:left;
	clear:none;
/*
	padding-left:15px;
	padding-right:15px;

	overflow:hidden;
	position:relative;
*/

}

.caferight {
	display:block;
	float:right;
	clear:none;
/*
	padding-left:15px;
	padding-right:15px;

	overflow:hidden;
	position:relative;
*/

}


#lankpage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;

}

.lankleft {
	display:inline-block;


	float:left;
	clear:none;

	padding-left:35px;
	padding-right:15px;

	overflow:hidden;

	margin-left: 40px;

}

#lankleft td { font-size: .9em; line-height: 1.4em; }
	#lankleft td a:link {color: black; text-decoration: none;}
	#lankleft td a:visited {color: black; text-decoration: none;}
	#lankleft td a:active {color: black; text-decoration: none;}
	#lankleft td a:hover {color: black;}


.inledning1st
{
 font-family:Tahoma, Geneva, sans-serif;
 font-size:2.0em;
 font-weight: bold;
 letter-spacing:1px;
 line-height:1.3em;
 color: #222;
}
.inledningLarge
{
 font-family:Tahoma, Geneva, sans-serif;
 font-size:1.4em;
 font-weight: bold;
 letter-spacing:1px;
 line-height:1.3em;
 color: #222;
}
.inledningSmall
{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:1.1em;
 font-weight:normal;
 letter-spacing:1px;
 line-height:1.1em;
 color: #222;
}
.clear {
	float:none;
	clear:both;
}

.flex {
	display:block;
	clear:none;
/*	overflow:hidden;
*/
}

.flex0 {
	display:block;
	clear:none;
/*	overflow:hidden;
*/
}

.flex img { margin:5px; text-decoration:none;}


.dold {
	display:none;
	clear:none;
/*	overflow:hidden;
*/
	background-color:#E4E4E4;
}

.bgColStd {	background-color:#E4E4E4;}

.posrel {
	position:relative;
}

.posabsbottom {
	position:absolute;
	bottom: 0px;
}

.tc {text-align:center;}
.center {text-align:center;}
.right {float:right;}
.left {float:left;}
.clean {clear:both;}

.space5 {margin-left: 15px}

.w0 { width:0px;}
.w7 {
	width: 70%;
	margin: 0px auto 0px auto;
}
.w8 {
	width: 80%;
	margin: 0px auto 0px auto;
}
.w40 {  width:	40px;}
.w100 {  width:	100px;}
.w160 {  width:	160px;}
.w180 {  width:	180px;}
.w185 {  width:	185px;}
.w220 {  width:	220px;}
.w225 {  width:	225px;}
.w240 {  width:	240px;}
.w250 {  width: 250px;}
.w255 {  width:	255px;}
.w270 {  width:	270px;}
.w280 {  width:	280px;}
.w290 {  width:	290px;}
.w340 {  width:	340px;}
.w360 {  width:	360px;}
.w400 {  width:	400px;}
.w456 {  width:	456px;}
.w460 {  width:	460px;}
.w520 {  width:	520px;}
.w580 {  width:	580px;}
.w640 {  width:	640px;}
.w700 {  width:	700px;}
.w760 {  width:	760px;}
.w820 {  width:	820px;}
.w880 {  width:	880px;}
.w920 {  width:	920px;}
.w940 {  width:	940px;}
.wf { 
	width: 100%;
}

.h600 { min-height:600px; height: 600px;}

/*
.w40
.w100
.w160
.w220
.w280
.w340
.w400
.w460
.w520
.w580
.w640
.w700
.w760
.w820
.w880
.w940

.w1{width:40	;}
.w2{width:100	;}
.w3{width:160	;}
.w4{width:220	;}
.w5{width:280	;}
.w6{width:340	;}
.w7{width:400	;}
.w8{width:460	;}
.w9{width:520	;}
.w10{width:580	;}
.w11{width:640	;}
.w12{width:700	;}
.w13{width:760	;}
.w14{width:820	;}
.w15{width:880	;}
.w16{width:940	;}

40
100
160
220
280
340
400
460
520
580
640
700
760
820
880
940
*/
.mt5 {	margin-top:5px;}
.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mt30 {	margin-top:30px;}
.mt40 {	margin-top:40px;}
.mt60 {	margin-top:60px;}
.mt80 {	margin-top:80px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}

.mb10 {	margin-bottom:10px;}
.mb20 {	margin-bottom:20px;}
.mb30 {	margin-bottom:30px;}
.mb40 {	margin-bottom:40px;}

.mr5 {	margin-right:5px;}
.mr10 {	margin-right:10px;}
.mr15 {	margin-right:15px;}
.mr20 {	margin-right:20px;}
.mr30 {	margin-right:30px;}
.mr40 {	margin-right:40px;}
.mr60 {	margin-right:60px;}
.mr80 {	margin-right:80px;}
.mr100 {margin-right:100px;}

.ml10 {	margin-left:10px;}
.ml15 {	margin-left:15px;}
.ml20 {	margin-left:20px;}
.ml30 {	margin-left:30px;}
.ml40 {	margin-left:40px;}
.ml60 {	margin-left:60px;}
.ml80 {	margin-left:80px;}
.ml100 {margin-left:100px;}

/* ==========================================
*/

.greyshadow{
	padding:2px;
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 10px #000000;
}

.shadow{
-webkit-box-shadow: #666 2px 3px 5px;
-moz-box-shadow: #666 2px 3px 5px;
box-shadow: #666 2px 3px 5px;

behavior: url(/pie/PIE.htc);
position: relative;
	}

.rounded{
	border:hidden 0px #000000;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
behavior: url(/pie/PIE.htc);
position: relative;
	}
.roundshadowdark{
	border:hidden 0px #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

-webkit-box-shadow: #666 2px 3px 5px;
-moz-box-shadow: #666 2px 3px 5px;
box-shadow: #666 2px 3px 5px;

behavior: url(/pie/PIE.htc);
position: relative;
	}

.roundshadowlighter{
	border:hidden 0px #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

-webkit-box-shadow: #aaa 2px 3px 5px;
-moz-box-shadow: #aaa 2px 3px 5px;
box-shadow: #aaa 2px 3px 5px;

behavior: url(/pie/PIE.htc);
position: relative;
	}
.shadowlighter{
-webkit-box-shadow: #aaa 2px 3px 5px;
-moz-box-shadow: #aaa 2px 3px 5px;
box-shadow: #aaa 2px 3px 5px;
behavior: url(/pie/PIE.htc);
position: relative;
	}

td,th { font-size: 0.8125em; }

td { font-family:Arial; font-size:11px; }

h1  { margin: 0px; line-height:30px; font-family: 'SourceSansPro'; text-decoration:none;}

h2, h3, h4, h5, h6 { margin: 0px; }

/*
h2 { color: #767D85; font-size: 1.4em; }
*/

h3 { color: #333333; text-transform: uppercase;  }

h4 { margin: 2em 0 .2em 0; }

h5 { color: #222222; font-size: 1.0em; }

.style1 {font-size: 12px}
.style3 {color: #333}
.style4 {font-size: 18px; font-weight: bold;}
.style41 {font-size: 18px; font-weight: bold; color: #333;}
.style42 {font-size: 18px; font-weight: bold; color: #999;}
.style20 {font-size: 20px; font-weight: bold;}
.style5 {font-size: 14px; font-weight: bold;}
.style6 {font-size: 12px; font-style: italic; letter-spacing:1px;}
.style7 {font-size: 24px; font-weight: bold;}
.style8 {color: #000000; font-family: verdana; font-size: 0.892em;}
.style9 {font-family: verdana; font-size: 0.815em;}
.style10 {font-size: 10px}
.style11 {font-family: verdana;	font-size: 11px; font-weight: bold;}
.style12 {font-family: verdana; font-size: 0.912em;}
.style13 {color: #333; font-family: verdana; font-size: 11px; line-height: 13px;}
.style14 {color: #000; font-family: verdana; font-size: 12px; line-height: 14px;}
.style15 {color: #000; font-family: verdana; font-size: 13px; line-height: 15px;}
.style16 {color: #000; font-family: verdana; font-size: 14px; line-height: 16px;}
.stylelocal {color: #000; font-family: verdana; font-size: 13px; line-height: 16px;}
.photo {font-size: 9px}


.k {font-style:italic;}
.b { font-weight:bold;}

.p5 { padding-left:5px;}
.p10 { padding-left:10px;}
.p15 { padding-left:15px;}
.p20 { padding-left:20px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}

.tl { text-align:left;}

.ls1 { letter-spacing: 1px;}

.ram {border-color:#999; border-width:1px; border-style:solid;}
.softram {border-color:#eee; border-width:1px; border-style:solid;}
.udram {border-color:#eee; border-bottom-width:2px; border-top-width:0px; border-bottom-style:solid; border-top-style:solid;}

.AktHead {
	font-size: 24px;
	font-weight: bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

/*	font-family:"Times New Roman", Times, serif;
    font-variant:small-caps;
    font-weight:300;
    font-size:2.3em; 
    letter-spacing:-1px; */

}

.YoutubeContainer {
    width: 90%;
    height: 150px;
    margin: auto;
    padding: 5px;
}
.YoutubeClip {
 /*
    width: 15%;
    height: 200px;
    background: red;
   */
     padding: 14px;
    float: left;
}

.Frukostinledning {padding-left:5px; color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 14px; line-height: 16px;}
.FrukostHighExtra {padding-left:5px; padding-top:5px; color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 24px; line-height: 26px;}

.Lunchinledning {padding-left:5px; color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 14px; line-height: 16px;}
.LunchHighExtra {padding-left:5px; padding-top:5px; color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 24px; line-height: 26px;}

.frukostbakgrund {
width: 570px;
/*
width: 569px;
margin: 0px 0px 0px 0px;

padding-top: 2px;

background-color:#555;
display:block;
background-position: 0px 0px;

background-size: cover;
min-height:793px;
background: url("https://www.gamlaelverket.se/bilder/frukost/frukost_20180309.1036.jpg") no-repeat center center;
*/
text-align: center;
font-size: 1.0em;
font-family: Georgia, Verdana, Arial, Sans-Serif;
color: #000;

background-image: url("https://www.gamlaelverket.se/bilder/frukost/frukost_20180309.1036.jpg");
background-repeat: no-repeat;
background-size: 569px 793px;

 
display: block;
margin-left: auto;
margin-right: auto;
height:803px;
}


.LiveVideoContainer {	display:block; 	clear:none;	background-color:#FFFFFF;}
.AktReplacementContainer {	display:block; 	clear:none;	background-color:#F7F7F7;}
.AktContainer {	display:block; 	clear:none;	background-color:#F7F7F7;}
.AktRubrik {color: #000; font-family: verdana; font-weight:bold; font-size: 14px; line-height: 28px;}
.AktHighRubrik {color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 22px; line-height: 28px;}
.AktTopRubrik {color: #000; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, Times, serif; font-weight:normal; font-size: 20px; line-height: 26px; padding-top:10px;}
.AktMidRubrik {color: #000; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, Times, serif; font-weight:normal; font-size: 20px; line-height: 26px;}
.AktInledning {color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 14px; line-height: 16px;}
.AktContent {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    /* padding-left: 25px; */
	color: #333;
	font-family: verdana;
	font-size: 12px;
	line-height: 16px;
}
.ProgramAktContent {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
	color: #333;
	font-family: verdana;
	font-size: 12px;
	line-height: 16px;
}
.AktMidContent {color: #000; font-family: verdana; font-size: 12px; line-height: 16px;}
.AktContSmall {color: #333; font-family: verdana; font-size: 11px; line-height: 12px;}
.AktMidMellan {color: #000; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, Times, serif; font-weight:normal; font-size: 18px; line-height: 20px;}
.AktVeryLargeCompact {
	color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, Times, serif;
	font-weight:normal;
	font-size: 28px;
	line-height: 26px;
}
.AktTider {
	color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, Times, serif;
	font-weight:normal;
	font-size: 14px;
	line-height: 16px;
}



.Aktroundcorners {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get this class */
}
.NotisContainer {display:block; 	clear:none;	background-color:#F7F7F7; padding-bottom:4px; padding-left:7px; padding-top:3px;}
.NotisHighRubrik {color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 18px; line-height: 26px;}
.NotisHighExtra {color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 24px; line-height: 26px;}
.NotisHighMoreText {color: #000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 16px; line-height: 18px;}

.discretelink {text-decoration:none; color:#444;}

.personal {
	font-size: 1.0em;
}



#innershell { background: #fff; float: left; }

#container { padding-left: 4px; margin-top: 10px; float: left; padding-right: 4px; }
	.cafestyle1 { margin-left: 30px; border: 0px solid #BEAEA9; float: left; width: 740px; padding: 4px; margin-bottom: 1em; }


#loppis
{
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	border-color: #888;
	border-width: 5px;
	border-style: double;
	background-color: #DDD;
	line-height: 1.2em;
	float: none;
	width: 90%;
	text-align: center;
}
#loppis b
{
	font-size: 1.2em;

}


#programbladet { width: 800px; background: #eee; font-family: verdana; font-size: .85em; line-height: 1.4em; margin-left: auto; margin-right: auto; margin-top: 30px;  padding:10px; text-align:left;}

 
#lankar { clear:both; width: 850px; font-family: verdana; font-size: 10px; line-height: 1.4em; margin-left: auto; margin-right: auto; margin-top: 10px;  padding:10px; text-align:left;}



#leftcolumn { float: left; width: 460px; font-size: .9em; line-height: 1.4em; }
	#leftcolumn h3 { color: #ee1f50; margin-top: 4px; }
	#leftcolumn p { margin: .4em 0 2em 0; }
	#leftcolumn .publicedate { color: #aaa; font-size: .8em; }
	
#rightcolumn { float: right; font-size: .9em; width: 240px; }
	#rightcolumn p { margin: .4em 0 0 0; }
	.rightsection { border: 1px solid #BEAEA9; float: left; width: 240px; padding: 4px; background: #fffaf8 url(page/images/rightsectionbg.jpg) repeat-x; margin-bottom: 1em; }
	.rightsection h2 { color: #fff; margin-bottom: .4em; }
	.videosection { border: 1px solid #BEAEA9; float: left; width: 220px; margin-top: 15px; padding-left: 20px; padding-top: 4px; background: #fffaf8 url(page/images/rightsectionbg.jpg) repeat-x; margin-bottom: 1em; }
	.videosection h2 { color: #fff; margin-bottom: .4em; }

#info { margin-left: 430px; margin-top: 50px; float: left; font-size: .9em; color: #ccc; }

#copyright { margin-left: 30px; margin-top: 40px; float: left; font-size: .9em; color: #ccc; }

#changed { margin-left: 30px; margin-top: 30px; float: left; font-size: .9em; color: #ccc; }


.luft {
	margin-top:0px;
	margin-left:0px;
	margin-right:15px;
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	background: #E4E4E4;
}

#huset p{
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
}

.personalbilder {
	margin-left:15px;
}

#omosspage td{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 15px;
}


#personliginledning {
	font-weight: normal;
	font-size: 1em;
	border-color:#ccc;
	border-style:solid;
	border-width: 0px;
}
#personligtlista{
	display:inline-block;
}

.personligt {
	font-weight: normal;
	font-size: 0.92em;
	padding-top:5px;
	padding-left: 20px;
	padding-right:30px;
	padding-bottom:10px;
	margin-left:10px;
	margin-bottom: 0px;
	background-color:#fff;
}
.personmellanrum {
	font-weight: normal;
	font-size: 0.92em;
	padding-top:0px;
	padding-left: 20px;
	padding-right:30px;
	padding-bottom:00px;
	margin-left:10px;
	min-height: 5px;
	height: 5px;
	background-color:#dde;
}
.personligt p{
	padding-left: 20px;
}

.personligrubrik {
	font-size: 1em;
	padding-left: 4px;
	font-weight: bold;
}

#historypics {border-color:#999;}

.style23 {color: #333; font-family: verdana; font-size: 11px; line-height: 15px;}

.sitebg {background-color: #DDDDDD;}

/*
.lunchbg {background-color: #EEEEEE;}
*/
.lunchbg {background-color: #FFFFFF;}

.DD {background-color: #DDDDDD;}

.CC {background-color: #CCCCCC;}

.greybg {background-color: #E4E4E4;}

.E4 {background-color: #E4E4E4;}

.notering
{
	border: 0px;
	border-color:#000;
	border-style:solid;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 0.8em;
	line-height: 1em;
	padding:0px;
	margin:0px;
	color:#262626;
}

.adressfot {
	width: 960px;
	margin: 0px auto 0px auto;
	/* padding-top:5px; */
	text-align:center;
	/* clear:both; */
	font-size: .825em;
	color: #222;
	height:55px;
}
.dynadressfot {
	margin: 0px auto 0px auto;
	/* padding-top:5px; */
	text-align:center;
	/* clear:both; */
	font-size: .825em;
	color: #222;
	height:55px;
}
#modifierad
{
	border: 0px;
	border-color:#000;
	border-style:solid;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 0.72em;
	line-height: 1em;
	padding:0px;
	margin-top:10px;
	color:#262626;
}
#updated
{
	border: 0px;
	border-color:#000;
	border-style:solid;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 0.72em;
	line-height: 1em;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	color:#262626;
}

.redlinethrough {
	text-decoration:line-through;
	color:#F00;
}

.fet {
	font-weight: bold;
}
.kursiv {
	font-style: italic;
}
.fetkursiv {
	font-weight: bold;
	font-style: italic;
}

.nicelink {
	text-decoration:none;
	color:#00F;
}
.fetdarklink {
	font-weight: bold;
	color:#000;
}
.fetdarklink a:link {color: #000; text-decoration: none;}
.fetdarklink a:visited {color: #000; text-decoration: none;}
.fetdarklink a:active {color: #000; text-decoration: none;}
.fetdarklink a:hover {color: #000;}

.lighterlink a:link {color: #333; text-decoration: none;}
.lighterlink a:visited {color: #333; text-decoration: none;}
.lighterlink a:active {color: #333; text-decoration: none;}
.lighterlink a:hover {color: #333;}

.separator {
}

.linebot {

	border-bottom: solid black  ;
	border-bottom-width: 2px;
}

.linebotwhite {
	border-bottom: solid thin white ;
}
.hr-standard {
	height:3px;
	color:#000;
}
.hr-aktuellt {
	text-align:center;
	width:90%;
	size:1px;
	color:#333;
}.AktUnderRubrik {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}
#latestlive a:link {color: #222; text-decoration: none;}
#latestlive a:visited {color: #222; text-decoration: none;}
#latestlive a:active {color: #222; text-decoration: none;}
#latestlive a:hover {color: #222;}

.red {
	color:#F00;
}
.kontaktfet {
	font-weight: bold;
}

.BildContainer {display:block; 	clear:none;	padding-bottom:4px; padding-left:2px;  padding-right:2px; padding-top:4px;}



#livepage {
	width: 960px;
	font-family: verdana;
	font-size: 1em;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding:0px;
	text-align:left;
	clear:both;
	display:inline-block;
}

/*
Hide and show Live-text
*/
input {
  display: none;
  visibility: hidden;
}
label {
  display: block;
  padding: 0.5em;
  text-align: center;
  border-bottom: 0px solid #CCC;
  color: #666;
}
label:hover {
  color: #000;
}
label::before {
  font-family: Consolas, monaco, monospace;
  font-weight: bold;
  font-size: 12px;
  content: ""; /*   content: "Läs mer..."; */
  vertical-align: text-top;
  display: inline-block;
  width: 0px;	/*   width: 20px;	*/
  height: 0px;	/*   height: 20px;	*/
  margin-right: 3px;
 /* background: radial-gradient(ellipse at center, #CCC 50%, transparent 50%);	*/
 
}
#expand {
  height: 0px;
  overflow: hidden;
  transition: height 0.5s;
  color: #111;
}

section {
  padding: 0 20px;
}


#toggle:checked ~ #expand {
  height: 320px;	
}
#toggle:checked ~ label::before {
  content: ""; /*   content: "Dölj text."; */
}

.Underrubrik {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

.qint {color: #000; font-family: 'Quintessential', cursive; font-size: 14px; line-height: 14px; letter-spacing: 0px; word-spacing:0px;}


.vertical-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  border: none; 
}