* { margin:0; padding:0; }


html  {
	height: 100%;
}

body {
	height: 100%;
	text-align:center;
	background: #000;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;

}

#referenties table   {
	border-collapse: collapse;
	border: 1px solid #C0C0C0;
}

#referenties td {
	border: 1px solid #C0C0C0;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}

#contact td {
	vertical-align: top;
	padding: 3px;
}

#container  {
	background: #fff url(../img/contentbg.png);
	width: 700px;
	position: relative;
	min-height: 100%;
	margin: 0 auto -25px;
	text-align: left;
}

* html #container {
height: 100%;
}

img {
	border: 0;
}

#gallery img {
	margin: 5px;
	padding: 3px;
	background: #fff;
	border: 1px solid #000;
}

.catimg {
	padding: 8px 0 10px 10px;
	border: 0px;
	float: right;
	z-index: 10;
}

#content {
	text-align: left;
	padding: 0 15px 30px 15px;
}

#content p {
	padding: 0 0 5px 0;
	text-align: justify;
}

#content h1{
	background: url(../img/border.png) no-repeat left bottom;
	font-size: 18px;
	height: 30px;
	padding: 25px 0 0px 35px;
	margin-bottom: 10px;
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #370002;
}

#content h2 {
	font-weight: bold;
	font-size: 15px;
	color: #550002;
	font-family: arial, verdana, sans-serif;
	margin-top: 5px;
}

#content a {
	color: #330000;
	text-decoration: underline;
}

#content a:hover {
	color: #ff0000;
}

img {
	border-bottom: 0;
}

#header {
	height: 191px;
	background: #000 url(../img/logo.png);
}

#footer {
	background: #000 url(../img/gradientbg.png) no-repeat top left;
	width: 700px;
	position: relative;
	height: 25px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

#nav ul {float: right;margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; font-family: arial, verdana, sans-serif; font-size:11px; text-transform: uppercase;}
#nav li { display:table-cell; margin:0; padding:0; opacity:.80; -moz-opacity: 0.8;} /* I decided not to use transparancy in Internet Explorer, because the font rendering becomes quite ugly when using it. Why? I don't know! */
#nav a {float:left; color:#fff; background: #444 url(../img/top_left.gif) no-repeat left bottom; margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none; letter-spacing:1px;}
#nav a b {float:left; display:block; background:transparent url(../img/top_right.gif) no-repeat right bottom; padding:5px 8px 5px 8px;}
#nav a:hover {background: #370002 url(../img/top_left.gif) no-repeat left bottom; color:#fff; cursor:pointer;} 
#nav .current a {background: #444 url(../img/top_left.gif) no-repeat left bottom; color:#fff; cursor:default; text-decoration: underline;}