a{color:#2173af;text-decoration:none}
a:hover{text-decoration:underline}
body{color:#636b75;font:13px/18px century gothic,Arial,sans-serif;margin:0;padding:0}
h1,h2{color:#000;font:normal 30px/36px century gothic,Arial, sans-serif;margin:0 0 18px 0;padding:0}
h3{background:no-repeat 0 0;display:block;outline:none;}
h3.hidden{background:no-repeat 0 0;display:block;overflow:hidden;outline:none;text-indent:-9999em}
h5{color:#3e434a;font:bold 13px/18px century gothic,Arial,sans-serif;margin:0;padding:0}
img{border:none}li{margin-bottom:18px}
p{margin:0 0 18px 0;padding:0}
pre{white-space: pre-wrap;}
ul{}
fieldset { border:none;}
li{margin-bottom:9px}
#links{overflow:hidden;padding-left:0;padding-right:0;}
#site{background:url('bg_foot.png') repeat-x left bottom;text-align:center} 
#body{background:url('bg_body.jpg') no-repeat -13px 0;padding:45px 0 0 0;text-align:left;margin:0 auto;width:960px}
#content{float:right;width:705px}
#content.block{display:inline;float:left;width:465px}
#content.block2{float:right;width:215px}
#sub-content{float:left;width:222px}
#navigation{background:#061e4a url('bg_nav-00-content.jpg') no-repeat center top;height:55px;overflow:hidden} 
#navigation #nav-logo {width:350px}
#navigation #nav-logo a{background:url(/images/toplogo.jpg) no-repeat 0 -30px;padding-top:50px;height:0;left:0;top:2px;width:357px} 
#navigation ul{display:block;height:55px;list-style:none;margin:0 auto;padding:0;position:relative;width:960px}
#navigation ul li{margin-bottom:0;overflow:hidden;float:left;height:55px;}
#navigation ul li a{background-image:url('bg_nav-00.png');height:29px;position:absolute;}
#navigation ul li a span {display:none;}
#navigation #nav-portfolio a{background-image:url(/images/portfolio.png);background-position:left 0;right:470px;width:81px}
#navigation #nav-portfolio a:hover{background-position:left -52px}
#navigation #nav-portfolio a.current{background-position:left -52px}
#navigation #nav-tarieven a{background-image:url(/images/tarieven.png);background-position:left 0;right:439px;width:83px}
#navigation #nav-tarieven a:hover{background-position:left -52px}
#navigation #nav-tarieven a.current{background-position:left -52px}
#navigation #nav-weblog a{background-image:url(/images/weblog.png);background-position:left 0;right:183px;width:80px}
#navigation #nav-weblog a:hover{background-position:left -52px}
#navigation #nav-weblog a.current{background-position:left -52px}
#navigation #nav-inloggen a{background-image:url(/images/inloggen.png);background-position:left 0;right:0;width:87px}
#navigation #nav-inloggen a:hover{background-position:left -52px}
#navigation #nav-inloggen a.current{background-position:left -52px}
#navigation #nav-zencart a{background-image:url(/images/zencart.png);background-position:left 0;right:550px;width:76px}
#navigation #nav-zencart a:hover{background-position:left -52px}
#navigation #nav-zencart a.current{background-position:left -52px}
#navigation #nav-contact a{background-image:url(/images/contact.png);background-position:left 0;right:110px;width:80px}
#navigation #nav-contact a:hover{background-position:left -52px}
#navigation #nav-contact a.current{background-position:left -52px}
#navigation #nav-ideal a{background-image:url(/images/ideal.png);background-position:left 0;right:395px;width:77px}
#navigation #nav-ideal a:hover{background-position:left -52px}
#navigation #nav-ideal a.current{background-position:left -52px}
#navigation #nav-multisafepay a{background-image:url(/images/multisafepay.png);background-position:left 0;right:259px;width:140px}
#navigation #nav-multisafepay a:hover{background-position:left -52px}
#navigation #nav-multisafepay a.current{background-position:left -52px}

#header{background:url('bg_site.jpg') no-repeat center 55px;height:180px;margin:0 auto;position:relative}
#header h1 a{background:no-repeat 0 0;display:inline;height:39px;float:left;outline:none}
#footer{text-align:center}  
#footer .box{margin:0 auto;text-align:left}
#footer .block{margin:0 auto;text-align:center;width:960px;overflow:hidden;}
#footer .block p{margin:1px 0 4px 0} 
#footer .block2{background: #d4e0e6;padding:20px 0 28px 0;width:960px}
#footer label {display:block;color: #125e80;}
#footer .subFormText {color: #125e80;}
#footer .block2 p{font-size:12px;margin-bottom:6px}
#footer .copy {margin:3px auto 8px;padding-top:0;text-align:left;width:1000px;}
.ftop{height:20px;border-bottom:1px solid #eceeee;margin-bottom:11px;padding-bottom:5px;padding-bottom:13px}
.ieclear{display:none !important;height:1px}
.legals{color:#125e80;float:right;margin-top:1px;text-align:right;width:220px}
.legals a{color:#125e80;text-decoration:underline}
.legals a:hover{text-decoration:none}
.subFormText{color:#7c7c7c;white-space:nowrap;margin-bottom:5px;font-size:13px !important;font-weight:normal}
.links_extern{font-size:13px;margin-right:15px;color:#125e80;float:left;}
.links_extern a{color:#125e80 !important;text-decoration:none}
.links_extern a:hover{text-decoration:underline}
.links_extern a{font-weight:bold}
.links_extern img{float:left}
.links_extern span{margin-left:6px;float:left} 
body{}
#site{background:none}
#body{background:none;padding:0}
#content{overflow:hidden;float:none;width:960px;padding:10px;}
#content
.block{display:inline;float:left;width:470px}
#content .block2{float:right;width:470px}
#sub-content{} 
#navigation{background:#061e4a}
#navigation #nav-logo a{background-position:0 0}
#navigation ul li a{height:0;position:absolute;padding-top:52px;right:auto}
#header{background:url(/images/bg.jpg) no-repeat center 55px;height:420px;margin-bottom:27px}
#header #intro {height:260px;margin:0 auto;position:relative;right:auto;top:0;width:960px}
#ctas{left:50%;list-style:none;margin-left:-465px;padding:0;position:absolute;top:348px;width:460px}
#footer{overflow:hidden;background:none;background: #d4e0e6 url(/images/footerbg.png) repeat-x 0 0 ;} 
#links{background:none;list-style:none;padding-top:12px;}
#links ul{list-style:none;margin:0;padding:0}
#links li{display:inline;float:left;margin-bottom:0;padding:0;width:290px}
#links li li{display:block;float:none;margin-bottom:18px;padding:0;width:auto}
#links h3{height:38px;color:#797c80;font-size:11px;font-weight:normal;margin-bottom:3px;text-transform:uppercase}
#links #uithetblog{padding-right:10px;width:460px}
.meta{color:#b0b0b0}
h3 span.meta {color:#b0b0b0;font-size:12px;}
#links #uithetblog .comments-link{background:url('icon_comment.png') no-repeat left center;padding-left:20px}
#links #businesspartners{margin-left:20px;width:225px}
#footer #businesspartners p{margin-bottom:18px;padding-right:90px}
#footer #businesspartners ul{margin-bottom:18px} 
#footer #businesspartners li{margin-bottom:9px} 
#links #recenties{margin-left:20px;width:225px}
#links #recenties a{font-weight:bold;font-size:11px}
#links #uithetblog { padding-right:4px; width:460px; }
.main_items{list-style:none;margin:0 0 0 -10px;padding:0;width:490px}
.main_items.wide { width:960px;}
.main_items li{display:inline;float:left;margin:0 0 27px 15px;width:225px;height:135px;}
.main_items li.current {background:#efefef;}
.main_items a{display:block;margin-bottom:3px}
#trefwoorden{background-image:url(/images/trefwoorden.png);height:35px;margin:8px 0 12px 9px;width:216px} 
#no_cure_co_pay{display:inline;float:left;margin-right:11px;width:205px; padding: 0 10px;}
#tags{display:inline;float:left;width:234px} 
#tags ul{list-style:none;margin:0 -7px 0 0;padding:0 0 0 7px} 
#tags li{float:left;margin:10px 2px 2px 0;padding:0} 
#tags li a{background:url('bg_client-logos.png') no-repeat 0 0;display:block;overflow:hidden;}
#subscribe-form { float:left; position:relative; width:400px;}
div.story {
	overflow:hidden;
	padding:8px 6px 8px 4px;
	width:100%;
}
div.permalink{
	margin-top:10px;
}
div.share{
	margin-top:10px;
}
#header #intro{overflow:visible}
#footer .block2 { padding:20px 20px 28px; width:954px;display:block; }
#trefwoorden {
	overflow:hidden;
	text-indent:-9999em;
}
#weblog #content ul {
 	list-style: none;
 	padding-left: 10px;
}
h3.uithetweblog {
	background: url(/images/uithetweblog.png) no-repeat;
	display: block;
	overflow:hidden;
	text-indent:-9999em;
}
h3.recentiekop {
	background: url(/images/testimonials.png) no-repeat;
	display: block;
	overflow:hidden;
	text-indent:-9999em;
}
h3.businesspartners {
	background: url(/images/businesspartners.png) no-repeat;
	display: block;
	overflow:hidden;
	text-indent:-9999em;
}
.scrollable {
	position:relative;
	overflow:hidden;
	width: 498px;
	height:328px;
	position:absolute;
	right:0;
	top:13px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable a img {
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:470px;
	height:300px;
}

.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
#gratis-ideal{display:inline;float:left;}
#gratis-ideal a{display:block;height:40px;width:192px}

#gratis-ideal {
	background-image:url(/images/gratisidealaccount.jpg);
	display:inline;
	float:left;
	margin-right:48px;
	overflow:hidden;
	text-indent:-9999em;
}
#recentieknop{display:inline;float:left}
#recentieknop a{display:block;height:40px;width:192px}
#recentieknop {
	background-image:url(/images/recentiesknop.jpg);
	display:inline;
	float:left;

	overflow:hidden;
	text-indent:-9999em;
}
label {display:block;
float:left;
width:190px;}
#subscribe-form label {
	width:150px;
}
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(/images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(/images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(/images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 6px 0px 3px;
	color: #2173AF;
}
td ul {
	padding-left:0;
	list-style:none;
}
td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}
#zencart #header_small {
	background:  url(/images/zencartheader.png) no-repeat center 52px;
	height:141px;
}
#modules #header_small {
	background:  url(/images/modulesheader.png) no-repeat center 52px;
	height:141px;
}
#ideal #header_small {
	background:  url(/images/idealheader.png) no-repeat center 52px;
	height:141px;
}
#portfolio #header_small {
	background:  url(/images/portfolioheader.png) no-repeat center 52px;
	height:141px;
}
#multisafepay #header_small {
	background:  url(/images/multisafepayheader.png) no-repeat center 52px;
	height:141px;
}
#weblog #header_small {
	background:  url(/images/weblogheader.png) no-repeat center 52px;
	height:141px;
}
#contact #header_small {
	background:  url(/images/contactheader.png) no-repeat center 52px;
	height:141px;
}
#targetpay #header_small {
	background:  url(/images/targetpayheader.png) no-repeat center 52px;
	height:141px;
}
#paypal #header_small {
	background:  url(/images/paypalheader.png) no-repeat center 52px;
	height:141px;
}
#inloggen #header_small {
	background:  url(/images/inloggenheader.png) no-repeat center 52px;
	height:141px;
}
#algemenevoorwaarden #header_small {
	background:  url(/images/algemenevoorwaardenheader.png) no-repeat center 52px;
	height:141px;
}
#disclaimer #header_small {
	background:  url(/images/disclaimerheader.png) no-repeat center 52px;
	height:141px;
}
#recenties #header_small {
	background:  url(/images/recentiesheader.png) no-repeat center 52px;
	height:141px;
}
#maatwerkapplicaties #header_small {
	background:  url(/images/maatwerkheader.png) no-repeat center 52px;
	height:141px;
}

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
	margin-top:10px !important;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	outline:none;
}

ul.tabs a:active {
	outline:none;	
	outline:none;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
	outline:none;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
	outline:none;
}

ul.tabs a.w1 			{ background-position: -519px 0; width:134px; color:#fff;}
ul.tabs a.w1:hover 	{ background-position: -519px -31px;}
ul.tabs a.w1.current { background-position: -519px -62px;}

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; color:#fff;}
ul.tabs a.w2:hover 	{ background-position: -366px -31px;}
ul.tabs a.w2.current { background-position: -366px -62px;}


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; color:#fff;}
ul.tabs a.w3:hover 	{ background-position: -193px -31px;}
ul.tabs a.w3.current { background-position: -193px -62px;}

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px;color:#fff;}
ul.tabs a.w4:hover 	{ background-position: -0px -31px;}
ul.tabs a.w4.current { background-position: -0px -62px;}

div.panes div.pane {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	overflow:hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.panes div div.box {
	width: 204px;
	height: 160px;
	float:left;
	padding:17px 17px 0 17px;
}
div.panes div div.box.small {
	width: 204px;
	height: 110px;
}
div.panes div div.box div.overlay {
	display:none;
	border:1px solid #18739f;
	width:200px;
	height:150px;
}
div.panes div div.box.small div.overlay {
	width:200px;
	height:100px;
}
div.panes div div.box div.overlay h3 {
	margin:0 5px 13px;
	font-size:13px;
}
div.panes div div.box div.overlay li {
	margin-bottom:0;
	font-size:11px;
}

div.panes div div.box img {
	border:1px solid #18739f;
}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/images/icon/attention.png) 10px 50% no-repeat;}
span.attention a {color: #B79000 !important;font-weight: bold;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(/images/icon/notice.png) 10px 50% no-repeat;}
span.notice a {color: #648434 !important;font-weight: bold;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(/images/icon/alert.png) 10px 50% no-repeat;}
span.alert a {color: #CF3738 !important;font-weight: bold;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(/images/icon/download.png) 10px 50% no-repeat;}
span.download a {color: #1C6B8B !important;font-weight: bold;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(/images/icon/approved.png) 10px 50% no-repeat;}
span.approved a {color: #666 !important;font-weight: bold;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/images/icon/media.png) 10px 50% no-repeat;}
span.media a {color: #C76E34 !important;font-weight: bold;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/images/icon/note.png) 10px 50% no-repeat;}
span.note a {color: #B79000 !important;font-weight: bold;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/images/icon/cart.png) 10px 50% no-repeat;}
span.cart a {color: #666 !important;font-weight: bold;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/images/icon/camera.png) 10px 50% no-repeat;}
span.camera a {color: #666 !important;font-weight: bold;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/images/icon/doc.png) 10px 50% no-repeat;}
span.doc a {color: #C76E34 !important;font-weight: bold;}

span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}
span.number {color: #333;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}