@charset "UTF-8";
/* CSS Document */

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

table, tr, td {
	vertical-align:			top;
}

body
{
    background:	 			#000;
    height:					100%;
    margin:					auto;
    padding:				0pt;
    text-align:				center;
    min-width: 				838px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
}

#body_container
{
}

/*----------------------------------------------------------------------------------HEADER----*/


#header_container
{
    background:				#ffffff url('../img/html_back_top.png') repeat-x;
	height:					310px;	
    text-align: 			left;
    
}
#header
{
    width: 					818px;
    margin: 				0px auto 0px auto;
	padding:				0px 10px 0px 10px;
}

div.header_top {
	height:					112px;
}

div.logo {
	float:					left;
	height:					112px;
	width:					139px;
}

div.logo a img {
	padding:				10px 0px 0px 0px;
}

div.payoff {
	float:					left;
	height:					112px;
	text-align:				center;
	width:					570px;
}

div.payoff img {
	padding:				20px 0px 0px 0px;
}

div#language_spacer {
	background:				url('../img/language_spacer.png');
	float:					left;
	height:					37px;
	width:					95px;
	padding:				7px 0px 0px 14px;
}

div#language_spacer a {
	margin:					0px 0px 0px 8px;
}

div.header_bottom {
	float:					left;
	width:					818px;
	margin:					0px 0px 0px 0px;
}

/*------------------------------------------------------------------------MENU----*/

ul#menu {
	float:					left;
	height:					138px;
	width:					155px;
	margin:					0px 0px 0px 0px;
	padding:				10px 0px 0px 0px;
	border-right:			1px solid #b1b1b2;
}

ul#menu li {
	list-style:				none;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	text-align:				left;
	height:					23px;
	width:					155px;	
}

ul#menu li a {
	float:					left;
	height:					23px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 32px;
	color:					#636466;
	text-decoration:		none;
	font-size:				11px;
	text-align:				left;
}

ul#menu li a:hover {
	color:					#000;
	background:				url('../img/menu_active_img.png') no-repeat;	
}

ul#menu li a.active {
	color:					#000;
	background:				url('../img/menu_active_img.png') no-repeat;	
}

/*------------------------------------------------------------------*/

div.banner {
	width:					660px;
	float:					left;
}

a.banner {
	float:					right;
	width:					137px;
	height:					141px;
	margin:					-75px 0px 0px 0px;
}

div.balk {
	float:					left;
	width:					781px;
	height:					12px;
	margin:					0px 0px 0px 0px;
	padding:				20px 0px 0px 0px;
}

div.balk_voorbeeld {
	float:					left;
	width:					641px;
	height:					12px;
	margin:					0px 0px 0px 0px;
	padding:				20px 0px 0px 0px;
}

div.balk_left {
	background:				url('../img/balk_left.png') no-repeat;
	float:					left;
	width:					3px;
	height:					12px;
}

div.balk_middle {
	background:				url('../img/balk_middle.png') repeat-x;
	float:					left;
	width:					775px;
	height:					12px;

}

div.balk_right {
	background:				url('../img/balk_right.png') no-repeat;
	float:					left;
	width:					3px;
	height:					12px;
	
}


/*----------------------------------------------------------------------------------CONTENT----*/



div#main_container
{
	background:				#ffffff;
    text-align:				center;
    margin: 				0px auto 0px auto;	
	padding:				15px 0px 0px 0px;
}

div#content_container
{
    width:					828px;
    margin: 				0px auto 0px auto;
    text-align:				left;
	padding:				0px 0px 20px 0px;
}

div#content_container_voorbeeld
{
    width:					828px;
    margin: 				0px auto 0px auto;
    text-align:				left;
	padding:				0px 0px 20px 0px;
}


table.content {
	width:					828px;
	padding:				0px 0px 0px 0px;
}

table.content_voorbeeld {
	width:					700px;
	padding:				0px 0px 0px 0px;
}

table.content_voorbeeld tr {
	width:					700px;
}

td.multimedia {
	float:					left;
	width:					155px;
}

object.flash_banner {
	float:					left;
	height:					49px;
	width:					147px;
	margin:					0px 0px 20px -6px;
}

td.multimedia a {
	float:					left;
	margin:					0px 0px 20px 0px;
	width:					142px;
	height:					106px;
}

td.multimedia a.overlay {
	float:					left;
	background:				url('../img/spacer.gif');
	height:					50px;
	width:					147px;
	position:				relative;
	top:					-315px;
	left:					0px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

td.text_space {
	float:					left;
	width:					498px;
	padding:				0px 0px 0px 30px;
}

td.text_space a {
	color:					#000;
}

span.tekst_rood {
	color:					#e3007a;
	font-weight:			bold;
}

table.text_content {
	width:					493px;
	font-size:				11px;
	line-height:			16px;
}

table.text_content div.balk {
	float:					left;
	width:					493px;
	height:					12px;
	margin:					0px 0px 0px 0px;
	padding:				10px 0px 10px 0px;
}

table.text_content div.balk_left {
	background:				url('../img/balk_left_small.png') no-repeat;
	float:					left;
	width:					3px;
	height:					9px;
}

table.text_content div.balk_middle {
	background:				url('../img/balk_middle_small.png') repeat-x;
	float:					left;
	width:					487px;
	height:					9px;

}

table.text_content div.balk_right {
	background:				url('../img/balk_right_small.png') no-repeat;
	float:					left;
	width:					3px;
	height:					9px;
	
}

table.text_content td.product {
	float:					left;
	width:					156px;
	height:					140px;
}

div.product_img {
	float:					left;
	width:					31px;
}

div.description {
	float:					left;
	width:					120px;
	margin:					17px 0px 0px 0px;
}

div.description h2 {
	font-size:				11px;
}

div.description ul {
	float:					left;
	display:				inline;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	
}

div.description ul.blue li {

	background:				url('../img/bullit_blue.jpg') no-repeat;
	padding:				0px 0px 0px 10px;
	margin:					0px 0px 0px 0px;
	list-style:				none;
	float:					left;
	width:					120px;
	
}

div.description ul.green li {

	background:				url('../img/bullit_green.jpg') no-repeat;
	padding:				0px 0px 0px 10px;
	margin:					0px 0px 0px 0px;
	list-style:				none;
	float:					left;
	width:					120px;

}

div.description ul.yellow li {

	background:				url('../img/bullit_yellow.jpg') no-repeat;
	padding:				0px 0px 0px 10px;
	margin:					0px 0px 0px 0px;
	list-style:				none;
	float:					left;
	width:					120px;

}

div.description ul.pink li {

	background:				url('../img/bullit_pink.jpg') no-repeat;
	padding:				0px 0px 0px 10px;
	margin:					0px 0px 0px 0px;
	list-style:				none;
	float:					left;
	width:					120px;

}


table.text_content td.line {
	background:				url('../img/product_line.png') repeat-y;
	width:					1px;
	float:					left;
	height:					140px;
	padding:				0px 5px 0px 5px;
}

table.text_content td img {
	vertical-align:			bottom;
}

td.rechts {
	float:					left;
	width:					110px;
	margin:					0px 0px 0px 25px;
	padding:				50px 0px 0px 0px;
}

td.rechts img {
	float:					left;
	width:					105px;
	height:					85px;
	margin:					0px 0px 15px 0px;
}

td.voorbeeld_space {
	float:					left;
	width:					670px;
	padding:				0px 0px 0px 30px;
}

table.voorbeeld_text_content {
	width:					680px;
	margin:					0px 0px 0px 30px;
}

table.voorbeeld_text_content tr {
	float:					left;
	width:					680px;
}

td.voorbeelden_title {
	float:					left;
	width:					680px;
	padding:				10px 0px 10px 0px;
	font-weight:			bold;
	height:					5px;
	*height:				15px;
}

td.voorbeeld {
	float:					left;
	width:					146px;
	height:					112px;
	margin:					15px 0px 5px 0px;
	padding:				0px 20px 0px 0px;
}

td.ingezonden {
	float:					left;
	width:					480px;
	margin:					15px 20px 5px 0px;
	padding:				0px 0px 0px 0px;
}

table.ingezonden_foto {
	float:					left;
	text-align:				left;
	width:					500px;
}

table.ingezonden_foto tr {
	text-align:				left;
	width:					500px;
}

table.ingezonden_foto td {
}

table.ingezonden_foto td.vast_veld {
	width:					80px;
	float:					left;
}

table.ingezonden_foto td.vast_veld_en {
	width:					100px;
	float:					left;
}

td.voorbeeld img {
	float:					left;
	height:					112px;
	width:					146px;
}

td.voorbeeld_text {
	float:					left;
	width:					146px;
	margin:					0px 20px 0px 0px;
}

td.voorbeeld_text p {
	float:					left;
	width:					145px;
}

table#table_testForm {
	float:					left;
	margin:					20px 0px 0px 0px;
}

table#table_testForm th {
	float:					left;
	width:					85px;
	color:					#000;
	font-weight:			normal;
}

table#table_testForm tr.row_elementText {
	margin:					0px 0px 5px 0px;
}

table#table_testForm td {
}

table#table_testForm td input {
	float:					left;
	width:					340px;
	border:					1px solid #9c9c9c;
}

table#table_testForm td textarea#textarea {
	float:					left;
	width:					340px;
	border:					1px solid #9c9c9c;
	height:					80px;
	margin:					3px 0px 0px 0px;
}

table#table_testForm td.postcode_textfield {
	width:					120px;
}

table#table_testForm td.woonplaats_description {
	width:					50px;
}

table#table_testForm td.woonplaats_description_nl {
	width:					80px;
}

table#table_testForm input#testForm_submit {
	background:				url('../img/verzend_button.jpg');
	width:					92px;
	height:					18px;
	float:					left;
	border:					none;
	margin:					10px 0px 0px 249px;
}

table#table_testForm input#testForm_submiten {
	background:				url('../img/verzend_button_en.jpg');
	width:					92px;
	height:					18px;
	float:					left;
	border:					none;
	margin:					10px 0px 0px 249px;
}

table.contact_toelichting a {
	color:					#000;
	text-decoration:		none;
}

table.text_content_distributeurs {
	width:					493px;
}

table.text_content_distributeurs td {
	vertical-align:			top;
}


table.text_content_distributeurs a {
	color:					#000;
	text-decoration:		none;
}

table.text_content_downloads {
	width:					400px;
	font-size:				10px;
	line-height:			14px;
}

table.text_content_downloads td {
	text-decoration:		none;
	vertical-align:			middle;
}

table.text_content_downloads td.downloads_description {
	width:					300px;
	text-decoration:		none;
	vertical-align:			middle;
}

table.text_content_downloads a {
	float:					left;
	text-decoration:		none;
	vertical-align:			middle;
	
}



/*----------------------------------------------------------------------------------FOOTER----*/

#footer_container 
{
    background:				url('../img/html_back_kleur.png') repeat-x;
    height: 				40px;
    text-align: 			center;
}

#footer
{
    width: 					818px;
	font-size:				10px;
    margin: 				0px auto 0px auto;
	padding:				50px 10px 20px 10px;
	
}

#footer a {
	color:					#ffffff; /*#00a9eb;*/
	text-decoration:		none;
}

span.bullit {

}

span.bullit img {
	vertical-align:			top;
	width:					3px;
	height:					3px;
	margin:					6px 7px 0px 7px;
}