/* - - - - - - - - - - - - - - - - - - - - - Title: Brighthost Author: Brightworks, http://www.brightworks.nl URL: public/css/screen.css - - - - - - - - - - - - - - - - - - - - - */ /* ****************** body *************** */ * {margin:0; padding:0; border:0;} body {margin:20px 0px 0px 0px; padding:0; font-family: Tahoma, Arial, Helvetica; font-size:12px; color:#9a9a9a; background: url(../images/background.gif) top center no-repeat #000;} a {color:#ffffff; text-decoration:none; outline-style: none;} a:hover {color:#ffffff; text-decoration:underline;} img {border:none;} .clear {clear:both;} /* ****************** navigation *************** */ div#navcontainer {float:left; width:851px; height:61px; padding:14px 0px 0px 5px; margin:0; overflow:hidden;} ul#nav {position: absolute; float:left; width:851px; height:61px; padding:0; margin:0;} ul#nav li {/*position: relative;*/ float: left; list-style-type:none;} #nav li, #nav a {float: left; margin:0px 3px 8px 0px; padding:0;} #nav li a {/*display: block;*/ float:left; cursor: pointer; outline: 0; text-indent: -4000px; background: transparent url(../images/nav.gif) no-repeat; height: 53px; line-height: 53px; margin:0px 0px 0px 0px;} #nav li ul {float:left; position: relative; display:none; margin: 0 0 0 0;} #nav li ul, #nav li ul li {margin:0px 0px 0px 0px;} #nav li ul li a, #nav li ul li a:hover, #nav li ul li.sfhover a {margin:0px 0px 0px 0px;} /* BUTTONS */ #nav #nav_home {width:60px;} #nav #nav_hosting {width:194px;} #nav #nav_domeinnamen {width:194px;} #nav #nav_zarafa_outlook_sharing {width:194px;} #nav #nav_bestellen {width:194px;} #nav #nav_webhosting {width:194px;} #nav #nav_reseller {width:194px;} #nav #nav_home a {width:60px; background-position:0 0;} #nav #nav_hosting a {width:194px; background-position:-60px 0;} #nav #nav_domeinnamen a {width:194px; background-position:-254px 0px;} #nav #nav_zarafa_outlook_sharing a {width:194px; background-position:-448px 0px;} #nav #nav_bestellen a {width:194px; background-position:-642px 0px;} #nav #nav_webhosting a {width:176px; height:28px; line-height: 28px; margin:0 9px; background: transparent url(../images/subnav_webhosting.png) no-repeat; background-position:0px 0px ! important;} #nav #nav_reseller a {width:176px; height:37px; line-height: 37px; margin:0 9px; background: transparent url(../images/subnav_reseller.png) no-repeat; background-position:0px 0px ! important;} /* BUTTONS HOVER/ACTIVE */ #nav #nav_home a:hover, #nav #nav_home .active {background-position:0 -53px;} #nav #nav_hosting a:hover, #nav #nav_hosting .active, #nav #nav_hosting .sfhover {background-position:-60px -53px;} #nav #nav_domeinnamen a:hover, #nav #nav_domeinnamen .active {background-position:-254px -53px;} #nav #nav_zarafa_outlook_sharing a:hover, #nav #nav_zarafa_outlook_sharing .active {background-position:-448px -53px;} #nav #nav_bestellen a:hover, #nav #nav_bestellen .active {background-position:-642px -53px;} #nav #nav_webhosting a:hover, #nav #nav_webhosting .active {background: transparent url(../images/subnav_webhosting.png) no-repeat; background-position:0px 0px;} #nav #nav_reseller a:hover, #nav #nav_reseller .active {background: transparent url(../images/subnav_reseller.png) no-repeat; background-position:0px 0px;} /* ****************** containers *************** */ div#headcontainer_wrapper {width:900px; margin:0 auto;} div#headcontainer {float:left; width:900px; background-color: #282828; border-top:1px solid #282828;} /* info */ div#headcontainer div#info {float:left; height:50px; background:url(../images/info-bg.gif) repeat-x top left; width:858px; padding: 9px 20px 0px 22px;} div#headcontainer div#info p {margin:6px 6px 0px 0px; color:#656565; float:left;} div#headcontainer div#info h2 {margin:6px 0px 0px 0px; color:#656565; float:left; font-weight: normal; font-size:12px;} div#headcontainer div#info .support {display: block; width: 118px; height: 39px; background: url("../images/info-support.gif") no-repeat 0 0; margin:0; float:left;} div#headcontainer div#info .support span {display: none;} div#headcontainer div#info .contact {display: block; width: 118px; height: 39px; background: url("../images/info-contact.gif") no-repeat 0 0; margin:0; float:left;} div#headcontainer div#info .contact span {display: none;} div#headcontainer div#info div#atlasstatus {float:left; width:42px; margin:12px 7px 0px 492px; padding: 0px 0px 0px 8px; display: inline} div#headcontainer div#info div#lunastatus {float:left; width:20px; margin:12px 7px 0px 16px; padding: 0px 0px 0px 8px; display: inline} /* header */ div#headcontainer div#header {float:left; background:url(../images/bg-header.gif) repeat-x top left; width:879px; height:390px; padding: 23px 0px 0px 21px;} div#headcontainer div#header div#inner {float:left; background:url(../images/header.jpg); width:859px; height:306px;} div#headcontainer div#header div#inner .orderatlas_wrapper {float:left; width:131px; margin:248px 0px 0px 0px; padding:0 0 0 31px;} div#headcontainer div#header div#inner .orderatlas {display: block; width: 131px; height: 41px; background: url("../images/atlas_info.jpg") no-repeat 0 0; margin:0; float:left; outline-style: none;} div#headcontainer div#header div#inner .orderatlas:hover {background: url("../images/atlas_info.jpg") no-repeat -0px -41px;} div#headcontainer div#header div#inner .orderatlas span {display: none;} div#headcontainer div#header div#inner .orderluna_wrapper {float:right; width:131px; margin:248px 0px 0px 0px; padding:0 26px 0 0;} div#headcontainer div#header div#inner .orderluna {display: block; width: 131px; height: 41px; background: url("../images/luna_info.jpg") no-repeat 0 0; margin:0; float:right; outline-style: none;} div#headcontainer div#header div#inner .orderluna:hover {background: url("../images/luna_info.jpg") no-repeat -0px -41px;} div#headcontainer div#header div#inner .orderluna span {display: none;} /* headersmall */ div#headcontainer div#headersmall {float:left; background:url(../images/bg-headersmall.gif) repeat-x top left; width:879px; height:278px; padding: 23px 0px 0px 21px;} /* main */ div#headcontainer div#main {background:url(../images/main-bg.gif) repeat-x bottom left; float:left; padding: 0px 0px 99px 0px; width:900px;} div#headcontainer div#mainhome {background:url(../images/main-bg.gif) repeat-x bottom left; float:left; padding: 0px 0px 30px 0px; width:900px; min-height:300px;} /* content */ div#headcontainer div.content {width:531px; padding: 20px 0px 0px 27px; margin: 0px 0px 0px 0px; float:left;} div#headcontainer div.content.wide {width:830px; padding: 20px 0px 0px 27px; margin: 0px 0px 0px 0px; float:left;} div#headcontainer div.content.wide h1 {font-family: Tahoma, Arial, Helvetica; font-size:18px; color:#fab000; font-weight: normal;} div#headcontainer div.content.wide h2 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fab000; font-weight: normal; margin: 30px 0px 0px 17px;} div#headcontainer div.content.wide h3 {font-family: Tahoma, Arial, Helvetica; font-size:12px; color:#9a9a9a; font-weight: normal; text-decoration: underline; margin: 10px 0px 0px 17px;} div#headcontainer div.content.wide p {font-family: Tahoma, Arial, Helvetica; font-size:12px; color:#9a9a9a; font-weight: normal; margin: 0px 0px 15px 17px; line-height: 18px; text-align: justify;} div#headcontainer div.content.wide p.jump {font-family: Tahoma, Arial, Helvetica; font-size:12px; color:#9a9a9a; font-weight: normal; margin: 0px 0px 0px 37px; line-height: 18px; text-align: justify;} div#headcontainer div.content.wide ul {color:#9a9a9a;} div#headcontainer div.content h1 {font-family: Tahoma, Arial, Helvetica; font-size:18px; color:#9a9a9a; line-height: 23px; font-weight: normal; margin: 0px 0px 16px 17px;} div#headcontainer div.content h1.white {font-family: Tahoma, Arial, Helvetica; font-size:18px; color:#9a9a9a; line-height: 23px; font-weight: normal; margin: 0px 0px 0px 17px; color:#fff;} div#headcontainer div.content h1.nospace {margin-top: -4px;} div#headcontainer div.content h1.blue {color:#25c4ec;} div#headcontainer div.content h1.orange {color:#f2680e;} div#headcontainer div.content h1.white {color:#ffffff;} div#headcontainer div.content h1.yellow {color:#fab000;} /* intro */ div#headcontainer div.content div#intro {margin:0px 0px 0px 0px; background:url(../images/bg-intro.gif) no-repeat bottom left; padding: 0px 0px 30px 17px;} div#headcontainer div.content div#intro h1 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#9a9a9a; line-height: 23px; font-weight: normal; margin: 0px 0px 16px 0px;} div#headcontainer div.content div#intro h1 strong {color:#fff; font-weight: normal;} div#headcontainer div.content div#intro p {line-height: 23px; padding: 0px 0px 20px 0px;} div#headcontainer div.content div.intro {margin:0; background:url(../images/bg-intro.gif) no-repeat bottom left; padding: 0px 0px 28px 17px;} div#headcontainer div.content div.intro h1 {float:left; font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fff; line-height: 23px; font-weight: normal; margin: 0px 4px 0px 0px;} div#headcontainer div.content div.intro p.heading {line-height: 23px; font-size:14px; padding: 0px 20px 16px 0px;} div#headcontainer div.content div.intro p {line-height: 20px; padding: 0px 20px 20px 0px;} /* update */ div#headcontainer div.content div#update {padding: 0px 0px 0px 17px;} div#headcontainer div.content div#update h1 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fff; line-height: 23px; font-weight: normal; margin: 0px 0px 12px 0px;} div#headcontainer div.content div#update h2 {font-family: Tahoma, Arial, Helvetica; font-size:11px; color:#9a9a9a; line-height: 23px; font-weight: normal; margin:0;} div#headcontainer div.content div#update h2 strong{color:#fff; font-weight: normal;} div#headcontainer div.content div#update p {font-size:11px; line-height: 18px;} /* tld's */ div#headcontainer div.content ul#tlds {height:auto; width:531px; margin:0; float:left;} div#headcontainer div.content ul#tlds li {background:url(../images/tld_bg.gif) no-repeat top left; width:243px; height:34px; padding:9px 0px 0px 18px; margin: 0px 0px 5px 0px; float:left; list-style-type: none; } div#headcontainer div.content ul#tlds li span.tld {color:#fab000; font-size:18px; width:158px; float:left;} div#headcontainer div.content ul#tlds li span.pricedivider {font-size:16px; float:left;} div#headcontainer div.content ul#tlds li strong {color:#fff; font-size:18px; float:left; font-weight: normal; padding: 0px 0px 0px 6px} div#headcontainer div.content ul#tlds li sup {color:#fff; font-size:12px; float:left; padding:2px 0px 0px 0px; margin:0px 0px 0px 0px;} div#headcontainer div.content ul#tlds li.margin {margin:0px 9px 0px 0px;} /* whois resultaten */ div#headcontainer div.content form#domainlistForm {background:url(../images/bg-intro.gif) no-repeat bottom left; padding:0px 0px 45px 0px;} div#headcontainer div.content form#domainlistForm fieldset {padding:0;} div#headcontainer div.content form#domainlistForm, div#headcontainer div.content form#domainlistForm fieldset {width:531px; margin:0px 0px 0px 0px; float:left;} div#headcontainer div.content ul#domainlist {height:auto; width:531px; margin:0px 0px 0px 0px; float:left;} div#headcontainer div.content ul#domainlist li {background:url(../images/whois_li_bg.gif) no-repeat top left; width:513px; height:31px; padding:12px 0px 0px 18px; margin: 0px 0px 5px 0px; float:left; list-style-type: none; } div#headcontainer div.content ul#domainlist li img {float:left; width:16px; height:16px;} div#headcontainer div.content ul#domainlist li span.domainname {font-size:14px; width:180px; float:left; padding:0 18px 0 18px;} div#headcontainer div.content ul#domainlist li span.status {color:#fab000; font-size:14px; width:173px; float:left; padding:0 18px 0 0;} div#headcontainer div.content ul#domainlist li span.refresh {cursor:pointer;} div#headcontainer div.content ul#domainlist li .checkbox {float:left; width:13px; height:13px; margin:2px 0 0 0; padding:0px;} div#headcontainer div.content ul#domainlist li .checkboxInactive {float:left; width:13px; height:13px; margin:2px 0 0 0; padding:0px; background:url('../images/checkbox_inactive.gif') no-repeat top left;} div#headcontainer div.content ul#domainlist li span.price {font-size:14px; float:left; margin-left:4px;} div#headcontainer div.content ul#domainlist li span.pricedivider {font-size:14px; float:left; margin-left:6px;} div#headcontainer div.content ul#domainlist li sup {font-size:10px; float:left; padding:1px 0px 0px 0px; margin:0px 0px 0px 0px;} div#headcontainer div.content ul#domainlist li span.margin {margin-left:28px;} /* features */ div#headcontainer div.content div#features h1 {font-family: Tahoma, Arial, Helvetica; font-size:18px; color:#9a9a9a; line-height: 23px; font-weight: normal; margin: 25px 0px 10px 0px; background:url(../images/bg-intro.gif) no-repeat top left; padding: 20px 0px 0px 42px; float: left; width:531px;} div#headcontainer div.content div#features h1.blue {color:#25c4ec;} div#headcontainer div.content div#features h1.orange {color:#d6671c;} div#headcontainer div.content div#features h1.white {color:#ffffff;} div#headcontainer div.content div#features .colleft {width:258px; float:left; margin:0px 5px 0px 5px; padding:0px 0px 0px 17px;} div#headcontainer div.content div#features .colright {width:241px; float:left;} div#headcontainer div.content a.allkenmerk {margin: 0px 0px 0px 42px; text-decoration: underline;} /* itemsmall */ div#headcontainer div.content div.itemsmall_top {width:241px; background:url(../images/itemsmall_top.gif) no-repeat top center #282828; margin: 0px 0px 10px 0px; padding:12px 0px 0px 0px; float:left;} div#headcontainer div.content div.itemsmall_bottom {width:241px; background:url(../images/itemsmall_bottom.gif) no-repeat bottom center #282828; padding:0px 0px 10px 0px; } div#headcontainer div.content div.itemsmall_content {width:221px; padding: 2px 0px 0px 20px; background-color: #191919;} div#headcontainer div.content div.itemsmall_content h2 {font-family: Tahoma, Arial, Helvetica; color:#ffffff; font-size:14px; font-weight: normal;} div#headcontainer div.content div.itemsmall_content p {color:#959595; font-size:12px; line-height:18px; padding: 6px 10px 5px 0px;} /* itembig */ div#headcontainer div.content div.itembig_top {width:531px; background:url(../images/itembig_top.gif) no-repeat top left #282828; margin: 0px 0px 10px 0px; padding:12px 0px 0px 0px; float: left;} div#headcontainer div.content div.itembig_bottom {width:531px; background:url(../images/itembig_bottom.gif) no-repeat bottom center #282828; padding:0px 0px 10px 0px; } div#headcontainer div.content div.itembig_content {width:514px; padding: 2px 0px 0px 17px; background-color: #191919;} div#headcontainer div.content div.itembig_content h2 {font-family: Tahoma, Arial, Helvetica; color:#fab000; font-size:14px; font-weight: normal;} div#headcontainer div.content div.itembig_content p {color:#9a9a9a; font-size:12px; line-height:18px; padding: 6px 10px 5px 0px;} div#headcontainer div.content div.itembig_content p.grey {color:#9a9a9a; font-size:12px; line-height:18px; padding: 6px 10px 5px 0px;} div#headcontainer div.content div.itembig_content p.grey a {color:#9a9a9a; text-decoration: underline} div#headcontainer div.content div.itembig_content a {text-decoration: none; color:#fff;} div#headcontainer div.content div.itembig_content a:hover {text-decoration: underline; color:#fff;} div#headcontainer div.content div.itembig_content ul li {padding: 0px 0px 3px 0px; list-style-type: none;} div#headcontainer div.content div.itembig_content ul li a {color:#9a9a9a; text-decoration: none;} div#headcontainer div.content div.itembig_content ul li a:hover {color:#fff; text-decoration:underline;} div#headcontainer div.content div.itembig_content .sslicon {float:right; margin:24px 29px 0px 10px;} div#headcontainer div.content div.itembig_content .iphone {float:left; padding:0px 14px 10px 0px;} div#headcontainer div.content div.itembig_content .laptop {float:right; margin:14px 5px 0px 10px;} div#headcontainer div.content div.itembig_content .left {float:left; padding:5px 14px 10px 0px;} div#headcontainer div.content div.itembig_content .right {float:right; padding:5px 14px 10px 14px;} div#headcontainer div.content div.itembig_bottomlap {width:531px; background:url(../images/itemlaptop_bottom.gif) no-repeat bottom center #282828; padding:0px 0px 10px 0px;} div#headcontainer div.content div.itembig_content ul.error {color:#fab000; padding: 0px 0px 0px 0px;} div#headcontainer div.content div.itembig_content ul.error li {padding: 0; line-height:16px; list-style-position: inside; list-style-type: disc; } div#headcontainer div.content div.itembig_content ul.message {color:#fab000; padding: 0px 0px 0px 0px;} div#headcontainer div.content div.itembig_content ul.message li {padding: 0; line-height:16px; list-style-position: inside; list-style-type: disc; } div#headcontainer div.content div.itembig {background-color:#191919;} div#headcontainer div.content div.itembig h2 { font-family: Tahoma, Arial, Helvetica; color:#fab000; font-size:14px; font-weight: normal; padding: 14px 0px 0px 17px;} div#headcontainer div.content div.itembig p {color:#ffffff; font-size:12px; line-height:18px; padding: 14px 20px 5px 17px;} div#headcontainer div.content div.itembig a {text-decoration: underline;} div#headcontainer div.content div.itembig ul {color:#9a9a9a; list-style-type: none; margin: 10px 0px 0px 17px;} div#headcontainer div.content div.itembig ul li {padding: 0px 0px 3px 0px;} div#headcontainer div.content div.itembig ul li a {color:#9a9a9a; text-decoration: none} div#headcontainer div.content div.itembig ul li a:hover {color:#fff; text-decoration:underline;} div#headcontainer div.itembigbottom {margin:0px 0px 10px 0px; width:531px; height: 12px; background:url(../images/itembig_bottom.gif) no-repeat top left #282828;} div#headcontainer div.floatleft {float:left;} div#headcontainer div.content .itembigbottom {margin:-1px 0px 10px 0px;} /* itemref */ div#headcontainer div.content div.itemref_top {width:531px; background:url(../images/itembig_top.gif) no-repeat top left #282828; margin: 0px 0px 10px 0px; padding:12px 0px 0px 0px; float: left;} div#headcontainer div.content div.itemref_bottom {width:531px; background:url(../images/itemref_bottom.gif) no-repeat bottom center #282828; padding:0px 0px 34px 0px; } div#headcontainer div.content div.itemref_content {width:514px; padding: 2px 0px 0px 17px; background-color: #191919;} div#headcontainer div.content div.itemref_content h2 {font-family: Tahoma, Arial, Helvetica; color:#fab000; font-size:14px; font-weight: normal; float:left;} div#headcontainer div.content div.itemref_content h3 {font-family: Tahoma, Arial, Helvetica; color:#fff; font-size:11px; font-weight: normal; float: left; margin: 2px 0px 0px 5px;} div#headcontainer div.content div.itemref_content h3 a {color:#fff; text-decoration: none;} div#headcontainer div.content div.itemref_content h3 a:hover {color:#fff; text-decoration: underline;} div#headcontainer div.content div.itemref_content p {color:#9a9a9a; font-size:12px; line-height:18px; padding: 6px 10px 5px 0px; clear: both;} div#headcontainer div.content div.itemref_content a {text-decoration: none; color:#fff;} div#headcontainer div.content div.itemref_content a:hover {text-decoration: underline; color:#fff;} /* resellerpackage */ div#headcontainer div.content div.resellerpackage {width:241px; float:left; padding: 16px 0px 0px 22px; margin: -20px 0px 0px 0px;} div#headcontainer div.content div.resellerpackage h1 {font-family: Tahoma, Arial, Helvetica; font-size:18px; color:#fab000; font-weight: normal; float:left; padding: 0px 0px 0px 34px; margin:0px 0px 10px 0px;} div#headcontainer div.content div.resellerpackage h1.blue {color:#25c4ec;} div#headcontainer div.content div.resellerpackage h1.orange {color:#d6671c;} div#headcontainer div.content div.resellerpackage h2 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fff; font-weight: normal; float:left; padding: 4px 0px 10px 4px;} div#headcontainer div.content div.resellerpackage ul {margin:4px 0px 6px 0px; background:url(../images/reseller_ul.gif) no-repeat top left;} div#headcontainer div.content div.resellerpackage li {color:#fff; font-size:12px; list-style-type: none; height:28px; width:149px; padding: 12px 0px 0px 20px; margin: 0px 0px 0px 0px;} div#headcontainer div.content div.resellerpackage li strong {font-weight:normal; color:#969696;} /* webpackage */ div#headcontainer div.content div.webhostpackage {width:241px; float:left; padding: 16px 0px 0px 22px; margin: -20px 0px 0px 0px;} div#headcontainer div.content div.webhostpackage h1 {font-family: Tahoma, Arial, Helvetica; font-size:18px; color:#fab000; font-weight: normal; float:left; padding: 0px 0px 0px 18px; margin:0px 0px 10px 0px;} div#headcontainer div.content div.webhostpackage h1.blue {color:#25c4ec;} div#headcontainer div.content div.webhostpackage h1.orange {color:#d6671c;} div#headcontainer div.content div.webhostpackage h2 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fff; font-weight: normal; float:left; padding: 4px 0px 0px 4px; margin: 0px 0px 0px 0px; height: 15px;} div#headcontainer div.content div.webhostpackage ul {margin:4px 0px 6px 0px; background:url(../images/reseller_ul.gif) no-repeat top left;} div#headcontainer div.content div.webhostpackage li {color:#fff; font-size:12px; list-style-type: none; height:28px; width:149px; padding: 12px 0px 0px 20px; margin: 0px 0px 0px 0px;} div#headcontainer div.content div.webhostpackage li strong {font-weight:normal; color:#969696;} /* zarafa - order */ div#headcontainer div.content div#zarafa-order {margin:10px 0px 0px 0px; background:url(../images/bg-intro.gif) no-repeat top left; padding: 15px 0px 30px 0px; float:left;} div#headcontainer div.content div.zarafapackage {width:169px; float:left; padding:0; margin:0px 8px 0px 0px; float:left;} div#headcontainer div.content .znospace {width:169px; float:left; padding:0; margin:0px 0px 0px 0px; float:left;} div#headcontainer div.content div.zarafapackage h3 {font-family: Tahoma, Arial, Helvetica; font-size:16px; color:#fab000; font-weight: normal; float:left; padding: 0px 0px 10px 19px; margin-left:0px;} div#headcontainer div.content div.zarafapackage h4 {font-family: Tahoma, Arial, Helvetica; font-size:12px; color:#fff; font-weight: normal; float:left; padding: 4px 0px 10px 4px;} div#headcontainer div.content div.zarafapackage ul {width:169px; height:121px; margin:0px 0px 6px 0px; background:url(../images/zarafa_ul_bgsoon.gif) no-repeat top left; clear: both;} div#headcontainer div.content div.zarafapackage li {color:#fff; font-size:12px; list-style-type: none; height:28px; width:149px; padding: 12px 0px 0px 20px; margin: 0px 0px 0px 0px;} div#headcontainer div.content div.zarafapackage li strong {font-weight:normal; color:#969696;} /* serverlogo's */ ul#serverlogos li {list-style-type: none; width:102px; height:72px; float:left; margin: 0px 5px 5px 0px;} ul#serverlogos li.last {list-style-type: none; width:102px; height:72px; float:left; margin: 0px 0px 10px 0px;} /* domaincheck */ div#headcontainer div.content div#domaincheck {background:url(../images/bestel_bg.gif) no-repeat top left; width:526px; height:66px; padding: 7px 0px 0px 5px; margin-bottom:10px;} div#headcontainer div.content div#domaincheck .domainname {float:left; background:url(../images/bestel_whois.gif) no-repeat top left; width:288px; /*height:35px;*/ padding:11px 15px 18px 60px; font-family: Tahoma, Arial, Helvetica; color:#636363; font-size:14px; margin: 8px 0px 0px 11px;} div#headcontainer div.content div#domaincheck .domaincheck {float:left; width:121px; height:41px; margin:8px 0px 0px 11px; outline-style: none;} /* order - package */ div#headcontainer div.content .orderpackage {background-color: #191919; width:518px; padding: 14px 0px 0px 13px;} div#headcontainer div.content .orderpackage.hosting {float:left; background:url(../images/itembig_top.gif) no-repeat top left #191919;} div#headcontainer div.content .orderpackage.hosting .full {float:left; width:504px;} div#headcontainer div.content .orderpackage.hosting .half {float:left; width:252px;} div#headcontainer div.content .orderpackage label {color:#fff; font-size:12px; padding: 0px 0px 0px 5px; margin: 10px 0px 0px 0px;} div#headcontainer div.content .orderpackage p {color:#9a9a9a; font-size: 11px; padding: 4px 0px 20px 23px; width:481px;} div#headcontainer div.content .orderpackage.hosting .half p {width:229px;} div#headcontainer div.content .orderpackage .package {margin:20px 0px 0px 0px;} div#headcontainer div.content .orderpackage h2 {font-family: Tahoma, Arial, Helvetica; font-size:16px; color:#fab000; font-weight: normal; padding: 0px 0px 35px 4px; background: url(../images/orderform_title-bg.gif) no-repeat -15px 30px #191919;} div#headcontainer div.content .packagedividers {height:40px; padding:0px 0px 0px 0px; font-size:14px; font-family: Tahoma, Arial, Helvetica; color:#fab000; font-weight: normal; background: url(../images/orderform_title-bg.gif) no-repeat -10px 15px #191919; margin: 0px 0px 0px 0px;} div#headcontainer div.content .previousstep {float:left; width:194px; height:53px; margin:3px 0px 0px 0px; padding:0px;} div#headcontainer div.content .nextstep {float:right; width:194px; height:53px; margin:3px 0px 0px 0px;} /* order - sort */ div#headcontainer div.content .orderdomain {width:518px; padding:0;} div#headcontainer div.content .orderdomain label {color:#fff; font-size:12px; padding: 0px 0px 0px 5px; margin: 0} div#headcontainer div.content .orderdomain p {color:#9a9a9a; font-size: 11px; padding: 4px 0px 20px 23px; width:480px;} div#headcontainer div.content .orderdomain .package {margin:20px 0px 0px 0px;} div#headcontainer div.content .orderdomain h2 {font-family: Tahoma, Arial, Helvetica; font-size:16px; color:#fab000; font-weight: normal; padding: 0px 0px 10px 4px; } /* order - contact */ div#headcontainer div.content span.grey {color:#9a9a9a;} div#headcontainer div.content .ordercontactform {float:left; width:531px; padding:0; margin:0px;} div#headcontainer div.content .ordercontactform fieldset {float:left; width:531px;} div#headcontainer div.content .ordercontactform .ordercontact {background-color:#191919; width:518px; padding: 14px 0px 0px 13px;} div#headcontainer div.content .ordercontactform .top {background:url(../images/itembig_top.gif) no-repeat top left #191919; padding: 8px 0px 0px 13px;} div#headcontainer div.content .ordercontactform .bottom {padding: 8px 0px 10px 13px;} div#headcontainer div.content .ordercontactform .customer {padding: 10px 0px 0px 13px;} div#headcontainer div.content .ordercontactform .smallselect {width:127px;} div#headcontainer div.content .ordercontactform .name {width:100px;} div#headcontainer div.content .ordercontactform .narrow {background-color:#191919;} div#headcontainer div.content .ordercontactform .left {width:267px;} div#headcontainer div.content .ordercontactform .right {width:238px;} div#headcontainer div.content .ordercontactform .smallfield {width:100px;} div#headcontainer div.content .ordercontactform .bigfield {width:412px;} div#headcontainer div.content .ordercontactform .voorwaarden {width:518px; padding: 0px 0px 5px 13px;} div#headcontainer div.content .ordercontactform h2 {float:left; font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fab000; font-weight: normal; width:508px; height:57px; padding:0px 0px 0px 22px; background: url(../images/orderform_title-bg.gif) no-repeat -10px 31px; margin: 6px 0px 0px -12px;} div#headcontainer div.content .ordercontactform .optional {color:#9a9a9a;} div#headcontainer div.content .ordercontactform .customer h2 {height:auto; padding:0px 0px 5px 4px; background:none; margin:0px;} div#headcontainer div.content .ordercontactform .customer .jqTransformRadioWrapper {padding:1px 0px 0px 0px ! important;} div#headcontainer div.content .ordercontactform .jqTransformCheckbox {margin-top:2px ! important;} div#headcontainer div.content .ordercontactform label {float:left; width:500px; font-size: 13px; padding: 0px 0px 6px 10px;} div#headcontainer div.content .ordercontactform .customer label {float:left; width:auto; font-size: 13px; padding: 0px 0px 1px 5px;} div#headcontainer div.content .ordercontactform .customer em {color:#ffffff; font-style:normal;} div#headcontainer div.content .ordercontactform .narrow label {width:auto;} div#headcontainer div.content .ordercontactform .voorwaarden label {width:auto;} div#headcontainer div.content .ordercontactform .customer .clear {margin:0 0 5px 0;} div#headcontainer div.content .ordercontactform .itembigbottom {float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px;} div#headcontainer div.content .ordercontactform .form_text {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_bg.gif); width:222px; /*height:21px;*/ color:#282828; padding:8px 8px 11px 8px;} div#headcontainer div.content .ordercontactform .form_text.small {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_small.gif); width:55px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text.medium {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_medium.gif); width:116px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text.big {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_big.gif); width:389px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text.lastname {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_lastname.gif); width:201px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text_error {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_bg.gif); width:222px; /*height:21px;*/ color:#282828; padding:8px 8px 11px 8px;} div#headcontainer div.content .ordercontactform .form_text_error.small {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_small.gif); width:55px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text_error.medium {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_medium.gif); width:116px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text_error.big {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_big.gif); width:389px; color:#282828;} div#headcontainer div.content .ordercontactform .form_text_error.lastname {float:left; font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_lastname.gif); width:201px; color:#282828;} div#headcontainer div.content .ordercontactform .form_textarea {float:left; font-family: Tahoma, Arial, Helvetica; font-size:13px; background-image: url(../images/textarea_bg.gif); width:489px; height:78px; padding: 8px 8px 0px 8px;} div#headcontainer div.content .ordercontactform .form_textarea_error {float:left; font-family: Tahoma, Arial, Helvetica; font-size:13px; background-image: url(../images/textarea_bg.gif); width:489px; height:78px; padding: 8px 8px 0px 8px;} div#headcontainer div.content .ordercontactform .contactinfo {width:238px; float:left; margin: 0px 0px 20px 0px;} div#headcontainer div.content .ordercontactform .space {float:left; width:29px; text-align:center; padding-top:8px;} div#headcontainer div.content .ordercontactform .smallspace {float:left; width:29px; text-align:center; padding-top:8px;} div#headcontainer div.content .ordercontactform p {margin:0;} div#headcontainer div.content .fieldsetref {margin: 3px 17px 4px 10px; width: 150px; float: left;} div#headcontainer div.content .fieldsetrefr {margin: 3px 17px 4px 0px; width: 310px; float: left;} div#headcontainer div.content .ordercontactform dt {margin:0px 0px 6px 0px;} div#headcontainer div.content .ordercontactform dd {margin:0px 0px 6px 6px;} div#headcontainer div.content .ordercontactform dt.nospace {margin-top:-15px;} div#headcontainer div.content .ordercontactform dd.submit {padding:0px 0px 0px 384px;} div#headcontainer div.content .ordercontactform dt.title {height:50px; padding:10px 0px 0px 32px; font-size:14px; font-family: Tahoma, Arial, Helvetica; color:#fab000; font-weight: normal; background: url(../images/orderform_title-bg.gif) no-repeat -10px 35px; margin: 10px 0px 0px -12px;} /* ****************** sidebar *************** */ div#headcontainer div#sidebar {width:319px; padding: 20px 0px 0px 5px; float:right;} div#headcontainer div#sidebar h1 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fff; line-height: 23px; margin: 0px 0px 8px 22px; font-weight: bold;} div#headcontainer div#sidebar h1.topspace {margin-top:12px;} div#headcontainer div#sidebar h1 .more, div#headcontainer div#sidebar h1 .link {font-size:11px; font-weight:normal;} div#headcontainer div#sidebar img.divider {margin-left: -10px;} /* sidebar - price */ div#headcontainer div#sidebar div#price {background: url(../images/price_order-bg.gif) no-repeat top left; width:293px; height:70px;} div#headcontainer div#sidebar div#price .price {margin: 25px 0px 0px 24px; float: left;} div#headcontainer div#sidebar div#price .order {margin: 17px 0px 0px 56px; float: left;} /* sidebar - domainchecker */ div#headcontainer div#sidebar div#domaincheck_wrapper {float:left; width:293px; padding: 0px 0px 0px 0px;} div#headcontainer div#sidebar div#domaincheck {float:left; background:url(../images/bg-domain.gif) no-repeat top left; width:293px; height:117px; margin: 0px 0px 0px 0px;} div#headcontainer div#sidebar div#domaincheck .domainname {float:left; background:url(../images/bg-domaincheck.gif) no-repeat top left; width:194px; /*height:35px;*/ padding:17px 20px 18px 60px; font-family: Tahoma, Arial, Helvetica; color:#636363; font-size:14px; margin: 8px 0px 0px 9px;} div#headcontainer div#sidebar div#domaincheck .domaincheck {float:left; width:131px; height:40px; margin:5px 0px 0px 153px;} /* sidebar - telnumber */ div#headcontainer div#sidebar div#telnumber {background:url(../images/telnumber_bg.gif) no-repeat top left; width:271px; height:50px; padding: 17px 0px 0px 22px; margin: 6px 0px 2px 0px;} div#headcontainer div#sidebar div#telnumber p {color:#ffffff; margin: 0px 0px 5px 0px; font-size:14px; padding: 0; line-height: 12px;} div#headcontainer div#sidebar div#telnumber h2 {color:#fab000; font-family: Tahoma, Arial, Helvetica; font-size:18px; font-weight: normal; margin: 0; padding: 0; line-height: 18px;} /* sidebar - item */ .allkenmarks {color:#fff; text-decoration: underline; margin: 0px 0px 0px 23px; padding: 5px 0px 0px 0px; float: left} div#headcontainer div#sidebar div.item_top {width:293px; background:url(../images/item_top.gif) no-repeat top center #6f6f6f; margin: 0px 0px 2px 0px; padding: 19px 0px 0px 0px;} div#headcontainer div#sidebar div.item_bottom {width:293px; background:url(../images/item_bottom.gif) no-repeat bottom center #6f6f6f; padding: 0px 0px 16px 0px;} div#headcontainer div#sidebar div.item_content {width:265px; border-left:5px solid #4e4e4e; border-right:5px solid #4e4e4e; background:url(../images/item_bgcenter.gif) no-repeat top center #6f6f6f; padding: 0px 0px 1px 18px;} div#headcontainer div#sidebar div.item_content p {color:#fff; margin: 0px 0px 20px 0px; font-size:14px; line-height: 19px;} div#headcontainer div#sidebar div.item_content a {color:#fab000; text-decoration: none;} div#headcontainer div#sidebar div.item_content a:hover {color:#fab000; text-decoration: underline;} div#headcontainer div#sidebar div.item_content ul.arrow li {background:url(../images/li_arrowlight.gif) no-repeat 0px 5px; list-style-type: none; line-height: 24px; font-size: 14px; padding: 0px 0px 2px 23px;} div#headcontainer div#sidebar div.item_content ul.arrow li.dark {background:url(../images/li_arrowdark.gif) no-repeat 0px 5px; list-style-type: none; line-height: 24px; font-size: 14px; padding: 0px 0px 2px 23px;} div#headcontainer div#sidebar div.item_content ul.arrow li a {color:#fab000; text-decoration: none;} div#headcontainer div#sidebar div.item_content ul.arrow li a:hover {color:#fab000; text-decoration: underline;} div#headcontainer div#sidebar div.item_content ul#white li {background:url(../images/li_checklight.gif) no-repeat 0px 5px; color:#fff; font-family: Tahoma, Arial, Helvetica; font-size:14px; line-height: 24px; list-style-type: none; padding: 0px 0px 2px 25px; text-shadow: 0.1em 0.1em #393939;} div#headcontainer div#sidebar div.item_content ul#white li.check {background:url(../images/li_checkdark.gif) no-repeat 0px 5px;} div#headcontainer div#sidebar div.item_content ul li a {color:#fab000; text-decoration: none;} div#headcontainer div#sidebar div.item_content ul li a:hover {color:#fab000; text-decoration: underline;} div#headcontainer div#sidebar div.item_content div.reference {width:249px; margin: 0; padding: 0;} div#headcontainer div#sidebar div.item_content div.reference p {font-size:12px; color:#fff; line-height: 22px; margin:0; padding: 0; font-style: italic;} div#headcontainer div#sidebar div.item_content div.reference p span.top {background: url(../images/quote_top.gif) no-repeat top left; padding: 0px 20px 0px 0px;} div#headcontainer div#sidebar div.item_content div.reference p span.bottom {background: url(../images/quote_bottom.gif) no-repeat top right; padding: 0px 0px 0px 20px; width:20px;} div#headcontainer div#sidebar div.item_content div.reference p.yellow strong {font-weight: normal; color:#fff;} div#headcontainer div#sidebar div.item_content div.reference p.yellow {font-weight: normal; color:#fab000; margin: 18px 0px 5px 0px; line-height: 15px; font-size:12px; font-style: normal;} /* sidebar - itemcontact */ div#headcontainer div#sidebar div.contactdata {width:284px; height: 203px; background:url(../images/contactdata_bg.gif) no-repeat top center #4e4e4e; padding: 9px 0px 0px 9px;} div#headcontainer div#sidebar div.contactdata p.adress {background:url(../images/contact_adress.gif) no-repeat top center #6f6f6f; width:261px; height:65px; color:#fff; margin: 0px 0px 4px 0px; padding:9px 0px 0px 12px; font-size:14px; line-height: 19px;} div#headcontainer div#sidebar div.contactdata p.contact {background:url(../images/contact_default.gif) no-repeat top center #6f6f6f; width:262px; height:47px; padding: 9px 0px 0px 12px; color:#fff; margin: 0px 0px 4px 0px; font-size:14px; line-height: 19px;} div#headcontainer div#sidebar div.contactdata a {text-decoration: none; color:#fab000;} div#headcontainer div#sidebar div.contactdata a:hover {text-decoration: underline; color:#fab000;} div#headcontainer div#sidebar div.contactdata p.kvkbtw {background:url(../images/contact_default.gif) no-repeat top center #6f6f6f; width:262px; height:47px; padding: 9px 0px 0px 12px; color:#000; margin: 0; font-size:14px; line-height: 19px;} /* sidebar - steps */ div#headcontainer div#sidebar div#steps {width:282px; height: 170px; background:url(../images/steps_bg.gif) no-repeat top center #4e4e4e; padding: 7px 0px 0px 11px;} div#headcontainer div#sidebar div#steps ul li {font-family: Tahoma, Arial, Helvetica; font-size:14px; margin: 0px 0px 4px 0px; list-style-type: none; } div#headcontainer div#sidebar div#steps ul li a {background:url(../images/steps_li_bg.gif) no-repeat top left #474747; width:260px; height: 27px; padding: 10px 0px 0px 10px; display:block; color:#000; text-decoration: none;} div#headcontainer div#sidebar div#steps ul li.orderstep.active a {color:#fff; text-decoration: none;} div#headcontainer div#sidebar div#steps ul li span {background:url(../images/steps_li_bg.gif) no-repeat top left #474747; width:260px; height: 27px; padding: 10px 0px 0px 10px; display:block; color:#2e2e2e; text-decoration: none;} div#headcontainer div#sidebar div#steps ul li.orderstep.active span {color:#fff; text-decoration: none;} /* sidebar - otherextension */ div#headcontainer div#sidebar img.otherextension {margin:10px 0px 0px 0px;} /* sidebar - optional */ div#headcontainer div#sidebar div#optional {background: url(../images/optional_bg.gif) no-repeat top left; width:284px; height:114px; padding: 9px 0px 0px 9px;} div#headcontainer div#sidebar div#optional .option {background: url(../images/optional_li-bg.gif) no-repeat top left #666666; width:261px; height:41px; margin: 0px 0px 4px 0px; padding: 3px 0px 0px 14px; font-size: 14px;} div#headcontainer div#sidebar div#optional p {margin: 0; padding: 0;} div#headcontainer div#sidebar div#optional p.info {font-weight: normal; color:#000; width:240px; font-size:14px;} div#headcontainer div#sidebar div#optional p.price {font-weight: normal; color:#fff; width:240px; font-size:14px;} /* sidebar - order */ div#headcontainer div#sidebar div.order_top {width:293px; background:url(../images/order_top.gif) no-repeat top center #6f6f6f; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;} div#headcontainer div#sidebar div.order_bottom {width:293px; background:url(../images/order_bottom.gif) no-repeat bottom center #6f6f6f; padding: 0px 0px 15px 0px;} div#headcontainer div#sidebar div.order_content {width:283px; border-left:5px solid #4e4e4e; border-right:5px solid #4e4e4e; padding: 0; margin: 0; background-color: #6f6f6f;} div#headcontainer div#sidebar div.order_content ul {width:275px; background-color: #6f6f6f; list-style-type: none; margin:0px 0px 0px 4px; padding:0} div#headcontainer div#sidebar div.order_content li {background: url(../images/order_li-bg.gif) no-repeat top left #6f6f6f; width:260px; height:27px; margin: 0px 0px 4px 0px; padding: 10px 0px 0px 18px; font-size: 14px; color:#fab000;} div#headcontainer div#sidebar div.order_content li.top {background: url(../images/order_li_top-bg.gif) no-repeat top left #6f6f6f; width:260px; height:27px; margin: 0px 0px 4px 0px; padding: 4px 0px 0px 18px; font-size: 14px; color:#fab000;} div#headcontainer div#sidebar div.order_content li.subtotal {background: url(../images/order_subtotal-bg.gif) no-repeat top left #6f6f6f; width:260px; height:27px; margin: 0px 0px 4px 0px; padding: 10px 0px 0px 18px; font-size: 14px; color:#fab000; font-weight: bold;} div#headcontainer div#sidebar div.order_content li.total {background: url(../images/order_total-bg.gif) no-repeat top left #6f6f6f; width:260px; height:21px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 18px; font-size: 14px; color:#fab000; font-weight: bold;} div#headcontainer div#sidebar div.order_content span.infotext {width:185px; float:left;} div#headcontainer div#sidebar div.order_content span.price {width:70px; float:left;} div#headcontainer div#sidebar div.order_content .functions {float:left; display:none;} div#headcontainer div#sidebar div.order_content .functions a {cursor:pointer; text-decoration:none;} /* ****************** footer *************** */ div#headcontainer div#footerbar {float:left; width:900px; height:42px; border-top:2px solid #131313;} div#headcontainer div#footerbar .privacy {float:right; margin: 5px 10px 0px 0px;} div#headcontainer div#footerbar .voorwaarden {float:right; margin:5px 20px 0px 0px;} /* ****************** globalfooter *************** */ div#headcontainer div#globalfooter {float:left; width:853px; padding: 26px 0px 26px 47px; clear:both; background:url(../images/footer-bg.gif) repeat-x top left #454546;} div#headcontainer div#globalfooter h3 {font-family: Tahoma, Arial, Helvetica; color:#ffffff; font-size:12px; font-weight: bold; margin: 0px 0px 5px 0px;} div#headcontainer div#globalfooter .column {width:170px; float:left;} div#headcontainer div#globalfooter .column ul li {list-style-type: none; line-height: 18px; font-size:11px;} div#headcontainer div#globalfooter .column ul li a {color:#9a9a9a; text-decoration:none;} div#headcontainer div#globalfooter .column ul li a:hover {color:#9a9a9a; text-decoration: underline;} div#headcontainer div#globalfooter .column a.contact {text-decoration: underline; color:#9a9a9a;} /* ****************** globalfooter *************** */ div#headcontainer div#footer {width:900px; padding:0px 0px 36px 0px; float:left; clear:both; background-color:#000} div#headcontainer div#footer img.onderdeel {margin:36px 0px 0px 46px; float:left;} div#headcontainer div#footer img.logo {margin:29px 46px 0px 0px; float:right;} /* ****************** form *************** */ div#headcontainer div.content div.form_top {width:531px; background:url(../images/itembig_top.gif) no-repeat top left #282828; margin: 0px 0px 10px 0px; padding:12px 0px 0px 0px; float: left;} div#headcontainer div.content div.form_bottom {width:531px; background:url(../images/itembig_bottom.gif) no-repeat bottom center #282828; padding:0px 0px 10px 0px; } div#headcontainer div.content div.form_content {width:518px; padding: 2px 0px 0px 13px; background-color: #191919;} div#headcontainer div.content div.form_content label {font-size: 13px; padding: 0px 0px 0px 10px;} div#headcontainer div.content div.form_content .form_text {font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_bg.gif); width:222px; /*height:27px;*/ color:#282828; padding:8px 8px 11px 8px;} div#headcontainer div.content div.form_content .form_text_error {font-family: Tahoma, Arial, Helvetica; font-size: 13px; background-image:url(../images/textfield_bg.gif); width:222px; /*height:27px;*/ color:#282828; padding:8px 8px 11px 8px;} div#headcontainer div.content div.form_content .form_textarea {font-family: Tahoma, Arial, Helvetica; font-size:13px; background-image: url(../images/textarea_bg.gif); width:489px; height:78px; padding: 8px 8px 0px 8px;} div#headcontainer div.content div.form_content .form_textarea_error {font-family: Tahoma, Arial, Helvetica; font-size:13px; background-image: url(../images/textarea_bg.gif); width:489px; height:78px; padding: 8px 8px 0px 8px;} div#headcontainer div.content div.form_content .contactinfo {width:238px; float:left; margin: 0px 0px 20px 0px;} div#headcontainer div.content div.form_content .contactinfo.space {margin:0px 29px 0px 0px;} div#headcontainer div.content div.form_content dt {margin:0px 0px 6px 0px;} div#headcontainer div.content div.form_content dd.submit {padding:0px 0px 0px 384px;} div#headcontainer div.content div.form_content h2 {font-family: Tahoma, Arial, Helvetica; font-size:14px; color:#fab000; font-weight: normal; width:508px; height:57px; padding:0px 0px 0px 22px; background: url(../images/orderform_title-bg.gif) no-repeat -10px 26px; margin: 6px 0px 0px -12px;}