html
{
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	margin: 0 auto;
	background: #FFF;
	font-family: arial;
}

form
{
	font-family: arial;
	color: #404040;
}

h1
{
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #404040;
}

h2
{
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	margin: 30px 0 15px 0;
	color: #404040;
}

h3
{
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 0 0;
	padding: 0;
	color: #404040;
}

hr
{
	border: 0;
	border-top: 1px solid #c9c9c9;
	height: 1px;
}

.border_left a
{
	padding: 0 0 0 10px;
	background-image: url(../img/faq_in.png);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

p, li
{
	line-height: 1.7em;
	font-size: 12px;
	color: #404040;
}

li.no_list-style
{
	list-style: none;
}

p
{
	letter-spacing: 0.07em;
}

.cleardiv
{
	clear: both;
}

.no_padding p
{
	padding: 0;
}

img
{
	border: none;
}

/* The CSS for the Frame */

#body_wrapper
{
	text-align: left;
	margin: 0 auto;
	width: 990px;
}

	#wrapper_breadcrumbs
	{
		margin: 10px 0 0 35px;
		line-height: 1.3em;
		font-size: 12px;
		color: #9b9b9b;
	}
	
	#wrapper_breadcrumbs a
	{
		color: #9b9b9b;
	}

/* This is the CSS for the HEADER*/
#header
{
	clear: both;
	background: url('../img/background.jpg');
	height: 183px;
	overflow: hidden;
	width: 990px;
}

a.logo
{
	float: left;
	margin: 14px 0 0 32px;
}

.span2_home
{
	float: left;
	font-family: arial;
	width: 400px;
	color: #929292;
	letter-spacing: 0.06em;
	font-size: 30px;
	padding: 0;
	margin: 25px 0 0 45px;
}
	
/* This is the CSS for the Menu */

div#menu_wrapper
{
	height: 70px;
	float: left;
	padding-left: 35px; 
	margin: 0 0 10px 0;
}

	ul#menu
	{
		padding: 0;
		margin: 0;
		height: 30px;
		list-style: none;
		margin: 40px 0 0 0;
	}
	
		ul#menu li
		{
			margin: 0 30px 0 0;
			float: left;
		}
		
		ul#menu li.last
		{
			margin: 0 30px 0 0;
			position: relative;
			top: -2px;
			float: left;
			background-image: url("../img/koop_nu.png");
			background-repeat: no-repeat;
			height: 22px;
			width: 93px;
			padding: 1px 0 0 15px;
		}
		
			ul#menu li.active a
		,	ul#menu li a:hover
		{
			color: #26a9e0;
		}
	
			ul#menu li a
			{
				font-size: 14px;
				text-transform: uppercase;
				font-family: arial;
				text-decoration: none;
				color: #4c4c4c;
			}
			
.login_button
{
	margin: 10px 20px 0 0;
	float: right;
}
/* This is the CSS for the homecontent */

#content_wrapper
{
	clear: both;
	width: 990px;
}

	.content
	{
		font-family: arial;
		float: left;
		margin: 50px 0 0 35px;
		width: 303px;
	}
	
	.content h1
	{
		font-size: 20px;
	}
	
	.content p 
	{
		font-size: 14px;
	}
	
	#home_image
	{
		z-index: 5;
		position: relative;
		float: left;
		width: 640px;
		height: 300px;
	}
	
		#home_image img
		{
			height: 340px;
			width: 100%;
		}
	
		.teaser
		{
			clear: both;
		}
	
		.teaser-pager
		{
			position: absolute;
			margin: 340px 0 0 280px;
		}
		
		#home_image a
		{	
			display: block;
			float: left;
			width: 12px;
			height: 12px;
			background-image: url('../img/home_a_button_notactive.jpg');
			background-repeat: no-repeat;
		}
		
		#home_image .activeSlide
		{
			background-image: url('../img/home_a_button_active.jpg');
			background-repeat: no-repeat;
		}
	
#gratis_account_aanvraag
{
	clear: left;
	font-family: arial;
	color: #6e6e6e;
	margin: 15px 0 0 35px;
}

	#gratis_account_aanvraag img
	{
		position: relative;
		left: -5px;
		float: left;
	}
	
	#gratis_account_aanvraag p
	{
		z-index: 400;
		font-size: 14px;
		display: block;
		float: left;
		position: relative;
		left: -5px;
		margin: 20px 0 0 10px;
	}
	
	#gratis_account_aanvraag p a
	{
		font-weight: 700; 
		font-family: arial;
		color: #6e6e6e;
	}
	
/* This is the CSS for the bottom information */

#wrapper_bottom
{
	font-family: arial;
	position: relative;
	min-height: 200px;
	width: 990px;
	background: url('../img/bottom_background.jpg');
	background-repeat: repeat-x;
}

	#box_1
	{
		height: 195px;
		margin: 10px 0 0 35px;
		float: left;
		border-right: 1px solid #dcdcdc;
		width: 290px;
	}
	
	#box_2
	{
		margin: 10px 0 0 35px;
		min-height: 200px;
		float: left;
		border-right: 1px solid #dcdcdc;
		width: 290px;
	}
	
	#box_2 p
	{
		padding: 0 15px 0 0px;
	}
	
	#box_3
	{
		margin: 10px 0 0 35px;
		min-height: 200px;
		float: left;
		width: 290px;
	}
	
	#box_3 ul
	,	ul.advantages
	{
		list-style: url('../img/check.png');
	}
	
	#box_3 ul li
	{
		letter-spacing: 0.08em;			
		color: #4c4b4b;
		font-size: 12px;
	}
		
		.bottom_a
		{
			width: 100%;
			clear: both;
			font-size: 12px;
			color: #0871a1;
		}
		
		.bottom_a_box1
		{
			display: block;
			position: relative;
			top: -70px;
			font-size: 12px;
			color: #0871a1;
		}
		
		.bottom_p img
		{
			position: relative;
			top: -70px;
			margin: 0 0 0 175px;
			float: left;
		}
	
		img.badge
		{
			z-index: 500;
			position: absolute;
			top: -60px;
			margin: 0 0 0 180px;
			float: left;
		}
		
/* End */
		
/* This is the style for the content pages */



	/* This is the style for the box left */
	
	#wrapper_content_page
	{
		width: 990px;
		padding: 0;
		margin: 25px 0 0 0;
	}
	
		#wrapper_left
		{
			/*background: url('../img/background_content_left.jpg');
			background-repeat: repeat-x;*/
			width: 225px;
			float: left;
			margin: 0 0 20px 0;
		}
		
		#wrapper_left p
		{
			margin: 25px 20px 20px 15px;
		}
		
		#wrapper_content_page li
		{
			letter-spacing: 0.07em;
		}
		
		#wrapper_left p img
		{
			margin: 0 5px 0 5px;
		}
			
		.wrapper_left_image a
		{
			display: block;
			margin: 70px 0 0 25px;	
		}
		
		.writer
		{
			display: block;
			font-style: italic; 
		}
		
	/* This is the CSS for the content in the content page */
	
	#wrapper_content_content_page
	{
		border-left: 1px solid #c9c9c9;
		width: 700px;
		float: left;
		margin: 0 0 0 30px;
	}
		
		#wrapper_content_content_page p
		{
			margin: 5px 0 0 0;
		}
		
		.wrapper_content
		{
			width: 745px;
			float: left;
			margin: 0 0 40px 20px;
		}
		
		.border_left
		{
			border-left: 1px solid #c9c9c9;
			padding: 0 0 0 20px;
		}
		
		.wrapper_content h2
		{
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		.wrapper_content p
		{
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		.wrapper_content ul
		{
			padding: 0;
			margin: 0 0 0 20px;
		}
		
		.download_specs
		{
			font-size: 10px;
			color: #323232;
		}
		
		.download_content
		{
			padding: 0 0 20px 0;
		}
		
		.addthis_button
		{
			clear: both;
			float: right;
		}
		
	/* End */
/* End */


/************************************/
/* FOOTER */
/************************************/

#wrapper_footer
{
	padding: 15px 0 0 0;
	clear: both;
	height: 150px;
	background-image: url('../img/background_footer.jpg');
	background-repeat: repeat-x;
	width: 990px;
}

#wrapper_footer a
{
	color: #8b8b8b;
	text-decoration: none;
}

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

#wrapper_footer span
{
	font-size: 14px;
	font-weight: 700;	
}

#wrapper_footer ul
{
	border-left: 1px solid #676767;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

#footer_box_1
{
	
	margin: 0 0 0 35px;
	float: left;
	width: 200px;
}
	
#footer_box_2
{
	width: 200px;
	margin: 0 0 0 35px;
	float: left;
}

#footer_box_3
{
	width: 170px;
	margin: 0 0 0 35px;
	float: left;
}

#footer_box_4
{
	width: 240px;
	margin: 0 0 0 35px;
	float: left;
}

#footer_box_4 p
{
	border-left: 1px solid #676767;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	color: #8b8b8b;
	font-size: 11px;
}

/************************************/
/* END FOOTER */
/************************************/

table
{
	font-size: 12px;
	letter-spacing: 0.06em;
}

/************************************/
/* FORMS */
/************************************/

form.demoaccount
{
	clear: both;
	margin: 0;
	padding: 0;
}

form.demoaccount label
{
	float: left;
	clear: left;
	width: 170px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-align: right;
	padding: 3px 10px 0 0;
}

	form.demoaccount input
,	form.demoaccount textarea
,	form.demoaccount select
{
	float: left;
	width: 200px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #c0c0c0;
	background-color: #f9f9f9;
}

	form.demoaccount .clean
{
	border: 0;
	background-color: transparent;
}

/************************************/
/* END FORMS */
/************************************/


/************************************/
/* STEP INDICATOR */
/************************************/

div#wrapper_step_indicator
{
	margin: 0 0 20px 0;
}

div#wrapper_step_indicator a
{
	float: left;
	background-repeat: no-repeat;
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 11px;
	color: #cacaca;
	text-decoration: none;
}

	div#wrapper_step_indicator a.left
,	div#wrapper_step_indicator a.right
{
	width: 120px;
}

	div#wrapper_step_indicator a.active
,	div#wrapper_step_indicator a.active_extended
,	div#wrapper_step_indicator a.right_active
{
	color: #92ba48;
}

div#wrapper_step_indicator a.center
{
	width: 177px;
}

div#wrapper_step_indicator a.left
{
	background-image: url("../img/step_indicator/left_active.png");
	color: #92ba48;
}

div#wrapper_step_indicator a.right
{
	background-image: url("../img/step_indicator/right_inactive.png");
}

div#wrapper_step_indicator a.right_active
{
	background-image: url("../img/step_indicator/right_active.png");
}

div#wrapper_step_indicator a.center
{
	background-image: url("../img/step_indicator/center_inactive.png");
}

div#wrapper_step_indicator a.center.active
{
	background-image: url("../img/step_indicator/center_active.png");
}

div#wrapper_step_indicator a.active_extended
{
	background-image: url("../img/step_indicator/center_active_extended.png");
}

/************************************/
/* END STEP INDICATOR */
/************************************/

a.category
{
	display: block;
	width: 214px;
	height: 112px;
	float: left;
	margin: 0 41px 0 0;
	padding: 0;
	background-image: url("../img/category_button_background.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	text-decoration: none;
}

a.category.active
{
	background-image: url("../img/category_button_background_active.png");
}

a.category:hover
{
	text-decoration: none;
}

a.category.last
{
	margin: 0;
}

a.category img
{
	margin: 20px 0 10px 0;
}

a.category h2
{
	font-size: 14px;
	color: #515151;
	text-align: center;
	padding: 0;
}

/************************************/
/* CONTENT BOX */
/************************************/
.wrapper_contentbox
{
	position: relative; /* Makes it possible to position the cornerimages absolute */
	margin: 10px 0 20px 0;
	border: 1px solid #ededed;
	background-color: #fdfdfd;
}

	.wrapper_contentbox h2
,	.wrapper_contentbox p
{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ededed;
}

.wrapper_contentbox img.corner
{
	position: absolute;
	width: 8px;
	height: 8px;
}

.wrapper_contentbox img.top
{
	top: -1px;
}

.wrapper_contentbox img.bottom
{
	bottom: -1px;
}

.wrapper_contentbox img.left
{
	left: -1px;
}

.wrapper_contentbox img.right
{
	right: -1px;
}

.boxcontents
{
	background-color: #0f0;
}

	/* SPECS FOR THE DIFFERENT PLACES THE BOX GETS INCLUDED */
	
	 .wrapper_contentbox
	{
		width: 724px;
	}
	
	#wrapper_content_page .wrapper_inner_content
	{
		padding: 20px;
	}
	
	#wrapper_left .wrapper_contentbox
	{
		width: 200px;
		margin: 20px 0 0 20px;
	}
	
	#wrapper_left .wrapper_inner_content
	{
		padding: 0px;
	}
	
		#wrapper_left .wrapper_contentbox h2
	,	#wrapper_left .wrapper_contentbox p
	{
		padding: 0;
		border-bottom: 0;
	}
	
	/* END SPECS */

/************************************/
/* END CONTENT BOX */
/************************************/

a
{
	text-decoration: none;
	color: #25aae1;
}

a:hover
{
	text-decoration: underline;
	color: #404040;
}

	p.error
,	label.error
{
	color: #f00;
}