/* SEKTIONER */ .section {clear:both; padding:0px; margin:0px;} .cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* KOLUMNER */ .col {display:block; float:left; margin:0 0 1.6% 1.6%;} .col:first-child, .span_2_of_2, .span_1_of_1, .col.span_1_of_3:nth-child(3n+1), .col.span_1_of_4:nth-child(4n+1), .col.span_1_of_5:nth-child(5n+1), .col.span_1_of_6:nth-child(6n+1){margin-left:0;} /* GRUPPERING / CLEARFIX */ .group:before, .group:after {content:""; display:table;} .group:after {clear:both;} /* GRID */ .span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%} .offset_1_of_1{margin-left:100%}.offset_2_of_2{margin-left:100%}.offset_1_of_2{margin-left:49.2%}.offset_3_of_3{margin-left:100%}.offset_2_of_3{margin-left:66.1%}.offset_1_of_3{margin-left:32.2%}.offset_4_of_4{margin-left:100%}.offset_3_of_4{margin-left:74.6%}.offset_2_of_4{margin-left:49.2%}.offset_1_of_4{margin-left:23.8%}.offset_5_of_5{margin-left:100%}.offset_4_of_5{margin-left:79.68%}.offset_3_of_5{margin-left:59.36%}.offset_2_of_5{margin-left:39.04%}.offset_1_of_5{margin-left:18.72%}.offset_6_of_6{margin-left:100%}.offset_5_of_6{margin-left:83.06%}.offset_4_of_6{margin-left:66.13%}.offset_3_of_6{margin-left:49.2%}.offset_2_of_6{margin-left:32.26%}.offset_1_of_6{margin-left:15.33%}.offset_7_of_7{margin-left:100%}.offset_6_of_7{margin-left:85.48%}.offset_5_of_7{margin-left:70.97%}.offset_4_of_7{margin-left:56.45%}.offset_3_of_7{margin-left:41.92%}.offset_2_of_7{margin-left:27.42%}.offset_1_of_7{margin-left:12.91%}.offset_8_of_8{margin-left:100%}.offset_7_of_8{margin-left:87.3%}.offset_6_of_8{margin-left:74.6%}.offset_5_of_8{margin-left:61.9%}.offset_4_of_8{margin-left:49.2%}.offset_3_of_8{margin-left:36.5%}.offset_2_of_8{margin-left:23.8%}.offset_1_of_8{margin-left:11.1%}.offset_9_of_9{margin-left:100%}.offset_8_of_9{margin-left:88.71%}.offset_7_of_9{margin-left:77.42%}.offset_6_of_9{margin-left:66.13%}.offset_5_of_9{margin-left:54.84%}.offset_4_of_9{margin-left:43.55%}.offset_3_of_9{margin-left:32.26%}.offset_2_of_9{margin-left:20.97%}.offset_1_of_9{margin-left:9.68%}.offset_10_of_10{margin-left:100%}.offset_9_of_10{margin-left:89.84%}.offset_8_of_10{margin-left:79.68%}.offset_7_of_10{margin-left:69.52%}.offset_6_of_10{margin-left:59.36%}.offset_5_of_10{margin-left:49.2%}.offset_4_of_10{margin-left:39.04%}.offset_3_of_10{margin-left:28.88%}.offset_2_of_10{margin-left:18.72%}.offset_1_of_10{margin-left:8.56%}.offset_11_of_11{margin-left:100%}.offset_10_of_11{margin-left:90.7%}.offset_9_of_11{margin-left:81.47%}.offset_8_of_11{margin-left:72.24%}.offset_7_of_11{margin-left:63.01%}.offset_6_of_11{margin-left:53.78%}.offset_5_of_11{margin-left:44.55%}.offset_4_of_11{margin-left:35.32%}.offset_3_of_11{margin-left:26.09%}.offset_2_of_11{margin-left:16.86%}.offset_1_of_11{margin-left:7.63%}.offset_12_of_12{margin-left:100%}.offset_11_of_12{margin-left:91.46%}.offset_10_of_12{margin-left:83%}.offset_9_of_12{margin-left:74.54%}.offset_8_of_12{margin-left:66.08%}.offset_7_of_12{margin-left:57.62%}.offset_6_of_12{margin-left:49.16%}.offset_5_of_12{margin-left:40.7%}.offset_4_of_12{margin-left:32.24%}.offset_3_of_12{margin-left:23.78%}.offset_2_of_12{margin-left:15.32%}.offset_1_of_12{margin-left:6.86%} /* TOTALBREDD */ #wrapper, .section {max-width:1180px;} #wrapper, .section {margin:0 auto;} .w-100 {width: 100%;} /*------------------------------------------------------------- Generella inställningar --------------------------------------------------------------*/ body,p,td,ul,ol {font-family: "Cardo", serif; font-weight:400; font-size:20px; color:#272721; margin:0;} body, html {height:100%; background:#fef8ee;} img {max-width:100%; height:auto;} iframe {max-width: 100%; border: 0;} #bodywrapper {background:#fef8ee; height: 100%; box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;} #wrapper {position:relative; min-height:90%;} #Startwrapper {position:relative; min-height:100%;} .headroom--not-top .logo img {width:180px;} .headroom--not-top #LSS_Close {top:45px;} .headroom--top {-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);} .headroom {-webkit-transition:all 0.1s ease-in-out, transform .4s ease-in-out; -ms-transition:all 0.1s ease-in-out, transform .4s ease-in-out; -moz-transition:all 0.1s ease-in-out, transform .4s ease-in-out; transition:all 0.1s ease-in-out, transform .4s ease-in-out; will-change:transform;} .header {-webkit-transition:all 0.1s ease-in-out, padding .4s ease-in-out; -ms-transition:all 0.1s ease-in-out, padding .4s ease-in-out; -moz-transition:all 0.1s ease-in-out, padding .4s ease-in-out; transition:all 0.1s ease-in-out, padding .4s ease-in-out; will-change:transform;} .logo img {-webkit-transition:width .4s ease-in-out; -ms-transition:width .4s ease-in-out; -moz-transition:width .4s ease-in-out; transition:width .4s ease-in-out; will-change:width;} #LSS_Close {-webkit-transition:all 0.1s ease-in-out, top .4s ease-in-out; -ms-transition:all 0.1s ease-in-out, top .4s ease-in-out; -moz-transition:all 0.1s ease-in-out, top .4s ease-in-out; transition:all 0.1s ease-in-out, top .4s ease-in-out; will-change:transform;} #header.headroom--not-top .lightlogo {display: none;} #header.headroom--pinned .darklogo, #header.headroom--top .darklogo {display: none;} @media screen and (min-width:769px){ #main {padding: 20px 20px 20px;} .headroom--not-top {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); background: #fff; -webkit-box-shadow: 0 3px 45px rgba(0,0,0,.15); box-shadow: 0 3px 45px rgba(0,0,0,.15);} } .header {width: 100%; z-index: 5; padding: 10px 24px;} .meny {margin:0 0 0 20px;} #main ul {padding: 6px 16px 24px; list-style: none;} .soktoggle {line-height:78px; text-align:center; width:30px; cursor:pointer; font-style:normal;} .soktoggle:after{font-family:FontAwesome; content:"\f002";} .stangsok:after{font-family:FontAwesome; content:"\f00d";} .sokrutan {box-shadow:0 1px 6px #999; display:none; left:25%; top:90px; width:50%; position:absolute;} .sokrutan.active {display:block;} .sokruta {border:none; background-color:#fff; width:91.5%; height:45px; float:left; font-size:11px; color:#444; padding:3px 10px; -webkit-appearance:none; border-radius:0 !important; -webkit-border-radius:0 !important;} .sokknapp {display:block; width:8%; height:35px; line-height:40px; text-align:center; float:left; margin:0 0 0 0.5%; padding:0 5px; border-radius:0; -webkit-border-radius:0;} #footer {width:100%; padding:60px 0;} #footer .section {padding:0 20px;} .footerwrap {text-align: center;} .footerwrap a {color: #fff !important; padding: 0 8px; font-size: 28px;} .footerwrap p {font-size: 16px !important;} .navtoggle {display:none;} .bigwrapper {padding:0 10%; text-align:center; width:100%; left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} .dimmer.active {background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0; bottom:0; display:block; height:100%; left:0; position:fixed; right:0; top:0; width:100%; z-index:40;} label {font-size: 15px; width: 100%; display: block; margin: 16px 0 3px;} footer {border-top: 1px solid #aab8a5; padding: 20px;} footer * {font-size: 16px;} /*------------------------------------------------------------- Toppmeny --------------------------------------------------------------*/ #nav6Meny {width: 100%; text-align: center;} #nav6Meny ul li:hover ul, #nav6Meny ul li ul li:hover ul, #nav6Meny ul li ul li ul li:hover ul, #nav6Meny ul li ul li ul li ul li:hover ul {display:block;} #nav6Meny ul li:hover ul ul, #nav6Meny ul ul li:hover ul ul {display:none;} /* NIVÅ 1 */ #nav6Meny ul {list-style:none; margin:0; padding:0; display: inline-block; } #nav6Meny ul li {margin:0 5px 0 0; position:relative;} #nav6Meny ul li a, #nav6Meny ul li a p {font-size:14px; font-weight: 700; color:#fff !important; display:block; padding:0 5px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0;} #nav6Meny ul li a:hover {opacity: 0.6; text-decoration: none;} #nav6Meny ul li a h3 {font-size:14px !important; margin:0; color:#555; display:inline-block; font-weight:300;} .headroom--not-top #nav6Meny ul li a p, .headroom--not-top {color: #555 !important;} #nav6Meny ul.active li a, #nav6Meny ul.active li a p {color: #bcccb6 !important;} /* NIVÅ 2 */ #nav6Meny ul li ul {background:rgba(255, 255, 255, 0.95); display:none; position:absolute; width:230px; z-index:50; border:1px solid #ccc;} #nav6Meny ul li ul li {width:100%; text-transform:none; margin:0; border-bottom:1px solid #eee;} #nav6Meny ul li ul li:last-child {border:none !important;} #nav6Meny ul li ul li a {color:#555 !important; font-size:13px !important; line-height:30px; padding:2px 10px !important; margin:0;} #nav6Meny ul li ul li a:hover {color:#777 !important; text-decoration:none;} /* NIVÅ 3 */ #nav6Meny ul ul ul {position:absolute; left:185px; top:0;} /* NIVÅ 4 */ #nav6Meny ul ul ul ul {position:absolute; left:195px; top:0;} /*------------------------------------------------------------- Sidomeny --------------------------------------------------------------*/ .sidomeny #nav6Meny {} .sidomeny #nav6Meny ul li:hover ul, .sidomeny#nav6Meny ul li ul li:hover ul, .sidomeny#nav6Meny ul li ul li ul li:hover ul, .sidomeny#nav6Meny ul li ul li ul li ul li:hover ul {display:block;} .sidomeny #nav6Meny ul li:hover ul ul, .sidomeny#nav6Meny ul ul li:hover ul ul {display:none;} /* NIVÅ 1 */ .sidomeny #nav6Meny ul {float:none; list-style:none; margin:0 0 5px; padding:0; width:100%;} .sidomeny #nav6Meny ul li {margin:0 5px 0 0; position:relative;} .sidomeny #nav6Meny ul li a {color:#555 !important; display:block; margin:0 15px 0 0; line-height:30px; padding:0; border-bottom:1px solid #eee;} .sidomeny #nav6Meny ul li a p {color:#555;} .sidomeny #nav6Meny ul li a h3 {font-size:14px !important; margin:0;} /* NIVÅ 2 */ .sidomeny #nav6Meny ul li ul {background:rgba(255, 255, 255, 0.95); display:none; position:absolute; width:230px; left:230px; z-index:50; border:1px solid #ccc;} .sidomeny #nav6Meny ul li ul li {width:100%; text-transform:none; margin:0; border-bottom:1px solid #eee;} .sidomeny #nav6Meny ul li ul li:last-child {border:none !important;} .sidomeny #nav6Meny ul li ul li a {color:#555 !important; font-size:13px !important; line-height:30px; padding:2px 10px !important; margin:0;} .sidomeny #nav6Meny ul li ul li a:hover {color:#777 !important; text-decoration:none;} /* NIVÅ 3 */ .sidomeny #nav6Meny ul ul ul {position:absolute; left:185px; top:0;} /* NIVÅ 4 */ .sidomeny #nav6Meny ul ul ul ul {position:absolute; left:195px; top:0;} /*------------------------------------------------------------- Kalendarium --------------------------------------------------------------*/ .datumNormal {display:block; font-size:11px; border:1px solid #ddd; padding:0px; margin:0px;} .datumNormal a {display:block; color:#000; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumNormal a:hover {text-decoration:underline; border:1px solid #FFCC00;} .datumNormalHelg {display:block; font-size:11px; color:#888; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumNormalHelg a {display:block; color:#888; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumNormalHelg a:hover {text-decoration:underline; border:1px solid #FFCC00;} .datumNormalIdag {display:block; font-size:11px; color:#CC0000; font-weight:bold; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumNormalIdag a {display:block; color:#CC0000; font-weight:bold; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumNormalIdag a:hover {background:#FFCC00; color:#CC0000; font-weight:bold; text-decoration:none; border:1px solid #FFCC00; padding:0px; margin:0px;} .datumMarkerad {display:block; background-color:#ddd; font-size:11px; color:#000; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumMarkerad a {display:block; background-color:#ddd; color:#000; text-decoration:none; border:1px solid #ddd; padding:0px; margin:0px;} .datumMarkerad a:hover {background-#FFCC00; color:#000; text-decoration:none; border:1px solid #FFCC00; padding:0px; margin:0px;} /*------------------------------------------------------------- Nyheter --------------------------------------------------------------*/ .NyhetTyp5_RUTA1, .NyhetTyp5_RUTA2, .NyhetTyp5_RUTA3, .NyhetTyp5_RUTA4, .NyhetTyp5_RUTA5, .NyhetTyp5_RUTA6, .NyhetTyp5_RUTA7, .NyhetTyp5_RUTA8, .NyhetTyp5_RUTA9, .NyhetTyp5_RUTA10 {margin-top:5px;} .NyhetTyp5_Lasmer {display:none; visibility:hidden;} .NyhetTyp5_Rubrik, .NyhetTyp5_Rubrik1, .NyhetTyp5_Rubrik2, .NyhetTyp5_Rubrik3, .NyhetTyp5_Rubrik4, .NyhetTyp5_Rubrik5, .NyhetTyp5_Rubrik6, .NyhetTyp5_Rubrik7, .NyhetTyp5_Rubrik8, .NyhetTyp5_Rubrik9, .NyhetTyp5_Rubrik10, .NyhetTyp5_Rubrik p, .NyhetTyp5_Rubrik1 p, .NyhetTyp5_Rubrik2 p, .NyhetTyp5_Rubrik3 p, .NyhetTyp5_Rubrik4 p, .NyhetTyp5_Rubrik5 p, .NyhetTyp5_Rubrik6 p, .NyhetTyp5_Rubrik7 p, .NyhetTyp5_Rubrik8 p, .NyhetTyp5_Rubrik9 p, .NyhetTyp5_Rubrik10 p {font-size:25px; margin:0 0 5px 0;} .NyhetTyp5_Rubrik a, .NyhetTyp5_Rubrik1 a, .NyhetTyp5_Rubrik2 a, .NyhetTyp5_Rubrik3 a, .NyhetTyp5_Rubrik4 a, .NyhetTyp5_Rubrik5 a, .NyhetTyp5_Rubrik6 a, .NyhetTyp5_Rubrik7 a, .NyhetTyp5_Rubrik8 a, .NyhetTyp5_Rubrik9 a, .NyhetTyp5_Rubrik10 a {font-size:25px; margin:0 0 5px 0;} .NyhetTyp5_Rubrik a:hover, .NyhetTyp5_Rubrik1 a:hover, .NyhetTyp5_Rubrik2 a:hover, .NyhetTyp5_Rubrik3 a:hover, .NyhetTyp5_Rubrik4 a:hover, .NyhetTyp5_Rubrik5 a:hover, .NyhetTyp5_Rubrik6 a:hover, .NyhetTyp5_Rubrik7 a:hover, .NyhetTyp5_Rubrik8 a:hover, .NyhetTyp5_Rubrik9 a:hover, .NyhetTyp5_Rubrik10 a:hover {text-decoration:underline;} .NyhetTyp5_Ingress, .NyhetTyp5_Ingress1, .NyhetTyp5_Ingress2, .NyhetTyp5_Ingress3, .NyhetTyp5_Ingress4, .NyhetTyp5_Ingress5, .NyhetTyp5_Ingress6, .NyhetTyp5_Ingress7, .NyhetTyp5_Ingress8, .NyhetTyp5_Ingress9, .NyhetTyp5_Ingress10 {display:block; font-size:13px; font-style:normal; font-weight:normal; line-height:normal;} .NyhetTyp5_Datum, .NyhetTyp5_Datum1, .NyhetTyp5_Datum2, .NyhetTyp5_Datum3, .NyhetTyp5_Datum4, .NyhetTyp5_Datum5, .NyhetTyp5_Datum6, .NyhetTyp5_Datum7, .NyhetTyp5_Datum8, .NyhetTyp5_Datum9, .NyhetTyp5_Datum10 {} .NyhetTyp5_Lasmer, .NyhetTyp5_Lasmer1, .NyhetTyp5_Lasmer2, .NyhetTyp5_Lasmer3, .NyhetTyp5_Lasmer4, .NyhetTyp5_Lasmer5, .NyhetTyp5_Lasmer6, .NyhetTyp5_Lasmer7, .NyhetTyp5_Lasmer8, .NyhetTyp5_Lasmer9, .NyhetTyp5_Lasmer10 {display:none;} .NyhetTyp5_Streck, .NyhetTyp5_Streck1, .NyhetTyp5_Streck2, .NyhetTyp5_Streck3, .NyhetTyp5_Streck4, .NyhetTyp5_Streck5, .NyhetTyp5_Streck6, .NyhetTyp5_Streck7, .NyhetTyp5_Streck8, .NyhetTyp5_Streck9, .NyhetTyp5_Streck10 {margin:20px 0;} .NyhetTyp5_Rubrik, .NyhetTyp5_Ingress, .NyhetTyp5_Datum { display: none; } .NyhetTyp5_Omslutare { float: left; width: 33.3%; padding: 10px; } .NyhetTyp5_Wrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .NyhetTyp5_Paginering { width: 100%; text-align: center; float: left; position: relative; margin-top: 50px; } .NyhetTyp5_Paginering::after { border-bottom: 3px solid #111; content: ""; left: 46%; position: absolute; top: -15px; width: 100px; } .aboutwrap { column-count: 2; margin-top: 40px; } .paketbox { background: #fff; color: #000; border-radius: 1em; padding: 40px 26px 26px; position: relative; } .paketbox *, .paketbox a:hover { color: #000; } .paketbox h2 { font-weight: 700; font-size: 33px; margin-bottom: 16px; } .paketbox h3 { font-size: 25px; color: coral; margin-bottom: 22px; } .paketbox img { position: absolute; position:absolute; left:50%; top:-5px; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .lasmer a { background: #000; color: #fff !important; font-size: 0.9em; font-weight: 700; display: inline-block; padding: 16px 24px !important; text-decoration: none !important; border-radius: 30px; } .paketbox span { display: block; font-size: 16px; } #Startwrapper h1 { font-size: 3em; margin: 0; } #Startwrapper h1 span { font-weight: 500; } #Startwrapper h2 { font-size: 1.5em; font-weight: 400; color: #c3c2ba; } .videooverlay { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; padding: 16px; } .imgoverlay::before { content: ""; background #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; pointer-events: none; z-index: 1000; } /*------------------------------------------------------------- Kommentarer på nyheter --------------------------------------------------------------*/ .KommentarerNy_Etikett {display:block; float:left; margin-right:0.5em; text-align:left; width:100%;} .KommentarerNy_p {margin:0; padding:2px;} .KundprofilFaltOK {background-color:#fff; border:1px solid #aaa; width:295px;} .KundprofilFaltFEL {background-color:#fff; border:2px solid #ff0000; width:100%;} .KundprofilFaltOK_Kort {background-color:#fff; border:1px solid #aaa; width:100%;} .KundprofilFaltFEL_Kort {background-color:#fff; border:2px solid #ff0000; width:100%;} .KommentarerNy_Rubrik {font-size:17px;} .KommentarerNy_Box {} .KommentarerHela_Box, .NyhetTipsaVanRam {border-top:1px solid #ddd; margin:10px 0;} .KommentarerNy_p .KundprofilFaltOK, .NyhetTipsaVanInput {} .KommentarerNy_p input {background-color:#204ca3; border:none; color:#fff;} .Kommentarer_Box {padding:10px 0 0;} .KommentarerNy_p textarea {min-height:110px;} .Kommentarer_Rubrik {display:none;} .Kommentarer_Text {padding:0 0 10px 0; border-bottom:1px solid #ddd;} .Kommentarer_Streck, .KommentarerNy_Streck {display:none;} .Nyhetslista_Huvudgrupp {display:none; visibility:hidden;} .NyhetTipsaVanInput {color:#777; font-size:11px; width:150px;} h3.NyhetTipsaVanRubrik {margin:10px 0;} .NyhetTipsaVanSubmit {background-color:#204ca3; border:none; color:#fff; height:35px; line-height:35px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer;} /*------------------------------------------------------------- Effekter --------------------------------------------------------------*/ .dimmer.active, .sokrutan.active, .soktoggle::after, .stangsok::after, .header.scroll .logo, #nav6Meny ul li ul, #nav6Meny ul li a {-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} input[type="text"], input[type="password"], select, textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"] { width: 100%; background-color:#efeded; -webkit-border-radius:4em; -moz-border-radius:4em; border-radius:4em; -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; color:#000; display:inline-block; font-size:16px; height:50px; padding:0 20px; border: none; transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s; } textarea {width: 100%; min-height:200px; line-height:normal; font-family: 'Poppins', serif; font-size:16px; padding: 40px;} input:focus, select:focus, textarea:focus {border-color:rgba(82, 168, 236, 0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline:0 none;} /*------------------------------------------------------------- Typografi och färger --------------------------------------------------------------*/ ol {padding-left: 20px;} b,strong {font-weight: 700;} a {color:#fff; text-decoration:none;} a:hover {text-decoration:underline;} h1,h2,h3,h4 {font-weight: 700; font-style:normal; line-height:normal; margin:0 0 10px 0;} /* FONTSTORLEKAR */ h1 {font-size: 2.1em;} h2 {font-size: 1.7em; font-weight: 600;} h3 {font-size: 1.5em;} h4 {font-size: 1em;} i.soktoggle, i.fa-search, .Nyhetsarkiv_Rubrik, .NyhetTyp3_Rubrik, .soktoggle {font-size:25px;} .sokruta {font-size:20px;} .Ingress {font-size: 19px;} .knapp, .Nyhetsarkiv_Ingress, .NyhetTyp3_Ingress {font-size:18px;} #footer p, .NyhetTyp3_Datum, .NyhetTyp3_Lasmer, .Kommentarer_Datum, .NyhetTyp5_Datum {font-size:12px;} .Kommentarer_Text {font-size:11px;} /* FÄRGER */ #footer-wrapper a {color:#444;} .bigwrapper h2 a, .bigwrapper a h2, .bigwrapper h3 a, .bigwrapper a h3, #footer p, #footer h3, #footer h4, .knapp {color:#fff;} .gradient {background:radial-gradient(circle at right bottom , #33b1f8 0px, #aa81f3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)} /* BLANDAT */ .bigwrapper h2 a, .bigwrapper a h2, .bigwrapper h3 a, .bigwrapper a h3 {text-shadow:2px 2px 3px #333;} p {margin:0 0 16px 0; line-height: 150%;} .knapp {border:none; height:35px; line-height:35px; text-align:center;} /* KNAPPAR */ .primbutton {background-color:#000; color:#fff; height:50px; line-height:50px; display:block; padding:0 10px; transition:all 0.5s ease 0s; cursor:pointer; appearance: none; border: none; font-weight: 700; border-radius: 4em; width: 100%; font-size: 20px; margin-top: 1em;} .primbutton:hover {background:#222; color: #fff;} .secbutton {background-color:#999; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;} .secbutton:hover {background:#777;} .white-btn a {border: 2px solid; color: #fff; display: inline-block; padding: 10px 20px; font-weight: 700;} .white-btn {margin: 16px 0; display: inline-block;} /*------------------------------------------------------------- Egenskaper --------------------------------------------------------------*/ .desktop {display:block !important;} .mobile {display:none !important;} .left {float:left;} .right {float:right;} .ten {padding:10px;} .twenty {padding:20px;} .margTB {margin:10px 0} .margT {margin:10px 0 0} .margB {margin:0 0 10px} .margB10 {margin:0 0 10px} .paddTB {padding:10px 0} .paddT {padding:10px 0 0} .paddB {padding:0 0 10px} .border {border:1px solid #ddd} .borderT {border-top:1px solid #ddd} .borderB {border-bottom:1px solid #ddd} .borderTB {border-top:1px solid #ddd; border-bottom:1px solid #ddd} .shadow {-moz-box-shadow:1px -2px 10px #444; -webkit-box-shadow:1px -2px 10px #444; box-shadow:1px -2px 10px #444;} .radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .center {text-align:center;} .relative {position:relative;} .none {display:none !important} .primcolor {background: gold} .seccolor {background: #ae4935;} .white {background:#fff;} .lightgrey {background:#eee;} .darkgrey {background:#444;} .darerkgrey {background:#222;} .black {background:#000;} .blue {background:#2167ac;} .whitetext {color: #fff;} .blacktext {color: #000;}