* {
	padding: 0;
	margin: 0;
}
html, body{
     
     border: 0px none;
     font-family: helvetica;
     font-weight: 100;
}
img {
	border: none;
}
#container {
     background: url(../images/container_back.png) transparent top left;
     border: 1px solid #C5C5C5;
     color: gray;
     height: 416px;
     padding: 0;
     width: 750px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -375px;
     margin-top: -230px;
}

#logo {
     float: left;
     margin: 60px 0 0 60px;
     width: 319px;
     height: 200px;
     background: url(../images/logo.png) no-repeat top left transparent;
}
#logo:hover {
	background: url(../images/matthijs.jpg) 0 -29px no-repeat;
}
#contact {
     float: right;
     margin: 60px 60px 0 0;
     width: 260px;
}
#contact #info {
     letter-spacing: 1px;
}
#contact a:hover {
    background: url(../images/darkhover.png) transparent;
    color: white;
    padding: 0 2px;
}

#contact #info h1 {
	font-variant: normal;
	font-style: normal;
	font-weight: lighter;
	font-family: novecento;
	font-size: 20px;
	margin: 0;
	display: block;
     color: #222222;
}
#contact #info h1#firstname {
	font-size: 50px;
	height: 40px;
}
#contact #info h1#lastname {
	font-size: 37px;
	height: 74px;
}
#contact #info h2 {
	font-variant: normal;
	font-style: normal;
	font-weight: lighter;
	font-family: novecento;
	text-align: justify;
	padding: 0;
	display: block;
}
#contact #info h2#email {
	font-size: 12px;
	height: 9px;
}
#contact #info h2#tel {
	font-size: 22px;
	height: 17px;
}
#contact #info h2#street {
	font-size: 32px;
	height: 26px;
}
#contact #info h2#city {
	font-size: 28px;
	height: 30px;
}

#text {
     text-align: center;
     position: absolute;
     bottom: 15px;
     width: 750px;
}

.matthijs {
     float: right;
}

a {
     color: black;
     text-decoration: none;
}


#text h1, #text h3 {
     color: #222222;
     font-weight: 100;
     font-family: novecento;
     font-size: 13px;
     margin-bottom:  8px;
     
     display: inline-block;
     height: 15px;
}

#text h1 {
     font-size: 14pt;
}

#socialwrap {
	height: 41px;
	float: left;
	text-align: center;
	width: 100%;
}
#socialwrap #social {
	height: 41px;
	width: 194px;
	margin: 0 auto;
	position: relative;
	top: 18px;
}
#socialwrap #social a {
	display: block;
	height: 41px;
	width: 41px;
}
#socialwrap #social #twitter {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/twitter.png) no-repeat top left transparent;
}
#socialwrap #social #linkedin {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/linkedin.png) no-repeat top left transparent;
}
#socialwrap #social #twitter:hover {
	background: url(../images/twitter_hover.png) no-repeat top left transparent;
}
#socialwrap #social #linkedin:hover {
	background: url(../images/linkedin_hover.png) no-repeat top left transparent;
}
#socialwrap #social #facebook {
	background: url(../images/facebook.png) no-repeat top left transparent;
	margin: 0 auto;
}
#socialwrap #social #facebook:hover {
	background: url(../images/facebook_hover.png) no-repeat top left transparent;
}
#footer {
	position: absolute;
	background: url(../images/container_back.png) transparent top left;
	bottom: 0;
	width: 100%;
}
#footer h3 {
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	padding: 2px 3px;
     color: #222222;
     font-weight: 100;
     font-family: novecento;
}
#footer a:hover {
    background: url(../images/darkhover.png) transparent;
    color: white;
    padding: 0 2px;
}