

<!DOCTYPE html>

<html xmlns="https://www.w3.org/1999/xhtml">
<head>
    <title>

    </title>
    <meta name="robots" content="noindex,follow" />
    <!--Hidden in mobile view-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2,user-scalable=yes" />
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet">
    <style>
        html, body, div, section, article, aside, nav, address, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
            background: transparent;
            border: 0;
            margin: 0;
            padding: 0;
            vertical-align: baseline;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        body {
            font-family: 'Noto Sans', sans-serif;
            color: #444;
            overflow: hidden;
            background: #f7eae4;
            max-width: 760px;
            font-size: 13px;
        }

        #InsplanetForm {
            padding: 0;
        }

        .diContentHolder {
            max-width: 300px;
            min-width: 300px;
        }

        .headerIntroBox {
            margin: 0 0 10px 0;
            padding: 8px 7px 10px 10px;
            background: #ECD6CF;
            height: 30px;
            text-align: left;
            font-family: "HelveticaNeue","Helvetica Neue",Helvetica,sans-serif,Arial;
            font-size: 11px;
            color: #808080;
            font-weight: normal;
        }

        .headerIntroBoxContent {
            float: right;
            margin: 0 5px 0 0;
        }

        .headerIntroBox a {
            color: #14669C;
            font-weight: normal;
            text-decoration: none;
        }

        .footerMargin {
            margin: 0 5px 0 0;
            padding: 8px 7px 10px 10px;
            background: #ECD6CF;
            height: 30px;
            text-align: left;
            font-family: "HelveticaNeue","Helvetica Neue",Helvetica,sans-serif,Arial;
            font-size: 11px;
            color: #808080;
            font-weight: normal;
        }

            .footerMargin a {
                color: #14669C;
                font-weight: normal;
            }

        .widgetBkg {
            max-width: 760px;
            background: #f7eae4;
            padding: 0 10px;
            display: inline-block;
        }

        #titleheader {
            position: relative;
            top: 0;
            left: 0;
            text-align: left;
        }

        #title1Big {
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.2em;
            position: relative;
            top: 0;
            left: 0;
        }

        #title2Big {
            display: block;
            font-size: 13px;
            line-height: 1.4em;
            padding: 2px 0 8px 0;
        }

        #title1Small {
            display: none;
        }

        #title2Small {
            display: none;
        }

        h3 {
            font-family: 'Noto Sans', sans-serif;
            font-size: 0.875em;
        }

        .steg1 {
            display: block;
        }

        a.knapp, input[type=submit], input[type=button] {
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
        }

        .FormHolder {
            width: 100%;
            position: relative;
            padding: 0;
            background: #f7eae4;
        }

        .FormLabel {
            font-family: 'Noto Sans', sans-serif;
            font-size: 13px;
            font-weight: 700;
        }

        .btnhld {
            padding: 0;
            width: 32%;
            float: left;
        }

        .cmpBtn {
            width: 100%;
        }

        .FormHolder input.RegNumBig {
            font-weight: 700;
            font-size: 16px;
            width: 100%;
            border-radius: 3px;
            text-align: center;
            text-transform: none;
            font-weight: 400;
            height: 46px;
        }

        .dpButton {
            font-family: 'Noto Sans', sans-serif !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            border: hidden 0 !important;
            border-radius: 0 !important;
            text-shadow: none !important;
            box-shadow: none !important;
            white-space: normal !important;
            padding: 14px 0 12px 0 !important;
            margin-top: 19px !important;
            margin-bottom: 10px !important;
            background-color: #7a787f !important;
            color: #fff !important;
            cursor: pointer;
        }

        .dpButtonPressed {
            font-family: 'Noto Sans', sans-serif !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            border: hidden 0 !important;
            border-radius: 0 !important;
            text-shadow: none !important;
            box-shadow: none !important;
            white-space: normal !important;
            padding: 14px 0 12px 0 !important;
            margin-top: 19px !important;
            margin-bottom: 10px !important;
            background-color: #a8d977 !important;
            color: #fff !important;
        }

        .dpButton:hover {
            background-color: #b7b7b7;
            box-shadow: none !important;
        }

        .foinph {
            margin: 0;
            padding: 0;
            display: inline-block;
            text-align: left;
            width: 30%;
            float: left;
            margin: 0 4% 0 0;
        }

        .valmsg {
            font-size: 11px;
            color: #f22b07;
            display: inline-block;
            font-weight: 700;
        }

        .pnuminfo {
            float: right;
            cursor: pointer;
            margin-right: 55px;
        }

        .DPHolder {
            width: 100%;
        }

        .bottomInfoText {
            color: #000;
            text-align: left;
            font-size: 11px;
            cursor: pointer;
            display: block;
            clear: both;
        }

        .FormHolder input {
            background: #fff;
            border: 1px solid #adb6c9;
            border-radius: 3px !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 6px;
            padding-bottom: 6px;
            font-size: 14px;
        }

        a {
            text-decoration: none;
            color: #000000;
        }

        @media only screen and (max-device-width: 3500px), screen and (max-width: 3500px) {
            .foinph {
                float: left;
                text-align: left;
                width: 48%;
            }

            .clearMargin {
                margin: 0 0 -1% 0;
            }

            .pnuminfo {
                font-size: 12px;
                margin-right: 85px;
            }

            .FormLabel {
                font-family: 'Noto Sans', sans-serif;
                font-size: 13px;
                margin-bottom: 5px;
                font-weight: 700;
            }

            .DPText {
                margin-bottom: 0;
                font-size: 10px;
            }

            .dpButton {
                margin-top: 0 !important;
            }

            .btnhld {
                position: relative;
                width: 100%;
                padding: 5px 0 0 0;
            }

            .btnCompare {
                position: relative;
                top: 5px;
                left: 0;
            }

            .dpButton {
                margin-top: 0;
            }

            #done, .btnCompare {
                width: 100%;
            }

            .resp .FormHolder {
                width: 100%;
                padding: 0;
            }

            #title1Big {
                display: none;
            }

            #title2Big {
                display: none;
            }

            .headerIntroBox {
                margin: 0;
            }
            #title1Small {
                font-size: 24px;
                text-align: center;
                display: block;
                font-weight: bold;
            }

            #title2Small {
                font-size: 14px;
                font-weight: bold;
                display: block;
                text-align: center;
                margin-bottom: 10px;
            }
            .valmsg {
                width: 200px;
                text-align: center;
                position: relative;
                top: -2px;
                left: -25px;
            }
            .FormLabel {
                font-size: 11px;
                margin-bottom: 2px;
            }

            .FormHolder input {
                border: none;
                float: none;
            }

            .foinph {
                text-align: center;
                 float: left;
            }

            .btnhld {
                width: 40px;
                margin: 0 auto;
                float: left;
                margin-left: 35px;
            }

            .dpButton {
                margin-top: -5px !important; 
                margin-bottom: 0 !important; 
                padding: 1px 0 13px 0 !important;
                height: 51px;
                font-size: 30px !important;           
            }
            .dpButtonPressed {
                margin-top: -5px !important; 
                margin-bottom: 0 !important; 
                padding: 1px 0 13px 0 !important;
                height: 51px;
                font-size: 30px !important;  
            }
            .bottomText {
                margin: 10px 0 0 70px;
            }
            .bottomLogo {
                margin: 0px 0 0 50px;
            }
        }
        .inputHolder {
            text-align: center;
            margin-left: 50px;
        }
        .mega_textfield_regnr{background: url("https://p.insplanet.com/images/regnummerBkg_155px.png") no-repeat center top !important; border: none; color: #666; margin-left: -3px;padding-left: 10px;font: bold 26px/26px arial, sans-serif !important; height:52px;  text-align: center; text-transform: uppercase; width: 153px;}   
    </style>
    <script type="text/javascript">

        function comp() {
            var inpok = true;
            document.getElementById('RegNumber').innerHTML = '';
            //document.getElementById('pnuminpmsg').innerHTML = '';
            //document.getElementById('epoinpmsg').innerHTML = '';
            //document.getElementById('telinpmsg').innerHTML = '';
            var regnum = document.getElementById('RegNumber').value;
            if (regnum.search(/^[a-zA-Z]{3}\d{3}$/) === -1 || regnum === 'ABC123') {
                inpok = false;
                document.getElementById('regnuminpmsg').innerHTML = 'Ange korrekt registreringsnr';
            }

            //var pnum = document.getElementById('name').value;
            //if (pnum.length < 1) {
            //    inpok = false;
            //    document.getElementById('pnuminpmsg').innerHTML = 'Ange För- & Efternamn';
            //}

            //var epo = document.getElementById('email').value;
            //if (epo.search(/^[a-zA-Z0-9_\-]+(\.[a-zA-Z0-9_\-]+)*@[a-zA-Z0-9_\-]+(\.[a-zA-Z0-9_\-]+)*\.[a-zA-Z]{2,5}$/) === -1) {
            //    inpok = false;
            //    document.getElementById('epoinpmsg').innerHTML = 'Ange epostadress';
            //}

            //var tel = document.getElementById('phone').value;
            //if (tel.search(/^[0+][\d\-+() ]{5,20}$/) === -1) {
            //    inpok = false;
            //    document.getElementById('telinpmsg').innerHTML = 'Ange telefonnummer';
            //}
            if (inpok) {
                document.getElementById('theButton').value = "»";
                document.getElementById('theButton').className = "";
                document.getElementById('theButton').className = "cmpBtn knapp dpButtonPressed";
            }
            return inpok;
        }
    </script>

    <link id="ctl00_Canonical" rel="canonical" />
    <script type="text/javascript">
            function OnSubmitForm() {
                document.myform.action = "https://www.insplanet.com/forsakring/bil/";
                return true;
            }
    </script>
</head>
<body class="resp">
    <div id="SiteCon">
        <form name="myform" onSubmit="return OnSubmitForm();" target="_blank">
            <input type="hidden" value="17" name="partnerid"/>

            <input type="hidden" value="di_bil_jamforelse" name="ins_r"/>
            <input type="hidden" value="Affiliate" name="utm_source"/>
            <input type="hidden" value="Widget" name="utm_medium"/>
            <input type="hidden" value="DI" name="utm_campaign"/>
            <input type="hidden" value="dibil2017widget" name="utm_content" />

            <div id="InsplanetForm">

                <div class="diContentHolder">
                    <div class="headerIntroBox">
                        <div class="headerIntroBoxContent">
                            En tjänst från <a href="https://www.insplanet.com/forsakring/bil/?partnerid=17&partnername=di&ins_r=di_bil_jamforelse&utm_source=Affiliate&utm_medium=Widget&utm_campaign=DI&utm_content=dibil2017widget" target="_blank">Insplanet</a>
                        </div>
                    </div>

                    <div class="widgetBkg">
                        <div class="FormHolder">
                            <div class="DPHolder">
                                <div class="steg1" id="Steg1">
                                    <div id="titleheader">
                                        <div id="title1Big">Jämför bilförsäkringar </div>
                                        <div id="title1Small">Jämför bilförsäkringar</div>
                                        <div id="title2Big">
                                            Upp till 13 olika prisförslag - helt kostnadsfritt!
                                        </div>
                                        <div id="title2Small">
                                            Upp till 13 olika prisförslag - helt kostnadsfritt!
                                        </div>
                                    </div>
                                    <div class="inputHolder">
                                        <div>
                                            <div class="foinph">
                                                <!--<label class="FormLabel" for="regnuminp">Registreringsnummer</label>-->
                                                <input name="RegNumber" type="text" id="RegNumber" class="mega_textfield_regnr" value="ABC123" maxlength="6" onfocus="value='';" />
                                                <span id="regnuminpmsg" class="valmsg"></span>
                                            </div>
                                            <!--<div class="foinph clearMargin">
                                <label class="FormLabel">För- & Efternamn</label>
                                <input name="htmlnames" type="text" id="name" class="RegNumBig" placeholder="För- &amp; Efternamn" maxlength="25"/>
                                <span id="pnuminpmsg" class="valmsg"></span>
                            </div>
                            <div class="foinph">
                                <label class="FormLabel">Epost</label>
                                <input name="htmlemail" type="text" id="email" class="RegNumBig" placeholder="dinmail@me.com" maxlength="50"/>
                                <span id="epoinpmsg" class="valmsg"></span>
                            </div>
                            <div class="foinph clearMargin">
                                <label class="FormLabel">Telefon</label>
                                <input name="htmlphone" type="tel" id="phone" class="RegNumBig" placeholder="070-000 00 00" maxlength="10"/>
                                <span id="telinpmsg" class="valmsg"></span>
                            </div>-->
                                            <div class="btnhld">
                                                <input type="submit" value="&raquo;" onclick="if (!comp()) { return false;};" id="theButton" class="cmpBtn knapp dpButton" />
                                            </div>
                                            <!--<div class="bottomInfoText">
                                <a href="http://p.insplanet.com/pul.htm" target="_blank">Dina personuppgifter behandlas i enlighet med personuppgiftslagen (PuL), läs mer här.</a>
                            </div>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="float:none;clear:both;margin-top:-15px !important; padding-left:5px; font-size:11px; font-family: 'Noto Sans', sans-serif;">Genom att jämföra har jag tagit del av och godkänner Insplanets <a style="text-decoration:underline;" href="https://gdpr.insplanet.com" target="_blank">användaravtal</a> och <a style="text-decoration:underline;" href="https://gdpr.insplanet.com" target="_blank">integritetspolicy</a>.</div>
                    <div class="bottomText">
                        Di.se i samarbete med<br />
                    </div>
                    <div class="bottomLogo">
                        <a href="https://www.insplanet.com/forsakring/bil/?partnerid=17&partnername=di&ins_r=di_bil_jamforelse&utm_source=Affiliate&utm_medium=Widget&utm_campaign=DI&utm_content=dibil2017widget" target="_blank">
                            <img src="/images/insplanet-logo-retina.png"style="width:70%;" alt="Insplanet">
                        </a>
                    </div>

                </div>
            </div>

            <script type="text/javascript">
                //<![CDATA[
                try {
                    SetupElementsForFormFieldTracking();
                } catch (ex) {
                } //]]>
            </script>
        </form>
    </div>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-391562-11', 'auto');
        ga('send', 'pageview');

    </script>

    <script src="//www.di.se/content/scripts/partners/di-partners.js"></script>
</body>
</html>