/* --------------------------------	*/
/* background					 	*/
/* --------------------------------	*/
#background	{
	background			: url(../img/background/home.jpg) repeat-x center top;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 359px;
	background			: url(../img/header-home-bg.jpg) no-repeat left top;
}

/* Beeldmerk */
#header .beeldmerk	{
	position			: absolute;
	right				: 0;
	top					: 28px;
	z-index				: 40;
	width				: 268px;
	height				: 279px;
	background			: url(../img/home-beeldmerk.png) no-repeat left top;
}

/* Foto's */
#header ul.headerfotos {
	position			: absolute;
	left				: 12px;
	top					: 40px;
	z-index				: 20;
	width				: 957px;
	height				: 267px;
	overflow			: hidden;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	top					: 300px;
}

/* --------------------------------	*/
/* zoekform						 	*/
/* --------------------------------	*/
#zoekform {
	top					: 317px;
}

/* --------------------------------	*/
/* main				 	*			*/
/* --------------------------------	*/
#main {
	position			: relative;
	padding				: 15px 0 10px 30px;
	background			: #004035 url(../img/body-bg.png) repeat-x left -382px;	
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 545px;
	min-height			: 178px;
	_height				: 178px;
	padding				: 0 16px 0 0;
	border-right		: 1px dashed #bfd6d1;
	color				: #FFF;
}

#content h1	{
	width				: 384px;
	height				: 50px;
	margin				: 0;
	text-indent			: -900em;
	background			: url(../img/titel-home.png) no-repeat left top;
}

#content a 			{ color: #FFF; }
#content a:hover 	{ color: #FFF; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #FFF; }

/* Button echt achterhoek */
#content a.echtachterhoek {
    display             : block;
    width               : 295px;
    height              : 55px;
    margin              : 10px 0 0 0;
    text-indent         : -900em;
    background          : url(../img/logo-echt-achterhoek.png) no-repeat left top;
}

#content a.echtachterhoek:hover {
    background-position : left bottom;
}

/* Button AAA */
#main .button-aaa {
	position			: absolute;
	left				: 620px;
	top					: 30px;
	display				: block;
	width				: 324px;
	height				: 72px;
	text-indent			: -900em;
	background			: url(../img/button-aaa.png) no-repeat left top;
}

#main .button-aaa:hover {
	background			: url(../img/button-aaa.png) no-repeat left bottom;
}

/* logo duurzaam mobiel*/
#main img.duurzaam {
	position			: absolute;
	top					: 115px;
	left				: 735px;
	border				: solid 1px #00483b;
}

/* --------------------------------	*/
/* frontpage blok				 	*/
/* --------------------------------	*/
#frontpage  {
	overflow			: hidden;	
	margin				: 10px 0 0 0;
	line-height			: 1.6em;
	font-size			: 0.9em;
	background			: url(../img/frontpage-bg.png) repeat-y left top;
}

#frontpage h2	{
	font-size			: 1.8em;
	line-height			: normal;
	color				: #bb2a39;
}

#frontpage h3 {
	color				: #007f61;	
}

#frontpage a  {
	font-weight			: bold;
	color				: #bc293a;	
}

#frontpage .hover {
	background			: #EEE;	
}

/* Uitgelicht */
#uitgelicht {
	float				: left;
	width				: 392px;
	padding				: 5px 0;
}

#uitgelicht h2 {
	margin				: 0 0 10px 25px;
}

#uitgelicht .item {
	width				: 345px;
	padding				: 5px 22px 5px 25px;	
}

#uitgelicht img {
	float				: right;
	margin				: 3px 0 0 5px;
	border				: 4px solid #FFF;
}

/* Nieuws */
#nieuws {
	float				: left;
	width				: 198px;
	padding				: 5px 0 5px 1px;
}

#nieuws h2 {
	margin				: 0 0 10px 19px;
}

#nieuws .item {
	width				: 170px;
	padding				: 5px 9px 5px 19px;	
}

#nieuws .datum {
	color				: #a6a5a5;	
}

/* Agenda */
#agenda {
	float				: left;
	width				: 176px;
	padding				: 5px 0 5px 1px;
}

#agenda h2 {
	margin				: 0 0 10px 15px;
}

#agenda .item {
	width				: 150px;
	padding				: 5px 11px 5px 15px;
}

/* Regio in beeld */
#regio {
	float				: left;
	width				: 211px;
	padding				: 5px 0 5px 1px;
}

#regio h2 {
	margin				: 0 0 10px 10px;
}

#regio .item {
	width				: 185px;
	padding				: 5px 16px 5px 10px;
}


