/* ################### */
/*  WRAPPER INSTELLEN  */
/* ################### */

#wrapper {
	width: 860px;
	margin-top: 10px;
}

/* ###################################### */
/*  SUB CORRECTIE LEFT DEDICATED HOSTING  */
/* ###################################### */

#leftx {
	width: 420px;
	float: left;
	margin-top: -9px;
}

#leftx h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#leftx p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}


/* #################################### */
/*  CORRECTIE LEFT (GEEN HAND + DOTTED  */
/* #################################### */

#leftx1 {
	width: 420px;
	float: left;
	margin-top: -9px;
}

#leftx1 h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#leftx1 p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#leftx1 span {
	font: 10px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 15px;
	color: #84898d;
}

#leftx1 a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
}

#leftx1 i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	font-style: italic;
}

#leftx1 a:hover {
	color: #b84b40;
}

#leftx1 pre {
	margin-top: -18px;
}

#leftx1 i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	Cursor: none;
	border: 0px;
	font-style: italic;
}


/* ####################################### */
/*  SUB PAGINA'S LINKER BLOKKEN INSTELLEN  */
/* ####################################### */

#left {
	width: 420px;
	float: left;
}

#left h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#left p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#left span {
	font: 10px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 15px;
	color: #84898d;
}

#left a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
}

#left i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	border-bottom: 1px dotted;
	cursor: help;
	font-style: italic;
}

#left a:hover {
	color: #b84b40;
}

#left pre {
	margin-top: -18px;
}

/* ######################################## */
/*  SUB PAGINA'S RECHTER BLOKKEN INSTELLEN  */
/* ######################################## */

#right {
	width: 420px;
	float: right;
}

#right h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#right p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#right a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
}

#right i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	border-bottom: 1px dotted;
	cursor: help;
	font-style: italic;
}

#right a:hover {
	color: #b84b40;
}

#right pre {
	margin-top: -18px;
}

/* ######################################## */
/*  SUB PAGINA'S RECHTER CONTACT CORRECTIE  */
/* ######################################## */


#rightx {
	width: 420px;
	float: right;
	margin-top: -9px;
}

#rightx h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#rightx p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#rightx a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
}

#rightx i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	cursor: none;
	border: 0px;
	font-style: italic;
}

#rightx a:hover {
	color: #b84b40;
}

#rightx pre {
	margin-top: -18px;
}



/* ################################################## */
/*  SUB PAGINA'S VOLLEDIGE BREEDTE BLOKKEN INSTELLEN  */
/* ################################################## */

#fullwide {
	width: 860px;
	float: right;
}

#fullwide h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#fullwide p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#fullwide li {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#fullwide h4 {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#fullwide a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
}

#intext a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #84898d;
}

#fullwide i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	font-style: italic;
}

#fullwide a:hover {
	color: #b84b40;
}

#fullwide pre {
	margin-top: -18px;
}

/* ########################## */
/*  FULL WIDTH BALK MET INFO  */
/* ########################### */

#notice span {
	font: arial, verdana, sans-serif;
	font-size: 15px;
	width: 10px;
	height: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #8e8e8e;
	text-align: left;
	padding-right: 15px;
	padding-left: 20px;
	padding-top: -4px;
	position: absolute;   
	background: transparent url(../assets/general/notice-icon-grijs.gif) no-repeat center left;
}

.notice-box {
	height: 1%;
	overflow: hidden;
	border: 1px solid #dbe3e9;
	padding: 5px 5px 5px 20px;
}

.notice-box p {
	margin: 0;
	border: 0px;
}

.notice-box img {
	float: left;
	margin: 9px 4px 5px 0;
}

/* ############################ */
/*  FULL WIDTH GELE SALES BALK  */
/* ############################ */

#sales-bar {
	height: 37px;
	overflow: hidden;
	border: 1px solid #f7eaba;
	background-color: #fffbe5;
	padding: 5px 5px 5px 20px;
}

#sales-bar p {
	font: 12px arial, verdana, sans-serif;
	color: #84898d;
	font-weight: normal;
	border: 0px;
}

#sales-bar a {
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding-left: 15px;
	font-weight: bold;
	height: 23px;
	margin-left: 40px;
	margin-right: 10px;
	border: 1px solid #d4c5a6;
	padding-right: 35px;
	background: #d4c5a6 url('../assets/general/button_beige.gif') no-repeat center right;
}

#sales-bar a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ######################################## */
/*  CONTENT TOP PAGINA VEELGESTELDE-VRAGEN  */
/* ######################################## */


#faq-top {
	width: 860px;
	float: right;
	height: 100px;
}

#faq-top h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#faq-top p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	overflow: visible;
	color: #84898d;
}

/* ################################## */
/*  STER OPSOMMING (GEEN BACKGROUND)  */
/* ################################## */

#opsomming {
	width: 420px;
}

#opsomming p {
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #84898d;
	text-align: left;
	padding-right: 15px;
	padding-left: 30px;   
	background: transparent url(../assets/general/ster-icoon.gif) no-repeat center left;
}

/* ################################# */
/*  TABEL HOSTINGPAKKETTEN TARIEVEN  */
/* ################################# */

table.tabel-hostingpakketten { 
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84898d;
	width: 420px;
	background-color: #fafafa;
	border: 1px #dbe3e9 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 5px;
}

table.tabel-hostingpakketten h4 { 
	font: arial, verdana, sans-serif;
	font-size: 10px;
	display: inline;
	font-weight: normal;
	text-decoration: none;
	color: #b9bcbf;
}

.licht { 
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84898d;
	background-color: #fafbfc;
	padding: 8px;
	border-bottom: 1px #dbe3e9 solid;
	border-left: 1px #dbe3e9 solid;
}

.licht span {
	font: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #a39897;
	text-align: left;
	border: 0px;
	overflow: visible;
	display: float;
	position: relative;   
	background: transparent url(../assets/general/info-icon-small.gif) no-repeat center left;
}


.donker { 
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84898d;
	background-color: #f1f5f8;
	padding: 8px;
	border-bottom: 1px #dbe3e9 solid;
	border-left: 1px #dbe3e9 solid;
} 

.donker span {
	border: 0px;
	vertical-align: top;
	background: transparent url(../assets/general/info-icon-small.gif) no-repeat center left;
}

/* ###################################### */
/*  BLAUWE BALK NU BESTELLEN (RODE KNOP)  */
/* ###################################### */

#order-bar {
	height: 40px;
	overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid #dbe3e9;
	background-color: #f1f5f8;
	padding: 5px 5px 5px 20px;
}

#order-bar p {
	font: 12px arial, verdana, sans-serif;
	color: #84898d;
	font-weight: bold;
	border: 0px;
}

#order-button {
	height: 23px;
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
  text-decoration: none;
	color: #ffffff;
	margin-left: 25px;
	margin-top: -3px;
	border: 0px;
	padding-right: 25px;
	cursor: pointer;
	outline: 0;
  position: bottom;
	background: url('../assets/general/red-btn.gif') no-repeat center right;
	background-position: center right;
}

#order-button:hover {
	text-decoration: none;
	outline: 0;
	background: url('../assets/general/red-btn-hover.gif') no-repeat center right;
}

/* ########################################## */
/*  BANNER DIRECT ADMIN CP HOSTING PAKKETTEN  */
/* ########################################## */

#dacp {
	width: 419px;
	height: 150px;
	margin-top: 15px;
	background: url('../assets/general/balloon-da-cp.gif') repeat-x;
}

/* ####################################################### */
/*  ALG.VOORWAARDEN/POLICY/PRIVACY TEXT BLOKKEN INSTELLEN  */
/* ####################################################### */

#av-fullwide {
	width: 860px;
	float: right;
}

#av-fullwide h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#av-fullwide p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

#av-fullwide li {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	margin-left: 15px;
	color: #84898d;
}

#av-fullwide span {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 14px;
	margin-left: 15px;
	color: #84898d;
}

#av-left {
	width: 420px;
	height: 185px;
	float: left;
}

/* ############################## */
/*  STER OPSOMMING ALLE PAGINA'S  */
/* ############################## */

#steropsomming {
	background-color: #ffffff;
	float: right;
	width: 420px;
	height: 200px;
	padding-right: 0px;
	padding-top: 20px;
	margin-bottom: 17px;
	position: inherit;
}

.steropsomming-list {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
}

.steropsomming-list li {
	width: 100%;
	float: left;
	margin: 0 0 1px;
}

.steropsomming-list .line-1 {
	background: #f7f9fb url("../assets/general/bg-line-1.gif") repeat-x;
}

.steropsomming-list .line-2 {
	background: #f1f5f8 url("../assets/general/bg-line-2.gif") repeat-x;
}

.steropsomming-list .line-3 {
  background: #e9eff4 url("../assets/general/bg-line-3.gif") repeat-x;
}

.steropsomming-list .line-4 {
	background: #e4ebf1 url("../assets/general/bg-line-4.gif") repeat-x;
}

.steropsomming-list .line-5 {
	background: #dee8f1 url("../assets/general/bg-line-5.gif") repeat-x;
}

.steropsomming-list li a {
  color: #585F65;
}

.steropsomming-list li span {
	height: 1%;
	font: 12px arial, verdana, sans-serif;
	color: #585F65;
	display: block;
	margin: 0 10px;
	min-height: 15px;
	line-height: 17px;
	text-decoration: none;
	padding: 9px 0 10px 34px;
	background: url("../assets/general/star-icon.png") no-repeat;
}

.steropsomming-list li a {
	height: 15px;
}

.steropsomming-list li a:hover {
	text-decoration: underline;
}

/* ################################### */
/*  TABEL RESELLER-PAKKETTEN TARIEVEN  */
/* ################################### */

table.tabel-resellerpakketten { 
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84898d;
	width: 860px;
	background-color: #fafafa;
	border: 1px #dbe3e9 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 5px;
}

table.tabel-resellerpakketten h3 { 
	font: arial, verdana, sans-serif;
	font-size: 10px;
	display: inline;
	font-weight: normal;
	text-decoration: none;
	color: #b9bcbf;
}

.licht { 
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84898d;
	background-color: #fafbfc;
	padding: 8px;
	border-bottom: 1px #dbe3e9 solid;
	border-left: 1px #dbe3e9 solid;
}

.licht span {
	font: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #a39897;
	text-align: left;
	border: 0px;
	overflow: visible;
	display: float;
	position: relative;   
	background: transparent url(../assets/general/info-icon-small.gif) no-repeat center left;
}


.donker { 
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84898d;
	background-color: #f1f5f8;
	padding: 8px;
	border-bottom: 1px #dbe3e9 solid;
	border-left: 1px #dbe3e9 solid;
} 


.donker span {
	border: 0px;
	vertical-align: top;
	background: transparent url(../assets/general/info-icon-small.gif) no-repeat center left;
}

/* ########################### */
/*  BANNER RESELLER PAKKETTEN  */
/* ########################### */

#balloon-reseller {
	width: 419px;
	height: 150px;
	margin-top: 25px;
	margin-bottom: -8px;
	background: url('../assets/general/balloon-reseller-hosting.gif') repeat-x;
}

/* ###################### */
/*  BUTTON NIEUWE PAGINA  */
/* ###################### */

#button-np {
	width: 100%;
	height: 100%;
}

#button-np a {
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding-left: 15px;
	font-weight: bold;
	height: 23px;
	border: 1px solid #b2c4d0;
	padding-right: 35px;
	background: #b2c4d0 url('../assets/general/button-np.gif') no-repeat center right;
}

#button-np a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ####################*/
/*  MULTI DOMEIN CHECK */
/* ####################*/

#dc {
	height: 30px;
	width: 420px;
	background-color: #e4ebf1;
	margin-top: 15px;
}

#dc h1 {
	font-family: arial,helvetica,sans-serif;
	height: 18px;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none;
	color: #585f65;
	text-align: left;
	padding-top: 7px;
	padding-left: 10px;
}

#dc span {
	font: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #a39897;
	text-align: left;
	padding-right: 15px;
	margin-bottom: -2px;
	padding-left: 20px;
	padding-top: -4px;
	position: relative;   
	background: transparent url(../assets/general/info-icon-small.gif) no-repeat center left;
}

#dcbox {
	float: left;
	background-color: #f1f5f8;
	width: 420px;
	height: 154px;
	margin-bottom: 28px;
}

#dcbox p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 17px;
	color: #84898d;
	padding-left: 10px;
}

#dcmessage {
	outline: 0;
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 390px;
	height: 95px;
	border: 1px solid #e4ebf1;
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 3px;
	color: #84898d;
	scrollbar-arrow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

#dcknop {
	height: 23px;
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
  text-decoration: none;
	color: #ffffff;
	border: 0px;
	cursor: pointer;
	outline: 0;
	margin-left: 305px;
	margin-top: 8px;
	padding-bottom: 3px;
	padding-right: 25px;
	background: url('../assets/general/red-btn.gif') no-repeat center right;
	background-position: center right;
}

#dcvink {
	margin-left: 10px;
	margin-top: 5px;
	outline: 0;
}

#dcbox-txt {
	width: 200px;
	height: 15px;
	margin-top: -17px;
	margin-left: 20px;
}

#dcbox-txt span {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 17px;
	padding-bottom: -5px;
	color: #84898d;
	padding-left: 10px;
}
	
#dcknop:hover {
	text-decoration: none;
	outline: 0;
	background: url('../assets/general/red-btn-hover.gif') no-repeat center right;
}