/* ### GENERAL ### */ * { margin: 0px; padding: 0px; } html, body { font-family: Tahoma; font-size: 11px; color: #515151; } input, select, textarea { font-family: Tahoma; font-size: 12px; color: #353535; } body { background: url('../images/bodyBg.gif') #d7e6f4 repeat-x; } img { border: 0px; } ul { display: block; } li { list-style: none; } p { padding: 0px 0px 10px 0px; line-height: 17px; } p.faded { color: #999; } fieldset { border: 0px; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; height: 0px; } /* ### WRAPPER ### */ #wrapper { width: 100%; background: url('../images/top-header.png') center top no-repeat; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0px auto; padding: 0px 0px 30px 0px; width: 993px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width:960px; height:149px; overflow:hidden; background:url('../images/headerBg.gif') left top no-repeat; } #headerCntr h1 { padding:44px 0px 0px 0px; float:left; } #headerCntr h1 a { width:243px; height:66px; text-indent:-9999px; display:block; background:url('../images/logo.png') left top no-repeat; } /* ### LOGIN BOX ### */ .loginBox { padding:90px 80px 0px 0px; width: 250px; position: absolute; top: 0px; right: 0px; } .loginBox p.title { padding:5px 0px 6px 73px; display:block; font:12px 'Trebuchet MS', Arial; color:#6f869d; text-transform:uppercase; } .loginBox p.title span { color:#d0d6db; } .loginBox p { padding:5px 0px 6px 13px; font:12px 'Trebuchet MS', Arial; color:#d0d6db; } .loginBox p a { color:#d0d6db; text-decoration: none; } .loginBox p a:hover { text-decoration: underline; } .loginBox form input.username { font-size: 10px; padding:5px 4px 5px 4px; margin:0px 5px 0px 0px; color:#b0bac4; width:95px; border:none; float:left; background:url('../images/userNameBg.gif') left top no-repeat; } .loginBox form input.password { font-size: 10px; padding:5px 4px 5px 4px; margin:0px 5px 0px 0px; width:65px; color:#b0bac4; border:none; float:left; background:url('../images/passwordBg.gif') left top no-repeat; } .loginBox form input.loginbutton { float:left; } /* ### MENU CONTAINER ### */ #menuCntr { position: relative; width: 960px; height: 78px; overflow: hidden; background: url('../images/topMenuBg.gif') left top repeat-x; } #menuCntr div.left { float: left; width: 700px; } #menuCntr div.left ul { height: 44px; background: url('../images/menu-left.gif') no-repeat left top; } #menuCntr div.left ul li { padding-right: 2px; display: block; float: left; background: url('../images/topMenuDevider.gif') right top no-repeat; } #menuCntr div.left li a { display: block; height: 47px; float: left; font: 13px 'Trebuchet MS', Arial; text-decoration: none; color: #565656; } #menuCntr div.left li a span { padding: 13px 20px 16px 20px; display: block; float: left; cursor: pointer; font: 13px 'Trebuchet MS', Arial; text-decoration: none; color: #565656; } #menuCntr div.left li a:hover span, #menuCntr div.left li a.selected span { color: #fd3200; background: url('../images/topMenuBgHover.gif') left top repeat-x; } /* #menuCntr div.left li a:hover, #menuCntr div.left li a.selected { background: url('../images/menu-arrow.gif') no-repeat center bottom; }*/ #menuCntr div.left li a:focus { outline: 0px; } #menuCntr div.left ul ul { position: absolute; top: 54px; left: 0px; display: none; width: 960px; background: none; } #menuCntr div.left ul ul li { padding-left: 30px; background: none; } #menuCntr div.left ul ul li a { display: inline; height: auto; float: none; font: 11px Tahoma; color: #fff; } #menuCntr div.left ul ul li a:hover { border-bottom: 1px dotted #fff; background: none; } #menuCntr div.left li a.corner span { padding: 0px; } #menuCntr div.left li a.corner span span { padding: 13px 20px 16px 20px; } #menuCntr div.left li a.corner:hover span span, #menuCntr div.left li a.corner.selected span span { padding: 13px 20px 16px 20px; background: url('../images/cornerH.gif') no-repeat left top; } #menuCntr div.right { float:right; width: 170px; background:url('../images/topMenuDevider.gif') left top no-repeat; } #menuCntr div.right ul { padding:13px 10px 10px 10px; background:url('../images/menu-right.gif') no-repeat right top; } #menuCntr div.right ul li { padding:0px 5px 0px 5px; display:inline; border-right:1px solid #879db1; } #menuCntr div.right ul li.last { border-right: 0px; } #menuCntr div.right li a { text-transform: uppercase; display: inline; font: 13px 'Trebuchet MS', Arial; color:#565656; text-decoration:none; } #menuCntr div.right li a.active, #menuCntr div.right li a span { color:#96aabb; } #menuCntr div.right li a:hover { text-decoration: underline; } /* ### TOOLTIP ### */ #tooltip{ position:absolute; border:1px solid #d4d4d4; background:#f3f3f3; padding:2px 5px; color:#3e3e3e; display:none; max-width: 350px; } /* ### CONTENT CONTAINER ### */ #contentCntr { padding: 7px 6px 0px 14px; overflow: hidden; width: 940px; background: #fff; } /* ### LEFT CONTAINER ### */ #leftCntr { float:left; width: 707px; } /* ### GLOBAL MESSAGES ### */ .infoMessage, .successMessage, .warningMessage, .errorMessage { border: 1px solid; font-size: 13px; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .infoMessage img#close, .successMessage img#close, .warningMessage img#close, .errorMessage img#close { cursor: pointer; float: right; } .infoMessage { color: #00529b; background-color: #bde5f8; background-image: url('../images/message_Info.png'); } .infoMessage p a { color: #00529b; } .successMessage { color: #4f8a10; background-color: #dff2bf; background-image:url('../images/message_Success.png'); } .successMessage p a { color: #4f8a10; } .warningMessage { color: #9f6000; background-color: #feefb3; background-image: url('../images/message_Warning.png'); } .warningMessage p a { color: #9f6000; } .errorMessage { color: #d8000c; background-color: #ffbaba; background-image: url('../images/message_Error.png'); } .errorMessage p a { color: #d8000c; } /* ### CREDIT CARD BOX ### */ .creditCardBox { height:20px; overflow:hidden; background:url('../images/hPix.gif') left bottom repeat-x; } .creditCardBox .bradcrum { font:10px Tahoma, Arial; color:#888888; float:left; } .creditCardBox .bradcrum a { color:#485d70; text-decoration:none; } .creditCardBox .bradcrum a:hover { text-decoration: underline; } .creditCardBox .img { float:right; } /* ### BANNER BOX ### */ .bannerBox { padding:30px 0px 33px 34px; background:url('../images/bannerBg.gif') left bottom no-repeat; } .bannerBox h1 { padding:0px 0px 10px 0px; font:24px 'Trebuchet MS', Arial; color:#374d62; text-transform:uppercase; } .bannerBox h1 span { font:bold 20px 'Trebuchet MS', Arial; display:block; color:#fd3200; line-height:10px; } .bannerBox p { padding:0px; font:14px 'Trebuchet MS', Arial; color:#7b8a97; } /* ### FEATURE BOX ### */ .featureBox { overflow: hidden; border:1px dotted #c2c2c2; border-bottom:none; width:705px; } .featureBox div.webHotellerBox { width:175px; border-right:1px dotted #c2c2c2; float:left; } .featureBox div.xhtmlServiceBox { width:175px; border-right:1px dotted #c2c2c2; float:left; } .featureBox div.vpsProdukterBox { width:177px; border-right:1px dotted #c2c2c2; float:left; } .featureBox div.pointSystemetBox { width:175px; float:left; } .featureBox div:hover ul { background: #f1f5f9; } .featureBox div:hover .more { background: #f1f5f9; } .featureBox div:hover .more a { color: #353b40; } .featureBox h1 { font-size: 14px; font-weight: normal; text-align: center; color: #304961; padding:10px 0px 0px 0px; height:27px; background:url('../images/featureHeadingBg.gif') left top repeat-x; text-transform:uppercase; } .featureBox h1 a { color: #304961; text-decoration: none; } .featureBox ul.serviceFeatures { padding:24px 0px 20px 24px; background:url('../images/featureListBg.gif') 0px 0px no-repeat; } .featureBox ul.serviceFeatures li { padding:0px 0px 5px 12px; font:11px Tahoma, Arial; color:#515151; background:url('../images/featureDisc.gif') 0px 5px no-repeat; } .featureBox img { display: block; border: 0px; position: relative; z-index: 9; } .featureBox span { color: #ffa390; } .featureBox .boxAnchor { display: block; position: absolute; z-index: 99999; width: 175px; height: 382px; } .featureBox div img.hoverImg { float: left; height: 94px; z-index: 999; margin-bottom: -94px; display: none; } .withHover div:hover img.hoverImg { display: block; } .featureBox div.webHotellerBox img.hoverImg { width:175px; } .featureBox div.xhtmlServiceBox img.hoverImg { width:175px; } .featureBox div.vpsProdukterBox img.hoverImg { width:177px; } .featureBox div.pointSystemetBox img.hoverImg { width:175px; } /* ### FEATURE BOX ### */ .compareBox { overflow: hidden; border:1px dotted #c2c2c2; width:705px; } .compareBox div { width:141px; border-right:1px dotted #c2c2c2; float:left; } .compareBox div.last { width:137px; float:left; border-right: 0px; } .largeCompare div { width:176px; } .largeCompare div.last { width:174px; } .largeCompare { border-bottom:1px dotted #c2c2c2; } .compareBox h1 { padding:10px 0px 0px 0px; height:27px; font:normal 12px 'Myriad Pro', Arial; color:#304961; background:url('../images/featureHeadingBg.gif') left top repeat-x; text-align:center; } img.compareIcon { position: absolute; margin-top: 8px; } img.compareIconWin { position: absolute; margin-top: 9px; } img.compareIcon2 { position: absolute; margin-top: 9px; } .compareBox div:hover ul { background: #f1f5f9; } .compareBox div:hover .price { background: #f1f5f9; } .compareBox div:hover .more { background: #f1f5f9; } .compareBox div:hover .more a { color: #353b40; } .compareBox ul.serviceFeatures { padding:14px 0px 0px 14px; background:url('../images/featureListBg.gif') 0px 0px no-repeat; } .compareBox ul.serviceFeatures li { padding:0px 0px 5px 12px; font:11px Tahoma, Arial; color:#7f7f7f; background:url('../images/featureDisc.gif') 0px 5px no-repeat; } .compareBox ul.serviceFeatures li.focus { color: #4e5962; } .compareBox ul.serviceFeatures div.focusExit { position: relative; margin: 5px 26px 5px -26px; height: 10px; border-bottom: 1px dotted #c2c2c2; border-right: 0; } .compareBox ul.serviceFeatures li.fix { margin-top: 25px; } .compareBox img { display: block; border: 0px; } .compareBox span { color: #ffa390; font-weight: normal; } .compareBox .price { border: 0px; padding: 20px 0px 10px 0; font-weight: bold; color: #fd2c00; text-align: center; } .compareBox .more { border: 0px; } .compareBox .boxAnchor { display: block; position: absolute; z-index: 9999; width: 141px; height: 381px; } .largeCompare .boxAnchor { width: 176px; } .compareBox a.buttonOrderLink { display: none; } .buttonOrder a.textOrderLink { display: none; } .buttonOrder a.buttonOrderLink { display: block; padding: 0; margin: auto; width: 103px; height: 24px; background: url('../images/order-webhotel.png') top left; } .buttonOrder div:hover a.buttonOrderLink { background-position: bottom left; } /* ### SALES GFX ### */ #salesGfxWebhotel { height: 34px; margin-top: 1px; background: url('../images/salesgfx-webhotel.png'); } #salesGfxReseller { height: 160px; background: url('../images/salesgfx-resellerwebhotel.png'); } #salesGfxReseller p.upper { width: 395px; } #salesGfxReseller p.lower { width: 365px; } #salesGfxBackup { height: 165px; background: url('../images/salesgfx-backup.png'); } #salesGfxBackup h1 { margin-bottom: 15px; font: 24px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; } #salesGfxBackup p { width: 485px; } #salesGfxBackup p.split { padding-bottom: 12px; } #salesGfxRootVps { background: url('../images/salesgfx-rootvps.png') right top no-repeat; } #salesGfxRootVps p.vps { width: 398px; } #salesGfxRootVps p.lin { width: 510px; } #salesGfxAppVps { height: 158px; background: url('../images/salesgfx-appvps.png'); } #salesGfxAppVps p { width: 410px; } #salesGfxAppVps p.split { padding-bottom: 12px; } #salesGfxAppVps p.second { width: 435px; } #salesGfxWebhotel, #salesGfxReseller, #salesGfxBackup, #salesGfxAppVps { padding: 91px 0 0 16px; } /* HUSK AT TRÆKKE FRA I OVENSTÅENDE @ HEIGHT */ #salesGfxBackup{ padding: 41px 0 0 16px; } /* HUSK AT TRÆKKE FRA I OVENSTÅENDE @ HEIGHT */ #salesGfxWebhotel a, #salesGfxReseller a, #salesGfxBackup a, #salesGfxRootVps a, #salesGfxAppVps a { text-decoration: underline; color: #777; } #salesGfxWebhotel a:hover, #salesGfxReseller a:hover, #salesGfxBackup a:hover, #salesGfxRootVps a:hover, #salesGfxAppVps a:hover { text-decoration: none; } /* ### TOOLTIP ### */ .campaignFreeSetupWebhotel { position: absolute; display: block; margin: -84px 0 0 571px; width: 106px; height: 91px; cursor: help; } .campaignFreeSetupReseller { position: absolute; display: block; margin: -180px 0 0 571px; width: 106px; height: 106px; cursor: help; } .campaignFreeSetupBackup { position: absolute; display: block; margin: -83px 0 0 573px; width: 106px; height: 91px; cursor: help; } .campaignFreeSetupRootVPS { position: absolute; display: block; margin: -130px 0 0 549px; width: 106px; height: 106px; cursor: help; } .campaignFreeSetupAppVPS { position: absolute; display: block; margin: -129px 0 0 549px; width: 106px; height: 106px; cursor: help; } /* ### FEATURE BOX ### */ .serverBox { overflow: hidden; border:1px dotted #c2c2c2; width:705px; } .serverBox div { width:117px; border-right:1px dotted #c2c2c2; float:left; } .serverBox div.last { width:115px; float:left; border-right: 0px; } .serverBox h1 { padding:10px 0px 0px 0px; height:27px; font:normal 12px 'Myriad Pro', Arial; color:#304961; background:url('../images/featureHeadingBg.gif') left top repeat-x; text-align:center; } .serverBox ul.serviceFeatures { padding:14px 0px 0px 14px; background:url('../images/featureListBg.gif') 0px 0px no-repeat; } .serverBox ul.serviceFeatures li { padding:0px 0px 5px 12px; font:11px Tahoma, Arial; color:#7f7f7f; background:url('../images/featureDisc.gif') 0px 5px no-repeat; } .serverBox img { display: block; border: 0px; } .serverBox span { color: #ffa390; font-weight: normal; } .serverBox .price { border: 0px; padding: 20px 0px; font-weight: bold; color: #fd2c00; text-align: center; } .serverBox .more { border: 0px; } /* ### DOMAIN BOX ### */ .domainBox { height:50px; background:url('../images/domainSearchBg.gif') left top repeat-x; } .domainLeft { background:url('../images/domainSearchBgLeft.gif') left top no-repeat; } .domainRight { height:50px; background:url('../images/domainSearchBgRight.gif') right top no-repeat; } .domainBox form { padding:15px 0px 0px 16px; } .domainBox form label { padding:1px 26px 0px 0px; font:bold 13px 'Trebuchet MS', Arial; color:#627c95; text-transform:uppercase; float:left; } .domainBox form label span { color:#3e3e3e; } .domainBox form input.domain { font-size: 11px; color: #555; padding:5px 4px 5px 6px; margin:0px 6px 0px 0px; width:167px; border: 1px solid #c9c9c9; float:left; } .domainBox form select.extenstion { font-size: 11px; color: #555; margin:0px 8px 0px 0px; padding: 5px 2px 5px 0px; width:46px; height:25px; border: 1px solid #c9c9c9; float:left; } .domainBox form input.searchButton { float:left; background:url('../images/searchDevider.gif') right top no-repeat; } .domainBox form a.help { padding:1px 0px 0px 25px; margin:0px 0px 0px 10px; font:bold 11px 'Trebuchet MS', Arial; text-decoration: none; color:#314a61; float:left; background:url('../images/searchDevider.gif') left top no-repeat; } .domainBox form a.help:hover { text-decoration: underline; } .domainCheckResultIcon { width: 1px; } .domainCheckResultIcon img { margin-bottom: -4px; } /* ### BOTTOM BOX ### */ .bottomBox {padding:20px 5px 20px 15px; overflow: hidden; width:687px; margin:14px 0px 0px 0px; border-top:1px dotted #c2c2c2;} .bottomBox .leftPanel { width:321px; float:left; } .bottomBox .rightPanel { width:321px; float:right; } .bottomBox h1 { padding:0px 0px 5px 0px; font:bold 15px 'Myriad Pro', Arial; color:#767676; } /* ### TEXT BOX ### */ .textBox { overflow: hidden; width: 707px; margin: 14px 0px 0px 0px; } .textBox .full { margin: 0px 10px; } .textBox .left { margin-left: 10px; width: 321px; display: inline; float: left; } .textBox .right { margin-right: 10px; width: 321px; display: inline; float: right; } .textBox h1 { margin-bottom: 15px; padding-bottom: 10px; font: 24px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .textBox h2 { font: 14px Tahoma, Arial; color: #515151; margin-bottom: 5px; } .textBox h2.big { margin-bottom: 15px; padding-bottom: 6px; font: 18px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .textBox p { line-height: 18px; } .textBox p span { color: #b3b3b3; } .textBox pre { margin-left: 20px; margin-bottom: 20px; } .textBox img { padding-bottom: 10px; } .textBox a { text-decoration: underline; color: #515151; } .textBox a:hover { text-decoration: none; } .textBox .psdBox .left { width: 229px; } .textBox .psdBox .right { width: 229px; } .textBox .psdBox .middle { width: 229px; display: inline; float: left; } .textBox .psdBox h2 { margin-bottom: 5px; padding-bottom: 10px; font: 20px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; } .textBox .psdBox img { float: right; padding: 0 15px; } .textBox .psdBox p { padding: 0 2px; height: 80px; } .textBox ul { margin-left: 30px; margin-bottom: 20px; } .textBox ul li { margin: 5px 0px; } .textBox#terms ul li { list-style-type: lower-alpha; } .textBox ul#list li, .textBox ul.list li { list-style-type: circle; } .textBox ul.list li.price { text-align: center; font: 11px Tahoma, Arial; font-weight: bold; color: #fd2c00; list-style-type: none; } .textBox ul.list li.price span { color: #ffa390; } .textBox ul.table { margin: 0; overflow: hidden; width: 321px; list-style: none; border-top: 1px dotted #bdbebf; margin-bottom: 40px; } .textBox ul.table li { margin: 0; padding: 0px 8px 0px 8px; float: left; display: inline; width: 134px; height: 26px; line-height: 26px; color: #515151; border-bottom: 1px dotted #bdbebf; } .textBox ul.table li .icon { margin-top: 5px; } .textBox ul.table li.last { width: 155px; } .textBox ul.table li.dark { background: #f8f9fa; } .textBox ul.table li span { color: #b3b3b3; } .textBox ul.table li img { float: right; padding-top: 5px; } .textBox ul.table li.title { font-weight: bold; color: #fd2c00; background: #f8f9fa; } .textBox ul.table li.title a { color: #fd2c00; text-decoration: none; } .textBox ul.table li.title a:hover { text-decoration: underline; } .textBox ul.table#payment li { width: 44px; } .textBox ul.table#payment li.last { width: 245px; } .textBox ul.table#order li { width: 38px; } .textBox ul.table#order li.middle { width: 165px; } .textBox ul.table#order li.last { width: 70px; text-align: right; } .textBox ul.vps_konfigurator li { width: 44px; text-align: right; } .textBox ul.vps_konfigurator li.last { width: 245px; text-align: left; } .textBox ul.vps_konfigurator option { padding-left: 5px; } .textBox ul.vps_konfigurator option.disabled { padding: 2px; padding-left: 0px; } .textBox ul.knowledgebase li { width: 24px; text-align: right; } .textBox ul.knowledgebase li.title a { display: block; } .textBox ul.knowledgebase li.title em { float: right; color: #555; font-weight: normal; } .textBox ul.knowledgebase li.title a:hover em { text-decoration: none; } .textBox ul.knowledgebase li.last { width: 265px; text-align: left; } .textBox ul.iconAcceptLeft li { clear: both; } .textBox ul.iconAcceptLeft li img { float: left; margin-right: 10px; } .borderTop { border-top: 1px dotted #ccc; } .borderRight { border-right: 1px dotted #ccc; } .borderBottom { border-bottom: 1px dotted #ccc; } .borderLeft { border-left: 1px dotted #ccc; } .textBox .psdBox ul.table { margin: 0; overflow: hidden; width: 220px; list-style: none; border-top: 1px dotted #bdbebf; margin: 0 0 20px 0; } .textBox .psdBox ul.table li.last { width: 95px; } .textBox .psdBox ul.table li { width: 93px; } .textBox fieldset { overflow: hidden; width: 321px; border: 0px; margin-top: 20px; } .textBox fieldset#login { width: 235px; } .textBox fieldset label { margin-bottom: 5px; display: block; float: left; width: 57px; height: 25px; line-height: 25px; } .textBox fieldset input.field { float: left; background: none; margin-bottom: 5px; padding: 5px 5px 6px 5px; border: 1px solid #c9c9c9; width: 166px; } .textBox fieldset input.small { font-size: 10px; padding: 3px; margin-top: 5px; float: left; width: 125px; height: 17px; border: 0px; background: url('../images/input_small.gif') top no-repeat; } .textBox fieldset input.red, .textBox input.error { border: 1px solid #ff7c7c; } .textBox fieldset textarea { margin: 0px 0px 5px 57px; padding: 5px; float: left; border: 1px solid #c9c9c9; width: 285px; height: 75px; } .textBox fieldset textarea.red { border: 1px solid #ff7c7c; } .textBox fieldset div.radio { margin-left: 57px; float: left; display: inline; overflow: hidden; width: 210px; height: 25px; } .textBox fieldset input.radio { margin: 7px 5px 0px 0px; float: left; } .textBox fieldset div.radio label { margin: 0px 10px 0px 0px; width: auto; font-size: 10px; color: #000; } .textBox fieldset input.submit { float: right; } .textBox ul#filter { list-style: none; margin: 20px auto; text-align: center; } .textBox ul#filter li { display: inline; float: none; margin-right: 10px; font-size: 14px; padding-right: 10px; } .textBox ul#filter li:last-child { margin-right: 0; padding-right: 0; } .textBox ul#filter a { font: 14px 'Trebuchet MS'; color: #374d62; text-decoration: none; } .textBox ul#filter li.current a { color: #333; font-weight: bold; text-decoration: underline; } .textBox ul#portfolio { float: left; list-style: none; margin-left: 0; width: 672px; } .textBox ul#portfolio li { float: left; margin: 0 10px 10px 0; padding: 5px; width: 202px; } .textBox ul#portfolio a { display: block; width: 100%; text-decoration: none; text-align: center; } .textBox ul#portfolio a:hover { text-decoration: underline; } .textBox ul#portfolio img { border: 0px; display: block; padding-bottom: 5px; } /*.textBox ul#filter.turnkey { list-style: none; margin: 20px auto; text-align: center; } .textBox ul#filter.turnkey li { display: inline; float: none; margin-right: 10px; font-size: 14px; padding-right: 10px; } .textBox ul#filter.turnkey li:last-child { margin-right: 0; padding-right: 0; } .textBox ul#filter.turnkey a { font: 14px 'Trebuchet MS'; color: #374d62; text-decoration: none; } .textBox ul#filter.turnkey li.current a { color: #333; font-weight: bold; }*/ .textBox ul#filter.turnkey { list-style-type: none; padding: 0 0 25px 16px; } .textBox ul#filter.turnkey li { float: left; margin-right: 5px; } .textBox ul#filter.turnkey a { display: block; height: 23px; } .textBox ul#filter.turnkey a:hover, .textBox ul#filter.turnkey li.current a { background-position: bottom left; } .textBox ul#filter.turnkey a.all { background: url('../images/appvps-button-all.png'); width: 46px; } .textBox ul#filter.turnkey a.special { background: url('../images/appvps-button-special.png'); width: 75px; } .textBox ul#filter.turnkey a.webdevelopment { background: url('../images/appvps-button-webdevelopment.png'); width: 103px; } .textBox ul#filter.turnkey a.contentmanagement { background: url('../images/appvps-button-conentmanagement.png'); width: 152px; } .textBox ul#filter.turnkey a.issuetracking { background: url('../images/appvps-button-issuetracking.png'); width: 104px; } .textBox ul#filter.turnkey a.messagesystems { background: url('../images/appvps-button-messagesystems.png'); width: 122px; } /*BLACKHAT*/.textBox ul#filter.turnkey a em { display: none; } .textBox ul#portfolio.turnkey { float: none; list-style: none; margin: 0 auto; text-align: center; } .textBox ul#portfolio.turnkey li { display: none; margin: 0 10px 10px 0; padding: 5px; width: 114px; text-align: center; } .textBox ul#portfolio.turnkey a { display: block; width: 100%; text-decoration: none; text-align: center; } .textBox ul#portfolio.turnkey a:hover { text-decoration: none; } .textBox ul#portfolio.turnkey img { border: 0px; display: block; padding-bottom: 5px; margin: 0 auto; } .textBox .plus, .textBox .min{ padding-left: 20px; line-height: 20px; color: #374d62; text-decoration: none; } .textBox .plus:hover, .textBox .min:hover { color: #374d62; } .textBox .plus { background: url('../images/plus.gif') no-repeat left; } .textBox .min { background: url('../images/min.gif') no-repeat left; } .registerBox fieldset a { margin-right: 5px; display: block; float: left; width: 123px; height: 24px; line-height: 19px; text-align: center; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/button2Bg.gif') no-repeat; } .textBox a.prev { margin: 20px 0; float: left; display: block; width: 77px; height: 24px; background: url('../images/prev.gif') no-repeat; } .textBox a.next { margin: 20px 0; float: right; display: block; width: 77px; height: 24px; background: url('../images/next.gif') no-repeat; } .textBox a.next-wizard { margin: 0px 0; float: right; display: block; width: 77px; height: 24px; background: url('../images/next.gif') no-repeat; } .textBox a.prev-wizard { margin: 0px 0; float: left; display: block; width: 77px; height: 24px; background: url('../images/prev.gif') no-repeat; } .textBox .right .price { float: left; width: 321px; text-align: center; font: 11px Tahoma, Arial; color: #fd2c00; } .textBox .right .price span { color: #ffa390; } .textBox table.table { width: 100%; margin-bottom: 20px; margin-top: 20px; } .textBox table.table tr th { margin: 0px; padding: 0px 8px 0px 8px; height: 26px; line-height: 26px; color: #515151; border-bottom: 1px dotted #bdbebf; border-top: 1px dotted #bdbebf; text-align: left; font-weight: bold; color: #fd2c00; background: #f8f9fa; } .textBox table.table tr td { margin: 0px; padding: 0px 8px 0px 8px; height: 26px; line-height: 18px; color: #515151; border-bottom: 1px dotted #bdbebf; } .textBox table.table tr td.dark { background: #f8f9fa; } .textBox table.table tr td img { padding: 0px; } .textBox table.table tr td input.field { margin: 2px 0; padding: 5px; float: left; width: 106px; border: 1px solid #c9c9c9; } .textBox table.table tr td select { margin: 2px 0; padding: 5px; border: 1px solid #c9c9c9; } .textBox table.table tr td li span.green { color: #4f8a10; } .textBox table.table tr td li span.red { color: #9f1000; } .textBox #payment-window ul { width: 600px; } .textBox #payment-window ul li { float: left; width: 25%; text-align: center; } .desc {} .desc a {} .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { text-decoration:none; outline:none;} .dropdown a:hover { } .dropdown dt a:hover { } .dropdown dt a {background: url(../images/arrow.png) no-repeat scroll right center; display:block; width:45px;} .dropdown dt a span {cursor:pointer; display:block;} .dropdown dd ul { display:none; background:#e4dfcb none repeat scroll 0 0; padding: 0px 0px;left:0px; position:absolute; top:0px; width:auto; min-width:40px; list-style:none;} .dropdown span.value { display:none;} .dropdown ul.table li dd ul li { border: 0px; } .dropdown dd ul li a { display:block; } .dropdown dd ul li a:hover { color: black; } .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { display:none;} /* ### BLOG BOX ### */ .blogBox { overflow: hidden; width: 707px; margin: 14px 0px 14px 0px; } .blogBox h1 { margin-bottom: 15px; padding-bottom: 10px; font: 22px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .blogBox h2 { margin-bottom: 5px; padding-bottom: 2px; font: 20px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .blogBox h2 a { color: #374d62; text-decoration: none; } .blogBox .post { margin-top: 24px; } .blogBox a { text-decoration: underline; color: #777; } .blogBox a:hover { text-decoration: none; } .blogBox small { display: block; float: right; font-size: 10px; background: url('../images/calendar.png') no-repeat; height: 16px; line-height: 16px; padding-left: 20px; margin: 10px; } .blogBox fieldset { overflow: hidden; width: 321px; border: 0px; margin-top: 20px; } .blogBox fieldset#login { width: 235px; } .blogBox label { margin-bottom: 5px; display: block; float: left; width: 57px; height: 25px; line-height: 25px; } .blogBox input.field { margin-bottom: 5px; padding: 5px 5px 5px 5px; float: left; width: 167px; border: 0px; background: url('../images/inputBg.gif') top no-repeat; } .blogBox input.small { font-size: 10px; padding: 3px; margin-top: 5px; float: left; width: 125px; height: 17px; border: 0px; background: url('../images/input_small.gif') top no-repeat; } .blogBox input.red, .blogBox input.error { background: url('../images/inputBg.gif') center no-repeat; } .blogBox input.green, .blogBox input.valid { background: url('../images/inputBg.gif') bottom no-repeat; } .blogBox textarea { margin: 0px 0px 5px 57px; padding: 5px; float: left; width: 285px; height: 75px; border: 0px; background: url('../images/textBg.gif') top no-repeat; } .blogBox textarea.red { background: url('../images/textBg.gif') center no-repeat; } .blogBox textarea.green { background: url('../images/textBg.gif') bottom no-repeat; } .blogBox div.radio { margin-left: 57px; float: left; display: inline; overflow: hidden; width: 210px; height: 25px; } .blogBox input.radio { margin: 7px 5px 0px 0px; float: left; } .blogBox div.radio label { margin: 0px 10px 0px 0px; width: auto; font-size: 10px; color: #000; } .blogBox input.submit { float: right; } /* ### TABEL BOX ### */ .textBox .fullTable { width: 646px; } .textBox .fullTable h1 { margin-bottom: 15px; padding-bottom: 10px; font: 24px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .textBox .fullTable ul { overflow: hidden; width: 646px; list-style: none; border-top: 1px dotted #bdbebf; } .textBox .fullTable li { margin: 0px; padding: 0px 8px 0px 8px; float: left; display: inline; width: 244px; height: 26px; line-height: 26px; color: #626262; border-bottom: 1px dotted #bdbebf; } .textBox .fullTable ul#ordertabel li { width: 145px; } .textBox .fullTable li.last { width: 110px; } .textBox .fullTable li.dark { background: #f8f9fa; } .textBox .fullTable li span { color: #b3b3b3; } .textBox .fullTable li span.green { color: #4f8a10; } .textBox .fullTable li span.red { color: #9f1000; } .textBox .fullTable li.title { font-weight: bold; color: #fd2c00; background: #f8f9fa; } /* ### DIV BOX ### */ .divBox { overflow: hidden; width: 707px; margin: 14px 0px 0px 0px; } .divBox h1 { margin-bottom: 15px; padding-bottom: 10px; font: 24px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .divBox div.div { margin: 0px 10px 0px 17px; float: left; display: inline; width: 206px; } .divBox h3 { padding-bottom: 5px; font: 14px Tahoma, Arial; color: #767676; } .divBox ul { overflow: hidden; width: 206px; list-style: none; border-top: 1px dotted #bdbebf; } .divBox li { padding: 0px 8px 0px 8px; float: left; display: inline; width: 64px; height: 26px; line-height: 26px; color: #626262; border-bottom: 1px dotted #bdbebf; } .divBox li.last { width: 110px; } .divBox li.dark { background: #f8f9fa; } .divBox li span { color: #b3b3b3; } .divBox li.title { font-weight: bold; color: #fd2c00; background: #f8f9fa; } /* ### DOMAINLIST ### */ .domainlist { margin: 14px 0px 0px 0px; } .domainlist ul { list-style: none; border-top: 1px dotted #bdbebf; } .domainlist li { float: left; width: 161px; padding: 0px 8px 0px 8px; height: 26px; line-height: 26px; color: #626262; border-bottom: 1px dotted #bdbebf; } .domainlist li.first { width: 90px; font-weight: bold; } .domainlist li.last { width: 231px; } .domainlist li.dark { background: #f8f9fa; } .domainlist li span { color: #b3b3b3; } .domainlist li.title { font-weight: bold; color: #fd2c00; background: #f8f9fa; } /* ### SERVERPRICING AT CONFIGURATION ### */ /*.serverConfigurationPrice { margin: 14px 0px 0px 0px; }*/ .serverConfigurationPrice ul { width: 211px; list-style: none; border-top: 1px dotted #bdbebf; } .serverConfigurationPrice div.clear { height: 40px; } .serverConfigurationPrice li { float: left; text-align: left; padding: 0px 8px 0px 8px; height: 26px; line-height: 26px; color: #626262; border-bottom: 1px dotted #bdbebf; } .serverConfigurationPrice li.first { width: 55px; margin: 0; padding-right: 0; } .serverConfigurationPrice li.middle { width: 80px; margin: 0; padding: 0; } .serverConfigurationPrice li.last { width: 60px; margin: 0; padding-left: 0; } .serverConfigurationPrice li.spec { width: 55px; margin: 0; padding-right: 0; } .serverConfigurationPrice li.spec2 { width: 140px; margin: 0; padding-left: 0; } .serverConfigurationPrice li.dark { background: #f8f9fa; } .serverConfigurationPrice li span { color: #b3b3b3; } .serverConfigurationPrice li.title { width: 195px; text-align: left; margin: 0; font-weight: bold; color: #fd2c00; background: #f8f9fa; } /* ### FORM BOX ### */ .formBox { padding: 20px 17px 20px 17px; overflow: hidden; margin: 0px 0px 0px 0px; } .formBox h2 { padding-bottom: 15px; font: 14px Tahoma, Arial; color: #767676; } .formBox h5 { margin-bottom: 15px; padding-bottom: 10px; font: 24px 'Trebuchet MS'; text-transform: uppercase; color: #374d62; border-bottom: 1px dotted #c2c2c2; } .formBox h5 img { float: left; margin: -10px 10px 0 0; } .formBox fieldset { overflow: hidden; width: 352px; border: 0px; } .formBox label { margin-bottom: 5px; display: block; float: left; width: 57px; height: 25px; line-height: 25px; } .formBox p { float: left; padding-top: 3px; } .formBox input.field { margin-bottom: 5px; padding: 5px 5px 5px 5px; float: left; width: 167px; border: 0px; background: url('../images/inputBg.gif') top no-repeat; } .formBox input.red { background: url('../images/inputBg.gif') center no-repeat; } .formBox input.green { background: url('../images/inputBg.gif') bottom no-repeat; } .formBox textarea { margin: 0px 0px 5px 57px; padding: 5px; color: #767676; float: left; width: 285px; height: 75px; border: 0px; background: url('../images/textBg.gif') top no-repeat; } .formBox textarea.red { background: url('../images/textBg.gif') center no-repeat; } .formBox textarea.green { background: url('../images/textBg.gif') bottom no-repeat; } .formBox div.radio { margin-left: 57px; float: left; display: inline; overflow: hidden; width: 210px; height: 25px; } .formBox input.radio { margin: 7px 5px 0px 0px; float: left; } .formBox input.checkbox { margin: 7px 5px 0px 0px; float: left; } .formBox div.radio label { margin: 0px 10px 0px 0px; width: auto; font-size: 11px; color: #767676; } .formBox input.submit { float: right; } /* ### START OPGAVE BOX ### */ .startOpgaveBox { padding: 20px 17px 20px 17px; overflow: hidden; width: 673px; margin: 0px 0px 0px 0px; } .startOpgaveBox h2 { padding-bottom: 15px; font: 14px Tahoma, Arial; color: #767676; } .startOpgaveBox fieldset { overflow: hidden; width: 430px; border: 0px; float: left; } .startOpgaveBox .price { float: left; width: 240px; text-align: center; font: 11px Tahoma, Arial; color: #fd2c00; } .startOpgaveBox .price span { color: #ffa390; } .startOpgaveBox label { margin-bottom: 5px; display: block; float: left; width: 57px; height: 25px; line-height: 25px; } .startOpgaveBox p { float: left; padding-top: 3px; } .startOpgaveBox p span { color: #fd2c00; } .startOpgaveBox p span span { color: #ffa390; } .startOpgaveBox input.field { margin-bottom: 5px; padding: 5px 5px 5px 5px; float: left; width: 167px; border: 0px; background: url('../images/inputBg.gif') top no-repeat; } .startOpgaveBox input.red { background: url('../images/inputBg.gif') center no-repeat; } .startOpgaveBox input.green { background: url('../images/inputBg.gif') bottom no-repeat; } .startOpgaveBox textarea { margin: 0px 0px 5px 57px; padding: 5px; color: #767676; float: left; width: 285px; height: 75px; border: 0px; background: url('../images/textBg.gif') top no-repeat; } .startOpgaveBox textarea.red { background: url('../images/textBg.gif') center no-repeat; } .startOpgaveBox textarea.green { background: url('../images/textBg.gif') bottom no-repeat; } .startOpgaveBox div.radio { margin-left: 57px; float: left; display: inline; overflow: hidden; width: 210px; height: 25px; } .startOpgaveBox input.radio { margin: 7px 5px 0px 0px; float: left; } .startOpgaveBox input.checkbox { margin: 7px 5px 0px 0px; float: left; } .startOpgaveBox div.radio label { margin: 0px 10px 0px 0px; width: auto; font-size: 11px; color: #767676; } .startOpgaveBox input.submit { float: right; } /* ### MORE LINKS ### */ .more { padding: 10px 0px 20px 0px; text-align: center; } .more a { font-weight: bold; color: #fd2c00; line-height: 20px; background: url('../images/readmore.png') no-repeat right; padding: 0px 20px 3px 0px; text-decoration: none; } .more a:hover { color: #353b40; } .moreConverse a { color: #515151; } /* ### KNOWLEDGEBASE ### */ .showArticleKnowledgebase pre { padding: 15px; color: #555; background: #ececec; border: 1px dotted #ababab; } .knowledgebaseTypo a { color: #555; text-decoration: none; } .knowledgebaseTypo a:hover { text-decoration: underline; } ol.howto { list-style-type: none; margin: 10px 10px 0 10px; padding: 0; border-top: 1px dotted #bdbebf; } ol.howto li.step { padding: 10px; border-bottom: 1px dotted #bdbebf; } ol.howto li.todo { width: 455px; } ol.howto li.dark { background: #f8f9fa; } ol.howto ul { list-style-type: none; margin: 0; padding: 0; } ol.howto ul li { float: left; } ol.howto ul li.number { margin: 1px 10px 0 0; } ol.howto ul li.number div { display: block; padding: 5px 0; width: 20px; text-align: center; font-family: Arial; font-size: 10px; font-weight: bold; color: #fff; background: #fd2c00; } ol.howto ul li.image { float: right; } ol.howto ul li.image a img { width: 150px; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 217px; } /* ### SUPPORT BOX ### */ /*.supportBox { margin:0px 0px 8px 0px; padding: 10px 15px 0px 15px; position: relative; width: 187px; height: 153px; background: url('../images/serviceBg.png') no-repeat; } .supportBox h3 { font: 18px Arial; color: #304961; } .supportBox a.button { position: absolute; bottom: 11px; left: 10px; display: block; width: 200px; height: 22px; text-indent: -9999px; background: url('../images/fas.png') no-repeat; } .supportBox ul { padding: 8px 0px 0px 112px; width: 80px; list-style: none; } .supportBox li { padding-bottom: 4px; text-align: center; font-size: 14px; } .supportBox li a { text-decoration: none; color: #777; } .supportBox li a:hover { text-decoration: underline; }*/ a.supportBox { display: block; width: 217px; height: 119px; background: url('../images/serviceBg2.png') bottom left no-repeat; } a.online { background-position: top left; } .supportLinks { height: 44px; margin-bottom: 8px; background: url('../images/serviceBottomBg.png'); } .supportLinks ul { list-style-type: none; padding-left: 14px; } .supportLinks li { float: left; } .supportLinks a { display: block; padding: 14px 10px 17px 10px; color: #a1aeba; text-decoration: none; } .supportLinks a:hover { text-decoration: underline; } /* ### NYTFRA BOX ### */ .nytFraBox { padding:17px; margin:0px 0px 8px 0px; border:1px solid #e3e3e3; background:#f3f3f3; } .nytFraBox h3 { font:15px 'Trebuchet MS', Arial; color:#fd3200; font-weight:100; } .nytFraBox h3 span { font-weight:bold; } .nytFraBox ul { margin:8px 0px 0px 0px; border-top:1px solid #d4d4d4; } .nytFraBox ul li { font:11px Tahoma, Arial; color:#3e3e3e; border-bottom:1px solid #d4d4d4;} .nytFraBox ul li:hover { background:url('../images/verticalMenuLiHover.gif') left top repeat-x; } .nytFraBox ul li a {padding:8px 0px 8px 34px; display: block; text-decoration: none; color: #3e3e3e; background:url('../images/nytIcon.gif') 10px center no-repeat; } .nytFraBox ul li span { font:10px Tahoma, Arial; display:block; color:#a8a7a7; } /* ### NYTFRA BOX ### */ .optionsBox { padding:17px; margin:0px 0px 8px 0px; border:1px solid #e3e3e3; background:#f3f3f3; } .optionsBox h3 { font:15px 'Trebuchet MS', Arial; color:#fd3200; font-weight:100; } .optionsBox h3 span { font-weight:bold; } .optionsBox ul { margin:8px 0px 0px 0px; border-top:1px solid #d4d4d4; } .optionsBox ul li { font:11px Tahoma, Arial; color:#3e3e3e; border-bottom:1px solid #d4d4d4;} .optionsBox ul li:hover { background:url('../images/verticalMenuLiHover.gif') left top repeat-x; } .optionsBox ul li a {padding:8px 0px 8px 34px; display: block; text-decoration: none; color: #3e3e3e; } .optionsBox ul li span { font:10px Tahoma, Arial; display:block; color:#a8a7a7; } /* ### VORESBOX BOX ### */ .voresBox { padding: 17px 0px 17px 17px; margin:0px 0px 8px 0px; border:1px solid #e3e3e3; background:#f3f3f3; } .voresBox div.title { overflow: hidden; width: 200px; } .voresBox h3 { padding: 2px 0px 0px 5px; float: left; width: 150px; font:15px 'Trebuchet MS', Arial; color:#324a61; font-weight:100; } .voresBox h3 span { font-weight:bold; } .voresBox .iconImg { padding:0px 0px 0px 0px; float:left; margin: -3px 0 0 0; } .voresBox form { margin:5px 0px 0px 0px; width:177px; height:22px; overflow:hidden; } .voresBox form input.txtbox { padding:5px 0 0 4px; width:111px; height:17px; color: #333; border:none; float:left; background:url('../images/voresBoxBg2.png') left top no-repeat; } .voresBox form input.button { margin:0px 0px 0px 6px; float:left; } .voresBox fieldset { overflow: hidden; width: 100%; } /* ### loginBox BOX ### */ .loginBoxMenu { padding: 17px 0px 17px 17px; margin:0px 0px 8px 0px; border:1px solid #e3e3e3; background:#f3f3f3; } .loginBoxMenu div.title { overflow: hidden; width: 200px; } .loginBoxMenu h3 { padding: 2px 0px 0px 5px; float: left; width: 150px; font:15px 'Trebuchet MS', Arial; color:#324a61; font-weight:100; } .loginBoxMenu h3 span { font-weight:bold; } .loginBoxMenu .iconImg { padding:0px 0px 0px 0px; float:left; margin: -3px 0 0 0; } .loginBoxMenu form { margin:5px 0px 0px 0px; width:177px; overflow:hidden; } .loginBoxMenu form input.username { margin-bottom: 5px; padding:5px 0 5px 4px; width:177px; color: #333; border:none; float:left; background:url('../images/emailBg.gif') left top no-repeat; } .loginBoxMenu form input.password { padding:5px 0 5px 4px; width:111px; color: #333; border:none; float:left; background:url('../images/voresBoxBg2.png') left top no-repeat; } .loginBoxMenu form input.loginbutton { margin:0px 0px 0px 6px; float:left; } .loginBoxMenu fieldset { overflow: hidden; width: 100%; } /* ### RELATERE BOX ### */ .relateretBox { padding:17px; margin:0px 0px 8px 0px; border:1px solid #e3e3e3; background:#f3f3f3; } .relateretBox h3 { font:15px 'Trebuchet MS', Arial; color:#324a61; font-weight:100; } .relateretBox h3 span { font-weight:bold; } .relateretBox ul { margin:8px 0px 0px 0px; border-top:1px solid #d4d4d4; } .relateretBox ul li { font:11px Tahoma, Arial; color:#3e3e3e; border-bottom:1px solid #d4d4d4; } .relateretBox ul li.last { border-bottom: none; } .relateretBox ul li a { padding:8px 0px 8px 34px; display: block; text-decoration: none; color: #3e3e3e; background:url('../images/light_bulb.png') 5px 8px no-repeat;} .relateretBox ul li:hover { background:url('../images/verticalMenuLiHover.gif') left top repeat-x; } .relateretBox ul li span { font:10px Tahoma, Arial; display:block; color:#a8a7a7; } a.relateretGuarantee { display: block; width: 217px; height: 139px; margin-bottom: 8px; background: url('../images/box-tilfredshedsgaranti.png') top left; } a.relateretGuarantee:hover { background-position: bottom left; } /* ### FOOTER CONTAINER ### */ #footerCntr { margin:0px 0px 10px 0px; width:960px; height:34px; font:11px Tahoma, Arial; color:#8d9cac; text-align:right; overflow:hidden; background:url('../images/footerBg.gif') left top repeat-x; } #footerCntr div.footerLeftBgBox { background:url('../images/footerLeftBg.gif') left top no-repeat; } #footerCntr div.footerLeftBgBox ul { float:left; } #footerCntr div.footerLeftBgBox ul li { padding:0px 10px 0px 10px; display:inline; } #footerCntr div.footerLeftBgBox li a { font:11px Tahoma, Arial; color:#d4dde6; text-decoration:none; } #footerCntr div.footerLeftBgBox li a:hover { border-bottom:1px dotted #9eacba; } #footerCntr div.footerRightBgBox { padding:10px 14px 0px 4px; height:24px; background:url('../images/footerRightBgBox.gif') right top no-repeat; }