/* RESET.CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
ol, ul {
	list-style: none;
}*/


body
{
	background:#ffffff url(../img/body-bg.png) repeat-x top left;
	
	font-family:Verdana, Tahoma, Arial;
	font-size:62.5%;
	
}

div#wrapper
{
	background:#ffffff url(../img/site-bg.png) repeat-x top left;
	
	width:950px;
	min-height:318px;
	
	margin:0px auto;
}

div#sidebar
{
	max-width: 240px;
	
	padding-left:27px;
	padding-top: 267px;
}

div#sidebar div#pagenavigation
{
	background-image:url(../img/pagenav_bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	
	width:237px;
	border:1px solid #d8d8d9;
	
	margin: 6px 0px 10px 0px;
	padding: 22px 15px 0px 15px;
	padding-bottom:15px;
}

	div#sidebar div#pagenavigation ul
	{
		max-width:267px;
		
		list-style: none;
		list-style-type: none;
	}

	div#sidebar div#pagenavigation ul li.header
	{
		background-image:url(../img/pagenav_header_bg.png);
		background-repeat:repeat-x;
		background-position: top;
		
		width: 229px;
		
		font-size:1.2em;
		height:22px;
		padding-top:8px;		
		padding-left:10px;
		padding-bottom:0px;
		
	}
	
	div#sidebar div#pagenavigation ul li.header:hover
	{
		background-image:url(../img/pagenav_header_bg.png);
		background-repeat:repeat-x;
		background-position: top;
		background-color:#fff;
		
	}
	
	div#sidebar div#pagenavigation ul li
	{
		background-image:url(../img/line_bg.png);
		background-position:bottom left;
		background-repeat:no-repeat;
		
		font-size:1.1em;
		
		padding:10px 0px 10px 5px;
		font-size:1.1em;
		color:#5a5a5b;
		min-height:10px;
		height:10px;   /* IE6 */
		line-height:1.2;
		max-width:229px;
		width:229px;		
	}
	
	div#sidebar div#pagenavigation ul li.active
	{
		background-color:#eeeeee;
		color:#007bc0;
	}
	
	div#sidebar div#pagenavigation ul li a
	{
		padding:0px 0px 6px 10px;
		display:block;
	}
	
	div#sidebar div#pagenavigation ul li a:hover
	{		
		color:#ffffff;
		color:#007bc0;
	}
	
	div#sidebar div#pagenavigation ul li:hover
	{
		background-color:#eeeeee;
	}
	div#sidebar div#pagenavigation ul li:hover a
	{
		color:#007bc0;
	}
	
	div#sidebar div#pagenavigation ul li a, #pagenavigation ul li a:visited, #pagenavigation ul li a:active
	{
		color:#5a5a5b;
		text-decoration:none;
	}
	

	div#sidebar div#pagenavigation ul li h3, #newsletter h3
	{
		font-size:1.1em;
		color:#fff;
	}
	
	div#sidebar div#pagenavigation ul li.last
	{
		background-image:none;
		margin-bottom:10px;
	}

	div#sidebar div#pagenavigation ul li.active
	{
		background-color:#eeeeee;
		color:#007bc0;
	}
	div#sidebar div#pagenavigation ul li.active a
	{		
		color:#007bc0;
	}


div#sidebar div#bestellen
{
	margin-bottom:10px;
}
	
	div#sidebar div#bestellen a
	{
		background:#fff url(../img/bestellen-banner.png) no-repeat 0px 0px;
		display:block;
		
		width:267px;
		height:51px;
	}

	div#sidebar div#bestellen a:hover
	{
		background:#fff url(../img/bestellen-banner.png) no-repeat 0px -51px;
	}

div#sidebar div#newsletter
{
	background-image:url(../img/newsletter_bg.png);
	background-repeat:no-repeat;
	
	width: 235px;
	height: 60px;
		
	border:1px solid #055198;
	margin:0px 0px 00px 0px;
	padding: 15px 15px 0px 15px;
}

	div#sidebar div#newsletter h3
	{
	 font-size:1.2em;
	 line-height:1.5;
	 padding-bottom:15px;
	}
	
div#sidebar ul#logos
{
	list-style-type: none;
	list-style: none;
	
	width:267px;
	margin-bottom:10px;
}	

	div#sidebar ul#logos li
	{
		margin-top:25px;
	}

	div#sidebar ul#logos li a#promosolutions
	{
		width:267px;
		height:88px;
		display:block;
		background:#fff url(../img/promosolutions-logo.png) no-repeat top left;

	}
	
	div#sidebar ul#logos li a#ZZP
	{
		width:267px;
		height:88px;
		display:block;
		background:#fff url(../img/zzp-logo.png) no-repeat top left;
	}




div#content
{
	max-width:590px;
	width:590px;
	padding-right:21px;
	padding-top: 271px;
	margin-bottom:110px;
}

div#content ul#breadcrumbnavigation
{
	list-style: none;
	list-style-type:none;
	
	margin-bottom:30px;
}

	div#content ul#breadcrumbnavigation li
	{
		color:#0082c8;
		font-size:1.1em;
		display:inline;
	}
	
	div#content ul#breadcrumbnavigation li.visited a, div#content ul#breadcrumbnavigation li.visited a:visited, div#content ul#breadcrumbnavigation li.visited a:active
	{
		color:#0082c8;
		text-decoration: underline;
	}
	
	div#content ul#breadcrumbnavigation li.visited a:hover
	{
		text-decoration: none;
	}

div#content h2
{
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:20px;
}

div#content p
{

	margin-bottom:20px;
}

div#content a
{
		text-decoration:underline;
		font-weight:bold;
		color:#0082c8;
}

div#content a:hover
{
		text-decoration:none;
		font-weight:bold;
		color:#0082c8;
}

div#content h2, div#content p, div#content ul li, div#content dl dt, div#content dl dd
{
	color:#5b5b5b;
}
div#content p, div#content ul li, div#content dl dt, div#content dl dd
{
	font-size:1.1em;
	line-height:1.5;
}

div#content dl
{
	margin-bottom:20px;
}

	div#content dl dt
	{
		display:list-item;
		font-weight:bold;
		list-style-type: bullet;
		list-style-position: inside;
	}
	
	div#content dl dd
	{
		margin-bottom:20px;
	}

	div#content ul
	{
		list-style-type: bullet;
		list-style-position: inside;
		margin-bottom:20px;
	}	
	div#content ul li
	{
		font-weight:bold;
	}

div#content dl#pricelist
{
	width:573px;
	height:141px;
	
	list-style-type: none;
	list-style: none;
	
	background:#fff url(../img/pricelist-bg.png) no-repeat top left;
	margin-bottom:20px;
}

	div#content dl#pricelist dt.term
	{
		font-size:2em;
		font-weight:normal;
		color:#5b5b5d;
		float:left;
	
		margin-left: 25px;
		margin-top: 50px;
	}

	div#content dl#pricelist dd.price
	{
		font-size: 3.8em;
		font-weight:bold;
		color:#5b5b5b;
		float:left;
		padding-top: 30px;
	}

	div#content dl#pricelist dt.membersterm
	{
		font-size:1.1em;
		font-weight:normal;
		color:#ec8800;
		float:left;
	
		margin-left: 68px;
		margin-top: 8px;
	}

	div#content dl#pricelist dt.last
	{
		margin-left:140px
	}

	div#content dl#pricelist dd.membersprice
	{
		font-size: 2em;
		font-weight:bold;
		color:#ec8800;
		float:left;
	}


/*Sjablonen.html */
div#content div.sjabloon-medium
{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	width: 276px;
	height: 290px;
	border:1px solid #bebec0;
}

	div#content div.sjabloon-medium p 
	{
		margin-left:15px;
		text-decoration: none;
		border-bottom:none;
		
	}
	
	div#content div.sjabloon-medium a, div#content div.sjabloon-medium img
	{
		border:none;
		font-weight:normal;
		text-decoration:none;
	}
	
	
	
	div#content div.sjabloon-medium input.sjabloon-cta, div#content div.sjabloon-medium a.sjabloon-cta
	{
		height:22px;
		width:22px;
		display:block;
		
		margin-top:-37px;
		margin-left:240px;
		
		background:#fff url(../img/CTA.png) no-repeat 0px 0px;
		background-image:url(../img/CTA.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		border:none;
		cursor:pointer;
	}
	
	div#content div.sjabloon-medium input.sjabloon-cta:hover, div#content div.sjabloon-medium a:hover input.sjabloon-cta
	{
		background:#fff url(../img/CTA.png) no-repeat 0px -22px;
	}
	
/*einde Sjablonen.html styles */


/*Sjabloon.html*/
div#content div.sjabloon-large
{
	float:left;
	margin-bottom:60px;
}

div#content div.sjabloon-large img
{
	float:left;
}

div#content div.sjabloon-large input.sjabloon-zoom-cta, div#content div.sjabloon-small input.sjabloon-zoom-cta, div#content div.sjabloon-small-last input.sjabloon-zoom-cta, .sjabloon-zoom-cta
{
	float:left;
	height:22px;
	width:22px;
	
	margin-left:5px;
	margin-top:3px;
	
	background:#fff url(../img/zoom-CTA.png) no-repeat 0px 0px;
	border:none;
	cursor:pointer;
}
	
	div#content div.sjabloon-large input.sjabloon-zoom-cta:hover, div#content div.sjabloon-small input.sjabloon-zoom-cta:hover, div#content div.sjabloon-small-last input.sjabloon-zoom-cta:hover, .sjabloon-zoom-cta:hover
	{
		background:#fff url(../img/zoom-CTA.png) no-repeat 0px -22px;
	}

div#content div.sjabloon-small, div#content div.sjabloon-small-last
{
	float:left;
	margin-right:15px;
	margin-bottom:40px;
}

div#content div.sjabloon-small img, div#content div.sjabloon-small-last img
{
	float:left;
}

div#content a.backbutton
{
	background:#fff url(../img/backbutton.png) no-repeat top left;
	padding-top:6px;
	padding-left:30px;
	font-size:1.1em;
	height:16px;
	display:block;
	color:#5b5b5b;
	text-decoration:none;
}
div#content a.backbutton:hover
{
	background:#fff url(../img/backbutton.png) no-repeat 0px -22px;
	text-decoration:underline;
}


/*einde Sjabloon.html styles */


/*Module1.html*/

div#content table
{
	width:100%;
	font-size:1.1em;
	border:1px solid #bebec0;
	margin-bottom:20px;
	border-spacing: 0px; 
	border-collapse: collapse;
}

div#content table tr.headers td
{
	padding-top:3px;
	height:20px;
	border-bottom:1px solid #bebec0;
}

div#content table tr td:first-child, div#content table tr.feature td ul li, div#content table tr td.featuredesc
{
	padding-left:10px;
}

div#content table tr.feature td ul li
{
	padding-top:0px;
	margin-top:15px;
}

div#content table tr td
{
	font-weight:bold;
	color:#5b5b5b;
}

div#content table tr.feature td.priceonce,div#content table tr.feature td.pricemonthly
{
	color:#ec8800;
}

div#content table tr.feature td.priceonce span.desc,div#content table tr.feature td.pricemonthly span.desc
{
	
	font-weight:normal;
}

div#content table tr.feature
{
	font-size:0.9em;
}

div#content table tr.feature
{
	height:42px;
	background:#fff url(../img/tr-bg.png);
}

div#content table tr.feature td
{
	vertical-align: middle;
}

div#content table tr.feature td.readmore
{
	padding-top:0px;
}

div#content table td.featuredesc
{
	font-weight:normal;
	line-height:1.4;
	padding-bottom:10px;
	border-bottom:1px solid #bebec0;
}

div#content table td.last
{
	border-bottom:none;
}

/*div#content table tr td input.readmore
{
	width:18px;
	height:18px;
	background-image:url(../img/readmore.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	border:none;
	cursor:pointer;
}*/

div#content table tr td a.readmore 
{
	display: block;
	width:18px;
	height:25px;
	background-image:url(../img/readmore.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#content table tr td a.readmore:hover
{
	background-position: 0px -25px;
}

div#content table tr td input.readmore:hover
{
	width:18px;
	height:18px;
	background:url(../img/readmore.png);
	background-repeat: no-repeat;
	background-position: 0px -18px;
	border:none;
}

div#content span.explanation
{
	font-size:0.9em;
	color:#5b5b5b;
}



/*einde Module1.html styles*/


/*Module2.html*/

div#content ul.features li span.featuredesc
{
	font-weight:normal;
}

div#content ul.features li
{
	margin-bottom:20px;
}

div#content ul.features
{
	margin-bottom: 40px;
}

div#content div.pricelist-small
{
	width:575px;
	height:49px;
	
	background-image:url(../img/pricelist-small.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	padding-top:7px;
	margin-bottom:40px;
}
div#content div.pricelist-small dl
{
	margin-left:110px;
}
div#content div.pricelist-small dl dt.term
{
	font-size:1.6em;
	font-weight:normal;
	display:inline;
}
div#content div.pricelist-small dl dd.price
{
	display: inline;
	font-size:2.4em;
	font-weight: bold;
	margin-right:40px;
}

/*einde Module2.html styles*/

/*Zoekmachine.html*/

/*einde Zoekmachine.html styles*/

/*bestellen.html*/

div#content div#orderform
{
	width:100%;
	font-size:1.1em;
	border:1px solid #bebec0;

	color:#5b5b5b;
	margin-bottom:30px;
}

div#content div#orderform span.explanation
{
	font-size:1.1em;
	font-weight:bold;
	padding-top:8px;
	height:17px;
	display:block;
	border-bottom: 1px solid #bebec0;	
	padding-left:15px;
}

div#content div#orderform fieldset label
{
	padding-left:15px;
	width: 170px;
	float:left;
	color:#5b5b5b;
	
	line-height:1.4;
}

div#content div#orderform fieldset h2
{
	padding-left:15px;
	color:#5b5b5b;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:20px;
	line-height:1.4;
}

div#content div#orderform fieldset label.radiolabel
{
	font-weight:bold;
	width:100%;
	margin-top:20px;
	margin-bottom:10px;
}

div#content div#orderform fieldset p
{
	font-weight:none;
	width:550px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:15px;
	font-size:1.0em;
}

div#content div#orderform fieldset span.terms
{
	margin-top: 20px;
	margin-left:15px;
	line-height:1.5;
	width:300px;
	display:block;
}

div#content div#orderform fieldset input.textfield /*might break in older browsers*/
{
	width:373px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}

div#content div#orderform fieldset textarea /*might break in older browsers*/
{
	width:553px;
	float:left;
	margin-bottom:10px;
	margin-left:15px;
}

div#content div#orderform fieldset span.radiospan
{
	display:block;
	margin-right:15px;
}

div#content div#orderform fieldset.last
{
	background-image:url(../img/form-bottom-bg-alt.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}

div#content div#orderform fieldset input.radiogroup
{
	margin-left:15px;
	margin-right:10px;
	margin-bottom:12px;
	
}

div#content div#orderform fieldset
{
	padding-bottom:30px;
	padding-top:20px;
	background-image:url(../img/form-bottom-bg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}

div#content a.submit, div#content input.submit
{
	background:#fff url(../img/submit.png) no-repeat top left;
	padding-top:6px;
	padding-left:30px;

	height:20px;
	font-size:1.1em;
	color:#5b5b5b;
	text-decoration:none;
	
	cursor:pointer;
	border:none;
}
div#content a.submit:hover, div#content input.submit:hover
{
	background:#fff url(../img/submit.png) no-repeat 0px -22px;
	text-decoration:underline;
}

span.agree
{
	padding-right:33px;
}

/*einde bestellen styles*/

/* Maatwerk? */

	div#content div.pricebox-small
	{
		width:276px;
		height:150px;
		border:1px solid #bebec0;
		background:#fff url(../img/pricebox-small.png) no-repeat top left;

		margin-bottom:20px;
		color:#5b5b5b;
	}
	
	div#content div.pricebox-small span.proposition
	{
		float:right;
		margin-right:15px;
		margin-top:15px;
		font-size:1.5em;
		font-weight:normal;
	}
	
	div#content div.pricebox-large span.proposition
	{
		float:right;
		margin-right:15px;
		margin-top:3px;
		font-size:1.5em;
		font-weight:normal;
	}
	
	div#content div.pricebox-small span.price, div#content div.pricebox-large span.price
	{
		font-weight:bold;
		font-size:2.2em;
	}
	
	div#content div.pricebox-small ul
	{
		margin-left:45px;
		margin-top:55px;
	}
	
	div#content div.pricebox-small ul li
	{
		font-size:1.2em;
		font-weight:normal;
	}
	
	div#content div.pricebox-large
	{
		width:276px;
		height:279px;
		color:#5b5b5b;
		border:1px solid #bebec0;
		background:#fff url(../img/pricebox-large.png) no-repeat top left;
	}
	
	div#content div.pricebox-large ul
	{
		margin-left:45px;
		margin-top:55px;
	}
	
	div#content div.pricebox-large ul li
	{
		line-height:2.2;
		font-weight:normal;
		font-size:1.2em;
	}

/* einde maatwerk styles */

div#footer
{
	width:100%;
	height:128px;
	background:#fff url(../img/footer-bg.png) repeat-x top left;
}

	div#footer div#footercontent
	{
		width:950px;
		margin:0px auto;
		height:63px;
		background:url(../img/footer-content-bg.png) no-repeat top left;
		text-align: center;
		padding-top:65px;
		
	}
	
	div#footer div#footercontent ul#footerlinks li
	{
		display:inline;
		margin-right:20px;
		font-size:1.0em;
		padding-right:20px;
		background:url(../img/footerlinks-bg.png) no-repeat right center;
	}
	
	div#footer div#footercontent ul#footerlinks li.last
	{
		margin-right:0px;
		padding-right:none;
		background:none;
	}
	
	div#footer div#footercontent ul#footerlinks li a, div#footer div#footercontent ul#footerlinks li a:visited, div#footer div#footercontent ul#footerlinks li a:active
	{
		color:#ffffff;
		text-decoration: none;
	}
	
	div#footer div#footercontent ul#footerlinks li a:hover
	{
		text-decoration: underline;
	}




/*CLASSES*/

.left
{
	float:left;
	display:inline;   /* IE6 */
}
.right
{
	float:right;
	display:inline;    /* IE6 */
}
.imagereplaced
{
	text-indent:-999999px;
}
.iframe
{
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	border:none;
	color:#00FF33;
	background:none;
}


/*clear fix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}