/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 14px/20px sans-serif; color: #606060; background: #282828;} h1 {font-family: "adelle-sans", Arial, sans-serif; font-size: 28px; line-height: 36px; font-weight: 700; color: #333; margin: 15px 0 5px;} h2 {font-family: "adelle-sans", Arial, sans-serif; font-size: 24px; line-height: 30px; font-weight: 600; color: #333; margin: 15px 0 5px;} h3 {font-family: "adelle-sans", Arial, sans-serif; font-size: 22px; line-height: 26px; font-weight: 700; color: #333; margin: 15px 0 5px;} h3.group {padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;} p {margin-bottom: 10px;} a {color: #000; text-decoration: none; } .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} img {width: auto; max-width: 100%; height: auto!important; } /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ article#page {background: #f4f4f4;} article#page.startpage { } section#headercontainer {background: #dc2a33; } header {background: #262626; overflow: hidden; position: relative; height: 100px; } header section#toparea {width: 960px; margin: auto; padding: 10px 0; background: url(../gfx/2015/topbar-bg.png) no-repeat; height: 43px; box-sizing: border-box; } header section#toparea ul#languages {float: right;} header section#toparea ul#languages li {float: left; background-color: #eee; padding: 2px 6px; border-radius: 100%; margin: 0 2px; } header section#toparea ul#languages li.selected {background-color: #cf3334;} header section#toparea ul#languages li a {color: #fff; font-size: 10px; text-decoration: none;} header section#toparea ul#shortcutmenu {float: right; margin: 2px 0 0 10px;} header section#toparea ul#shortcutmenu li {float: left; margin: 0 8px;} header section#toparea ul#shortcutmenu li a {color: #fff; text-decoration: none; font-size: 11px; font-weight: bold;} header section#menucontainer {background-color: #262626;} header nav {width: 960px; margin: auto;} header nav div#logo {position: absolute; top: 20px; z-index: 999; } header nav div#logo a {display:block; } section#news { padding: 20px 0; width: 960px; margin: auto; } section#news div#latestblogpost {width: 45%; background: #ffffff; border-radius: 2px; padding: 20px 2% 12px; position: relative; float: left; display: inline; } section#news div#latestblogpost span.mark {position: absolute; width: 50px; height: 45px; display: block; left: -20px; top: -20px; background: url(../gfx/2015/mark.png) no-repeat center; } section#news div.blog-metadata {clear: both; margin-bottom: 15px; } section#news div.blog-metadata div {display: inline-block; text-align: center; width: 10%; margin-right: 1%; font-family: "adelle-sans", Arial, sans-serif; font-size: 16px; color: #cccccc; font-weight: 600; } section#news div.blog-metadata div span {display: block; font-size: 24px; color: #acacac; font-weight: bold; margin-bottom: 3px; } section#news div.blog-metadata h2 {margin: 0!important; font-size: 20px; line-height: 23px; display: inline-block; width: 80%;} section#news div.blog-metadata p {clear: both; display: block; float: none; color: #333;} section#news div#latestbloglist {float: right; width: 38%; display: inline; } section#news div#latestbloglist h3 {font-size: 18px; font-weight: 400; } section#news div#latestbloglist ul li {display: block; position: relative; margin-bottom:20px; } section#news div#latestbloglist span.date {position: absolute; top: 0; left: -72px; font-size: 14px; line-height: 19px; padding: 9px 8px; color: #f8be0b; font-weight: 600; text-align: center; width: 40px; background: #fff; border-radius: 100%; } section#news div#latestbloglist span.date span {display: block; font-size: 21px; font-weight: bold;} header nav ul.menu {margin-left: 180px;} header nav ul.menu li {float: left; margin: 18px 10px; font-family: "adelle-sans", Arial, sans-serif; font-weight: 600; font-size: 12px; } header nav ul.menu li a {color: #fff; text-decoration: none; text-transform: uppercase;} header nav ul#social {float: right; } header nav ul#social li {float: left; position: relative; } header nav ul#social li.quotation {background:#333333; display: block; height: 22px; padding: 17px 10px; font-family: "adelle-sans", Arial, sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 700; border-bottom: 2px solid #dc2f34;} header nav ul#social li.quotation a {color: #fff; } header nav ul#social li.quotation span {display: block; text-transform: uppercase; color: #fff; font-size: 9px; font-weight: 200; line-height: 10px; } header nav ul#social li.icon {text-indent: -99999px; width: 45px; height: 58px;} header nav ul#social li.search {background: url(../gfx/2015/icons/search.png) no-repeat 50% #3b3b3b;} header nav ul#social li.email {background: url(../gfx/2015/icons/email.png) no-repeat 50% #343434;} header nav ul#social li a {display: block; left: 0; right: 0; width: 100%; height: 100%; } header nav ul#social li span {background-image: none!important; display: none;} header nav .addthis_toolbox {margin-top: 0!important;} section#startpagecontent {width: 960px; height: 320px; margin: 0 auto; position: relative; } section#startpagecontent div#content {width: 420px; float: left; display: inline; position:absolute; bottom: 25px; color: #fff; } section#startpagecontent div#content h1 {color: #fff; } section#startpagecontent div#content a {color: #fff; } nav#secondnav {float: left; display: inline; width: 16%; margin-right: 4%; } nav#secondnav ul {margin-top: 11px;} nav#secondnav ul li {text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #eee; } nav#secondnav ul li a {display:block; color: #606060; padding: 6px 2px 4px; transition: ease-in-out .2s;} nav#secondnav ul li a:hover {font-weight: 600; padding-left: 5px; transition: ease-in-out .2s;} nav#secondnav ul li.on a {font-weight: 600; padding-left: 5px; transition: ease-in-out .2s;} nav#secondnav ul.submenu li {border-bottom: none; text-transform: none; } nav#secondnav ul.submenu li a {font-weight: normal; padding: 3px 2px 2px; } nav#secondnav ul.submenu li a:hover {font-weight: bold; transition: ease-in-out .2s;} nav#secondnav ul.submenu li.on a {font-weight:bold; transition: ease-in-out .2s;} div#content {float: left; display: inline; width: 70%; } div#content.slim {float: left; display: inline; width: 52%; } div#content.full {width: 100%; float: none; display: block; } div#content.wide {float: left; display: inline; width: 80%;} div#content p.archive a {text-transform: uppercase; font-weight: bold; font-family: "adelle-sans", Arial, sans-serif; font-size: 11px; transition: ease-in-out .2s; } div#content p.archive a:hover {background: #000; color: #fff; padding: 5px 8px; border-radius: 2px; text-decoration: none; transition: ease-in-out .2s;} div#content p.archive.border {border-top: 1px solid #eee; padding-top: 8px; margin-top: 15px;} div#content table {width: 100%; margin: 10px 0;} div#content table tr th, div#content table tr td {border-bottom: solid 1px #f0f0f0; text-align: left; padding: 8px 10px 8px 10px;} div#content table tr th.noborder, div#content table tr td.noborder {border: none;} div#content table tr td span.IN-widget {margin-top: 0 !important; float: none;} div#content table.personal th.header {padding-top: 20px;} div#content table.press td.img {width: 170px;} div#content table tr td.title {width: 170px;} div#content ul, div#content ol {padding: 5px 10px; margin: 5px 15px; } div#content ul, div#content ul li {list-style-type: disc;} div#content ol, div#content ol li {list-style: decimal;} div#content ul li, div#content ol li {line-height: 1.4em; margin: 0 0 0.4em;} div#content p.excerpt {font-weight: bold;} div#content img {margin: 5px 0;} p.search {width: 96%; padding: 15px 2%; background: #f8f8f8; margin: 10px 0;} p.search input {width: 76%; border: 1px solid #ccc; background: #fff; padding: 6px 1%; border-radius: 2px; color: #333; box-sizing: border-box; } p.search input[type="submit"] {width: 20%; border: 1px solid #cf3334; float: right; background: #cf3334; padding: 6px 0; text-transform: uppercase; font-weight: bold; border-radius: 2px; color: #fff; box-sizing: border-box; } section#headercontent {width: 960px; height: 320px; margin: 0 auto; position: relative; } section#headercontent div#header {position: absolute; top: 20px; width: 960px; height: 280px; overflow: hidden; } section#headercontent div#header div.headertitle {background: #dc2a33; color: #fff; padding: 15px 35px 15px 20px; position: absolute; top: 45px; font-family: "adelle-sans", Arial, sans-serif; font-size: 24px;} section#headercontent div#header div.headertitle a {text-decoration: none; color: #fff; } section#headercontent.single {height: auto!important; padding: 20px 0;} section#headercontent.single div#header {position: relative!important; height: auto!important; top: 0; } section#headercontent.single div.headertitle {display: none;} div.rightcontent {float: right; width: 30%; margin-top: 24px; } div.rightcontent div {padding: 1px 4% 10px 4%; display:block!important; margin: 0 0 10px; color: #fff; text-decoration: none; background: #363636; } div.rightcontent div p {margin-top: 5px; color: #eee;} div.rightcontent div h3 {color: #fff; font-size: 22px; font-weight: 600; } div.rightcontent div label {display: block; text-transform: uppercase; font-weight: bold; font-size: 11px; font-family: "adelle-sans", Arial, sans-serif;} div.rightcontent div input {width: 100%; box-sizing: border-box; padding: 5px 8px; background: #eee; border: 1px solid #000;} div.rightcontent div textarea {width: 100%; box-sizing: border-box; padding: 5px 8px; background: #eee; border: 1px solid #000;} div.rightcontent div input[type="submit"] {background: #000; text-transform: uppercase; font-weight: bold; font-family: "adelle-sans", Arial, sans-serif; font-size: 15px; color: #fff!important; } div.rightcontent a {color: #fff; } div#secondarycontent {float: right; width: 25%; } div.campaign {transition: ease-in-out .2s; } div.campaign a.right {float: right; margin: 10px 5px 5px 10px;} div.campaign h3 {color: #fff;} div.campaign:hover {background-position: right center!important; transition: ease-in-out .2s; } div.campaign.red {padding: 1px 45px 15px 4%; display:block!important; margin: 0 0 10px; color: #fff; text-decoration: none; background: #c5282d url(../gfx/2015/rightcontent-bg-red.png) no-repeat right -3px center; } div.campaign.red h3 a {color: #fff; } div.campaign.green {padding: 1px 45px 15px 4%; display:block!important; margin: 0 0 10px; color: #fff; text-decoration: none; background: #363636 url(../gfx/2015/rightcontent-bg.png) no-repeat right -3px center; } div.campaign.green h3 a {color: #fff; } div.campaign.yellow {padding: 1px 45px 15px 4%; display:block!important; margin: 0 0 10px; color: #fff; text-decoration: none; background: #ffc000 url(../gfx/2015/rightcontent-bg-yellow.png) no-repeat right -3px center; } div.campaign.yellow h3 a {color: #fff; } div.productcontent {width: 60%; float: left; display: inline; } section.subproduct {width: 60%; float: left; display: inline; } ul.subproducts {margin: 15px 0!important; padding: 0!important;list-style: none!important; overflow: hidden; } ul.subproducts li {float: left; display: inline; width: 14%; margin: 5px 0.5%!important; height: 145px; } ul.subproducts li a {display: block; background: #f8f8f8; padding: 10px 6% 8px; color: #333; height: 125px; text-decoration: none; border-bottom: 3px solid #cf3334; } ul.subproducts li a img {max-width: 100%; height: auto!important; display:block; margin: 0 auto; bottom: 0; margin-left: 6px!important; position: absolute; } ul.subproducts li a h3 {font-size: 15px; margin-top: 6px!important; font-weight: 300; margin-bottom: 0; } ul.subproducts li a p {font-size: 12px; line-height: 18px; } ul.subproducts li a:hover {border-bottom: 5px solid #cf3334; padding-top: 8px; transition: ease-in-out .1s;} ul.subproducts span {display:block; height: 55px; position: relative; } ul.subproducts li.selected a {border-bottom: 8px solid #cf3334; padding-top: 5px; transition: ease-in-out .1s;} fieldset.contractform input {width: 98%!important; } fieldset.contractform textarea {width: 98%; } fieldset.contractform input[type="submit"] {width: auto!important;} fieldset.contractform p {margin: 8px 0;} ul.productlist {margin: 15px 0!important; padding: 0!important; } ul.productlist li {width: 26%; float: left; text-transform: uppercase; background-position: center bottom 15px!important; font-size: 12px; display: inline; height: 55px; font-weight: 300; border-left: 8px solid #606060; border-right: 8px solid #606060; font-family: "adelle-sans", Arial, sans-serif; margin: 5px 0.5%!important; text-align: center; background-color: #606060!important; padding: 18px 2% 8px; color: #fff; text-decoration: none;} ul.productlist li img {max-width: 100%; height: auto!important; display:block; margin: 0 auto 8px!important;} ul.productlist li:hover {border-left: 8px solid #cf3334; padding-top: 18px; transition: ease-in-out .2s; background: #555; border-right: 8px solid #555; } ul.productlist li a {color: #fff; display:block; padding: 0 0 50px; } ul.productlist li:nth-child(1) {background: url(../gfx/products/pictogram/fardskrivare.png) no-repeat bottom center; } ul.productlist li:nth-child(2) {background: url(../gfx/products/pictogram/slacka.png) no-repeat bottom center;} ul.productlist li:nth-child(3) {background: url(../gfx/products/pictogram/service.png) no-repeat center bottom ;} ul.productlist li:nth-child(4) {background: url(../gfx/products/pictogram/ac.png) no-repeat bottom center;} ul.productlist li:nth-child(5) {background: url(../gfx/products/pictogram/reservdelar.png) no-repeat center bottom;} ul.productlist li:nth-child(6) {background: url(../gfx/products/pictogram/alko.png) no-repeat bottom center;} ul.productlist li:nth-child(7) {background: url(../gfx/products/pictogram/slang.png) no-repeat bottom center;} div.productmenu {float: right; margin-top: 50px; position: absolute; right: 0; } div.productmenu div {font-family: "adelle-sans", Arial, sans-serif; color: #5b5c5b; font-size: 36px; width: 220px; position: absolute; right: 115px; bottom: 10px; z-index: 999; text-align: center; line-height: 42px;} div.productmenu div span {font-weight: 700;} div.productmenu ul.wheel {width: 450px; height: 270px; background-image: url(../gfx/products/wheel/full.png); position: relative;} div.productmenu ul.wheel.product-4 {background-image: url(../gfx/2015/wheel/product-container.png);} div.productmenu ul.wheel.product-3 {background-image: url(../gfx/2015/wheel/product-lyft.png);} div.productmenu ul.wheel.product-1 {background-image: url(../gfx/2015/wheel/product-lager.png);} div.productmenu ul.wheel.product-2 {background-image: url(../gfx/2015/wheel/product-materialleverans.png);} div.productmenu ul.wheel.product-5 {background-image: url(../gfx/2015/wheel/product-bygglogistik.png);} div.productmenu ul.wheel.product-6 {background-image: url(../gfx/2015/wheel/product-storsack.png);} div.productmenu ul.wheel.product-7 {background-image: url(../gfx/2015/wheel/product-avfall.png);} div.productmenu ul.wheel li {position: absolute; text-align: center; font-family: "adelle-sans", Arial, sans-serif; line-height: 14px; font-size: 13px;} div.productmenu ul.wheel li a {text-decoration: none; display: block; transition: ease-in-out .2s;position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; } div.productmenu ul.wheel li span {display: block; color: #fff; word-wrap:break-word; margin-bottom: 12px;} div.productmenu ul.wheel li.selected a {font-weight: bold;} div.productmenu ul.wheel li a:hover {font-weight: bold; transition: ease-in-out .2s;} div.productmenu ul.wheel li:nth-child(1) {bottom: 10px; height: 62px; left: 25px; width: 50px; background: url(../gfx/products/pictogram/fardskrivare.png) no-repeat bottom center; } div.productmenu ul.wheel li:nth-child(2) {bottom: 102px;height: 60px; width: 50px; left: 40px; background: url(../gfx/products/pictogram/slacka.png) no-repeat bottom center;} div.productmenu ul.wheel li:nth-child(2) span {width: 52px; padding-left: 15px;} div.productmenu ul.wheel li:nth-child(2) img {margin-left: -20px;} div.productmenu ul.wheel li:nth-child(3) {bottom: 170px; left: 100px; width: 92px; height: 26px; padding-bottom: 35px; background: url(../gfx/products/pictogram/service.png) no-repeat bottom left 20px;} div.productmenu ul.wheel li:nth-child(3) span {padding-left: 20px;} div.productmenu ul.wheel li:nth-child(3) img {margin-left: -20px;} div.productmenu ul.wheel li:nth-child(4) {bottom: 208px; left: 215px; width: 50px; height: 18px; padding-bottom: 18px; background: url(../gfx/products/pictogram/ac.png) no-repeat bottom center;} div.productmenu ul.wheel li:nth-child(5) {bottom: 160px; left: 285px; width: 80px; height: 20px; padding-bottom: 28px; background: url(../gfx/products/pictogram/reservdelar.png) no-repeat bottom right 15px;} div.productmenu ul.wheel li:nth-child(5) span {} div.productmenu ul.wheel li:nth-child(5) img {margin-left: 40px;} div.productmenu ul.wheel li:nth-child(6) {bottom: 80px; left: 365px; line-height: 16px; height: 55px; width: 50px; background: url(../gfx/products/pictogram/alko.png) no-repeat bottom center;} div.productmenu ul.wheel li:nth-child(6) span {width: 47px;} div.productmenu ul.wheel li:nth-child(6) img {margin-left: 30px;} div.productmenu ul.wheel li:nth-child(7) {bottom: 5px; left: 380px; height: 45px; width: 50px; background: url(../gfx/products/pictogram/slang.png) no-repeat bottom center;} div.productmenu ul.wheel li:nth-child(7) span {margin-bottom: 5px;} .scroll-menu section#menucontainer {z-index: 999999; position: fixed; left: 0; top: 0; width: 100%; } .scroll-menu section#menucontainer #logo {top: 12px;} .scroll-menu section#menucontainer #logo img {height: 35px!important;transition: ease-in-out .2s; } .scroll-menu section#menucontainer nav ul.menu {margin-left: 100px; transition: ease-in-out .2s;} .scroll-menu header {height: auto!important;} .scroll-wheel div.productmenu {float: none!important; z-index: 9999; margin-top: 15px; padding-bottom: 0; position: fixed; width: 100%; left: 0; background: #f6c844; /* Old browsers */ background: -moz-linear-gradient(left, #ec3e47 50%, #ad2f36 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(50%,#ec3e47), color-stop(50%,#ad2f36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ec3e47 50%,#ad2f36 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ec3e47 50%,#ad2f36 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ec3e47 50%,#ad2f36 50%); /* IE10+ */ background: linear-gradient(to right, #ec3e47 50%,#ad2f36 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c844', endColorstr='#d9a40d',GradientType=1 ); /* IE6-9 */ } .scroll-wheel div.productmenu div {display: none!important;} .scroll-wheel div.productmenu div span {font-weight: 700;} .scroll-wheel div.productmenu ul.wheel {width: 960px; margin: 0 auto; height: auto; background: none; } .scroll-wheel div.productmenu ul.wheel li {background-position: center bottom 20px; position: relative; width: 12.28%; padding: 10px 1%; height: 65px; left: auto!important; right: auto!important; bottom: auto!important; top: auto!important; text-align: center; float: left; display: inline-block; font-family: "adelle-sans", Arial, sans-serif; line-height: 14px; font-size: 13px;} .scroll-wheel div.productmenu ul.wheel li a {text-decoration: none; } .scroll-wheel div.productmenu ul.wheel li span {display: block; color: #fff; font-size: 11px; word-wrap:break-word; width: auto; padding: 0!important; margin: 15px 0 12px; text-transform: uppercase; font-family: "adelle-sans", Arial, sans-serif; } .scroll-wheel div.productmenu ul.wheel li img {margin: 0!important; } .scroll-wheel div.productmenu ul.wheel li:nth-child(1) {background-color: #ec3e47; } .scroll-wheel div.productmenu ul.wheel li:nth-child(2) {background-color: #e23b44;} .scroll-wheel div.productmenu ul.wheel li:nth-child(3) {background-color: #d83941; } .scroll-wheel div.productmenu ul.wheel li:nth-child(4) {background-color: #cb373e; } .scroll-wheel div.productmenu ul.wheel li:nth-child(5) {background-color: #bf333a; } .scroll-wheel div.productmenu ul.wheel li:nth-child(6) {background-color: #b73239;} .scroll-wheel div.productmenu ul.wheel li:nth-child(7) {background-color: #ad2f36;} .scroll-wheel div.productmenu ul.wheel li:nth-child(7) span {margin-bottom: 12px;} section#container {width: 100%; background: #fff; } section#container div#contentcontainer {padding: 20px 0; width: 960px; margin: 0 auto; } section#watchvideo {background: #4d4d4d; border-top: 3px solid #dc2f34; } section#watchvideo div#watchvideocontent {width: 960px; margin: 0 auto; background: url(../gfx/2015/movie-bg.jpg) no-repeat center; text-align: center; padding: 20px 0; } section#watchvideo div#watchvideocontent h3 {color: #fff; font-weight: 100; font-size: 16px; background: url(../gfx/2015/movie-play-bg.png) no-repeat left center; padding: 15px 15px 15px 60px; display: inline; -webkit-font-smoothing: antialiased; } section#watchvideo div#watchvideocontent h3 a {color: #fff; text-decoration: none; } section#statistics {background: #eeeeee; } section#statistics div#statisticscontent {width: 960px; margin: 0 auto; } section#statistics div#statisticscontent #left {width: 48%; float: left; display: inline; padding-top: 40px; position: relative; overflow: hidden; } section#statistics div#statisticscontent #left h3 {margin-bottom: 10px; font-size: 20px;} section#statistics div#statisticscontent #middle {width: 15%; float: left; margin-left: 50px; display: inline; padding-top: 60px; } section#statistics div#statisticscontent #right {float: right; width: 24%; background: #014b92; padding: 25px 3%; min-height: 235px; } section#statistics div#statisticscontent #right h3 {font-weight: 700; color: #f8f8f8; text-transform: uppercase; } section#statistics div#statisticscontent #right ul {margin: 10px 0 0 ;} section#statistics div#statisticscontent #right ul li a {display: block; padding: 4px 0; color: #eee; font-size: 12px; text-transform: uppercase; background: url(../gfx/2015/shortcuts-bg.png) no-repeat center right; text-decoration: none; transition: ease-in-out .2s; } section#statistics div#statisticscontent #right ul li a:hover {background: url(../gfx/2015/shortcuts-bg.png) no-repeat right 10px center; transition: ease-in-out .2s; font-weight: bold; } footer {background: #282828; } footer section#footercontainer {width: 960px; margin: 0 auto; padding: 30px 0; overflow: hidden; } section#footercontainer {margin: 20px 0 0; padding: 10px 0;} section#footercontainer div#address {width: 100%; } section#footercontainer strong {color: #fff; background: url(../gfx/2015/tel.png) no-repeat center left; padding-left: 45px; width: 20%; font-family: "adelle-sans", Arial, sans-serif; font-weight: 500; font-size: 20px; float: left; display: inline; margin: 0 50px 10px 0!important; display: block; text-transform: uppercase;} section#footercontainer strong span {display:block; font-size: 18px; font-weight: 100; margin-bottom: 3px; } section#footercontainer strong.phoneoffice {background: none; padding-left: 0; } section#footercontainer strong a {color: #fff; } section#footercontainer div.office {margin: 2px 0 0 0; color: #eee; font-size: 12px;} section#footercontainer div.office span {text-transform: none; font-family: "adelle-sans", Arial, sans-serif; font-size: 14px; font-weight: 100;} section#footercontainer div.office span.fs-dynamic-number {display: none; text-transform: none !important; font-weight: normal !important;} section#footercontainer div.office span.title { font-family: "adelle-sans", Arial, sans-serif; font-weight: bold; font-size: 17px; text-transform: uppercase; display: block; margin-bottom: 5px; } section#footercontainer div.office span.pos-adr, section#footercontainer div.office span.postalcode, section#footercontainer div.office span.city { } section#footercontainer div.office span.org {display: block; margin-top: 5px; } section#footercontainer div.office span.org span, section#footercontainer div.office span.vat span {font-weight: bold; text-transform: uppercase; } section#footercontainer div.office a {color: #eee; text-decoration: none; } section#footercontainer section {float: right; width: 40%; text-align: right; } div#quote {float: right; text-align: right; background: url(../gfx/2015/quote-bg.png) no-repeat top right; } div#quote h3 {color: #fff; font-style: italic; font-weight: 300; font-size:20px; } div#quote span {text-transform: uppercase; color: #fff; font-size: 12px; float: right; } div#quotationform {} div#quotationform h2 {width: 98%; display: block; background-color: #ffc000; padding: 5px 10px; margin-bottom: 0; color: #fff; } div#quotationform table tr:hover {border: none; padding: 0; background: none!important;} div#quotationform fieldset {padding: 2%!important; border-bottom: 0;} div#quotationform div.column {text-align: center; float: left; width: 159px; margin-bottom: 30px; padding: 10px 0; border-right: 1px solid #999;} div#quotationform div.column.header {text-align: right; padding-right: 20px; width: 172px; font-weight: bold; border: 0px; display: none; } div#quotationform div.column span:first-child{margin-top: 85px; display: block;} div#quotationform div.column span:last-child{margin-top: 26px; display: block;} div#quotationform div.column img {width: 130px;} div#quotationform div.column input {width: 28px; margin-left: 32px; height: 28px; text-align: center; font-size: 16px; display: inline-block; float: left; border: 1px solid #333; box-sizing:border-box;} div#quotationform div.column a {display: inline-block; text-indent: -99999px; background-position: center; width: 28px; height: 28px; float: left;} div#quotationform div.column a.minus {background-image: url(../gfx/quotations/minus.png); margin: 0 5px;} div#quotationform div.column a.plus {background-image: url(../gfx/quotations/plus.png);} div#quotationform div.column:nth-child(6n+0) {border-right: 0!important;} div#quotationform table td span label {margin-right: 50px; display: inline-block;} div#quotationform div.left-column {width: 30%; float: left; margin: 30px 5% 0 0;} div#quotationform div.left-column h2 {width: 93%;} div#quotationform div.right-column {width: 65%; float: left; margin: 30px 0 0 0;} div#quotationform div.right-column h2 {width: 97%;} div#quotationform div.right-column fieldset {position: relative; margin:0 0 50px; } div#quotationform div.right-column p.save-btn {position: absolute; bottom: -50px; width: 100%; left: 0; } div#quotationform div.right-column div.cr {background: none;} div#quotationform div.right-column div.cl {background: none;} div.cr {width: 50%; float: left; margin-top: 0; padding: 1% 0 0 0; background: #eee; } div.cl {width: 41%; float: left; margin-right: 5%; margin-top: 0; padding: 1.5% 2% 2% 2%; background: #f8f8f8; } div.cl h2 {clear: both; margin-top: 0; } div.cr h2 {padding: 0 4%; margin: 5px 0 15px; } div.cr div.message-item {padding: 5px 4%; } div.cr div.message-item h3 {color: #333;} div.cr section#message-box {background: #333; color: #fff; padding: 4%; } div.cr section#message-box h2 {color: #fff; padding: 0; } div.cr section#message-box textarea {width: 99%; border: 1px solid #000; margin: 0; } div.cr section#message-box input {width: 100%; border: 1px solid #ffc000; background: #ffc000; padding: 6px 0; text-transform: uppercase; font-weight: bold; border-radius: 2px; color: #fff; } div#quotationform fieldset legend {display: none;} div#quotationform fieldset p {line-height: 1.4em; margin-bottom: 0;} div#quotationform fieldset p label, div#quotationform fieldset div label {display: block;} div#quotationform fieldset p input {margin: 2px 0 10px; box-sizing: border-box; width: 100%; padding: 4px 8px; } div#quotationform fieldset p input.btn {width: 100%; padding: 10px; background:#333; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #333; border-radius: 2px;} div#quotationform div.RadPicker {width: 100%!important; margin-bottom: 8px;} div#quotationform div.RadPicker input {padding: 4px 8px; margin-bottom: 3px; width: 90%; } dl.quotation {} dl.quotation dt {clear: both; width: 42%; float: left; margin-right: 10%; margin-bottom: 2px; font-weight: bold; } dl.quotation dd {float: left; width: 48%; margin-bottom: 2px; } div.company {width: 200px; float: left; margin-top: 10px;} div.company h2 {font-weight: bold;} div.company img {margin: 0 0 10px;} div.company p.more a {text-transform: uppercase; font-weight: bold; font-family: "adelle-sans", Arial, sans-serif; font-size: 11px; } div.messagebox {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 35px; background-color: #cf3334; color: #fff; padding: 20px; z-index: 999;} div#fixednav ul#languages {right: 0px; margin: 12px 10px 0 0; position: absolute; z-index: 997; display: none; } div#fixednav ul#languages li {padding-left: 5px; float: left; } div#fixednav ul#languages li img {width: 32px;} div#fixednav {max-width: 960px; width:100%; top: 0; height: 45px;position: fixed; z-index: 996; display: block!important; } div#offcanvas-navigation {position: fixed!important; top: 0; display: block!important; z-index: 998; height: 100%; opacity: 0; } div#offcanvas-navigation div.full-navigation {height: 95%; overflow: auto; } div#offcanvas-navigation a#full-navigation {float: left; } div#offcanvas-navigation ul {background: #f8f8f8; padding-bottom: 15px;} div#offcanvas-navigation ul.submenu {background: none; } div#offcanvas-navigation a.handle {background-image: url(../gfx/2015/navigation-pull.png)!important; opacity: 0;} #offcanvas-navigation {padding: 43px 0px 0px 0px; width: 270px; height: 100%!important; background: url(../gfx/2015/navigation-bg.png) repeat-x left top #f8f8f8; border: 0px solid #29216d; } #offcanvas-navigation ul li {padding: 14px 20px 13px; border-bottom: 1px solid #ededed; } #offcanvas-navigation ul li.hc {padding-top: 12px; border-bottom: 1px solid #ededed; } #offcanvas-navigation ul li.hc.on {background: url(../gfx/2015/navigation-active.png) repeat-x top #fff; } #offcanvas-navigation ul li.hc.on a {color: #fff;} #offcanvas-navigation ul li.hc.on ul.submenu li:first-child {padding-top: 25px; } #offcanvas-navigation ul li.on ul.submenu li.hc ul.submenu li {padding-top:12px; } #offcanvas-navigation ul li.on ul.submenu li.hc.on ul.submenu li {padding-top:12px; } #offcanvas-navigation ul li a {color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 14px; } #offcanvas-navigation ul.submenu li {border: none; padding: 15px 10px 0px;} #offcanvas-navigation ul.submenu li a {text-transform: none; font-weight: normal; font-size: 12px;} #offcanvas-navigation ul li.on ul.submenu li ul.submenu li.hc {padding: 0; } #offcanvas-navigation ul li.on ul.submenu li.hc.on {background: none; } #offcanvas-navigation ul li.on ul.submenu li.hc.on a {background: none; color: #cf3334; font-weight: bold; } #offcanvas-navigation ul li.on ul.submenu li.hc.on ul.submenu li a {background: none; color: #000; font-weight: normal; } #offcanvas-navigation ul li.on ul.submenu li.hc.on ul.submenu li.on a {background: none; color: #cf3334; font-style: italic; } #offcanvas-navigation ul li.on ul.submenu li a {color: #000; } #offcanvas-navigation ul li.on ul.submenu li.on a {font-weight: bold; color: #cf3334; background: none; } @media screen and (max-width: 980px) { article#page {max-width: 960px; min-width: 300px; width: 100%; } section#headercontent {width: 100%; height: auto!important;} header nav div#logo {position: absolute; top: 20px; z-index: 2; } footer section#footercontainer {width: 94%; margin: 0 auto; padding: 30px 3%; } section#footercontainer div#address a {color: #fff!important;} section#container {width: 100%; padding: 10px 0; } section#container div#contentcontainer {width: 96%; padding: 10px 2% 20px; } section#headercontent div#header { position: relative; width: 100%; height: auto!important; top: auto!important;} section#headercontent div#header div.headertitle {position: relative!important; bottom: auto!important; top: auto!important; margin: 20px 0 0; display: none;} div.headerimageobject {margin-top: 10px;} nav#secondnav {display: none!important; } div#content.slim {width: 60%; } div#content.wide {width: 100%; } div#content {width: 60%; } section.subproduct {width: 100%; } section#startpagecontent div#content {width: 94%; padding: 20px 3% 10px; float: none; display: block; position: relative; bottom: auto!important; text-align: center; } section#statistics div#statisticscontent {width: 98%; padding: 0 0 0 2%; } section#statistics div#statisticscontent #left {width: 44%; padding-bottom: 15px; } section#statistics div#statisticscontent #middle {width: 18%; } section#statistics div#statisticscontent #right {width: 22%; min-height: 300px; } section#statistics div#statisticscontent #left ul li span {font-size: 24px; line-height: 35px; } section#statistics div#statisticscontent #left div.customers ul li:nth-child(2) {margin-top: 6px!important;} section#news {width: 100%; } div#header div.headerimageobject {} table td img {display: none; } section#startpagecontent {width: 100%; height: auto!important; padding: 10px 0; } .scroll-menu section#menucontainer {z-index: 99; position: relative; left: 0; top: 0; width: 100%; overflow: hidden!important; } section#menucontainer {overflow: hidden; } .scroll-wheel div.productmenu {position: relative!important; float: none!important; width: 100%!important; z-index: 99; } .scroll-wheel div.productmenu ul {width: 100%!important;} ul.subproducts {margin: 15px 0!important; padding: 0!important;list-style: none!important; overflow: hidden; } ul.subproducts li {float: left; display: inline; width: 20%; margin: 5px 1%!important; } div.productmenu {float: none!important; margin-top: 10px; padding-bottom: 20px; position: relative!important; } div.productmenu div {display: none!important;} div.productmenu div span {font-weight: 700;} div.productmenu ul.wheel { height: auto; background: none; display: block; width: 100%; padding: 0!important; margin: 0!important; } div.productmenu ul.wheel li {position: relative; width: 14.28%!important; background-position: center bottom 15px!important; padding: 10px 4%!important; box-sizing: border-box; height: 90px!important; left: auto!important; right: auto!important; bottom: auto!important; top: auto!important; text-align: center; float: left; display: inline-block; font-family: "adelle-sans", Arial, sans-serif; line-height: 14px; font-size: 13px;} div.productmenu ul.wheel li a {text-decoration: none;} div.productmenu ul.wheel li span {display: block!important; width: 100%!important; padding: 10px!important; box-sizing: border-box!important; color: #fff; font-size: 11px; word-wrap:break-word; width: auto; margin: 5px 0 12px; text-transform: uppercase; font-family: "adelle-sans", Arial, sans-serif; } div.productmenu ul.wheel li img {margin: 0!important; } div.productmenu ul.wheel li:nth-child(1) {background-color: #434343; } div.productmenu ul.wheel li:nth-child(2) {background-color: #4c4c4c;} div.productmenu ul.wheel li:nth-child(2) span { } div.productmenu ul.wheel li:nth-child(3) {background-color: #363636; } div.productmenu ul.wheel li:nth-child(4) {background-color: #303030; } div.productmenu ul.wheel li:nth-child(5) {background-color: #303030; } div.productmenu ul.wheel li:nth-child(6) {background-color: #1c1c1c;} div.productmenu ul.wheel li:nth-child(6) span {} div.productmenu ul.wheel li:nth-child(7) {background-color: #0c0c0c;} div.productmenu ul.wheel li:nth-child(7) span {} div#fixednav ul#languages {right: 0px; margin: 12px 10px 0 0; position: absolute; z-index: 997; display: block; } div#fixednav ul#languages li {padding-left: 5px; float: left; } div#fixednav ul#languages li img {width: 32px;} div#fixednav {max-width: 960px; width: 100%; top: 0; height: 45px; background: #333; position: fixed; z-index: 996; display: block!important; } div#offcanvas-navigation {position: fixed!important; top: 0; opacity: 100; display: block; z-index: 998; height: 100%;} div#offcanvas-navigation div.full-navigation {height: 95%; overflow: auto; } div#offcanvas-navigation a#full-navigation {float: left; } div#offcanvas-navigation ul {background: #f8f8f8; } div#offcanvas-navigation ul.submenu {background: none; } div#offcanvas-navigation a.handle {background-image: url(../gfx/2015/navigation-pull.png)!important; opacity: 1!important; position: relative; z-index: 99999;} #offcanvas-navigation {padding: 43px 0px 0px 0px; width: 270px; height: 100%!important; background: url(../gfx/2015/navigation-bg.png) repeat-x left top #f8f8f8; border: 0px solid #29216d; } #offcanvas-navigation ul li {padding: 14px 20px 13px; border-bottom: 1px solid #ededed; } #offcanvas-navigation ul li.hc {padding-top: 12px; border-bottom: 1px solid #ededed; } #offcanvas-navigation ul li.hc.on {background: url(../gfx/2015/navigation-active.png) repeat-x top #fff; } #offcanvas-navigation ul li.hc.on a {color: #fff;} #offcanvas-navigation ul li.hc.on ul.submenu li:first-child {padding-top: 25px; } #offcanvas-navigation ul li.on ul.submenu li.hc ul.submenu li {padding-top:12px; } #offcanvas-navigation ul li.on ul.submenu li.hc.on ul.submenu li {padding-top:12px; } #offcanvas-navigation ul li a {color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 14px; } #offcanvas-navigation ul.submenu li {border: none; padding: 15px 10px 0px;} #offcanvas-navigation ul.submenu li a {text-transform: none; font-weight: normal; font-size: 12px;} #offcanvas-navigation ul li.on ul.submenu li ul.submenu li.hc {padding: 0; } #offcanvas-navigation ul li.on ul.submenu li.hc.on {background: none; } #offcanvas-navigation ul li.on ul.submenu li.hc.on a {background: none; color: #cf3334; font-weight: bold; } #offcanvas-navigation ul li.on ul.submenu li.hc.on ul.submenu li a {background: none; color: #000; font-weight: normal; } #offcanvas-navigation ul li.on ul.submenu li.hc.on ul.submenu li.on a {background: none; color: #cf3334; font-style: italic; } #offcanvas-navigation ul li.on ul.submenu li a {color: #000; } #offcanvas-navigation ul li.on ul.submenu li.on a {font-weight: bold; color: #cf3334; background: none; } ul#languages {float: right; margin-top: 9px!important;} ul#languages li {float: left; background-color: #606060; padding: 2px 5px; border-radius: 100%; margin: 0 2px;} ul#languages li.selected {background-color: #fff;} ul#languages li a {color: #1d1d1d; font-size: 10px; text-decoration: none;} header {margin-top: 45px; width: 100%; padding: 0; height: 58px; } header ul.menu {display: none; } header nav { width: 97%; padding: 0 0 0 3%;} header img { margin: -8px 0 0!important; padding: 1px 0; height: 35px!important; } header section#toparea {display: none; } div.company {width: 50%; } table td img {display: none; } section#watchvideo div#watchvideocontent {width: 100%; } div#quotationform div.column {width: 32.5%; } div#quotationform div.column input {width: 45px;} div#quotationform div.column:nth-child(3n+3) {border-right: 0!important;} div#quotationform div.column a.minus {margin-left: 35px!important;} div#quotationform table td span label {width: 45%; margin: 0; } div#quotationform table td span input {width: 5%; margin: 0; } div#quotationform h2 {width: auto!important;} } @media screen and (max-width: 730px) { section#menucontainer {overflow: hidden!important;} section#startpagecontent {padding: 10px 0 0!important; } div.productmenu ul.wheel li {width: 50%!important; padding: 5px 1%!important; height: 75px!important;} div.productmenu ul.wheel li span {width: auto!important; margin: 5px 0 5px!important; } div.productmenu ul.wheel li:last-child {width: 100%!important; } div.productmenu ul.wheel li:nth-child(1) {background-color: #ec3e47; } div.productmenu ul.wheel li:nth-child(2) {background-color: #e23b44;} div.productmenu ul.wheel li:nth-child(2) span {width: 58px; margin: 0 auto 6px; } div.productmenu ul.wheel li:nth-child(3) {background-color: #d83941; } div.productmenu ul.wheel li:nth-child(4) {background-color: #cb373e; } div.productmenu ul.wheel li:nth-child(5) {background-color: #bf333a; } div.productmenu ul.wheel li:nth-child(6) {background-color: #b73239;} div.productmenu ul.wheel li:nth-child(6) span {width: auto!important; margin: 5px 0 12px;} div.productmenu ul.wheel li:nth-child(7) {background-color: #ad2f36;} div.productmenu ul.wheel li:nth-child(7) span {margin-bottom: 12px;} div.productcontent {width: 50%; } div.rightcontent {width: 40%; } div#content.slim {width: 50%; } div#content {width: 50%; } div#secondarycontent {width: 40%; } section#news div#latestblogpost {width: 94%; padding: 15px 3% 10px!important; margin: 0; float: none; display: block; } section#news div#latestbloglist {width: 94%; padding: 10px 3%; margin: 0; float: none; display: block; } ul.subproducts {margin: 15px 0!important; padding: 0!important;list-style: none!important; overflow: hidden; } ul.subproducts li {float: left; display: inline; width:31%; margin: 5px 1%!important; } } @media screen and (max-width: 710px) { section#statistics div#statisticscontent {width: 100%!important; padding: 0!important;} section#statistics div#statisticscontent #left {width: 60%!important; display: inline; float: left; padding: 10px 3% 15px!important; } section#statistics div#statisticscontent #middle {width: 20%; float: right; } section#statistics div#statisticscontent #left ul {padding-top: 25px;} section#statistics div#statisticscontent #right {width: 94%!important; clear: both; display: block; float:none; height: auto!important; min-height: 0!important; } } @media screen and (max-width: 530px) { div.productcontent {width: 100%; float: none; clear: both; display: block; } div.rightcontent {width: 100%; float: none; clear: both; display: block; margin-top: 20px; } div#content.slim {width: 100%; float: none; clear: both; display: block; } div#content {width: 100%; float: none; clear: both; display: block; } div#secondarycontent {width: 100%; float: none; clear: both; display: block; margin-top: 20px; } section#startpagecontent div#content h1 {font-size: 22px; line-height: 26px;} } @media screen and (max-width: 500px) { section#statistics div#statisticscontent #left ul {padding-top: 20px;} section#statistics div#statisticscontent #left ul li {width: 45%; margin-bottom: 10px;} section#statistics div#statisticscontent #left div.customers ul {padding-top: 10px;} section#statistics div#statisticscontent #left div.customers {height: auto!important;} section#statistics div#statisticscontent #left div.customers img {width: auto; max-width: 100%;} section#statistics div#statisticscontent #left div.customers ul li:nth-child(1) {width: 55%; margin-right: 8%; } section#statistics div#statisticscontent #left div.customers ul li:nth-child(2) {width: 35%; margin-right: 0!important;} section#statistics div#statisticscontent #left div.customers ul li:nth-child(2) {margin-top: 0!important;} div.cl {width: 94%; margin: 10px 0 0; padding: 10px 3%; } div.cr {width: 100%; margin: 10px 0 0; padding: 10px 0 0; } div#quotationform div.left-column {width: 100%; float: none; margin: 30px 0 0 0;} div#quotationform div.left-column h2 {width: 97%;} div#quotationform div.right-column {width: 100%; float: none; margin: 30px 0 0 0;} div#quotationform div.right-column h2 {width: 97%;} div#quotationform div.right-column div.cl {padding: 10px 0 0; width: 100%; } div#quotationform div.column {width: 100%!important; border: 0!important; border-bottom: 1px solid #eee!important; padding-bottom: 20px; margin-bottom: 15px!important; } div#quotationform div.column input {width: 45px;} div#quotationform h2 {width: auto!important;} div#quotationform div.column a.minus {margin-left: 100px!important;} div#quotationform table td span label {width: 85%; margin: 0; } div#quotationform table td span input {width: 15%; margin: 0; } div#quotationform div.column.header {height: auto; } section#footercontainer div#address { float: none; display: block; margin-bottom: 10px;} ul.subproducts {margin: 15px 0!important; padding: 0!important;list-style: none!important; overflow: hidden; } ul.subproducts li {float: left; display: inline; width:45%; margin: 5px 2%!important; } } @media screen and (max-width: 460px) { section#footercontainer strong {float: none; display: block; width: 100%; } section#footercontainer section {width: 100%; float: none; display: block; margin-top: 25px; text-align: left; } section#footercontainer div.office span.title {margin-bottom: 2px;} header nav ul#social li.quotation {font-size: 9px; padding: 17px 5px;} section#statistics div#statisticscontent #left {width: 94%!important; display: block; float: none; padding: 10px 3% 15px!important; } section#statistics div#statisticscontent #middle {float: none; display: block; padding: 0 0 20px; text-align: center; width: auto; margin: 0; } } /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {margin: 10px 0; padding: 0 0 10px 10px; float: left; width: 440px; clear: both; border: solid 1px #d8d8d8; border-top: 3px solid #cf3334;} p.gallerybreadcrumb {margin: 0 0 10px -10px !important; padding: 9px 10px 10px; font-size: 2em; line-height: 1.4em; color: #cf3334; float: left; display: block; width: 460px;} p.gallerybreadcrumb a {color: #fff !important;} a.gallerydir {width: 133px; height: 115px; margin: 0 5px 5px 0; padding: 10px 2px 2px; background: #f5f5f5 url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000 !important; text-decoration: none !important; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 133px; height: 115px; margin: 0 5px 5px 0; padding: 10px 2px 2px; background: #f5f5f5; color: #000 !important; text-decoration: none !important; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #e0e0e0;} a.galleryimg:hover {color: #000; background-color: #e0e0e0;} a.gallerydir img, a.galleryimg img {display: block; clear: both; margin: 0 auto;} a.gallerydir span, a.galleryimg span {width: 136px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 8px; left: 5px;} fieldset.contact {background: #f8f8f8;border-bottom: 3px solid #ffc000; padding: 15px; } fieldset.contact legend {margin: 0 0 5px 0; font-family: "adelle-sans", Arial, sans-serif; font-size: 15px; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 220px; padding: 4px 1%; font: normal 12px sans-serif; color: #000; border: 1px solid #ccc;} fieldset.contact textarea {width: 220px; height: 100px; padding: 4px; font: normal 12px sans-serif; color: #000; overflow: auto; border: 1px solid #ccc;} fieldset.contact .btn {width: auto; background: #333; color: #fff; border: none; padding: 6px 12px; text-transform: uppercase; font-weight: bold; margin-top: 6px;} fieldset {background: #f8f8f8;border-bottom: 3px solid #ffc000;padding: 30px 15px 15px; position: relative; } fieldset legend {margin: 0 0 5px 0; padding: 0; color: #000; position: absolute; top: 8px; left: 15px; font-family: "adelle-sans", Arial, sans-serif; font-size: 15px; } fieldset p {margin: 5px 0;} fieldset label {display: block;} fieldset label .rfv {font-size: 11px; color: #f00;} fieldset input {width: 220px; padding: 4px 1%; font: normal 12px sans-serif; color: #000; border: 1px solid #ccc;} fieldset textarea {width: 220px; height: 100px; padding: 4px; font: normal 12px sans-serif; color: #000; overflow: auto; border: 1px solid #ccc;} fieldset .btn {width: auto; background: #333; color: #fff; border: none; padding: 6px 12px; text-transform: uppercase; font-weight: bold; margin-top: 6px; border-radius: 2px;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 30px 15px 15px; background: #f8f8f8; border-bottom: 3px solid #ffc000; position: relative;} fieldset.loginprotectedpage legend {margin: 0 0 5px 0; padding: 0; color: #000; position: absolute; top: 8px; left: 15px; font-family: "adelle-sans", Arial, sans-serif; font-size: 15px; } fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 220px; padding: 4px 1%; font: normal 12px sans-serif; color: #000; border: 1px solid #ccc;} fieldset.loginprotectedpage .btn {width: auto; background: #333; color: #fff; border: none; padding: 6px 12px; text-transform: uppercase; font-weight: bold; margin-top: 6px; border-radius: 2px; } dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.documentlibrary, ul.documentlibrary li {list-style: none !important; display: block; width: 460px; clear: both;} ul.documentlibrary {margin-left: 0 !important; padding: 0 !important;} ul.documentlibrary li {line-height: 20px; border-bottom: solid 1px #f3f3f3; padding: 5px 0;} ul.documentlibrary li img {vertical-align: text-top;} ul.documentlibrary li a {margin: 0 0 0 6px;} .IN-widget {float: right; margin-top: 7px;} .addthis_toolbox {float: right; margin-top: 9px;} ul.breadcrumbs {padding: 5px 0 0!important; margin:2px 0 12px!important; font-size: 12px; color: #666!important;} ul.breadcrumbs ul, ul#breadcrumb ul li {padding: 0 !important; margin: 0 !important;} ul.breadcrumbs li {display: inline;} ul.breadcrumbs li a {text-decoration: none; font-weight: bold; color: #666!important;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/