/* Skapad av Nordblom Media AB */

.absolut-bild-horn {
   position: absolut; 
   top: -60px; 
   right: 0px;
}




.lankar a {
    color: #01b2bb;
    text-decoration: none;
}

a:focus {
	text-decoration: underline;
}

/* Avfallsguiden */

.div_scroll {
    width: 100%;
    max-height: 600px;
    overflow-x: auto;
}

.rensa {
   float: right;
   font-style: normal;
}   

#input_avfall {
	background-image: url('https://www.w3schools.com/css/searchicon.png');
	background-position: 10px 12px; 
	background-repeat: no-repeat; 
	width: calc(100% - 60px); 
	padding: 12px 20px 12px 40px; 
	border: 1px solid #ddd; 
	margin-bottom: 10px; 		
	font-family: madras_regularregular, sans-serif;
	font-size: 14px;
}

#tabell {		
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#tabell li {
	/*border: 1px solid #ddd;*/
	margin-top: 5px; 
	background-color: #f9f9f9; 
	padding: 8px; 
	text-decoration: none; 
	font-size: 18px; 
	display: block; 
}
		
		


#tabell li h5 {

	text-decoration: none;
	font-size: 16px; 
	color: #333333;
	font-family: madrasbold, sans-serif;
	margin: 0;

}
		
.alfabet {
	margin-bottom: 20px;
}

.alfabet a {
	font-family: madrasblack, sans-serif;
	color: #01b2bb;
	text-decoration: none;
	margin-right: 8px;
   font-size: 14px;
}

		
#tabell li p {
	margin: 0;
   font-size: 14px;
}
		
#tabell li p span {
	text-decoration: underline;

}	
		
#antal_resultat {
	font-size: 12px;
	font-style: italic;
}



/* ---- */


.ipadress, .dagensdatum {
   display: none;
   height: 0;
   width: 0;
   opacity: 0;
}

.ipadress2 {
   display: none;
   height: 0;
   width: 0;
   opacity: 0;
}


:target:before {
	content: "";
   display: block;
   height: 94px;
   margin: -50px 0 0;
}

.bakgrundsbild_holder {		
      overflow: hidden;
		position: relative;

	}

	.bakgrundsbild_holder img {
		max-width: 100%;
      max-height: 100%;
		position: relative;
	}
	
	.bakgrundsbild_holder .sv-row {
    bottom: 0;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    width: 940px;

	}

.bakgrundsbild_holder > .sv-row .sv-text-portlet {
    display: table-cell;
    vertical-align: middle;
   float: none;
}
.bakgrundsbild_holder > .sv-row > .sv-layout {
    display: table !important; 
}


.bakgrundsbild_holder .sv-row .sv-text-portlet {
    display: table-cell;
    vertical-align: middle;
   float: none;
}
.bakgrundsbild_holder .sv-row .sv-layout {
    display: table !important; 
}


	@media (max-width: 1200px) {
	
		.bakgrundsbild_holder .sv-row {
			
         font-size: 90%;

		}		
	
	}

	@media (max-width: 960px) {
	
		.bakgrundsbild_holder .sv-row {
         
			width: -moz-calc(100% - 30px);
			width: -webkit-calc(100% - 30px);
			width: -o-calc(100% - 30px);
			width: calc(100% - 30px);
         
         
         font-size: 90%;

		}		
	
	}

	@media (max-width: 768px) {
	 
		.bakgrundsbild_holder .sv-row {
         font-size: 80%;
      }      
      	
	}

	@media (max-width: 480px) {
	 
		.bakgrundsbild_holder .sv-row {
         font-size: 70%;
      }      
      	
	}







.puffbox1 {
   background-size: cover;
}




textarea:focus,
input:focus {
    outline: none;
}
.sv-field-title-container {
    height: 0;
    margin: 0;
   display: none;
}



input[type="text"] + label {
    display: none;
}




table.sv-standard th {
    vertical-align: top;
}
.sv-text-portlet table.sv-standard th p {
    /*font-family: madrasextra_bold,sans-serif;*/
    
    font-weight: bold;
}
table.sv-standard thead {
    border-bottom: 2px solid #01b2bb;
}
table.sv-standard th {
    padding: 0 0 14px 0 !important;
}
table.sv-standard tbody:before {
    content: "-";
    display: block;
    line-height: 14px;
    color: transparent;
}
.sv-row p:not(:last-of-type) {
    margin-top: 0;
    margin-bottom: 20px;
}
.sv-row p:last-of-type {
    margin-top: 0;
    margin-bottom: 0;
}
h1 {
    margin: 0;
}
h2,
h3,
h4,
h5 {
    margin-top: 0px;
    margin-bottom: 20px;
}
.parallax-bild {
    background-color: #e5e5e5;
    padding-top: 180px;
    padding-bottom: 160px;
}
.platta-rubrik {
    padding-top: 60px;
    padding-left: 70px;
}
.platta-content {
    padding-bottom: 60px;
    padding-left: 70px;
}
@media only screen and (max-width: 940px) {
    .platta-rubrik {
        padding: 40px 15px 0 15px;
    }
    .platta-content {
        padding: 0 15px 40px 15px;
    }
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #444;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #f2f2f2;
}
/* Firefox < 19 */

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #444;
    opacity: 1;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: #f2f2f2;
    opacity: 1;
}
/* Firefox > 19 */

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #444;
    opacity: 1;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: #f2f2f2;
    opacity: 1;
}
/* Internet Explorer 10 */

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #444;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: #f2f2f2;
}
/* Standard radavstånd 
.no-row-padding {
   padding-top: 0;
   padding-bottom: 0;    
}

.no-row-padding-bottom {
   padding-top: 60px;
   padding-bottom: 0;    
}

.no-row-padding-top {
   padding-top: 0;
   padding-bottom: 60px;    
}


.sv-grid-940-full .sv-row:not(.no-row-padding):not(.no-row-padding-bottom):not(.no-row-padding-top) {
   padding-top: 60px;
   padding-bottom: 60px;   
}	


.fullgrid-spalt-padding {
   padding-top: 60px;
   padding-bottom: 60px;    
   padding-left: 80px;
}

*/

.row-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}
.row-padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media only screen and (max-width: 940px) {
    .row-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .row-padding-30 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 480px) {
    .row-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .row-padding-30 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
/* --- BLIXT --- */

.blixt_box {
    background: url(/images/18.a20b9cc15be32842c4188/1494216866757/blixt_turkos.png) no-repeat;
    background-size: cover;
    width: 221px;
    height: 143px;
    line-height: 130px;
    text-align: center;
    margin-top: 5px;
}
.blixt_box p {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 14px;
    color: #fff;
    padding: 0 35px;
    font-family: madrasextra_bold, sans-serif;
    font-weight: bold;
    letter-spacing: 0.02em;
}
.blixt_box p a,
.blixt_box p a:active,
.blixt_box p a:visited {
    color: #fff;
}
.blixt_box p a:hover {
    color: #333;
}
.blixt_box p a:after {
    content: url("/images/18.a20b9cc15be32842c468f/1494826781720/pil_mini_vit.png");
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
}
.blixt_box p a:hover:after {
    content: url("/images/18.a20b9cc15be32842c468e/1494826694545/pil_mini_svart.png");
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
}
/* --- LÄS MER --- */

.lasmer_skugga {
    max-height: 80px;
    position: relative;
    overflow: hidden;
    top: 0;
}
.lasmer_skugga:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 80%);
    pointer-events: none;
    /* so the text is still selectable */
}
.lasmer_rubrik p:before,
.lasmer_ikon_plus p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f055";
    display: inline-block;
    padding-right: 12px;
    vertical-align: top;
    font-size: 80%;
    color: #01b2bb;
}
.lasmer_ikon_minus p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f056";
    display: inline-block;
    padding-right: 12px;
    vertical-align: top;
    font-size: 80%;
    color: #01b2bb;
}
.lasmer_rubrik p {
    display: block;
    color: #333;
    border-radius: 0;
    cursor: pointer;
    font-family: madrasblack, sans-serif;
    font-size: 36px;
    letter-spacing: 0.02em;
    line-height: 24px;
    margin: 5px 0;
}
.lasmer_rubrik p:hover {
    color: #01b2bb;
}
.lasmer_content {
    margin-top: 20px;
}
/* --- LOGO --- */

.header_logo {
    width: 75px;
    height: 78px;
}
/* --- FORMULÄR --- */

.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
    background-color: #fff;
    padding: 0.75rem 1rem;
    color: #333;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    box-shadow: none;
    height: auto;

}
.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme textarea:focus,
.sv-defaultFormTheme select:focus {
    outline: 0;
    box-shadow: none;
}
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
    background-color: #01b2bb;
    border: 0;
    color: #f8f9fa;
    width: 100%;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.75rem 1rem;
    font-family: madrasextra_bold,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: inherit;
    letter-spacing: .02em;
}
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=button]:active,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type=reset]:active {
    background-color: #57b6be;
    color: #f8f9fa;
    box-shadow: none;
    border: 0;
}
.sv-field-title-container {
    margin: 5px 0;
}
.sv-formFieldRow {
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
	.sv-defaultFormTheme input[type=text],
	.sv-defaultFormTheme input[type=email],
	.sv-defaultFormTheme input[type=url],
	.sv-defaultFormTheme input[type=tel],
	.sv-defaultFormTheme input[type=number],
	.sv-defaultFormTheme textarea,
	.sv-defaultFormTheme select {
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
   
	}
}
/* --- BILDSPEL --- */

.sv-carousel__dots {
    bottom: 65px;

}
.sv-carousel__dot {
    background-color: #ffffff;
    border: 0;
    margin: 0 4px 0 0;
    width: 8px;
    height: 8px;
}
.sv-carousel__dot.sv-carousel__dot--active,
.sv-carousel__dot:hover {
    background-color: #01b2bb;
}
.sv-carousel__navbtn-prev {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    background: url("/images/18.a20b9cc15be32842c468c/1494826297274/pil_mega_vit_left.png") no-repeat;
    left: 30px;
}
.sv-carousel__navbtn-next {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    background: url("/images/18.a20b9cc15be32842c468d/1494826297310/pil_mega_vit_right.png") no-repeat;
    right: 30px;
}
.sv-carousel__navbtn-next:after,
.sv-carousel__navbtn-prev:after {
    border: 0;
    left: 0;
}
.sv-imgslideshow-item__description-wrapper {
    top: 30%;
    text-align: left;
}
.sv-imgslideshow-item__description {
    background-color: transparent;
}
.bildspel_lank {
    font-family: madrasblack, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 150%;
    color: #333333;
    line-height: 1.375;
    letter-spacing: 0.02em;
}
.bildspel_lank:hover {
    color: #01b2bb;
}
.bildspel_lank:after {
    /*content: url("/images/18.a20b9cc15be32842c463c/1494762865744/pil_stor_vit.png");*/
    
    content: url(/images/18.a20b9cc15be32842c463b/1494762732648/pil_stor.png);
    display: inline-block;
    padding-left: 12px;
    vertical-align: text-top;
}
.bildspel_lank:hover:after {
    content: url("/images/18.a20b9cc15be32842c46fb/1494838597681/pil_stor_turkos.png");
    display: inline-block;
    padding-left: 12px;
    vertical-align: text-top;
}
.vit {
    color: #fff;
}
/* --- Streck Horisontellt---- */

hr {
    height: 1px;
    border-width: 0;
    vertical-align: middle;
}
/* --- Dragspel---- */

.dragspel_content {
    margin-bottom: 35px;
   /* margin-top: 30px; */
}
.hide1 {
    overflow: hidden;
    display: none;
}
/*
.dragspel_content p:first-of-type {
   margin: 0 0 0 0;
}
*/

.dragspel_rubrik p:before,
.ikon_plus p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f055";
    display: inline-block;
    padding-right: 12px;
    vertical-align: top;
    font-size: 110%;
}
.ikon_minus p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f056";
    display: inline-block;
    padding-right: 12px;
    vertical-align: top;
    font-size: 110%;
}
.sv-row .dragspel_rubrik p {
    display: block;
    background: #01b2bb;
    color: #fff;
    padding: 6px 12px;
    transition: background .3s ease;
    cursor: pointer;
    font-family: madrasextra_bold, sans-serif;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 24px;
    border-radius: 3px;
    margin-bottom: 30px;
    margin-top: 5px;
}
.dragspel_rubrik p:hover {
    background: #01b2bb;
}
/* --- Punktlista --- */

.sv-list-style-turkos,
.sv-list-style-vit {
    padding: 0;
}
.sv-list-style-turkos li {
    color: #333333;
    list-style-type: none;
    line-height: 1.571em;
    list-style-position: inside;
    padding: 5px 0 5px 13px;
    text-indent: -1em;
}
.sv-list-style-turkos li:before {
    content: '\2022 ';
    color: #01b2bb;
    padding-right: 5px;
    font-size: 150%;
    vertical-align: top;
}
.sv-list-style-vit li {
    color: #fff;
    list-style-type: none;
    line-height: 1.571em;
    list-style-position: inside;
    padding: 5px 0 5px 13px;
    text-indent: -1em;
}
.sv-list-style-vit li:before {
    content: '\2022 ';
    color: #fff;
    padding-right: 5px;
    font-size: 150%;
}
/* --- MENY --- */

.nav-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 96px;
    z-index: 100;
}
.nav1 {
    position: relative;
    color: #333;
    width: 100%;
    left: 20px;
    top: 20px;
}
.nav1 a {
    text-decoration: none;
    color: #333;
}
.nav1 ul.menu1 {
    width: 100%;
    position: relative;
    text-align: left;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
.nav1 ul.menu1 li {
    float: left;
}
.nav1 a.menu1 {
    text-transform: uppercase;
    font-family: madrasextra_bold, sans-serif;
    font-size: 16px;
    padding: 0 20px 0 0;
}
.nav1 a.menu1:hover,
.nav1 a.menu2:hover {
    color: #01b2bb;
}
.nav1 ul.menu2 {
    display: block;
    position: absolute;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    padding-top: 2px;
    left: 91px;
}
.nav1 a.menu2 {
    text-decoration: none;
    font-family: madrasblack, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    text-align: left;
}
.nav1 ul.menu3 {
    width: 140px;
}
.nav1 ul.menu3 li {
    clear: both;
}
.nav1 .active {
    color: #01b2bb;
}
.dropdown {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    text-align: left;
    cursor: pointer;
}
.dropdown-content {
    /*padding-top: 4px;*/
    
    display: none;
    position: absolute;
    min-width: 140px;
    z-index: 3;
}
.dropdown-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 0 170px;
    border-color: transparent transparent transparent #01b2bb;
}
.nav1 ul.menu3 {
    display: block;
    position: absolute;
    left: 0;
    list-style-type: none;
    margin-left: 0;
    background-color: #01b2bb;
    padding: 12px 15px;
}
.nav1 a.menu3 {
    color: #fff;
    text-decoration: none;
    line-height: 26px;
    font-family: madrasblack, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-align: left;
}
.nav1 a.menu3:hover {
    text-decoration: underline;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.mina_sidor,
.mina_sidor:visited,
.mina_sidor:active {
    position: relative;
    color: #333;
    font-family: madrasblack, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    display: flex;
    top: 16px;
    float: right;
    z-index: 4;
    text-decoration: none;
    margin-right: 30px;
}
.mina_sidor:after {
    position: relative;
    content: url('/images/18.7b19c7015b847aed2559/1492604561474/ikon_mina_sidor.png');
    margin-left: 10px;
    display: flex;
    margin-top: -1px;
}
.mina_sidor:hover {
    text-decoration: none;
    color: #01b2bb;
}
.sok,
.sok:visited,
.sok:active {
    position: relative;
    color: #333;
    font-family: madrasblack, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    display: flex;
    top: 18px;
    float: right;
    z-index: 4;
    text-decoration: none;
}
.sok:after {
    position: relative;
    content: url('/images/18.7b19c7015b847aed255a/1492604561519/ikon_sok.png');
    margin-left: 10px;
    display: flex;
    margin-top: -1px;
}
.sok:hover {
    text-decoration: none;
    color: #01b2bb;
}
.sok_active {
    position: relative;
    color: #333;
    float: right;
    z-index: 5;
    display: none;
    top: 12px;
}
.sok_input {
    background-color: #f2f2f2;
    padding: 6px 10px;
    color: #333;
    font-family: madrasbold, sans-serif;
    font-style: normal;
    font-size: 12px;
    border: 0;
    border-radius: 3px;
    width: 200px;
    height: 15px;
}
.sok_close {
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
}
/* --- PUFFAR --- */

.puffbox1 {
    padding: 30px 30px;
    position: relative;
}
.puffbox1_malgrupp {
    background-color: #FFF;
    padding: 4px 6px;
    border-radius: 3px;
    display: inline;
    color: #333;
    text-decoration: none;
    font-family: madrasblack, sans-serif;
    font-size: 12px;
    text-align: left;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.puffbox1_rubrik {
    padding-top: 15px;
    text-decoration: none;
    font-family: madrasblack, sans-serif;
    font-size: 30px;
    line-height: 40px;
    text-align: left;
    letter-spacing: 0.02em;
}
.puffbox1_lank {
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-decoration: none;
    font-family: madrasextra_bold, sans-serif;
    font-size: 20px;
    text-align: left;
    letter-spacing: 0.02em;
}
.puffbox1_href {
    text-decoration: none;
    cursor: pointer;
}
.puffbox1_lank:after {
    content: url("/images/18.a20b9cc15be32842c468f/1494826781720/pil_mini_vit.png");
    display: inline-block;
    padding-left: 8px;
}
.puffbox1:hover .puffbox1_lank {
    color: #333;
}
.puffbox1:hover .puffbox1_lank:after {
    content: url("/images/18.a20b9cc15be32842c468e/1494826694545/pil_mini_svart.png");
    display: inline-block;
    padding-left: 8px;
}
/* --- MENY MOBIL ---*/

:focus {
    outline: none;
}
.navbar-toggle {
    position: absolute;
    padding: 10px 8px;
    top: 14px;
    right: 15px;
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
/*footer {
    position: absolute;
    bottom: 0px;
}*/
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
    .nav-container {
        border-bottom: 0;
        height: 96px;
    }
    .content-layout {
        /*padding-top: 96px; */
    }
     .navbar-right {
		float: right;
	}
}
@media (max-width: 768px) {
    .content-layout {
        /* padding-top: 62px; */
    }
    .collapsed {
        display: none;
        transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-duration: .2s;
        -moz-transition-duration: .2s;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
    }
    .collapsed.in {
        display: block;
    }
    .navbar-toggle {
        background-color: #01b2bb;
        display: block;
    }
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-collapse {
        top: 12px!important;
        min-height: auto;
        left:0px
    }
     .sok,
    .sok:visited,
    .sok:active,
    .mina_sidor,
    .mina_sidor:visited, 
    .mina_sidor:active {
        display: inline-block;
        min-width: 60px;
        float: none;
        top: 0;
    }
    .nav-container {
        border-bottom: 0;
        height: 62px;
    }
    .header_logo {
        width: 50px;
        height: 52px;
    }
    .menu2 .dropdown-content {
        display: none!important;
    }



	.navbar-menu {
	   margin-top: 0;
    	margin-left: 0;
    	margin-right: 0;
    	background-color: #fff;
	}
 
    .nav1 ul.menu1 {} .nav1 ul.menu1 > li {
        float: none;
        display: inline-block;
    }
    .nav1 ul.menu2 > li {
        float: none;
        display: block;
        margin-top: 5px;
    }
     .nav1 ul.menu1 {
		padding-left:20px;
	}
    .nav1 ul.menu2 {
        left: 0px;
        top: 32px;
        border-top: 1px solid #82d1d6;
        width: 100%;
        padding-bottom: 8px;
        padding-top: 5px;
        padding-left:30px;
    }
    .sv-searchform-portlet {
		 margin-left: -15px;
        margin-right: -15px;
        background-color: #ccc;
        
	}
    .mina_sidor:after,
    .sok:after {
        display: inline-block;
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 18px;
        line-height: 18px;
    }
    .sok:after {
        content: "\f002";
    }
    .mina_sidor:after {
        content: "\f007";
        font-size: 20px;
    }
    .navbar-right {
        padding-left: 25px;
        position: relative;
        text-align: left;
        background-color: #01b2bb;
        padding-bottom: 12px;
        padding-top: 12px;
         margin-left: -15px;
        margin-right: -15px;
        border-top: 1px solid #82d1d6;
        float: none;
    }
    .nav1 a {
        color: #fff;
    }
    .nav1 .active {
        color: #333;
    }
    .sok,
    .sok:visited,
    .sok:active,
    .mina_sidor,
    .mina_sidor:visited,
    .mina_sidor:active {
        color: #fff;
    }
    .nav1 a.menu1:hover,
    .nav1 a.menu2:hover,
    .mina_sidor:hover,
    .sok:hover {
        color: #333;
    }
    .sok_active {
        float: none;
        top: 0!important;
        padding: 12px 0;
    }
    .sv-grid-940-full {
        width: 100%!important;
    }
}
@media (max-width: 480px) {
    .nav1 a.menu1 {
        font-size: 12px;
        font-family: madrasblack, sans-serif;
    }
    .nav1 ul.menu2 {
        top: 30px;
    }
}
/* --- Viktiga puffar 2 på startsidan --- */

.bg-blue {
    background-color: #01b2bb;
}
.sv-custom-layout {
    position: relative;
}
.triangle {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 0 25px 224px;
    height: 0;
    width: 0;
    position: relative;
    content: " ";
    left: 0;
    top: 0;
    z-index: 10;
    margin-top: -50px;
}
.triangle2 {
    background-color: #fff;
    height: 25px;
    width: 100%;
    z-index: 10;
    position: relative;
    content: " ";
    margin: 0;
}
@media (max-width: 960px) {
    .triangle {
        display: none;
    }
    .triangle2 {
        margin-top: 15px;
    }
}
@media (max-width: 992px) {
    .sv-custom-layout {
        width: 48.93617021276595%!important;
        position: relative!important;
    }
    .sv-custom-layout3 {
        margin-left: 0!important;
    }
    .sv-custom-layout3,
    .sv-custom-layout4 {
        margin-top: 80px;
    }
    .sv-custom-layout:first-child {
        margin-top: 30px;
    }
    .sv-custom-layout:last-child {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .sv-custom-layout {
        width: 48.93617021276595%!important;
        position: relative!important;
        margin-top: 80px;
    }
}


/* Google Maps Responsive */
.google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

/* Youtube repsonsive */
.embed-container { 
   position: relative; 
   padding-bottom: 56.25%; 
   height: 0; 
   overflow: hidden; 
   max-width: 100%;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
}


/* Utskrift */

@media print {
  * {
    float: none !important;
    position: static !important;
    text-align: left !important;
    margin: 0;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
    background: none !important;
     font-family: 'madras_regularregular' !important;
  }
  *:before, *:after {
    display: none !important;
  }

  p {
    font-size: 9pt !important;
    color: #666666 !important;
    margin: 0.8em 0 !important;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 1.2em 0 0.8em !important;
    color: #01b2bb !important;
  }

  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    color: #01b2bb !important;
    font-weight: 300 !important;
  }

  h1 {
    font-size: 24pt !important;
    line-height: 22pt !important;
    font-weight: 600 !important;
  }

  h2 {
    font-size: 19pt !important;
    line-height: 19pt !important;
    font-weight: 300 !important;
  }

  h3 {
    font-size: 17pt !important;
    line-height: 17pt !important;
  }

  h4 {
    font-size: 15pt !important;
    line-height: 15pt !important;
  }

  h5 {
    font-size: 13pt !important;
    line-height: 13pt !important;
  }

  h6 {
    font-size: 11pt !important;
    line-height: 11pt !important;
  }

  img, form {
    display: none !important;
  }

  #snapWrap, #g-recaptcha, .embed-container {
    display: none !important;
  }

  * {
    margin: 0 !important;
    color: #333333 !important;
  }

  .bakgrundsbild_holder {
    border-bottom: #cccccc 1px solid;
  }

  .sv-grid-940-full.sv-fluid-grid {
    border-bottom: #cccccc 1px solid;
    padding-bottom: 15pt !important;
  }
  .sv-grid-940-full.sv-fluid-grid .c23, .sv-grid-940-full.sv-fluid-grid .c27 {
    border-top: #cccccc 1px solid;
    padding-top: 15pt !important;
    margin-top: 15pt !important;
  }
  .sv-grid-940-full.sv-fluid-grid .c23 .sv-skip-spacer, .sv-grid-940-full.sv-fluid-grid .c27 .sv-skip-spacer {
    margin-bottom: 15pt !important;
  }
  .sv-grid-940-full.sv-fluid-grid .c23 .sv-skip-spacer .puffbox1_malgrupp, .sv-grid-940-full.sv-fluid-grid .c27 .sv-skip-spacer .puffbox1_malgrupp {
    font-size: 9pt !important;
    font-weight: 600;
  }
  .sv-grid-940-full.sv-fluid-grid .c23 .sv-skip-spacer .puffbox1_rubrik, .sv-grid-940-full.sv-fluid-grid .c27 .sv-skip-spacer .puffbox1_rubrik {
    line-height: 7px !important;
  }

  .sv-row .sv-column-4 .sv-use-margins {
    display: none;
  }

  table thead {
    border-bottom: 2px solid #01b2bb;
  }

  table.sv-standard th {
    padding: 5px !important;
  }

  table thead {
    border-bottom: 0 !important;
  }
  table thead th {
    border: #cccccc 1px solid;
    padding: 10px !important;
  }
  table tr td {
    border: #cccccc 1px solid;
    padding: 5pt !important;
  }

  .sv-vertical .dragspel_content.hide1 {
    display: block !important;
  }
  .sv-vertical .dragspel_content.hide1 img {
    display: block !important;
    max-width: 4cm !important;
  }
  .sv-vertical .dragspel_rubrik p, .sv-vertical .dragspel_rubrik p strong {
    color: #01b2bb !important;
    font-size: 14pt !important;
    font-weight: 300 !important;
    font-style: italic;
    text-decoration: underline;
  }

  .lasmer_skugga {
    position: static !important;
    overflow: visible !important;
    max-height: 255px !important;
  }

  .lasmer_rubrik p {
    color: #01b2bb !important;
    font-size: 14pt !important;
    font-weight: 300 !important;
    font-style: italic;
    text-decoration: underline;
  }

  .blixt_box {
    line-height: normal !important;
  }

  form input, form textarea {
    border: #e6e6e6 1px solid !important;
    width: 100% !important;
    height: 20pt !important;
    margin-bottom: 3pt !important;
    padding: 10pt 5pt !important;
  }
  form textarea {
    height: 100pt !important;
  }
  form input[type="submit"] {
    border: 0 !important;
    padding: 0 !important;
  }
}

/* Nästa sophämtningsdatum */
.pickup-search-suggestions{
    position:relative
}
.pickup-search-suggestions.loading .loader{
    display:block
}
.pickup-search-suggestions.found .pickup-search-suggestions-list{
    display:block
}
.pickup-search-suggestions-input{
    background:url(https://www.w3schools.com/css/searchicon.png) no-repeat 10px 12px;
    width:calc(100% - 60px);
    padding:12px 20px 12px 40px;
    border:2px solid #01b2bb;
    margin-bottom:10px;
    font-family:madras_regularregular,sans-serif;
    font-size:14px
}
.pickup-search-suggestions-list{
    display:none;
    list-style:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    margin:-10px 0 0;
    padding:0;
    max-height:300px;
    background:white;
    border-left:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
    overflow:auto
}
.pickup-search-suggestions-list li{
    display:block;
    margin:0;
    padding:8px 10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    -moz-transition:background 300ms;
    -o-transition:background 300ms;
    -webkit-transition:background 300ms;
    transition:background 300ms
}
.pickup-search-suggestions-list li:hover{
    background:rgba(128,128,128,0.1)
}
.pickup-search-suggestions .loader{
    display:none;
    position:absolute;
    margin:-10px 0 0;
    top:100%;
    right:0;
    left:0;
    padding:8px 10px;
    background:white;
    border:1px solid rgba(0,0,0,0.1);
    border-top:none
}
.pickup-search-suggestions-results{
    overflow:auto
}
.pickup-search-suggestions-results table{
    width:100%;
    border-collapse:collapse
}
.pickup-search-suggestions-results table caption{
    padding:4px 6px 8px;
    border-bottom:1px solid rgba(128,128,128,0.1);
    text-align:left;
    font-size:1.1em
}
.pickup-search-suggestions-results table th,.pickup-search-suggestions-results table td{
    padding:6px;
    border-bottom:1px solid rgba(128,128,128,0.1);
    text-align:left
}


/* FAQ sökruta */
#ufxd-faq-search {
	background-image: url('https://www.w3schools.com/css/searchicon.png');
	background-position: 10px 12px; 
	background-repeat: no-repeat; 
	width: calc(100% - 60px); 
	padding: 12px 20px 12px 40px; 
	border: 2px solid #01b2bb; 
	margin-bottom: 10px; 		
	font-family: madras_regularregular, sans-serif;
	font-size: 14px;
}



/* Startsida Solpaneler */
.box-set {
    background: rgba(255,255,255,.8);
    text-align: center;
    padding: 40px 20px 25px 20px;
    width: 240px;
    position: absolute;
    top: 150px;
    right: 213px;
    height: 130px;
    
}


.btn-set
{
    background: #00babf;
    color: #fff;
    padding: 10px 10px;
    display: block;
    opacity: 1 !important;
    font-weight: 600;
}


.sol-heading
{
	max-width: 230px;
    font-size: 24px;
font-family: madrasblack,sans-serif;
      font-weight: bold;
      color: #000; 
      text-align: left;
}

   .box-img 
      {
       margin-top: -87px;
      }

      .box-img img
      {
          height:90px;
      width:90px; 
      }


@media screen and (max-width:850px)
{
	.box-set
	{
		display: none;
	}
}


/* Responsive bild för formulär */
.sv-formField img {
  width: 100%;
  height: auto;
}





/* Ny rubrik-design 2020-06-24 */
.bakgrundsbild_holder2 {		
	overflow: hidden;
	position: relative;
}

	
.bakgrundsbild_holder2 .sv-row {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    height:100%;
    width: 940px;
}

.bakgrundsbild_holder2 h1 {       
    font-size: 2.4rem;
}     

	
.bakgrundsbild_holder2 .sv-row .sv-layout {
   display: table !important;
   margin-left: 25px !important;
   margin-right: 25px !important;
   height: 100%;
}


.bakgrundsbild_holder2 img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
}
	

.bakgrundsbild_holder2 .sv-text-portlet {
	display: table-cell;
	vertical-align: middle;
   float: none;
   height:100%;
}


@media (max-width: 768px) {
	 
		.bakgrundsbild_holder2 .sv-row {
         
         width: 100%;
      }     
 	 
   
		.bakgrundsbild_holder2 h1 {       
         font-size: 2rem;
      }     
     
		.bakgrundsbild_holder2 p {       
         display: none;
      }     
     
  		.bakgrundsbild_holder2 .sv-text-portlet {
			display: table-cell;
			vertical-align: bottom;
   		float: none;
   		height:100%;
         padding-bottom: 25px;
		}    	
}

@media (max-width: 480px) {
	 
		.bakgrundsbild_holder2 h1 {
         font-size: 1.6rem;
      }      
      	
}



/* Uppdateringar till Elhandel-sida 2023-10-17 */

	.knapp-bla {
      
		background-color: #5dc5ea;
   	border: 0;
   	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   	padding: 12px 16px;  
   	color: #fff;
   	border-radius: 5px;
  	
      cursor: pointer;
   	text-align: center;
   	margin: 0 auto;

     	font-family: madras_regularregular,sans-serif;
    	font-weight: 400;
    	font-style: normal;
    	font-size: 87.5%;
      display: block;

	}   

	.knapp-bla:hover {
		color: #000;
  
	}   



/* Dragspel blå */


.dragspel_rubrik_bla p:before,
.ikon_plus_bla p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f055";
    display: inline-block;
    padding-right: 5px;
    font-size: 110%;
    color: #5dc5ea;
}
.ikon_minus_bla p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f056";
    display: inline-block;
    padding-right: 5px;
    font-size: 110%;
    color: #5dc5ea;
}


.sv-row .dragspel_rubrik_bla p {
   
    display: block;
    color: #333333;
    padding: 0;
    transition: background .3s ease;
    cursor: pointer;
    font-family: madrasextra_bold, sans-serif;
    font-size: 87.5%;
    letter-spacing: 0.02em;
    line-height: 1.571;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 0px;
}

/* Dragspel turkos */


.dragspel_rubrik_turkos p:before,
.ikon_plus_turkos p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f055";
    display: inline-block;
    padding-right: 5px;
    font-size: 110%;
    color: #01b2bb;
}
.ikon_minus_turkos p:before {
    font-weight: bold;
    font-family: FontAwesome;
    content: "\f056";
    display: inline-block;
    padding-right: 5px;
    font-size: 110%;
    color: #01b2bb;
}


.sv-row .dragspel_rubrik_turkos p {
   
    display: block;
    color: #333333;
    padding: 0;
    transition: background .3s ease;
    cursor: pointer;
    font-family: madrasextra_bold, sans-serif;
    font-size: 87.5%;
    letter-spacing: 0.02em;
    line-height: 1.571;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 0px;
}


/* Tabell prisspecifikation elhandel */
		.tabell_pris td {
			font-size: 87.5%;
			padding: 8px 0px;
			vertical-align: top;
		}
		
		.tabell_pris small {
			font-size: 75%;
		}
		
		.tabell_pris tr td:nth-child(2) {
			text-align: right;
		}
		
		.tabell_pris .tr-linje td {
			border-top: 1px solid #333;	
			border-bottom: 1px solid #333;	
			font-weight: bold;
		}

/* Uppdateringar till Elhandel-sida 2026-01-23 */

	.knapp-turkos {
      
		background-color: #01b2bb;
   	border: 0;
   	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   	padding: 12px 16px;  
   	color: #fff;
   	border-radius: 5px;
  	
      cursor: pointer;
   	text-align: center;
   	margin: 0 auto;

     	font-family: madras_regularregular,sans-serif;
    	font-weight: 700;
    	font-style: normal;
    	font-size: 87.5%;
      display: block;

	}   

	.knapp-turkos:hover {
		color: #000;
  
	}