/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /*================================================= +++ LE GRID +++ A Responsive Grid -- Gumby defaults to a standard 960 grid, but you can change it to whatever you'd like. ==================================================*/ .container { padding: 0px 20px; } .row { width: 100%; max-width: 1024px; min-width: 720px; margin: 0 auto; } /* To fix the grid into a different size, set max-width to your desired width */ .row .row { min-width: 0px; } .column, .columns { margin-left: 2.127663%; float: left; min-height: 1px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .column:first-child, .columns:first-child, .alpha { margin-left: 0px; } .column.omega, .columns.omega { float: right; } .row .one.columns { width: 6.382989%; } .row .two.columns { width: 14.893641%; } .row .three.columns { width: 23.404293%; } .row .four.columns { width: 31.914945%; } .row .five.columns { width: 40.425597%; } .row .six.columns { width: 48.936249%; } .row .seven.columns { width: 57.446901%; } .row .eight.columns { width: 65.957553%; } .row .nine.columns { width: 74.468205%; } .row .ten.columns { width: 82.978857%; } .row .eleven.columns { width: 91.489509%; } .row .twelve.columns { width: 100%; } /*** Formula: Column Width + Twice the Default Margin ***/ .row .push_one { margin-left: 10.638315%; } .row .push_two { margin-left: 19.148967%; } .row .push_three { margin-left: 27.659619%; } .row .push_four { margin-left: 36.170271%; } .row .push_five { margin-left: 44.680923%; } .row .push_six { margin-left: 53.191575%; } .row .push_seven { margin-left: 61.702227%; } .row .push_eight { margin-left: 70.212879%; } .row .push_nine { margin-left: 78.723531%; } .row .push_ten { margin-left: 87.234183%; } /*.row .push_eleven { margin-left: 95.744835%; }*/ /* Centering Columns is fun */ .row .one.centered { margin-left: 46.808586%; } .row .two.centered { margin-left: 42.55326%; } .row .three.centered { margin-left: 38.297934%; } .row .four.centered { margin-left: 34.042608%; } .row .five.centered { margin-left: 29.787282%; } .row .six.centered { margin-left: 25.531956%; } .row .seven.centered { margin-left: 21.27663%; } .row .eight.centered { margin-left: 17.021304%; } .row .nine.centered { margin-left: 12.765978%; } .row .ten.centered { margin-left: 8.510652%; } .row .eleven.centered { margin-left: 4.255326%; } /*** Formula: Column Width + Default Margin ***/ .row .push_one:first-child { margin-left: 8.510652%; } .row .push_two:first-child { margin-left: 17.021304%; } .row .push_three:first-child { margin-left: 25.531956%; } .row .push_four:first-child { margin-left: 34.042608%; } .row .push_five:first-child { margin-left: 42.55326%; } .row .push_six:first-child { margin-left: 51.063912%; } .row .push_seven:first-child { margin-left: 59.574564%; } .row .push_eight:first-child { margin-left: 68.085216%; } .row .push_nine:first-child { margin-left: 76.596868%; } .row .push_ten:first-child { margin-left: 85.10652%; } .row .push_eleven:first-child { margin-left: 93.617172%; } img, object, embed { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img {max-width: none!important;} /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /*======================================================================= ❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤ ========================================================================*/ /*================================================== +++ Grid +++ ===================================================*/ /* Mobile */ @media only screen and (max-width: 480px) { /* Style adjustments for viewports 480px and under go here */ .row { text-align: center; } } @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container { min-width: 0; margin-left: 0; margin-right: 0; } .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .column:last-child, .columns:last-child { margin-right: 0; float: none; } .row .row .column, .row .row .columns { padding: 0; } .column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; } .column:last-child, .columns:last-child { margin-right: 0; float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } [class*="column"]:before, [class*="column"]:after { display: table; } [class*="column"]:after { clear: both; } .push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; } } body { background: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #555; position: relative; -webkit-font-smoothing: antialiased; } p { margin: 0 0 15px; } a { color: inherit; } .body ul { margin-left: 30px; margin-top: 10px; list-style: disc outside; } .rightcolumn .body ul { margin-left: 15px; } .left, .columns.left { float: left; } .right, .columns.right { float: right; } .hide { display: none; } sup { vertical-align: super; font-size: 0.1em; } h1 { font-family: Impact, "Futura", Arial, sans-serif; font-size: 2em; color: #3bc7eb; text-transform: uppercase; margin-bottom: 20px; } h2 { font-size: 2em; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } h3 { font-weight: bold; font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-weight: bold; font-size: 1em; } h6 { font-weight: bold; font-size: 1em; } .widget h2, h2.big { font-family: Impact, "Futura", Arial, sans-serif; font-weight: normal; font-size: 2em; color: #3bc7eb; text-transform: uppercase; margin-bottom: 20px; } h2.small, h2.subtitle { font-family: inherit; color: inherit; text-transform: inherit; font-size: 1.6em; font-weight: bold; margin-bottom: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none;} .titleborder { border-bottom: 1px solid #555; margin-bottom: 20px; } .gray {background-color: #dadada;} .bluegray {background-color: #4d7a97;} .darkgray {background-color: gray;} .banner {background-color: silver;} .blue { color: #3bc7eb; } .borderbottom-gray { border-bottom: 2px solid #dadada; } .bordertop-gray { border-top: 2px solid #dadada; } .gray .borderbottom-gray { border-bottom: 2px solid gray; } .gray .bordertop-gray { border-top: 2px solid gray; } .shadow-line { height: 20px; overflow: hidden; position: relative; margin-top: 1px; margin-bottom: 1px;} .shadow-line .shadow { display: block; height: 80px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.03) 67%, rgba(0,0,0,0) 78%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(67%,rgba(0,0,0,0.03)), color-stop(78%,rgba(0,0,0,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.03) 67%,rgba(0,0,0,0) 78%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.03) 67%,rgba(0,0,0,0) 78%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.03) 67%,rgba(0,0,0,0) 78%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.03) 67%,rgba(0,0,0,0) 78%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); } .shadow-line.down .shadow{ position: absolute; bottom: 0; } .shadow-line.down { border-top: 1px solid #efefef; } .shadow-line.up .shadow { position: absolute; top: 0; } .shadow-line.up { border-bottom: 1px solid #efefef; } .sitetop { border-top: 8px solid #3db7e4; } .contactForm label{position:absolute;margin-left:10px;margin-top:6px;} .contactForm input{margin-bottom:10px;background-color:#f2f2f2;border:1px solid #c8c8ca;width:99%;line-height:34px;height:34px;text-indent:10px;} .contactForm textarea{background-color:#f2f2f2;border:1px solid #c8c8ca;width:96.5%;height:240px;padding:1.5%;font-family:Arial,​sans-serif;font-size:12px;} .contactForm button{background-color:#16c2f4;text-align:center;color:white;float:right;height:34px;border:0;margin-top:8px;width:90px;font-size:14px;} .blueButton{background-color:#16c2f4;text-align:center;color:white;height:auto;border:0;margin-top:8px;width:auto;font-size:14px; display: inline-block; clear: both; text-decoration: none; padding: 8px 30px; font-weight: 700;} .blueButton:hover{text-decoration: underline;} .header{ margin-bottom:20px; border-bottom:1px solid black; width:260px; font-size:18px; } .contactForm select{ width:49%; height:24px; margin-bottom:10px; } .contactForm .hr{margin-top:10px;margin-bottom:10px;border-top:1px solid #ccc;} .logo { padding: 30px 0;} .mainmenu { width: 100%; display: table; text-transform: uppercase; font-family: 'Impact','Arial','sans-serif'; } .mainmenu ul { display: table; width: 100%; vertical-align: middle; } .mainmenu ul li { display: table-cell; text-align: center; } .mainmenu ul li a { display: block; font-size: 1.4em; white-space: nowrap; text-decoration: none; color: #fff; line-height: 50px; padding: 0 10px; } .mainmenu ul li:hover a, .mainmenu ul li.selected a { background-color: #3bc7eb; } .blueborder { border-bottom: 7px solid #3bc7eb; margin-bottom: -3px; box-shadow: 0 0 20px -1px; } .bottom .mainmenu ul { border: 1px solid gray; } .bottom .mainmenu ul li a { line-height: 70px; } .bottom .mainmenu ul li:hover a, .bottom .mainmenu ul li.selected a { background-color: transparent; } .bottom .blueborder { display: none; } .submenu { margin: 20px 0; float: left;} .submenu ul { } .submenu ul li { float: left; border-bottom: 1px solid #555; } .submenu ul li a { display: block; padding: 3px 5px; margin: 2px 0; text-decoration: none; color: #555; font-size: 1.1em; } .submenu ul li:hover, .submenu ul li.selected { border-bottom: 1px solid #3bc7eb; } .submenu ul li:hover a, .submenu ul li.selected a { background-color: #3bc7eb; } .main { min-height: 500px; margin-top: 40px; margin-bottom: 40px;} .radiobutton { width: 20px; height: 20px; border: 5px solid silver; border-radius: 20px; margin-right: 10px; box-shadow: 0 1px 2px 0 inset; } .active .radiobutton { background-color: #3bc7eb; box-shadow: 0 -1px 2px 0 inset; } .contentmenu { margin-bottom: 40px; padding: 20px 0; border-top: 1px solid #555; border-bottom: 1px solid #555; } .contentmenu a { text-decoration: none; } .more { border-bottom: 1px solid #555; text-transform: uppercase; } .more a { color: inherit; text-decoration: none; padding-right: 20px; font-size: 0.85em; } .teaser { font-weight: bold; } .teaser.big { font-weight: bold; font-weight: 1.1em; } .startpagetop { min-height: 300px; padding: 60px 0; } .startpagetop h1 { color: #dadada; text-align: center; margin-bottom: 60px; } .startpagetop .links { width: 100%; display: table; text-transform: uppercase; font-family: 'Impact','Arial','sans-serif'; } .startpagetop .links p { display: table-cell; text-align: center; color: #fff; } .startpagetop .links p a { display: block; font-size: 1.2em; white-space: nowrap; text-decoration: none; color: inherit; line-height: 40px; padding: 60px 40px 0; } /* taken care of in stylesheet.dc.css .startpagetop .links p a.special_investment { background: transparent url('/resources/layout/ferd-logo.png') no-repeat top center; background-size:100px; } .startpagetop .links p a.capital { background: transparent url('/resources/layout/ferd-logo.png') no-repeat top center; background-size:100px; } .startpagetop .links p a.sosiale_entrepenorer { background: transparent url('/resources/layout/ferd-logo.png') no-repeat top center; background-size:100px; } .startpagetop .links p a.invest { background: transparent url('/resources/layout/ferd-logo.png') no-repeat top center; background-size:100px; } .startpagetop .links p a.eiendom { background: transparent url('/resources/layout/ferd-logo.png') no-repeat top center; background-size:100px; } .startpagetop .links p a.hedgefond { background: transparent url('/resources/layout/ferd-logo.png') no-repeat top center; background-size:100px; } */ .listpage {} .listpage .item { padding-top: 20px; padding-bottom: 20px; } .listpage .toggle .item { padding: 0; } .listpage .toggle .item a { padding-top: 20px; padding-bottom: 20px; } .listpage .toggle .item .more { padding: 0; border-bottom: 0;} .listpage .person { } .listpage .person .name { color: #3bc7eb; font-weight: bold; font-size: 1.2em; line-height:1; margin-bottom: 20px; } .listpage .person .jobtitle { margin-bottom: 20px; } .listpage .person .info { font-size: 0.9em; margin-bottom: 40px; } .articlepage .mainimage img { width: 100%; margin-bottom: 20px; } .articlepage .info { margin-bottom: 40px; } .articlepage .info .author { color: silver; } .articlepage.case .casetitle { } .article-tools { margin-top: 40px; padding-top: 20px; } .widget { padding: 20px 0; } .dblqoutemark { color: silver; font-family: Arial Black, arial, sans-serif; font-size: 10em; line-height: 0.7; } .widget.article {} .article.textonly { } /*edit by dc - didn't play too well with webkit*/ .article.textonly .body { -moz-column-count:2; /* Firefox */ /*-webkit-column-count:2; /* Safari and Chrome */ column-count:2; -moz-column-gap:20px; /* Firefox */ /*-webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; } .article.onecol { } .article.onecol .image { } .article.onecol .body { } .article.onecol .body .text { font-size: 1.2em; } .widget.images { padding: 40px 0; } .images .image { box-shadow: 0 10px 10px -5px; margin-bottom: 20px; line-height: 0; } .images .image a { } .images .imagetitle { font-family: Impact, "Futura", Arial, sans-serif; font-size: 2em; color: #3bc7eb; text-transform: uppercase; text-align: center; } .images .splitborder { border-left: 1px solid #fff; } .images .thickborder { border-top: 8px solid #fff; margin: 20px 0; } a.subpop .popup,.popup.search{ background-color: #414141; color: white; font-size: 14px; line-height: 20px; margin-left: -50px; margin-top: 40px; position: absolute; text-align: center; text-indent: 0; padding:14px; box-shadow:1px 1px 2px #909090; width: 120px; z-index:10; display:none; } .popup.search{width:200px;margin-left: -90px;top:60px;} .popup.search input{width:183px;height:24px;line-height:24px;text-indent:6px;border:0px;} .popup.search button{text-transform:uppercase;width:183px;border:0px;background-color:#16C2F4;color:white;height:25px;line-height:24px;font-size:14px;text-align:center;margin-top:10px;} a.subpop:hover .popup,.popup.active{display:block;} a.subpop:hover .popup:after,.popup.search:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } a.icon_se2:hover { background-position:-541px -110px; } a.icon_li2:hover { background-position:-451px -110px; } a.icon_fb2:hover { background-position:-271px -110px; } a.icon_tw2:hover { background-position:-721px -110px; } a.subpop:hover .popup:after,.popup.search:after { border-color: rgba(65, 65, 65, 0); border-bottom-color: #414141; border-width: 10px; left: 50%; margin-left: -10px; } .rightcolumn .images .imageitem { margin-bottom: 40px;} .rightcolumn .images .imagetitle { font-size: 1.5em; } .news {} .yearslider li { float: left; padding: 10px;} .news .newsitem { background-color: #fff; border: 1px solid #eee; box-shadow: 0 10px 10px -5px; margin-bottom: 20px; } .news .newsitem.alpha { clear: both; } .news .newsitem .body { padding: 15px; } .news .newsitem h3 { text-transform: uppercase; } .news .newsitem .date { font-size: 0.8em; } .tabs { display: block; border: 1px solid #CBCBCB; border-radius: 3px; margin-bottom: 40px; } .tabs > ul { display: table; margin: 0; padding: 0; height: 30px; width: 100%; } .tabs > ul li { display: table-cell; width: auto;padding: 0;margin: 0 10px 0 0;line-height: 30px;cursor: default; float: none; text-align: center; } .tabs > ul li:last-child {margin-right: 0;} .tabs > ul li a {display: block; width: auto; margin: 0 -1px -1px 0;padding: 0;height: 52px;line-height: 52px; white-space: nowrap; border: none; border-right: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB;font-weight: bold; font-family: 'gotham_roundedmedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .tabs > ul li:last-child a {border-right: none;} .tabs > ul li.active a, .tabs li a:hover { background: #2e2e2e; font-weight: bold;color: #F2F2F2;position: relative;border: none; border-right: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e; } .tabs > ul li:last-child a:hover {border-right: none;} .tabs > ul li .tabarrow { display: none; margin: 0 auto; } .tabs > ul li.active .tabarrow, .tabs li:hover .tabarrow { display: block; } .tabs > ul li a:hover {text-decoration: none;} .tabs > ul li.active:first-child a {border-radius: 3px 0 0 0; margin-left: 0; } .tabs > ul li.active:last-child a {border-radius: 0 3px 0 0;} .tabs > div {display: none;padding: 40px 30px;} .tabs > div.open { display: block; } /* Flexslider */ .flexslider { margin-bottom: 20px; border: 0; border-radius: 0; } .flexslider.ticker { box-shadow: none; } .flex-viewport { max-height: 490px; } .flex-direction-nav .flex-disabled { opacity: 0 !important;} #carousel.flexslider { box-shadow: none; } #carousel.flexslider .slides > li { margin: 5px; padding: 15px; } #carousel.flexslider .slides > li.flex-active-slide { box-shadow: 0 0 10px 0 inset; } #carousel.flexslider .flex-viewport { margin: 0 35px;} .rightcolumn .widget { padding: 0; margin-bottom: 20px; } .rightcolumn .widget .title { text-transform: uppercase; margin: 10px 0 10px 15px; } .rightcolumn .widget .title h2 { font-family: inherit; color: inherit; border-bottom: 1px solid #555; font-size: 1.5em; } .rightcolumn .widget .body { margin: 15px; } .rightcolumn .person { } .rightcolumn .person .contacttitle { font-weight: bold; font-size: 1.2em; line-height:1; margin-bottom: 40px; } .rightcolumn .person .name { color: #3bc7eb; font-weight: bold; font-size: 1.2em; line-height:1; } .rightcolumn .person .jobtitle { color: #3bc7eb; margin-bottom: 20px; } .rightcolumn .person .info { font-size: 0.9em; margin-bottom: 40px; } .widget.list .item { padding-top: 20px; padding-bottom: 20px; } .widget.list .rightcolumn .person { padding-top: 20px; padding-bottom: 20px; margin:0; } .widget.list .rightcolumn .person .body { margin: 0; } .widget.list .rightcolumn .person .image { display: none; } .widget.list .rightcolumn .person .info { margin-bottom: 0; } /* contactform*/ .contactform { margin-top: 40px;} .contactform .form { position: relative; margin-top: 40px; margin-bottom: 20px;} .contactform .form form { width: 100%; } .contactform .form .block { height: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid gray; border-radius: 1px; background-color: transparent; } .contactform .form .err { border: 1px solid #cc1d1a; } .contactform .form .label { vertical-align: top;position:absolute; } .contactform .form input[type="checkbox"] { } .contactform .form input[type="text"] { border: none; background-color: transparent; z-index:2; width: 100%; padding: 0; color: #555; font-family: 'Arial', 'sans-serif'; } .contactform .form .formbutton,.formbutton { border: none; background-color: transparent; margin: 0 auto; padding: 0; width: 100%; color: #fff; cursor: pointer; text-transform: uppercase; } .contactform .form .submit { background-color: #3bc7eb; border: 0; padding: 8px 25px; } .contactform .form .submit:hover { } .rightcolumn .address { } .rightcolumn .map img { padding: 10px; line-height: 1; } .rightcolumn .map a { float: left; } .bottom {} .bottom .middle { padding: 20px 0 0; } .bottom .bordertop { border-top: 1px solid #999; } .bottom .borderbottom { border-bottom: 1px solid #666; } .bottom .contactinfo { text-transform: uppercase; color: #fff; font-size: 0.8em; } .bottom .contactinfo a {color: inherit;} .bottom .social-media ul { float: right; } .bottom .social-media ul li { float: left; margin-left: 10px; } .bottom .social-media ul li a { color: #fff; } .colophon { color: #eee; font-size: 0.75em; padding: 20px 0; } .colophon a {color: inherit;} #gatilnyhets { padding-top: 20px; } #gatilh2 { margin-top: 5px; display: inline-block; margin-bottom: 0; } #gatiltext { margin-bottom: 25px; margin-top: 15px; text-align: right; } @media screen and (max-width: 767px) { #gatiltext { text-align: left; } } #nyhetsbutt { border: 0; display: block; text-decoration: none; text-align: center; line-height: 30px; padding: 10px 20px; margin-bottom: 20px; background-color: #3ac7ec; color: #fff; -webkit-transition: 0.15s linear all; -moz-transition: 0.15s linear all; -ms-transition: 0.15s linear all; -o-transition: 0.15s linear all; transition: 0.15s linear all; -webkit-appearance: none; cursor: pointer; font-size: 14px; } #nyhetsbutt:hover, #nyhetsbutt:focus { background-color: #223374; color: #fff; }