/*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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

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-type:disc;
list-style-position:inside;
}*/



html
{
	background-color:#ffffff;
}

/* HTML elementen */

body
{
	background-image:url(../img/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	
	font-size:62.5%;
	font-family:Verdana, Tahoma;
	width:100%;
	
	margin-top: 25px;

}

/* ID's */


#contentcontainer
{
	background-image:url(../img/content_bg.png);
	background-repeat:no-repeat;
	background-position:top right;
}
#jump
{

	position:absolute;
	top:81px;
	display:inline;
	width:980px;
	height:240px;
	background-image:url(../img/jump.png);
	background-repeat:no-repeat;
	background-position:top right;
}


#wrapper
{
	width: 940px;
	margin:0px auto;
	padding-bottom:75px;
}

#logo
{
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;

	width: 275px;
	height: 107px;
	
	margin:0px auto;
}

ul#recent
{
	background-image:url(../img/recent_bg.png);
	background-repeat:no-repeat;
	
	width: 269px;
	height: 223px;
}

	ul#recent, ul#recent li, ul#topnav, ul#topnav li, #pagenavigation ul, #pagenavigation ul li, #content ul li
	{
		list-style-type:none;
		list-style-position:outside;
	}
	
	ul#recent #previous, ul#recent #next
	{
		width:17px;	
		height:16px;
		display:block;
		float:left;
		padding:0px 10px 0px 0px;
	}
	
	ul#recent #previous
	{
		background-image:url(../img/previous_bg.png);
		background-repeat:no-repeat;
		
		margin-left:26px;
	}
	
	ul#recent #next
	{
		background-image:url(../img/next_bg.png);
		background-repeat:no-repeat;
	}
	
	ul#recent #screenshot
	{
		height:200px;
		padding-left:60px;
		padding-top:50px;
	}

ul#topnav li
{
	background-image:url(../img/topnav_item_bg.png);
	background-repeat:no-repeat;
	background-position: top right;

	height:31px;
	float:left;
	font-size:1.18em;
	color: #5b5b5d;
	padding-top:0px;
	/*padding:9px 30px 0px 29px;*/
}

ul#topnav li a
{
	padding:9px 29px 11px 28px;
	display:block;

}

ul#topnav li.link
{
	cursor: pointer;
}

ul#topnav
{
	background-image:url(../img/topnav_bg.png);
	
	width: 671px;
	height: 34px;
}
ul#topnav li.last
{
	background:none;
}



#teaser
{
	background-image:url(../img/animatie_tmp_bg.png);
	background-repeat:no-repeat;
	
	width: 671px;
	height:189px;
}

#topnav li a, #topnav li a:visited, #topnav li a:active
{
	color:#5b5b5d;
	text-decoration:none;
}

#topnav li a:hover
{
	text-decoration:underline;
} 

#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 0px 0px;
	padding: 22px 15px 0px 15px;
	padding-bottom:15px;
}

#pagenavigation ul
{
	max-width:229px;
}

	#pagenavigation ul li.header
	{
		background-image:url(../img/pagenav_header_bg.png);
		background-repeat:repeat-x;
		
		width: 229px;
		
		padding-top:10px;
		padding-bottom:4px;
		padding-left:10px;
		
	}
	
	#pagenavigation ul li
	{
		background-image:url(../img/line_bg.png);
		background-position:bottom left;
		background-repeat:no-repeat;
		
		/*padding:10px 0px 10px 10px;*/
		font-size:1.1em;
		color:#5a5a5b;
		min-height:10px;
		line-height:1.3;
		max-width:239px;
		width:239px;
	}
	
	#pagenavigation ul li a
	{
		padding:10px 0px 10px 10px;
		display:block;
	}
	
	#pagenavigation ul li a:hover
	{
		background-color:#eeeeee;
		color:#0068b3;
		background-image:url(../img/line_bg.png);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	
	#pagenavigation ul li a, #pagenavigation ul li a:active
	{
		color:#5a5a5b;
		text-decoration:none;
	}
	

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

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

#newsletter h3
{
 font-size:1.2em;
 line-height:1.5;
 padding-bottom:0px;
}	

#content
{
	margin-left:30px;
	text-align:left;
	width:440px;
	line-height:1.6;
	padding:38px 0px 0px 0px;
}

#content p
{
	font-size:1.1em;
	color:#5b5b5d;
	line-height:1.6;
	margin:0px 0px 15px 0px;
}

#content img
{
	margin-top:10px;
}

#lees-meer
{
	margin-bottom:10px;
}

#content2
{
	margin-left:30px;
	text-align:left;
	width:620px;
	padding:38px 0px 0px 0px;
}

#content2 p
{
	font-size:1.1em;
	color:#5b5b5d;
	line-height:1.6;
	margin:0px 0px 15px 0px;
}

#banner
{
	margin: 38px 0px 10px 0px;
}


#comments
{
	padding-bottom:30px;
	background-image:url(../img/comments_bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#comments h3
{
	padding:22px 15px 15px 15px;
	font-size:1.3em;
	color:#5b5b5d;
}

#comments p
{
	padding:0px 15px 15px 15px;
	color:#5b5b5d;
	font-size:1.1em;
	line-height:1.4;
}

#comments a, #comments a:visited, #comments a:active
{
	padding:0px 15px 0px 15px;
	color: #0082c8;
	text-decoration:none;
	font-size:1.1em;
}

#comments a:hover
{
	text-decoration:underline;
}

/* blokken met opsommingen op diverse pagina's */
	div#content div.opsomming_home
	{
		width:441px;
		min-height:141px;
		background:#f9f9f9 url(http://promosolutions.nl/img/bg_home_opsomming.jpg) no-repeat bottom left;
		margin-bottom:20px;
		border:1px solid #d8d8d9;		
	}

	div#content div.opsomming_home table.multicolumn
	{
		margin-top:15px;
		margin-left:6px;
		font-size:1.1em;
		color:#0068b3;
		font-weight:normal;
		line-height:2.3em;
		margin-bottom:20px;	
	}
	
	div#content div.opsomming_home table.onecolumn
	{
		margin-top:15px;
		margin-left:10px;
		font-size:1.1em;
		color:#0068b3;
		font-weight:normal;
		line-height:1.8em;
		margin-bottom:20px;	
	}
	
/* elements voor pagina met modules */
div#content table tr.feature td.readmore
{
	padding-top:0px;
}

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

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 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 td.featuredesc
{
	font-weight:normal;
	line-height:1.7;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #bebec0;
}

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

div#content table tr.feature td.priceonce,div#content table tr.feature td.pricemonthly,div#content table tr.feature td.modulename
{
	color:#0068b3;
	font-weight:bold;
}

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.headers td
{
	padding-top:3px;
	height:20px;
	border-bottom:1px solid #bebec0;
}

/* Classes */
.imagereplaced
{
	text-indent:-999999px;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.clear
{
	clear:both;
}

.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%;
}

.related
{
	border:1px solid #d8d8d9;
	width:168px;
	
}