html {
height: 100%;
padding: 0;
color: #737373;
background: url("../images/bg.png") repeat-x;
font: 12px "Arial", Sans-Serif;
}
body {
height: 100%;
margin: 0;
}
div#container {
min-height: 100%;
height: auto !important;
height: 100%;
width: 900px;
margin: 0 auto -68px;
padding: 0 34px;
}
acronym {
cursor: help;
}
/* Tabel */
#tbl td {
padding: 5px 0;
}
#tbl td.text {
color: #003366;
font-weight: bold;
}
#tbl td.titel {
color: #37529b;
font-weight: bold;
font-size: 14px;
}
#tbl input.tbl_submit {
width: 25px;
height: 25px;
background: url("../images/order_proceed.gif") no-repeat;
border: none;
text-indent: -999em;
}
#tbl input.tbl_submit:hover {
cursor: pointer;
background-position: 0 -25px;
}
/* /Tabel */
/* Link opmaak */
a {
color: #37529b;
text-decoration: none;
}
a:hover {
color: #ff9500;
text-decoration: underline;
}
/* /Link opmaak */
/* Clear */
.clear {
width: 1px;
height: 1px;
clear: both;
}
/* /Clear */
.rood { color: #FF0000; }
/* Rood */
/* /Rood */
/* Images */
img {border: 0;}
/* /Images */
/* Alinea */
p {
margin: 0;
padding: 3px 0;
line-height: 18px;
}
form p {padding: 0;}
/* /Alinea */
/* Header */
div#header {
position: relative;
height: 138px;
background: url("../images/trafego.png") 0 4px no-repeat;
margin: 0 0 0 -47px;
padding: 4px 0 0 47px;
}
ul#top {
float: right;
height: 16px;
background: #36519A url("../images/top-left.png") top left no-repeat;
margin: 0 0 74px 0;
padding: 0 0 0 5px;
list-style: none;
}
ul#top li {
float: left;
height: 16px;
color: #fff;
font: 11px/10px "Arial", Sans-serif;
}
ul#top li.last {
float: left;
height: 16px;
width: 5px;
background: url("../images/top-right.png") top right no-repeat;
}
ul#top li a {
color: #fff;
padding: 0 3px;
}
div#blok {
position: relative;
margin: 8px -4px 14px -3px;
padding: 0;
clear: both;
}
ul#nav {
position: absolute;
left: 0;
top: 0;
margin: 164px 0 0 826px;
padding: 0;
list-style: none;
}
ul#nav li {
display: inline;
float: left;
margin: 0 3px;
}
ul#nav li a {
float: left;
width: 17px;
height: 17px;
color: #fff;
background: url("../images/slide.png") no-repeat;
font: 10px/17px "Arial", Sans-serif;
text-align: center;
outline: 0;
}
ul#nav li a:hover {
background: url("../images/slide-hover.png") no-repeat;
text-decoration: none;
}
a#trafego {
position: absolute;
top: 0;
left: 0;
width: 430px;
height: 90px;
margin-left: 34px;
text-indent: -999em;
outline: 0;
}
/* /Header */
/* Menu */
ul#menu {
height: 48px;
background: url("../images/menu_bg.png") no-repeat;
margin: 0;
padding: 0 5px;
list-style: none;
clear: both;
}
ul#menu li {
float: left;
height: 48px;
background: url("../images/li_bg.png") right top no-repeat;
padding: 0 2px 0 0;
}
ul#menu li a {
float: left;
height: 48px;
color: #fff;
padding: 0 10px 0 11px;
font: bold 13px/48px "Lucida Grande", "Arial", Sans-serif;
outline: none;
}
ul#menu li a:hover, ul#menu li a.active {
background: url("../images/hover_bg.png") repeat-x;
text-decoration: none;
}
/* /Menu */
/* Left */
div#left {
float: left;
width: 225px;
margin: 0 17px 0 0;
}
div#sidemenu {
background: url("../images/left_bg.png") repeat-y;
margin: 0 0 0 -3px;
padding: 0 0 0 4px;
list-style: none;
}
div#sidemenu .head {
height: 7px;
background: url("../images/left_head.png") no-repeat;
margin: 0 0 0 -4px;
font-size: 1px; /* IE Fix */
line-height: 0%; /* IE Fix */
overflow: hidden; /* IE Fix */
}
div#sidemenu strong {
display: block;
color: #37529b;
background: url("../images/strong_bg.png") no-repeat;
margin: 0 6px 0 0;
padding: 0 0 6px 0;
font: bold 15px/25px "Arial", Sans-serif;
text-indent: 12px;
border-bottom: 1px solid #E4E4E4;
}
div#sidemenu ul {
background: url("../images/left_foot.png") bottom left no-repeat;
margin: 0 0 0 -4px;
padding: 0 6px 17px 4px;
list-style: none;
}
div#sidemenu ul li {
height: 30px;
line-height: 29px;
border-bottom: 1px solid #E4E4E4;
}
div#sidemenu ul li a {
display: block;
height: 29px;
color: #8c8c8c;
padding: 0 0 0 13px;
line-height: 29px;
border-top: 1px solid #fff;
outline: none;
}
div#sidemenu ul li a:hover, div#sidemenu ul li a.active {
height: 30px;
color: #37529b;
background: #fff;
font-weight: bold;
text-decoration: none;
line-height: 30px;
border-right: 3px solid #37529b;
border-top: 0;
}
form#nieuwsbrief {
width: 194px;
background: url("../images/mail.png") 13px 28px no-repeat;
margin: 18px 0 0 0;
padding: 0 0 0 14px;
}
form#nieuwsbrief strong {
display: block;
color: #37529b;
height: 17px;
margin: 0 0 10px 0;
font: 15px "Arial", Sans-serif;
}
form#nieuwsbrief input.textfield {
display: inline;
float: left;
width: 150px;
height: 13px;
color: #666;
background: url("../images/input_bg.png") repeat-x;
margin: 0 0 6px 29px;
padding: 3px 5px 2px 8px;
font: 11px "Arial", Sans-serif;
border: 1px solid;
border-left-color: #C7C7C7;
border-top-color: #C7C7C7;
border-right-color: #E0E0E0;
border-bottom-color: #E0E0E0;
}
form#nieuwsbrief input.submit {
margin: 0 0 0 125px;
clear: both;
outline: none;
}
/* /Left */
/* Content */
div#content {
float: left;
width: 640px;
margin: 0 0 22px 0;
padding: 0 0 0 18px;
}
div#content h1 {
color: #37529b;
margin: 12px 0 4px 0;
padding: 0;
font: bold 15px "Arial", Sans-serif;
}
div#content h2 {
display: block;
color: #37529b;
margin: 14px 0 0 0;
font: bold 15px "Arial", Sans-serif;
}
div#content h3 {
color: #37529b;
margin: 12px 0 4px 0;
padding: 0 0 3px 0;
font: bold 12px "Arial", Sans-serif;
border-bottom: 1px solid #37529b;
}
ul#tabs {
height: 27px;
margin: 0;
padding: 0;
border-bottom: 1px solid #D7D7D7;
list-style: none;
}
ul#tabs li {
float: left;
color: #999999;
margin: 0 2px;
}
ul#tabs li.active {background: url("../images/tab-rigt.png") right top no-repeat;}
ul#tabs li a {
float: left;
height: 27px;
color: #999999;
padding: 0 13px;
line-height: 27px;
outline: none;
}
ul#tabs li.active a {
color: #37529b;
background: url("../images/tab-left.png") left top no-repeat;
}
ul#tabs li.active a:hover {text-decoration: none;}
ul#pakketten {
margin: 24px 0 40px 0;
padding: 0;
list-style: none;
}
ul#pakketten li {
height: 28px;
color: #424242;
line-height: 28px;
padding: 0 0 0 9px;
}
ul#pakketten li b {color: #ff9500;}
ul#pakketten li.dark {background: #F3F3F3;}
ul#pakketten li.head {
color: #ffffff;
background: url("../images/head.png") repeat-x;
}
ul#pakketten li.head b {color: #fff;}
ul#pakketten li.head span {font-weight: bold;}
ul#pakketten li span.spec {
float: left;
height: 28px;
width: 144px;
color: #424242;
padding: 0;
font-weight: bold;
text-align: left;
}
ul#pakketten li.head span.spec {
color: #fff;
font-weight: normal;
}
ul#pakketten li span.basic,
ul#pakketten li span.medium,
ul#pakketten li span.advanced {
width: 150px;
float: left;
text-align: center;
}
ul#pakketten li span a.bestellen {
display: block;
width: 87px;
height: 23px;
color: #fff;
background: url("../images/bestellen.png") repeat-x;
margin: 0 auto;
margin-top: 5px;
line-height: 23px;
text-decoration: none;
text-align: center;
}
ul#pakketten li span a.bestellen:hover {text-decoration: underline;}
ul#pakketten li:hover {background: #FFC470;}
ul#pakketten li.head:hover {background: url("../images/head.png") repeat-x;}
ul#pakketten li.prijzen:hover, ul#pakketten li.bestellen {background: none ;}
ul#pakketten li.prijzen span.spec span {color: #A7A7A7;}
ul#pakketten li.bestellen {background: #fff;}
div#content span.meer {
display: block;
color: #bab7b7;
font: 11px "Lucida Sans Unicode", Sans-serif;
margin: 0 0 11px 0;
}
ul#referenties {
margin: 0 0 0 -18px;
padding: 0;
list-style: none;
}
ul#referenties li {
display: inline;
float: left;
width: 188px;
background: #EEEAEA;
margin: 0 0 16px 18px;
padding: 6px 6px 0 6px;
behavior: url("hover.htc");
overflow: hidden;
}
ul#referenties li img {margin: 0;}
ul#referenties li a.webcase {
float: left;
background: url("../images/webcase.png") left top no-repeat;
margin: 0 0 5px 0;
padding: 0 0 0 18px;
text-decoration: underline;
}
ul#referenties li a.online {
float: right;
background: url("../images/bekijk.png") left top no-repeat;
padding: 0 0 0 18px;
margin: 0 0 5px 0;
text-decoration: underline;
}
ul#referenties li:hover, ul#referenties li.hover {background: #5F75AB;}
ul#referenties li:hover a.webcase, ul#referenties li.hover a.webcase {
color: #fff;
background: url("../images/webcase-hover.png") left top no-repeat;
}
ul#referenties li:hover a.online, ul#referenties li.hover a.online {
color: #fff;
background: url("../images/bekijk-hover.png") left top no-repeat;
}
ul#ref_nav {
display: inline;
float: right;
margin: 0 4px 0 0;
padding: 0;
list-style: none;
}
ul#ref_nav li {
display: inline;
float: left;
margin: 0 0 0 4px;
}
ul#ref_nav li a {
float: left;
width: 22px;
height: 22px;
background: #ECEAEB;
line-height: 22px;
text-align: center;
}
ul#ref_nav li a:hover {
color: #fff;
background: #6075AC;
font-weight: bold;
text-decoration: none;
}
ul#ref_nav li.active a, ul#ref_nav li.active a:hover {
color: #6175AA;
background: #D3D3D3;
font-weight: normal;
text-decoration: none;
}
div#gegevens {padding: 0 0 15px 0;}
div#gegevens ul {
float: left;
width: 282px;
margin: 0;
padding: 0 10px 0 0;
list-style: none;
}
div#gegevens ul.left {border-right: 1px solid #FFC778;}
div#gegevens ul.right {padding: 0 10px 0 11px;}
div#gegevens ul li {
height: 20px;
text-align: right;
line-height: 20px;
}
div#gegevens ul li b {float: left;}
div#three_column_left {
width: 204px;
margin-right: 12px;
float: left;
}
div#three_column_center {
width: 204px;
float: left;
}
div#three_column_right {
width: 204px;
margin-left: 12px;
float: left;
}
/* /Content */
/* Right */
div#right {
float: left;
}
/* /Right */
/* Footer */
div#footer {
height: 68px;
color: #8c8c8c;
background: url("../images/bg.png") 0 62px repeat-x;
margin: 0;
font-size: 11px;
clear: both;
overflow: hidden;
}
.push {
height: 68px;
clear: both;
}
div#footer div {
width: 938px;
height: 54px;
background: url("../images/footer_bg.png") top repeat-x;
margin: 0 auto;
padding: 14px 17px 0 20px;
}
div#footer a {color: #8c8c8c;}
div#footer b {
color: #4c4c4c;
font-weight: normal;
}
div#footer a:hover {color: #37529b;}
div#footer p {
float: left;
}
div#footer span {
float: right;
margin: 3px 0;
line-height: 18px;
}
div#footer span a {color: #4c4c4c;}
/* /Footer */
a:hover img.item {
border: 5px solid #F3F3F3;
}
img.item {
float: left;
margin: 19px 16px 27px 0;
border: 5px solid #5F75AB;
}
div#item {
float: left;
width: 350px;
height: 222px;
border-left: 1px solid #FFC778;
margin: 19px 0 27px 0;
padding: 0 0 0 19px;
}
div#item h2 {
margin: -4px 0 0 0;
padding: 0;
}
div#item ul {
margin: -20px 0 0 0;
padding: 0;
list-style: none;
}
div#item ul li {
line-height: 20px;
margin: 20px 0 0 0;
}
div#item ul li strong {display: block;}
form#bericht {
margin: 0;
padding: 0;
}
form#bericht div h2 {margin-bottom: 7px;}
form#bericht input.textfield {
float: left;
width: 255px;
height: 21px;
color: #000000;
border: 1px solid #35446B;
margin: 0 100px 12px 0;
padding: 3px 5px 0 5px;
font: 12px "Lucida Sans Unicode", Sans-Serif;
}
form#bericht input.textfield:focus {border: 1px solid #FF9500;}
form#bericht label {
float: left;
width: 97px;
height: 26px;
line-height: 26px;
font-weight: bold;
clear: both;
}
form#bericht select {
float: left;
width: 267px;
height: 26px;
color: #424242;
margin: 0 0 12px 0;
padding: 4px 5px;
border: 1px solid #35446B;
font: 12px "Lucida Sans Unicode", Sans-Serif;
line-height: 30px;
}
form#bericht select:focus {border: 1px solid #FF9500;}
form#bericht textarea {
float: left;
width: 469px;
height: 136px;
color: #000000;
margin: 0 0 5px 0;
padding: 8px;
border: 1px solid #35446B;
font: 12px "Lucida Sans Unicode", Sans-Serif;
overflow: auto;
}
form#bericht textarea:focus {border: 1px solid #FF9500;}
form#bericht input.submit {
display: inline;
float: left;
width: 122px;
height: 23px;
color: #fff;
background: url("../images/submit_bg.png") repeat-x;
margin: 0 0 0 462px;
padding: 0;
border: 0;
clear: both;
font: 12px "Lucida Sans Unicode", Sans-Serif;
cursor: pointer;
}
form#bericht button {
display: inline;
float: left;
width: 122px;
height: 23px;
color: #fff;
background: url("../images/submit_bg.png") repeat-x;
margin: 0 0 0 462px;
padding: 0;
border: 0;
clear: both;
font: 12px "Lucida Sans Unicode", Sans-Serif;
cursor: pointer;
}
form#bericht input.radio {
float: left;
height: 24px;
margin: 5px 0 7px 0;
}
form#bericht span.value {
display: inline;
float: left;
margin: 7px 5px 0 5px;
}
form#bericht span.last-child {margin: 7px 0 5px 5px;}
form#bericht span.aanhef {
float: left;
width: 450px;
height: 31px;
margin: 0 0 7px 0;
overflow: hidden;
}
form#bericht input.w67 {width: 57px;margin-right: 0;}
form#bericht input.w195 {width: 185px;margin-right: 0;}
form#bericht input.w196 {width: 185px;margin-right: 300px;}
form#bericht input.w38 {width: 28px;margin-right: 0;}
form#bericht select.w80 {width: 80px;margin-right: 3px;}
form#bericht select.w50 {width: 50px;margin-right: 3px;}
form#bericht input.w38 {width: 28px;margin-right: 0;}
form#bericht label.noclear {
width: auto;
margin: 0 12px 0 12px;
clear: none;
}
form#bericht span.value {color: #B7B7B7;cursor: default;}
form#bericht span.value:hover {color: #000;}
form#bericht span.akkoord {
float: left;
width: 450px;
overflow: hidden;
}
form#bericht span.akkoord span {
display: inline;
float: left;
margin: 7px 20px 0 5px;
overflow: hidden;
}
.col1 {
float: left;
width: 305px;
margin: 0 19px 0 0;
}
.col1 img.foto, .col2 img.foto {
float: left;
margin: 6px 9px 0 0;
border: 3px solid #5F74AD;
}
.col2 {
float: left;
width: 260px;
margin: 0 19px 0 0;
}
.col1 p, .col2 p {
display: block;
margin: 1px 0 0 0;
padding: 0 !important;
}
.col1 p {border-right: 1px solid #FFC778;}
.col1 a, .col2 a {line-height: 20px;}
img.three_column {
border: 5px solid #5F75AB;
}
span.border {
display: block;
height: 1px;
background-color: #FFC778;
margin: 7px 0;
font-size: 0px;
line-height: 1px;
}
p.light {font-size: 11px; color: #a09e9e;}
p.redd {font-size: 11px; color: #ff9500;}
ul#projecten {
margin: 0 0 0 -18px;
padding: 0;
list-style: none;
}
ul#projecten li {
display: inline;
float: left;
width: 188px;
background: #EEEAEA;
margin: 0 0 16px 18px;
padding: 6px 6px 3px 6px;
behavior: url("hover.htc");
overflow: hidden;
}
ul#projecten li img {margin: 0; border: none;}
ul#projecten li:hover, ul#projecten li.hover {background: #5F75AB;}
/* Sitemap */
div.sitemap_left {
width: 200px;
float: left;
}
div.sitemap_center {
width: 200px;
margin: 0 18px;
float: left;
}
div.sitemap_right {
width: 200px;
float: left;
}
ul.sitemap {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
float: left;
width: 200px;
}
ul.sitemap li a {
color: #A0A0A0;
}
ul.sitemap li.parent a {
color: #737373;
}
ul.sitemap li.parent a:hover {
color: #ff9500;
text-decoration: underline;
}
/* Domeinnaam registreren */
#domeinnamen {
list-style: none;
margin: 20px 0;
padding: 0;
}
#domeinnamen li {
line-height: 25px;
padding: 0 5px;
}
#domeinnamen li img {
vertical-align: middle;
margin: 0 10px 0 0;
}
#domeinnamen .head {
color: #ffffff;
background: url("../images/head.png") repeat-x;
}
#domeinnamen .links {float: left}
#domeinnamen .rechts {float: right}
#domeinnamen .kolom1 {
float: left;
width: 30%;
}
#domeinnamen .kolom2 {
float: left;
width: 20%;
}
#domeinnamen .kolom3 {
float: left;
width: 20%;
}
#domeinnamen .kolom4 {
float: left;
width: 30%;
}
/* Hosting */
.hosting_left {
width: 310px;
float: left;
padding-right: 14px;
}
.hosting_center {
width: 310px;
float: left;
}
div#content .hosting_area h3 {
border-bottom: 1px solid #d7d7d7;
height: 27px;
}
div#content .hosting_area h3 span.text {
font-size: 12px;
color: #737373;
font-weight: normal;
float: left;
width: 150px;
}
div#content .hosting_area h3 span.text strong {
font-weight: bold;
color: #37529b;
display: inline-block;
}
div#content .hosting_area h3 span.price {
color: #37529b;
background: url("../images/tab-rigt.png") right top no-repeat;
display: block;
float: right;
margin-top: 3px;
height: 27px;
}
div#content .hosting_area h3 span.price span {
display: block;
background: url("../images/tab-left.png") left top no-repeat;
padding: 0 8px;
font-size: 13px;
line-height: 27px;
height: 27px;
}
div#content ul.speclist {
list-style-type: none;
margin: 0;
padding: 0;
clear: both;
}
div#content ul.speclist li {
line-height: 18px;
}
a.question {
background: url("../images/questionmark_icon.gif") no-repeat 0 0;
width: 9px;
height: 9px;
display: block;
float: right;
/* margin-top: -15px; */
margin-top: 4px;
cursor: pointer;
}
span.toggle {
display: block;
font-weight: bold;
color: #37529b;
margin: 4px 0;
}
ul.section {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.section li {
line-height: 18px;
}
span.tdleft {
width: 110px;
float: left;
display: block;
}
span.tdright {
background: url("/images/statusbar_bg.png") no-repeat 3px 50%;
height: 10px;
margin-top: 3px;
padding-right: 3px;
display: block;
float: left;
width: 120px;
}
span.statbar {
display: block;
background: url("../images/statusbar.png") repeat-x 0 50%;
height: 10px;
}
span.statbar span {
display: block;
background: url("../images/statusbar_left.png") no-repeat 0 0;
height: 10px;
width: 100%;
}
span.statbar span span {
display: block;
background: url("../images/statusbar_right.png") no-repeat 100% 0;
height: 10px;
width: 100%;
}
a.order_btn {
display: inline-block;
width: 90px;
height: 18px;
line-height: 18px;
text-align: center;
background: url("../images/bg_order.png") no-repeat 0 0;
margin: 10px 0;
color: #ffffff;
font-size: 11px;
}
a.order_btn:hover {
background-position: 0 -18px;
text-decoration: none;
}
div.sub_left {
float: left;
width: 366px;
}
div.sub_right {
float: right;
width: 265px;
}
ul.checks {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none;
}
ul.checks li {
padding: 3px 0 3px 20px;
background: url("../images/check.png") no-repeat 0 50%;
}
div.homebox_1 {
background: url("../images/bg_homebox_1.png") no-repeat 0 0;
width: 245px;
height: 142px;
padding: 5px 10px;
margin-top: 5px;
}
div.homebox_2 {
background: url("../images/bg_homebox_2.png") no-repeat 0 0;
width: 245px;
height: 97px;
padding: 5px 10px;
margin-top: 10px;
}
div#content div.homebox_1 h2,
div#content div.homebox_2 h2 {
margin-top: 0;
}
div#content div.homebox_2 h2 small {
font-size: 12px;
color: #737373;
font-weight: normal;
}
div#content form#domein_front {
margin: 0;
padding: 0;
}
div#content form#domein_front input.submit {
background: url("../images/controleren.png");
width: 69px;
height: 20px;
border: none;
cursor: pointer;
position: absolute;
margin-top: 1px;
margin-left: 5px;
}
div#content form#domein_front input.textfield {
font-size: 11px;
color: #737373;
}
div#content form#login_front input.textfield {
font-size: 11px;
font-style: italic;
color: #737373;
margin: 4px 0;
}
div#content form#login_front input.submit {
background: url("../images/inloggen.png");
width: 69px;
height: 20px;
border: none;
cursor: pointer;
position: absolute;
margin-top: 5px;
margin-left: 5px;
}
div#content .order_tab {
height: 27px;
line-height: 27px;
border-bottom: 1px solid #D7D7D7;
margin: 7px 0 5px 0;
font-weight: bold;
}
div#content .order_tab .order_tab_inner {
background: url("../images/tab-rigt.png") right top no-repeat;
float: right;
}
div#content .order_tab .order_tab_inner div {
background: url("../images/tab-left.png") left top no-repeat;
height: 27px;
line-height: 27px;
padding: 0 13px;
font-weight: bold;
color: #37529b;
}
form#bericht label.normal {
float: inherit;
line-height: inherit;
width: inherit;
height: inherit;
font-weight: inherit;
clear: inherit;
}
ul.domeinnamen {
margin: 24px 0 40px 0;
padding: 0;
list-style: none;
}
ul.domeinnamen li {
height: 28px;
color: #424242;
line-height: 28px;
padding: 2px 0 2px 9px;
}
ul.domeinnamen li b {color: #ff9500;}
ul.domeinnamen li.dark {background: #F3F3F3;}
ul.domeinnamen li.head {
color: #ffffff;
background: url("../images/head.png") repeat-x;
padding: 0 0 0 9px;
}
ul.domeinnamen li.head b {color: #fff;}
ul.domeinnamen li.head span {font-weight: bold;}
ul.domeinnamen li span.input_lbl {
float: left;
height: 28px;
width: 144px;
color: #424242;
padding: 0;
font-weight: bold;
text-align: left;
}
ul.domeinnamen li.head span.input_lbl {
color: #fff;
font-weight: normal;
width: 500px;
}
ul.domeinnamen li span.input {
float: left;
height: 28px;
width: 300px;
}
ul.domeinnamen li span.delete {
float: left;
height: 28px;
width: 50px;
}
ul.domeinnamen li:hover {background: #FFC470;}
ul.domeinnamen li.head:hover {background: url("../images/head.png") repeat-x;}
ul.domeinnamen li.head a {color: #ffffff;}
div#ad {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background: url("../images/bg_ad.png") no-repeat;
width: 127px;
height: 131px;
cursor: pointer;
}
div#ad a {
display: block;
text-indent: -999em;
width: 127px;
height: 131px;
}
div#error {
background:#fddede url("../images/error.png") no-repeat 5px 6px;
height:32px;
line-height:32px;
margin:0 0 10px 0;
padding:0 0 0 27px;
border:1px solid #ff0000;
color:#151515;
}
div#content input.errorfield,
div#content select.errorfield,
div#content textarea.errorfield {
border-color: #ff0000;
background-color: #fddede;
}
div.diensten ul {
margin: 0 0 0 -20px;
padding: 0;
list-style-type: none;
}
div.diensten ul li {
display: inline;
float: left;
margin: 0 0 0 20px;
width: 309px;
overflow: hidden;
}
div.diensten ul li h4 {
font-size: 12px;
line-height: 32px;
margin-bottom: .2em;
padding: 0;
}
div.diensten ul li h4 img {
vertical-align: middle;
}
div.diensten ul li p {
text-align: justify;
}
.underline {
border-bottom:#cfcece dotted 1px;
}
ul#pakketten2 {
margin: 2px 0 40px 0;
padding: 0;
list-style: none;
}
ul#pakketten2 li {
height: 28px;
color: #424242;
line-height: 28px;
padding: 0 0 0 9px;
}
ul#pakketten2 li b {color: #ff9500;}
ul#pakketten2 li.dark {background: #F3F3F3;}
ul#pakketten2 li.head {
color: #ffffff;
background: url("../images/head.png") repeat-x;
}
ul#pakketten2 li.head b {color: #fff;}
ul#pakketten2 li.head span {font-weight: bold;}
ul#pakketten2 li span.spec {
float: left;
height: 28px;
width: 144px;
color: #424242;
padding: 0;
font-weight: bold;
text-align: left;
}
ul#pakketten li.head span.spec {
color: #fff;
font-weight: normal;
}
ul#pakketten2 li span.basic,
ul#pakketten2 li span.medium,
ul#pakketten2 li span.advanced {
width: 150px;
float: left;
text-align: center;
}
ul#pakketten2 li span a.bestellen {
display: block;
width: 87px;
height: 23px;
color: #fff;
background: url("../images/bestellen.png") repeat-x;
margin: 0 auto;
margin-top: 5px;
line-height: 23px;
text-decoration: none;
text-align: center;
}
ul#pakketten2 li span a.bestellen:hover {text-decoration: underline;}
ul#pakketten2 li:hover {background: #FFC470;}
ul#pakketten2 li.head:hover {background: url("../images/head.png") repeat-x;}
ul#pakketten2 li.prijzen:hover, ul#pakketten li.bestellen {background: none ;}
ul#pakketten2 li.prijzen span.spec span {color: #A7A7A7;}
ul#pakketten2 li.bestellen {background: #fff;}
/* Inputs */
.inputbox {
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-bottom: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
padding: 2px;
font-size: 1em;
color: #555;
font-family: Arial;
}
.inputbox:focus, .inputbox:hover {
border: 1px solid #566b9f;
}
div#content span.meer {
display: block;
color: #bab7b7;
font: 11px "Lucida Sans Unicode", Sans-serif;
margin: 0 0 11px 0;
}
/* Bestelprocedure */
.order_table tr td {
padding: 2px 0;
}
fieldset.fields {
border: none;
padding: 0;
margin: 0;
}
.error_box {
color: #FF0000;
margin-bottom: 10px;
}
ul.bestel-dienst {
list-style-type: none;
margin: .7em 0 1em 0;
padding: 0;
}
ul.bestel-dienst li {
background: url("../images/next.png") no-repeat 0 50%;
padding: 5px 0 5px 25px;
}
div#content .hosting_area2 h3 {
border-bottom: 1px solid #d7d7d7;
height: 27px;
}
div#content .hosting_area2 h3 span.text {
font-size: 12px;
color: #737373;
font-weight: normal;
float: left;
width: 200px;
}
div#content .hosting_area2 h3 span.text strong {
font-weight: bold;
color: #37529b;
display: inline-block;
}
div#content .hosting_area2 h3 span.price2 {
color: #37529b;
background: url("images/tab-rigt.png") right top no-repeat;
display: block;
float: right;
margin-top: 3px;
height: 27px;
}
div#content .hosting_area2 h3 span.price span {
display: block;
background: url("images/tab-left.png") left top no-repeat;
padding: 0 8px;
font-size: 13px;
line-height: 27px;
height: 27px;
}
div#content ul.speclist2 {
list-style-type: none;
margin: 0;
padding: 0;
clear: both;
}
div#content ul.speclist2 li {
line-height: 18px;
}
a.question2 {
background: url("../images/questionmark_icon.gif") no-repeat 0 0;
width: 9px;
height: 9px;
display: block;
float: right;
margin-top: -15px;
cursor: pointer;
}
.hosting_left2 {
width: 204px;
float: left;
padding-right: 14px;
}
.hosting_center2 {
width: 204px;
float: left;
}
.hosting_right2 {
width: 204px;
padding-left: 14px;
float: left;
}
.domeincheck {
height: 88px;
width: 622px;
padding: 10px;
margin-top: 10px;
background: url("../images/bg_domeincheck.png") no-repeat 0 0;
}