html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	font: 11px Arial, Tahoma, Verdana sans-serif;
	color: #fff;
}

/* Selectors */
#flash_holder {
	background-color: #000;
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#footer {
	margin: 50px auto;
	text-align: left;
	width: 1000px;
}

#footer #canvas{
	margin: 0;
	padding: 0;
	height: 220px;
}

#canvas .title{
	margin: 0 0 25px 0;
}

/*--------------------footer-menu--------------*/
#canvas #menu{
	float: left;
	margin: 0 70px 0 0;
	padding: 0;
	width: 130px;
}

#canvas #menu ul{
	margin: 0;
	padding: 0;
}

#canvas #menu ul li{
	margin: 0 0 16px 0;
	padding: 0;
}

#canvas #menu ul li.home{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_home.gif) no-repeat top left;
	width: 128px;
	height: 14px;
	text-indent: -999em;
}
#canvas #menu ul li.home a {
	width: 128px; height: 14px; display: block;
}

#canvas #menu ul li.trendesign{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_trendesign.gif) no-repeat top left;
	width: 128px;
	height: 18px;
	text-indent: -999em;
}
#canvas #menu ul li.trendesign a {
	width: 128px; height: 18px; display: block;
}

#canvas #menu ul li.werkwijze{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_werkwijze.gif) no-repeat top left;
	width: 128px;
	height: 19px;
	text-indent: -999em;
}
#canvas #menu ul li.werkwijze a {
	width: 128px; height: 19px; display: block;
}

#canvas #menu ul li.portfolio{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_portfolio.gif) no-repeat top left;
	width: 128px;
	height: 15px;
	text-indent: -999em;
}
#canvas #menu ul li.portfolio a {
	width: 128px; height: 15px; display: block;
}

#canvas #menu ul li.opdrachtgevers{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_opdrachtgevers.gif) no-repeat top left;
	width: 128px;
	height: 19px;
	text-indent: -999em;
}
#canvas #menu ul li.opdrachtgevers a {
	width: 128px; height: 19px; display: block;
}

#canvas #menu ul li.contact{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_contact.gif) no-repeat top left;
	width: 128px;
	height: 15px;
	text-indent: -999em;
}
#canvas #menu ul li.contact a {
	width: 128px; height: 15px; display: block;
}

#canvas #menu ul li.blog{
	margin: 0 0 16px 0;
	padding: 0;
	background: url(../images/footer/Menu/b_menu_blog.gif) no-repeat top left;
	width: 128px;
	height: 18px;
	text-indent: -999em;
}
#canvas #menu ul li.blog a {
	width: 128px; height: 18px; display: block;
}
/*------------------footer-contact--------------*/
#canvas #contact{
	float: left;
	margin: 0 70px 0 0;
	padding: 0;
	width: 130px;
}

#canvas #contact ul{
	margin: 0;
	width: 300px;
}

#canvas #contact ul li, #canvas #contact ul li a,#canvas #contact ul li a:hover{
	font-family:  Tahoma, Verdana, Geneva;
	font-size: 12px;
	line-height: 24px;
	color: #272727;
	text-decoration: none;
}

#canvas #contact ul li.maps{
	margin: 27px 0 0 0;
	padding: 0;
	background: url(../images/footer/b_contact_maps.gif) no-repeat top left;
	width: 87px;
	height: 13px;
	text-indent: -999em;
}
#canvas #contact ul li.maps a {
	width: 87px; height: 13px; display: block;
}

/*------------------footer-team--------------*/
#canvas #team{
	float: left;
	margin: 0 70px 0 0;
	padding: 0;
	width: 150px;
}

#canvas #team ul{
	margin: 4px 0 0 0;
	padding: 0;
}

#canvas #team ul li a, #canvas #team ul li a:hover{
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	font-family:  Tahoma, Verdana, Geneva;
	font-size: 12px;
	color: #272727;
	list-style: none;
	text-decoration: none;
}

#canvas #team ul li .bram, .dirk, .erina, .paul, .ronnie, .sjoerd, .wouter{
	margin: 3px 6px 0 0;
	padding: 0;
	float: left;
	width: 3px;
	height: 9px;
}

.bram{background: #49a8b5;}
.dirk{background: #ffc000;}
.erina{background: #ff63b8;}
.paul{background: #15f2b1;}
.ronnie{background: #db2240;}
.sjoerd{background: #56b549;}
.wouter{background: #b58649;}


#right{
	float: left;
	width: 310px;
}

/*------------------footer-social-media--------------*/
#canvas #media{
	float: left;
	margin: 0 70px 41px 0;
	padding: 0;
	width: 310px;
}

#canvas #media ul{
	margin: 0;
	padding: 0;
}

#canvas #media ul li{
		padding: 0;
}


#canvas #media ul li.youtube {	
	float: left;
	margin: 0 56px 0 0;
	background: url(../images/footer/socialmedia/b_media_youtube.gif) no-repeat top left;
	width: 57px;
	height: 23px;
	text-indent: -999em;
}

#canvas #media ul li.youtube a {
	width: 57px; height: 23px; display: block;
}
#canvas #media ul li.flickr {
	float: left;
	margin: 0 56px 0 0;
	background: url(../images/footer/socialmedia/b_media_flickr.gif) no-repeat top left;
	width: 57px;
	height: 23px;
	text-indent: -999em;
}

#canvas #media ul li.flickr a {
	width: 57px; height: 23px; display: block;
}

#canvas #media ul li.twitter {
	float: left;
	margin: 0;
	background: url(../images/footer/socialmedia/b_media_twitter.gif) no-repeat top left;
	width: 59px;
	height: 23px;
	text-indent: -999em;
}

#canvas #media ul li.twitter a {
	width: 59px; height: 23px; display: block;
}


.input-nieuwsbrief{
	float: left;
	margin: 0;
	padding:5px 0 0 5px;
	border-right: none;
	border-left: 2px solid #dedede;
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
	background: url(../images/footer/input-field.gif);
	width: 192px;
	height: 18px;
	font: 12px Tahoma, Verdana, Arial sans-serif;
	color: #272727;
}

.input-nieuwsbrief_button{
	float: left;
	margin: 0 0 0 -3px;
	padding: 0;
	border: 0;
	width: 87px;
	height: 27px;
	color: #fff;
	text-indent: -999em;
	background: url(../images/footer/input-field-button.gif) no-repeat left top;
}

.clear{
	clear: both;
}