/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	background			: #303956 url(../img/container_bg.gif) repeat-y left top;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 102px;
	background			: #FFF url(../img/home_header_bg.gif) repeat-x left top;
}

#header h1	{
	top					: 5px;
	left				: 25px;
}

#header h1 a	{
	height				: 91px;
	width				: 172px;
	background			: url(../img/home_logo.gif) no-repeat left top;
}

#header h2 {
	position			: absolute;
	top					: 25px;
	left				: 320px;
	width				: 550px;
	height				: 50px;
	text-indent			: -900em;
	background			: url(../img/home_header_titel.gif) no-repeat left top;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	width				: 980px;
	padding				: 0;
	background			: url(../img/home_content_bg.gif) no-repeat left top;
}

#content ul {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#content #info {
	float				: left;
	width				: 400px;
	padding				: 40px;
}

/* LIJST AUTOMATEN */
#content #info ul.lijst_automaten {
	margin				: 30px 0 0 0;
}

#content #info ul.lijst_automaten li {
	/*width				: 272px;
	height				: 54px;*/
	width				: 268px;
	height				: 50px;
	margin				: 0 0 3px 0;
}

#content #info ul.lijst_automaten li a {
	display				: block;
	width				: 268px;
	height				: 50px;
	text-indent			: -900em;
	background			: url(../img/automaat/lijst_automaten2.gif) no-repeat;
}

#content #info ul.lijst_automaten li a.cup-a-soup	 		{ background-position: -5px -5px; }
#content #info ul.lijst_automaten li a.cup-a-soup:hover 	{ background-position: -283px -5px; }

#content #info ul.lijst_automaten li a.koffieautomaten 		{ background-position: -5px -65px; }
#content #info ul.lijst_automaten li a.koffieautomaten:hover{ background-position: -283px -65px; }

#content #info ul.lijst_automaten li a.frisdranken 			{ background-position: -5px -125px; }
#content #info ul.lijst_automaten li a.frisdranken:hover 	{ background-position: -283px -125px; }

#content #info ul.lijst_automaten li a.water 				{ background-position: -5px -185px; }
#content #info ul.lijst_automaten li a.water:hover 			{ background-position: -283px -185px; }

#content #info ul.lijst_automaten li a.zoetwaren 			{ background-position: -5px -245px; }
#content #info ul.lijst_automaten li a.zoetwaren:hover 		{ background-position: -283px -245px; }

#content #info ul.lijst_automaten li a.verswaren 			{ background-position: -5px -305px; }
#content #info ul.lijst_automaten li a.verswaren:hover 		{ background-position: -283px -305px; }

#content #info ul.lijst_automaten li a.occasions 			{ background-position: -5px -365px; }
#content #info ul.lijst_automaten li a.occasions:hover 		{ background-position: -283px -365px; }

/* AUTOMAAT */
#content #automaat {
	float				: left;
	width				: 391px;
	height				: 556px;
	margin				: 40px 0 40px 65px;
	padding				: 0;
	background			: url(../img/automaat/automaat_bg.gif) no-repeat left top;
}

#content #automaat a {
	display				: block;
	text-indent			: -900em;
}

/* menu */
#content #automaat .menu {
	width				: 175px;
	float				: left;
	margin				: 26px 0 0 44px;
_margin					: 26px 0 0 22px;
}

#content #automaat .menu li {
	margin				: 0 0 6px 0;
	width				: 175px;
}

#content #automaat .menu a {
	width				: 175px;
	background			: url(../img/automaat/menu.gif) no-repeat;
	height				: 25px;
}

#content #automaat .menu a.cfresh 				{ background-position: left top; }
#content #automaat .menu a.cfresh:hover 		{ background-position: right top; }

#content #automaat .menu a.maandactie 			{ height: 27px; background: url(../img/automaat/maandactie.gif) no-repeat left top; padding: 0 0 2px 0; }
#content #automaat .menu a.maandactie:hover		{ background: url(../img/automaat/maandactie.gif) no-repeat left top; }

#content #automaat .menu a.info 				{ background-position: left -25px; }
#content #automaat .menu a.info:hover 			{ background-position: right -25px; }

#content #automaat .menu a.voordeel 			{ background-position: left -50px; }
#content #automaat .menu a.voordeel:hover 		{ background-position: right -50px; }

#content #automaat .menu a.service 				{ background-position: left -75px; }
#content #automaat .menu a.service:hover 		{ background-position: right -75px; }

#content #automaat .menu a.nonfood 				{ background-position: left -100px; }
#content #automaat .menu a.nonfood:hover 		{ background-position: right -100px; }

#content #automaat .menu a.food 				{ background-position: left -125px; }
#content #automaat .menu a.food:hover 			{ background-position: right -125px; }

#content #automaat .menu a.fulloperating 		{ background-position: left -150px; }
#content #automaat .menu a.fulloperating:hover	{ background-position: right -150px; }

#content #automaat .menu a.automaten 			{ background-position: left -175px; }
#content #automaat .menu a.automaten:hover 		{ background-position: right -175px; }

#content #automaat .menu a.aanbiedingen 		{ background-position: left -200px; }
#content #automaat .menu a.aanbiedingen:hover 	{ background-position: right -200px; }

/* dranken */
#content #automaat .dranken {
	float				: left;
	width				: 60px;
	margin				: 33px 0 0 63px;
}

#content #automaat .dranken li {
	margin				: 0 0 3px 0;
	width				: 60px;
}

#content #automaat .dranken a {
	width				: 60px;
	height				: 27px;
}

#content #automaat .dranken a.nescafe 			{ background: url(../img/automaat/dranken.gif) no-repeat left top; }
#content #automaat .dranken a.nescafe:hover 	{ background: url(../img/automaat/dranken.gif) no-repeat right top; }

#content #automaat .dranken a.douweegberts 		{ background: url(../img/automaat/dranken.gif) no-repeat left -27px; }
#content #automaat .dranken a.douweegberts:hover { background: url(../img/automaat/dranken.gif) no-repeat right -27px; }

#content #automaat .dranken a.nespresso 		{ background: url(../img/automaat/dranken.gif) no-repeat left -54px; }
#content #automaat .dranken a.nespresso:hover 	{ background: url(../img/automaat/dranken.gif) no-repeat right -54px; }

#content #automaat .dranken a.maxhavelaar 		{ background: url(../img/automaat/dranken.gif) no-repeat left -81px; }
#content #automaat .dranken a.maxhavelaar:hover { background: url(../img/automaat/dranken.gif) no-repeat right -81px; }

#content #automaat .dranken a.cupasoup 			{ background: url(../img/automaat/dranken.gif) no-repeat left -108px; }
#content #automaat .dranken a.cupasoup:hover 	{ background: url(../img/automaat/dranken.gif) no-repeat right -108px; }

#content #automaat .dranken a.pickwick 			{ background: url(../img/automaat/dranken.gif) no-repeat left -135px; }
#content #automaat .dranken a.pickwick:hover 	{ background: url(../img/automaat/dranken.gif) no-repeat right -135px; }

#content #automaat .dranken a.cocacola 			{ background: url(../img/automaat/dranken.gif) no-repeat left -162px; }
#content #automaat .dranken a.cocacola:hover 	{ background: url(../img/automaat/dranken.gif) no-repeat right -162px; }

#content #automaat .dranken a.fanta 			{ background: url(../img/automaat/dranken.gif) no-repeat left -189px; }
#content #automaat .dranken a.fanta:hover 		{ background: url(../img/automaat/dranken.gif) no-repeat right -189px; }

#content #automaat .dranken a.mars 				{ background: url(../img/automaat/dranken.gif) no-repeat left -216px; }
#content #automaat .dranken a.mars:hover 		{ background: url(../img/automaat/dranken.gif) no-repeat right -216px; }


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer {
	clear				: both;
	font-weight			: normal;
	font-size			: 1em;
	color				: #FFF;
	padding				: 10px 30px 0 0;
	background			: url(../img/home_footer_bg.gif) no-repeat left bottom;
	width				: 964px;
	/*height				: 59px;*/
	margin				: 0 auto;
}

#footer .left {
	display				: block;
	float				: left;
	width				: 480px;
	text-align			: right;
}

#footer .right {
	display				: block;
	float				: right;
	width				: 435px;
	text-align			: left;
}
	
#footer a {
	color				: #FFF;
}

#footer address {
	font-style			: normal;
	padding				: 10px 0 15px 0;
}

#footer address .type {
	display				: none;
}

.ontwikkeld {
	padding				: 10px 30px 10px 0;
	width				: 964px;
	margin				: 0 auto;
	font-size			: 0.9em;
	color				: #FFF;
	text-align			: right;
	clear				: both;
}

.ontwikkeld a {
	color				: #FFF;
}