@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:#e49d04;
}

.hidden { visibility: hidden; }

h2 {
	font-size:2em;
	font-weight:normal;
	line-height:1em;
	color:#1f1f1f;
	padding-bottom:15px;
}

h2 span { color:#e49d04; }

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-bgdomains.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: 175px;
	padding-left: 3px;
	line-height: 16px;
}

#bestel_bedrijf input { width: 175px; }

#bestel_persoon {
	display: inline-block;
	padding-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;
}

.tekst_label_breed {
	display: inline-block;
	width: 130px;
	overflow: hidden;
	margin-right: 10px;
	line-height: 22px;
	float: 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:#7c7c7c;
	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;
	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:84px;
	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; }