/*
 * Copyright:     Siteman AS
 * Browser:        0
 * Browser group: 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body { line-height: 1; font-size: 62.5% }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.25em }
h4, h5, h6, input, textarea { font-size: 1em }
p, h2, h3, h4, h5, h6, table, address, dl, pre, ul, ol, hr { margin-bottom: 1.5em }
h1 { margin-bottom: 1em }
a { color: #009; text-decoration: none }
a:hover { text-decoration: underline }
ul, ol { margin-left: 3em }
ul { list-style-type: disc }
ol { list-style-type: decimal }
dl dt { font-weight: bold }
dl dd { margin-left: 1.5em }
abbr, acronym { border-bottom: 1px dotted #000 }
address { font-style: italic }
del { color: #000 }
ins { background-color: #ffc }
blockquote { margin: 0 1.5em 1.5em 1.5em; border: 1px dotted #ddd; padding: .5em; background: #fcfcff; font-style: italic }
pre { white-space: pre; font: .8em monospace; line-height: 1.5 }
blockquote, pre { padding: .5em; background: #fcfcff; color: #000; border: 1px solid #cad6e8 }
dfn { font-weight: bold }
tt { display: block; margin: 1.5em 0; line-height: 1.5 }
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; border: none }
table { width: 100% }
th { border-bottom: 2px solid #ddd; background: #eee; font-weight: bold }
td { border-bottom: 1px solid #ddd }
th,td { padding: .5em; text-align: left }
caption { background: #fafafa; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd }
font { color: inherit !important; font: inherit !important }
.sm_clearfix:after, .sm_wrapper:after { content:"."; display: block; height: 0; clear: both; visibility: hidden }
.sm_clearfix, .sm_wrapper { display: inline-block }
* html .sm_clearfix, * html .sm_wrapper { height: 1% }
.sm_clearfix, .sm_wrapper { display: block }
.sm_clear { clear: both }
#header h1, #header p, .skip, .hide { display: none }
img.left { float: left; margin: 0 1.5em 1.5em 0 }
img.right { float: right; margin: 0 0 1.5em 1.5em }
#nav ul, #submeny ul { margin: 0; padding: 0; list-style-type: none }
#nav a { float: left; background: no-repeat top left; text-decoration: none }
#nav a span { float: left; display: block; background: no-repeat top right; cursor: pointer; white-space: nowrap }
#nav a:hover, #nav li.aktiv a { background-position: bottom left }
#nav a:hover span, #nav li.aktiv a span { background-position: bottom right }
#submeny { margin: 0 0 1.5em 0 }
#submeny ul, #submeny li { width: 100%; line-height: 1em }
#submeny li, #nav li { float: left }
#submeny a { display: block; cursor: pointer; text-decoration: none }
#nav strong, #nav em, #submeny strong, #submeny em { font-weight: normal; font-style: normal }
#submeny ul ul, #submeny ul li.aktiv ul ul, #submeny ul li.aktiv ul li.aktiv ul ul, #nav ul ul { display: none }
#submeny li.aktiv ul, #submeny li.aktiv ul li.aktiv ul, #submeny li.aktiv ul li.aktiv ul li.aktiv ul { display: block }
* html #submeny li { float: left; height: 1% }
* html #submeny li a { height: 1% }
.x1, .x2 { display: none }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 116px; }
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; padding: 0 }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 28px; z-index: 99 }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.slidebanner { width: 730px; height: 245px; float: left; margin: 0 25px 0 0; position: relative; overflow: hidden; }
.slidebanner .items {width: 1000em; height: 245px; position: absolute;}
.slidebanner .item {width: 730px; height: 245px; float: left; position: relative;}
.slidebanner .item img {position: absolute; top: 0; left: 211px; z-index: 10;}
.slidebanner .item h1 {position: relative; z-index: 100; padding: 0;font-size: 1.4em; text-shadow: none}
.slidebanner .item .tekst { position: absolute; top: 0; left: 0; width: 181px; height: 215px; background: url(gfx/bg-banner-tekst.png) no-repeat; z-index: 1000; padding: 15px; }
.slidebanner .item strong {display: block; font-size: 1.2em; margin: 0 0 1em}
.slidebanner .navi { list-style: none inside; margin: 0; position: absolute; bottom: 15px; left: 15px; z-index: 30000 }
.slidebanner .navi a { float: left; display: block; width: 25px; height: 25px; background: url(gfx/banner-nav-a.png) no-repeat; color: #fff; text-align: center; line-height: 25px; margin: 0 1em 0 0 }
.slidebanner .navi a.active, .slidebanner .navi a:hover {background-position: left bottom; text-decoration: none}
.innerScrollable { width: 508px; margin: 0 8px 0 12px; float: left; position: relative; height: 122px; overflow: hidden }
.innerScrollable .items { position: absolute; width: 20000em; }
.innerScrollable a { display: block; float: left; width: 100px; height: 100px; padding: 10px; border: 1px solid #999; background: #fff; margin-right: 5px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff url(gfx/bg-hover.gif) no-repeat -999px; }
.galleri-tooltip { display:none; background:#000; font-size:12px; height:20px; width:100px; padding:10px; color:#fff; }
.innerScrollable a:hover { background-position: 0 0; background-repeat: repeat-x; }
.scrollGallery .right { float: right; }
a.browse { background:url(gfx/galleri-nav.png) no-repeat; display:block; width:38px; height:58px; float:left; margin:35px 0 0; cursor:pointer; font-size:1px; }
a.browse span {display: none}
a.right { background-position: -38px -58px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-38px 0; }
a.right:active { background-position:-38px 0; }
a.left { margin-left: 0px; background-position: 0 -58px }
a.left:hover { background-position: 0 0; }
a.left:active { background-position: 0 0; }
.webskjema {clear: both; width: 100%; color: #444;}
.webskjema fieldset {padding: 1em; border: 1px solid #ddd; background: #f7f7f7}
.webskjema legend {border: 1px solid #ddd; padding: 4px 8px; font-weight: bold; font-size: 1.2em; background: #f1f1f1}
.webskjema dl {clear: both; margin: 0 0 1em}
.webskjema dt {margin: 0 0 .2em}
.webskjema dd {margin: 0}
.webskjema label {font-size: 1.1em; font-weight: normal}
.webskjema input.input, .webskjema textarea {width: 100%; border: 1px solid #ccc}
.webskjema input.input {height: 20px}
.webskjema textarea {height: 120px}
.webskjema a.knapp { display: block; float: right; padding: 0 0 0 5px; background: url(http://felles.siteman.no/felles/dcore/css/webskjema/img/webskjema-standardknapp-a.png) no-repeat top left; color: #666; font-size: 1.2em }
.webskjema a.knapp span { display: block; float: left; padding: 0 30px 0 10px; background: url(http://felles.siteman.no/felles/dcore/css/webskjema/img/webskjema-standardknapp-span.png) no-repeat top right; height: 26px; line-height: 26px; }
.webskjema a.knapp:hover {background-position: bottom left; color: #222; text-decoration: none}
.webskjema a.knapp:hover span {background-position: bottom right}
.webskjema .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.webskjema dl.cb dl {margin: 0}
.webskjema dl.cb dd dt {float: left; margin: 0 .4em 0 0;}
.webskjema dl.cb dt {float: left; margin: 0 .4em 0 0}
#nyheter h1.tittel a { display: block; color: #333 }
#nyheter .art, #nyheter h1.tittel a, #nyheter li, #nyheter h3 { border-bottom: 1px solid #ddd }
#nyheter .art h1 a { color: #666 }
#nyheter .art h1 a span { display: block; color: #333 }
#nyheter ul { margin: 0 }
#nyheter h1 { margin: 0 0 .5em 0 }
#nyheter p { margin: 0 }
#nyheter ul { list-style: none }
#nyheter ul a { display: block }
#nyheter li, #nyheter .art, #nyheter h1.tittel a, #nyheter h3 { padding: .5em 0 }
#nyheter strong { font-weight: normal }
body { background: #ddd }
html, body { height: 100% }
body>#ramme { margin: 0 auto }
#ramme {}
.sm_wrapper { width: 980px; margin: 0 auto }
#header .sm_wrapper {position: relative}
#header { height: 70px; background: #ddd}
#navigasjon {height: 28px; padding: 5px 0; background: #ddd url(gfx/bg-navigasjon.png) repeat-x; position: relative; z-index: 20000}
#innholdsramme { position: relative; z-index: 1000; min-height: 530px; height: auto !important; height: 530px; background: #fff url(gfx/bg-innholdsramme.jpg) repeat-x bottom; padding: 20px 0 0 }
.sm_kol { padding: 15px; float: left; overflow: hidden }
.sm_firstkol { width: 137px; padding: 15px 13px 15px 0; }
.sm_secondkol { width: 590px; padding: 15px 15px 15px 0; }
.sm_thirdkol { width: 225px; padding: 15px 0; }
.tokol .sm_thirdkol { display: none }
.tokol .sm_secondkol { width: 800px }
body#enkol .sm_firstkol {display: none;}
body#enkol .sm_secondkol {width: 980px;}
#kred-lenker {font-size: 1.1em}
#kred-lenker p {float: left; width: 12%; padding: 0 9% 0 0; font-size: .9em}
#kred-lenker p.last {padding: 0}
#kred-lenker strong {font-weight: normal; color: #134b96; font-size: 1.1em}
#kred-lenker.sm_row {background: url(gfx/bg-kreditt.png) repeat-x top; padding: 20px 0;}
#kreditt.sm_row { padding: 0 }
#kreditt .sm_wrapper { }
#kreditt p { text-align: center; text-shadow: 1px 1px #fff }
#kreditt p.sm_kred { }
#kreditt, #kreditt a { color: #333 }
a.cms { padding: 2px 50px; background: url(/dcore/badge/siteman-cms.png) no-repeat }
a.cms:hover { background-position: 0 -20px }
a.cms span { display: none }
body { line-height: 1.5; color: #000 }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", sans serif; }
#innholdsramme { font-size: 1.2em }
#navigasjon {font-size: 1.4em}
#kreditt { font-size: 1.1em }
h1 { font-size: 2em; text-shadow: #fff 1px 1px }
.sm_firstkol h1, .sm_thirdkol h1, h2, h3, h4, h5, h6 { font-size: 1em }
h1, h3, h4, h5, h6 {text-transform: uppercase; color: #134b97; margin-bottom: 1em}
a {color: #265287}
a:hover {color: #000}
#lenkeliste a {color: #000}
#lenkeliste a:hover {color: #134B96}
#logo { height: 62px; width: 282px; position: relative; top: 5px }
#logo a { display: block; height: 62px; width: 282px }
#logo span { display: none }
#nav { background: url(gfx/bg-nav-a.png) no-repeat top left; height: 50px }
#nav li { }
#nav strong, #nav em {font-weight: bold}
#nav a { background: url(gfx/bg-nav-a.png) no-repeat top right; color: #fff }
#nav span { height: 28px; line-height: 28px; padding: 0 42px; }
#nav li.aktiv a, #nav a:hover { color: #ffc200; background-position: top right }
#nav li.aktiv ul li a {color: #fff}
#nav li.aktiv ul li.aktiv a, #nav li.aktiv ul li a:hover {color: #ffc200}
#nav li.sfHover a span {background: none;}
#nav li.sfHover.hasUl span, #nav li.aktiv.sfHover a span {background: url(gfx/nav-span-hover.png) no-repeat center bottom;}
#nav li.sfHover li {text-align: center}
#nav li.sfHover li a {background: none; float: none}
#nav li.aktiv.sfHover li a span, #nav li.sfHover.hasUl li span {background: url(gfx/bg-submeny-a.png) no-repeat top center; padding: 0; float: none; height: 32px; line-height: 32px}
#nav li.sfHover li.forste span {background: none}
#nav li ul { overflow: hidden; padding-bottom: 10px; background: url(gfx/bg-submeny-bunn.png) no-repeat center bottom; width: 100% }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 28px; z-index: 99 }
#submeny { width: 137px; background: url(gfx/bg-submeny-topp.png) no-repeat center top; padding-top: 20px; font-size: 1.2em; }
#submeny ul#sub { overflow: hidden; padding-bottom: 20px; background: url(gfx/bg-submeny-bunn.png) no-repeat center bottom; }
#submeny a { color: #fff; background: url(gfx/bg-submeny-a.png) no-repeat top center }
#submeny a span {display: block; line-height: 20px; padding: 6px 20px 4px; }
#submeny a:hover, #submeny li.aktiv a { color: #ffc200}
#submeny li.aktiv ul li a { background: none; font-size: .8em }
#submeny li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv a { }
#submeny li.aktiv ul li.aktiv ul li a { }
#submeny li.aktiv ul li.aktiv ul li a:hover, #submeny li.aktiv ul li.aktiv ul li.aktiv a { }
ul.tabs { border-bottom: 1px solid #ddd }
ul.tabs li { padding: 0 2px 0 0 }
ul.tabs li a { border: 1px solid #ddd; border-bottom: 0; padding: 3px 5px; background: #fafafa }
#toppfelt { position: absolute; top: 0; right: 0; padding-top: 20px}
#toppfelt ul {list-style: none inside; margin: 0}
#toppfelt li {float: left}
#toppnav {padding: 7px 0; overflow: hidden; float: left}
#toppnav ul {float: left; text-transform: uppercase; margin: 0 10px 0 0 }
#toppnav a {color: #124b96; margin: 0 10px;}
#toppnav li {border-right: 1px solid #124b96; height: 20px; line-height: 20px;}
#sok {float: right; position: relative}
#sok label {color: #124b96; text-transform: uppercase; height: 20px; line-height: 20px; display: block; float: left; margin: 0 5px 0 0 }
#sok input { background: #fff url(gfx/bg-input.gif) repeat-x top; border: 1px solid #ccc; height: 16px; width: 125px; padding: 2px 20px 2px 5px; -moz-border-radius: 5px; border-radius: 5px; }
#sok a {display: block; height: 15px; width: 15px; background: url(gfx/bg-sok.gif) no-repeat; position: absolute; top: 3px; right: 2px; margin: 1px}
#sok a span {display: none;}
#topplenker {float: right}
#topplenker ul {float: right}
#topplenker li {margin: 0 0 0 10px}
#topplenker a { display: block; height: 33px; width: 34px; background: url(gfx/logoer.png) no-repeat; }
#topplenker a span {display: none}
#topplenker li.tl-2 a {background-position: -44px 0 }
#topplenker li.tl-3 a {background-position: -91px 0 }
#topplenker li.tl-4 a {background-position: -143px 0 }
#topplenker li.tl-5 a {background-position: -196px 0 }
#topplenker li.tl-1 a:hover {background-position: 0 -33px}
#topplenker li.tl-2 a:hover {background-position: -44px -33px }
#topplenker li.tl-3 a:hover {background-position: -91px -33px }
#topplenker li.tl-4 a:hover {background-position: -143px -33px }
#topplenker li.tl-5 a:hover {background-position: -196px -33px }
.profilert { padding: 15px !important; background: #fff url(gfx/bg-profilert.jpg) repeat-x center bottom; border: 1px solid #bbb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.webskjema fieldset {background: none; border: none; padding: 0}
.webskjema dt, .webskjema dd { position: relative }
.webskjema input.input, .webskjema textarea {width: 400px; padding: 4px;}
.webskjema .textarea label {position: absolute !important; top: 4px !important}
.intro-boks h2, .webskjema-boks h2 {margin: 0 0 .5em; color: #134b96;}
.intro-boks {float: left; width: 180px}
.webskjema-boks {float: left; width: 393px}
.tokol .webskjema-boks {width: 800px}
address {font-style: normal}
#kred-kontakt {float: right; width: 225px}
#kred-kontakt ul {list-style: none inside; margin: 0; float: right}
#kred-kontakt li {height: 25px; line-height: 25px; padding: 0 0 0 35px; background: url(gfx/ikoner.png) no-repeat; margin: 0 0 .5em}
#kred-kontakt li.send {height: 34px; padding: 0;}
#kred-kontakt li.send a {display: block; width: 157px; height: 34px; background: url(gfx/knapp_sendbestilling.png) no-repeat;}
#kred-kontakt li.send a span {display: none;}
#kred-kontakt li.epost {background-position: left bottom}
#kred-kontakt span {color: #134b96}
.webskjema dt label {height: 24px;line-height: 24px}
.webskjema input.input, .webskjema textarea.sm_textarea { background: #fdfdfd url(gfx/bg-input.gif) repeat-x center top; -moz-border-radius: 5px; border-radius: 5px; }
.webskjema textarea.sm_textarea {width: 380px}
.webskjema input.error {background: #fbe3e4; border-color: #fbc2c4; color: #8a1f11}
.webskjema textarea { background: #cdcdcd url(gfx/bg-textarea.gif) repeat-x center top; -moz-border-radius: 5px; border-radius: 5px; }
.webskjema a.knapp, .webskjema a.knapp span {background: url(gfx/bg-knapp.png) no-repeat;}
.webskjema a.knapp {color: #fff;}
.webskjema a.knapp span {background-position: right -48px; height: 24px; line-height: 24px; padding: 0 15px 0 10px}
.webskjema a.knapp:hover {background-position: left -24px; color: #fff}
.webskjema a.knapp:hover span {background-position: right -72px}
.tokol .webskjema legend {color: #134B97; text-shadow: 1px 1px #fff; background: none; border: none; padding: 4px 0 }
.webskjema fieldset.tokol {width: 380px; margin: 0 20px 1em 0; float: left;}
.webskjema fieldset.last {margin: 0 0 1em;}
.tokol .webskjema input.input {width: 380px;}
.webskjema fieldset.wide {width: 100%; clear: both}
#alternativer dl.cb {overflow: hidden}
#alternativer dl.cb dd {float: left;}
#alternativer, #subalternativer {float: left; width: 390px; margin: 0 20px 1em 0;}
#subalternativer {margin: 0 0 1em}
#alternativer h3, #subalternativer h3 {font-size: 1.2em; font-weight: bold; padding: 4px 0; color: #134b97; text-transform: none; margin: 0}
#subalternativer dl dt, #subalternativer dl dt {float: left; margin: 0 10px 0 0}
#subalternativer dl dd, #subalternativer dl dd {float: left; clear: right}
#subalternativer dl, #subalternativer dl {overflow: hidden; margin: 0 0 .5em}
#subalternativer dl.nofloat dt, #subalternativer dl.nofloat dd {float: none; margin: 0; clear: none;}
#subalternativer .sub {display: none;}
#subalternativer .sub label {font-weight: normal; }
.wide p.knapper {clear: both;}
#elsikkerhet-ekstra {padding-left: 25px}
table p {margin: 0;}
table.uten-ramme td {border: none;}
.scrollGallery {width: 605px;}
.statisk-banner { width: 730px; height: 245px; float: left; margin: 0 25px 0 0; background: url(gfx/bg-banner-tekst.png) no-repeat; position: relative; overflow: hidden; }
.statisk-banner h1 {font-size: 1.4em; padding: 15px 0 0 15px}
.statisk-banner p {margin: 0}
.statisk-banner img { position: absolute; left: 211px; top: 0; }
.statisk-banner strong {display: block; width: 180px; padding: 0 15px 15px; font-size: 1.1em}
.ansatte ul {list-style: none inside; margin: 0; clear: both; overflow: hidden; width: 1015px;}
.ansatte li {float: left; width: 130px; margin: 0 15px 25px 0}
.ansatte li img {margin-bottom: 5px}