@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700,800');
html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;

	word-wrap:break-word;
	font-weight:400;
	width:100%;
	background-color:#c62f1b;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	margin:0;
	padding:0
}
ol, ul {
	list-style:none
}
article, aside, img, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object, small {
	display:block
}
a img {
	border:0
}
figure {
	position:relative
}
figure img {
	width:100%
}


input {
	border-radius: 0;
    -webkit-appearance: none;
}

#Logga img,object,embed{max-width:100%}img{height:auto}
#LoggaSidfot  img,object,embed{max-width:100%}img{height:auto}
.StartsidanRutaIkon  img,object,embed{max-width:100%}img{height:auto}
.ExtraDelRutaBild img,object,embed{max-width:100%}img{height:auto}
#BildspelHallare img,object,embed{max-width:100%}img{height:auto}
#Startbild img,object,embed{max-width:100%}img{height:auto}
#RordelHallare img,object,embed{max-width:100%}img{height:auto}
.IkonHallare img,object,embed{max-width:100%}img{height:auto}
.Bredd50 img,object,embed{max-width:100%}img{height:auto}
.Bredd75 img,object,embed{max-width:100%}img{height:auto}
.Bredd100 img,object,embed{max-width:100%}img{height:auto}
#LoggaText img,object,embed{max-width:100%}img{height:auto}
.grid-item img,object,embed{max-width:100%}img{height:auto}
.UndersidaBild img,object,embed{max-width:100%}img{height:auto}
.TreRutorBild img,object,embed{max-width:100%}img{height:auto}


::selection {
 background: #2b2b33; /* Safari */
 color:#fff;
}
::-moz-selection {
 background: #2b2b33; /* Firefox */
 color:#fff;
}
pre, p, P {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
	margin:0;
	margin-top:0px;
	margin-bottom:14px;
	padding:0;

}
img, div {
	behavior: url(iepngfix.htc);
}


a.Vitlank, a.Vitlank:link, a.Vitlank:visited {
	color:#FFF;
	text-decoration:none;
}
a.Vitlank:hover {
	color:#FFF;
	text-decoration:underline;
	 transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -webkit-transition: all .1s ease-in-out;
 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
}


a.Ljusblalank, a.Ljusblalank:link, a.Ljusblalank:visited {
	color:#c0daee;
	text-decoration:none;
}
a.Ljusblalank:hover {
	color:#deecf7;
	text-decoration:underline;
	 transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -webkit-transition: all .1s ease-in-out;
 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
}


a.ValdhuvudsidaLank, a.ValdhuvudsidaLank:link, a.ValdhuvudsidaLank:visited {
		color:#797979;
	text-decoration:none;
}
a.ValdhuvudsidaLank:hover {
color:#b4423c;
	text-decoration:underline;
}


a.Morklank, a.Morklank:link, a.Morklank:visited {
		color:#222;
	text-decoration:none;
}
a.Morklank:hover {
color:#b4423c;
	text-decoration:underline;
}


a.Ljuslank, a.Ljuslank:link, a.Ljuslank:visited {
		color:#fff;
	text-decoration:none;
}
a.Ljuslank:hover {
color:#ccc;
	text-decoration:underline;
}


a.Gralank, a.Gralank:link, a.Gralank:visited {
		color:#ccc;
	text-decoration:none;
}
a.Gralank:hover {
	color:#efeeec;
	text-decoration:underline;
}


a.Rodlank, a.Rodlank:link, a.Rodlank:visited {
		color: #085683;
	text-decoration:none;
		text-shadow: #ffd4d4 1px 1px 0px;
}
a.Rodlank:hover {
	color:#602828;
	text-decoration:underline;
}


a.VanligaProblemlank, a.VanligaProblemlank:link, a.VanligaProblemlank:visited {
	color: #6f7173;
	color:#0072ba;
	text-decoration:none;
	width:100%;
	float:left;
	background-color:#FFF;
	margin-bottom: 25px;
}
a.VanligaProblemlank:hover {
	color:#0062ab;
	text-decoration:underline;
}

a.Blalank, a.Blalank:link, a.Blalank:visited {
	color:#0072ba;
	text-decoration:none;
}
a.Blalank:hover {

	color:#1789d1;
	text-decoration:underline;
}




a:link, a:visited, a:active {
	color:#c62f1b;
	text-decoration:none;
}

a:hover {
	color:#e3261c;
	text-decoration:underline;
}

/*************** STRUKTUR ***************/



#LoggaText {
	width:100%;
	float:left;
	text-align:center;
	margin-top:0px;
	position:relative;
	padding-top:10px;
	padding-bottom:30px;

	z-index:9999;
	

}





.clear { clear:both; }

.Marginal {
	padding-left:45px;
	padding-right:45px;
	max-width:1140px;
	position:relative;
	right:0;
	margin: 0 auto;
}


.Marginal2 {
	padding-left:17px;
	padding-right:17px;
	max-width:2900px;
	position:relative;
	right:0;
	margin: 0 auto;
}


.Marginal3 {
	padding-left:80px;
	padding-right:80px;
	max-width:2900px;
	position:relative;
	right:0;
	margin: 0 auto;
}




.MarginalUndersida {
	padding-left:30px;
	padding-right:70px;
	max-width:1100px;
	position:relative;
	right:0;
	margin: 0 auto;
}

.StorRuta {
	right:-5px;
	margin: 0 auto;
	width:1140px;
	display:block;
	
}

.InnehallMarginal {
	padding-left:110px;
	padding-right:110px;
}


.InnehallMarginalVanster {
	padding-left:0px;
}

.InnehallMarginalHoger {
	padding-right:30px;
}

.InnehallMarginalVansterInnehallMarginalHoger {
	padding-left:30px;
	padding-right:30px;
	
}

.InnehallMarginalVansterInnehallMarginalHogerInnehallMarginalHoger {
	padding-left:30px;
	padding-right:30px;
}

.InnehallMarginalUpp {
	margin-top:18px;
}

.InnehallMarginalUppStor {
	margin-top:25px;
}


.InnehallMarginalUppBredd50 {
	margin-top:18px;
	width:50%;
}

.InnehallMarginalUppStorBredd50 {
	margin-top:25px;
	width:50%;
}


.InnehallMarginalUppBredd100 {
	margin-top:18px;
	width:100%;
}

.InnehallMarginalUppStorBredd100 {
	margin-top:25px;
	width:100%;
}




#Sidhuvud {
	width:100%;
	float:left;
	padding-top:0px;
	padding-left: 0px;
	/*border-bottom: solid 1px #bfc6ca;*/
	padding-bottom: 0px;
	/*background-image:url(Grafik/SidhuvudBg.png); */
	background-position:left bottom;
	background-repeat:repeat-x;
	text-align: left;
	margin-top:0px;
	position:relative;
	z-index:800;
	background-color:#c62f1b;
	border-bottom:solid 0px #d9d3cf;
	/*	-moz-box-shadow: 0px 2px 2px #333;
	-webkit-box-shadow: 0px 2px 2px #333;
	box-shadow: 0px 2px 2px #333;*/

	


	
	top:0px;
	
}

#SidhuvudUnder {
	width:100%;
	float:left;
	background-color:#f8f6f3;
	padding-top:30px;
	padding-bottom:28px;
	background-image:url(Grafik/TaggadKantUnder.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	position: relative;
}

#SidhuvudUtrymme {
	width:100%;
	float:left;
	display:none;

	margin-top:208px;
}

#SidhuvudHallare {
	width:100%;
	position:relative;
	float:left;
	z-index: 9999;

	
}


#SidhuvudMarginal {
	padding-left:12px;
	padding-right:12px;
}


#UndersidhuvudHallare {
	width:100%;
	float:left;
	color: #4d4d4d;
	letter-spacing:0.03em;
	margin-bottom:10px;
	font-size:13px;
	line-height:19px;
	margin-top:-4px;
	padding-top:0px;
	padding-bottom:0px;
	height: auto;
}



#Startbild {
	width:100%;
	float:left;
	overflow:hidden;
	background-color:#0072ba;
	text-align:center;
	position:relative;
	padding-top:0px;
	margin-top:0px;
}

#Startbild img { display:inline-block; }

#RordelHallare {
	width:100%;
	float:left;
	overflow:hidden;
}


.UspHallareUtanfor {
	width:33.3%; 
	float:left;
}

.UspHallareUtanforMarginal {
	padding-left:0px;
	padding-right:0px;
}

.UspMarginal {
	padding-left:70px;
	padding-right:70px;
}

/*
.Usp1 { background-image:url(Grafik/Trana.png); }
.Usp2 { background-image:url(Grafik/Trana.png); }
.Usp3 { background-image:url(Grafik/Ikon3.png); }
*/
a.UspHallare, a.UspHallare:link, a.UspHallare:visited {
	width:100%;
	text-align:left;
	padding-top: 33px;
	padding-bottom: 35px;
	padding-left:0px;
	padding-right:0px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:20px center;
	background-size:30px auto;
	/*background-color:#efede8;*/
background-color:#efeeec;
	background-size:32px auto;
	background-position:center 20px;
	border-right:solid 1px #ccc;
	border:solid 1px #ccc;
	margin-left:-1px;
	color:#111;
	font-size:24px;
	line-height:24px;
	text-align:center;
	float: left;
}
a.UspHallare:hover {
	background-color:#066;
	background-color:#CCC;
	text-decoration:none;
	 transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -webkit-transition: all .1s ease-in-out;
 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */

}



#SnabblankarHallareInne {
	width:100%;
	float:left;
	position:relative;
	
}

#SnabblankarMobil {
	width:100%;
	float:left;
	margin-bottom:20px;
	display:none;
	margin-top:-70px;
	
}

#StarttextHallare {
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:45px;
}

#StarttextKnappHallare {
	width:100%;
	float:left;
	font-size:11px;
	letter-spacing:0.07em;
	margin-top:5px;
	color:#0072ba;
	text-transform:uppercase;
	
}

#Starttext {
	color:#343434;
	font-size:15px;
	line-height:23px;
	letter-spacing:0.03em;
	margin-left:-1px;
}

#Starttext h1 {
	color:#004a88;	/*color:#0062ab;*/
}


.StarttextMarginalVanster {
	padding-left:30px;
}
.StarttextMarginalHoger {
	padding-right:40px;
}

#HjalpRuta {
	width:33%;
	padding-top:0px;
	padding-bottom:0px;
	color:#FFF;
	margin-top: 0px;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px  !important;
	border-radius: 5px !important;*/
	display: inline-block;
	float: right;
}



#HjalpRutaMarginal {
	padding-left:22px;
	padding-right:18px;
}


#StartsidaSokFalt {
	width:100%;
	float:left;
	position:relative;
}


#StartsidaSokKnapp {
	width:50px;
	position: absolute;
	right: -3px;
}

#StartsidaHallare {
	width:100%;
	float:left;
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#f5eeea;
	background-color:#cec8c4;
	background-color:#f8f6f3;
	background-size:auto 100%;
	padding-bottom:40px;
	padding-top: 0px;
}


#FAQ {
	width:100%;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	border-top: solid 0px #cfcfcf;
	border-bottom: solid 0px #cfcfcf;
	background-repeat: repeat-x;
	margin-top: 0px;
	text-align: left;
	background-repeat:repeat-x;
	background-position:center top;
	background-size:auto 25px;
}


#VanligaProblem {
	width:50%;
	float:left;
	padding-top:30px;
	padding-bottom:0px;
	border-top: solid 0px #cfcfcf;
	border-bottom: solid 0px #cfcfcf;
	background-repeat: repeat-x;
	margin-top: 40px;
	text-align: left;
}



#VanligaProblemMarginal { margin-right:-30px; }

#VanligaProblemMarginalUtanfor { padding-left:10px; padding-right:7px; }


.VanligaProblemBildHojd {
	overflow:hidden;

	height: auto;
}


.VanligaProblemBildspelsText {
	position:absolute;
	width:90%;
	bottom:10px;
	z-index:999;
	text-align:left;
	background-color:#e3e2e2;
	padding-bottom:0px;
	padding-top:0px;
	font-size:13px;
	font-weight:400;
	letter-spacing: 0.04em;
		  transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -webkit-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
	background-image: url(Grafik/LasMerBg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	left: 5%;
}

.VanligaProblemBildspelsTextMarginal {
	padding-left:16px;
	padding-right:16px;
}

.VanligaProblemBildspelBildMarginal {
	padding-left:15px;
	padding-right:15px;
}

.VanligaProblemRubrik {
	padding-bottom:10px;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	float: left;
	background-color: #fff;
	padding-top: 10px;
}

.VanligaProblemRubrik h3 {
	font-size:15px;
	line-height:20px;
	margin-bottom: 0px;
	margin-top: 0px;
}


.LasMer {
	width:100%;
	height:auto;
	float:left;
	display:none;
	max-height: 115px;
}

.BildBeskrivning {
	font-size:13px;
	line-height:17px;
	text-align:left;
	font-weight:400;
	text-transform:none;
	color:#333;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 11px;
	padding-bottom: 11px;
}




.SokKnapp {
	display: inline-block;
	background: url('Grafik/SokKnapp.png');
	padding: 0px 0px 0px 0px !important;
	background-size:42px 84px;
	width:42px;
	line-height:42px;
	cursor: pointer;
	border:solid 0px;
	border-left:none;
	height:42px;
	
	
	background-color:#c62f1b;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:0.05em;

}
                
.SokKnapp:hover, .SokKnapp:active {
	background-position:left -42px;
}
				
		


#SidhuvudMail {
	float:right;
		background-image:url(Grafik/MailIkon.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:left center;
}

#SidhuvudTelefon {
	float:right;
	margin-right:10px;
	background-image:url(Grafik/TelefonIkon.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:left center;

}

#TelefonIkon { margin-right:3px;  }
#MailIkon { margin-right:3px;  }


#Kraka {
	width:70px;
	height:57px;
	background-size:cover;
	position:absolute;
	right:100px;
	top:-50px;
	background-repeat:no-repeat;
	background-image:url(Grafik/Kraka.png);
	
}

#ScrollaUppHallare {
	width:100%;
	float:left;
	position:relative;
	
}


a.ScrollaUpp , a.ScrollaUpp:link, a.ScrollaUpp:visited {
	width:100%;
	float:left;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color:#222;
	font-size:14px;
}
a.ScrollaUpp:hover {
	color:#c52d19;

}



#Sidfot {
	clear:both;
	width:100%;
	float:left;
	padding:0px;
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: left;
	position:relative;
	background-color: #f2e6dd;
	background-color:#fbeae0;
	background-color:#f8eae2;
	border-top: solid 0px #222;
	background-image:url(Grafik/RitatStreckSidfotd.png);
	background-repeat:repeat-x;
	background-position:left top;
	text-align:center;
}


#SidfotDelare { display:none; }


#SidfotVanster {
	width:50%;
	line-height:18px;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	min-height:23px;
	padding-top:20px;
	padding-bottom:20px;
}

#SidfotHoger {
	width:50%;
	float:left;
	padding-top:25px;
	padding-bottom:15px;
}

#SidfotHogerMobil {
	width:42%;
	float:left;
	padding-top:25px;
	padding-bottom:15px;
	display:none;
}

#FacebookText {
	width:auto; 
	line-height:23px;
	float:right;
}

#FacebookTextVanster {
	width:auto; 
	line-height:23px;
	float:left;
	display:none;
}

#Facebook {
	width:23px;
	float:right; 
	margin-right:10px;
	
}

#FacebookVanster {
	width:23px;
	float:left;
	display:none;
	margin-right:10px;
	
}


#SidfotMarginal {
	padding-left:3px;
	padding-right:3px;
	
}


.VaraForetagLoggorHallare {
	width:33.3%;
	float:left;
	margin-bottom: 2px;	
}





#SidfotMobil{
	clear:both;
	width:100%;
	display:none;
	float:left;
	padding-top: 55px;
	padding-left: 0px;
	padding-bottom:40px;
	background-color: #efeae5;
	background-image:url(Grafik/Sidfot.jpg);
	background-repeat:repeat-x;
}

#SidfotMobilMarginal {
	padding-left:3px;
	padding-right:3px;
	
}

#Logga {
	margin-top:-87px; padding-left:0px; float:left;  display:inline-block; max-width:160px;
}

a.Logga,a.Logga:link,a.Logga:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:100%;
	max-width:300px;
	display:block;
	height:auto;
	display:inline-block;
	
	font-weight:normal;
	font-size:23px;
	color:#fff;
	color:#cbeeee;
	text-transform:none;
	letter-spacing:0em;
	text-align:left;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:60px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:60px;
	
	background-image:url(Grafik/MorkLogga.png);
	background-size:auto 50px;
	background-position:left center;
	background-repeat:no-repeat;
		transition: all 1.25s ease-in-out;
   -moz-transition: all 1.25s ease-in-out;
   -webkit-transition: all 1.25s ease-in-out;
   -o-transition:   all 1.25s ease-in-out;
}

a.Logga:hover {
    text-decoration:underline;
	background-size:auto 40px;
}


.StartrutaFullHojd { height:0px; 
	transition: all 1.25s ease-in-out;
   -moz-transition: all 1.25s ease-in-out;
   -webkit-transition: all 1.25s ease-in-out;
   -o-transition:   all 1.25s ease-in-out;
   overflow:hidden;
   background-color:#066;
    background-size:cover; background-position:center center; position:relative; margin-bottom:0px; cursor:pointer; color:#FFF;

} 

.Startruta { height:0px; 
	transition: all 1.0s ease-in-out;
   -moz-transition: all 1.0s ease-in-out;
   -webkit-transition: all 1.0s ease-in-out;
   -o-transition:   all 1.0s ease-in-out;
   background-color:#066;
   overflow:hidden;
 background-size:cover; background-position:center center; position:relative; margin-bottom:0px; cursor:pointer; color:#FFF;

} 

.MarginalBildspel { padding-left:0px; padding-right:30px; }





#BildspelHallare {
	width:100%;
	float:left;
	margin-top:0px;
	position:relative;
	min-height: 350px;
	background-size:cover;
	text-align:center;
	background-repeat:no-repeat;
	background-color:#2b2b33;/*
	opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
	overflow: hidden;
}

#BildspelHallareUtanfor {
	width:100%;
	float:left;
	background-color:#2d2d2d;
	position:relative;
}

#BildspelTextHallare {
	width:100%;
	color:#fff;
	position: absolute;
	top: 50%;
	z-index: 1;
	height: auto;
	text-align: center;
	font-size: 23px;
	line-height: 28px;
}

#BildspelTextInne {
	width:100%;
	max-width:600px;
	text-align:center;
	display:inline-block;
	text-shadow: 1px 1px 70px rgba(0, 0, 0, 0.9);
	background-color: #039;
	float: left;
}

.BildspeltextLabel {
	width:100%;
	float:left;
	margin-bottom:5px;
	font-size:14px;
	  font-family: 'OptimaLTStd';
	font-weight:400;
	text-transform:uppercase;
	line-height:17px;	
}

#BildspelTextHallare h1 {
text-shadow: 1px 1px 70px rgba(0, 0, 0, 0.9);
}

#BildspelGronHallare {
	width:100%;
	float:left;
		background-image:url(Grafik/GronBg.png);
	background-repeat:repeat;
		padding-top:40px;
	padding-bottom:40px;
	border:solid 1px #3a6768;
	
}

#BildspelTextHallareMarginal {
	padding-left:40px;
	padding-right:40px;
}


#IntroTextHallare {
	width:70%;
	float:left;
}

#IntroTextHallareMarginal { padding-right:30px; }


#IntroNyheterHallare {
	width:30%;
	float:left;
}

#IntroNyheterHallareMarginal { padding-left:30px; }





.Flagga {
	width:auto;
	margin-top:18px;
	float:right; 
	height:auto;
	
}

.FlaggaInaktiv  {
	width:auto; 
	float:right;
	height:auto;
	margin-top:15px;
}

.FlaggaMobil {
	width:auto;
	float:left; 
	height:auto;
	
}

.FlaggaMobilInaktiv  {
	width:auto; 
	float:left;
	height:auto;
}


.Flagga a, .Flagga a:link, .Flagga a:visited {
 color:#CCC;
 padding:6px;
 display:inline-block;
  margin-right:0px;
/*border:solid 2px #f5f5f1;*/
}

.Flagga a:hover {
 text-decoration:underline;
/* background-color:#284371;*/
 /*border:solid 2px #FFF;*/
}

.FlaggaInaktiv a, .FlaggaInaktiv a:link, .FlaggaInaktiv a:visited {
 padding:6px;
 margin-right:0px;
 display:inline-block;
color:#a8a8a8;
/*border:solid 2px #eaeae5;*/
}

.FlaggaInaktiv a:hover, .FlaggaInaktiv a:hover img {
 color:#CCC;
 text-decoration:underline;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */

}



.Flagga img
{
height:18px;
}

.FlaggaInaktiv img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
height:18px;
}


.FlaggaInaktiv img:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}



.FlaggaMobil img
{
height:18px;
}

.FlaggaMobilInaktiv img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
height:18px;
}


.FlaggaMobilInaktiv img:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}



#Menyikon, Menyikon a{
	width:auto;
	text-align:left;
	height:35px;
	line-height:35px;
	font-family: 'Exo 2', sans-serif;
	text-transform:uppercase;
	background-image:url(Grafik/MobilmenyIkon.png);
	background-position:center center;
	background-repeat:no-repeat;
	font-size:14px;
	display:none;
	font-weight:400;
	width:35px;
	color:#FFF;
	/*background-color:#6a63b7;*/

	float:right;

	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;
	margin-top: 10px;
	
}

#Menyikon:hover, Menyikon a:hover{
	
	background-color:#e6e5eb;
	text-decoration:none;
	/*border:solid 2px #e26410;*/


}


#KontaktaOssText {
	width:33.3%; 
	margin-top:15px; 
	float:left; 
	font-size:14px;
	line-height:21px; 
	font-weight: 300;
}

.KontaktPersonHallare {
	width:33.3%;
	margin-top:15px;
	float:left;
	font-size:14px;
	line-height:21px;
	font-weight: 300;
	position: relative;
}

.KontaktPersonHallareMarginal {
	padding-left:40px;
	padding-right:0px;
	
}

#ValkommenrutaMarginal {
	padding-left:40px; 
	padding-right:40px;
}


#StartsidanVansterspalt {
	width:50%; 
	float:left;
	 padding-top:40px; 
	 padding-bottom:40px;
	 
}


#StartInfo {
	width:100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px  !important;
	border-radius: 5px !important;
	margin-top:230px;
	margin-bottom:30px;
	min-height:200px;
	float:left;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 17px;
	line-height: 22px;
	padding:12px;
}

#StartInfoMarginal {
	padding-left:50px; padding-right:50px;
}

#StartsidaValkommenrutaRubrik {
	width:100%;
	float:left;	
}

#StartsidaValkommenrutaText {
	width:100%;
	float:left;
	color:#555;
	font-size:18px;
	line-height:25px;
	text-align: center;
}


#StartsidaValkommenrutaTextInne {
	width:100%;
	max-width:750px;
	display:inline-block;
}


#StartsidaValkommenruta {
	width:100%;
	float:left;
	margin-bottom: 0px;
	font-size:15px;
	line-height:25px;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	margin-top: 0px;
	text-align: left;
	padding-top: 100px;
	border-top:solid 0px #b4b0ac;
	background-color:#f8f6f3;
	background-color:background-color
:#f8f6f3;;
}


#StartsidaValkommenrutaMarginal {
	padding-left:60px;
	padding-right:60px;
}





#StartsidaKontaktHallare {
	width:100%; 
	margin-bottom:75px;
	float:left;
	
}

#StartbildMarginalVanster {
	padding-right:15px;
}

#StartbildMarginalHoger {
	padding-left:15px;
}


#StartsidanHogerspalt {
	width:25%;
	float:left;
	position: relative;
}

#StartsidanVansterspaltMarginal {
	padding-right:20px;
	
}

#StartsidanHogerspaltMarginal {
	padding-left:20px;
	
}



.BildCentrerad
   {
   display:block; /*images must be set to block in order use auto margins*/
   margin:0 auto; /*centers images in most browsers*/
   text-align:center; /*centers images in older browsers*/
   } 







#UndersidaRutaHallare {
	width:100%; 
	float:left; 
	margin-top:0px;
}

#UndersidaRuta {
	padding-top:0px;
	padding-bottom:0px;
	background-color:#efeae5;
	margin-bottom:47px;
	color:#26406b;
	float:left;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:3px solid #26406b;
}


#UndersidaRutaMarginal {
	padding-left:0px;
	padding-right:0px;
}


#Brodsmulor {
	width:100%;
	float:left;
	margin-bottom:0px;
	font-size:13px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:solid 0px #ccc;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:16px;
	line-height:28px;
	letter-spacing:0em;
	margin-bottom:12px;
	font-weight:400;
	text-transform:none;
	font-family: 'OptimaLTStd';
	text-align: left;
	margin-top: 0px;
}

#UndersidaRubrikHallare {
	width:100%;
	float:left;
	/*background-color: #fff;
	background-image:url(Grafik/BlattStreckMindre.png);*/
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-top:0px;
	margin-bottom:30px;
	text-align:left;
	font-size: 30px;
	letter-spacing: 0.05em;
	text-transform: none;
	color:#222;
	padding-bottom:12px;
	padding-top:40px;
	line-height: 15px;
	position:relative;
}

#UndersidaRubrikHallareStartsidan {
	width:100%;
	float:left;
	/*background-color: #fff;
	background-image:url(Grafik/BlattStreckMindre.png);*/
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-top:0px;
	margin-bottom:30px;
	text-align:center;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: none;
	color:#ccc;
	color:#2b2b33;
	/*background-color:#2b2b33;*/
	background-color:#CCC;
	padding-bottom:13px;
	padding-top:13px;
	border-top:solid 1px #2b2b33;
	line-height: 15px;
	font-weight: 300;
}



.MindreMarginalNer {
	margin-bottom:45px !important;
	
}

.IngenMarginalNer { margin-bottom:45px  !important; }
.UtanMarginalNer { margin-bottom:0px  !important; }

#UndersidaRubrikHallare h1 {
	font-size:40px;
	line-height:47px;
	letter-spacing:0em;
	margin-bottom:0px;
	font-weight:700;
	text-transform:none;
	color: #c43124;
}

#UndersidaBrodsmulorHallare {
		width:100%;
	float:left;
	/*background-color: #fff;
	background-image:url(Grafik/BlattStreckMindre.png);*/
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-top: 0px;
	padding-bottom:16px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: none;
}

#NyhetHuvudRubrik {
	width:100%;
	float:left;
	margin-bottom:15px;
	margin-top:0px;
	position:relative;
	z-index:9999;
}

#UndersidaHeader {
	background-color:#e4e1e0;
	overflow:hidden;
	min-height:400px;
	position:relative;
	z-index:1;
	text-align:center;
	padding-top:0px;
	padding-bottom:60px;
	width:100%;
	float:left;
}

#IngressHallare {
	width:44%;
	position:relative;
	z-index:999;
	font-size:25px;
	line-height:32px;
	font-family: 'OptimaLTStd';
	border:solid 0px #444;
	padding:0px;
	padding-top: 100px;
	padding-bottom: 0px;
	display:inline-block;
	text-align:center;
	/*
	-webkit-box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.17);
	-moz-box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.17);
	box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.17);*/
	margin-top:20px;
	float: left;
}

#IngressHallareMarginal {
	padding-left:40px;
	padding-right:40px;
	
}

.UndersidaBild {
	width:750px;
	position:absolute;
	right:-240px;
	text-align:left;
	

	background-repeat:no-repeat;
	overflow: hidden;
	height: 750px;
	z-index:10;
	/*top:-140px;*/
	bottom:-65px;
	background-color:#e4e1e0;
	

}

.BildLiggande {  background-size:auto 100%; }
.BildStaende {  background-size:100% auto !important;
	background-position:-100px -100px;

}


#UndersidaHallare {
	width:100%;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float:left;
	background-color:#f8f6f3;
}

.UndersidaHarMeny {
	padding-left:0px;
	padding-right:0px;
}

#UndersidaHarMenyInne {
	padding-right:20px;
	
}

#UndersidaHarInteMenyInne {
	padding-right:0px;
	
}

.UndersidaHarInteMeny {
	padding-left:0px;
	padding-right:0px;
	
}


#UndersidaInnehallHallare {
	width:78%;
	padding-top:5px;
	margin-bottom:35px;
	float:left;
	min-height:400px;
}


.TabellTyp {
	width:20%; 
	float:left; 
	padding-top:18px; 
	padding-bottom:12px;
}

.TabellMittenStor {
	float:left;
	width:100%;
	background-image:url(Grafik/StreckLodratt.jpg);
	background-position:right top; 
	background-repeat:repeat-y;
}

.TabellMittenMindre {
	float:left;
	width:80%;
	background-image:url(Grafik/StreckLodratt.jpg);
	background-position:right top; 
	background-repeat:repeat-y;
}

.TabellMittenInnehallStor {
	width:100%;
	background-image:url(Grafik/StreckLodratt.jpg);
	background-position:right top; background-repeat:repeat-y;
	float:left;
}

.TabellMittenInnehallMindre {
	width:75%;
	background-image:url(Grafik/StreckLodratt.jpg);
	background-position:right top; background-repeat:repeat-y;
	float:left;
}

.TabellPris {
	width:25%; 
	float:left;  
	font-size:17px; 
	line-height:19px; 
	padding-top:15px; 
	padding-bottom:15px;
}

.TabellPrisMarginal {
	padding-left:20px;
	padding-right:20px;
}

.TabellMittenText {
	width:100%; 
	padding-top:13px; 
	padding-bottom:15px; 
	float:left;
	background-position:left top; 
	background-repeat:repeat-y;
}

#SidfotTabellUpp {
	width:100%;
	float:left;
	background-image:url(Grafik/StreckVagratt.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:15px;
	padding-top:19px;
	color:#5e808f;
	text-align:center;
}

#SidfotTabellUppMarginal {
	padding-left:20px;
	padding-right:20px;
	
}

.SidfotInnehallMobilKarta {
	width:100%; 
	float:left;
	padding-top:0px;
	background-image:url(Grafik/StreckVagratt.jpg); 
	background-repeat:repeat-x;
	background-position:left bottom;
    padding-bottom:3px;
}


.SidfotInnehallMobil {
	width:100%; 
	float:left;
	padding-top:20px;
	background-image:url(Grafik/StreckVagratt.jpg); 
	background-repeat:repeat-x;
	background-position:left bottom;
    padding-bottom:23px;
		font-size:16px; line-height:19px;
}



#StartsidaBokningHallare {
	width:auto;
	float:left;
	background-image:url(Grafik/RodPil.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:8px;
	color: #487089;
	text-align: left;
}

#StartsidaBokningTypHallare {
	width:60%;  
	float:left;
}

.StartsidaBokningTyp {
	width:auto; 
	float:left; 
	margin-right:15px;
	line-height:38px;
	padding-top:10px;
	padding-bottom:8px;
}

.StartsidaBokningTypUtanMarginal {
	width:auto; 
	float:left; 
	margin-right:0px;
	line-height:38px;
	padding-top:10px;
	padding-bottom:8px;
}


/*************** TYPOGRAFI ***************/

h1 {
	font-size:45px;
	line-height:45px;
	margin:0;
	font-weight:normal;
	margin-bottom: 10px;
	letter-spacing:-0.01em;
	text-transform:none;

outline: 1px solid transparent;
	font-family: 'OptimaLTStd-Bold';
		
}


#StartsidaValkommenruta h1 {
	font-size:50px;
	line-height:54px;
	margin:0;
	margin-bottom: 14px;
	letter-spacing:-0.03em;
	font-weight:700;
	text-rendering:optimizelegibility;
	color: #202020;
}

#UndersidhuvudHallare h1 {
		font-size:23px;
	line-height:27px;
	margin:0;
	margin-bottom: 5px;
	letter-spacing:0em;
	font-weight:400;
	text-transform:uppercase;
	text-transform:none;
	text-rendering:optimizelegibility;
  
}



h2 {
	font-size:32px;
	line-height:36px;
	margin:0;
	margin-bottom: 10px;
	letter-spacing:-0.03em;
	text-transform:none;
	font-family: 'OptimaLTStd-Bold';
}


h3 {
	font-size:20px;
	line-height:25px;
	margin:0;
	margin-bottom: 5px;
	letter-spacing:0em;
	text-transform:none;
	text-rendering:optimizelegibility;
	font-family: 'OptimaLTStd-Bold';
	
}

h4 {
	
	font-size:16px;
	line-height:19px;
	margin:0;
	margin-bottom: 7px;
	letter-spacing:0.03em;
	font-weight:normal;
	text-transform:none;
	text-rendering:optimizelegibility;
font-family: 'OptimaLTStd-Bold';
	
}



h5 {
	font-size:10px;
	line-height:12px;
	margin:0;
	margin-bottom:6px;
	letter-spacing:0.05em;
	font-weight:400;
	text-transform:uppercase;
	text-rendering:optimizelegibility;
	 
}




h1.Styckerubrik {
	font-size:28px;
	line-height:30px;
	margin:0;
	margin-bottom: 5px;
	letter-spacing:-0.05em;
	font-weight:700;
	text-transform:uppercase;
	text-rendering:optimizelegibility;
	
}

.Bildspeltext h1 {
	font-size:38px;
	line-height:40px;
	margin:0;
	margin-bottom: 6px;
	letter-spacing:0em;
	font-weight:400 !important;
	text-transform:uppercase;
	text-transform:none;
	text-rendering:optimizelegibility;

}




/*************** NAVIGERING ***************/



/*************** KategoriListaUpp-LISTA ***************/

#KategoriListaUppHallare {
	width:100%;
	float:left;
		background-image:url(Grafik/TaggadKant.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	
}


.KategoriListaUpp {
	margin-top:15px;
	margin-bottom:0px;
	width:100%;

	float:right;
	display:inline-block;
	margin-right:0px;

	padding-bottom: 0px;

	vertical-align: text-top;
	text-align: right;




}

.KategoriListaUpp li {
	width: auto;
	height:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	display: inline-block;
	margin:0px;
	margin-right:0px;


}

.KategoriListaUpp li a {
	display: block;
	text-align: left;
	margin:0px;
	font-size:12px;
	text-transform:uppercase;
	line-height:30px;
	letter-spacing:0.05em;
	padding-bottom:0px;
	transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;
   -o-transition:   all .15s ease-in-out; /* For IE8 and earlier */
	list-style-type:none;
	margin-top:0px;
	color:#f5eeea;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	margin-left:-1px;
	margin-right:0px;
	padding-top:4px;
	padding-bottom:19px;
}

.KategoriListaUpp li a:hover {
	color:#fff;
	text-decoration:underline;
}










#KategoriLista {
	padding: 0;
	list-style: none;
	float:right;
	
	margin-right:0px;
	width: 75%;
	text-align:center;
	background-position:left bottom;
	background-repeat:repeat-x;
	border-top:solid 0px #666;
	/*background-color:#efede8;*/
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:10px;
	margin-top:15px;

	
}


#KategoriLista li {
	display:inline-block;
	font-size:24px;
	line-height:20px;
	text-align:left;
	margin-right:0px;
	padding-left:0px;
	vertical-align:top;
	margin-top:0px;
	margin-right:15px;
	margin-left:15px;
	 font-family: 'OptimaLTStd';


	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;
}
/* Huvudflikar vid normaltillstånd */
#KategoriLista li a {
	display:block;
	color:#222;

	text-decoration:none;
	letter-spacing:0em;
	text-transform:none;
	border-bottom:solid 0px #ddd;
	cursor:pointer;
	padding:0px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;	/*border-right:solid 0px #005388;*/
}



#KategoriLista a:hover {
	color:#ccc;
	text-shadow:none;
	text-decoration:underline;
	
}



#KategoriLista a.trigger {
	/*background-image:url(Grafik/PilNer.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:34px !important;
	background-size:25px auto;
	*/

 
}
#KategoriLista a.triggerAktiv {
		/*
			text-decoration:underline;
				background-image:url(Grafik/PilNer.png);
	background-repeat:no-repeat;
	background-position:right center;

	background-size:25px auto;
	
	
color:#000;
/*background-color:#f4ebcc;
text-decoration:underline;
-webkit-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0.23);
-moz-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0.23);
box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0.23);
	border-left:solid 1px #888573;
		border-right:solid 1px #888573;
		background-color:#f6f3e4;

	padding-left:21px !important;
	padding-right:34px !important;

*/
	
}

#KategoriLista a.triggerAktiv:hover {
	border-bottom:none;
}
#KategoriLista li ul, #KategoriLista ul li {
	width: auto;
	min-width:140px;
}
#KategoriLista ul li {
	padding:0;
	border-right: 0;
	border:none;
	text-align:left;
	margin:0;
	float:left;
	width:100%;
	clear:both;
}
/* Hela listan */
#KategoriLista li ul {
	position: absolute;
	display: none;
	background-repeat: repeat-x;
	z-index:999;
	background-color:#f8f6f3;
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	padding-top:10px;
	padding-right:0px;
	text-align:left;
	margin-left:0px;
	border:solid 1px #222;
	

	
	padding-bottom:0px;

	
}
/* Huvudflik hover - denna bakgrund gäller! */



#KategoriLista li:hover a{
		color:#2b2b33;
	
text-shadow:none;
	background-position:left top;
	background-repeat:no-repeat;
	
		 -webkit-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
-moz-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);

}
#KategoriLista a.trigger:hover {
	color:#b3423d !important;
	border-bottom:none;
	text-shadow:none;
	/*
		background-image:url(Grafik/PilNer.png);
	background-repeat:no-repeat;
	background-position:right center;*/
}
#KategoriLista li:hover a.trigger, #KategoriLista a.trigger:focus, #KategoriLista a.trigger:active {
		color:#b3423d !important;
	/*	background-image:url(Grafik/PilNer.png);
	background-repeat:no-repeat;
	background-position:right center;
	text-shadow:none;
	
	*/
	/*background-color:#ebeaea;*/
}

#KategoriLista li:hover a.triggerAktiv, #KategoriLista a.triggerAktiv:focus, #KategoriLista a.triggerAktiv:active {
text-decoration:underline;
	/*	background-image:url(Grafik/PilNer.png);
	background-repeat:no-repeat;
	background-position:right center;
	text-shadow:none;
	*/
	
	/*background-color:#ebeaea;*/
}
#KategoriLista li a.Aktiv {

color:#000;
/*background-color:#f4ebcc;*/
text-decoration:underline;
-webkit-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0.23);
-moz-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0.23);
box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0.23);
	border-left:solid 1px #888573;
		border-right:solid 1px #888573;
		background-color:#f6f3e4;

	padding-left:22px !important;
	padding-right:22px !important;



		/*background-color:#fff;
	padding-bottom:5px;
	border-bottom:solid 2px #e26410;*/
}
#KategoriLista li a.Aktiv:hover {
		
		background-color:#f6db7b;
			 -webkit-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
-moz-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);

		
}
#KategoriLista li:hover ul {
	display: block;
}
/* Underlista i vanligt tillstånd */
#KategoriLista li:hover ul a {
	color:#2b2b33;
	font-weight:normal;
	background-color: transparent;
	line-height:20px;
	height:20px;
	padding-left:17px;
	padding-right:17px;
	background-image:none;
	font-size:14px;
	text-transform:none;
	padding-bottom:5px;
	padding-top:5px;
	 transition: all .1s ease-in-out;
	 -moz-transition: all .1s ease-in-out;
	 -webkit-transition: all .1s ease-in-out;
	 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
	border-bottom:none;
	border-right:none;
	-webkit-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
	-moz-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
	box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
}

#KategoriLista ul li:first-child
{
	padding-top:0px;
}

#KategoriLista ul li:last-child
{
	padding-bottom:10px;
}



/* Underlistans alla rader vid hover */
#KategoriLista ul a:hover {
	color:#fff !important;
	text-decoration:underline;
	background-color:#878483  !important;
	
		 -webkit-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
-moz-box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);
box-shadow: inset 4px 4px 6px -2px rgba(0,0,0,0);


}

#KategoriLista ul li a{
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;

}


#KategoriLista ul a.Aktiv {
	/*background-color: #000!important;
	background-image:url(Grafik/UnderKategoriUnderAktivBg.png) !important;*/
	color:#000 !important;
	background-image:none !important;
	padding-left:17px !important;
	text-decoration:none;
	font-family: 'OptimaLTStd-Bold';
}


#KategoriLista ul a.Aktiv:hover {
color:#fff !important;
	text-decoration:underline;
	
}



#UndersidaLankarRubrik {
	  font-family: 'OptimaLTStd';
	width:100%;
	float:left;
	border-bottom:solid 0px #ccc;
	padding-bottom:0px;
	margin-bottom:10px;
	font-size:22px;
}

/*************** UNDERSIDA-MENYN ***************/
#UndersidaLankar {
	padding:0px;
	margin:0px;
	width:22%;
	float:left;
	text-align:center;
	position:relative;
	float:left;
		margin-right:6%;
	z-index:9999;
	min-height:380px;
	/*	background-color:#f8f6f3;*/
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:15px;
	background-image:url(Grafik/UndersidalankarStreck.png);
	background-position:right top;
	background-repeat:repeat-y;
}

#UndersidaLankarMarginal {
padding-left:10px; padding-right:10px;	
}

#UndersidaLankarInne {
	background-color:#f8f6f3;
	width:100%;
	float:left;
}


#UndersidaLankar li {
	display:inline-block;
	width:100%;
	float:left;


	padding-left:0px;
	padding-right:0px;

  
/*  border-right:solid 1px #e6e6e6;*/
  
}

#UndersidaLankar li a {
	display: block;
	
	font-size:17px;
	text-transform:none;
	text-align: left;

	color:#00558b;
	color:#222;

 font-family: 'OptimaLTStd';
	font-weight:normal;
	line-height:16px;
	padding-bottom:3px;
	padding-top:12px;
	letter-spacing:0em;
border-bottom:solid 1px #e4e1e0;
	margin-top:-1px;
	text-decoration:none;/*
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;*/
  
}



#UndersidaLankar li a:hover {

	text-decoration:none;
	/* background-color:#efeae5;*/
		color:#0072ba;
		color:#c43124;
border-bottom:solid 1px #e4e1e0;
		padding-left:0px;
		

	
	
}

#UndersidaLankar li a.Aktiv {
color:#f27a3d;
color:#c43124;

font-family: 'OptimaLTStd-Bold';
/*background-image:url(Grafik/ValdUndersidaPil.png);*/

background-repeat:no-repeat;
background-position:0px top;
background-size:auto 100%;



	
}

#UndersidaLankar li a.Aktiv:hover {
	/*border-bottom:solid 1px #e6e6e6;*/
	text-decoration:none;
	/*color:#cb570a;*/
}



#UndersidaLankar li li a
{
display: block;
padding-left:10px;
text-decoration: none;
font-weight: normal;
text-transform:none;
font-size:13px;
padding-bottom:4px;
margin-top:0px;
padding-top:4px;
line-height:18px;
}









/*** MENYN FÖR MOBILER ***/


#Mobilmeny {
	width:100%;
	position:absolute;
	z-index:999;
	display:none;
	padding-bottom:0px;

	/*border-bottom:solid 1px #2b2b33;
	border-top:solid 1px #2b2b33;*/

	margin-top:0px;
	margin-bottom:10px;
	padding-top: 0px;
	top:165px;
}

#MobilmenyMarginal {
	padding-left:0;
	padding-right:0px;
	
}


#MobilmenyMarginalInne {
	padding-left:20px;
	padding-right:10px;
	
}



#mobilmenylista {
	border-bottom:solid 1px #222;
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#e4e1e0;
	background-color:#f8f6f3;
}

#mobilmenylista li a.VisaUnderMenyIkon {
	width:30px;
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
	padding-left:8px;
	padding-right:20px;
	font-size:22px;
	padding-bottom:0px;
	height:31px;
	padding-top:5px;	/*
		border-left:solid 1px #023a5e;
		border-bottom:solid 1px #023a5e;
		*/	
}
#mobilmenylista li a.VisaUnderMenyIkon:hover {
	background:none !important;
		color:#ccc;
		
	
}

#mobilmenylista li {

		background-color:#efeeec;
		background-color:#f8f6f3;
	width:100%;
	clear:both;
	margin-right:0px;
	width: auto;
	list-style-type:none;

	font-family: 'OptimaLTStd';
	font-size:17px;
	height:auto;
	padding-bottom:0px;
	
	margin-top:0px;
	position:relative;
}

#mobilmenylista li a {
	display: block;
	text-align: left;
	padding-bottom:9px;
	padding-top:11px;
	letter-spacing:0em;
	text-decoration:none;
	color:#2b2b33;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:400;
	padding-left:20px;
	border-top:solid 0px #ccc;
	z-index:1;
}

#mobilmenylista li a:hover {
	color:#222;
		color:#c62f1b;
	text-decoration:underline;

}

#mobilmenylista li a.Aktiv {
	color:#c62f1b;

font-family: 'OptimaLTStd-Bold';
	text-decoration:underline;

}

#mobilmenylista li a.Aktiv:hover {

text-decoration:underline;
}

#mobilmenylista li a.triggerAktiv {
		color:#2b2b33;
	background-color:#ccc;
	font-weight:700;
}

#mobilmenylista li a.triggerAktiv:hover {
		background-color:#2b2b33;
}

#mobilmenylista li ul a {
	color:#2b2b33;
	font-weight:normal;
	
	line-height:22px;

	padding-left:83px;
	border-top:none !important;
	border-bottom:none;
	font-size:14px;
	padding-bottom:3px;
	padding-top:4px;
	 transition: all .1s ease-in-out;
	 -moz-transition: all .1s ease-in-out;
	 -webkit-transition: all .1s ease-in-out;
	 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
	 border-bottom:none;
	 border-right:none;
}


#mobilmenylista li ul:last-child
{
	padding-bottom:10px;
	
}






.knapp-link:hover { background-position: bottom left;  text-decoration: none; }
.knapp-link:hover span { background-position: bottom right; }

.knapp-link {
	display:inline-block;
	height: 31px;
	background: transparent url(Grafik/KnappVanster.png) no-repeat top left;
	padding-left: 16px;
	text-decoration: none;
	font-size:16px;
	letter-spacing:0em;
	line-height:31px;
	overflow: hidden;
	margin: 0px 0px;
	/*text-shadow: #FFF 1px 1px 0px;*/
	font-weight:500;
	margin-bottom:0px;
	margin-top:12px;
	width:auto;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.08em;

	
}


.knapp-link span { background: transparent url(Grafik/KnappHoger.png) no-repeat top right; padding: 0px 19px 0px 3px; display: block; position: relative;  color: #FFF; height:31px; line-height:31px; }


a.knapp-link:hover { background-position: bottom left; text-decoration: none; cursor:pointer; }
a.knapp-link:hover span { background-position: right bottom; color: #FFF;  cursor:pointer; /*text-shadow: #935a1d 1px 1px 0px;*/ }







#UndersidaBladdrareHallare {
	width:100%;
	float:left;
	margin-bottom:20px;
	display:none;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out; /* For IE8 and earlier */
	
}

#UndersidaBladdrareHallareMarginal {
	padding-left:0px;	
}


#Bladdrare {

  font-size: 13px;
 color:#1d3a39;
  margin: 0px 0px 0px 0px;
  padding-left: 10px;
  display: block;
  background-color: #f7f7f5;
  background-image:url(Grafik/UndersidaMenyBg.png);
  width: 100%;
  min-height: 33px;
  border: 0px;
  font-weight:normal;
  cursor:pointer;
  box-sizing:border-box;
 -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:solid 1px #d3d2d1;
		-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#Bladdrare:focus, #Bladdrare:hover {

  color:#3c3b43;
}


.select {
  position: relative;
  float:left;
  width:100%;
}
.select .select-arrow {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32px;
	height: 33px;
	border:solid 1px #d3d2d1;
	background-color:#f9f9f8;
	cursor: pointer;
	background-image:url(Grafik/Pil.png);
	background-position:left top;
	 box-sizing:border-box;
 -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.select .select-arrow-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32px;
	height: 33px;
	border:solid 1px #d3d2d1;
	border-bottom:none;
	background-color:#fafaf8;
	cursor: pointer;
	background-image:url(Grafik/Pil.png);
	background-position:left bottom;
	 box-sizing:border-box;
 -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.select #select-arrow {
	display:block;
	
}

.select #select-arrow-close {
	
}


.select .options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 32px;
 background-color:#fafaf8;
  padding: 2px;
  width:100%;
	border:solid 1px #d3d2d1;
	border-top:none;
	  box-sizing:border-box;
 -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
  margin-top: 0px;
  z-index: 9999;
  	-moz-box-shadow: 0px 2px 2px #dedce0;
	-webkit-box-shadow: 0px 2px 2px #dedce0;
	box-shadow: 0px 2px 2px #dedce0;
}
.select .options .option {
  padding: 2px 0px 2px 4px;
   color:#1d3a39;
  font-size: 13px;
    padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
  cursor: pointer;
}
.select .options .option:active,
.select .options .option:hover {
 	 color:#1d3a39;
	background-color:#e9e9e5;
}
.select .options .option:active {
  background-color:#e9e9e5;
}


#Hallare404 {
	width:100%;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	min-height:500px;
	font-size:15px;
	line-height: 22px;
	background-color: #f8f6f3;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}


#Kolumn1 {
	width:100%;
	float:right;
	border-left:solid 0px #444;
	min-height:600px;
	padding-top:0px;
	padding-bottom:50px;
	margin-top:50px;
}
#Kolumn1.Stor {
	width:100% !important;
	background-image:none;
}

#KolumnVanster {
	width:22%; 
	margin-top:20px;  
	float:left;
	margin-bottom:10px;

}

.UndersidaMenyMarginal {
	padding-left:60px;
}


.OmUndersidorMarginal {
	padding-left:30px;
}


/*************** KNAPPAR ***************/
a.StorKnapp,a.StorKnapp:link,a.StorKnapp:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:auto;
	display:inline-block;
	height:auto;
	display:inline-block;
	border:solid 1px #099;
	font-weight:normal;
	font-size:14px;
	color:#099;
	text-transform:uppercase;
	letter-spacing:0.02em;
	text-align:left;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:20px;
	padding:8px;
	padding-left:17px;
	padding-right:17px;
	 transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -o-transition:   all .3s ease-in-out; /* For IE8 and earlier */
}

a.StorKnapp:hover {
    text-decoration:underline;
	color:#fff;
	border:solid 1px #fff;


}




/*************** KNAPPAR ***************/
a.StorKnappMork,a.StorKnappMork:link,a.StorKnappMork:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:auto;
	display:inline-block;
	height:28px;
	display:inline-block;
	border:solid 0px #2b2b33;
	font-weight:700;
	font-size:16px;
	color:#f8f6f3;
	text-transform:uppercase;
	letter-spacing:0.01em;
	text-align:center;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:30px;
	
	padding:10px;
	padding-bottom:12px;
	padding-left:40px;
	padding-right:40px;
	 transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -o-transition:   all .3s ease-in-out; /* For IE8 and earlier */
	background-color: #c62f1b;
		-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	cursor:pointer;
}

a.StorKnappMork:hover {
    text-decoration:underline;
	color:#fff;
	background-color:#2b2b33;

	


}




.IkonHallare { width:33px; margin-top:11px; float:left; margin-right:15px; }



/************ Snabb-knapp ************/
a.KnappSnabblank,a.KnappSnabblank:link,a.KnappSnabblank:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:100%;
	display:block;
	height:auto;
	display:inline-block;
	border:solid 1px #005082;
	border-top:solid 1px #dcdcda;
	
	font-weight:normal;
	font-size:17px;
	color:#3d3c3f;
	text-transform:none;
	letter-spacing:0.06em;
	text-align:left;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:56px;
	padding-top:2px;
	
	margin-bottom:-1px;
	background-image:url(Grafik/KnappSnabblankBg.png);
	background-size:auto 62px;
	background-repeat:repeat-x;
	background-position:right center;
}

a.KnappSnabblank:hover {
    text-decoration:underline;
	background-color:#f7f7f5;
		background-image:url(Grafik/KnappSnabblankBgOver.png);
	background-size:auto 62px;
	background-repeat:repeat-x;
	background-position:right center;


}

.ForstaSnabblank {
-moz-border-radius: 0px;
-webkit-border-radius: 5px 5px 0px 0px !important;
border-radius: 5px 5px 0 0 !important;
border-top:solid 1px #005082 !important;
}
.SistaSnabblank {
-moz-border-radius: 0px;
-webkit-border-radius: 0px 0px 5px 5px !important;
border-radius: 0px 0px 5px 5px !important;

}


.KnappSnabblankMarginal { padding-left:20px; }
.KnappMalgruppMarginal {
	padding-left:15px;
	padding-right:15px;
}

.KnappMalgruppMarginalTelefon {
	padding-left:26px;
	padding-right:15px;
	
}
.KnappMalgruppMarginalMail {
	padding-left:26px;
	
}








/************ Snabb-knapp ************/
a.LitenKnapp,a.LitenKnapp:link,a.LitenKnapp:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:auto;

	display:inline-block;
	font-weight:normal;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:0.06em;
	text-align:left;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	text-align:center;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:42px;
	color:#004b84;
	background-color:#a9dee7;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	background-repeat:repeat-x;
	background-position:left top;
	-webkit-border-radius: 5px 5px 5px 5px !important;
	border-radius: 5px 5px 5px 5px !important;
}

a.LitenKnapp:hover {

	background-color:#FFF;
	


}



/************ Snabb-knapp ************/
a.OffertforfraganSnabblank,a.OffertforfraganSnabblank:link,a.OffertforfraganSnabblank:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:100%;
	display:block;
	height:62px;
	display:inline-block;
	border:solid 1px #005388;
	
	font-weight:normal;
	font-size:15px;
	text-transform:none;
	letter-spacing:0.06em;
	text-align:left;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:62px;
	color:#004b84;
	background-image:url(Grafik/OffertforfraganKnapp.png);
	background-repeat:repeat-x;
	background-position:left top;
	-webkit-border-radius: 5px 5px 5px 5px !important;
	border-radius: 5px 5px 5px 5px !important;
}

a.OffertforfraganSnabblank:hover {
    text-decoration:underline;
		background-image:url(Grafik/OffertforfraganKnapp.png);
	background-repeat:repeat-x;
	background-position:left bottom;


}

.OffertforfraganSnabblankMarginal { padding-left:70px; }




.OffertStegHallare {
	width:100%;
	float:left;
	text-align:left;
	padding-bottom:40px;
	padding-top:40px;
	background-color:#fbfbfb;
	margin-top:-2px;
	border:solid 1px #cfcfcf;
	margin-bottom: 0px;
}

.OffertStegHallareRubrik {
	width:100%;
	float:left;
	margin-bottom:5px;
	margin-top:20px;
	text-align: center;	
}


.OffertStegHallareInne {
	width:100%;
	max-width:600px;
	display:inline-block;
	text-align:left;
}



.OffertformularInputRubrik {
	width:100%;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	float:left;
	line-height:17px;

	margin-bottom:7px;
}

.OffertformularInput {
	width:170px;
	float:left;
	text-align:left;
	margin-bottom:0px;
	font-size:13px;
	line-height:25px;
}

.OffertformularInput select { width:100%; }


.OffertformularInputVetEj {
	width:auto;
	float:left;
	text-align:left;
	padding-left:30px;
	font-size:12px;
	line-height:25px;
	margin-bottom:0px;
}

.OffertforfraganInputLiten {
	width:160px;
	margin-bottom:0px;
	
}

.FormularPrefix {
	width:auto;
	float:left;
	line-height:30px;
	padding-left:10px;
	
}


.OffertformularInputRubrikKontaktinfo {
	width:30%;
	max-width:140px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	float:left;
	padding-top:6px;
	margin-bottom:4px;
}

.OffertformularInputKontaktinfo {
	width:70%;
	float:left;
	text-align:left;
	margin-bottom:5px;
	font-size: 13px;
}



#KontaktInfoHallare {
	padding-top:40px; 
	padding-bottom:40px; 
	border-left:solid 1px #cfcfcf; 
	margin-left:-1px; 
	background-color:#fbfbfb;
}

#OnskadTjanstHallare {
	padding-bottom:0px;
	position:relative;
	padding-top:40px;
	border-left:solid 1px #cfcfcf;
	margin-left:-1px;
	background-color:#fbfbfb;
	min-height: 145px;
}


.ValtAlternativOffertHallare {
	border-top:solid 1px #cfcfcf; 
	min-height:155px;
	padding-top:7px;
}

.ValtAlternativOffertHallareInne {
	padding-top:15px; padding-bottom:20px;
}

.KontaktuppgifterKolumnForklaringMobil {
	display:none;
	border-bottom:solid 1px #cfcfcf;
	padding-bottom:10px;	
}

#OffertKontaktuppgifterHallare {
	max-width:600px; 
	margin-top: 0px;
}

#OffertValjTjanstKnapparHallare {
	width:100%;
	margin-bottom:50px;
	margin-top:20px;
	float:left;
	text-align:center;
}


.ValjTypOffertHallare {
	width:auto;
	float:left;
	margin-right:15px;
	
}


.OffertforfraganRad {
	padding-top:5px;
	padding-bottom:25px;
	float:left;
	width:100%;
	text-align:center;
	margin-bottom: 0px;
}

.UtanRand { border-bottom:none; padding-bottom:0px; }

.OffertforfraganRadInne {
	width:100%;
	max-width:700px;
	text-align:left;
	display:inline-block;
}

.OffertforfraganFraga {
	width:100%;
	float:left;
		font-size:20px;
	line-height:25px;
	margin:0;
	font-weight:400;
	margin-bottom: 15px;
	letter-spacing:0em;
	text-transform:none;
	text-rendering:optimizelegibility;
	
	
}

.OffertforfraganRadMarginal {
	padding-left:40px;
	padding-right:40px;
}

.OffertforfraganRadMarginalVanster {
	padding-left:40px;
	padding-right:0px;
}



/************ Snabb-knapp ************/
a.KnappValjSvarOffertforfragan,a.KnappValjSvarOffertforfragan:link,a.KnappValjSvarOffertforfragan:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:25%;
	display:block;
	float:left;
	height:auto;
	display:block;
	border:solid 1px #cfcfcf;
	
	font-weight:normal;
	font-size:15px;
	text-transform:none;
	letter-spacing:0.06em;
	text-align:left;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding-left:0px;
	padding-right:0px;
	line-height:50px;
	color:#0072ba;
	margin-bottom:-1px;
	background-color:#FBFBFB;
	background-image:url(Grafik/KnappOffertforfraganValBg.png) !important;
	margin-left: -2px;
	text-align:center;
	position:relative;
}

a.KnappValjSvarOffertforfragan:hover {
    text-decoration:underline;
	
		background-color:#f7f7f5;
	background-size:auto 50px;
	background-repeat:repeat-x;
	background-position:right center;


}

a.OffertKnappAktiv,a.OffertKnappAktiv:link,a.OffertKnappAktiv:visited {

		color:#0072ba;
		background-image:url(Grafik/KnappOffertforfraganValBgAktiv.png) !important;
		
	background-size:auto 50px;
	background-repeat:repeat-x;
	text-decoration:none;
	background-position:left center;

	
}

#OffertValjTjanstTillbaka {
	width:100%;
	float:left;
	text-align:center;
	font-size:13px;
	margin-bottom:14px;
	display:none;
}

.OffertKnappPil {
	width:47px;
	height:19px;
	line-height:19px;
	position:absolute;
	bottom:-19px;
	left:50%;
	margin-left:-23px;
	background-image:url(Grafik/KnappOffertforfraganPil.png);
	background-repeat:no-repeat;
	display:none;
	z-index:999;
}


.OffertKnappPilVald {
	width:20px;
	height:16px;
	line-height:16px;
	position:absolute;
	top:18px;
	left:10px;
	margin-left:0px;
	background-size:20px auto;
	background-image:url(Grafik/PilStor.png);
	background-repeat:no-repeat;
	display:none;
}



.ValdOffertforfragan {
	background-color:#ececeb !important;
	width:100%;
	float:left;
/*	border-top:solid 2px #cfcfcf;*/
	margin-left:-3px;
	text-align:left;
	font-weight:700;
	padding-top:10px;

	padding-bottom:30px;
	margin-top:0px;
}

.ValdOffertforfraganRubrik {
	width:100%;
	float:left;
	text-align:left;
	font-weight:700;
	font-size:16px;
	margin-bottom:7px;
	text-transform:uppercase;
}

.ValdOffertforfraganText {
	width:100%;
	float:left;
	text-align:left;
	font-weight:400;
	font-size:13px;
	line-height:21px;
	margin-top:0px;
	margin-bottom: 30px;
}




/************ Skicka-knappen ************/
.SkickaKnappOffert {
	display:inline-block;
	width:100%;
	height: 40px;
	background-color:#0072ba;
	background-image:url(Grafik/SkickaknappOffert.png);
	background-position:left top;
	padding-left: 0px;
	text-decoration: none;
	
	font-size:14px;
	letter-spacing:0.05em;
	line-height: 40px;
	margin: 0px 0px;
	/*text-shadow: #b7521c 1px 1px 0px;*/
	text-shadow: #005d97 1px 1px 0px;
	font-weight:400;
	text-align:center;
	margin-bottom:0px;
	border:none;
	outline:none;
	cursor:pointer;
	text-transform:uppercase;
	color: #fff;
	margin-top:2px;
	border:solid 1px #01609c;
	padding: 0px 0px 0px 0px !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	max-width:210px;
                }
                
.SkickaKnappOffert:hover, .SkickaKnapp:active {
	background-image:url(Grafik/SkickaknappOffert.png);
	background-position:left bottom;
			
}  


#SkickaKnappHallare {
	border:solid 1px #cfcfcf;
	padding-top:30px;
	margin-bottom:0px;
	display:none;
}


.SifferStegOffert {
	width:35px;
	height:35px;
	display:inline-block;
	background-image:url(Grafik/SifferstegBg.png);
	line-height:35px;
	font-family: 'Arimo', sans-serif;
	color:#ffed00;
	color:#FFF;
	font-size:18px;
	margin-right:10px;
	text-align:center;
	padding-top:0px;
	font-weight:700;
	background-repeat:no-repeat;
	background-size:35px auto;
	margin-bottom: 12px;
}

.Dold { display:none; }



#AntalFragorStapel { 
width:5px; 
float:left;
background-color:#0080c6;
background-image:url(Grafik/StapelBg.jpg);
background-repeat:repeat-x;
height:10px; 
line-height:10px;
	 transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -o-transition:   all .3s ease-in-out; /* For IE8 and earlier */
}

#AntalFragorHallareRuta {
	margin-top:25px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px; 
	padding-top:20px; 
	padding-bottom:24px; 
	position:absolute; 
	bottom:34px; 
	z-index:9999; 
	width:25%; 
	right:12%; 
	background-color:#0080c6; 
	color:#FFF; 
	font-size:14px; 
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition:   all .3s ease-in-out;
		min-width: 200px;
	 margin-bottom:15px; 
}



/************ Målgrupp Aktiv-knapp ************/
a.KnappMalgruppAktiv,a.KnappMalgruppAktiv:link,a.KnappMalgruppAktiv:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:auto;
	float:left;
	display:block;
	height:auto;
	display:inline-block;
	/**/
	font-weight:normal;
	font-size:12px;
	text-transform:none;
	letter-spacing:0.06em;
	text-align:center;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background-color:#ececeb;
	background-color:#0072ba;
	line-height:35px;
	color:#0072ba;
	color:#fff;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:5px;
	border-left:solid 1px #004774;
	border-top:solid 1px #004774;
	border-right:solid 1px #004774;
		padding-bottom:3px;
		-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}

a.KnappMalgruppAktiv:hover {
    text-decoration:none;

}



/************ Målgrupp InAktiv-knapp ************/
a.KnappMalgrupp,a.KnappMalgrupp:link,a.KnappMalgrupp:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:auto;
	float:left;
	display:block;
	height:auto;
	display:inline-block;
	/**/
	font-weight:normal;
	font-size:12px;
	text-transform:none;
	letter-spacing:0.06em;
	text-align:center;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:35px;
	color:#dae8f1;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:6px;
	padding-bottom:3px;
	border-left:solid 1px #004b84;
	border-right:solid 1px #004b84;
	white-space:nowrap;
			-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}

a.KnappMalgrupp:hover {
   text-decoration:none;
   color:#FFF;
   background-color:#1668a7;

}


	




.GraKnapp:hover {
	background-position: bottom left;
	text-decoration: none;
}
.GraKnapp:hover span {
	background-position: bottom right;
}
.GraKnapp {
	float: left;
	display: block;
	height: 37px;
	background: transparent url(Grafik/GraknappVanster.png) no-repeat top left;
	padding-left: 11px;
	text-decoration: none;
	font-family: 'Asap', sans-serif;
	font-size:14px;
	letter-spacing:0em;
	line-height: 37px;
	overflow: hidden;
	margin: 0px 0px;  /*text-shadow: #382f29 1px 1px 0px;*/
	font-weight:700;
	margin-right:3px;
	margin-bottom:0px;
}
.GraKnapp span {
	background: transparent url(Grafik/GraknappHoger.png) no-repeat top right;
	padding: 0px 25px 0px 13px;
	display: block;
	float: left;
	position: relative;
	text-transform: none;
	text-transform:uppercase;
	color: #646668;
}
a.GraKnapp:hover {
	background-position: bottom left;
	text-decoration: none;
	cursor:pointer;
}
a.GraKnapp:hover span {
	background-position: right bottom;
	color: #646668;
	cursor:pointer; /*text-shadow: #935a1d 1px 1px 0px;*/
}



#TelefonHallare {
	background-color:#fee902;
	margin-top:20px;
	/*background-color:#ebdb04;*/
color:#005388;
	text-align:center;
	
	font-size:18px;
	padding-top:0px;
	padding-bottom:0px;
	letter-spacing:0.05em;
	border:solid 1px #e5d303;
}

#TelefonMarginal {
	padding-left:20px;
	padding-right:20px;
}

#TelefonHallareRam {
/*	border:solid 2px #fffef6; */
	padding-top:20px; 
	padding-bottom:20px;
}

#TelefonMarginalMindre {
	padding-left:0px;
	padding-right:0px;
}


#BliKontaktadRuta {
	margin-top:0px;
	height:auto;
	padding-top:28px;
	padding-bottom:28px;
	font-size:13px;
	line-height:16px;
	text-align:center;
	float: left;
	letter-spacing: 0.02em;
	width: 100%;
	
}

#BliKontaktadRutaMarginal {
	padding-left:40px;
	padding-right:40px;
}


#BliKontaktadRutaRubrik {
	width:100%;
	float:left;
	text-align:left;
	font-size:22px;
	letter-spacing:0.03em;
	line-height:25px;
	margin-bottom:5px;
	
}


#BliKontaktadRutaInnehall {
	width:100%;
	float:left;
	margin-bottom:15px;
	text-align: left;
	font-size: 14px;
}






#OffertforfraganRuta {
	background-color:#F8DB48;
	margin-top:0px;
	height:auto;
	padding-top:28px;
	padding-bottom:28px;
	color:#FFF;
	font-size:13px;
	line-height:16px;
	text-align:center;
	float: left;
	letter-spacing: 0.02em;
	margin-top:22px;
	width:100%;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.54);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.54);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.54);
}

#OffertforfraganRutaMarginal {
	padding-left:25px;
	padding-right:25px;
	
}


#OffertforfraganRutaRubrik {
	width:100%;
	float:left;
	color:#005188;
	text-align:left;
	font-size:22px;
	letter-spacing:0.03em;
	line-height:25px;
	margin-bottom:10px;
	
}


#OffertforfraganRutaInnehall {
	width:100%;
	float:left;
	margin-bottom:15px;
	color: #cfe7f6;	
}



/*----------------------------------- General Structure */
.container {
	width: 940px;
	margin: 0px auto 0 auto;
	padding:0px;
}
.wrap-container {
	position: relative;
	padding: 0 0px;
}
.section {
	padding-top: 60px;
}
.example {
	padding: 0px 0;
}
em {
	padding: 0px;
	background: #FCFC80;
}
/*----------------------------------- Header */
#header .container {
	margin-top: 0px;
	margin-bottom: 0;
}
#main {
	margin-top: 0px;
}
.site-title {
	margin-bottom: 8px;
	line-height: 100%;
}
.space {
	letter-spacing: -10px;
}

/*----------------------------------- Table */
table {
	width: 100%;
	margin-bottom: 0px;
	overflow: auto;
}
table th, table td {
	padding: 0px 0px;
}
table th {
	font-weight: bold;
}
table code {
	font-size: 93%;
}
table tbody tr:nth-child(2n+1) {
}
.th-item {
	width: 15%;
}
.th-default {
	width: 20%;
}
.th-description {
	width: 65%;
}
/*----------------------------------- Gallery */
.crsl-items {
	margin: 0px auto;
	padding:0px;
}
.crsl-item figcaption {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	margin:0px;
	width: 100%;
	padding: 10px;
	color: #FFF;
	background: rgba(0, 0, 0, .5);
}


/*----------------------------------- Special Galleries */
/* Custom controls */
#gallery-07 {
	position: relative;
}
.crsl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.previous, .next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	text-indent: -10000px;
	color: #FFF;
	background-image:url(Grafik/Pilar.png);
	z-index: 999;
	/* border radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* transition */
	-webkit-transition: background .2s ease-out;
 -moz-transition: background .2s ease-out;
 -o-transition: background .2s ease-out;
 transition: background .2s ease-out;
}
#gallery-07 .previous:hover, #gallery-07 .next:hover {
	background-color: rgba(0, 0, 0, .95);
}
.previous {
	left: 20px;
	background-position: left top;
}
.next {
	right: 20px;
	background-position: left bottom;
}
#gallery-07 .crsl-item {
	margin-bottom: 0;
}
/*----------------------------------- Footer */
#footer {
	margin-top: 60px;
}
#footer address {
	padding-top: 20px;
	border-top: 5px solid #EAEAEA;
	min-height: 60px;
}
/*----------------------------------- Clearfix */
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}








/** BILDSPEL **/

.layout {
	position: relative;
	min-height: 100%;
	
	padding-bottom: 0px;
}

.hideMe {
  display: none;
}



.body .carousel {
	position: relative;
	height: 300px;
	overflow: hidden;
	background-color: #ececeb;
}
.body .carousel.movie {
  cursor: pointer;
}
.body .carousel.movie img {
  opacity: 0.3;
  transition: opacity 300ms ease-in-out;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
}
.body .carousel.movie .movie-play {
  display: block;
}
.body .carousel.movie:hover img {
  opacity: 0.6;
}
.body .carousel.movie:hover .movie-play {
  opacity: 1;
}
.body .carousel.playing {
  cursor: default;
 

}
.body .carousel.playing:hover img,
.body .carousel.playing img {
  opacity: 0;
}
.body .carousel.playing .nav-buttons {
 top: 20px;
}
.body .carousel .vimeo-player {
  position: relative;
  z-index: 59;
  margin: 0px auto;
  width: 874px;
}
.body .carousel img {
  display: none;
  position: absolute;
  top: 0px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.body .carousel img.first {
  display: block;
}
.body .carousel .movie-play {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 58;
  margin-left: -32px;
  margin-top: -32px;
  opacity: .4;
  transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.body .carousel .arrow-prev,
.body .carousel .arrow-next {
  display: none;
  position: absolute;
  bottom: -32px;
  z-index: 60;
  margin-top: 0px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.body .carousel .arrow-prev {
  left: 30px;
  margin-left:0px;
  background-image:url(Grafik/PilVanster.png);
  background-position:left top;
  height:32px;
  width:32px;
  text-decoration:none; 
  opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.body .carousel .arrow-prev:hover {
  background-image:url(Grafik/PilVanster.png);
  background-position:left bottom;
  height:32px;
  width:32px;
  text-decoration:none; 
  opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.body .carousel .arrow-next {
  left: 30px;
  margin-left:33px;
  background-image:url(Grafik/PilHoger.png);
  background-position:left top;
  height:32px;
  width:32px;
  text-decoration:none; 
  opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.body .carousel .arrow-next:hover {
  background-image:url(Grafik/PilHoger.png);
  background-position:left bottom;
  height:32px;
  width:32px;
  opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
  text-decoration:none; 
}


.body .carousel .nav-buttons {
  list-style-type: none;
  margin: 0px;
  display: none;
  position: absolute;
  left: 23px;
  right: 0px;
  top: 15px;
  height: 15px;
  z-index: 61;
  overflow: hidden;
  text-align: left;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  
}
.body .carousel .nav-buttons li {
  display:inline-block;
  float:left;
  margin: 0px 3px;

}
.body .carousel .nav-buttons li.active a {
 background-color:rgba(23, 137, 209, 1);
  cursor: default;
}
.body .carousel .nav-buttons li.active:hover a {
 background-color:rgba(23, 137, 209, 1);
  cursor: default;
}
.body .carousel .nav-buttons li a {
  display:inline-block;
 /*background-color:rgba(255, 255, 255, 0.4);*/
  width: 8px;
  height: 8px;
  	-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;
border:solid 2px #1789d1;
}

.body .carousel .nav-buttons li a:hover {
 background-color:rgba(255, 255, 255, 0.6);
}







#FormularVansterKolumn {
	width:60%;
	float:left;
}


#FormularHogerKolumn {
	width:40%;
	float:left;
}

#FormularVansterKolumnMarginal {
	padding-right:5px;
}

#FormularHogerKolumnMarginal {
	padding-left:5px;
}


#Formular {
	width:100%;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 30px;
	margin-top: 10px;
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color:#fcf5f2;
}

.FormularHalv {
	float:left;
	width:50%;
	margin-bottom: 5px;
}


.FormularHel {
	float:left;
	width:100%;
	margin-bottom: 10px;
}

.FormularHalvMarginalVanster {
	padding-right:10px;
	
}


.FormularHalvMarginalHoger {
	padding-left:10px;
	
}


.FormularRubrik {
	width:100%;
	float:left;
	font-family: 'Exo 2', sans-serif;
	font-size:13px;
	line-height:16px;
	margin:0;
	margin-bottom: 4px;
	letter-spacing:0.07em;
	font-weight:400;
	color:#393740;
	text-transform:none;
	font-style:normal;
	text-transform:uppercase;
	text-decoration:none;
	
}

.FormularInput {
	width:100%;
	float:left;
	margin-bottom:0px;
	font-size:13px;
	font-weight:400;
	color:#5b5b5b;
	line-height:20px;
}


#noteKontakt {
	width:100%;
	float:left;
}

#fieldsKontakt {
	width:100%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:3px;
}


#noteKontakt2 {
	width:100%;
	float:left;
}

#fieldsKontakt2 {
	width:100%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:3px;
}

#fieldsKontaktMarginal {
	padding-left:0px;
	padding-right:0px;
}

#KontaktformularHallare {
	width:100%;
	float:left;
	margin-top:20px;
}



#KontaktformularMarginal {
	padding-left:30px;
	padding-right:30px;
	
}

#SidahallareOmKontaktsida {
	width:50%; 
	float:left;
}



.Meddelande {
	width:100%;
	float:left;
	border-radius:3px;
	-moz-border-radius:3px;
	margin-top:0px;
	font-size:14px;
	font-weight:400;
	background-color:#9ad6f7;
	/*border:solid 1px #007ac2;*/
	text-align:left;
	color:#222;
	line-height:20px;
	margin-bottom:10px;
box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
		padding-top:10px;
	padding-bottom:10px;
	

}


.MeddelandeFel {
	width:100%;
	float:left;
		border-radius:3px;
	-moz-border-radius:3px;
	/*border:solid 2px #933;*/
	
	
	padding-top:25px;
	padding-bottom:25px;
	margin-top:6px;
	background-color:#e84e18;
		font-size:14px;
		text-align:left;
	font-weight:400;
	color:#fff;
	line-height:20px;
	margin-bottom:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

}


.MorkBorder {
	border:solid 1px #005388 !important;
}

.FormularEnRad {
	background-image:url(Grafik/FormBg.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:38px;
	line-height:25px;
	padding-top:6px;
	color:#005388;
	font-size:14px;
	vertical-align:middle;
	padding-left:10px;
	border: solid 0px;
	font-weight:normal;
	background-color: #f8f6f3;
	font-style:normal;
	font-weight:400;
	outline: none;
	border:none;
	float:left;
	margin:0;
	margin-bottom:8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:solid 1px #ccc;
}

.FormularEnRad:hover, .FormularEnRad:focus {
	color:#005388;
}

#SkrivSokOrd {
	width:100%;
	float:left;
	font-size:25px; 
	line-height:32px; 
	font-family: 'OptimaLTStd';
	
}

.SokStartsidan {
	height:42px;
	margin-bottom:0px !important;
	line-height: 30px;
	padding-top:5px;

font-family: 'OptimaLTStd';

	border:solid 1px #dcd4d0;
}


::-webkit-input-placeholder {
   color: #808d95;
}

:-moz-placeholder { /* Firefox 18- */
   color: #808d95;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #808d95;  
}

:-ms-input-placeholder {  
   color: #808d95;  
}


.FormularEnRadMindre {
	background-image:url(Grafik/FormBg.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:35px;
	line-height:25px;
	padding-top:1px;
	color:#a3956f;
	font-size:15px;
	vertical-align:middle;
	padding-left:8px;
	border: solid 0px;
	font-weight:normal;
	background-color: #FFF;
	font-family: 'Noticia Text', serif;
	font-style:italic;
	font-weight:400;
	outline: none;
	border:none;
	border:solid 1px #bdac7c;
	float:left;
	margin:0;
		box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.FormularEnRadMindre:hover, .FormularEnRadMindre:focus {
	border:solid 1px #cbcbcb;
}








.Formular {
	background-image:url(Grafik/FormBgStor.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:100px;
	line-height:18px;
	padding-top:2px;
	color:#565559;
	font-size:13px;
	padding-top:12px;
	padding-left:10px;
		border:solid 1px #ccc;
	font-weight:normal;
	background-color: #f4f4f4;
	outline: none;
	float:left;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


.Formular:hover, .Formular:focus {
	color:#353537;
}



form {
	margin: 0;
	padding: 0;
	}






/************ Skicka-knappen ************/
.SkickaKnapp {
	display:inline-block;
	width:100%;
	height: 35px;
	background-color:#222;
	background-image:url(Grafik/SkickaknappFormulsar.png);
	background-position:left top;
	padding-left: 0px;
	text-decoration: none;
	
	font-size:13px;
	letter-spacing:0.05em;
	line-height: 35px;
	margin: 0px 0px;
	/*text-shadow: #FFF 1px 1px 0px;*/
	font-weight:400;
	text-align:center;
	margin-bottom:0px;
	border:none;
	outline:none;
	cursor:pointer;
	text-transform:uppercase;
	color: #fff;
	margin-top:2px;
	border:solid 1px #ccc;
	padding: 0px 0px 0px 0px !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;				
                }
                
.SkickaKnapp:hover, .SkickaKnapp:active {
	background-image:url(Grafik/SkickaknappFormular.png);
	background-position:left bottom;
			
}  
		

#StartsidaNyheterHallareMarginal {
	padding-left:80px;
	padding-right:80px;
	
}


#StartsidaNyheterHallare {
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:25px;
	background-color:#e4e1e0;
	background-color:#f8f6f3;
	margin-top:0px;
	margin-bottom:0px;
	text-align: left;
}

	

.Bildspeltext {
	position:absolute;
	z-index:10;
	width:100%;
	text-align:left;
	left:0px;
	bottom:0px;
	height:auto;/*	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;*/
	color: #FFF;
	font-size: 43px;
	background-image: url(Grafik/BildspelTextBg.png);
	background-size:100% 100%;
	padding-top:25px;
	padding-bottom:25px;
	background-position:right top;
	line-height: 47px;
}


.BildspeltextLiten {
	position:absolute;
	z-index:10;
	width:100%;
	text-align:left;
	left:0px;
	bottom:0px;
	height:auto;/*	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;*/
	color: #fff;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	letter-spacing:0.05em;
	text-transform:uppercase;
	font-size: 14px;
	background-image: url(Grafik/BildspelTextBg.png);
	background-size:100% 100%;
	
	padding-top:50px;
	padding-bottom:25px;
	background-position:right top;
	
}

.BildspeltextStor {
	position:absolute;
	z-index:10;
	width:100%;
	text-align:center;
	left:0px;
	top:45%;
	height:auto;
	color: #fff;
font-family: 'Lora', serif;
font-family: 'Playfair Display', serif;
	font-weight:700;
	letter-spacing:0em;
	text-transform:none;
	font-size: 24px;

	
}

.BildspeltextInneLiten {
	width:100%;
	float:left;
	margin-bottom:0px;
}


.BildspeltextMarginal {
	padding-left:25px;
	
}

.BildspeltextInneHallare {
	color:#3d3c3f;
	font-size:17px;
	line-height:20px;
	border:solid 1px #0072ba;
	background-color:#FFF;
	width:33%;
	overflow:hidden;
	min-width:260px;
	float:left;
	padding-top:41px;
	padding-bottom:20px;
	position:relative;
	min-height: 20px;
	 transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -o-transition:   all .3s ease-in-out; /* For IE8 and earlier */
	text-align: left;
}

.BildspeltextInneHallareMarginal {
	padding-left:30px;
	padding-right:30px;
}


.BildspeltextInne {
	width:100%;
	float:left;
	margin-bottom:10px;
}

.BildspeltextMarginal {
	padding-left:25px;
	padding-right:25px;
	
}

.BildspelInnehall {
	opacity:1;
	width:100%;
	float:left;
	position:relative;
	background-size:cover;
	background-position:left 0px;
	border:solid 0px #9f9a78;
	margin-left:0px;
	background-repeat:no-repeat;
	height:400px;
	margin-bottom:20px;
	margin-top:20px;
	/*
-webkit-box-shadow: 2px 2px 13px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 2px 13px 1px rgba(0,0,0,0.28);
box-shadow: 2px 2px 13px 1px rgba(0,0,0,0.28);*/
}







.StartsidanRutaHallare{
	width:33.3%;
	float:left;
	font-size:13px;
	line-height:16px;
	text-align: center;
}

.StartsidanRutaText{
	width:100%;
	float:left;
}

.StartsidanRutaInnehall {
	width:100%;
	float:left;
	color:#424a4a;
	font-size:15px;
	line-height:22px;
	letter-spacing:0.0em;
	text-align: center;
}

.StartsidanRutaKnapp {
	width:100%;
	float:left;
	text-align:center;
}

.MarginalNer {
	margin-bottom:40px;
	
}


.MarginalUpp {
	margin-top:10px;
	
}

.MarginalNerMindre {
	margin-bottom:15px;
	
}

.MarginalNerMinst {
	margin-bottom:5px;
	
}

.PdfRadHallare {
	width:100%;
	float:left;
	font-size:13px;
	line-height:19px;
	margin-bottom:4px;

}


.StartsidanRutaTextMarginal{
	padding-left:15px;
	padding-right:15px;

}

.StartsidanRutaHallareMarginalHoger {
	padding-right:15px;
}



.StartsidanRutaRubrik {
	width:100%;
	float:left;
	clear:both;
	line-height:18px;
	height:auto;
	color:#1d3a39;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:0.07em;
	font-weight:normal;
	margin-bottom: 11px;
}


.StartsidanRutaIkon {
	width:100%;
	display:inline-block;
	max-width:110px;
	margin-bottom: 14px;
	padding-top:9px;
	padding-bottom:10px;
		 transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -o-transition:   all .3s ease-in-out; /* For IE8 and earlier */
}

.StartsidanRutaIkon:hover {
	padding-bottom:0px;
	padding-top:0px;
	max-width:130px;
	
}

.Farg1 { background-color:#e68a05; }
.Farg2 { background-color:#b34f8a; }
.Farg3 { background-color:#c25c38; }
.Farg4 { background-color:#6a63b7; }




#NyheterKontaktHallare {
	width:100%;
	float:left;
	background-repeat:no-repeat;
	background-position:center top;
	margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: solid 1px #addcda;
	border-bottom: solid 1px #addcda;
}

#KontaktaOssHallare {
	width:33%;
	float:left;
	padding-top: 55px;
	padding-bottom: 55px;
}


.NyheterBild {
	width:25%;
	float:left;
	text-align:left;
	background-size:150% auto;
	background-position:top center;
	background-repeat:no-repeat;
	overflow: hidden;
	height: 80px;
	max-width:90px;
	-webkit-border-bottom-right-radius: 90px;
	-moz-border-radius-bottomright: 90px;
	border-bottom-right-radius: 90px;/*-moz-border-radius-topright: 70px;
border-top-right-radius: 70px;*/

}

.NyheterBildStor {
	width:50%;
	float:left;
	text-align:left;
	background-size:cover;
	background-repeat:no-repeat;

}

.NyhetBildMarginal {
	padding-right:0px;
	padding-left: 0px;
}

.NyhetBildMarginal2 {
	padding-right:0px;
	padding-left: 30px;
}




.NyheterMarginalForsta {
	padding-left:25px;
	padding-right:25px;
}



.NyheterMarginal {
	padding-left:25px;
	padding-right:25px;
}





.NyhetRubrikHallare {
	width:100%;
	line-height:30px;
	margin-bottom:0px;
	font-size:24px;
	text-align:center;
	position: absolute;
	background-color: #f2e6dd;
	background-color:#f8f6f3;
	padding-top: 15px;
	padding-bottom: 15px;
	bottom: 0px;
	border:solid 0px #9f9a78;
	left: 0px;
	font-family: 'OptimaLTStd-Bold';
}

.NyhetRubrikHallare:hover {
		background-color:#faf4f0;
}


.NyhetRubrikHallareMellan {
	width:100%;
	margin-bottom:4px;
	font-size:29px;
	margin-bottom:2px;
	line-height:32px;

	margin-top: 20px;
	font-family: 'OptimaLTStd-Bold';
}



.NyhetRubrikHallareStor {
	width:100%;
	margin-bottom:4px;
	font-size:30px;
	line-height:33px;
	font-weight: normal;
	margin-top: 20px;
	
}


.UtanBild {
	background-image:none !important;
	
}

.NyheterBildInne {
	width:100%;
	background-color: rgba(0,0,0,.2);
}


.NyheterBildInneStor {

	width:100%;
	padding-top:20px;
	padding-bottom:130px;
	  background-color: rgba(0,0,0,.2);
	
}

.UtanBakgrund {
	background-color: rgba(0,0,0,.0) !important;
}


.NyhetDatumHallare {
	width:auto;
	padding:0px;
	padding-top:0px;
	font-size:15px;
	line-height:15px;
	margin-bottom:6px;
	margin-top:15px;
	font-weight:400;
	/*background-image:url(Grafik/DatumBg.png);*/
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-style:italic;
	color:#474747 !important;
	display: inline-block;	/*background-color: rgba(239,237,232,0.6) !important;*/
}


.NyhetDatumHallareStor {
	width:auto;
	padding:0px;
	padding-left:0px;
	font-size:30px;
	line-height:34px;
	margin-bottom:14px;
	margin-top:0px;
	font-weight:700;
	font-family: 'Old Standard TT', serif;
	/*background-image:url(Grafik/DatumBg.png);*/
	padding-right:0px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	display: inline-block;
	color:#222 !important;
}

.NyhetDatumHallareAr {
	width:auto;
	display:inline-block;
	text-align:center;
	font-size:12px;
	line-height:14px;
	margin-top:4px;
	border-top:solid 1px #fff;
	padding-top:3px;
	font-weight:700;
	font-family: 'OptimaLTStd-Bold';

		color:#fff;
	
}

.NyhetDatumHallareArStor {
	width:auto;
	display:inline-block;
	text-align:center;
	font-size:12px;
	line-height:14px;
	margin-top:4px;
	border-top:solid 1px #222;
	padding-top:3px;
	letter-spacing:0em;
	color:#222;
	font-family: 'OptimaLTStd-Bold';
}

.NyhetIngressHallare {
	width:100%;
	float:left;
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 23px;
	letter-spacing: 0em;
	margin-top: 8px;

	font-weight:300;
		font-family: 'Open Sans', sans-serif;
	
	color:#444;
}


.NyhetTextHallare {
	width:100%;
	font-size:14px;
	line-height:19px;
	float:left;
	font-weight: 300;
}




.NyheterInne {
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
	border-left:solid 0px #CCC;
	margin-left:0px;
}

.NyheterInneStor {
	float:left;
	padding-top:30px;
	padding-bottom:30px;
	width:60%;
	border-left:solid 0px #CCC;
	margin-left:0px;
}

.NyheterHojd {
	float:left;
	padding-top:0px;
	padding-bottom:0px;
}

#NyheterInneHallare {
	position:absolute;
	bottom:0px;
	width:100%;
	z-index: 1111;
	right: 0px;
}

.NyheterHallareInne {
	width:100%;
	float:left;
	padding-top: 0px;
	padding-bottom: 0px;	
}

#NyheterPuff {
	width:80px;
	height:80px;
	line-height:80px;
	color:#FFF;
	position:absolute;
	bottom:130px;

	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	left:50%;
	margin-left:-40px;
	z-index:1111;
	text-align:center;
		-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
background-color:#c62f1b;
display:none;

}

.NyheterMarginalVanster { padding-left:30px; }
.NyheterMarginalHoger { padding-right:30px; }

.Horna {
	width:100px;
	position:absolute;
	bottom:0px;
	right:0px;
	background-image:url(Grafik/Horna.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:100px;
	
}

a.NyheterHallare, a.NyheterHallare:link, a.NyheterHallare:visited {
	width:100%;
	max-width:250px;
	

	display:inline-block;

	color:#FFF;
	color:#222;
	color:#c62f1b;

	margin-bottom:30px;
	margin-top:0px;

background-color:#c62f1b;
	color:#f8f6f3;
font-family: 'OptimaLTStd';
background-color:#d0af81;
color:#c62f1b  !important;
background-color:#c62f1b;
		background-color:#7f7976;
		background-color:#DDD;
		background-color:#f8f6f3;
		background-color:#c62f1b;
color:#f8f6f3  !important;
	border-left:solid 2px #f8f6f3;

	margin-left:-4px;
	text-align:center;

	
}
a.NyheterHallare:hover {

	background-color:#7f7976;
		color:#f8f6f3  !important;
background-color:#c62f1b;

	text-decoration:none;
	 transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -webkit-transition: all .1s ease-in-out;
 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */



}

.NyhetStartsidan {
	color:#2b2b33 !important;
	background-color:#2b2b33 !important;
	border:solid 1px #ccc  !important;
}

.NyhetStartsidan:hover {
		color:#2b2b33 !important;
	
	background-color:#efeeec;
	background-color:#FFF !important;
			border-bottom:solid 1px #2b2b33  !important;
		
}


.NyheterForsta { margin-bottom:12px; }



.NyheterBildLitenMarginal {
	padding-left:140px;
}

.LitenBildMarginal {
	padding-right:18px;
	padding-bottom:10px;
	padding-top:0px;
	max-width:140px;
}

.LitenBildNyhet {
	padding-left:0px;
	padding-right:15px;
	padding-bottom:8px;
	padding-top:0px;
	max-width:120px;
	/*border:solid 1px #cfcfcf;*/
}


.StorBildNyhet {
	float:left;
	width:100%;
	margin-bottom:15px;
}

.Ingress { font-size:17px; line-height:22px; }



#KontaktaOssHallareMarginal {
	padding-right:45px;
	
}


#KontaktaOssHallareRubrik {
	float:left;
	width:100%;
	text-align:left;
	color:#f7f7f5;
	font-size:21px;
	line-height:23px;
	margin-bottom:20px;
	font-weight:400;
	margin-top:0px;
	text-transform:uppercase;
	letter-spacing:0.05em;

}



#KontaktHallare {
	width:100%;
	float:left;
}

#KontaktHallareMarginal {
	padding-left:45px;
	
}


#KontaktHallareRubrik {
	float:left;
	width:100%;
	text-align:left;
	color:#f7f7f5;
	font-size:21px;
	line-height:23px;
	margin-bottom:20px;
	font-weight:700;
	margin-top:0px;
	text-transform:uppercase;
	letter-spacing:0em;

}

#ReferenserHallare {
	width:100%;
	float:left;
	background-color:#f7f7f5;
	min-height:100px;
	padding-top: 85px;
	padding-bottom: 85px;
	border-top:solid 1px #e5e5e4;
	border-bottom:solid 1px #dddddb;
	margin-bottom: 0px;
}

#ReferenserHallareRubrik {
	float:left;
	width:100%;
	text-align:center;
	color:#f78246;
	font-size:21px;
	line-height:23px;
	margin-bottom:5px;
	font-weight:700;
	margin-top:0px;
	text-transform:uppercase;
	letter-spacing:0em;
}

#ReferenserHallareText {
	float:left;
	width:100%;
	text-align:center;
		color:#424a4a;
		font-size:15px;
	line-height:21px;
	margin-bottom:30px;
	font-weight:300;
	text-transform:none;
	letter-spacing:0em;
}


#ReferenserHallareSnurra {
	float:left;
	width:100%;
	margin-bottom:55px;
	margin-top: 10px;
}

#ReferenserHallareSnurraUndersida {
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top: 30px;
}

.ElsladdVanster {
	width:50%;
	float:left;
	background-image:url(Grafik/ElsladdVanster.png);
	background-repeat:no-repeat;
	background-position:right center;
	height:20px;
	line-height:20px;
}

.ElsladdHoger {
	width:50%;
	float:right;
	background-image:url(Grafik/ElsladdHoger.png);
	background-repeat:no-repeat;
	background-position:-10px center;
	height:20px;
	line-height:20px;
}


/**** KARUSELL ****/

.BildspelBildMarginal {
	padding-left:20px;
	padding-right:20px;
}


/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;

}
/* display none until init */
.owl-carousel{
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
	 position: relative;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
		z-index: 1;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}




/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
	margin-top: 0px;
	text-align: center;
}

/* Styling Next and Prev buttons */


.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	margin: 0px;
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1.0;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1.0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #fff;
}




.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	/*background-color:#272727;
	border:solid 2px #272727;*/
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 0px 0px;
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

.item {
	margin: 0px;
	width:100%;
	float:left;
}
.item a {
	color:#372d29;
}
.item a:hover {
}
.item img {
	display: block;
	width: 100%;
	height: auto;
	
}

.owl-prev {
	background-image:url(Grafik/PilVansterBildspel.png);
	background-repeat:no-repeat;
	background-position:left center;
	
	background-size:45px 45px;
	height:45px;
	line-height:45px;
	width:45px;
	position:absolute;
	z-index:900;
	float:none;
	top:50%;
	margin-top:-23px !important;
	left:-50px;
transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;
   -o-transition:   all .15s ease-in-out;
}

.owl-prev:hover {

}

.owl-next {
	background-image:url(Grafik/PilHogerBildspel.png);
	background-repeat:no-repeat;
	background-position:right center;
	  
	background-size:45px 45px;
	height:45px;
	line-height:45px;
	width:45px;
		position:absolute;
		z-index:900;
		top:50%;
	margin-top:-23px !important;
	float:none;
transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;
   -o-transition:   all .15s ease-in-out;
	right:-50px;
}

.owl-next:hover {

}

/*** BILDSNURRA ***/

#Bildspel {
	width:100%;
	float:left;
	margin-top:20px;
	margin-left:0px;
	margin-bottom: 20px;
}

#Bildspel .item{
	margin:0px;
	width:100%;
	float:left;
	margin-left:0px;
	position: relative;
	cursor:pointer;/*-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.14);
-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.14);
box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.14);*/
	margin-bottom:0px;
	padding:0px;	
}

#Bildspel .itemInne:hover{
	border:solid 0px #0072ba;
/*-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.14);
-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.14);
box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.14);*/
	transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;
   -o-transition:   all .15s ease-in-out; /* For IE8 and earlier */

}

#Bildspel .itemInne{
	border:solid 0px #b0b0b0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px  !important;
	border-radius: 0px !important;
	/*background-color: #fff;*/
	position:relative;
	width:100%;
	float:left;
		padding: 0px;
}


#Bildspel .item img{
  display: block;
  width: 100%;
  height: auto; 
}


#Bildspel .item:hover img{
/*filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	*/
}




/** INNEHÅLLSDELAR **/

.Innehalldel {
	display:inline-block;
	
	
	margin-bottom:25px;
	
}

.InnehalldelMindre {
	float:left;
	margin-bottom:15px;
	
}

.InnehalldelKolumn {
	float:left;
	margin-bottom:0px;
	
}

.Innehalldel.Hoger {
	float:right !important;
	
	
}

.InnehalldelText {
	width:100%;
	float:left;
	font-weight:400;
	font-size:16px;
	line-height:26px;
	letter-spacing:0em;

	font-weight:400;
	color:#333;

		font-family: 'Open Sans', sans-serif;
	font-weight:300;
	
}

.InnehalldelText ul {
	list-style:none;
	padding-left:0px;
	margin-bottom:15px;
	
}

.InnehalldelText li {
	margin-bottom:2px;
}


.InnehalldelText div {
	height:auto;
	margin:0;
	padding:0;
	margin-bottom:-3px;
}



.InnehalldelText h2 {
	font-size:32px;
	line-height:34px;
	margin:0;
	margin-bottom: 10px;
	margin-top:5px;
	letter-spacing:-0.01em;
	font-weight:normal;

	text-transform:none;
	font-family: 'OptimaLTStd-Bold';
	
}

.VitRutaRubrik h2 {
		font-size:32px;
	line-height:34px;
	margin:0;
	margin-bottom: 10px;
	margin-top:5px;
	letter-spacing:0em;

	text-transform:none;
font-family: 'OptimaLTStd-Bold';
	
}

.VitRutaRubrik {
	width:100%;
	float:left;
	/*padding-top:2px;
	padding-bottom:5px;
	margin-bottom:10px;
		border-bottom:solid 0px #dfdfdf;
		*/
	
}

.VitRuta {
	background-color:#fafafa;
	background-color:#f7f7f7;
	background-color:#fff;
	width:100%;
	border:solid 0px #222;
	float:left;
	margin-left:-2px;
	padding-top:0px;
	padding-bottom:0px;


}

.VitRutaInne {
	width:100%;
	float:left;
	padding-top:25px;
	padding-bottom:25px;
}

.VitRutaMarginal {
	padding-left:35px;
	padding-right:35px;
}

.Avdelare { width:100%; float:left; height:20px; line-height:20px; }

.Hoger {
	float:right !important;

}

.Vanster {
	float:left !important;

}

.Fyllbild img,object,embed{max-width:100%}img{height:auto;}	

.BildMarginalUpp { margin-top:25px; }

.Rundbild.Fyllbild.Bredd25.Tredjedel {
	
}

.Bildtext {
	width:100%;
	float:left;
	font-size:13px;
	line-height:18px;
	margin-top:8px;
	letter-spacing:0.02em;
	
}

#Extradel {
	width:100%;
	float:left;
	padding-top:70px;
	padding-bottom:65px;
}

.ExtradelMarginalVanster {
	padding-right:30px;
}

.ExtradelMarginalHoger {
	padding-left:15px;	
}


.ExtradelMarginalMindreVanster {
	padding-right:30px;
	margin-left:-30px;
}

.ExtradelMarginalMindreHoger {
	padding-left:0px;	
}

.ExtradelMarginal {
	padding-left:20px;
	padding-right:20px;
	
}

.ExtradelNyheterMarginal {

	
}

.ExtradelMarginalVansterNyhet {
	padding-right:45px;
	padding-left:0px;
}

.ExtradelRubrik {
	color:#004a88;
}

.ExtraDelRuta {
	width:100%;
	float:left;

	position:relative;
	
}

.ExtraDelRutaBild {
	width:100%;
	height:auto;
	margin-bottom:17px;
}


.ExtraDelRutaBg {
	background-color:#ececeb;
	background-color:#f1f1f1;
	padding-bottom:0px;
	float:left;
	/*border-bottom:solid 2px #dadada;*/
	
	border:solid 1px #f1f1f1;

	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.18);
-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.18);
box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.18);
}

.ExtraDelRutaText {
	font-size:14px;
	line-height:20px;
	float:left;
	width:100%;
	margin-bottom:10px;
}


.ExtraDelRutaInneMarginal {
	padding-left:20px;
	padding-right:20px;
	
}

#NyhetsbrevHallare {
	margin-bottom:40px;
	
}



#JourDel {
	width:100%;
	float:left;
	background-image:url(Grafik/JourBild2.jpg);
	background-size:cover;
	background-position:left -40px;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	min-height:400px;
	padding-top:100px;
	border-top: solid 1px #005388;	
	
}

#JourDelInnehall {
	width:100%;
	float:left;
	text-align:center;
	
	
}

#JourDelInne {
	max-width:520px;
	display:inline-block;
	width:100%;
}

#JourDelRubrik {
	width:100%;
	float:left;
	text-align:center;
	
	font-size:40px;
	line-height:42px;
	color:#ffed00;
	margin-bottom:10px;
	text-shadow: #0072ba 1px 1px 0px;
}

#JourDelText {
	width:100%;
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	letter-spacing:0.02em;
	color:#FFF;
	margin-bottom: 25px;
}

.Gul {
	color:#ffed00;
	
}

.Rundbild img {
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
}


#InnehalldelHallare {
	margin-right:-40px;
	
}

.InnehallDelMarginal {
	padding-left:0px;
	padding-right:40px;
}

.NyheterDelMarginal {
	padding-right:0px;	
}

.UtanUndersidor {
	padding-left:40px; 
	padding-right:0px;
}



	#map-canvas {
	width:100%;
	min-height:400px;
	float:left;
	margin-top: 0px;
	border:solid 1px #d3d2d1;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

}


#map-canvas  img,object,embed{max-width:none}img{height:auto;}	


#cd-zoom-in,
#cd-zoom-out {
    height: 28px;
    width: 28px;
    cursor: pointer;
    margin-left: 10px;
    background-color: #e7e7e3;
    border: solid 2px #000;
    background-repeat: no-repeat;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
    background-size: 28px 56px;
    background-image: url("Grafik/cd-icon-controller.svg");
    margin-right: 50px;
    margin-bottom: 20px;
}
#cd-zoom-in {
    background-position: 50% 0;
    margin-bottom: 5px;
}
#cd-zoom-out {
    background-position: 50% -28px;
    margin-bottom: 40px;
}
.gm-style-iw {
    color: #000000;
    background-color: #fff;
    padding: 0px;
}
div.infowindow-content {
    min-width: 200px;
    color: #0A0A0A;
    position: absolute;
    z-index: 999;
    background-color: #ffffff;
    width: 110%;
    left: -20px;
    bottom: -16px;
    min-height: 20px;
    padding: 10px;
    padding-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .08em;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
}
.gm-style-iw + div {
    display: none;
}

#Kontaktformular {
	/*background-color: #FFF;
		-moz-box-shadow: 0px 2px 4px #dedce0;
	-webkit-box-shadow: 0px 2px 4px #dedce0;
	box-shadow: 0px 2px 4px #dedce0;
	border:solid 1px #d3d2d1;
		padding-top: 25px;
	padding-bottom: 25px;
	*/
	width:100%;
	float:left;

	height:auto;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#KontaktformularMarginal {
	padding-left:0px;
	padding-right:0px;
	
}



/** Stora nyheterna **/


#NyheterHallare {
	width:100%;
	text-align:left;
	float:left;	
}

#SeFlerNyheter {
	width:100%;
	float:left;
	font-size:11px;
	letter-spacing:0.07em;
	margin-top:17px;
	color:#0072ba;
	text-transform:uppercase;
	
}

#NyheterHallareInne {
	width:100%;
	float:left;
	text-align:left;
}

.ValdNyhet {
	padding:30px;
	
padding-bottom:0px;
margin-bottom:20px;
width:100%;
float:left;

	
	
	
		border:solid 1px #bdbdbd;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px  !important;
border-radius: 5px !important;
}

.StorNyheterHallare {
	width:100%;
	float:left;
	margin-bottom: 40px;
	position: relative;
}

.StorNyheterDatumHallare {
	position:relative;
	z-index:1;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	margin-bottom: 0px;
	float: left;
}

.StorNyhetDatumDag {
	color:#333;
	width:100%;
	float:left;
	padding-top:3px;
	padding-bottom:2px;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.StorNyhetDatumManad {
	background-color:#e68a05;
	border:solid 1px #e68a05;
	color:#FFF;
	width:100%;
	float:left;
	padding-top:4px;
	padding-bottom:5px;
	font-size:11px;
	line-height:12px;
	text-transform:uppercase;
	text-align:center;

	-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

.StorNyhetLasMerHallare {
	width:100%;
	float:left;
	margin-top:0px;
	
}

.StorNyhetTillbakaHallare {
	width:100%;
	float:left;
	margin-top:15px;
	padding-top:15px;
	border-top:solid 1px #ccc;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-align: left;
}


.StorNyheterMarginal {
	padding-left:0px;
	padding-right:0px;
}




.StorNyhetRubrikHallare {
	width:100%;
	float:left;
	margin-bottom:10px;
	font-size:25px;
	line-height:30px;
	font-weight: 600;
}



.StorNyhetDatumHallare {
	width:100%;
	float:left;
	margin-bottom: 2px;
	font-size:12px;
	line-height:13px;
	font-weight:500;
	color:#9e9ca1;
}

.StorNyhetIngressHallare {
	width:100%;
	float:left;
	margin-bottom: 7px;
	font-size: 20px;
	line-height: 25px;
	font-weight:400;
	font-family: 'Old Standard TT', serif;
	font-style:italic;
	margin-top: 4px;
}


.StorNyhetTextHallare {
	float:left;
	font-weight:300;
	font-size:14px;
	line-height:23px;
	letter-spacing:0em;
	color:#222;
	margin-top: 20px;
	margin-bottom: 30px;

	font-weight:300;
		font-family: 'Open Sans', sans-serif;

}

.StorLitenBildMarginal {
	padding-right:18px;
	padding-bottom:10px;
	padding-top:0px;
}

.StorLitenBildNyhet {
	padding-right:23px;
	padding-bottom:10px;
	padding-top:5px;
	max-width:240px;
}

.StorStorBildNyhet {
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top:5px;
}

.StorIngress {
	font-size:15px;
	line-height:20px;
}



#NyheterSidorHallareUpp {
	width:100%;
	float:left;
	margin-bottom:10px;
	text-align:right;
	display:none;
	
}


#NyheterSidorHallareNer {
	width:100%;
	float:left;
	margin-top:0px;
	text-align:left;
	margin-bottom:10px;
	
}


.NyheterSidorLabelHallare {
	width:100%;
	margin-right:0px;
	font-size:10px;
	line-height:14px;
	text-align:left;
	text-transform:uppercase;
	margin-bottom:5px;
	display:inline-block;
	letter-spacing:0em;
	
}

.Siffersteg, Siffersteg a{
	display:inline-block;
	width:25px;
	height:22px;
	/*background-image:url(Grafik/SifferstegAktiv.png);
	background-repeat:no-repeat;
	background-position:left top;
	*/
	border:solid 1px #ddddda;
	background-color:#FFF;
	line-height:22px;
	text-decoration:none;
	font-size:14px;
	font-weight:400;
	color:#b7b7b6 !important;
	text-align:center;
	margin-right:4px;
}

.Siffersteg:hover, Siffersteg a:hover{
	border:solid 1px #b7b7b6;
	text-decoration:none;
}


.SifferstegAktiv, SifferstegAktiv a{
	display:inline-block;
	width:25px;
	height:22px;
	margin-right:4px;
	/*background-image:url(Grafik/SifferstegAktiv.png);
	background-repeat:no-repeat;
	background-position:left top;
	*/
	border:solid 1px #009993;
	background-color:#FFF;
	line-height:22px;
	text-decoration:none;
	font-size:14px;
	font-weight:400;
	color:#009993 !important;
	text-align:center;
}

.SifferstegAktiv:hover, SifferstegAktiv a:hover{
	background-position:left bottom;
	text-decoration:none;
}





.KontaktformularHalv {
	float:left;
	width:50%;
	margin-bottom: 5px;
}


.KontaktformularHalvMarginal {
	padding-right:20px;
	
}

.KontaktformularHel {
	float:left;
	width:100%;
	margin-bottom: 2px;
}


.KontaktformularRubrik {
	width:100%;
	float:left;
	color:#b8412e;
	color:#222;
	font-size:15px;
	line-height:18px;
	margin:0;
	margin-bottom: 5px;
	letter-spacing:0.03em;
	font-weight:400;
	text-transform:none;
	font-style:normal;
	text-transform:none;
	text-decoration:none;
}

.KontaktformularInput {
	width:100%;
	float:left;
	margin-bottom:10px;
		font-size:13px;
	font-weight:400;
	color:#5b5b5b;
	line-height:20px;

}


#TreRutorHallareMarginal {
	margin-left:-20px;
	margin-right:-20px;
}

#TreRutorHallare {
	width:100%;
	float:left;
	padding-top:70px;
	background-color:#FFF;
	background-color:#f8f6f3;
	padding-bottom:70px;
}

.TreRutor {
	width:33%;
	float:left;
	margin-bottom:30px;
}

.TreRutorMarginal {
	padding-left:20px;
	padding-right:20px;
}

.TreRutorRubrik {
	font-size:30px;
	line-height:30px;
	margin:0;
	margin-bottom: 15px;
	letter-spacing:-0.03em;
	text-transform:none;
	text-rendering:optimizelegibility;
	font-family: 'OptimaLTStd-Bold';
	color:#222;
	text-align: center;
}


.TreRutorBild {
	width:100%;
	float:left;
}


.SidfotLista h3 {
		font-size:30px;
	line-height:30px;
	margin:0;
	margin-bottom: 10px;
	letter-spacing:-0.03em;
	text-transform:none;
	text-rendering:optimizelegibility;
	font-family: 'OptimaLTStd-Bold';
	color:#c52d19;
	
}


/*************** SidfotLista-LISTA ***************/
#SidfotListaHallare {
	width:40%;
	display:inline-block;
	padding-top: 60px;
	padding-bottom:60px;
	/*
border-left:solid 1px #005388;
	border-right:solid 1px #005388;
	*/
	
	margin-left:-2px;
	margin-right:-2px;
	text-align:center;
}


#SidfotListaHallareInne {
	width:100%;
	max-width:420px;
	display:inline-block;
	
}


.SidfotListaRubrik {
	width:100%;
	float:left;
	margin-bottom:8px;
	font-size:15px;
	text-transform: uppercase;
	border-bottom: solid 0px #222;
	padding-bottom: 0px;
	font-family: 'Old Standard TT', serif;
	line-height: 20px;
	font-style: none;
	letter-spacing: 0em;
	display: block;
	margin-top: 0px;
}

.KontaktuppgifterRubrikMarginal {
	margin-bottom:10px;
}


.SidfotLista {
	margin-top:0px;
	width:25%;
	max-width:250px;
	display:inline-block;
	margin-right:20px;
	margin-left:20px;
	padding-top: 40px;
	border-right: solid 0px #222;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
	vertical-align: text-top;
	text-align: left;
}

.SidfotLista li {
	width: 100%;
	height:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	display: inline-block;
	margin-right: 35px;
		font-size:14px;
	text-transform:none;
	line-height:24px;
	letter-spacing:0.05em;

}

.SidfotLista li a {
	display: block;
	text-align: left;
	margin:0px;

	padding-bottom:0px;
	transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;
   -o-transition:   all .15s ease-in-out; /* For IE8 and earlier */
	list-style-type:none;
	margin-top:0px;
	color:#222;
	padding-left:0px;

	text-decoration:none;
}

.SidfotLista li a:hover {
	color:#066;
	text-decoration:underline;
}







/***** SPRÅK *****/


#SprakLista {
	padding: 0;
	margin: 0;
	list-style: none;
	float:right;
	width:auto;
}


/* Huvudflikar vid normaltillstånd */
#SprakLista a {
	display: block;
	text-decoration: none;
	padding-right:24px;
	margin-right:0px;


	line-height:30px;
	height:30px;
	padding-left: 10px;	
}



#SprakLista a.trigger {
	background-repeat: no-repeat;
	/*padding-right:27px;
	background-position: right center;
	background-image:url(Grafik/ikoner/SprakPilNer.png);*/

}








#SprakLista li {
	float:left;
	margin-right:0px;
	text-align:left;
}


/* Hela listan */
#SprakLista li ul {
	position: absolute;

	max-height:0px;
	overflow:hidden;
	opacity:0;

	background-repeat: repeat-x;
	z-index:999;
	top:90px;

	
	
		
}


/* Flik blir aktiv vid hover av dess underlista */
#SprakLista li:hover a, #SprakListar a:focus,
#SprakLista a:active {
	color: #FFF;
	text-shadow:none;
	/*background-color:#4A4A4E;*/
	text-decoration:underline;
	
	
	
}
#SprakLista li:hover ul {
	display: block;
	top:60px !important;
	opacity:1;
	
	max-height:1000px;
 -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Underlista i vanligt tillstånd */
#SprakLista li:hover ul a {
	color: #FFF;
	background-color: transparent;
	line-height:20px;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
	width:80px;
	background-color:#4A4A4E;
	
}

/* Underlistan vid hover */
#SprakLista ul a:hover {
	background-color: #e15f24!important;
	color: #FFF !important;
}








#Copyright {
	width:auto;
	text-align:center;
	display: inline-block;
	margin-right: 20px;
}

#SkapadAv {
	width:auto;
	white-space:nowrap;
	display: inline-block;
}



#LoggaSidfot {
	width:100%;
	max-width:180px;
	display:inline-block;
	padding-top: 20px;
	vertical-align: text-top;
}

#LoggaSidfotHallare {
	padding-top:45px;
	float:left;
	width:28%;
}





#SidfotAdressHallare {
	font-size:12px;
	line-height:18px;
	letter-spacing:0.05em;
	padding-left:0px;
	margin-top:0px;
	width:100%;
	min-width:210px;
	text-align: center;
	/*border-left:solid 2px #005388;
	border-right:solid 2px #005388;*/
	padding-top: 20px;
	padding-bottom: 50px;
	display: inline-block;
	border-left: solid 0px #222;
	vertical-align: text-top;
	float: left;
}

.SidfotMarginal { padding-left:30px; padding-right:30px; }
.SidfotMarginalVanster { padding-left:45px; }
.SidfotMarginalHoger { padding-right:45px; }

#SidfotUnderHallare {
	width:100%;
	float:left;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	position: relative;
	background-color: #f2e6dd;
	background-color:#c62f1b;
}

#SidfotUnder {
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	font-size:13px;
	text-transform: none;
	letter-spacing: 0.02em;
}

.RitatStreck {
	width:100%;
	float:left;
	height:6px;
	line-height:6px;
	background-image:url(Grafik/RitatStreck.png);
	background-repeat:repeat-x;
	
	background-color:#f8f6f3;
}


/************ Sidfot-knapp ************/
a.SidfotKnapp,a.SidfotKnapp:link,a.SidfotKnapp:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:100%;
	display:block;
	height:auto;
	display:inline-block;
	font-weight:normal;
	font-size:14px;
	text-transform:none;
	letter-spacing:0.05em;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	line-height:19px;
	padding-top:2px;
	color:#fff;
	font-weight:400;
	margin-bottom:0px;
	/*background-color:#fff;
	border:solid 1px #1487d0;*/
	color: #0072ba;
	color:#222;
	padding-bottom: 2px;
}

a.SidfotKnapp:hover {
    text-decoration:underline;

color: #00558b;


}




/*** IKONER ***/

#MobilIkon {
	cursor: pointer;
	background-color:#e4e1e0;
	height:24px;
	width:24px;
	position:relative;
	z-index:100;
	text-align:center;
	float:right;
	padding:10px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	border-radius: 99px;
	display:none;
	margin-top:4px;

}

#MobilIkon:hover, #MobilIkon:focus {
		/*background-color:#d8d5d5;*/
			background-color:#f8f6f3;
			border:solid 2px #d8d5d5;
			padding:8px;
	
}


#nav-iconNer {
	display:none;
  width: 24px;
  height: 18px;
  margin-top:3px;

  z-index:1;
  display:inline-block;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;

	
}

#nav-iconNer span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #222;
  border-radius: 0px;
   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



/* Icon 4 */

#nav-iconNer {
}

#nav-iconNer span:nth-child(1) {
  top: 0px;
  width:80%;
  margin-left:2px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-iconNer span:nth-child(2) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-iconNer span:nth-child(3) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  width:80%;
  margin-left:2px;
}

#nav-iconNer.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 0px;
  width:100%;
  margin-left:4px;
   background: #222;
}

#nav-iconNer.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
    margin-left:4px;
}

#nav-iconNer.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 16px;
  left:0px;
    width:100%;
    margin-left:4px;
  background: #222;
}







/*************** GRID ***************/

.Bredd100 {
	width:100%;
	float:left;
}

.Bredd75 {
	width:75%;
	float:left;
}

.Bredd67 {
	width:66.7%;
	float:left;
}

.Bredd60 {
	width:60%;
	float:left;
}

.Bredd50 {
	width:50%;
	float:left;
}


.Bredd50Fortsatt {
	width:50%;
	float:left;
}


.Bredd40 {
	width:40%;
	float:left;

}

.Bredd33 {
	width:33.3%;
	float:left;
}


.Bredd30 {
	width:30%;
	float:left;

}


.Bredd25 {
	width:25%;
	float:left;
}

.Bredd20 {
	width:20%;
	float:left;
}



.Centrera {
	text-align:center;
	
}


.Vansterstalld {
	text-align:justify;
	
}

.VansterstalldVanlig {
	text-align:left;
	
}

.Hogerstalld {
	text-align:right;
	
}





/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}


.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}


.white_content {
    position: fixed;
    top: 25%;
    left: 33%;
    width: 33%;
    height:auto;
	padding:2px;
    border: solid 3px #0072ba;
    background-color:#f4f4f4;
    z-index:1002;
    overflow: auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px  !important;
	border-radius: 7px !important;
}
#overlay {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#MalgruppPopupRubrik {
	font-size:33px;
	line-height:35px;
	margin:0;
	margin-bottom: 5px;
	letter-spacing:0em;
	font-weight:400;
	text-transform:uppercase;
	text-transform:none;
	text-rendering:optimizelegibility;
	
	color:#004a88;
}


#MalgruppPopupInneHallare {
	padding-top:25px;
	padding-bottom:20px;
	border:solid 2px #0072ba;
	float:left;
	width:100%;
	height:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px  !important;
	border-radius: 5px !important;
}

#MalgruppPopupInneHallareMarginal {
	padding-left:0px;
	padding-right:4px;
}

#MalgruppPopupText {
	width:100%;
	float:left;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:20px;
	color:#3D3D3D;
	margin-bottom:14px;
}

#MalgruppPopupInneHallareMarginalVansterHoger {
	padding-left:25px;
	padding-right:25px;
	
}

.StorKnappPopup { margin-bottom:0px !important; }





/************ Underflik-knapp ************/
a.UnderflikKnapp,a.UnderflikKnapp:link,a.UnderflikKnapp:visited {
	display:inline-block;
	width:100%;
	height: auto;
	/*
	background-image:url(Grafik/InnehalldelTypValBg.png);*/
	background-position:left top;
	padding-left: 0px;
	text-decoration: none;

	-webkit-box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.17);
-moz-box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.17);
box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.17);

	letter-spacing:0.02em;
	line-height: 22px;
	margin: 0px 0px;
	/*text-shadow: #FFF 1px 1px 0px;*/
	font-weight:700;
	text-align:left;
	border:none;
	outline:none;
	cursor:pointer;
		
	font-weight:normal;
	font-size:17px;
	color:#3d3c3f;
	text-transform:none;
	letter-spacing:0.06em;
	background-color:#f3f3f3;
	background-size:auto 80px;
	background-repeat:repeat-x;
	background-position:left top;
	border:solid 1px #cfcfcf;
	padding: 10px 0px 10px 0px !important;
	
	margin-left:-2px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 0px;
	position:relative;
}

a.UnderflikKnapp:hover {
	border:solid 1px #b1b1b1;
	background-color:#e5e5e5;
   background-image:url(Grafik/InnehalldelTypValBgAktiv.png);


}


.UnderflikPil {
	position:absolute;
	top:30px;
	right:16px;
	z-index:700;
	height:15px;
	width:15px;
	
	
}

.ValdUnderflik {
background-color:#f7f7f7 !important;
z-index:9;
background-image:none !important;
}

.ValdUnderflik:hover {
background-color:#f7f7f7 !important;
background-image:none !important;
}


.UnderflikKnappIngenToppMarginal {
	margin-top:-10px !important;
	
}

.UnderflikKnappIngenToppMarginalKolumn {
	margin-top:-3px !important;
}


.Ikon img,object,embed{max-width:100%}img{height:auto}
.UnderflikPil img,object,embed{max-width:100%}img{height:auto}

.Ikon {
	width:60px;
	display:block;
	float:left;
	margin-right:15px;
}


.UnderflikLasMer {
	max-width:300px;
	width:100%;
	background-color:#fff;
	color:#222;
	text-shadow:none;


	left:75px;
	bottom:0px;
	margin-bottom:65px;
	
	font-family: 'Arimo', sans-serif;
	padding-bottom:0px;
	margin-left:-1px;
	position:absolute;
	z-index:900;
	line-height:19px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
	font-weight:normal;
	display:none;
	border:solid 1px #989898;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px  !important;
	border-radius: 5px !important;
}


.UnderflikLasMerPil img,object,embed{max-width:100%}img{height:auto}

.UnderflikLasMerPil {
	position:absolute;
	bottom:0px;
	height:13px;
	width:21px;
	left:50%;
	margin-left:-10px;
	margin-bottom:-13px;
	z-index:110;
	
}

.UnderflikLasMerMarginal {
	padding-left:15px;
	padding-right:15px;
	
}


.UnderflikInnehall {
	width:100%;
	float:left;
	display:none;
font-weight:400;
	font-size:14px;
	line-height:19px;
	letter-spacing:0.02em;
	margin-top:10px;
	font-family: 'Arimo', sans-serif;
	padding-bottom:20px;
	border-top:solid 1px #cfcfcf;
	padding-top:15px;
	width:100%;
overflow:auto;
}
.UnderflikInnehallMarginal {
	max-width:600px;
	padding-left:25px;
	padding-right:50px;

}


.UnderflikRubrik {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height:58px;
}




.UnderflikInnehall ul {
    padding-left: 0px;

	margin-top:15px;
	margin-bottom:15px;
	
}

.UnderflikInnehall li {
    list-style-image: url(Grafik/ListaPil2.png);
    padding-left: 5px;
	line-height:19px;
	margin-top:0px;
	min-height:22px;
	
	
	
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px;
	
	background: url(Grafik/ListaPil2.png) no-repeat left 0px;
	padding-top:0px;
	padding-left:30px;
  list-style: none;
}


#result {
	width:100%;
	position:absolute;
	z-index:999;
	top:50px;
	
}

.IngaResultat {
	color:#3d3c3f;
	width:100%;
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
	line-height:18px;
	background-color:#f6f6f6;
}


/************ Sökresultat-knapp ************/
a.Sokresultatrad,a.Sokresultatrad:link,a.Sokresultatrad:visited {
	cursor:pointer;
	border:solid 0;
	border:none;
	width:100%;
	float:left;
	height:auto;
	border-bottom:solid 1px #dcdcda;
	background-color:#f6f6f6;
	font-weight:normal;
	font-size:13px;
	color:#3d3c3f;
	text-transform:none;
	letter-spacing:0.06em;
	text-align:left;
	margin:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	line-height:18px;
	padding-top:7px;
	padding-bottom:7px;

}

a.Sokresultatrad:hover {
    text-decoration:underline;
	background-color:#f3f3f3;


}

.SokresultatradMarginal {
	padding-left:10px;
	padding-right:10px;
	
}

.current{
  background:#3b5998;
  color:#FFFFFF;
}


.TumnagelHallare {
	width:auto;
	margin-right:10px;
	float:left;
	margin-bottom:10px;
}

.TumnagelHallare img { height:140px; }

.BildgalleriHallare { width:100%; float:left; margin-top:10px; margin-left:0px;  }

.BildgalleriRubrik {
	width:100%;
	float:left;
	padding-top:12px;
	padding-bottom:12px;
	font-size:15px;
	font-weight:300;
}

.BildgalleriRubrikMarginal {
	padding-left:10px;
	padding-right:10px;
	
}

.myDisplayOverride{
  display:block !important;

}

.BildOpacitet {
		opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
}

.BildOpacitet:hover {
		opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.BildgalleriHallare ul {
 line-height: 0;
   
  -webkit-column-count: 5;
  -webkit-column-gap:   7px;
  -moz-column-count:    5;
  -moz-column-gap:      7px;
  column-count:         5;
  column-gap:           7px;
  
 
}

.BildgalleriHallare li {
    padding: 0px;
	margin-bottom:7px;
    position: relative;
    overflow:hidden;
	width:100%;
	display:inline-block;
	vertical-align:text-top;
border:solid 1px #efeeec;

}

.BildgalleriHallare li:hover {
	border:solid 1px #2b2b33;
}


.BildgalleriHallare img:hover { 
/*
transform: scale(2) rotate(0.1deg);

transform: scale(1.1);
  -webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -o-transform:scale(1.1);
 

	 transition: all .6s ease-in-out;
 -moz-transition: all .6s ease-in-out;
 -webkit-transition: all .6s ease-in-out;
 -o-transition:   all .6s ease-in-out; /* For IE8 and earlier */

}

.StorreObjekt {
	-webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
	-webkit-column-width: 50%; /* Chrome, Safari, Opera */
    -moz-column-width: 500px; /* Firefox */
    column-width: 500px;
	background-color:#036;
	max-width:50%;
	display:inline-block;
	height:40px;
}


#BilderStartsidaHallare {
	width:100%;
	float:left;
	padding-top:70px;
	padding-bottom:70px;
	background-color: #066;
}

#VitToning {
	width:100%;
	float:left;
	background-image:url(Grafik/VitToning.png);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
	height:300px;
	line-height:300px;
	z-index:9999;
	background-size:auto 100%;
	
}



/* ---- isotope ---- */

.isotope {
	max-width: 100%;

	padding-top:5px;
	
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .item ---- */


/* width used for gutter */
.gutter-sizer {
  width: 0px;
}

.grid-item img,object,embed{max-width:100%}img{height:auto}


/* ---- isotope ---- */

.isotope {
  width:100%;
  overflow:hidden;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */





/* 5 columns, percentage width */

.grid-sizer {
  width: 20%;
  
}

.grid-itemHallare {
	  width:20%;
  height: auto;
  padding:0px;
  padding-top:15px;
  padding-bottom:15px;
  overflow:hidden;
  margin:0;
  border:none;
  margin-bottom:0px;


}

.grid-item {
  width:100%;
  float:left;
  padding-top:1px;
  padding-bottom:0px;
    border:solid 1px #b5b5b5;
	background-color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;


  margin-left:-2px;

-webkit-box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.10);
	-moz-box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.10);
	box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.10);
}

.grid-itemInne {
	padding-left:0px;
	padding-right:0px;
	
}

.grid-itemMarginal {
	padding-left:15px;
	padding-right:15px;
}

.grid-item:hover {
		 border:solid 1px #222;
	-webkit-box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.20);
	-moz-box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.20);
	box-shadow: 6px 6px 8px -2px rgba(0,0,0,0.20);
}

.grid-item.width2 { width: 20%; }
.grid-item.height2 { height: auto; }

.grid-item.width3 { width: 67%; }
.grid-item.height3 { height: auto; }





/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}





@font-face {
  font-family: 'OptimaLTStd';
  src: url('Fonts/OptimaLTStd.eot?#iefix') format('embedded-opentype'),  url('Fonts/OptimaLTStd.otf')  format('opentype'),
	     url('Fonts/OptimaLTStd.woff') format('woff'), url('Fonts/OptimaLTStd.ttf')  format('truetype'), url('Fonts/OptimaLTStd.svg#OptimaLTStd') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'OptimaLTStd-Bold';
  src: url('Fonts/OptimaLTStd-Bold.eot?#iefix') format('embedded-opentype'),  url('Fonts/OptimaLTStd-Bold.otf')  format('opentype'),
	     url('Fonts/OptimaLTStd-Bold.woff') format('woff'), url('Fonts/OptimaLTStd-Bold.ttf')  format('truetype'), url('Fonts/OptimaLTStd-Bold.svg#OptimaLTStd-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
