/* CSS Document */

html {
    background-color:#FFF;
}


textarea {padding:10px;}


h1 {
  font-family:Helvetica;
	font-size:17px;
	margin-top:30px;

	color:#404041}

  i {font-size: 30px;}

h2 {opacity: 0;
margin-top:-10px;}

p{
	margin-top:-5px;
  font-size:16px;
  font-family:Helvetica;
}

body  {

	font-family:sans-serif;
margin:0;
padding: 0;
}

#container {

  margin: 0;

}

#content {
	height:2950px;
	margin:auto;


}

#home {
	width:100%;
	height:600px;
  padding:40px auto 0 auto;
}

#illustratie {
	width:500px;
  height:600px;
  padding-top:305px;
  margin: 0 auto 0 -15px;
  position: relative;
	background-image:url(afbeeldingen/sprite/sprite_illustratie_ogen_new.png);
	background-repeat:no-repeat;
  z-index: 0;
}

#illustratie_ik {
	width:500px;
	height:600px;
	background-image:url(afbeeldingen/sprite/ik_illustratie_zw_new_2.png);
  background-repeat:no-repeat;
  margin: 0 auto;
  z-index: 0;

}

.clouds {
      width: 110px;
      height: 35px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 100px;
      border: 1px solid black;
      background: white;
      padding:65 20 50 20px;
      font-family: Helvetica;
      font-weight: lighter;
      text-align:center;
      color:black;
      font-size:18;

}

#aboutme {
  margin: 85px 0 0 20%;
  position: absolute;
  z-index: 1;
}

#aboutme:hover {
background-color: black;
color:white;
	}

#portfolio {
  margin: 50px 0 0 65%;
	float:left;
  position: absolute;
  z-index: 1;
}

#portfolio:hover {
  background-color: black;
  color:white;
}

#contact {
	margin: 250px 0 0 70%;
	float:left;
  position: absolute;
  z-index: 1;

}


#contact:hover {
  background-color: black;
  color:white;
}



#navigatie {
	list-style-type:none;

}

#navigatie li a{

	text-decoration:none;

}


#Name {

    color:black;
    text-align:center;
    font-size:50px;
    margin-top:-75px;
    font-weight:lighter;
}

#Quote {

    color:black;
    text-align:center;
    margin:30 20% 0 20%;
    font-size:18px;
    font-style:italic;
    font-weight:lighter;
    line-height: 1.5;

}

#about {

	width:600px;
	height:450px;
	background-repeat:no-repeat;
	margin:10px auto 0 auto;
}

#abouttekst {
	font-family:sans-serif;
  padding-top:50px;
  font-weight: lighter;
	height:250px;
	color:#404041;
	font-size:12px;
  line-height:1.3;
  text-align: left;
}


#Title {

    color:black;
    text-align:center;
    font-size:50px;
    margin: 40 0 -20 0;
    padding-bottom:50px;
    font-weight:lighter;
}

#portfoliowerk {

  width:90%;
	height:900px;
	margin:30 10% 0 10%;


}

.portfolio_blok {

  width:300px;
  height:310px;
  color:#FFF;
  font-size: 14px;
  font-family:helvetica;
  position: relative;
  margin-right: 18px;
  margin-bottom:25px;
  float:left;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  line-height: 18px;




}

.portfolio_blok:hover {
color:#404041;
  line-height: 20px; }

.portfolio1{
width:300px;
height:300px;
float:left;
margin-top:15px;
margin-right:8px;
margin:bottom:15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
border: 0px solid #ccc;
position: relative;;
box-shadow: 0px 3px 15px rgba(0,0,0,0.2);


}

.portfolio1:hover {margin-top: 2px;}



.titel1{
	width:176px;
	height:10px;
	color:#fff;
	margin-top:-20px;
	position:absolute;
	font-size:10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  line-height: 0px;
  text-transform: uppercase;
  z-index: 0;

}

.titel1:hover{
  color:black;

  line-height: 10px;
}

.header {

	width:100%;
	height:50px;
	margin-top:150px;
  border-width:thick;

}

#contacten {

	width:340px;
	height:150px;
  margin: 20px auto ;

}

.social {
width:150px;
height:150px;
float:left;
display:inline-block;
margin: 10px;
}

#linkedin {

background-image:url(afbeeldingen/contact/Li.png);
background-size: contain;
background-repeat:no-repeat;;

}


#email {
background-image:url(afbeeldingen/contact/mail.png);
background-repeat:no-repeat;;
}


#tabel {

clear:left;
}

#footer {
  float: left;
	width:100%;
	height:100px;
	background-color:rgba(0,0,0,0.7);
	bottom: 0px;
  margin-bottom: 0px;
  position: relative;
	color:#FFF;
	text-align:center;
	font-size:10px;
  line-height: 100px;
}