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

html, body { background:url(../images/bg.jpg) #870d0f fixed top center; margin:0px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}

a { text-decoration:none; font-weight:bold; font-size: 13px;}

img.icoon { float:left;}
img.links { float:left; margin-right:10px;}
img.rechts { float:right; margin-left:10px;}

.container { width:964px; height:100% auto; padding:0px; margin:0px auto; margin-top:13px;}

.top { width:964px; height:266px; padding:0px; margin:0px;}
	.logo { background:url(../images/logo.png) no-repeat; width:317px; height:266px; padding:0px; margin:0px; float:left;}
	.headerslagerij { background:url(../images/headers/slagerij.png) no-repeat; width:647px; height:266px; padding:0px; margin:0px; float:right;}
	.headertraiteur { background:url(../images/headers/traiteur.png) no-repeat; width:647px; height:266px; padding:0px; margin:0px; float:right;}
	.headerbarbecues { background:url(../images/headers/barbecues.png) no-repeat; width:647px; height:266px; padding:0px; margin:0px; float:right;}
	.headerhoreca { background:url(../images/headers/horeca.png) no-repeat; width:647px; height:266px; padding:0px; margin:0px; float:right;}	
	.headereindejaar { background:url(../images/headers/eindejaar.png) no-repeat; width:647px; height:266px; padding:0px; margin:0px; float:right;}	

.content { background:url(../images/content.png) repeat-y; width:964px; height:100% auto; padding:0px; margin:0px; float:none; clear:both;}
	.left { width:317px; height:100% auto; padding:0px; margin:0px; float:left;}
		.nav1 { width:250px; height:100% auto; padding:0px; margin:0 0 10px 40px;}
			.nav1 ul { list-style:none; text-align:left; margin:0px; padding:0px;} 
			.nav1 a { background:url(../images/knop_nav1f.jpg) no-repeat; display:block; width:230px; height:18px; padding:6px 20px 6px 0; margin-bottom:1px; 
			color:#FFF; text-transform:uppercase; text-align:right;}
			.nav1 a:hover { background:url(../images/knop_nav1g.jpg) no-repeat; display:block; padding:6px 20px 6px 0; margin-bottom:1px;}
		.nav2 { width:250px; padding:0px; margin:0px; margin-left:40px; _margin-left:4px;}
			.nav2 ul { list-style:none; text-align:left; margin:0px; padding:0px; _display:inline;} 
			.nav2 ul li a { background:url(../images/knop_nav1a.jpg) no-repeat; display:block; _display:inline; width:230px; height:18px;
			padding:6px 20px 6px 0; margin-bottom:1px; color:#FFF; text-transform:uppercase; text-align:right; text-transform:uppercase; font-weight:bold;}
			.nav2 ul li a:hover { background:url(../images/knop_nav1b.jpg) no-repeat; display:block; _display:inline; width:230px; height:18px;
			padding:6px 20px 6px 0; margin-bottom:1px; color:#FFF; text-transform:uppercase; text-align:right;}
			/* lijst in lijst */
			.nav2 ul ul { list-style:none; margin:0px; padding:0px;}
			.nav2 ul ul li a { background:url(../images/knop_nav1d.jpg) no-repeat; display:block; _display:inline; width:230px; height:18px;
			padding:6px 20px 6px 0; margin-bottom:1px; color:#333; text-transform:uppercase; text-align:right; text-transform:uppercase; font-weight:bold;}
			.nav2 ul ul li a:hover { background:url(../images/knop_nav1e.jpg) no-repeat; display:block; _display:inline; width:230px; height:18px;
			padding:6px 20px 6px 0; margin-bottom:1px; color:#333; text-transform:uppercase; text-align:right;}
			#extra { background:#9d0718;}
		.adres { width:250px; height:100% auto; padding:0px; margin:50px 0 0 40px; float:none; clear:both; text-align:left;}
			.adres h1 { font-size:14px; color:#bf071a; padding:0px; margin:0px;}
			.adres h2 { font-size:13px; color:#bf071a; font-weight:normal; padding:0px; margin:0px;}
			.adres p { padding-bottom:15px; margin:0px; font-size: 12px;}
			.adres a { color:#333;}
			.adres a:hover { color:#bf071a;}
		#formulierdeel{display: none;}
		
		.clearer { float:none; clear:both;}
			
	.right { width:607px; height:100% auto; padding-bottom:30px; margin-right:40px; float:right; text-align:left;}
		.right p { color:#333; text-align: justify;}
		.right a { color:#bf071a}
		.right strong { color:#000; font-weight:bold;}
		.right h1 { color:#bf071a; font-size:14px; padding-top:10px; margin:0px; text-transform:uppercase;}
		.right h2 { color:#333; font-size:14px;}
		.right h3 { color:#381e00; border-bottom:1px dotted #381e00; font-size:13px;}
		.right h4 { color:#a62e13; font-size:12px;}
		.right h5 { color:#333; text-transform:uppercase; font-size:12px;}
		.right h6 { color:#bf071a; font-size:12px; font-weight:normal; text-decoration:underline;}
		.right hr { height:1px; color:#bf071a; padding:0px; margin-bottom:10px;}
		.right ol { color:#333;}
		.right ul { list-style:disc; color:#333;}
		.right table { width:600px; margin-top:10px; font-size:12px; padding:3px;}
		.right table.foto { padding:0px; margin:0px;}
		.right table.foto td { height:70px;}
		.right table.foto td img { border:2px solid #FFF;}
		.right table.foto td.leeg { width:110px;}
		.right th{font-size: 14px; color:#bf071a; }
		.right td { height:25px;}
		.right tr.even { background:#e6e1e1;}

.footer { background:url(../images/footer.png) no-repeat; color:#b4b4b4; width:884px; height:48px; padding:15px 40px 5px 40px; margin:0px; float:none; clear:both;}
	.footer p { margin:0px; color:#b4b4b4;}
	.footer a { color:#b4b4b4;}
	.footer a:hover { color:#333;}

.crmart { width:964px; height:20px; padding:0px; margin:0px auto;}
	.crmart a { color:#FFF;}
	.crmart a:hover { color:#bf071a;}
	
.chef { width:250px; height:100% auto; padding:0; margin:10px 0 0 40px; float:none; clear:both;}