@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	background:#DADADA;
	text-align:center;
}
img {
	vertical-align:top;
}
a img {
	border:0;
}
ul {
	list-style:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
html, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.333em;
	color:#000000;
}
#tbl_vergelijk {
	margin-left: 20px;
	background-image: url(../gfx/box-tail.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #DADADA;
	border-top: 0px;
}
#tbl_vergelijk td {
	color: #222;
	font-size: 12px;
	font-weight: normal;
	position: relative;
}
#great {
	position: absolute;
	left: -18px;
	top: -50px;
}
.td1 {
	background-color: #DADADA;
}
.td2 {
	background-color: #D3C185;
}
.td3 {
	background-color: #EED9A6;
}
.td4 {
	background-color: #FFF;
}
#stamp {
	background-position: right;
	position: absolute;
	left: 790px;
	top: 240px;
	visibility: hidden;
}
hr {
	margin-bottom: 5px;
}
#container {
	position: relative;
	width: 980px;
	margin: auto;
	border-left: 2px #000000 solid;
	border-right: 2px #000000 solid;
	background-color: #FF3300;
}
input, select {
	vertical-align:middle;
	font-weight:normal;
}
a {
	color:#000;
}
a:hover {
	text-decoration:none;
	color: #F93;
}
.black {
	text-transform:uppercase;
	color:#1d1d1d;
}
.orange {
	font-weight:bold;
	color:#FF3300;
}
.hidden {
	visibility: hidden;
}
h2 {
	font-size:2em;
	font-weight:normal;
	line-height:1em;
	color:#1f1f1f;
	padding-bottom:15px;
}
h2 span {
	color:#FF3300;
}
h3 {
	font-size:1.75em;
	color:#1e1e1e;
	font-weight:normal;
	padding-bottom:12px;
	margin-left:-2px;
}
h1 {
	font-size:1.75em;
	color:#FF3300;
	font-weight:normal;
	padding-bottom:12px;
	margin-left:-2px;
}
/* ============================= main layout ====================== */
.imgindent {
	margin:0 20px 0 0;
	float:left;
}
.padding1 {
	padding-top:9px;
}
.padding2 {
	padding-top:6px;
}
.padding3 {
	padding-top:15px;
}
.padding4 {
	padding-top:38px;
}
.margin1 {
	margin-top:-4px;
}
.margin2 {
	margin-top:14px;
}
.margin3 {
	margin-right:14px;
}
.strong1 {
	color:#000000;
	font-size:100%;
	font-weight:normal;
	display:block;
	padding-bottom:3px;
	line-height:1.286em;
}
.strong2 {
	color:#e49d04;
}
.strong3 {
	color:#0969a7;
	text-transform:uppercase;
	display:block;
	padding-bottom:3px;
}
/* ============================= header ====================== */
#header {
	background:url(../gfx/header-tail.gif) top repeat-x;
}
#header .main {
	height:387px;
	background:url(../gfx/header-bg.jpg) right bottom no-repeat;
}
#header .top {
	width:100%;
	overflow:hidden;
	height:110px;
	background:url(../gfx/top-bg.gif) top right no-repeat;
}
#header .menu {
	float:right;
	padding:57px 42px 0 0;
}
.menu li {
	float:left;
	text-align:center;
	padding-left: 15px;
	padding-right: 15px;
	line-height:1.667em;
}
#header .menu .last {
	border:none;
}
.menu a {
	color:#ffffff;
	text-decoration:none;
	font-size: 14px;
}
.menu a:hover, .menu .active {
	color:#FF3300;
}
#header .logo {
	padding: 0 0 0 22px;
}
#header .banners {
	float:left;
	padding:30px 0 0 32px;
}
#header .header-text {
	float:left;
	padding:28px 0 0 22px;
	color:#FFFFFF;
	width:320px;
	font-weight:bold;
}
#header .header-text h2 {
	color:#FFFFFF;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}
#header .banners {
	float:left;
	padding:30px 0 0 32px;
}
#header .header-text ul {
	padding:16px 0 10px 0;
}
.buttons {
	padding-top:11px;
}
/* ============================= content ====================== */
#content {
	background:#ffffff;
	min-height: 400px;
}
#content .main {
	width:905px;
	padding:24px 43px 28px 32px;
}
#content .buttons {
	padding:11px 0 0 4px;
}
.unline {
	background:url(../gfx/line.gif) bottom repeat-x;
	padding-bottom:15px;
	font-weight: normal;
}
.title {
	background:url(../gfx/title-bg.gif) top repeat-x;
}
.title .corner-left {
	background:url(../gfx/title-left-bg.gif) no-repeat 0 0;
}
.title .corner-right {
	background:url(../gfx/title-right-bg.gif) right top no-repeat;
	padding:13px 0 7px 24px;
}
.box {
	background:url(../gfx/box-tail.gif) bottom repeat-x;
	width:100%;
}
.box .left-corner {
	background:url(../gfx/box-left-corner.gif) left bottom no-repeat;
	width:100%;
}
.box .right-corner {
	background:url(../gfx/box-right-corner.gif) right bottom no-repeat;
	width:100%;
}
.box .indent {
	padding:12px 15px 19px 24px;
}
.box .indent2 {
	padding:16px 25px 19px 24px;
}
.list li {
	background:url(../gfx/list-bg.gif) no-repeat 0 5px;
	line-height:2em;
	padding-left:21px;
}
.list a {
	font-weight:bold;
	color:#0969a7;
	text-decoration:none;
}
.list a:hover {
	text-decoration:underline;
}
.list1 {
	margin-top:-4px;
}
.list1 li {
	line-height:28px;
	background:url(../gfx/line.gif) bottom repeat-x;
	margin-left:32px;
}
.list1 a {
	display:inline-block;
	color:#0969a7;
	text-decoration:none;
	font-size:1.167em;
	margin-left:-32px;
	padding:0 0 5px 32px;
}
.list1 a:hover {
	color:#e49d04;
}
.list1 .item1 {
	background:url(../gfx/list1-item1-bg.png) no-repeat 0 0;
}
.list1 .item2 {
	background:url(../gfx/list1-item2-bg.png) no-repeat 0 0;
}
.list1 .item3 {
	background:url(../gfx/list1-item3-bg.png) no-repeat 0 0;
}
.list1 .item4 {
	background:url(../gfx/list1-item4-bg.png) no-repeat 0 0;
}
.list1 .item5 {
	background:url(../gfx/list1-item5-bg.png) no-repeat 0 0;
}
.list1 .item6 {
	background:url(../gfx/list1-item6-bg.png) no-repeat 0 0;
}
.list1 .item7 {
	background:url(../gfx/list1-item7-bg.png) no-repeat 0 0;
}
.list1 .item8 {
	background:url(../gfx/list1-item8-bg.png) no-repeat 0 0;
}
.list1 .item9 {
	background:url(../gfx/list1-item9-bg.png) no-repeat 0 0;
}
.list1 .item10 {
	background:url(../gfx/list1-item10-bg.png) no-repeat 0 0;
}
.list1 .item11 {
	background:url(../gfx/list1-item11-bg.png) no-repeat 0 0;
}
.list1 .item12 {
	background:url(../gfx/list1-item12-bg.png) no-repeat 0 0;
}
.list2 li {
	border-bottom:solid 1px #dfdfdf;
}
.list2 li a {
	color:#0969a7;
	font-size:1.167em;
	text-decoration:none;
	line-height:2.071em;
	display:block;
	cursor:pointer;
}
.list2 li a span {
	display:inline-block;
	width:240px;
}
.list2 li a strong {
	display:inline-block;
	width:88px;
	font-weight:normal
}
.list2 li a:hover {
	background:#f5f5f5;
}
.list2 .line1 {
	background:url(../gfx/line.gif) repeat-y 222px 0;
}
.list2 .line2 {
	background:url(../gfx/line.gif) repeat-y 307px 0;
}
.list2 .last {
	border:none;
}
.list2 em {
	display:block;
	height:20px;
}
.list2 b {
	display:block;
	font-weight:normal;
}
.link {
	display:block;
	background:url(../gfx/link-left-bg.gif) left no-repeat;
	float:right;
	line-height:1em;
	font-size:1.167em;
	text-decoration:none;
	margin-top:8px;
	color:#ffffff;
	cursor: pointer;
}
.link:hover {
	text-decoration:underline;
}
.link span {
	display:block;
	background:url(../gfx/link-right-bg.gif) right no-repeat;
	padding:0 6px;
}
.link strong {
	font-weight:normal;
	display:block;
	background:url(../gfx/link-bg.gif) repeat-x;
	padding:4px 5px 5px 6px;
}
.row-2 {
	padding:41px 0 0 25px;
}
.indent {
	padding:9px 0 0 25px;
}
.line {
	background:url(../gfx/line.gif) repeat-y 241px 0;
}
/* ============================= page1 ====================== */
#home .row-1 .col-2, #home .row-1 .col-3, #home .row-1 .col-4 {
	margin-left:3px;
}
#home .row-2 .column-2 {
	margin-left:70px;
	position: relative;
}
#home .row-2 .column-2 .col-2 {
	margin-left:45px;
}
/* ============================= page2 ====================== */
#page2 .row-1 .col-2, #page2 .row-1 .col-3 {
	margin-left:3px;
}
#page2 .row-2 .column-2 {
	margin-left:73px;
}
/* ============================= page3 ====================== */
#domeinen .column-2 {
	margin-left:47px;
}
#domeinen .column-2 .col-2 {
	margin-left:43px;
}
/* ============================= page4 ====================== */
#hosting .col-2, #hosting .col-3, #hosting .col-4 {
	margin-left:3px;
}
#hosting .row-2 {
	padding: 0px;
	padding-top:15px;
}
/* ============================= page5 ====================== */
#contact .column-2 {
	margin-left:30px;
}
.phones {
	line-height:1.417em;
}
.phone {
	float:right;
	padding-right:20px;
}
.email {
	font-size:1.167em;
	padding-top:27px;
}
.email a {
	color:#0969a7;
}
/* ============================= bestellen ====================== */

#bestel_header {
	padding-top: 35px;
}
#bestel_form {
	position: relative;
	background-image: url(../gfx/box-tail-form.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EBEBEB;
	width: 745px;
	min-height: 220px;
	margin: auto;
	padding: 20px;
	padding-left: 20px;
}
#pakket input {
	float: left;
}
#bestel_form2 {
	background-image: url(../gfx/box-tail-form.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EBEBEB;
	width: 765px;
	margin: auto;
	padding: 20px;
	padding-left: 20px;
	padding-right: 0px;
}
#form_ext2 {
	float: left;
	margin-top: 0px;
}
.label {
	position: relative;
	border: #DDD 1px solid;
	padding: 5px;
	padding-right: 0px;
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 360px;
}
.labelb {
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}
.label input {
	border: #DDD 1px solid;
	height: 18px;
	margin-right: 5px;
}
.label select {
	border: #DDD 1px solid;
	height: 20px;
}
#form_ext {
	margin-top: 5px;
}
#autorisatiecode {
	width: 175px;
}
#pakket {
	padding: 20px;
	min-height: 50px;
	width: 320px;
}
#gegevens {
	padding: 20px;
	padding-right: 0px;
	line-height: 24px;
	min-height: 360px;
	width: 340px;
}
#ideal_gegevens {
	padding: 20px;
	padding-right: 0px;
	line-height: 24px;
	height: 320px;
	width: 340px;
}
#incasso_gegevens {
	padding: 20px;
	padding-right: 0px;
	line-height: 24px;
	height: 410px;
	width: 340px;
}
#betaalgegevens {
	padding: 20px;
	min-height: 50px;
	padding-left: 20px;
	padding-right: 0px;
	width: 330px;
}
#ga_stap3 {
	width: 600px;
	margin: auto;
}
#stap3 {
	cursor: pointer;
}
#stap4 {
	cursor: pointer;
}
#betaalmethode {
	padding: 20px;
	padding-right: 0px;
	width: 330px;
	height: 360px;
	line-height: 24px;
	float: left;
}
#betaalmethode_incasso {
	padding: 20px;
	padding-right: 0px;
	width: 330px;
	height: 410px;
	line-height: 24px;
	float: left;
}
#domein {
	margin-top: 5px;
	width: 180px;
}
#bestel_persoon input {
	width: 160px;
	padding-left: 3px;
	line-height: 16px;
	margin-top: 3px;
}
#bestel_bedrijf input {
	width: 160px;
}
#bestel_persoon {
	display: inline-block;
	margin-top: 10px;
}
#bestel_bedrijf {
	display: none;
	padding-top: 10px;
}
#tdLandNr {
	line-height: 20px;
}
#verhuis_domein {
	margin-top: 5px;
}
#payments {
	margin-bottom: 10px;
}
#of {
	float: left;
	margin-right: 20px;
}
#domein_verhuizen {
	float: left;
	width: 110px;
}
.tekst_label {
	display: inline-block;
	width: 90px;
	overflow: hidden;
	margin-right: 10px;
	line-height: 22px;
	float: left;
	clear: left;
}
.tekst_label_breed {
	display: inline-block;
	width: 135px;
	overflow: hidden;
	margin-right: 10px;
	line-height: 22px;
	float: left;
	clear: left;
}
.tekst_label_3 {
	display: inline-block;
	width: 150px;
	overflow: hidden;
	margin-right: 10px;
	line-height: 16px;
	float: left;
	font-weight: bold;
}
.tekst_label_4 {
	display: inline-block;
	overflow: hidden;
	margin-right: 10px;
	line-height: 16px;
}
#kies_pakket {
	padding: 20px;
	height: 90px;
	width: 280px;
}
#verhuizen {
	position: relative;
	padding: 20px;
	height: 90px;
	width: 285px;
}
#domein_stap2 {
	position: absolute;
	left: 62px;
	top: 110px;
	cursor: pointer;
}
#verhuis_stap2 {
	position: absolute;
	left: 62px;
	top: 110px;
	cursor: pointer;
}
#betaaltermijn {
	margin-top: 0px;
}
/* ============================= footer ====================== */
#footer {
	background:#efefef;
}
#footer .main {
	text-align:right;
	color:#000000;
	font-weight:bold;
}
#footer a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .text {
	padding:10px 58px 0 0;
}
/* ============================= forms ============================= */
#ContactForm {
	padding-top:10px;
}
#ContactForm label {
	display:block;
	height:28px;
}
#ContactForm input {
	margin-top:3px;
	border:solid 1px #7d7d7d;
	width:290px;
	padding:2px 0 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#787878;
}
#ContactForm select {
	margin-top:3px;
	border:solid 1px #7d7d7d;
	width:290px;
	padding:2px 0 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#787878;
}
#ContactForm textarea {
	margin-top:3px;
	border:solid 1px #7d7d7d;
	width:290px;
	padding:2px 0 2px 2px;
	height:190px;
	overflow:hidden;
	font-size:1em !important;
}
#ContactForm .link {
	margin-top:25px;
}
#ContactForm .link strong {
	font-weight:normal;
	display:block;
	background:url(../gfx/link-bg.gif) repeat-x;
	padding:4px 23px 5px 23px;
}
#login_name {
	position: absolute;
	left: 42px;
	top: 190px;
	width: 200px;
ow  border: 1px #CCC solid;
	height: 19px;
	padding-left: 2px;
}
#fid-passwd {
	position: absolute;
	left: 42px;
	top: 218px;
	width: 175px;
	height: 19px;
	border: 1px #CCC solid;
	padding-left: 2px;
}
#enter {
	position: absolute;
	left: 223px;
	top: 218px;
}
#domaincheck {
	position: absolute;
	left: 42px;
	top: 302px;
	width: 131px;
	height: 19px;
	border: 1px #CCC solid;
	padding-left: 2px;
}
#ext {
	position: absolute;
	left: 185px;
	top: 302px;
	height: 21px;
	border: 1px #CCC solid;
}
#check {
	position: absolute;
	left: 185px;
	top: 327px;
}
#footer {
	padding-top: 10px;
	background-color: #FF3300;
	padding-left: 55px;
}
.float_left {
	float: left;
}
.liner {
	clear: both;
}
.footer_text {
	float: left;
	margin-left: 10px;
	height: 105px;
	line-height: 13px;
	font-size: 12px;
}
.tg_1 {
	font-size: 10px;
}
.tg_2 {
	font-size: 11px;
}
.tg_3 {
	font-size: 12px;
}
.tg_4 {
	font-size: 14px;
}
.tg_5 {
	font-size: 10px;
	font-weight: bold;
}
.tg_6 {
	font-size: 11px;
	font-weight: bold;
}
.tg_7 {
	font-size: 12px;
	font-weight: bold;
}
.tg_8 {
	font-size: 14px;
	font-weight: bold;
}
.cloud {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:#000000 1px solid;
	text-align:justify;
	border-left:#000000 1px solid;
	padding-bottom:5px;
	line-height:16px;
	margin:0px 0px 0px 15px;
	padding-left:5px;
	width:430px;
	padding-right:5px;
	float:left;
	height:82px;
	color:#000000;
	overflow:hidden;
	border-top:#000000 1px solid;
	border-right:#000000 1px solid;
	padding-top:5px
}
.liner {
	clear: both;
}
#show_status {
	visibility: hidden;
	position: absolute;
	left: 43px;
	top: 334px;
	width: 133px;
	height: 20px;
	line-height: 20px;
	cursor: default;
	color: #000;
	background-color: #FFF;
	opacity: .6;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#new_status {
	visibility: hidden;
	position: absolute;
	line-height: 20px;
	cursor: default;
	color: #000;
	background-image: url(../gfx/searchani.gif);
	background-position: center;
	background-repeat: no-repeat;
	left: 160px;
	top: 105px;
	width: 133px;
	height: 20px;
}
#new_login {
	visibility: hidden;
	position: absolute;
	line-height: 20px;
	cursor: default;
	color: #000;
	background-color: #FFF;
	opacity: .6;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	left: 170px;
	top: 19px;
	width: 133px;
	height: 20px;
}
#s_payment input {
	width: 175px;
}
.bezet {
	color: #F00;
	font-weight: bold;
}
.vrij {
	text-decoration: none;
	color: #090;
	font-weight: bold;
}
#ident {
	visibility: hidden;
}
#404 {
	width: 600px;
	margin: auto;
}
#qlinux {
	cursor: pointer;
}
#wlinux {
	cursor: pointer;
}
#s_linux {
	background-color: #E2E2E2;
	border: 1px solid #CCC;
	padding: 10px;
	position:absolute;
	left:15px;
	top:155px;
	width:300px;
	line-height: 18px;
	color: #000;
	height:140px;
	z-index:1;
	visibility: hidden;
}
#s_windows {
	background-color: #E2E2E2;
	border: 1px solid #CCC;
	padding: 10px;
	position:absolute;
	left:15px;
	top:155px;
	width:300px;
	line-height: 18px;
	color: #000;
	height:140px;
	z-index:1;
	visibility: hidden;
}
.main {
	width:980px;
	margin:0 auto;
	text-align:left;
}
#header {
	height:387px;
}
.column-1, .column-2, .col-1, .col-2, .col-3, .col-4 {
	float:left;
	font-weight: bold;
}
.container {
	width:100%;
	overflow:hidden;
}
/* ============================= page1 ===========================*/
#home .row-1 .col-1 {
	width:224px;
}
#home .row-1 .col-2 {
	width:224px;
}
#home .row-1 .col-3 {
	width:224px;
}
#home .row-1 .col-4 {
	width:224px;
}
#home .row-2 .column-1 {
	width:308px;
}
#home .row-2 .column-2 {
	width:485px;
}
#home .row-2 .column-2 .col-1 {
	width:220px;
}
#home .row-2 .column-2 .col-2 {
	width:220px;
}
/* ============================= page2 ===========================*/
#page2 .row-1 .col-1 {
	width:451px;
}
#page2 .row-1 .col-2 {
	width:224px;
}
#page2 .row-1 .col-3 {
	width:224px;
}
#page2 .row-2 .column-1 {
	width:403px;
}
#page2 .row-2 .column-2 {
	width:404px;
}
/* ============================= page3 ===========================*/
#domeinen .column-1 {
	width:407px;
}
#domeinen .column-2 {
	width:451px;
}
#domeinen .column-2 .col-1 {
	width:185px;
}
#domeinen .column-2 .col-2 {
	width:170px;
}
/* ============================= page4 ===========================*/
#hosting .col-1 {
	width:224px;
}
#hosting .col-2 {
	width:224px;
}
#hosting .col-3 {
	width:224px;
}
#hosting .col-4 {
	width:224px;
}
/* ============================= page5 ===========================*/
#contact .column-1 {
	width:320px;
}
#contact .column-2 {
	width:540px;
}