@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700, 400italic,700italic');

html { height: 100%; }
body { height:100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } 

a { text-decoration: none }
a:hover { text-decoration: underline }
.img { border: #DDDDDD; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000000; display:inline; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000000; display:inline; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #2C2C2C; display:inline; }

.main { max-width:1170px }

.topmeny1 { float:left; width:65px; height:70px; }
.topmeny2 { float:left; width:calc(100% - 130px); height:70px; text-align:center; }
.topmeny3 { float:left; width:65px; height:70px; }
.topmeny2 img { margin-top:5px; }

.topmeny_line { width:calc(100% - 20px); margin:0 auto 10pt auto; border-bottom:#f0f0f0 1px solid; }

.pointer { cursor:pointer; }



.red { color:#BA0000 !important; }
.redbg { background:#BA0000 !important; }
.redborder { border:#BA0000 1px solid !important; }

.green { color:#6fc0a4 !important; }
.greenbg { background:#6fc0a4 !important; }

.black { color:#252525 !important; }
.blackbg { background:#252525 !important; }

.white { color:#ffffff !important; }
.whitebgbg { background:#ffffff !important; }

.darkgrey { color:#999999 !important; }
.grey { color:#dbd8d8 !important; }
.greybg { background:#f2f2f2 !important; }
.lightgreybg { background:#f2f2f2 !important; }

.link { color:#252525; cursor:pointer; }
.link:hover { color:#9A9A9A; text-decoration:none; }
.linkbla { color:#129bcf; cursor:pointer; }




.topmenu-main-info-icons { width:100%; height:100%; position:relative; }

.topmenu-mmenu-button { width:28px; padding-top:26px; margin:0 auto; }
.topmenu-mmenu-button div { width:100%; height:3px; border-radius:4px; margin-bottom:4px; background:#252525; }

.dropdown-content { display:none; position:absolute; background:#ffffff; top:100%; left:0; width:100%; padding:30px 0; margin:0; text-align:center; z-index:1000; border-top:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; }

.dropdown-mob { width:100%; height:100vh; top:0; padding:0; background:rgba(0,0,0,0.4); }
.dropdown-mob-inner { position:absolute; width:330px; height:100%; top:0; left:0; right:auto; padding:20px; overflow-y:auto; text-align:left; background:#ffffff; }
.dropdown-mob-inner-cart { display:none; width:400px; left:auto; right:0; padding:0px; }
.dropdown-mob-close { position:relative; }
.dropdown-mob-close-inner { position:absolute; top:0; right:0; filter:invert(100%); }
.dropdown-mob-inner-cart .dropdown-mob-close-inner { top:20px; right:20px; }

.dropdown-mob-a { display:block; line-height:40px; font-family:"Roboto",sans-serif; font-size:12pt; font-weight:700; color:#A4A4A4; }



.meny { font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF }
.rubrik_svart { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000000 }
.rubrik_vit { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none }

.rubrik { font-family: "Roboto",sans-serif; font-size: 16pt; font-style: normal; font-weight: bold; color: #000000 }
.rubrikbox { padding:5px; background:#f0f0f0; text-align:center; border-radius:5px; }

.loptext {  font-family: "Roboto",sans-serif; font-size: 11pt; font-style: normal; font-weight: normal; color: #000000 }
.loptext_fet {  font-family: "Roboto",sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; color: #000000 }
.loptext_fet_gra {  font-family: "Roboto",sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; color: #575757 }

.tags a { background:#dddddd; padding:2px 7px 3px; margin:0; margin-right:5px; -moz-border-radius:4px; -webkit-border-radius:4px; font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000; }

.table_gul {  background-color: #FFC418 }

.menylink {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF }
.rubrik_gul { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #FFC418 }
.rubrik_rod { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #FF0000 }
.overskrift {  font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11 px; font-weight: normal; color: #000000 }
.loptext_gul {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #FFC418 }
.loptext_rod {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #FF0000 }
.loptext_vit {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #FFFFFF }
.loptext_gra {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #454545 }
.pris {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000 }
.priser {  font-family: "Roboto",sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; color: #000000 }
.menyhkat {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000 }
.menyukat {  font-family: "Roboto",sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000 }

.link { font-family: "Roboto",sans-serif; font-size:10pt; font-style:normal; font-weight:bold; color:#4480e3; }
.link:hover { color:#4480e3; text-decoration:underline; }

.k_fetrubrik { font-family: "Roboto",sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; color: #000000 }
.k_rubrik { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000000 }
.k_rubrik_gul { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #FFC418 }
.k_rubrik_rod { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #FF0000 }
.k_rubrik_bla { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #21308e }
.k_rubrik_gron { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #1d7316 }
.k_rubrik_gra { font-family: "Roboto",sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #575757 }
.k_overskrift { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: bold; color: #000000; }
.k_overskrift_gul { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: bold; color: #FFC418; }
.k_overskrift_rod { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: bold; color: #FF0000; }
.k_overskrift_bla { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: bold; color: #21308e; }
.k_overskrift_gron { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: bold; color: #1d7316; }
.k_overskrift_gra { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: bold; color: #575757; }
.k_loptext { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #000000; }
.k_loptext_gul { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #FFC418; }
.k_loptext_rod { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #FF0000; }
.k_loptext_vit { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; }
.k_loptext_bla { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #21308e; }
.k_loptext_gron { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #1d7316; }
.k_loptext_gra { font-family: "Roboto",sans-serif; font-size: 10pt; font-weight: normal; color: #575757; }

.table_svart {  background-color: #000000 }
.table_gul_gra {  background-color: #F0F0F0 }
.tr_tonad_mo {  background-color: #F6F2DA }
.tr_tonad {  background-color: #CCCCCC }
.tr_festonad {  background-color: #CDCDCD }
.tr_vit {  background-color: #FFFFFF }


.submit { height:29px; padding-bottom:2px; background:url('/pics/admin_submit.png'); border:#3aa2dd 1px solid; font-family:'Roboto',sans-serif; font-weight:700; font-size:10pt; color:#ffffff; margin:1px; border-radius:2px; -moz-border-radius:2px; }
.submit:hover { background:url('/pics/admin_submit_mo.png'); color:#ffffff; cursor:pointer; }

.checkbox { height:14px; width:14px; margin:0px; margin-bottom:1px; padding:0px; vertical-align:middle; }
.radio { height:14px; width:14px; margin:0px; margin-bottom:1px; padding:0px; vertical-align:middle; }

.inputtext { background-color:#ffffff; border:#d3d3d3 1px solid; border-radius:2px; -moz-border-radius:2px; color:#000000; font-family:'Roboto',sans-serif; font-weight:400; font-size:9pt; line-height:19px; margin:0px 1px 0px 1px; padding:0px 2px 0px 2px; height:19px; width:99%; vertical-align:middle; }

.redborder { border:#BA0000 1px solid !important; }


.alpha50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }