@charset "UTF-8";
.legend-row {
    margin: 15px 0;
    overflow: hidden;
}
.legend-row-tight {
    margin: 0;
}
.legend-row .legend-symb {
    width: 25px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    float: left;
    box-shadow: 1px 1px 2px;
}
.legend-row .legend-symb2 {
    width: 25px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    float: left;
    vertical-align: middle;
}
.legend-row .legend-symb-point {
    width: 20px;
}
.legend-row .legend-symb-line {
    height: 6px;
    margin-top: 8px;
    box-shadow: none;
}
.legend-row .legend-text {
	width: 180px;
    float: left;
}
.legend-row .legend-text-w {
    width: 290px;
    float: left;
}
.legend-row span {
    float: right;
    margin-right: 5px;
}
.legend-symb-reg{
	margin: 1px;
	padding: 4px;
}

/* Enkeltminne */
.legend-enkeltminne-fredet-kulturminne, .legend-enkeltminne-fredet { background: rgba(255, 0, 0, 0.75); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-enkeltminne-regulert-til-bevaring, .legend-enkeltminne-regulert { background: rgba(255, 170, 0, 0.75); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-enkeltminne-kulturminneinteresse, .legend-enkeltminne-prioritert { background: rgba(255, 255, 0, 0.75); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Lokalitet */
.legend-lokalitet-fredet-kulturminne, .legend-lokalitet-fredet { background: transparent; border: 2px solid rgb(204, 0, 0); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-lokalitet-regulert-til-bevaring, .legend-lokalitet-regulert { background: transparent; border: 2px solid rgb(255, 170, 0); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-lokalitet-kulturminneinteresse, .legend-lokalitet-prioritert {background: #dfdfdf;border: 2px solid rgb(255, 255, 0); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Sikringssone */
.legend-sikringssone, .legend-sikringssone-, .legend-sikringssone-fredet { background: rgba(255, 255, 153, 0.5); border: 1px solid rgba(255, 0, 0, 0.5); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Kulturmiljø */
.legend-kulturmiljo, .legend-kulturmiljo-, .legend-kulturmiljø-fredet { background: rgba(255, 0, 0, 0.3); border: 2px solid rgb(0, 0, 0); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Funnpotensiale */
.legend-funnpotensiale-high, .legend-funnpotensiale-1 { background: rgba(155, 0, 0, 0.75); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-funnpotensiale-medium, .legend-funnpotensiale-2 { background: rgba(0, 112, 255, 0.75); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-funnpotensiale-low, .legend-funnpotensiale-3 { background: rgba(190, 210, 255, 0.75); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Reklame faktor */
.legend-reklame-xs_omrader { background: rgba(255, 255, 127, 1); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reklame-s_omrader { background: rgba(255, 191, 0, 1); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reklame-m_omrader { background: rgba(255, 127, 0, 1); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reklame-l_omrader { background: rgba(255, 0, 63, 1); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reklame-m_omrade_hovedgate { background: white; position: relative; top: -20px; z-index: 10; box-shadow: none !important; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reklame-m_omrade_hovedgate:before, .legend-reklame-m_omrade_hovedgate:after { content: ""; display: block; position: absolute; left: 0; right: 0; box-shadow: 1px 1px 2px; }
.legend-reklame-m_omrade_hovedgate:before { height: 16px; top: 120%; background: linear-gradient(-135deg, rgba(255, 191, 0, 1) 10px, transparent 0) 0 10px, linear-gradient(135deg, rgba(255, 191, 0, 1) 10px, transparent 0) 0 10px; background-position: top left; background-repeat: repeat-x; background-size: 20px 20px; }
.legend-reklame-m_omrade_hovedgate:after { height: 20px; top: 100%; background: linear-gradient(-135deg, white 10px, transparent 0) 0 10px, linear-gradient(135deg, white 10px, transparent 0) 0 10px; background-position: top left; background-repeat: repeat-x; background-size: 20px 20px; }
.legend-reklame-l_omrade_stroksgate { background: white; position: relative; top: -20px; z-index: 10; box-shadow: none !important; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px; }
.legend-reklame-l_omrade_stroksgate:before, .legend-reklame-l_omrade_stroksgate:after { content: ""; display: block; position: absolute; left: 0; right: 0; box-shadow: 1px 1px 2px; }
.legend-reklame-l_omrade_stroksgate:before { height: 16px; top: 120%; background: linear-gradient(-135deg, rgba(255, 0, 63, 1) 10px, transparent 0) 0 10px, linear-gradient(135deg, rgba(255, 0, 63, 1) 10px, transparent 0) 0 10px; background-position: top left; background-repeat: repeat-x; background-size: 20px 20px; }
.legend-reklame-l_omrade_stroksgate:after { height: 20px; top: 100%; background: linear-gradient(-135deg, white 10px, transparent 0) 0 10px, linear-gradient(135deg, white 10px, transparent 0) 0 10px; background-position: top left; background-repeat: repeat-x; background-size: 20px 20px; }
.legend-reklame-l_omrade_riksvei { background: white; position: relative; top: -20px; z-index: 10; box-shadow: none !important; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px; }
.legend-reklame-l_omrade_riksvei:before, .legend-reklame-l_omrade_riksvei:after { content: ""; display: block; position: absolute; left: 0; right: 0; box-shadow: 1px 1px 2px; }
.legend-reklame-l_omrade_riksvei:before { height: 16px; top: 120%; background: linear-gradient(-135deg, rgba(255, 127, 127, 1) 10px, transparent 0) 0 10px, linear-gradient(135deg, rgba(255, 127, 127, 1) 10px, transparent 0) 0 10px; background-position: top left; background-repeat: repeat-x; background-size: 20px 20px;}
.legend-reklame-l_omrade_riksvei:after { height: 20px; top: 100%; background: linear-gradient(-135deg, white 10px, transparent 0) 0 10px, linear-gradient(135deg, white 10px, transparent 0) 0 10px; background-position: top left; background-repeat: repeat-x; background-size: 20px 20px; }
.legend-reklame-l_omrade_symbol { border: 2px solid rgb(255, 0, 63); height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reklame-m_omrade_sentrum{background: transparent -webkit-repeating-linear-gradient(120deg, #ff7f00, #ff7f00 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #ff7f00, #ff7f00 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Blågrønn */
.legend-blaagronn-1 { background: rgba(144, 238, 144, 0.75); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-blaagronn-0 { background: rgba(60, 179, 113, 0.75); border: 1px solid rgb(110, 110, 110); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Områder med verneverdi */
.legend-avklart-indre { background: rgba(115, 178, 255, 0.75); border: 1px solid rgb(20, 20, 20); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-avklart-ytre { background: rgba(255, 167, 127, 0.75); border: 1px solid rgb(20, 20, 20); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-uavklart-ytre { background: rgba(255, 235, 175, 0.75); border: 1px solid rgb(20, 20, 20); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-bevaring-kulturmiljo { background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255,0,0,1) 4px, rgba(255,0,0,1) 8px); background: transparent repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255,0,0,1) 4px, rgba(255,0,0,1) 8px); border: 1px solid rgb(255, 0, 0); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-nasjonale-kulturminneinteresser { background: #000 -webkit-repeating-linear-gradient(0deg, transparent, transparent 1.5px, rgb(255,255,255) 1.5px, rgb(255,255,255) 7px); background: #000 repeating-linear-gradient(0deg, transparent, transparent 1.5px, rgb(255,255,255) 1.5px, rgb(255,255,255) 7px); border: 1px solid rgb(0, 0, 0); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-regulert-bevaring {background: rgba(230, 190, 255, 0.75); border: 1px solid rgb(20, 20, 20); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-avklart-nasjonale-kulturminner-bygg { border: 2px solid black; border-radius: 15px; background: rgba(255, 255, 0, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-nasjonale-kulturminner-klasse2 { background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0,112,255,1) 4px, rgba(0,112,255,1) 8px); background: transparent repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0,112,255,1) 4px, rgba(0,112,255,1) 8px); border: 1px solid rgb(0, 112, 255); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-indre-by { border-bottom: 4px solid rgb(255, 0, 0); height: 6px; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-planens-avgrensing { background: -webkit-linear-gradient(to right, black 63%, rgba(255,255,255,0) 0%) repeat-x top; background: linear-gradient(to right, black 63%, rgba(255,255,255,0) 0%) repeat-x top; background-size: 12px 4px; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-marka { background: rgba(220, 237, 209, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-markagrense { background: transparent -webkit-repeating-linear-gradient(60deg, transparent, transparent 6px, rgba(0,220,0,1) 6px, rgba(0,220,0,1) 8px); background: transparent repeating-linear-gradient(60deg, transparent, transparent 6px, rgba(0,220,0,1) 6px, rgba(0,220,0,1) 8px); border: 1px solid rgb(0, 220, 0); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-plansaker { background: rgba(255, 0, 255, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-byggesaker { background: rgba(255, 0 , 0, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-eiendomssaker { background: rgba(255, 255 , 0, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-postliste { background: rgba(138, 60, 255, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-kunngjoring { background: rgba(255, 153, 0, 0.75); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-vpor { background: rgba(225, 128, 153, 0.5); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-vpor-fastsatt { background: rgba(205, 128, 153, 0.8); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-planprogram { background: rgba(0, 255, 255, 0.5); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-planprogram-fastsatt { background: rgba(0, 180, 180, 0.8); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-omraaderegulering { background: rgba(219, 194, 95, 0.8); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
/* Regulering */
.legend-reg-bolig {background: #fefe99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-friomraade {background: #c8ff78; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-veigrunn {background: #d9d9d9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-industri {background: #d2d2f0; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-forretning {background: #ffd98c; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-veiareal {background: #ccbf0d; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-offentlig {background: #ff8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-boliger{background: #D7FEC8; height:20px; width:30px; border:1px solid; float: left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-20{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-21{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-22{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-40{background: #C8FF78; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-41{background: #C8FF78; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-42{background: #C8FF78; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-43{background: #C8FF78; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-44{background: #C8FF78; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-65{background: #D9D9D9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-70{background: #B3B3B3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-71{background: #D9D9D9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-72{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-73{background: #D9B326; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-74{background: #8BCC66; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-75{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-77{background: #8BCC66; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-78{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-110{background: #FEFE99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-111{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-120{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-121{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-122{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-123{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-124{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-130{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-140{background: #FFD98C; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-141{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-142{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-143{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-144{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-145{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-146{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-147{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-148{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-149{background: #FFD98C; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-150{background: #D2D2F0; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-151{background: #D2D2F0; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-152{background: #D2D2F0; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-160{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-161{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-162{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-163{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-164{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-165{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-166{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-167{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-168{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-169{background: #E6CC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-170{background: #E6CC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-171{background: #E6CC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-180{background: #FEFE99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-181{background: #FEFE99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-190{background: transparent -webkit-repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-191{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-310{background: #D9D9D9; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-311{background: #CCBF0D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-312{background: #D9B326; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-313{background: #D9D9D9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-314{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-315{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-316{background: #D9B326; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-317{background: #D9B326; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-330{background: #D9D9D9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-331{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-332{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-333{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-335{background: #D9B326; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-340{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-341{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-350{background: #E6CCB3; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-450{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-451{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-452{background: #BFF2FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-610{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-611{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-612{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-613{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-614{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-615{background: #D7FEC8; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-620{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-621{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-622{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-623{background: #FF8099; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-640{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-642{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-643{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-644{background: #FF994D; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}

.legend-reg-660{background: transparent -webkit-repeating-linear-gradient(120deg, #FEFE99, #FEFE99 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #FEFE99, #FEFE99 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-661{background: transparent -webkit-repeating-linear-gradient(120deg, #BFF2FF, #BFF2FF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #BFF2FF, #BFF2FF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-662{background: transparent -webkit-repeating-linear-gradient(120deg, #BFF2FF, #BFF2FF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #BFF2FF, #BFF2FF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-663{background: transparent -webkit-repeating-linear-gradient(120deg, #D2D2F0, #D2D2F0 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #D2D2F0, #D2D2F0 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-664{background: transparent repeating-linear-gradient(120deg, #FFD98C, #FFD98C 6px, #000000 6px, #000000 7px); height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-665{background: transparent -webkit-repeating-linear-gradient(120deg, #FF8099, #FF8099 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #FF8099, #FF8099 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-666{background: transparent -webkit-repeating-linear-gradient(120deg, #E6CC99, #E6CC99 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #E6CC99, #E6CC99 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-667{background: transparent -webkit-repeating-linear-gradient(120deg, #C8FF78, #C8FF78 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #C8FF78, #C8FF78 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-668{background: transparent -webkit-repeating-linear-gradient(120deg, #8BCC66, #8BCC66 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #8BCC66, #8BCC66 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-669{background: transparent -webkit-repeating-linear-gradient(120deg, #FFD98C, #FFD98C 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #FFD98C, #FFD98C 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-670{background: transparent -webkit-repeating-linear-gradient(120deg, #B3B3B3, #B3B3B3 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #B3B3B3, #B3B3B3 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-671{background: transparent -webkit-repeating-linear-gradient(120deg, #B3B3B3, #B3B3B3 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #B3B3B3, #B3B3B3 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-672{background: transparent -webkit-repeating-linear-gradient(120deg, #D7FEC8, #D7FEC8 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #D7FEC8, #D7FEC8 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-673{background: transparent -webkit-repeating-linear-gradient(120deg, #D9B326, #D9B326 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #D9B326, #D9B326 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-675{background: transparent -webkit-repeating-linear-gradient(120deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-730 {background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #000000 6px, #000000 7px),repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}

.legend-reg-936{background: #D9D9D9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-936{background: #D9D9D9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1001{background: #FFCC00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1110{background: #FFFF33; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1130{background: #CC9900; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1150{background: #CCCCFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1160{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1161{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1162{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1163{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1164{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1165{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1169{background: #FF9999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1300{background: #9966FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1310{background: #CC99FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1320{background: #CC99FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1330{background: #CC99FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1340{background: #CC66FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1400{background: #99CC00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1410{background: #99CC00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1420{background: #99CC00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1430{background: #669900; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1470{background: #669900; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1500{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1501{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1510{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1540{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1541{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1542{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1560{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1589{background: #FF9933; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1600{background: #66CC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1620{background: #66CC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1690{background: #66CC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1700{background: #CC6699; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1800{background: #FFCC00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1800{background: transparent repeating-linear-gradient(60deg, #FFCC00, #FFCC00 6px, #FFFFFF 6px, #FFFFFF 12px);height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1801{background: transparent -webkit-repeating-linear-gradient(60deg, #FFFF00, #FFFF00 6px, #CCCCFF 6px, #CCCCFF 12px);background: transparent repeating-linear-gradient(60deg, #FFFF00, #FFFF00 6px, #CCCCFF 6px, #CCCCFF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1801{background: #FFFF00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1802{background: transparent -webkit-repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC99FF 6px, #CC99FF 12px, #e9ee38 12px, #e9ee38 18px);background: transparent repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC99FF 6px, #CC99FF 12px, #e9ee38 12px, #e9ee38 18px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1803{background: transparent -webkit-repeating-linear-gradient(60deg, #FFFF00, #FFFF00 6px, #FF9999 6px, #FF9999 12px);background: transparent repeating-linear-gradient(60deg, #FFFF00, #FFFF00 6px, #FF9999 6px, #FF9999 12px); border: 1px solid rgb(0, 220, 0); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1803{background: #FFFF00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1804{background: transparent -webkit-repeating-linear-gradient(60deg, #FFFF00, #FFFF00 6px, #CC99FF 6px, #CC99FF 12px); background: transparent repeating-linear-gradient(60deg, #FFFF00, #FFFF00 6px, #CC99FF 6px, #CC99FF 12px); border: 1px solid rgb(0, 220, 0); height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1804{background: #FFFF00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1810{background: #CCCCFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1813{background: #CCCCFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1830{background: #CC99FF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1900{background: #FFCC00; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2010{background: #CCCCCC; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2011{background: #CCCCCC; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2012{background: #FFCCCC; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2013{background: #FFCCCC; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2014{background: #F0DDDB; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2015{background: #F0DDDB; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2016{background: #F0DDDB; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2017{background: #F0DDDB; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2018{background: #999999; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2019{background: #999966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2020{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2021{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2022{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2024{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2025{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2027{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2028{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2040{background: #99CCCC; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2041{background: #99CCCC; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2060{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2061{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2073{background: #CC9966; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2080{background: #B9B9B9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2082{background: #B9B9B9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2083{background: #B9B9B9; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2110{background: #FFCC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2140{background: #FFCC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2141{background: #FFCC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2800{background: #CCCCCC; height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-2900{background: #CCCCCC; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3001{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3020{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3030{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3031{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3040{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3050{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3060{background: #99FF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3800{background: transparent -webkit-repeating-linear-gradient(60deg, #99FF99, #99FF99 6px, #FFFFFF 6px, #FFFFFF 12px);background: transparent repeating-linear-gradient(60deg, #99FF99, #99FF99 6px, #FFFFFF 6px, #FFFFFF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-3900{background: transparent -webkit-repeating-linear-gradient(60deg, #66CC66, #66CC66 6px, #D7FEC8 6px, #D7FEC8 12px);background: transparent repeating-linear-gradient(60deg, #66CC66, #66CC66 6px, #D7FEC8 6px, #D7FEC8 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-4001{background: #CCCC99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5100{background: #CCFF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5110{background: #CCFF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5112{background: #CCFF99; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5120{background: #99FF66; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5130{background: #99FF66; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5210{background: #CCFFCC; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5500{background: #00CC66; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5600{background: #00CC66; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-5900{background: transparent -webkit-repeating-linear-gradient(60deg, #CCFF99, #CCFF99 6px, #FFFFFF 6px, #FFFFFF 12px);background: transparent repeating-linear-gradient(60deg, #CCFF99, #CCFF99 6px, #FFFFFF 6px, #FFFFFF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6100{background: #66CCFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6200{background: #66CCFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6220{background: #66CCFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6600{background: #99FFFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6610{background: #99FFFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6700{background: #99FFFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6710{background: #99FFFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6770{background: #66FFFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6900{background: #CCFFFF; height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-6900{background: transparent -webkit-repeating-linear-gradient(60deg, #CCFFFF, #CCFFFF 6px, #99FFFF 6px, #99FFFF 12px);background: transparent repeating-linear-gradient(60deg, #CCFFFF, #CCFFFF 6px, #99FFFF 6px, #99FFFF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}


.legend-reg-1810{background: transparent -webkit-repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC99FF 6px, #CC99FF 12px);background: transparent repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC99FF 6px, #CC99FF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1811{background: transparent -webkit-repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC66FF 6px, #CC66FF 12px, #CC99FF 12px, #CC99FF 18px);background: transparent repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC66FF 6px, #CC66FF 12px, #CC99FF 12px, #CC99FF 18px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1812{background: transparent -webkit-repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC66FF 6px, #CC66FF 12px);background: transparent repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC66FF 6px, #CC66FF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1813{background: transparent -webkit-repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC99FF 6px, #CC99FF 12px, #FF9999 12px, #FF9999 18px);background: transparent repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #CC99FF 6px, #CC99FF 12px, #FF9999 12px, #FF9999 18px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1814{background: transparent -webkit-repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #FF9999 6px, #FF9999 12px);background: transparent repeating-linear-gradient(60deg, #CCCCFF, #CCCCFF 6px, #FF9999 6px, #FF9999 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1824{background: transparent -webkit-repeating-linear-gradient(60deg, #9966FF, #9966FF 6px, #FF9999 6px, #FF9999 12px);background: transparent repeating-linear-gradient(60deg, #9966FF, #9966FF 6px, #FF9999 6px, #FF9999 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1825{background: transparent -webkit-repeating-linear-gradient(60deg, #CC99FF, #CC99FF 6px, #9966FF 6px, #9966FF 12px);background: transparent repeating-linear-gradient(60deg, #CC99FF, #CC99FF 6px, #9966FF 6px, #9966FF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1826{background: transparent -webkit-repeating-linear-gradient(60deg, #CC66FF, #CC66FF 6px, #FFCC00 6px, #FFCC00 12px);background: transparent repeating-linear-gradient(60deg, #CC66FF, #CC66FF 6px, #FFCC00 6px, #FFCC00 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1830{background: transparent -webkit-repeating-linear-gradient(60deg, #CC99FF, #CC99FF 6px, #CC66FF 6px, #CC66FF 12px);background: transparent repeating-linear-gradient(60deg, #CC99FF, #CC99FF 6px, #CC66FF 6px, #CC66FF 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1831{background: transparent -webkit-repeating-linear-gradient(60deg, #CC99FF, #CC99FF 6px, #FF9999 6px, #FF9999 12px);background: transparent repeating-linear-gradient(60deg, #CC99FF, #CC99FF 6px, #FF9999 6px, #FF9999 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-1900{background: transparent -webkit-repeating-linear-gradient(60deg, #9966FF, #9966FF 6px, #FF9999 6px, #FF9999 12px);background: transparent repeating-linear-gradient(60deg, #9966FF, #9966FF 6px, #FF9999 6px, #FF9999 12px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}

.legend-reg-Angitthensynsone {background: transparent -webkit-repeating-linear-gradient(120deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(120deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Båndleggingsone {background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, #000000 6px, #000000 7px),repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Detaljeringsone {background: repeating-linear-gradient(0deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Faresone {background: transparent -webkit-repeating-linear-gradient(120deg, #FFFFFF, #FFFFFF 6px, rgba(255, 0, 0, 1) 6px, rgba(255, 0, 0, 1) 7px);background: transparent repeating-linear-gradient(120deg, #FFFFFF, #FFFFFF 6px, rgba(255, 0, 0, 1) 6px, rgba(255, 0, 0, 1) 7px);border: 1px solid rgb(255, 0, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Gjennomføringsone {background: transparent -webkit-repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Infrastruktursone {background: transparent -webkit-repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Sikringsone {background: transparent -webkit-repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}
.legend-reg-Støysone {background: transparent -webkit-repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);background: transparent repeating-linear-gradient(60deg, #FFFFFF, #FFFFFF 6px, #000000 6px, #000000 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}

.legend-reg-skrav{
    background: transparent -webkit-repeating-linear-gradient(60deg, #FFCC00, #FFCC00 6px, #CC99FF 6px, #CC99FF 12px, #FF9999 12px, #FF9999 18px);
    background: transparent repeating-linear-gradient(60deg, #FFCC00, #FFCC00 6px, #CC99FF 6px, #CC99FF 12px, #FF9999 12px, #FF9999 18px);
    border: 1px solid rgb(0, 220, 0);
	height:20px; 
	width:30px; 
	border:1px solid; 
	float:left; 
	box-shadow: 1px 1px 2px; 
	margin-right: 5px;
}
.legend-reg-skrav2{
    background: transparent -webkit-repeating-linear-gradient(60deg, #FFCC00, #FFCC00 6px, #FFFFFF 6px, #FFFFFF 12px);
    background: transparent repeating-linear-gradient(60deg, #FFCC00, #FFCC00 6px, #FFFFFF 6px, #FFFFFF 12px);
    border: 1px solid rgb(0, 220, 0);
	height:20px; 
	width:30px; 
	border:1px solid; 
	float:left; 
	box-shadow: 1px 1px 2px; 
	margin-right: 5px;
}

/************ Kommuneplan - arealformålområde ***********/
/* bebyggelse og anlegg, eksisterende */
.legend-1001-1 {
    background: rgb(255, 204, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* bebyggelse og anlegg, fremtidig */
.legend-1001-2 {
    background: rgb(230, 170, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* utvikling- og transformasjonsområder */
.legend-1001-2-t,
.legend-1001-2-u,
.legend-1001-2-u1,
.legend-1001-2-u2,
.legend-1001-2-u3,
.legend-1001-2-u4,
.legend-1001-2-u5 {
    background: rgb(230, 170, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-1001-2-t:after {
    content: "T";
    margin-left: 4px;
    font-size: 12px;
}
.legend-1001-2-u:after {
    content: "U";
    margin-left: 4px;
    font-size: 12px;
}
.legend-1001-2-U1:after {
    content: "U1";
    margin-left: 2px;
    font-size: 12px;
}
.legend-1001-2-u2:after {
    content: "U2";
    margin-left: 2px;
    font-size: 12px;
}
.legend-1001-2-u3:after {
    content: "U3";
    margin-left: 2px;
    font-size: 12px;
}
.legend-1001-2-u4:after {
    content: "U4";
    margin-left: 2px;
    font-size: 12px;
}
.legend-1001-2-u5:after {
    content: "U5";
    margin-left: 2px;
    font-size: 12px;
}
/* bane, eksisterende */
.legend-2020-1 {
    background: rgb(222, 181, 142);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* havn, eksisterende */
.legend-2040-1 {
    background: rgb(153, 204, 204);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* havn, fremtidig */
.legend-2040-2 {
    background: rgb(102, 177, 177);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* kollektivknutepunkt, fremtidig */
.legend-2070-2 {
    background: rgb(153, 102, 51);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* grønnstruktur, eksisterende */
.legend-3001-1 {
    background: rgb(153, 255, 153);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* grønnstruktur, fremtidig */
.legend-3001-2 {
    background: rgb(102, 204, 102);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* forsvaret, eksisterende */
.legend-4001-1, .legend-4001 {
    background: rgb(204, 204, 153);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* lnf areal, eksisterende */
.legend-5100-1 {
    background: rgb(204, 255, 153);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* lnf areal, fremtidig */
.legend-5100-2 {
    background: rgb(153, 255, 102);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* spredt boligbebyggelse, eksisterende */
.legend-5210-1 {
    background: rgb(204, 255, 204);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* spredt boligbebyggelse, fremtidig */
.legend-5210-2 {
    background: rgb(51, 255, 153);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* spredt fritidsbebyggelse, eksisterende */
.legend-5220-1 {
    background: rgb(153, 255, 102);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* spredt fritidsbebyggelse, fremtidig */
.legend-5220-1 {
    background: rgb(153, 255, 102);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* bruk og vern av sjø og vassdrag, eksisterende */
.legend-6001-1 {
    background: rgb(204, 255, 255);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* farled, eksisterende */
.legend-6200-1 {
    background: rgb(102, 204, 255);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* småbåthavn, eksisterende */
.legend-6230-1 {
    background: rgb(102, 204, 255);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* småbåthavn, fremtidig */
.legend-6230-2 {
    background: rgb(0, 169, 230);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* naturområde, eksisterende */
.legend-6600-1, .legend-6600 {
    background: rgb(153, 255, 255);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* friluftsområde, eksisterende */
.legend-6700-1, .legend-6700 {
    background: rgb(153, 255, 255);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/************ Kommuneplan - hensynssoner ***********/
/* bevaring kulturmiljø */
.legend-h570 {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* båndlegging for regulering etter pbl */
.legend-h710 {
    background-image: -webkit-repeating-linear-gradient(0deg, transparent, transparent 8px, rgba(255,0,0,1) 10px, rgba(255,0,0,1) 8px),
    -webkit-repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(255,0,0,1) 10px, rgba(255,0,0,1) 8px);
    background-image: repeating-linear-gradient(0deg, transparent, transparent 8px, rgba(255,0,0,1) 10px, rgba(255,0,0,1) 8px),
        repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(255,0,0,1) 10px, rgba(255,0,0,1) 8px);
    border: 1px dashed rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* gjennomføringssoner */
.legend-h810_1,
.legend-h810_2,
.legend-h820_1,
.legend-h820_2 {
    background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    background: transparent repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}

/************ Kommuneplan - juridiske linjer og symboler ***********/
/* fjernvei (tunnel), eksisterende */
.legend-1121-1-1 {
    background: -webkit-linear-gradient(right, rgb(0,0,0) 80%, rgba(0,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(0,0,0) 80%, rgba(0,0,0,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* fjernvei, eksisterende */
.legend-1121-2-1 {
    background: -webkit-linear-gradient(right, rgb(0,0,0) 100%, rgba(0,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(0,0,0) 100%, rgba(0,0,0,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* turvegtrase, fremtidig */
.legend-1140-2-2 {
    background: -webkit-linear-gradient(right, rgb(255,0,0) 63%, rgba(255,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(255,0,0) 63%, rgba(255,0,0,0) 0%) repeat-x top;
    background-size: 12px 4px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* jernbane og sporveg (tunnel), eksisterende */
.legend-1151-1-1, .legend-1152-1-1 {
    background: -webkit-linear-gradient(right, rgb(130,130,130) 70%, rgba(130,130,130,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(130,130,130) 70%, rgba(130,130,130,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-1151-1-1::after, .legend-1152-1-1::after {
    content: "I";
    position: relative;
    top: -9px;
    left: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 7px;
    color: rgb(130,130,130);
}
/* jernbane og sporveg, eksisterende */
.legend-1151-2-1, .legend-1152-2-1 {
    background: -webkit-linear-gradient(right, rgb(130,130,130) 100%, rgba(130,130,130,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(130,130,130) 100%, rgba(130,130,130,0) 0%) repeat-x top;
    background-size: 12px 4px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-1151-2-1::after, .legend-1152-2-1::after {
    content: "I";
    position: relative;
    top: -9px;
    left: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 7px;
    color: rgb(130,130,130);
}
/* jernbane og sporveg (tunnel), fremtidig */
.legend-1151-1-2, .legend-1152-1-2 {
    background: -webkit-linear-gradient(right, rgb(255,0,0) 70%, rgba(250,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(255,0,0) 70%, rgba(250,0,0,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-1151-1-2::after, .legend-1152-1-2::after {
    content: "I";
    position: relative;
    top: -9px;
    left: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 7px;
    color: rgb(255,0,0);
}
/* jernbane og sporveg (tunnel), fremtidig */
.legend-1151-1-2, .legend-1152-1-2 {
    background: -webkit-linear-gradient(right, rgb(255,0,0) 70%, rgba(250,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(255,0,0) 70%, rgba(250,0,0,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-1151-1-2::after, .legend-1152-1-2::after {
    content: "I";
    position: relative;
    top: -9px;
    left: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 7px;
    color: rgb(255,0,0);
}
/* jernbane og sporveg, eksisterende */
.legend-1151-2-2, .legend-1152-2-2 {
    background: -webkit-linear-gradient(right, rgb(255,0,0) 100%, rgba(250,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(255,0,0) 100%, rgba(250,0,0,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-1151-2-2::after, .legend-1152-2-2::after {
    content: "I";
    position: relative;
    top: -9px;
    left: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 7px;
    color: rgb(255,0,0);
}
/* kollektivknutepunkt, eksisterende */
.legend-1159-1 {
    border: 3px solid black;
    border-radius: 15px;
    background: none;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* kollektivknutepunkt, fremtidig */
.legend-1159-2 {
    border: 3px solid red;
    border-radius: 15px;
    background: none;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* farled, eksisterende */
.legend-1161-2-1 {
    background: -webkit-linear-gradient(right, rgb(0,0,0) 80%, rgba(0,0,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(0,0,0) 80%, rgba(0,0,0,0) 0%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* markagrense */
.legend-1163 {
    background: -webkit-linear-gradient(right, rgb(0,153,0) 63%, rgba(0,153,0,0) 0%) repeat-x top;
    background: linear-gradient(to right, rgb(0,153,0) 63%, rgba(0,153,0,0) 0%) repeat-x top;
    background-size: 12px 4px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* planens avgrensing */
.legend-KpGrense {
    background: -webkit-linear-gradient(right, black 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background: linear-gradient(to right, black 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 12px 4px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* aktivitetssone marka */
.legend-best-marka {
    border: 2px dashed black;
    padding: 8px 4px;
    background-image: -webkit-radial-gradient(black 30%, transparent 20%);
    background-image: -moz-radial-gradient(black 30%, transparent 20%);
    background-image: -ms-radial-gradient(black 30%, transparent 20%);
    background-image: radial-gradient(black 30%, transparent 20%);
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* bestemmelsesgrense */
.legend-bestgrense {
    background: -webkit-linear-gradient(right, black 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background: linear-gradient(to right, black 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 10px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/************ Kommuneplan - ikke juridiske linjer og symboler ******/
.legend-fjernveg_ikke_juridisk svg{
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-fjernveg_ikke_juridisk svg g {
    stroke: rgb(168, 0, 0);
    stroke-width: 3px;
}
.legend-fjernveg_tunnel_ikke_juridisk svg{
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-fjernveg_tunnel_ikke_juridisk svg g {
    stroke: rgb(168, 0, 0);
    stroke-width: 3px;
}
.legend-fjernveg_tunnel_ikke_juridisk svg g path {
    stroke-dasharray: 10, 4;
}
.legend-fjernveg_lokk_tunnel svg {
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-fjernveg_lokk_tunnel svg g {
    stroke: rgb(168, 0, 0);
    stroke-width: 3px;
}
.legend-fjernveg_lokk_tunnel svg g path {
    stroke-dasharray: 3, 2;
}
.legend-fjernveg_lokk svg {
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-fjernveg_lokk svg g{
    stroke: rgb(168, 0, 0);
    stroke-width: 3px;
}
.legend-fjernveg_lokk svg g path{
    stroke-dasharray: 1, 5;
    stroke-width: 3px;
    stroke-linecap: round;
}
.legend-mulig_banetrase_ikke_juridisk svg{
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-mulig_banetrase_ikke_juridisk svg g {
    stroke: rgb(168, 0, 0);
    stroke-width: 3px;
}
.legend-mulig_banetrase_ikke_juridisk svg g path {
    stroke-dasharray: 7, 2, 3, 2;
}
.legend-sporveg_ikke_juridisk svg{
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-sporveg_ikke_juridisk svg g {
    stroke: rgb(168, 0, 0);
    stroke-width: 3px;
}
.legend-sporveg_ikke_juridisk svg g path:nth-of-type(1) {
    stroke-dasharray: 2, 7;
    stroke-width: 10px;
}
.legend-stasjoner_ikke_juridisk svg {
    width: 25px;
    height: 20px;
    margin-left: -2px;
}
.legend-stasjoner_ikke_juridisk svg g circle:nth-of-type(1) {
    fill: none;
    stroke: grey;
}
.legend-stasjoner_ikke_juridisk svg g circle:nth-of-type(2) {
    fill: grey;
    stroke: grey;
}
.legend-stasjoner_ikke_juridisk_ny svg {
    width: 25px;
    height: 20px;
    margin-left: -2px;
}
.legend-stasjoner_ikke_juridisk_ny svg g circle:nth-of-type(1) {
    fill: none;
    stroke: red;
}
.legend-stasjoner_ikke_juridisk_ny svg g circle:nth-of-type(2) {
    fill: red;
    stroke: red;
}
/* Nedslagsfelt drikkevann */
.legend-kpsikringsone-110 {
    background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    background: transparent repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Andre sikringssoner (restriksjoner for anlegg i grunnen) */
.legend-kpsikringsone-190 {
    background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    background: transparent repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Ras- og skredfare (steinsprang/kvikkleire) */
.legend-kpfaresone-310 {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 8px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Flomfare (stormflo/elveflom) */
.legend-kpfaresone-320 {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 8px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Annen fare (deponi) */
.legend-kpfaresone-390 {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 8px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 8px);
    border: 1px dashed rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Rød støysone, bane */
.legend-kpstoysone-bane-210 {
    background: rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Gul støysone, bane */
.legend-kpstoysone-bane-220 {
    background: rgb(255, 255, 115);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Rød støysone, veg */
.legend-kpstoysone-veg-210 {
    background: rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Gul støysone, veg */
.legend-kpstoysone-veg-220 {
    background: rgb(255, 255, 115);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Rød støysone, havn */
.legend-kpstoysone-havn-210 {
    background: rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Gul støysone, havn */
.legend-kpstoysone-havn-220 {
    background: rgb(255, 255, 115);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Rød støysone, skytebane */
.legend-kpstoysone-skytebane-210 {
    background: rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Gul støysone, skytebane */
.legend-kpstoysone-skytebane-220 {
    background: rgb(255, 255, 115);
}
/* Gul støysone, skytebane */
.legend-kpstoysone-skytebane-220 {
    background: rgb(255, 255, 115);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Avvikssone (støy) */
.legend-kpstoysone-avvikssone-290 {
    border: 3px solid rgb(0, 112, 255);
    border-radius: 2px;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Stille områder (støy) */
.legend-kpstoysone-230 {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(112,168,0,1) 5px, rgba(112,168,0,1) 8px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(112,168,0,1) 5px, rgba(112,168,0,1) 8px);
    border: 1px dashed rgb(112, 168, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-kpstoysone-havneområde-290 {
    background: rgb(225, 225, 225);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Luftforurensing */
.legend-row .legend-luftforurensing-nitrogendioksid-gronn,
.legend-row .legend-luftforurensing-svevestøv-gronn {
    border-radius: 15px;
    background: rgb(168,168,0);
	height:20px; width:20px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-luftforurensing-nitrogendioksid-gul,
.legend-row .legend-luftforurensing-svevestøv-gul {
    border-radius: 15px;
    background: rgb(255,255,0);
	height:20px; width:20px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-luftforurensing-nitrogendioksid-oransje,
.legend-row .legend-luftforurensing-svevestøv-oransje {
    border-radius: 15px;
    background: rgb(255,170,0);
	height:20px; width:20px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-luftforurensing-nitrogendioksid-rod,
.legend-row .legend-luftforurensing-svevestøv-rod {
    border-radius: 15px;
    background: rgb(255,0,0);
	height:20px; width:20px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-luftforurensing-nitrogendioksid-mrod,
.legend-row .legend-luftforurensing-svevestøv-mrod {
    border-radius: 15px;
    background: rgb(168,0,0);
	height:20px; width:20px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Naturmiljø */
.legend-row .legend-naturmiljø-bandlegging_pbl {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 9px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,0,0,1) 5px, rgba(255,0,0,1) 9px);
    border: 1px solid rgb(255, 0, 0);
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-naturmiljø-vern_naturmangfoldlv {
    background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(76,230,0,1) 5px, rgba(76,230,0,1) 9px);
    background: transparent repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(76,230,0,1) 5px, rgba(76,230,0,1) 9px);
    border: 1px solid rgb(76, 230, 0);
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-naturmiljø-vern_markalvn {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(168,168,0,1) 5px, rgba(168,168,0,1) 9px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(168,168,0,1) 5px, rgba(168,168,0,1) 9px);
    border: 1px solid rgb(168, 168, 0);
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-naturmiljø-regulert_natur {
    background: rgb(209, 255, 115);
    border: 1px solid black;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-naturmiljø-natur_a {
    border: 1px solid rgb(255,0,0);
    padding: 8px 4px;
    background-image: -webkit-radial-gradient(rgb(255,0,0) 30%, transparent 20%);
    background-image: -moz-radial-gradient(rgb(255,0,0) 30%, transparent 20%);
    background-image: -ms-radial-gradient(rgb(255,0,0) 30%, transparent 20%);
    background-image: radial-gradient(rgb(255,0,0) 30%, transparent 20%);
    -webkit-background-size: 6px 6px;
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-naturmiljø-natur_b {
    border: 1px solid rgb(56,168,0);
    padding: 8px 4px;
    background-image: -webkit-radial-gradient(rgb(56,168,0) 30%, transparent 20%);
    background-image: -moz-radial-gradient(rgb(56,168,0) 30%, transparent 20%);
    background-image: -ms-radial-gradient(rgb(56,168,0) 30%, transparent 20%);
    background-image: radial-gradient(rgb(56,168,0) 30%, transparent 20%);
    -webkit-background-size: 6px 6px;
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-naturmiljø-natur_c {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 5px, rgb(0,92,230) 5px, rgb(0,92,230) 7px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 5px, rgb(0,92,230) 5px, rgb(0,92,230) 7px);
    border: 1px solid rgb(0,92,230);
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Kulturminnevern */
.legend-row .legend-kulturminnevern-vern_indre_kat1 {
    background: rgba(115, 178, 255, 0.75);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-vern_ytre_kat1 {
    background: rgba(255, 167, 127, 0.75);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-vern_ytre_kat2 {
    background: rgba(255, 235, 175, 0.75);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-hensyn_bevaring_kulturmiljo {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255,0,0,1) 4px, rgba(255,0,0,1) 8px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255,0,0,1) 4px, rgba(255,0,0,1) 8px);
    border: 1px solid rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-nasjonale_kulturminneinteresser {
    background: #000 -webkit-repeating-linear-gradient(0deg, transparent, transparent 1.5px, rgb(255,255,255) 1.5px, rgb(255,255,255) 7px);
    background: #000 repeating-linear-gradient(0deg, transparent, transparent 1.5px, rgb(255,255,255) 1.5px, rgb(255,255,255) 7px);
    border: 1px solid rgb(0, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-regulert_bevaring {
    background: rgba(230, 190, 255, 0.75);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-nasjonale_kulturminner_bygg {
    border: 2px solid black;
    border-radius: 15px;
    background: rgba(255, 255, 0, 0.75);
	height:20px; width:20px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-nasjonale_kulturminner {
    background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0,112,255,1) 4px, rgba(0,112,255,1) 8px);
    background: transparent repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0,112,255,1) 4px, rgba(0,112,255,1) 8px);
    border: 1px solid rgb(0, 112, 255);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-kulturminnevern-grense_indre_by {
    border: 3px solid rgb(255, 0, 0);
    border-radius: 2px;
	height:20px; width:30px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Storulykke */
.legend-row .legend-storulykke-brann_og_eksplosjon {
    background: rgba(255, 0, 0, 1);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Blågrønn struktur */
.legend-row .legend-blaagronn-park_1daa {
    background: transparent -webkit-repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(130,130,130,1) 4px, rgba(130,130,130,1) 5px);
    background: transparent repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(130,130,130,1) 4px, rgba(130,130,130,1) 5px);
    border: 1px solid rgb(130, 130, 130);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-park_5daa {
    background: transparent -webkit-repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(130,130,130,1) 4px, rgba(130,130,130,1) 5px);
    background: transparent repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(130,130,130,1) 4px, rgba(130,130,130,1) 5px);
    border: 1px solid rgb(130, 130, 130);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-park_prinsipp {
    background: rgba(56, 168, 0, 1);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-park_prinsipp {
    background: rgba(56, 168, 0, 1);
    border: 1px solid rgb(20, 20, 20);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-krysningspunkt_tiltak {
    background: transparent;
    border: 4px solid rgb(0, 115, 76);
    border-radius: 15px;
	height:20px; width:20px; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-elv_bekk_vann_dam {
    background: linear-gradient(to right, rgb(0,112,255) 100%, rgb(0,112,255) 0%) repeat-x top;
	background-size: 12px 6px;    
	background-position: 10px 6px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-elv_bekk_prinsipp {
    background: -webkit-linear-gradient(right, rgb(0,197,255) 70%, transparent 30%) repeat-x top;
    background: linear-gradient(to right, rgb(0,197,255) 70%, transparent 30%) repeat-x top;
    background-size: 12px 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-turdrag_prinsipp {
    background: linear-gradient(to right, rgb(56,168,0) 60%, transparent 20%) repeat-x top;
    background-size: 4px 10px;
    height: 10px;
    margin-top: 4px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-annen_viktig_gangforbindelse {
    background: linear-gradient(to right, rgb(0,0,0) 70%, transparent 30%) repeat-x top;
	background-size: 11px 5px;    
	background-position: 10px 6px;
	height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-row .legend-blaagronn-viktige_kommunikasjonsaarer {
    background: linear-gradient(to right, rgb(230,212,0) 100%, rgb(230,212,0) 0%) repeat-x top;
    background-size: 12px 10px;    
	background-position: 10px 8px;
    height: 10px;
    margin-top: 4px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-blaagronn-hovedturvei_framtidig svg {
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-blaagronn-hovedturvei_framtidig svg g {
    stroke: rgb(255, 0, 0);
    stroke-width: 3px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-blaagronn-hovedturvei_framtidig svg g path{
    stroke-dasharray: 1, 8;
    stroke-width: 5px;
    stroke-linecap: round;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-blaagronn-hovedturvei_eksisterende svg {
    width: 25px;
    height: 20px;
    margin-left: -2px;
    margin-top: -10px;
}
.legend-blaagronn-hovedturvei_eksisterende svg g {
    stroke: rgb(0, 0, 0);
    stroke-width: 3px;
}
.legend-blaagronn-hovedturvei_eksisterende svg g path {
    stroke-dasharray: 1, 8;
    stroke-width: 5px;
    stroke-linecap: round;
}
.line-legend-drenering-50000 {
    position: absolute;
    width: 0;
    border-style: solid;
    border-width: 2px 13px 13px 13px;
    border-color: transparent transparent rgba(132, 0, 168, 1) transparent;
    height: 6px;
    /*border-top: 5px solid rgba(132, 0, 168, 0.75);*/
}
.line-legend-drenering-50000-line {
    position: absolute;
    width: 2px;
    height: 20px;
    margin-left: 12px;
    background-color: rgba(132, 0, 168, 1);
}
.line-legend-drenering-5000 {
    position: absolute;
    width: 0;
    border-style: solid;
    border-width: 2px 13px 13px 13px;
    border-color: transparent transparent rgba(197, 0, 255, 1) transparent;
    height: 6px;
    /*border-top: 4px solid rgba(197, 0, 255, 0.75);*/
}
.line-legend-drenering-5000-line {
    position: absolute;
    width: 2px;
    height: 20px;
    margin-left: 12px;
    background-color: rgba(197, 0, 255, 1);
}
.legend-sub-symb {
    width: 25px;
    height: 6px;
    display: inline-block;
}
.line-legend-veg-e-r {
    margin-top: 25%;
    height: 6px;
    border-top: 8px solid rgba(255, 20, 147, 0.75);
}
.line-legend-veg-e-r-tunnel {
    margin-top: 25%;
    height: 6px;
    background: linear-gradient(to right, rgba(255, 20, 147, 0.75) 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 12px 8px;
}
.line-legend-veg-e-r-gang-sykkel {
    margin-top: 25%;
    height: 6px;
    background: linear-gradient(to right, rgba(255, 20, 147, 0.75) 50%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 12px 2px;
}
.line-legend-veg-k {
    margin-top: 25%;
    height: 6px;
    border-top: 5px solid rgba(50, 205, 50, 0.75);
}
.line-legend-veg-k-gang-sykkel {
    margin-top: 25%;
    height: 6px;
    background: linear-gradient(to right, rgba(50, 205, 50, 0.75) 50%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 12px 2px;
}
.line-legend-veg-p {
    margin-top: 25%;
    height: 6px;
    border-top: 3px solid rgba(218, 165, 32, 0.75);
}
.legend-marin-grense {
    background-color: rgba(0, 204, 255, 0.5);
}
.legend-verdifull-natur {
    background: transparent repeating-linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,1) 3px, rgba(250,0,0,0.75) 4px, rgba(250,0,0,0.75) 6px);
    border: 1px solid rgb(250, 0, 0);
    /*background: rgba(50, 205, 50, 0.75);
    border: 1px solid rgb(0, 100, 0);*/
}
.legend-fremmede-arter {
    background: transparent repeating-linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,1) 3px, rgba(10,10,10,0.75) 4px, rgba(10,10,10,0.75) 6px);
    border: 1px solid rgb(10, 10, 10);
    /*background: transparent repeating-linear-gradient(45deg, rgba(10,10,10,0.75), rgba(10,10,10,0.75) 4px, rgba(220,10,10,0.75) 4px, rgba(220,10,10,0.75) 8px);
    border: 1px solid rgb(10, 10, 10);*/
}
.legend-forurenset-aktsomhet {
    background: transparent repeating-linear-gradient(135deg, rgba(252,137,43,0), rgba(252,137,43,0) 4px, rgba(250,0,0,0.75) 1px, rgba(250,0,0,0.75) 5px);
    border: 1px solid rgb(250, 0, 0);
}
.legend-forurenset-forurenset {
    background: rgba(180, 0, 0, 0.75);
}
.legend-forurenset-potensielle {

}
.legend-forurenset-potensielle::after {
	content: '▲';
    color: rgba(250, 160, 20, 0.75);
    font-size: 18px;
}
.legend-fjernvarme-1{
    background: rgba(157, 157, 255, 0.6);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-fjernvarme-2{
    background: rgba(255, 128, 128, 0.6);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-fjernvarme-3{
    background: rgba(255, 255, 0, 0.6);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-maringrense{
    background: rgba(0, 204, 255, 0.25);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-naturmangfold-naturmangfold{
    background: transparent repeating-linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,1) 3px, rgba(250,0,0,0.75) 4px, rgba(250,0,0,0.75) 6px);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-naturmangfold-fremmede-arter{
    background: transparent repeating-linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,1) 3px, rgba(10,10,10,0.75) 4px, rgba(10,10,10,0.75) 6px);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-forurenset_grunn-aktsomhetskart{
    background: transparent repeating-linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,1) 3px, rgba(180,0,0,0.8) 4px, rgba(180,0,0,0.8) 6px);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-forurenset_grunn-forurenset_grunn{
    background: rgba(180,0,0,0.8);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-forurenset_grunn-potensiell_forurensning{
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-forurenset_grunn-potensiell_forurensning::after{
    content: '▲';
    color: rgba(250, 160, 20, 0.75);
    font-size: 16px;
}
.legend-drenering-50000{
    width: 0;
    border-style: solid;
    border-width: 2px 13px 13px 13px;
    border-color: transparent transparent rgba(132, 0, 168, 1) transparent;
    height: 6px;
}
.legend-drenering-5000{
    width: 0;
    border-style: solid;
    border-width: 2px 13px 13px 13px;
    border-color: transparent transparent rgba(197, 0, 255, 1) transparent;
    height: 6px;
}
.legend-vegkategori-kommunal-vei{
    background: rgba(50, 205, 50, 0.75);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vegkategori-privat-vei{
    background: rgba(218, 165, 32, 0.75);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vegkategori-europavei-og-riksvei-i-tuneller{    
	background: linear-gradient(to right, rgba(255, 20, 147, 0.75) 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 10px 6px;
    background-position: 6px 6px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vegkategori-europavei-og-riksvei{
    background: linear-gradient(to right, rgba(255, 20, 147, 0.75) 63%, rgba(255,255,255,0) 0%) repeat-x top;
    background-size: 10px 6px;
    background-position: 6px 6px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vegkategori-gang--og-sykkelvei-langs-europa--og-riksvei{
    background: linear-gradient(to right, rgba(255, 20, 147, 0.75) 50%, rgba(255,255,255,0) 0%) repeat-x top;
	background-size: 6px 6px;
    background-position: 6px 6px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vegkategori-gang--og-sykkelvei-langs-kommunal-vei{
    background: linear-gradient(to right, rgba(50, 205, 50, 0.75) 50%, rgba(255,255,255,0) 0%) repeat-x top;
	background-size: 6px 6px;
    background-position: 6px 6px;
	height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-fartsgrense{
    width: 32px;
	border: 6px solid red;
	border-radius: 50%;
}
.fartsgrense-label{
	position: absolute;
	padding-top: 6px;
	padding-left: 6px;
}
.legend-aadt-499{
    background: rgb(255, 204, 204);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-aadt-500{
    background: rgb(255, 102, 102);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-aadt-2000{
    background: rgb(255, 51, 51);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-aadt-5000{
    background: rgb(255, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-aadt-10000{
    background: rgba(204, 0, 0);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vann-vann{
    background: rgba(135, 206, 250, 0.8);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vann-open{
    background: rgba(135, 206, 250, 0.8);
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vann-historiske{
    background: linear-gradient(to right, rgba(255, 0, 0, 0.8) 50%, rgba(255,255,255,0) 0%) repeat-x;
    background-size: 6px 6px;
    background-position: 6px 6px;
	height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vann-tunnel{
    background: linear-gradient(to right, rgba(255, 0, 0, 0.8) 50%, rgba(255,255,255,0) 0%) repeat-x;
    background-size: 8px 18px;
    background-position: 7px 0px;
	height:20px; width:30px; border:2px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;
}
.legend-vann-bekker{
    background: linear-gradient(to right, rgba(135, 206, 250, 0.8) 50%, rgba(255,255,255,0) 0%) repeat-x;
    background-size: 56px 5px;
    background-position: 0px 6px;
	height:20px; width:30px; border:1px solid; box-shadow: 1px 1px 2px; margin-right: 5px;
}
/* Tegnforklaring eiendomsgrenser */
.legend-row .legend-seksjonsgrense {
    border-bottom: 2px dashed rgb(0, 0, 255);
    height: 6px;
}
.legend-row .legend-eiendomsgrenser-usikker {
    border-bottom: 2px solid rgb(153, 51, 153);
    height: 6px;
}
.legend-row .legend-eiendomsgrenser-hjelpelinje {
    border-bottom: 2px solid rgb(150, 150, 150);
    height: 6px;
}
.legend-row .legend-eiendomsgrenser-digitalisert {
    border-bottom: 2px solid rgb(10, 10, 10);
    height: 6px;
}
.legend-row .legend-eiendomsgrenser-landmaalt {
    border-bottom: 2px solid rgb(255, 0, 0);
    height: 6px;
}
.legend-anleggseiendommer{background: transparent -webkit-repeating-linear-gradient(120deg, #ffffff, #ffffff 6px, #ec8400 6px, #ec8400 7px);background: transparent repeating-linear-gradient(120deg, #ffffff, #ffffff 6px, #ec8400 6px, #ec8400 7px);border: 1px solid rgb(0, 220, 0);height:20px; width:30px; border:1px solid; float:left; box-shadow: 1px 1px 2px; margin-right: 5px;}