/* Cocomo Webbeheer */

/* reset.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}body{background:#fff;color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:75%;line-height:1.5;}table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;width:100%;}caption,th,td{font-weight:400;text-align:left;}table,td,th{vertical-align:middle;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a img{border:none;}h1,h2,h3,h4,h5,h6{color:#111;font-weight:400;}h1{font-size:3em;line-height:1;margin-bottom:0.5em;}h2{font-size:2em;margin-bottom:0.75em;}h3{font-size:1.5em;line-height:1;margin-bottom:1em;}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}h5{font-size:1em;font-weight:700;margin-bottom:1.5em;}h6{font-size:1em;font-weight:700;}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}a:focus,a:hover{color:#000;}a{color:#009;text-decoration:underline;}blockquote{color:#666;font-style:italic;margin:1.5em;}sup,sub{line-height:0;}abbr,acronym{border-bottom:1px dotted #666;}address{font-style:italic;margin:0 0 1.5em;}del{color:#666;}pre{margin:1.5em 0;white-space:pre;}pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}li ul,li ol{margin:0 1.5em;}ul,ol{margin:0 1.5em 1.5em;}ul{list-style-type:disc;}ol{list-style-type:decimal;}dd{margin-left:1.5em;}thead th{background:#c3d9ff;}th,td,caption{padding:4px 10px 4px 5px;}tr.even td{background:#e5ecf9;}caption{background:#eee;}p,dl{margin:0 0 1.5em;}strong,dfn,dl dt,th{font-weight:700;}em,dfn,tfoot{font-style:italic;}

body			{background-color:#6090c0;color:#036;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;}
.left			{float:left;}
.right			{float:right;}
.clear			{clear:both;}
.clearer		{clear:both;display:block;font-size:1px;height:0;line-height:1px;margin:0;padding:0;}
.error			{background:#FBE3E4;border-color:red;color:#444;}
.notice			{background:#FFF6BF;border-color:#FFD324;color:#514721;}

/* @group Layout */
#container		{margin:0 auto;width:1000px;}
#masthead		{background-color:#fff;color:#fff;height:91px;position:relative;}

#home #breadcrumb {display: none;}
#home #main 	{background-image: none;}

	/* fix IE 6: improperly positioning  */
* html #masthead{height: 1px;}

#breadcrumb		{background-color:#F5F5F5;float:left;height:30px;width:1000px;}
#topnav			{background:#fff url(../images/primary-navigation-bg.png) repeat-x left;float:left;height:23px;margin:0;padding:0;width:1000px;}
#top			{background:url(../images/container-top.jpg) no-repeat top;float:left;height:10px;width:100%;}
#main			{background:#fff url(../images/content-bg.png) repeat-y left top;float:left;height:auto !important;margin:0;min-height:400px;padding:0;width:100%;}

#column_left	{float:left;margin-right:10px;width:20%;}
#column_right	{float:right;margin-left:10px;width:22%;}
#content		{float:left;margin-left:0;width:56%;}
#home #main		{background-color:#fff;background-image:none;padding-top:10px;}
#bottom			{background:url(../images/footer-bg.png) no-repeat;clear:both;height:11px;padding:0;width:1000px;}	
#home #bottom	{background:url(../images/sprite1.png) no-repeat -10px -1940px;}
#nav_site_info	{display:inline;float:right;margin:0;padding:0;}
.box			{padding-left:6px;padding-right:6px;}
#content .box	{padding-bottom:20px;padding-left:20px;}

div.rounded-box form{margin:0;padding:0 0 0 10px;}
div.rounded-box h1	{margin:0;padding:8px 0 0 10px !important;}
div.rounded-box h2	{margin:0;padding:8px 0 0 10px !important;}
div.rounded-box h3	{margin:0;padding:8px 0 0 10px !important;}

div.rounded-box p	{line-height:1.4em;margin:0 !important;padding:0 0 0 10px;}

/* @end */

/* @group Typography */

h1, h2, h3,h4 {
	color: #6595c5;
}
 
h1, h2 {
	font-family: "Trebuchet MS",Arial,Sans-serif
}

#main p {
	margin-bottom: 1em;
}

#main h1 {
	font-size:1.8em;
	line-height:1;margin-top: 0.3em;
	margin-bottom:0.4em;}

#main h2 {
	font-size:1.4em;
	font-weight: bold;
	margin:0.3em 0 0.2em 0;
}

#main h3 {
	font-size:1.2em;
	font-weight: bold;
	line-height:1;
	margin-bottom:0.3em;
	padding:4px 0 0 0;
}
#home h1,
#home h2 {
	font-size:1.2em;
	font-weight: bold;
	line-height:1;
	margin-bottom:0.3em;
	padding:4px 0 0 0;
}

#main h4 {
	font-size:1.1em;
	line-height:1.25;
	margin-bottom:0.3em;
}
#main h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.3em;
}

#main h6 {
	font-size:1em;
	font-weight:bold;
}

#main p.intro {
	font-weight: bold;
}

#main .more {
	text-align: right;
}

#main ul {
	margin-bottom: 18px;
	list-style: none outside;
}

#content ul li {
	list-style-type: square;
}

#tabs ul li {
	list-style: none;
}

#algemeen ul li {
	list-style-type: square;
	padding: 5px 0;
}


#main p > ol {
	margin-bottom: 18px;
	list-style: decimal;
	margin-left: 2.2em;
}

#main .sidebar {
	font-size: 14px;
	line-height: 18px;
	color: #686868;
}

.note {
	color: red;
}

a:link {color: #003366;}        /* specificity = 1,1 */
a:visited {color: #003366;}   /* specificity = 1,1 */
a:hover {color: #777; cursor: pointer;}    /* specificity = 1,1 */
a:active {color: #003366;}       /* specificity = 1,1 */



.striped {
	background-color: #EFF4F8;
}

blockquote { 
	width:500px; 
	margin:10px auto;
	position:relative; 
	left:0%;
	text-align:justify;
	line-height:1.3em; 
	padding-left:40px;
	background:url("../images/dq1.jpg") no-repeat top left; 
}
blockquote div { 
	padding-bottom:10px; padding-right:40px;
	background:url("../images/dq2.jpg") no-repeat bottom right; 
}

blockquote p { margin:0; margin-bottom:10px; }
blockquote cite { display:block; text-align:right; }


dt, dl, dd                { padding: 0; margin: 0; border: 0; }
div.faqs		  		  { margin-bottom: 30px; clear: both; }
div.faqs dt				  { padding: 3px 0 0 17px; margin: 0 0 1px; list-style-type:square; }
div.faqs dt.first         { border-top: 0; }
div.faqs dt.open		  { font-weight: bold; padding-left: 16px; }
div.faqs dd				  { margin: 0px 0 8px 17px; padding-left: 9px; }				      

/* @end */

/* @group Masthead */
 
	#masthead #logo {
		margin: 10px 0 0 10px;
		position: relative; /* jumping logo fix for IE */
	}

	#masthead #utilnav {
			position: absolute;
			right:10px;
			top:5px;
			color: #000;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
	
			#masthead #utilnav li {
				display:inline;
				padding:0 2px;
				text-decoration: none;
				float: left;
			}
			
			#masthead #utilnav li a {
				text-decoration: none;
				color: #000;
			}
			
			#masthead #utilnav .items {
				display: inline;
			}

			#masthead .login {
				color: #000;
			}
			
			#masthead p#welcome {
					position: absolute;
					right:20px;
					top:30px;
					color: #193565;
			}		

		#shopping_cart {
			float:right;
			line-height:1.5em;
			padding:5px 3px 14px 0;
			height:39px;
		}
		 
			#shopping_cart #actions {
				background:url("../images/bg_cart_actions.gif") no-repeat scroll 0 7px transparent;
				float:left;
				width:100px;
				padding:3px 0 0 8px;
			}
 
			#shopping_cart li {
				padding-left:14px;
			}

			.full_cart .cart_content{color:#666;float:left;padding:0 8px 0 10px;}
			.empty_cart{width:161px;}
			.empty_cart .cart_content{color:#666;padding:0 8px 0 14px;}
			.empty_cart p{color:#666;}
			.empty_cart #actions{display:none;}

/* @end */

/* @group Main navigation */

#topnav li {
	display: inline;
	margin: 0;
	color: #fff;
	font-size: 14px;
	float: left;
 	height: 23px;
 	position: relative;
}

#topnav li a {
	float: left;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 0 1px 0 #131218;
	padding: 0px 9px;
	height: 23px;
}

#topnav li a:hover {
	color: white;
	background: url(../images/sprite1.png) no-repeat -10px -10px;
}
 
#topnav li.current-selection a {
	background: url(../images/sprite1.png) no-repeat -10px -10px;
	color: white;
	font-weight: bold;
}
 
#topnav li.current-selection a:hover {
	color: #fff;
}



ul#topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 25px;
	float: left;
}
ul#topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/


#topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 22px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	background: url(../images/sprite1.png) no-repeat -10px -10px;
	color: white;
	font-weight: bold;
	
}

#topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 170px;
	background: url(../images/sprite1.png) no-repeat -10px -10px;
	color: white;
	font-weight: bold;	
}
html ul#topnav li ul.subnav li a {
	float: left;
	width: 100%;
	padding-left: 10px;
	
	background: url(../images/sprite1.png) no-repeat -10px -10px;
	color: white;
	font-weight: bold;
	
}
html ul#topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(../images/sprite1.png) no-repeat -10px -10px;
	color: #444;
	font-weight: bold;
}

/* @end */

/* @group Breadcrumb */

	#breadcrumb p{padding:5px 0 0 20px;}
	#breadcrumb.span{display:block;height:10px;top:30px;width:1000px;}

/* @end */

/* @group Site navigation */

#sidebarnav {
	padding: 0;
	margin: 0;
	padding-bottom: 25px;
	background: url(../images/navleft-bottom-bg.png) no-repeat bottom left;
	width: 223px;
}

	#sidebarnav h3 {
		margin: 0;
		padding: 4px 0 0 15px;
		font-weight: bold;
		font-size: 1.4em;
		height: 30px;
		background:  url(../images/navleft-item-bg.png) repeat-y left top;
	}	 
	
	#sidebarnav h4 {
		margin: 0;
		padding: 4px 0 0 0px;
		font-weight: bold;
		font-size: 1.2em;
		height: 30px;
		background:  url(../images/navleft-item-bg.png) repeat-y left top;
	}
	
	#sidebarnav ul {
		margin: 0;
		padding: 0;
		padding-left: 5px;
	}
	 
	#sidebarnav li a {
	}
	 
	#sidebarnav ul li {
		background:  url(../images/navleft-item-bg.png) repeat-y -5px top;
	}
	
	#sidebarnav ul li ul li {
		background: #fff url(../images/navleft-item-bg.png) repeat-y -10px top;
	}
	
	
	#sidebarnav ul.level2, 
	#sidebarnav ul.level1 {
		background:url(../images/dottedh.gif) repeat-x left top;
	}
	
	
	#sidebarnav a:hover {
		background: #fff url(../images/navleft-item-bg.png) repeat-y -5px top;
		color:#192839;
		color: #4373A4;
	}
	
	#sidebarnav ul li ul li a:hover {
		background: #fff url(../images/navleft-item-bg.png) repeat-y -10px top;
		color:#192839;
		color: #4373A4;
		padding-left: 15px;
	}
	#sidebarnav a, 
	#sidebarnav a:active {
		color:#1B3769;
		display:block;
		line-height:1.6;
		margin:0;
		padding:0.2em 15px;
		position:relative;
		text-decoration:none;
	}
	
	#sidebarnav li.active a {
		font-weight:bold;
	}


/* @end */

/* @group Bottom */

	#nav_site_info ul{margin:0 0 0 18px;}
	#nav_site_info ul li{display:inline;padding:0 2px;color: #fff}
	#nav_site_info li a{color:#fff;}
	#nav_site_info li a:hover{color:#bbb;}
	#copyright{color:#F9F9F9;float:left;padding:0 20px 0 0;text-align:right;}

/* @end */

/* @group Minicart */

	.minicart{background:transparent url('../images/box-bottom-210.png') no-repeat bottom left;margin-bottom:10px;min-height:78px;padding-bottom:10px;width:210px;}
	.minicart .top{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;padding:8px 0 0 7px;text-transform:uppercase;}
	.minicart .top img{float:left;margin-right:5px;}
	div.minicart h3{background:transparent url('../images/box-top-210.png') no-repeat top left;}
	div.minicart span h3{padding-left:10px !important;}
	div.minicart span td{padding:2px 6px;}
	div.minicart span td.btw{border-top:1px solid #444;}
/* @end */

/* @group Voorpagina */

#home #domeinregistratie,
#home #webdesign {
		background: transparent url('../images/sprite1.png') no-repeat scroll 314px -1971px;
		display: inline-block;
		font: normal 12px arial, sans-serif;
		padding-right: 18px; /* sliding doors padding */
		margin-bottom: 10px;
		overflow: hidden;
}

	#home #domeinregistratie div,
	#home #webdesign div {
		background: transparent url('../images/sprite1.png') no-repeat -10px -53px;
		display: inline-block;
		padding: 0;
		height: 86px;
		overflow: hidden;
		width:330px;
	}

#home #faq,
#home #contactbox {
	background: transparent url('../images/box-right.png') no-repeat scroll top right;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	padding-right: 18px; /* sliding doors padding */
	margin-bottom: 10px;
	overflow: hidden;
}

	#home #faq div,
	#home #contactbox div {
		background: transparent url('../images/sprite1.png') no-repeat -10px -53px;
		display: inline-block;
		padding: 0;
		height: 86px;
		overflow: hidden;
		width:263px;
	}

#domeinregistratie input#enter_domainname {
	border: 1px solid #6599cb;
	height: 21px;
	padding: 0;
	width: 166px;
	float: left;
}

#domeinregistratie select {
	border: 1px solid #6599cb;
	height: 23px;
	margin-left: 3px;
	float: left;
	width: 60px;

}


 #domein registratie inp ut.submit {
	background: transparent url(../images/button-home-domeinregistratie.png) no-repeat scroll top left;
	border: none;
	color: white;
	margin: 1px 0 0 3px;
	font:bold 12px Arial,Helvetica,sans-serif;
	width: 60px;
	height: 21px;
	float: left;

}


#domeinregistratie input.submit {
	background: transparent url(../images/my-application.png) no-repeat scroll -360px -120px ;
	border: none;
	color: #fff;
	font:bold 12px Arial,Helvetica,sans-serif;
	height:24px;
	line-height:18px;
	width: 80px;
	margin: 1px 0 0 3px;
	float: left;
}


#home #col3 {
	float: left;
	margin: 0px auto;
	overflow: hidden;
}

	#home #col3 li { 
		float:left; 
		height: 100px;
		display:block;
		margin-right: 4px;
		text-decoration:none;
		position: relative;
		overflow: hidden;
	}
	
	#home #col3 li#faq.last {
		margin-right: 0;
	}

#home ul.products  { 
	float:left; 
	margin: 30px auto;
	padding: 0; 
	overflow: hidden;
	width: 247px; 
	height: 250px;
	display:block;
	color: #000;
	text-decoration:none;
}

	#home ul.products li  {
		position: relative;
	}
	
	#home li#starter {
		background: white url(../images/sprite1.png) no-repeat -10px -464px;
		height: 244px;
		width: 175px;
	}
	
		#home li#starter .sticker {
			background: url(../images/buttons/sticker-starter.png) no-repeat left top;
			width: 66px;
			height: 66px;
		}

		#home li#starter a.button {
			background: transparent url(../images/sprite1.png) no-repeat -10px -728px;
			width: 93px;
			height: 33px;
			right: -34px;
		}

		#home li#starter a.moreinfo {
			right: -30px;
		}
	

	#home li#professional {
		background: white url(../images/sprite1.png) no-repeat -10px -781px;
		height: 244px;
		width: 175px;	
	}
		#home li#professional .sticker {
			background: url(../images/buttons/sticker-professional.png) no-repeat left top;
			width: 66px;
			height: 66px;
		}
		#home li#professional a.button {
			background: transparent url(../images/sprite1.png) no-repeat  -10px -1045px;
			width: 93px;
			height: 33px;
			right: -34px;
		}
		#home li#professional a.moreinfo {
			right: -30px;
		}

	#home li#business {
		background: white url(../images/sprite1.png) no-repeat -10px -1098px;
		height: 244px;
		width: 175px;	
	}
		#home li#business .sticker {
			background: url(../images/buttons/sticker-business.png) no-repeat left top;
			width: 66px;
			height: 66px;
		}

		#home li#business a.button {
			background: transparent url(../images/sprite1.png) no-repeat -10px -1362px;
			width: 93px;
			height: 33px;
			right: -34px;
		}
		#home li#business a.moreinfo {
			right: -30px;
		}
		
	#home li#advanced {
		background: white url(../images/sprite1.png) no-repeat -10px -1415px;
		height: 244px;
		width: 175px;	
	}
	
		#home li#advanced .sticker {
			background: url(../images/buttons/sticker-advanced.png) no-repeat left top;
			width: 66px;
			height: 66px;
		}

		#home li#advanced a.button {
			background: transparent url(../images/sprite1.png) no-repeat -10px -1679px;
			width: 93px;
			height: 33px;
			right: -34px;
		}
		
		#home li#advanced a.moreinfo {
			right: -30px;
		}
	
		#home li img {
			display:block;
		}

		#home ul.products li a.button {
			position: absolute;
			top:  175px;
			right: 40px;
		}

		#home ul.products li a.moreinfo {
			position: absolute;
			top:  210px;
			right: 45px;
		}


#home #col2 {
	float: left;
	margin: 0px auto;
	height: 86px;
	overflow: hidden;
}

	#home #col2 li { 
		float:left; 
		display:block;
		margin-right: 4px;
		text-decoration:none;
		overflow: hidden;
	}
	
		#home #col2 li#contactbox.last {
			margin-right: 0;
		}

#carousel li .black-white{ position:absolute; top:0px;}

#carousel {
	height: 84px;
	position: relative;
	width: 700px;
}

#carousel span.lb {
	background: url(../images/sprite1.png) no-repeat -10px -1732px;
	position: absolute;
	height: 84px;
	top:  0;
	left: 0;
	width: 19px;
}

#carousel span.rb {
	background: url(../images/sprite1.png) no-repeat -10px -1836px;
	position: absolute;
	height: 84px;
	top:  0;
	right: 0;
	width: 20px;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	margin-left: 19px;
	padding:0;
	width: 660px;
	height: 82px;
	background-color: #959595;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	overflow:hidden;
	width: 67px;
	height: 82px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}


.kwicks.horizontal #kwick_1 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_1 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/* @end */

/* @group Portfolio */

.portfolio-box {
	overflow: hidden;
	padding: 0; 
	margin: 20px auto;
	width:950px; 
	float: left;
}

	ul.portfolio-box li {
		float:left; 
		width: 235px; 
		height: 200px;
		display:block;
		text-decoration:none;
		margin: 0px 22px 0px 0px;
		
	}


ul.portfolio-box img {
	border: 1px solid #ccc;
	padding: 3px;
}


ul.portfolio-box li h2 {
	text-align: center;
	color: #6595c5;
}

ul.portfolio-box li h2 a {
	text-decoration: underline;
	text-align: center;
	color: #6595c5;
}

/* @end */

/* @group Inloggen */

#accountlogin {
	float: left;
	margin: 0px auto;
	width:550px;
	overflow: hidden;
	margin-top: 20px;
}

	 ul#accountlogin li {
		float:left; 
		background: #EEF1F6;
		border: 1px solid #99BCDC; 
		width: 240px;
		margin-left: 10px; 
		padding: 10px;
		min-height: 230px;
		list-style-type: none;
	}

 #account input.submit {
	background: transparent url(../images/my-application.png) no-repeat scroll -360px -120px ;
	border: none;
	color: #fff;
	font:bold 12px Arial,Helvetica,sans-serif;
	height:24px;
	line-height:18px;
	width: 80px;
	clear: both;
	margin: 10px 0 0 170px;
}


input[type="submit"]:hover {
	color: #444!important;
}

#first_time_register {
		background:white url("../images/my-application.png") no-repeat scroll right -96px ;
		color:white;
		display:block;
		height:24px;
		text-decoration:none;
		font:bold 12px Arial,Helvetica,sans-serif;
		padding-right:9px;
		width: 80px;
}

	#first_time_register  strong {
		background: white url("../images/my-application.png") no-repeat scroll -300px -96px;
		color:white;	
		display:block;
		height:24px;
		line-height:24px;
		padding-left:9px;
		text-decoration:none;
		text-shadow:0 1px 0 #131218;
	}

/* @end */

/* @group Formulieren */

label {
    float: left;
    width: 11em;
    width: 160px;
    margin-right: 1em;
}

label em {
	color: red;
}
form p {
    margin: 3px 0 !important;
}

legend {
	font-size: 14px;
	font-weight: bold;
	color: #6595C5;
}
 
input {
 	margin: 0;
	border: 1px solid #669ACC;
	padding: 3px;
	color: #003366;
}

input[type="radio"], input[type="checkbox"]  {
	border: none;
	margin: 3px;
}

fieldset {
	margin-top: 20px;
}


/* @end */

/* @group Domeinnamen */

/* @group Process Nav */

#status {
	height: 30px;
	display: block;
	color: #aaa;
	font-size: 100%!important;
}

#status h3 {
	display: inline;
}

#status strong {
	font-weight: bold;
	color: #1B3769;
}
ol.process_nav {
	height:32px;
	margin:0 0 7px 4px !important;
	padding:0;
	width:550px;
	float: left;
}

	ol.process_nav li {
		display:block;
		float:left;
		height:24px;
		margin:0 1px;
		width: 100px;
		text-align: left;
		overflow: hidden;
	}

	ol.process_nav li, 
	ol.process_nav li a:hover, 
	ol.process_nav li span {
		color:#EFF4F8;
		display:block;
		float:left;
		font-size:14px;
		font-weight:bold;
		height:24px;
		padding:4px 4px 0;
		text-decoration:none;
		color: #ccc;
	}

	ol.process_nav li.selected, 
	ol.process_nav li a.selected:hover {	
		border-bottom: none;
		text-decoration: none;
		color:#333;
	}

/* @end */

/* @group Domain legend */

	#legenda {
		background: transparent url('../images/box-bottom-210.png') no-repeat bottom left;	
		min-height: 200px;
		padding-bottom: 10px;
		width: 210px;
	}

	#legenda h3 {
		background: transparent url('../images/box-top-210.png') no-repeat top left;
	}

	#legenda span h3 {
		padding-left: 10px !important;
	}


.domainlegend { padding: 0 10px;}
.domainlegend ul{ float: left; margin: 0; padding: 0; }
.domainlegend li{ line-height: 200%; color: #444;}
.domainlegend li img { margin-right: 4px; }

/* @end */

table  {
	border-collapse:collapse;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
	table-layout:fixed;
}

td {
	padding: 2px 4px;
	white-space: nowrap;
}
thead th {
	background: none;
}

th {
	padding:4px 2px;
}

.tld-overzicht thead th {
	background: none;
	color: #6595c5;
}

.tld-overzicht {
	margin-bottom: 20px;
}

.tld-overzicht thead tr,
.tld-overzicht tfoot tr {
	border-bottom: 1px solid #ccc;
	
}

.tld-overzicht td.first,
.tld-overzicht th.first {
	width: 260px !important;
}

.tld-overzicht td.first,
.tld-overzicht th.first {
	width: 250px !important;
}

.tld-overzicht td.flag,
.tld-overzicht th.flag {
	width: 20px!important;
}

.tld-overzicht td.country,
.tld-overzicht th.country {
	width: 20px!important;
}

.tld-overzicht td.price,
.tld-overzicht th.price {
	width: 50px!important;
}

.tld-overzicht td.status,
.tld-overzicht th.status {
	width: 30px!important;
}

.tld-overzicht td.last,
.tld-overzicht th.last {
	width: 100px!important;
}

#domeinnamen #domeinregistratie,
#bestellen #domeinregistratie {
		background:url("../images/box-right.png") no-repeat scroll right top transparent;
		display: inline-block;
		font: normal 12px arial, sans-serif;
		padding-right: 18px; /* sliding doors padding */
		margin-bottom: 10px;
		overflow: hidden;
}

	#domeinnamen #domeinregistratie span,
	#bestellen #domeinregistratie span {
		background: transparent url('../images/sprite1.png') no-repeat -10px -53px;
		display: inline-block;
		padding: 0;
		height: 86px;
		overflow: hidden;
		width: 522px;	
	}

/* @end */

/* @group Webhosting */

table.hostingoverzicht td,
table.hostingoverzicht th {
	text-align: center;
	font-size: 12px;
}

table.hostingoverzicht td.left,
table.hostingoverzicht th.left {
	text-align: left;
	font-weight: bold;
	width: 35%;
}

.ui-tabs .ui-tabs-panel {
	padding: 0!important;
}


/* @end */

/* @group Webdesign */



/* @end */

/* @group Support */



/* @end */

/* @group Contact */

#contact input.submit {
	background: transparent url(../images/my-application.png) no-repeat scroll -360px -120px ;
	border: none;
	color: #fff;
	font:bold 12px Arial,Helvetica,sans-serif;
	height:24px;
	line-height:18px;
	width: 80px;
	margin: 10px 0 0 168px;
}

#contact textarea {
	margin-left: 170px;
	width: 400px;
	border:  1px solid #669ACC;
}

/* @end */

/* @group Bestellen */

ul#kies_pakket a {
		background:white url("../images/my-application.png") no-repeat scroll right -189px ;
		color:white;
		display:block;
		height:24px;
		text-decoration:none;
		font:bold 12px Arial,Helvetica,sans-serif;
		padding-right:9px;
}

		ul#kies_pakket a strong {	
			background: white url("../images/my-application.png") no-repeat scroll -64px -189px;
			color:white;	
			display:block;
			height:24px;
			line-height:24px;
			padding-left:24px;
			text-decoration:none;
			text-shadow:0 1px 0 #131218;
		}

ul#kies_pakket a:hover {
		background:white url("../images/my-application.png") no-repeat scroll right -213px ;
		color:white;
		display:block;
		height:24px;
		text-decoration:none;
		font:bold 12px Arial,Helvetica,sans-serif;
		padding-right:9px;
}

		ul#kies_pakket a:hover strong {	
			background: white url("../images/my-application.png") no-repeat scroll -64px -213px;
			color:white;	
			display:block;
			height:24px;
			line-height:24px;
			padding-left:24px;
			text-decoration:none;
			text-shadow:0 1px 0 #131218;
		}

ul#kies_pakket li {
	padding: 3px 0;
	list-style-type: none;
}

#bestellen input.submit {
	background: transparent url(../images/my-application.png) no-repeat scroll -360px -120px ;
	border: none;
	color: #fff;
	margin: 1px 0 0 3px;
	font:bold 12px Arial,Helvetica,sans-serif;
	height:24px;
	width: 80px;
	margin: 0px 0 0 3px;
	float: left;
}

/* @end */

/* @group Cart */

.winkelwagen  {
	border-collapse:separate;
	margin:0;
	padding:0;
	width:550px;
	font-size:12px !important;
	table-layout:fixed;
}

.winkelwagen th  {
	font-weight:bold;
	vertical-align:inherit;
	color:#1A3668;
	font-weight:bold;
	padding:4px 4px;
	text-align:left;
}

.winkelwagen td  {
	display:table-cell;
	text-align:inherit;
	vertical-align:inherit;
	color:#1A3668;
	padding:2px 4px;
	font-size: 100%;
}

.winkelwagen td.tax,
.winkelwagen td.total {
	font-weight: bold;
	text-align: right;
}
.winkelwagen td.tcol1 {
	width: 400px;
}
.winkelwagen td.tcol2 {
	width: 90px;
}
.winkelwagen td.tcol3 {
	width: 60px;
}

.winkelwagen td hr {
	width: 550px;
	border:none;
	height: 1px;
	color: #666;
	background-color: #666;
}
.winkelwagen td.right {
	text-align: right;
}

.winkelwagen td.description,
.winkelwagen th.description {
	width: 400px;
	text-align: left;
	vertical-align: top;
	border-right: none;
}

.winkelwagen td.subtotal {
}

.winkelwagen td.total {
}

.winkelwagen td.price,
.winkelwagen th.price {
	width: 100px;
	text-align: right;
	vertical-align: top;
	border-left: none;
	border-right: none;
}

.winkelwagen td.action,
.winkelwagen th.action {
	width: 60px;
	text-align: center;
	vertical-align: top;
	border-left: none;
}
/* @end */

/* @group Buttons */

.button_gray {
		background:white url("../images/my-application.png") no-repeat scroll right -60px ;
		color:white;
		display:block;
		height:18px;
		text-decoration:none;
		font:bold 12px Arial,Helvetica,sans-serif;
		padding-right:9px;
		width: 80px;
}

	.button_gray  strong {
			background: white url("../images/my-application.png") no-repeat scroll -300px -60px;
			color:white;	
			display:block;
			height:18px;
			line-height:18px;
			padding-left:9px;
			text-decoration:none;
			text-shadow:0 1px 0 #131218;
	}


.button_gray_disabled {
		background:white url("../images/my-application.png") no-repeat scroll right -78px ;
		color:#777;
		display:block;
		height:18px;
		text-decoration:none;
		font:bold 12px Arial,Helvetica,sans-serif;
		padding-right:9px;
		width: 80px;

}

	.button_gray_disabled strong {
			background: white url("../images/my-application.png") no-repeat scroll -300px -78px;
			color:#444;	
			display:block;
			height:18px;
			line-height:18px;
			padding-left:9px;
			text-decoration:none;
	}


.page-nav  {
	height: 30px;
	clear:both;
	margin:10px 18px 10px 0;
}
	.page-nav a {	
		background:white url("../images/my-application.png") no-repeat scroll right -40px ;
		color:white;
		display:block;
		float:left;
		height:20px;
		text-decoration:none;
		font:bold 12px Arial,Helvetica,sans-serif;
		padding-right:9px;
	}

		.page-nav a strong {	
			background: white url("../images/my-application.png") no-repeat scroll -300px -40px;
			color:white;	
			display:block;
			height:20px;
			line-height:20px;
			padding-left:9px;
			text-decoration:none;
			text-shadow:0 1px 0 #131218;
		}

		.page-nav a.next {
			float:right;
		}

.submit a {
	background:url("../images/my-application.png") no-repeat scroll right -40px transparent;
	color:white;
	display:block;
	float:left;
	height:20px;
	text-decoration:none;
	font:bold 12px Arial,Helvetica,sans-serif;
	padding-right:9px;
}

	.submit a strong {
		
	}
	
a.butPrimary span.disabled {
	background:url("../images/my-application.png") no-repeat scroll right 0 transparent;
	cursor:pointer;
	display:block;
	height:20px;
	color: #999;
	padding-left:20px;
	text-align: center;
}


.butPrimary:hover {
	background:url("../images/my-application.png") no-repeat scroll -303px -59px transparent;
	color:#d2dce9;
}
.butPrimary:hover span {
	background:url("../images/my-application.png") no-repeat scroll -303px -59px transparent;
}


/* @end */


	.contact {
		background: transparent url('../images/box-right.png') no-repeat scroll top right;
		display: inline-block;
		font: normal 12px arial, sans-serif;
		padding-right: 18px; /* sliding doors padding */
		margin-bottom: 10px;
		clear: both;
		overflow: hidden;
		
	}
	
	.contact span {
		background: transparent url('../images/box-left.png') no-repeat;
		display: inline-block;
		padding: 0;
		width:187px;
		margin-left: 5px;
		height: 86px;
		overflow: hidden;
	}

/* @group Marketing */
#email #content {
	width: 75%;
}

#marketingprices {
	width: 50%;
	margin-left: 60px;
}



#marketingprices thead th {
	background: none;
	color: #6595c5;
}

#marketingprices thead tr {
	border: 1px solid #ccc;
}

#marketingprices tbody {
	border: 1px solid #ccc;

}

#marketingprices tfoot tr {
	border: none;
}
#marketingprices tfoot td {
	font-style: normal;
	text-align: center;
}

#promo {
	float: left;
	overflow: hidden;
	list-style: none outside none;
} 

#triggers img {
-moz-border-radius:4px 4px 4px 4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
cursor:pointer;
margin:2px 5px;
padding:2px;
}

li.marketingbox {
	background: transparent url('../images/box-bottom-210.png') no-repeat bottom left;	
	padding-bottom: 10px;
	margin-bottom:10px;
	width: 210px;
	float: left;
	overflow: hidden;
	margin: 0 2px;
}
	.marketingbox .top {
		padding: 8px 0px 0px 7px;
		color: #000000;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}
		.marketingbox .top img {
			float: left;
			margin-right: 5px;
		}

	.marketingbox h3 {
		background: transparent url('../images/box-top-210.png') no-repeat top left;
	}
	
		.marketingbox  h3,
		.marketingbox  p,
		.marketingbox  img {
			padding-left: 10px !important;
			text-align: left!important;
		}
		.marketingbox  h3 {
		}
		
		

/* @end */
.imgborder {
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:10px 25px 5px 25px;
	padding:2px;
}

div.faqs dl {
	position: relative;
}
div.faqs dl dd.toggle-handle {
	left:0;
	top:2px;
	height:22px;
	position:absolute;
	width:20px;
	background:  red url('../images/icons/bullet_toggle_plus.png') no-repeat left top;
}

.sitemap {
	background:url("../images/sitemap.png") no-repeat scroll center top transparent;
	margin:30px 0;
	width:1000px;
	height: 152px;
}

ul#sitemap  {
	padding:20px 20px;
	overflow:auto;
	position:relative;
	width:100%;
	list-style: none;
}
ul#sitemap li {
	background:none repeat scroll 0 0 transparent;
	float:left;
	margin:0 45px 0 0;
	padding:0;
	position:relative;
}
ul#sitemap li h2 {
	margin: 0;
	padding: 0;
	font:12px/18px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	display: inline;
	color: #666;
	font-weight: bold;
}

ul#sitemap li a, ul#sitemap li a:hover {
	color:#666;
	font:12px/18px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	text-decoration:none;
}
ul#sitemap li a.main, ul#sitemap li a.main:hover {	
	color:#666;
	font:bold 13px/18px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	text-decoration:none;
}
ul#sitemap li a:hover {
	text-decoration:underline;
}