body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #EFEFEF url(../gfx/back_heading.gif) no-repeat left top;
	padding: 0px;
	margin: 0px;
	overflow: auto;
}
table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #E81112;
	text-decoration: none;
}
a.hier,
a:hover {
	color: #E81112;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
	}
a img {
	border: 0px;
	}
a.piclink {
	padding-top: 1em;
	width: 150px;
	display: block;
}
a.piclink:hover {
	border-bottom: 0px;
}

	
div.container {
	position: absolute;
	top: 267px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}	
	
div.content {
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	width: 760px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}	
	
div.content p {
	margin: 10px 0px 0px 120px;
	padding: 0px 0px 0px 21px;
	background: url(../gfx/icon_red.gif) no-repeat left top; 
	}	
	div.intro p {
		font-weight: bold;
	}
div.content p.leeg {
	clear: left;
	background-image: none; 
	}	
p.floatright {
	float: right;
}	
table.content {
	margin: 0px 0px 0px 141px;
	padding: 0px 0px 0px 0px;
	}	
	td.afbeelding_small {
		vertical-align: top;
		width: 100px;
	}
		td.afbeelding_small img {
			margin-top: 52px;
			width: 90px;
		}

	/* heading */
h1 {
	font: bold 15px verdana;	
}	
h2 {
	font: bold 12px verdana;	
	padding: 1em 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}	
	h2 a {
		color: #000000;
	}
h3 {
	font: bold 13px verdana;
	margin: 30px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	clear: left;
	}
	
	
	/* afbeeldingen */
img.productie {
	margin: 10px 20px 0px 0px;
	}	
img.productiecategorie {
	position: relative;
	float: left;
	}
img.top {
	position: relative;
	left: -10px;
	top: -8px;
	}	
img.bottom {
	position: relative;
	left: 766px;
	bottom: -2px;
	}	
img.productie_afbeelding1 {
	position: absolute;
	left: 10px;
	}	

/* menu */
ul.menu {
	position: absolute;
	top: 217px;
	left: 386px;
	width: 467px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 24px;
	}

	.menu li {
		position: relative;
		float: left;
		height: 24px;
		margin: 0px 0px 0px 0px;
	}
		.menu li a {
			display: block;
			height: 24px;
			line-height: 24px;
		}
		.menu li.info a { 
			background-image: url(../gfx/menu_info.gif); 
			width: 36px;
		}
		.menu li.nieuws a { 
			background-image: url(../gfx/menu_nieuws.gif); 
			width: 58px;
			margin-left: 9px;
		}
		.menu li.diensten a { 
			background-image: url(../gfx/menu_diensten.gif); 
			width: 70px;
			margin-left: 9px;
		}
		.menu li.verhuur a { 
			background-image: url(../gfx/menu_verhuur.gif); 
			width: 64px;
			margin-left: 9px;
		}
		.menu li.links a { 
			background-image: url(../gfx/menu_links.gif); 
			width: 42px;
			margin-left: 9px;
		}
		.menu li.portfolio a { 
			background-image: url(../gfx/menu_portfolio.gif); 
			width: 64px;
			margin-left: 9px;
		}
		.menu li.contact a { 
			background-image: url(../gfx/menu_contact.gif); 
			width: 62px;
			margin-left: 9px;
		}
		.menu li.bestelling a { 
			background-image: url(../gfx/menu_bestelling.gif); 
			width: 80px;
			margin-left: 9px;
		}

ul li a { background-position: top; repeat: none; }
ul li a:hover { background-position: center; repeat: none; border-width: 0px;}
ul li.hier a { background-position: bottom; repeat: none;}


	/* voor de webmagier */
div.toevoegen, div.publish {
	margin: 10px 0px 0px 0px;
	border: 1px solid #333333;
	clear: left;
	}
div.actions, div.toevoegen {
	background-color: #cccccc;
	clear: left;
	}
	
	
#kruimelpad {
	margin-left: 0px;
	padding-left: 10px;
	list-style: none;
}	
	#kruimelpad li {
		float: left;
		margin-right: 4px;
	}	
	
form {}
	fieldset {
		border: 0px;
	}
		label {
			display: block;
			font-weight: bold;
			margin-top: 0.3em;
		}	
		
		.error {
			color: #cc0000;
		}

		span.error {
			display: block;
			}