html, body 
{
	margin				: 0;
	padding				: 0;
	background-color	: #fff;
}
body
{
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #fff;
}

#text a, #footer a
{
	text-decoration		: none;
	color				: #ddd;
	border-bottom		: 1px solid #fff;
}
#container #footer a
{
	color				: #373737;
}
#text a:visited
{
	border-bottom		: 1px dotted #ddd;
}
#text a:hover
{
	border-bottom		: 1px dotted #ddd;
}

#container
{
	width				: 818px;
	margin				: 0px auto 10px auto;
	background			: url('../img/bg/container.png') repeat-y left top;
}
#main
{
	background-color	: #373737;
	margin				: 0 9px;
}

/* HEADER */
#header
{
	height				: 150px;
	background			: #fff url('../img/bg/header.jpg') no-repeat left top;
	width				: 800px;
}
#logo
{
	padding				: 50px 0 0 24px;
	position			: absolute;
	display				: block;
	height				: 51px;
	width				: 217px;
	text-decoration		: none;
	/*background			: url('../img/bg/tomazzi-logo.gif') no-repeat right bottom;*/
}
#logo span
{
	visibility			: hidden;
	font-size			: 1px;
}


/* navigation */
#navigation
{
	padding				: 8px 0 0 2px;
	margin				: 0px;
	list-style-type		: none;
	border-top			: 1px solid #fff;
	border-bottom		: 1px solid #fff;
	display				: block;
	height				: 25px;
}
#navigation li
{
	display				: inline;
}
#navigation a
{
	text-decoration		: none;
	color				: #fff;
	padding				: 0 15px;
	text-transform		: uppercase;
	font				: bold 13px arial; /*'trebuchet ms';*/
}
#navigation a:hover, #navigation a.selected
{
	color				: #aaa;	
}

/* text */
#content
{
	font				: normal 13px arial;
	padding				: 30px 0;
}
#content h1, #content h2, #content h3
{
	font				: bold 14px arial; /*'trebuchet ms';*/
	text-transform		: uppercase;
	margin				: 0px;
}
#content h2
{
	font-size			: 13px;
}
#content h3
{
	font-size			: 12px;
}
#text
{
	margin				: 0 45px 0 242px;
}
#noitems #text
{
	margin-left			: 0px;
	padding-left		: 75px;
}
#noitems .item .button
{
	display				: block;
	float				: left;
	width				: 200px;
	padding				: 150px 10px 0 10px;
	text-align			: center;
	background			: url('../img/bg/button.2.png') no-repeat center top;
	text-decoration		: none;
	border				: none;
	color				: #fff;
	font-size			: 20px;
}
/* sidebar */
#sidebar
{
	float				: left;
	padding-left		: 45px;
	width				: 170px;
}
#sidebar div.item
{
	margin-bottom		: 9px;
}
#sidebar a.button
{
	margin-left			: 35px;
	display				: block;
	height				: 63px;
	padding				: 40px 10px 0 10px;
	width				: 85px;
	background			: url('../img/bg/ohm.gif') no-repeat left top;
	color				: #fff;
	text-decoration		: none;
	text-align			: center;
	font				: bold 11px 'trebuchet ms', arial;
	text-transform		: uppercase;
}

hr.clear
{
	visibility			: hidden;
	clear				: both;
	margin				: 0px;
	padding				: 0px;
	height				: 1px;
}

/* projecten */
ul.projecten
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}
ul.projecten li
{
	padding				: 5px;
}
#container #text ul li a img
{
	border				: none;
	text-decoration		: none;
}
#container #text ul li a
{
	border				: none;
}


/* FOOTER */
#footer
{
	clear				: both;
	height				: 72px;
	padding				: 153px 0 0 32px;
	background			: url('../img/bg/footer.gif') no-repeat left bottom;
	color				: #373737;
	text-transform		: uppercase;
	font-size			: 10px;
}

hr.clearbottom
{
	clear				: both;
	visibility			: hidden;
	margin				: 1px 0;
}

/* additional */
form tr.first
{
	display				: none;
}
label
{
	cursor				: pointer;
}

img.floatleft
{
	float				: left;
	margin				: 0 5px 5px 0;
}
img.floatright
{
	float				: right;
	margin				: 0 0px 5px 5px;
}