body {margin:0 0 0 0; background-color: #fff; max-width: 1440; max-height: 900px:  }
img{width:100%; max-width: 100%; height:auto;}
.container_map { position: relative; max-width: 1440px; max-height: auto;  margin-left:auto; margin-right:auto; overflow:hidden; background-color: #fff;}
.container_mobile { position:relative; left:0; top:0; padding:2%; font-family:ericsson_hildalight; font-size:16px; color:#262626;}
.container_mobile a:link { color: #0072D6; text-decoration: none; }
.container_mobile a:active { color: #0072D6; text-decoration: none}
.container_mobile a:hover{ color: #0072D6; text-decoration: none}
.container_mobile a:visited{ color: #0072D6; text-decoration: none}
.rub{margin:0 0 1% 0; font-family:ericsson_hildamedium; font-size:22px;}
.rub_green{margin:0 0 1% 0; font-family:ericsson_hildamedium; font-size:22px; color:#0fc373;}


@font-face {
    font-family: 'ericsson_hildalight';
    src: url('ericssonhilda-light-webfont.eot');
    src: url('ericssonhilda-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('ericssonhilda-light-webfont.woff2') format('woff2'),
         url('ericssonhilda-light-webfont.woff') format('woff'),
         url('ericssonhilda-light-webfont.ttf') format('truetype'),
         url('ericssonhilda-light-webfont.svg#ericsson_hildalight') format('svg');
    font-weight: normal;
    font-style: normal; 

}

@font-face {
    font-family: 'ericsson_hildamedium';
    src: url('ericssonhilda-medium-webfont.eot');
    src: url('ericssonhilda-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('ericssonhilda-medium-webfont.woff2') format('woff2'),
         url('ericssonhilda-medium-webfont.woff') format('woff'),
         url('ericssonhilda-medium-webfont.ttf') format('truetype'),
         url('ericssonhilda-medium-webfont.svg#ericsson_hildamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.col-container {
  display: table;

  width: 100%;
  table-layout: fixed;
  
}
.col_1 { display: table-cell; font-family:ericsson_hildalight; font-size:17px; color:#ffffff;  background-color:#0fc373; padding:3% 3% 1% 3%; width: 48%;}

.col_2 {
  display: table-cell;
width: 4%; background-color:#fff;

}
.col_3 { display: table-cell; font-family:ericsson_hildalight; font-size:17px; color:#ffffff;  background-color:#0072D6;  padding:3% 3% 1% 3%; width: 48%;}

.col_tom { display: table-cell; padding:3% 3% 1% 3%; background-color:#ffffff; width: 48%;}


tr  td {
    border: 0 !important;
}

p { padding:0; margin: 0 0 4% 0;}



div.container_map a:link { color: #ffffff; text-decoration: none}
div.container_map a:active { color: #ffffff; text-decoration: none}
div.container_map a:hover{ color: #ffffff; text-decoration: none}
div.container_map a:visited{ color: #ffffff; text-decoration: none}

.ruta{dispaly: inline-block; width:100%; background-color:#ccc }


.boxlink {padding:4%; border: 1px solid #ffffff;}

.kryss {position: absolute; top:4%; left:94%; width:3.5%; z-index: 1200;}
.kryss:hover{ cursor:pointer; cursor:hand;}

.hrgreen{background: #0fc373; color: #0fc373; height: 1.5%; border: 0; border-radius: 0px;  width:19%; float:left; margin:-3% 0 2.6% 0.3%;}
.hrblue{background: #0072D6; color: #0072D6; height: 1.5%; border: 0; border-radius: 0px;  width:19%; float:left; margin:-3% 0 2.6% 0.3%;}

.popupheadline{font-family:ericsson_hildalight; font-size:66px; padding-bottom:0; }

.popupsub{font-family:ericsson_hildamedium; font-size:19px; color:#ffffff;}


.tom{width:47%;}


.map{position:absolute; box-sizing:border-box;  top:0; left: 0; bottom:0; right: 0; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; width: 72%;  height: 62%; background-color:#fff; -webkit-box-shadow: 7px 9px 20px 0px rgba(0,0,0,0.43); -moz-box-shadow: 7px 9px 20px 0px rgba(0,0,0,0.43); 
    box-shadow: 7px 9px 20px 0px rgba(0,0,0,0.43); z-index:999; padding:4% 6% 6% 6%; display:none; opacity:0;}




*@media all and (max-width: 1205px) {


.map{padding:5%; width: 75%;  height: 66%;}
}

.popupheadline{ font-size:56px; }

.popupsub{font-size:17px;}
.col_1{font-size:15px;}
.col_3{font-size:15px;}

*@media all and (max-width: 1100px) {


.map{ padding:5%; width: 80%;  height: 73%;}
}



@media all and (max-width: 1020px) {

.map{padding:5%; width: 85%;  height: 76%;}
.popupheadline{ font-size:36px;}
.popupsub{font-size:15px;}
.col_1{font-size:14px;}
.col_3{font-size:14px;}
}


@media all and (min-width: 700px) {
.container_map {display:box;}

.container_mobile {display:none;}
}

@media all and (max-width: 699px) {
.container_map {display:none}
.container_mobile {display:box}
}






/* ------------T E L E N O R  S E-------------*/

div.te_knapp{ position: absolute; top:33%; left:51%; width:17%; height:3.5%; background-color:#000; opacity:0;}
div.te_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------T E L E N O R  D K -------------*/

div.ted_knapp{ position: absolute; top:36%; left:47.4%; width:18%; height:3.5%; background-color:#000; opacity:0;}
div.ted_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------T E L E N O R  N O -------------*/

div.ten_knapp{ position: absolute; top:29.7%; left:51%; width:18%; height:3.5%; background-color:#000; opacity:0;}
div.ten_knapp:hover{ cursor:pointer; cursor:hand;}


/* ------------T D C -------------*/
div.tdc_knapp{ position: absolute; top:38.7%; left:48.5%; width:7%; height:4%; background-color:#000; opacity:0;}
div.tdc_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------V O D A F O N  U K -------------*/
div.vod_knapp{ position: absolute; top:37.7%; left:34.5%; width:13%; height:3.5%; background-color:#000; opacity:0;}
div.vod_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------Eir-------------*/
div.eir_knapp{ position: absolute; top:34%; left:42%; width:5%; height:3.5%; background-color:#000; opacity:0;}
div.eir_knapp:hover{ cursor:pointer; cursor:hand;}

/* -----------V O D A F O N  G E R -------------*/
div.vodg_knapp{ position: absolute; top:39.5%; left:32%; width:16%; height:3.5%; background-color:#000; opacity:0;}
div.vodg_knapp2{ position: absolute; top:41%; left:47.7%; width:2%; height:3%; background-color:#000; opacity:0;}
div.vodg_knapp:hover{ cursor:pointer; cursor:hand;}
div.vodg_knapp2:hover{ cursor:pointer; cursor:hand;}


/* ------------S W I S S C O M ------------*/
div.swi_knapp{ position: absolute; top:43%; left:37%; width:12%; height:4%; background-color:#000; opacity:0;}
div.swi_knapp:hover{ cursor:pointer; cursor:hand;}



/* ------------W I N D 3 -------------*/
div.win_knapp{ position: absolute; top:43.3%; left:49%; width:2.7%; height:7%; background-color:#000; opacity:0;}
div.win_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------W I N D 3a -------------*/
div.wina_knapp{ position: absolute; top:47%; left:51%; width:5%; height:3%; background-color:#000; opacity:0;}
div.wina_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------O O R E D O O-------------*/
div.oor_knapp{ position: absolute; top:49.6%; left:49%; width:10.5%; height:4%; background-color:#000; opacity:0;}
div.oor_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------S T C -------------*/
div.stc_knapp{ position: absolute; top:55.5%; left:53%; width:6.5%; height:4%; background-color:#000; opacity:0;}
div.stc_knapp:hover{ cursor:pointer; cursor:hand;}


/* ------------B A T E L C O-------------*/
div.bat_knapp{ position: absolute; top:52.2%; left:59%; width:9%; height:3%; background-color:#000; opacity:0;}
div.bat_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------Z A I N ------------*/
div.zai_knapp{ position: absolute; top:55.1%; left:59.5%; width:9%; height:2.8%; background-color:#000; opacity:0;}
div.zai_knapp:hover{ cursor:pointer; cursor:hand;}


/* -----------E T I S A L A T-------------*/
div.eti_knapp{ position: absolute; top:57%; left:60%; width:9.5%; height:4%; background-color:#000; opacity:0;}
div.eti_knapp:hover{ cursor:pointer; cursor:hand;}


/* ----------S K  T E L E C O M--------------*/
div.tel_knapp{ position: absolute; top:48%; left:68.2%; width:13%; height:3.5%; background-color:#000; opacity:0;}
div.tel_knapp:hover{ cursor:pointer; cursor:hand;}


/* ----------K T-------------*/
div.kt_knapp{ position: absolute; top:43.2%; left:80%; width:6%; height:4.6%; background-color:#000; opacity:0;}
div.kt_knapp:hover{ cursor:pointer; cursor:hand;}


/* ----------T E L S T R A-------------*/
div.stra_knapp{ position: absolute; top:77%; left:81%; width:9%; height:4%; background-color:#000; opacity:0;}
div.stra_knapp:hover{ cursor:pointer; cursor:hand;}


/* ----------O P T U S-------------*/
div.opt_knapp{ position: absolute; top:83%; left:84%; width:8%; height:4%; background-color:#000; opacity:0;}
div.opt_knapp:hover{ cursor:pointer; cursor:hand;}


/* -----------U . S . C E L L U L A R -------------*/
div.usc_knapp{ position: absolute; top:36.7%; left:10%; width:14%; height:4%; background-color:#000; opacity:0;}
div.usc_knapp:hover{ cursor:pointer; cursor:hand;}

/* -----------G C I-------------*/
div.gci_knapp{ position: absolute; top:32.5%; left:4.5%; width:7%; height:4%; background-color:#000; opacity:0;}
div.gci_knapp:hover{ cursor:pointer; cursor:hand;}


/* -----------T - M O B I L E-------------*/
div.tmo_knapp{ position: absolute; top:42.2%; left:7%; width:11%; height:4%; background-color:#000; opacity:0;}
div.tmo_knapp:hover{ cursor:pointer; cursor:hand;}


/* ------------S P R I N T--------------*/
div.spr_knapp{ position: absolute; top:44%; left:19%; width:8.4%; height:4%; background-color:#000; opacity:0;}
div.spr_knapp:hover{ cursor:pointer; cursor:hand;}

/* -----------S O F T  B A N K --------------*/
div.sof_knapp{ position: absolute; top:47.6%; left:82.2%; width:12%; height:4%; background-color:#000; opacity:0;}
div.sof_knapp:hover{ cursor:pointer; cursor:hand;}


/* -------------V E R I Z O N--------------*/
div.ver_knapp{ position: absolute; top:38%; left:26.5%; width:8%; height:6%; background-color:#000; opacity:0;}
.ver_knapp:hover{ cursor:pointer; cursor:hand;}


/* -------------A T & T--------------*/
div.att_knapp{ position: absolute; top:49%; left:15.8%; width:8%; height:4%; background-color:#000; opacity:0;}
.att_knapp:hover{ cursor:pointer; cursor:hand;}

/* ------------T - M O B I L E-------------*/
div.tmo_knapp{ position: absolute; top:42.6%; left:6%; width:12%; height:4%; background-color:#000; opacity:0;}
.tmo_knapp:hover{ cursor:pointer; cursor:hand;}

/* -------------D I G I--------------*/
div.dig_knapp{ position: absolute; top:43%; left:51%; width:8%; height:4%; background-color:#000; opacity:0;}
.dig_knapp:hover{ cursor:pointer; cursor:hand;}

/* -------------R I N A--------------*/
div.rin_knapp{ position: absolute; top:46%; left:4%; width:15%; height:3.8%; background-color:#000; opacity:0;}
.rin_knapp:hover{ cursor:pointer; cursor:hand;}

/* -------------K D D I--------------*/
div.kdd_knapp{ position: absolute; top:51%; left:81.3%; width:7%; height:3.8%; background-color:#000; opacity:0;}
.kdd_knapp:hover{ cursor:pointer; cursor:hand;}

/* -------------T E L I A  N O-------------*/
div.teln_knapp{ position: absolute; top:31.4%; left:38%; width:13%; height:3.8%; background-color:#000; opacity:0;}
.teln_knapp:hover{ cursor:pointer; cursor:hand;}

/* ----------LG U+ --------------*/
div.lgu_knapp{ position: absolute; top:45%; left:73%; width:7%; height:3.1%; background-color:#000; opacity:0;}
div.lgu_knapp:hover{ cursor:pointer; cursor:hand;}

/* ----------M T N --------------*/
div.mtn_knapp{ position: absolute; top:76%; left:51%; width:5%; height:7%; background-color:#000; opacity:0;}
div.mtn_knapp:hover{ cursor:pointer; cursor:hand;}

/* -------------T O  B L U E --------------*/
div.blue_knapp{ position: absolute; top:91%; left:32%; width:47%; height:4%; background-color:#000; opacity:0;}
div.blue_knapp:hover{ cursor:pointer; cursor:hand;}