/****************************************************/
/*													*/
/* Matdesign  										*/
/* (c) 2006 - 2008 -- Michael Braam (Vision Design)	*/
/*													*/
/* Het veranderen van onderstaande data				*/
/* is toegestaan, distributie of het verpreiden is	*/
/* echter niet toegestaan.							*/
/*													*/
/*													*/
/* Code blijft eigendom van Vision Design.			*/
/* Distributie is niet toegestaan.					*/
/*													*/
/****************************************************/
/*													*/
/* Geschreven door: 						      	*/
/* Michael Braam, Vision Design						*/
/*											 		*/
/****************************************************/



/* Body van de website - algemene instellingen */
/* ******************************************* */
	body {
		background-color:#ffffff;
		background-image:url(../images/bg/achter_bg.jpg);
		background-repeat:repeat-x;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#000000;
	}


	/* Margin en padding op 0 zetten voor alle browsers */
	* {
		margin:0;
		padding:0;
	}

	/* Globale link instellingen */
	a:link		{font-size:100%; color:#000000; text-decoration:underline;}
	a:visited	{font-size:100%; color:#000000; text-decoration:underline;}
	a:hover		{font-size:100%; color:#000000; text-decoration:none;}
	a:active	{font-size:100%; color:#000000; text-decoration:underline;}
	
	/* H1 kop */
	h1{
		font-size:120%;
		margin-bottom:10px;
		color:#4591dd;
	}
	
	/* H2 kop */
	h2{
		font-size:100%;
	}



/* Template van de website - algemene instellingen	ID */
/* *************************************************** */
	/* Rondom de site */
	#site_template{
		margin:0 auto;
		width:850px;
	}
	
	/* Header (bovenkant) */
	#header_template{
		height:200px;
		background-image:url(../images/bg/header_1.png);
		background-repeat:no-repeat;
	}
		
	
	/* Midden (content) */
	#middle_template{
		background-image:url(../images/bg/header_2.png);
		background-repeat:repeat-y;
		min-height:500px;
	}
		
	
	/* Footer (onderkant) */
	#footer_template{
		background-image:url(../images/bg/header_3.png);
		background-repeat:no-repeat;
		height:65px;
		width:850px;		
	}



/* Logo 								CLASSES	   */
/* *********************************************** */
	/* logo */
	.logo{
		padding-top:75px;
		padding-left:30px;
	}

	.viltjes_rechts{
		position:absolute;
		margin-left:675px;
	}

/* Breadcrumb							CLASSES	   */
/* *********************************************** */
	/* Breadcrumb */
	.breadcrumb{
		float:right;
		font-size:90%;
		width:200px;
	}

/* Menu 								CLASSES	   */
/* *********************************************** */
	
	/* Achtergrond menu */
	.viltjes_links{
		position:absolute;
		margin-top:100px;
		margin-left:-100px;
	}
	
	/* Menu */
	.menu{
		position:absolute;
		margin-left:30px;
	}
	
	.menu_top{
		background-image:url(../images/menu/menu_top.png);
		width:190px;
		height:20px;
	}
	
	.menu_middle{
		background-image:url(../images/menu/menu_middle.png);
		padding:10px;
		font-size:80%;
		width:170px;
		min-height:280px;
	}
	
	.menu_bottom{
		background-image:url(../images/menu/menu_bottom.png);
		width:190px;
		height:20px;
	}

		/* Menu paragraven */
		.menu p{
			padding-bottom:5px;
		
		}
		/* Menu links */
		.menu_middle a:link		{font-size:100%; color:#000000; text-decoration:none;}
		.menu_middle a:visited		{font-size:100%; color:#000000; text-decoration:none;}
		.menu_middle a:hover		{font-size:100%; color:#000000; text-decoration:underline;}
		.menu_middle a:active		{font-size:100%; color:#000000; text-decoration:none;}
		


	
/* Content 								CLASSES	   */
/* *********************************************** */
	/* Content */
	.content{
		font-size:80%;
		width:555px;
		margin-left:250px;
		padding-bottom:20px;
	}
	
		.content ul{
			margin-left:40px;
		}
		
	.bestel_info{
		float:right;
		font-size:130%;
		text-align:center;
		color:#4591dd;
	}


				
/* Aanbiedingen							CLASSES	   */
/* *********************************************** */
	/* Aanbiedingen achtergrond */
	.aanbieding_bg{
		background-image:url(../images/aanbieding/aanbieding_bg.jpg);
		margin-top:50px;
		width:555px;
		height:150px;
	}
	
	/* Aanbiedingen content */
	.aanbieding_content{
		padding:20px;
		font-size:180%;
		font-weight:200;
		color:#4591dd;
	}

/* Gallerij  							CLASSES	   */
/* *********************************************** */
	.gallerij h2{
		font-size:100%;
		margin-bottom:10px;
		border-bottom:1px dotted #666;
		width:310px;
	}

	
	.gallerij table{
		background-color:#FFFFFF;
		margin-bottom:10px;
		margin-left:5px;
	}

/* *********************************************** */	
	/* Copyright */
	.copy{
		font-size:70%;
		text-align:center;
		color:#000000;
		margin-left:100px;
	}
		/* Copyright links */
		.copy a:link		{font-size:100%; color:#000000; text-decoration:none;}
		.copy a:visited		{font-size:100%; color:#000000; text-decoration:none;}
		.copy a:hover		{font-size:100%; color:#000000; text-decoration:underline;}
		.copy a:active		{font-size:100%; color:#000000; text-decoration:none;}
 


/* Overig										   */
/* *********************************************** */
	/* clear */
	.clear{
		clear:both;
	}
	
	/* Font groter */
	.font_groot{
		font-size:150%;
		font-weight:bold;
	}
	
	.font_groot2{
		font-size:130%;
		font-weight:bold;
	}
	
	.table_highlight{
		background-color:#e1ecf7;
		padding:5px;
	}
	
	.table_spacing{
		padding:5px;
	}
	
		table{
			margin-left:-6px;
			background-color:#fdf6c2;
		}
		.table_leeg{
			background-color:#ffffff;
			margin-left:2px;
		}		
	
	.google_maps{
		float:right;
	}
	
	.vof{
		color:#4591dd;
		font-weight:bold;
		margin-top:20px;
	}
	
	.contactform a{
		color:#4591dd;
	}
	
	.team table{
		background-color:#FFFFFF;
		text-align:center;
		font-weight:bold;		
	}