/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:.9375em; background:#f1f1f1}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#8f8f8f;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
div.containerwelkom {	overflow:hidden; width: 100%;}

div.containerdomein { background: url(fancybox/domeinnaam.png); width: 909px; height: 183px;}
div.domeinnaam{ position:absolute; margin-left: 347px; margin-top: 85px;}

div.containerdomein2 { background: url(fancybox/domeinnaam2.png); width: 600px; height: 199px;}
div.domeinnaam2{ position:absolute; margin-left: 30px; margin-top: 130px;}

div.containerdomein3 { background: url(fancybox/boxhosting.png); width: 898px; height: 275px;}
div.domeinnaam3{ position:absolute; margin-left: 25px; margin-right: 25px; margin-top: 25px; color: #FFF;}

div.containerdomein4 { background: url(fancybox/boxreseller.png); width: 898px; height: 275px;}
div.domeinnaam4 { position:absolute; margin-left: 25px; margin-right: 25px; margin-top: 25px; color: #FFF;}

div.containerons { background: url(fancybox/overons.png); width: 290px; height: 410px;}
div.domeinnaamons{ position:absolute; margin-left: 25px; margin-right: 25px; margin-top: 25px; color: #8f8f8f;}

div.containerdomeinnaampagina { background: url(fancybox/domeinnaampagina.png); width: 290px; height: 460px;}
div.domeinnaampagina{ position:absolute; margin-left: 25px; margin-right: 25px; margin-top: 25px; color: #8f8f8f;}

a img{ border:0}
img{ vertical-align:top;  }
img02{ vertical-align:top;  }

a{color:#fd6b00; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#85b100; float:right; background:url(images/marker.gif)  center right no-repeat; padding-right:10px; font-weight:bold; }
.link1{color:#007ba4; }
.link2{color:#ec4700; font-weight:bold; }

.button{color:#f8f7f3; background:url(images/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li a{color:#a4aaab; text-decoration:none; line-height:1.23em;} 
#content ul li a:hover { color:#85b100; text-decoration:none; }

#content .ul1 li { padding-bottom:17px} 
#content .ul1 li a{color:#ec4700; text-decoration: underline; line-height:1.23em; font-weight:bold} 
#content .ul1 li a:hover { color:#ec4700; text-decoration:none; }


#content .ul2 li{background:url(images/tail.gif) repeat-x bottom; padding-left:2px; width:100% }
#content .ul2 .last{background:none; padding-left:2px; }
#content .ul2 li a{background:none; color:#717677; text-decoration: none; line-height:2.53em} 
#content .ul2 li a:hover { text-decoration:none; color:#000 }

#content .ul li{background:url(images/tail.gif) repeat-x bottom; padding-left:2px; }
#content .ul .last{background:none; padding-left:2px; }
#content .ul li a{background:url(images/icon-1.gif) top left no-repeat; padding:2px 0 2px 36px; color:#717677; text-decoration: none; line-height:2.53em} 
#content .ul .li a{background:url(images/icon-2.gif) top left no-repeat;} 
#content .ul .li1 a{background:url(images/icon-3.gif) top left no-repeat;} 
#content .ul .li2 a{background:url(images/icon-4.gif) top left no-repeat;} 
#content .ul .li3 a{background:url(images/icon-5.gif) top left no-repeat;} 
#content .ul .li4 a{background:url(images/icon-6.gif) top left no-repeat;} 
#content .ul .li5 a{background:url(images/icon-7.gif) top left no-repeat;} 
#content .ul li a:hover { text-decoration:none; color:#000 }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.875em; color:#FFFFFF }
#header .logo{ margin:40px 0 0 0; position:absolute }
#header .menu{position:absolute; margin-left:2px;  }
#header .slogan{ margin:95px 0 0 583px; position:absolute; color:#b3baba; font-size:1.71em; line-height:1.2em }
#header .slogan b{ font-size:1.25em }
#header .indent{
	margin:4px 0 0 559px;
	position:absolute;
	width:355px
}



#header .indent1{padding:0 0 0 0}

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline; float:left; line-height:34px; background:url(images/bg_menu.gif) top right no-repeat; padding-right:2px}
#header ul .last{background:none}
#header ul li a{width:89px; text-align:center; display:block; float:left;} 
#header ul li div a{color:#fff; text-decoration:none;} 
#header ul li div a:hover { text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;}
#header ul li div .current{ text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;  }


#header h1{color:#25262c; font-size:1.85em; font-weight:normal; margin-bottom:13px; line-height:1.2em; background:url(images/logo.gif) no-repeat top left; padding:5px 0 5px 43px; letter-spacing:-1px  }
#header h1 a{color:#25262c; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_cont.jpg) no-repeat top left}
#content .indent-main{padding:0 45px 35px 45px}
#content .title{  margin-bottom:16px}
#content .banner{  margin:19px 0 0 5px}
#content .img{  margin-left:176px; position:absolute}
#content .img1{  margin-left:176px; position:absolute}
#content .button1{  margin-top:-67px; position:absolute; margin-left:170px}
#content .button2{  margin-top:-67px; position:absolute; margin-left:773px}
#content .button-1{  margin-top:-1px; position:absolute; margin-left:131px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 6px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 21px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 11px 0}
#content .p2{ margin-bottom:25px;}
#content h2{color:#3a3a3a; font-size:3.07em; margin-bottom:0; font-weight:normal; line-height:1.2em; text-decoration:none; }

#content h2 span{ display:block; margin-top:-15px; margin-bottom:-5px}
#content h3{color:#acb7ba; font-size:2.307em; margin-bottom:0; font-weight:normal; line-height:1.2em  }
#content h4{color:#131313; font-size:1.33em; margin-bottom:11px;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt1{ font-size:3.33em; font-weight:normal; color:#ec4700; line-height:1.2em}
.txt{ font-size:1.83em; font-weight:normal; color:#3b3b3b; line-height:1.2em}
.txt b{ font-size:2.18em;}
.txt span{ font-size:.72em;}
.txt span span{ display:block; margin-top:-11px; font-size:1em}


#content .indent{padding:16px 0 0 0}

/*==================boxes====================*/
.box {
	position:relative;
}
.box .left-top-corner { background:url(images/corner_top_left.png) no-repeat left top; padding-left:16px;}
.box .right-top-corner { background:url(images/corner_top_right.png) no-repeat right top; padding-right:16px;}
.box .border-top { background:#fff; height:16px; }

.box .left-bottom-corner { background:url(images/corner_bottom_left.png) no-repeat left bottom; padding-left:16px}
.box .right-bottom-corner { background:url(images/corner_bottom_right.png) no-repeat right bottom; padding-right:16px}
.box .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:16px; width:100%;}

.box .border-left { background:#fff; padding-left:16px;}
.box .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:16px;}
.box .xcontent { background:#fff; min-height:181px; height:auto !important;  height:181px;}

.box .indent-box{ padding:0 0 0 10px; }
.box .indent-box1{ padding:10px 5px 10px 10px; }
.box .indent-box2{ padding:10px 5px 10px 20px; }

/*==================boxes02 producten====================*/
.box02 {
	width:314%;position:relative;}
.box02 .left-top-corner { background:url(images/corner_top_left.png) no-repeat left top; padding-left:16px;}
.box02 .right-top-corner { background:url(images/corner_top_right.png) no-repeat right top; padding-right:16px;}
.box02 .border-top { background:#fff; height:16px; }

.box02 .left-bottom-corner { background:url(images/corner_bottom_left.png) no-repeat left bottom; padding-left:16px}
.box02 .right-bottom-corner { background:url(images/corner_bottom_right.png) no-repeat right bottom; padding-right:16px}
.box02 .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:16px; width:100%;}

.box02 .border-left { background:#fff; padding-left:16px;}
.box02 .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:16px;}
.box02 .xcontent { background:#fff; min-height:181px; height:auto !important;  height:181px;}

.box02 .indent-box{ padding:0 0 0 10px; }
.box02 .indent-box1{ padding:10px 5px 10px 10px; }
.box02 .indent-box2{ padding:10px 5px 10px 20px; }

/*footer*/
#footer { color:#797979; font-size:0.75em; text-align:center}
#footer .indent-footer{ padding:20px 25px 0 5px;}
#footer a {color:#797979; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

#footer ul{margin:0; padding:0 0 10px 65px; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:#fd6b00; text-decoration: underline; display:block; float:left; padding:2px 18px 2px 18px} 
#footer ul li a:hover { text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}

.jamp{ width:82px; height:18px; margin-left:3px; margin-right:7px; vertical-align:middle}
select{font-size:12px; color:#acacac; height:23px;	font-family: Arial, Helvetica, sans-serif;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:35px; background:url(images/bg_input.gif) no-repeat top left}
.h2{ height:136px; background:url(images/bg_input1.gif) no-repeat top left; width:259px}
.h1{ height:30px}
.block-contact span{ float:right; margin-right:50px}
.input{
	width:200px; height:12px;
	font-size:12px;
	color:#acacac;
	padding-left:10px;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
}
.inputdomein{
	width:300px; height:16px;
	font-size:12px;
	color:#acacac;
	padding-left:10px;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
}
.input1{
   	border:none; 
	background:none;
	width:254px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:none; 
	background:none;
	width:254px; height:127px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	
/* Image Slide */
.image{
	width:1000px;
	height:400px;
	margin-top:30px;
	position:relative;
	margin-left:30px;
}
.image h2{
	font-size:24px;
	font-weight:bold;
	color:white;
	text-shadow:1px 1px #233f10;
	font-family: 'Istok Web', sans-serif;
	background:rgba(65, 131, 17, 0.6);
	padding:7px 30px 7px 30px;
	position:absolute;
	top:30px;
	left:0;
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
}
/* Pricing Table Slide */
.ptables{
	padding:0;
	position:relative;
	height:460px;
	overflow:hidden;
	width:1060px ;
}
.jcarousel-next{
	background:url(images/arrow-right.png) top left no-repeat;
	width:10px;
	height:64px;
	position:absolute;
	top:250px;
	right:0;
	cursor:pointer;
	opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); 
	z-index:998;
}
.jcarousel-prev{
	background:url(images/arrow-left.png) top left no-repeat;
	width:10px;
	height:64px;
	position:absolute;
	top:250px;
	left:0;
	cursor:pointer;
	opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); 
	z-index:998;
}
.ptables .jcarousel-next,.ptables .jcarousel-prev{
	top:233px;
}
	ul.pricing{
		list-style:none;
		width:1000px;
		height:460px;
		padding:0;
	}
	.jcarousel-container{
		padding-left:30px;
	}
	.jcarousel-clip{
		width:1000px;
		padding-bottom:30px;
		overflow:hidden;
	}
	ul.pricing > li{
		width:241px !important;
		float:left;
		margin-top:35px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		margin-right:2px;
		position:relative;
		z-index:5;
	}
	ul.pricing > li ul li.title{
		
		height:100px;
		display:block;
		position:relative;
		padding:0;
		background:#f1f1f1 url(images/repeat-green.png) repeat-x top;
		border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
	}
	ul.pricing > li ul li.title h3{
		font-size:20px;
		color:white;
		text-shadow:1px 1px #043c6a;
		font-family: 'Istok Web', sans-serif;
		position:absolute;
		display:block;
		width:100%;
		margin:0;
		text-align:center;
		font-weight:bold;
		padding-top:15px;
		height:50px;
	}
	ul.pricing > li ul li.title h4{
		font-size:36px;
		font-weight:bold;
		color:white;
		text-shadow:1px 1px #043c6a;
		position:absolute;
		display:block;
		width:100%;
		font-family: 'Istok Web', sans-serif;
		margin:0;
		text-align:center;
		padding-top:40px;
		height:50px;
	}
	ul.pricing > li ul li.title h4 small{
		font-size:14px;
	}
	ul.pricing li ul li{
		padding:10px 20px 10px 20px;
		color:#444;
		font-size:13px;
		text-shadow:1px 1px white;
		list-style:none;
	}
	ul.pricing li ul li:nth-child(even){
		background:white;
	}
	ul.pricing li ul li:last-child{
		text-align:center;
		padding:20px;
	}
	ul.pricing li ul li:last-child a{
	  display:block;
	  background:url(images/signup.png) bottom center no-repeat;
	  width:121px;
	  height:26px;
	  font-weight:bold;
	  font-size:14px;
	  text-align:center;
	  color:white;
	  text-shadow:1px 1px black;
	  text-decoration:none;
	  padding-top:7px;
	  margin:0 auto;
	}
	ul.pricing li ul li.divider{
		height:1px;
		display:block;
		padding:0;
		background:#306608;
	}
	
	ul.pricing > li.highlight{
		width:271px !important;
		-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.45);
		-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.45);
		box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.45);
		z-index:10;
		position:relative;
		margin-top:25px;
	}
	ul.pricing li.highlight ul li.title{
		background:#f1f1f1 url(images/big-green-repeat.jpg) repeat-x top;
		height:115px;
		display:block;
		position:relative;
		padding:0;
	}
	ul.pricing li.highlight ul li.title h3{
		padding-top:15px;
		height:30px;
		font-size:27px;
	}
	ul.pricing li.highlight ul li.title h4{
		padding-top:45px;
		height:40px;
		font-size:48px;
	}
	ul.pricing li.highlight ul li{
		font-size:14px;
	}
	ul.pricing li.highlight ul li:last-child a{
	  display:block;
	  background:url(images/signup.png) top center no-repeat;
	  width:131px;
	  height:28px;
	  font-weight:bold;
	  font-size:15px;
	  text-align:center;
	  color:white;
	  text-shadow:1px 1px black;
	  text-decoration:none;
	  padding-top:8px;
	  margin:0 auto;
	}
	ul.pricing.green > li{
		background:#f1f1f1;
	}
	
/* Featured Pack Slide */
	.featuredpack ul.pricing > li, .featuredpack ul.pricing.green > li.highlight{
		width:500px !important;
		margin-top:30px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		position:relative;
	}
	.price-circle{
		position:absolute;
		right:30px;
		top:120px;
		background:url(images/feature-price.png) top left no-repeat;
		width:176px;
		height:146px;
		font-family: 'Istok Web', sans-serif;
		font-size:24px;
		color:#444;
		text-align:center;
		text-shadow:1px 1px white;
		padding-top:30px;
	}
	.price-circle strong{
		font-weight:bold;
		font-size:48px;
		color:#222;
	}
	.featuredpack{
	width:1060px;
	height:430px;
	padding-bottom:30px;
	position:relative;
}
	#featuredrotate{
		position:relative;
	}
	#featuredrotate > li{
		background:url(images/server.png) right no-repeat;
	}
		.featuredpack ul.pricing.green > li ul li.title h3,.featuredpack ul.pricing.green li.highlight ul li.title h3{
		font-size:25px;
		font-weight:bold;
		text-align:left;
		text-indent:30px;
		padding-top:15px;
		height:30px;
		line-height:30px;
	}
	.featuredpack ul.pricing.green > li ul li.title h4, .featuredpack ul.pricing.green li.highlight ul li.title h4{
		font-size:18px;
		font-weight:normal;
		text-align:left;
		text-indent:30px;
		padding-top:45px;
		height:40px;
	}
	.featuredpack ul.pricing.green li ul li.title{
		height:90px;
		padding-left:0;
	}
	.featuredpack ul.pricing li ul li{
		font-size:13px;
		padding-left:30px;
	}
	.featuredpack ul.pricing li ul li:last-child a, .featuredpack ul.pricing li.highlight ul li:last-child a{
	  display:block;
	  background:url(images/signup.png) bottom center no-repeat;
	  width:121px;
	  height:26px;
	  font-weight:bold;
	  font-size:14px;
	  text-align:center;
	  color:white;
	  text-shadow:1px 1px black;
	  text-decoration:none;
	  padding-top:7px;
	  margin:0 auto;
	}
	/* === Banner Controls === */
	.options{
		background:#1a1a1a ;
		float:left;
		width:233px;
		border:1px solid #000;
		position:relative;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		height:248px;
		margin-top:30px;
				-moz-box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.40);
		box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.40);
	}
	.options h3{
		color:white;
		text-shadow:1px 1px black;
		padding-left:30px;
		padding-top:30px;
		padding-bottom:10px;
	}
	.options ul{
		list-style:none;
	}
	.options ul li{
		font-family: 'Istok Web', sans-serif;
		margin:0;
		padding-bottom:1px;
		background:url(images/divider.jpg) repeat-x bottom;
	}
	.options ul li:last-child{
		padding-bottom:0px;
		background:none;
	}
	.options ul li a{
		font-size:14px;
		display:block;
		padding:9px 0 8px 0;
		padding-left:45px;
		color:#ddd;
		text-decoration:none;
		background:url(images/bullet.png) 30px 16px no-repeat;
	}
	.options ul li a:hover, .options ul li a.active{
		background:url(images/bullet.png) #000 30px 16px no-repeat;
		color:white;
	}