/* 

---------------------------------------------------------------------------

Reset de waarden

--------------------------------------------------------------------------- 

*/



html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {

	margin:0;

	padding:0;

	}

	

ul,li {

	list-style-type:none;

	}

	



body {

	font:	12px/18px  Arial, Helvetica,sans-serif;

	background: #fff url(bg.gif) repeat-x;

	color:#222;

	text-align: center;

}

	

img {

	border:0;

	}	

	

p {

	margin: 0 0 1.6em 0;

}





/* 

---------------------------------------------------------------------------

Float Fix

--------------------------------------------------------------------------- 

*/



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */



/* 

---------------------------------------------------------------------------

Container

--------------------------------------------------------------------------- 

*/



#container {

	width: 830px;

	margin: 0 auto;

	text-align: left;

	position: relative;

}



/* 

---------------------------------------------------------------------------

Header

--------------------------------------------------------------------------- 

*/



#header {

	width: 100%;

	height: 147px;

	position: relative;

	display: block;



}



#nav {

	height: 20px;

	width: 100%;

}



#nav li {

	float: left;

	margin-right: 29px;

	display: inline;

}



#nav li a {

	color: #fff;

	font-size: 12px;

	text-transform: uppercase;

	padding-right: 5px;

	text-decoration: none;

	font-weight: bold;

	padding: 12px 2px 11px 0;

	display: block;

}



#nav li a:hover, #nav li a.active {

	color: #be0101;

}





#logo h1 a {

	text-decoration: none;

	font-size: 10px;

	display: block;

	width: 830px;

	height: 89px;

	background: url(logo.gif) no-repeat;

	position: absolute;

	left: 0;

	bottom: 0px;

	margin: 0;

}



#logo h1 a span {

	visibility: hidden;

}





/* 

---------------------------------------------------------------------------

Content-container

--------------------------------------------------------------------------- 

*/



#content-container {

	width: 100%;

	margin-top: 45px;

	margin-bottom: 30px;

	

}



/* 

---------------------------------------------------------------------------

Sidebar

--------------------------------------------------------------------------- 

*/



#sidebar {

	float: left;

	width: 145px;

}



#sidebar ul {

	border-top: 1px solid #ccc;

	margin-bottom: 2px;

}



#sidebar ul li {

	border-bottom: 1px solid #ccc;

	

}



#sidebar ul li a {

	display: block;

	padding: 1px 0;

	color: #3d3d3d;

	text-decoration: none;

}



#sidebar ul li a:hover, #sidebar ul li a.active {
	color: #000000;
	background-color: #FFFFFF;

}



#sidebar address {

	background: #f0f0f0 url(envelop.gif) no-repeat 170px 150px;

	border: 1px solid #ccc;

	padding: 10px;

	font-style: normal;

	color: #be0101;

	font-size: 11px; 

}



#sidebar address a {

	color: #be0101;

}



/* 

---------------------------------------------------------------------------

Content

--------------------------------------------------------------------------- 

*/



#content {

	float: left;

	display: inline;

	margin-left: 60px;

	width: 525px;

	padding: 8px

}



#content h2 {

	color: #9B161D;

	font-size: 24px;

	font-weight: normal;

	margin-bottom: 15px;

}



#content a {

	color: #be0101;

}



#content ul li {

	padding-left: 15px;

	background: url(bullet.gif) no-repeat left 6px;

	margin-bottom: 4px;

}







/* 

---------------------------------------------------------------------------

Footer

--------------------------------------------------------------------------- 

*/



#footer {

	clear: both;

	border-top: 1px solid #ccc;

}



#footer p {

	float: right;

	color: #999;

	font-size: 11px;

	margin: 5px 0;

}