body {
	font-family:"Courier New", Courier, monospace;
	font-size:90%;
	color: #DDDDDD;
	text-align:center;
}
.container {
	width:	950px;
		margin:0 auto;
  	position: relative;
}
#container-home {
	height: 670px;
	background: url(../img/home-achtergrond.jpg) no-repeat;
}
#container-contact {
	height: 670px;
	background: url(../img/contact.jpg) no-repeat -1px top;
}
#container-info {
	height: 670px;
	background: url(../img/info2.jpg) no-repeat center top;
}
#container-shop {
	height: 1670px;
}

#header {
	width:	950px;
	margin:0 auto;
  	position: relative;
	background: url(../img/balk.png) no-repeat;
	padding: 59px 0 0 0;
}
#header div, #header div a {
	float:left;
}
#header div a {
	display:block;
}
#preload {}
#hover-home {background: url(../img/home-rood.png) no-repeat;}
#hover-portfolio {background: url(../img/portfolio-rood.png) no-repeat;}
#hover-info {background: url(../img/info-rood.png) no-repeat;}
#hover-contact {background: url(../img/contact-rood.png) no-repeat;}
#hover-shop {background: url(../img/shop-rood.png) no-repeat;}
#hover-links {background: url(../img/links-rood.png) no-repeat;}

#voor-home {
	width:87px;
	height: 66px;
	background: url(../img/voor-home.png) no-repeat;
}
#menu-home a {
	width:103px;
	height: 66px;
	background: url(../img/home-zwart.png) no-repeat;
}
#menu-home a:hover {
	background: url(../img/home-rood.png) no-repeat;
}
#voor-portfolio {
	width:13px;
	height: 66px;
	background: url(../img/voor-portfolio.png) no-repeat;
}
#menu-portfolio a {
	width:150px;
	height: 47px;
	background: url(../img/portfolio-zwart.png) no-repeat;
	cursor:default;
}
#menu-portfolio a:hover {
	/*background: url(../img/portfolio-rood.png) no-repeat;*/
}
#menu-portfolio {
	height: 57px;
	background: url(../img/onder-portfolio.png) no-repeat bottom;
}
#voor-info {
	width:19px;
	height: 53px;
	background: url(../img/voor-info.png) no-repeat;
}
#menu-info a {
	width:87px;
	height: 47px;
	background: url(../img/info-zwart.png) no-repeat;
}
#menu-info a:hover {
	background: url(../img/info-rood.png) no-repeat;
}
#voor-contact {
	width:34px;
	height: 66px;
	background: url(../img/voor-contact.png) no-repeat;
}
#menu-contact a {
	width:112px;
	height: 66px;
	background: url(../img/contact-zwart.png) no-repeat;
}
#menu-contact a:hover {
	background: url(../img/contact-rood.png) no-repeat;
}
#voor-shop {
	width:18px;
	height: 66px;
	background: url(../img/voor-shop.png) no-repeat;
}
#menu-shop a {
	width:96px;
	height: 47px;
	background: url(../img/shop-zwart.png) no-repeat;
}
#menu-shop a:hover {
	background: url(../img/shop-rood.png) no-repeat;
}
#menu-shop {
	height: 59px;
	background: url(../img/onder-shop.png) no-repeat bottom;
}
#voor-links {
	width:19px;
	height: 58px;
	background: url(../img/voor-links.png) no-repeat;
}
#menu-links a {
	width:130px;
	height: 37px;
	background: url(../img/links-zwart.png) no-repeat;
	cursor:default;
}
#menu-links a:hover {
	/*background: url(../img/links-rood.png) no-repeat;*/
}
#menu-links {
	height: 48px;
	background: url(../img/onder-links.png) no-repeat bottom;
}

.title {
	text-align: left;
	line-height:40px;
	position:absolute;
	top:145px;
	left:300px;
	color:#000;
	font-size:210%;
	font-weight:600;
}
.text {
	text-align: left;
	position:absolute;
	top:200px;
	left:300px;
	color:#222222;
	width: 450px;
}	
.text p {
	margin: 0 0 15px 0;
}
a.email {
	display:block;
	position:absolute;
	top:476px;
	left:538px;
	width:272px;
	height:25px;
	background: url(../img/emailrood.png) no-repeat -9999px;
}
a.tim {
	display:block;
	position:absolute;
	top:597px;
	left:407px;
	width:193px;
	height:14px;
	background: url(../img/timrood.png) no-repeat -9999px;
}
a.email:hover,a.tim:hover {
	background-position: bottom;
}