/**********************************************/
/*											  */
/* Vision Design Website Tegelhuys.nl		  */
/* (c) 2006 - 2008 -- Michael Braam (VD)	  */
/*											  */
/* Het veranderen van onderstaande data		  */
/* is geheel niet toegestaan, dit dient		  */
/* enkel uitgevoerd te worden door			  */
/* Vision Design.							  */
/*											  */
/*											  */
/* Code blijft eigendom van Vision Design	  */
/* Distributie is niet toegestaan.			  */
/*											  */
/**********************************************/
/*											  */
/* Versie 0.1.0								  */
/* Geschreven en geprogrameerd door: 		  */
/* Michael Braam 							  */
/*											  */
/**********************************************/


/* Body van de website - algemene instellingen */
/* ******************************************* */
	body {
		background-color:#ffffff;
		background-image:url(../images/achter.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;
	}
	
	
	img{
		border:1px solid #926200;
		margin:5px;
	}
	
	.no-border{
		border:0px;
	}


	/* Algemene links */
	a:link			{ font-size:100%; color:#926200; text-decoration:underline;}
	a:visited		{ font-size:100%; color:#926200; text-decoration:underline;}
	a:hover			{ font-size:100%; color:#000000; text-decoration:none;}
	a:active		{ font-size:100%; color:#926200; text-decoration:underline;}
	
	.miniplayer{
		background-image:url(../images/com.jpg);
		width:110px;
		height:100px;
		padding-left:35px;
		padding-top:50px;
	}		



/* Template van de website - algemene instellingen */
/* *********************************************** */

	/* Rondom de site */
	#site_template{
		margin:0 auto;
		margin-top:5px;
		margin-bottom:10px;
		width:860px;
		border:1px solid #000000;
		background-color:#000000;
		background-image:url(../images/bg_content.jpg);
	}
	
	
	/* Header (bovenkant) */
	#header_template{
		background-image:url(../images/header.jpg);
		height:95px;
	}
	
		.header_aktie{
			position:relative;
			margin-top:-50px;
			margin-left:-10px;
			height:50px;
		}
		
	/* Menu */
	.menu{
		float:left;
		background-color:#000000;
		width:179px;
		margin-top:5px;
		font-size:80%;
	}
	

		/* Links op de buttons */
		.menu a:link		{ font-size:100%; color:#ffffff; text-decoration:none;}
		.menu a:visited		{ font-size:100%; color:#ffffff; text-decoration:none;}
		.menu a:hover		{ font-size:100%; color:#ffffff; text-decoration:underline;}
		.menu a:active		{ font-size:100%; color:#ffffff; text-decoration:none;}
		
		/* UL voor de buttons */
		.menu ul{
			list-style-image:none;
		}
		
		/* LI voor de buttons */
		.menu li{
			display:inline;
			width:160px;
			height:25px;
			background-image:url(../images/menu/knop_bg.jpg);
			float:left;
			margin-bottom:5px;
			padding-left:20px;
			padding-top:10px;
		}
	
	/* Contact gegevens onder het menu */
	.contact{
		float:left;
		font-size:80%;
		color:#FFFFFF;
		margin-left:20px;
		margin-bottom:10px;
		width:150px;
		
		_margin-left:10px;
	}
		.contact h1{
			font-size:110%;
			padding-bottom:10px;
		}
	
		/* Links contact gegevens */
		.contact a:link			{ font-size:100%; color:#926200; text-decoration:underline;}
		.contact a:visited		{ font-size:100%; color:#926200; text-decoration:underline;}
		.contact a:hover		{ font-size:100%; color:#ffffff; text-decoration:none;}
		.contact a:active		{ font-size:100%; color:#926200; text-decoration:underline;}			
	
			
	
	/* Content */
	.content{
		margin-left:180px;
		margin-top:-20px;
		padding:10px;
		
		border-top:5px solid #926200;
		border-left:5px solid #926200;
		border-bottom:0px;
		border-right:0px;
		background-color:#ffffff;
		
		font-size:80%;
	}
	
		.content ul{
			margin-left:20px;
		}
		
		.content h1, h2{
			font-size:120%;
			color:#926200;
			margin-bottom:10px;
		}
			
		


	/* Footer (onderkant) */
	#footer_template{
		color:#ffffff;
		border-top:5px solid #926200;
		background-color:#543600;
	}
	
	/* Copyright */
	.copy{
		padding-top:5px;
		padding-bottom:5px;
		margin-left:15px;
		font-size:70%;
	}		
		/* Copyright links */
		#footer_template a:link			{ font-size:100%; color:#e7b653; text-decoration:underline;}
		#footer_template a:visited		{ font-size:100%; color:#e7b653; text-decoration:underline;}
		#footer_template a:hover		{ font-size:100%; color:#ffffff; text-decoration:none;}
		#footer_template a:active		{ font-size:100%; color:#e7b653; text-decoration:underline;}			
		
/* Aanbiedingen									   */
/* *********************************************** */
	
	.aanbiedingen_home{
		margin-bottom:10px;
		margin-top:10px;
		
		border:5px solid #926200;
		width:630px;
		padding:5px;
	}
	
	.nieuws_home{
		margin-bottom:10px;
		margin-top:10px;
		width:630px;
		
		border:1px solid #926200;
		padding:5px;
	}
	
	
	.aanbiedingen_overzicht{
		margin-bottom:10px;
		margin-top:10px;
		
		border:5px solid #926200;
		width:630px;
		padding:5px;
	}	
	
	
	.aanbieding_bg_top{
		border:0px solid #926200;
	}
	
		.aanbieding_nu{
			font-size:90%;
		}	
		
		.aanbieding_normaal{
			font-size:80%;
		}
		
	.aanbieding_bg_small{
		color:#ffffff;
		float:left;
		background-image:url(../images/aanbiedingen/aanbieding_bg_small.jpg);
		height:95px;
		width:100px;
		margin-right:20px;
		padding:10px;
	}
	
		.aanbieding_bg_small h1{
			margin-bottom:10px;
			color:#ffffff;
			font-size:100%;
		}
	
		/* Copyright links */
		.aanbieding_leesmeer a:link			{ font-size:100%; color:#ffffff; text-decoration:none;}
		.aanbieding_leesmeer a:visited		{ font-size:100%; color:#ffffff; text-decoration:none;}
		.aanbieding_leesmeer a:hover		{ font-size:100%; color:#ffffff; text-decoration:underline;}
		.aanbieding_leesmeer a:active		{ font-size:100%; color:#ffffff; text-decoration:none;}			
	
	
	.aanbieding_leesmeer{
		text-align:left;
		padding-top:10px;
	}
		
			
/* Overig										   */
/* *********************************************** */
		
	/* clear */
	.clear{
		clear:both;
	}
	

		
	.foutmelding{
		font-size:95%;
		background-color:#fcc3c3;
		width:600px;
		padding:5px;
		color:#000000;
		
		margin-bottom:5px;
		border:1px solid #e30c0c;
		border-bottom:2px solid #e30c0c;		
	}	