/*
=========================================================
BASE CSS
=========================================================
 * Innehåller grundläggande styling och förbättringar för
 * webbplatsen
 * 
 * Copyright (C) 2014 Limepark AB
=========================================================*/


/*
---------------------------------------------------------
FIXAR/FÖRBÄTTRINGAR
---------------------------------------------------------*/

/* Fast textstorlek vid rotation i iPhone */
body {
   -webkit-text-size-adjust: 100%;
}

/* Fix för att bilder ska skalas i nyhetsmoduler */
.sv-responsive .sv-archive-portlet img { 
   width: auto !important;
   height: auto !important;
   max-width: 100% !important;
}

/* Modulavstånd i innehållsytor (ej textmoduler) */
.pagecontent > .sv-portlet {
   margin-bottom: 10px; 
}

/* Ändrar rubriker i nyhetsmodul till blockelement */
.lp-news-listing.sv-archive-portlet h2.subheading a span {
   display: block; 
}

/* Fix för att spalterna ska ta plats även vid tom */
div[class^='sv-column-'] {
   min-height: 1px;
}

/* Responsiva iframes etc */
iframe, object, embed {
   border: medium none;
   max-width: 100%;
   overflow: hidden;
}

/* Rubriker i skripmoduler ska vara blockelement */
.sv-script-portlet h1.heading {
   display: block;
}

/*
---------------------------------------------------------
SIMPLE LINE ICONS WEBFONT
--------------------------------------------------------- */

@font-face {
   font-family: 'Simple-Line-Icons';
   src:url(#);
   src:url(#) format('embedded-opentype'),
      url('/webdav/files/system/fonts/vendor/SimpleLineIconsLP.woff') format('woff'),
      url('/webdav/files/system/fonts/vendor/SimpleLineIconsLP.ttf') format('truetype'),
      url('/webdav/files/system/fonts/vendor/SimpleLineIconsLP.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}


/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

body {
   margin: 0;
   background: #f5f4f1;
}

.lp-wrapper {
   margin: 0 auto;
   max-width: 1360px;
   background: #fffefe;
   border-left: 1px solid #d3d3d1;
   border-right: 1px solid #d3d3d1;
}

header {
}

body .lp-show-on-print-only, body .lp-show-on-print-only div {
   display: none !important; 
}

header .lp-logo img {
   height: auto !important;
   width: 350px !important; /* ändra till halva bildbredden för retinaupplösning */
   max-width: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
   margin:20px 0 0;
}

footer .lp-logo img {
   height: auto !important;
   width: 160px !important; /* ändra till halva bildbredden för retinaupplösning */
   max-width: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
   margin: 0 0 20px;
}

.lp-content, .lp-secondary-content, .lp-submenu {
   margin: 0 0 40px;
   word-wrap: break-word;
}

/*
.lp-content .pagecontent .sv-image-portlet {
   margin: 0 0 10px; 
}
*/

footer {
   padding:35px 0 20px;
   background: #fff;
   /* För färgsättning, se avsnittet Profilfärger */
}


/* Direktlänk till innehåll som visas vid tabbning */
a.skip {
   position: absolute;
   text-indent: -9999px;
   overflow: hidden;
}

a.skip:focus {
   display: block;
   position: static;
   overflow: visible;
   padding: 10px;
   background: #000;
   color: #fff;
   text-indent: inherit;
   text-align: center;
}

/* Skapa artikel-länkar */
a.sv-create-article-entry {
   display: block;
   padding: 5px 20px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   background-color: #900;
   color: #fff;
   text-align: center;
   text-decoration: none;
}

a.sv-create-article-entry:hover {
   background-color: #700;
}


/*
---------------------------------------------------------
INPUTFÄLT
--------------------------------------------------------- */

input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {
	color:#555;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline-style: none;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
select:hover,
textarea:hover {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9e9a9a;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
	/* För färgsättning, se avsnittet Profilfärger */
}

input[type="text"],
input[type="password"],
input[type="date"],
textarea {
	width: 64%;
	padding: 12px 3%;
}

select {
	width: 70%;
	padding: 12px 1% 12px 3%;
}

/* Skriver över SiteVision's inline style */
textarea {
	box-shadow: none;
}

textarea:focus {	
	outline-style: none;
	box-shadow: none;
}


/*
---------------------------------------------------------
KNAPPAR
--------------------------------------------------------- */

button,
input[type="submit"],
input[type="button"] {
	padding: 12px 30px;
	font-size: 13px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
   -webkit-appearance: none;
	/* För färgsättning, se avsnittet Profilfärger */
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	/* För färgsättning, se avsnittet Profilfärger */
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
	outline: none;
	/* För färgsättning, se avsnittet Profilfärger */
}


/*
---------------------------------------------------------
PUNKT-, NUMRERADE & LÄNKLISTOR
--------------------------------------------------------- */

.sv-text-portlet ul,
.sv-text-portlet ol {
   padding: 0 0 0 15px;
}

.sv-text-portlet li {
   padding: 5px 0 5px 5px;
}

.sv-text-portlet ul ul,
.sv-text-portlet ol ol {
   margin: 0 !important;
   padding: 0 0 0 30px;
}

.sv-text-portlet ol ol {
   list-style-type: circle;
}

.generated-list-name-Lanklista {
   padding: 0 !important;
   list-style: none !important;
}

.generated-list-name-Lanklista li {
   padding: 0;
}

.generated-list-name-Lanklista a {
   padding: 4px 0;
   color: #222 !important;
   text-decoration: none !important;
   display: block;
}

.generated-list-name-Lanklista a:hover {
   text-decoration: underline !important;
}

.generated-list-name-Lanklista a:before {
   margin: 0 20px 0 0;
   font-family: 'Simple-Line-Icons';
   content: "\e603";
   float: left;
}


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */
.sv-table-portlet caption.subheading {
   display: none !important;
   padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: #fafafa;
	border-top: 1px solid #e0e0e0;
}

.sv-table-portlet table {
	width: 100%;
	margin: 30px 0 40px;
	border-collapse: collapse;
  	border-spacing: 0;
   border: none !important;
}

.sv-table-portlet thead tr {
	background: #f8f8f7 !important;
	border-top: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;
}

.sv-table-portlet th {
	padding: 16px 25px !important;
   border-style: solid !important;
   border-color: #e0e0e0 !important;
   border-width: 1px !important;
   background-color: transparent !important;
   border-right: none !important;
   border-left: none !important
}

.sv-table-portlet th span {
	font-weight: bold;
}

.sv-table-portlet tbody tr {
	border-bottom: 1px solid #e0e0e0;
}

.sv-table-portlet tbody tr:nth-child(even) { 
	background-color: #fafafa;
}

.sv-table-portlet td {
	padding: 12px 25px !important;
	border-left: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;	
   border-style: solid !important;
   border-color: #e0e0e0 !important;
   border-width: 1px !important;
   background-color: transparent !important;
   border-right: none !important;
}

.sv-table-portlet td:first-child {
	border-left: none !important;	
}

/*
---------------------------------------------------------
SÖKRUTA SIDHUVUD 
--------------------------------------------------------- */

header .sv-searchform-portlet {
   position: relative;
   margin: 30px 0 0;
}

header .sv-searchform-portlet input[type="text"] {
   width: 100% !important;
   margin: 0;
   padding: 11px 0;
   font-size: 85.7%;
   font-style: italic;
   text-indent: 15px;
   vertical-align: middle;
}

header .sv-searchform-portlet input[type="image"] {
   width: 16px;
   position: absolute;
   right: 0px;
   top: 1px;
   padding: 13px;
}


/*
---------------------------------------------------------
VERTKTYGSMENY
---------------------------------------------------------*/

.lp-tools-menu {
   background: #f7f7f7;
   text-align: right;
}

.lp-tools-menu ul {
   max-width: 940px;
   margin: 0 auto;
   overflow: auto;
   list-style-type: none;
   padding: 0;
}

.lp-tools-menu li {
   display: inline-block;
   margin: 0 0 5px 10px;
   padding: 0;
}

.lp-tools-menu li > a {
   margin: 0 0 5px;
   padding: 5px 0 0;
   font-size: 12px;
   display: block;
   text-decoration: none;
}

.lp-tools-menu li > a.lp-current {
   font-weight: bold;
}

.lp-tools-menu li > a:hover {
   /* För färgsättning, se avsnittet Profilfärger */
}


/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

footer h2,
footer h3,
footer h3 a,
footer p.preamble {
   font-family: Georgia, serif !important;
}

footer h2 {
   margin: 0 !important;
   font-size: 32px !important;
   line-height: 40px !important;
}

footer h3,
footer p.preamble {
   margin: 0 0 10px !important;
}

footer h3:after {
   margin: 0 0 0 10px;
   font-family: 'Simple-Line-Icons';
   content: "\e603";
}

footer a {
   color: #222 !important;
   text-decoration: none !important;
}

footer a:hover {
  text-decoration: underline !important;
}

footer .sv-column-3 .sv-jcrmenu-portlet li {
   margin: 0 0 10px 0;
   display: block;
}

.lp-footer-contact-wrapper {
   margin: 12px 0 25px;
   padding: 12px 0;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background: #f4f4f4;
}

.lp-footer-contact-wrapper p {
   margin: 0 0 0 26px !important;
   font-size: 15px;
   font-weight: 600;
   line-height: 40px;
}

.lp-footer-contact-wrapper a {
   font-size: 15px !important;
   font-weight: 600 !important;
}

footer .lp-footer-phone p:before,
footer .lp-footer-mail p:before,
footer .lp-footer-map p:before,
footer .lp-footer-more-info p:before {
   margin: 0 10px 0 0;
   font-family: 'Simple-Line-Icons';
   font-size: 24px;
   font-weight: normal;
   color: #464646;
   vertical-align: middle;
}

footer .lp-footer-phone p:before {
   content: "\e048";
}

footer .lp-footer-mail p:before {
   content: "\e601";
}

footer .lp-footer-map p:before {
   content: "\e096";
}

footer .lp-footer-more-info p:before {
   content: "\e603";
}


/*
---------------------------------------------------------
RUBRIK I PUFFAR
--------------------------------------------------------- */

.lp-puff-headline {
   margin: 0 0 15px;
   border-bottom: 1px solid #ccc;
   position: relative;
}

.lp-puff-headline h2 {
   margin: 0 95px -1px 0 !important;
   padding: 11px 10px 6px 0;
   font-size: 16px;
   line-height: 22px;
   font-weight: 600;
/*   text-transform: uppercase;*/
   display: inline-block !important;
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-puff-headline p {
   margin: 0 !important;
}

.lp-puff-headline a {
   padding: 6px 10px 5px 15px;
   position: absolute;
   right: 0;
   bottom: -1px;
   color: #222 !important;
   font-size: 11px !important;
   font-weight: 600 !important;
/*   text-transform: uppercase;*/
   text-decoration: none !important;
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-puff-headline a:hover {
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-puff-headline a:focus {
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-puff-headline a:after {
   font-family: 'Simple-Line-Icons';
   padding: 0 0 0 10px;
   content: "\e603";
   font-size: 16px;
   font-weight: normal !important;
   float: right;
}

/* Fix om länken läggs in direkt i rubriken */
.lp-puff-headline h2 a {
   line-height: 22px;
}

/*
---------------------------------------------------------
PAGINERING
--------------------------------------------------------- */

.lp-pagination a {
   margin: 0 0 0 1px;
   padding: 5px 12px 2px;
   background: #f1f1ec;
   border-bottom: 5px solid #f1f1ec;
   text-decoration: none;
   display: inline-block;
}

.lp-pagination-current {
   font-weight: bold;
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-singel-square {
   max-width: 500px;
   margin: 150px auto 0;
   padding: 20px;
   background: #fff;
}

/*
---------------------------------------------------------
NYHETSMODULEN (Generellt)
--------------------------------------------------------- */
.sv-archive-portlet li.sv-channel-item {
	margin: 0 0 15px !important;
}


.sv-archive-portlet li.sv-channel-item .litenxtext {
	display: block;
	line-height: 16px;
}

.sv-archive-portlet h3.subsubheading {
	margin: 0 0 5px !important;
}

/*
---------------------------------------------------------
ARTIKELLISTNING
--------------------------------------------------------- */

/* Generellt */
.lp-article-list ul,
.lp-article-tag-list ul,
.lp-grouped-article-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Artikellista med två toppartiklar */
.lp-article-list {
	overflow: hidden;
}

.lp-article-list h2 {
	margin: 0 0 5px;
	display: block !important;
}

.lp-article-list h2 a {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	display: block;
}

.lp-article-list p {
	margin: 0 0 5px;
}

.lp-article-list .lp-article-list-item {
	width: 48%;
	margin: 0 0 30px;
	float: left;
} 

.lp-article-list .lp-article-list-item:nth-child(odd) {
	margin: 0 4% 30px 0;
	clear: both;
} 

.lp-article-big-list-item {
	margin: 0 0 40px;
}

.lp-article-big-list-item.lp-with-image {
   min-height: 140px;
   position: relative;
}

.lp-article-big-list-item.lp-with-image img {
	width: 140px;
	position: absolute;
	top: 0;
	left: 0;
}

.lp-article-big-list-item.lp-with-image h2 {
	margin: 0 0 5px 160px;
}

.lp-article-big-list-item h2 a {
	font-size: 20px;
}

.lp-article-big-list-item.lp-with-image p {
	margin: 0 0 5px 160px;
}

/* Filtrerad artikellista */
.lp-article-tag-list p {
	margin: 2px 0 20px;
}

.lp-article-tag-list ul {
	margin: 0 0 15px;
}

.lp-article-tag-list h3 {
	margin: 0;
}

.lp-article-tag-list h3 a {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	display: block;
}

.lp-article-tag-list .lp-article-list-item {
	margin: 0 0 15px;
}

.lp-article-tag-list .lp-article-list-item p {
	margin: 0;
}
	
/* Grupperad artikellista */

.lp-grouped-article-list ul {
	margin: 0 0 60px;
}

.lp-grouped-article-list li {
   padding: 15px 0 15px 10px;
	border-top: 1px solid #ccc;
}

.lp-grouped-article-list li:last-child {
	border-bottom: 1px solid #ccc;
}

.lp-grouped-article-list h2  {
	margin: 0 0 10px;
	display: block !important;
}

.lp-grouped-article-list h3  {
	margin: 0 0 5px;
}

.lp-grouped-article-list h3 a {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
}

.lp-grouped-article-list p  {
	margin: 0 0 5px;
}


/*
---------------------------------------------------------
SIDVERKTYG (Topp)
--------------------------------------------------------- */

.lp-toolbar-top {
   margin: 0 0 20px;
   padding: 12px 20px;
   background: #f8f8f7;
}

.lp-toolbar-top p.litenxtext, 
.lp-toolbar-top a.litenxtext,
.lp-toolbar-top p.litenxtext a, 
.lp-toolbar-top span.litenxtext {
   margin: 0 !important;
   line-height: 22px !important;
}

/* Icons */

.lp-toolbar-top a:before {
   padding: 0 6px 0 0;
   font-family: 'Simple-Line-Icons';
}

.lp-toolbar-top-listen a.rs_skip:before {
   content: "\e03d";
}

.lp-toolbar-top-contact a:before {
   content: "\e005";
}

.lp-toolbar-top-subscribe a:before {
   content: "\e01f";
}


/* Lyssna */

.rsbtn_powered { 
   display: none !important;
}

.sv-readspeaker_expandingplayer-portlet div.rsexpanded {
   height: 40px;
   margin: 5px -140px 0 -95px;
}


/* Prenumerera */

.lp-js .sv-simplesubscription-portlet {
   margin: 10px 0 0;
	padding: 15px 20px 20px;
	background: #fff;
	border: 1px solid #ccc;
   display: none;
}

.lp-js .sv-simplesubscription-portlet input[type="text"] {
   width: 50%;
   margin: 0 0 5px;
}

.lp-js .sv-simplesubscription-portlet input[type="submit"] {
   padding: 12px 4%;
}


/*
---------------------------------------------------------
KOMMENTERA
--------------------------------------------------------- */

.sv-comments-portlet {
	margin: 30px 0;
}

.sv-comments-portlet li {
	padding: 10px;
}

.sv-comments-portlet li:nth-child(odd) {
	background: #f8f8f7;
}

.sv-comments-portlet .preamble {
	font-size: 14px;
	font-weight: bold;
}

.sv-comments-portlet .preamble a {
	font-size: 14px;
}

.sv-comments-portlet form {
   margin: 30px 0 0;
   padding: 20px;
   background: #F8F8F7;
}

.sv-comments-portlet form label {
   font-size: 12px;
   font-weight: bold;
}

.sv-comments-portlet form input,
.sv-comments-portlet form textarea {
   margin: 2px 0 10px;
}

.sv-comments-portlet form label span {
   display: none;
}


/*
---------------------------------------------------------
SIDVERKTYG (Botten)
--------------------------------------------------------- */

.lp-toolbar-bottom {
   margin: 40px 0 0;
   padding: 15px 0 0;
   border-top: 1px solid #ccc;
}

.lp-toolbar-bottom p {
   margin: 0 !important;
   line-height: 30px;
}

.lp-toolbar-bottom .sv-horizontal-column {
   margin: 0 12px 0 0 !important;
   padding: 0 0 0 12px;
   background: no-repeat 0% 50% url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAMAAACUVSdlAAAABlBMVEXMzMwAAADTMzNkAAAAC0lEQVQI12NgwA4AABgAAU0HakgAAAAASUVORK5CYII=');
}

.lp-toolbar-bottom .sv-horizontal-column:first-child {
   padding: 0;
   background: none;
}

.lp-toolbar-bottom .addthis_toolbox {
   padding: 7px 0 0;
}

/*
---------------------------------------------------------
ÅTERKOPPLINGSFUNKTION
--------------------------------------------------------- */

.lp-js .lp-feedback .sv-form-portlet,
.lp-js .lp-feedback .sv-text-portlet {
  display: none;
}

.lp-feedback-buttons p {
   display: inline;
}

.lp-feedback-buttons button {
   padding: 3px 12px;
   font-size: 11px;
   font-weight: normal;
}

.lp-feedback-buttons button[disabled=disabled] {
   background: #eee;
   border: 1px solid #ccc;
   color: #bbb;
   font-style: italic;
   font-weight: normal;
}

.lp-feedback .sv-form-portlet,
.lp-feedback .sv-text-portlet {
   margin: 10px 0 0;
   padding: 15px 20px 20px;
   background: #F8F8F7;
   overflow: hidden;
}

.lp-feedback .sv-form-portlet label {
   font-size: 16px;
}

.lp-feedback .sv-form-portlet label span {
   display:none;
}

.lp-feedback .sv-form-portlet textarea {
   width: 94%;
   margin: 10px 0;
}

.lp-feedback .sv-form-portlet div,
.lp-feedback .sv-text-portlet p {
   margin: 0 !important;
}

.lp-feedback .sv-form-portlet span {
   font-size: 16px;
}

.lp-feedback .sv-form-portlet .sv-form-field-message span {
   font-size: 14px;
}

/*
---------------------------------------------------------
ARTIKELTAGGAR
--------------------------------------------------------- */
.lp-article-tags {
	margin: -10px 0 30px -5px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.lp-article-tags li {
	margin: 0 5px 5px;
	float: left;
}

.lp-article-tags a {
	padding: 2px 12px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #f1f1ec;
	display: block;
}

.lp-article-tags a:hover {
   background: #ddd;
}


/*
---------------------------------------------------------
ARTIKELTYP
--------------------------------------------------------- */
.lp-article-type p {
   margin: 0 0 5px !important;
   font-size: 11px;
   text-transform: uppercase;
}


/*
---------------------------------------------------------
BYLINE
--------------------------------------------------------- */

.lp-byline {
   margin: 20px 0;
   padding: 12px 20px;
   background: #F8F8F7;
}

.lp-byline p {
   margin: 0 !important;
   line-height: 20px;
}

.lp-byline p.litenxtext {
   margin: 6px 0 0 !important;
   padding: 2px 0 0;
}


/*
---------------------------------------------------------
RELATERAD KONTAKTINFORMATION
--------------------------------------------------------- */

.lp-rel-contact {
   margin: 30px 0;
}

.lp-rel-contact li,
.lp-rel-contact li a {
   font-size: 16px !important;
   line-height: 26px;
}

.lp-rel-contact-headline {
   font-weight: 600;
}

.lp-rel-contact-telephone:before,
.lp-rel-contact-map:before,
.lp-rel-contact-adress:before,
.lp-rel-contact-email:before {
   font-family: 'Simple-Line-Icons';
   padding: 0 10px 0 0;
}

.lp-rel-contact-telephone:before {
   content: "\e048";   
}

.lp-rel-contact-map:before,
.lp-rel-contact-adress:before {
   content: "\e096";   
}

.lp-rel-contact-email:before {
   content: "\e601";   
}

.extra_margin {
   margin-bottom:10px;   
}

/*
---------------------------------------------------------
TEMARUTA PÅ STARTSIDAN
--------------------------------------------------------- */

.lp-start-theme-box {
   min-height: 230px;
   position: relative;
}

.lp-start-theme-box > div {
   padding: 10px 0;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-start-theme-box-text h1 {
   margin: 0 0 10px !important;
   font-family: Georgia, serif;
   font-size: 32px;
   line-height: 36px;
}

.lp-start-theme-box-text h1,
.lp-start-theme-box-text p {
   color: #000;
}

.lp-start-theme-box-text p.normal a {
   color: #000; 
}

.lp-start-theme-box-links ul {
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
	/* Trans bg #222 50% */ background: repeat-y 0 0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEUlEQVQI12NQUlJqAGEGGAMAHjYDmexQ3XAAAAAASUVORK5CYII=');

}

.lp-start-theme-box-links li {
	margin: 15px 0 0;
	overflow: hidden;
   display: table;
}

.lp-start-theme-box-links li:first-child {
	margin: 0;
}

.lp-start-theme-box-links a {
	color: #fff;
	line-height: 18px;
	text-decoration: none;
	display: table-cell;
   vertical-align: middle;
}

.lp-start-theme-box-links a:hover {
   text-decoration: underline;
}


/*
---------------------------------------------------------
NYHETER PÅ STARTSIDAN
--------------------------------------------------------- */

.lp-start-news-list ul {
   width: 100%;
   margin: 0 0 10px;
   overflow: hidden;
}

.lp-start-news-list li {
   width: 48.93617021276595%;
   float: left;
}

.lp-start-news-list .sv-archive-portlet li.sv-channel-item {
   margin: 0 0 15px 2.127659574468085% !important;
}

.lp-start-news-list .sv-archive-portlet li.sv-channel-item:first-child {
   margin: 0 0 15px !important;
   clear: both;
}

.lp-start-news-list img {
   float: right;
   margin: 10px 0 25px 25px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

.lp-start-news-list h3 {
   margin: 0 !important;
}

.lp-start-news-list h3 a {
   text-decoration: none;
}

.lp-start-news-list h3 span {
   font: 18px/24px Georgia, serif;
}

.lp-start-news-list > div:first-child.sv-archive-portlet h3 span {
   font: 20px/24px Georgia, serif;
}

.lp-start-news-list h3 a span:hover {
   text-decoration: underline;
}


/*
---------------------------------------------------------
WEBBFRÅGA
--------------------------------------------------------- */

.lp-poll {
   list-style-type: none;
   margin: 20px 0;
   padding: 0;
   display: table;
}

.lp-poll li {
   display: table-cell;
   padding: 0 20px 0 0;
   vertical-align: bottom;
}

.lp-poll div {
   text-align: center;
}

.lp-poll div div {
   width: 60px;
   background: #c5d3d4;

}

.lp-poll div div span {
   color: #fff;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
}

.lp-poll a.normal, 
.lp-poll li > div > span.normal,
.lp-poll li > div > span {
   color: #222;
   font-size: 12px;
}


.lp-poll .lp-bar-1 {
   background: #e54509;
}

.lp-poll .lp-bar-2 {
   background: #ffcc00;
}

.lp-poll .lp-bar-3 {
   background: #c5d3d4;
}

.lp-poll .lp-bar-4 {
   background: #fbcacd;
}

.sv-poll-portlet > span {
   display: block; 
   padding: 5px 10px;
   background: #f6f6f6;
}


/*
---------------------------------------------------------
INGÅNGSSIDA: KURSER OCH KONFERENSER (LISTNING AV KALENDERHÄNDELSER)
--------------------------------------------------------- */

/* Sökning */

.lp-events form {
   padding: 20px;
   background: #f8f8f7;
   overflow: hidden;
}

.lp-events-filter {
   margin: 0 0 15px;
   overflow: hidden;
}

.lp-events-search-field {
   margin: 0 0 20px;
}

.lp-events-search-field label {
   font-size: 12px;
   line-height: 14px;
}

.lp-events-search-field input {
   width: 93%;
}

.lp-events-field  {
   width: 32%;
   margin: 0 0 0 2%;
   font-size: 12px;
   line-height: 14px;
   float: left;
}

.lp-events-search-field + .lp-events-field {
   margin: 0;
}

.lp-events-field label {
   margin: 0 0 4px;
   display: block;
}

.lp-events-field select {
   width: 98%;
   padding: 12px 4% 12px 5%;
   display: block;
}

.lp-events-field input[type="date"] {
   width: 90%;
   padding: 12px 4%;
   display: block;
}

.lp-events-broadcast-field {
   width: 50%;
   padding: 10px 0 0;
   float: left;
}

.lp-events-broadcast-field input[type="checkbox"] {
   margin: 0 5px 0 0;
   vertical-align: middle;
}

.lp-events-broadcast-field label {
   font-size: 12px;
   line-height: 14px;
   vertical-align: middle;
}

.lp-events form button {
   float: right;
}

/* Listning */
.lp-events-list,
.lp-events-metadata {
   margin: 0;
   padding: 0;
   list-style: none;
}

.lp-events-list > li {
   margin: 25px 0;
   padding: 0 0 25px;
   border-bottom: 1px solid #ccc;
   position: relative;
}

.lp-events-list a {
   display: block;
   text-decoration: none;
}

.lp-events-list > li > a,
.lp-events-list .lp-events-metadata {
   margin: 0 0 0 80px;
}

.lp-events-list .lp-article-tags {
   margin: 0 0 0 75px;
   padding: 15px 0 0;
}

.lp-events-list h2 {
   margin: 0 0 10px;
   line-height: 24px;
   display: block;
}

.lp-events-list p {
   margin: 0 0 10px;
}

.lp-calendar {
   width: 60px;
   position: absolute;
   top: 0;
   left: 0;
   text-align: center;
}

.lp-calendar-day,
.lp-calendar-weekday {
   font-weight: 600;
}

.lp-calendar-month,
.lp-calendar-weekday {
   text-transform: uppercase;
}

.lp-calendar-month {
   font-size: 24px;
   line-height: 24px;
}

.lp-calendar-day {
   font-size: 40px;
   line-height: 40px;
}

.lp-calendar-weekday {
   font-size: 12px;
   line-height: 18px; 
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-events-metadata li {
   margin: 0 0 5px;
   padding: 0;
   border: none;
}


/*
---------------------------------------------------------
KALENDERHÄNDELSE
--------------------------------------------------------- */

.lp-events-registration-link {
   margin: 15px 0;
   padding: 12px 30px;
   font-size: 13px;
   font-weight: bold;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   display: inline-block;
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-events-registration-link:hover {
   /* För färgsättning, se avsnittet Profilfärger */
}

.lp-events-registration-link:focus {
   outline: none;
   /* För färgsättning, se avsnittet Profilfärger */
}


/*
---------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------- */

/* Läsplatta */
@media (min-width:581px) and (max-width:960px) {
   .lp-top-menu li > a {
      min-height: 48px;
   }
}


/*
---------------------------------------------------------
PROFILFÄRGER
--------------------------------------------------------- */

/* Primärfärg */

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    border: 1px solid #339933;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.lp-events-registration-link:focus,
.lp-puff-headline a:focus {
   background: #339933;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.lp-events-registration-link:focus {
   border: 1px solid #339933;
}

.lp-tools-menu li > a:hover {
   color: #339933;
}

.lp-top-menu li > a.lp-current,
.lp-top-menu ul li > a:hover,
.lp-top-menu ul li > a:focus,
.lp-menu .lp-level-1 > li > a,
.lp-menu .lp-origin-level-1 > a,
.lp-puff-headline h2,
.lp-singel-square {
   border-bottom: 4px solid #339933;
}

.lp-pagination a.lp-pagination-current,
.lp-calendar-weekday {
   border-bottom: 5px solid #339933;
}

.lp-menu button:hover:before {
   color: #339933 !important;
}

.lp-start-theme-box > div {
   background: #339933;
   background: rgba(255,255,255, 0.6);
}

footer {
   border-top: 6px solid #339933;
}


/* Sekundärfärg */

button,
input[type="submit"],
input[type="button"],
.lp-events-registration-link,
.lp-puff-headline a {
   background: #c4d3d4;
}

@media (max-width:580px) {
   .lp-mobile-nav {
      background: #c4d3d4;
   }
}

button,
input[type="submit"],
input[type="button"],
.lp-events-registration-link {
   border: 1px solid #c4d3d4;
}


/* Sekundärfärg nyans ljusare */

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.lp-events-registration-link:hover,
.lp-puff-headline a:hover,
.lp-mobile-nav .lp-mobile-nav-menu-button:active {
   background: #dce5e5;
}

@media (max-width:580px) {
   .lp-mobile-nav .sv-searchform-portlet input[type="text"] {
      background: #dce5e5;
   }
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.lp-events-registration-link:hover {
   border: 1px solid #dce5e5;
}

.lp-mobile-nav .lp-mobile-nav-menu-button {
   border-right: 1px solid #dce5e5;
}

/*
---------------------------------------------------------
PERSONLISTNING
--------------------------------------------------------- */

/* Gemensamt */

.lp-personlist .sv-image-portlet {
   width: 84px;
}

.lp-personlist .sv-text-portlet > div {
   margin: 0 0 0 10px;
}

/* Tvåspalt */

.lp-personlist.sv-row  {
   display: block;
   width: auto;
   margin: 0;
}

.lp-personlist.sv-row .sv-column-4 {
   display: table;
   margin: 0 0 10px;
}

.lp-personlist .sv-column-4 .sv-image-portlet,
.lp-personlist .sv-column-4 .sv-text-portlet {
   display: table-cell;
   vertical-align: top;
}

/* Enspalt (i layout) */

.lp-personlist {
   display: table;
   width: 100%;
   margin: 0 0 10px;
}

.lp-personlist > .sv-image-portlet,
.lp-personlist > .sv-text-portlet {
   display: table-cell;
   vertical-align: top;
}