html{
    background:url(img/bg.jpg);
    font-family: 'arial' !important;
}
div#wrapper{
    position: absolute;
    left:50%;
    top:50%;
    margin-top: -287px;
    margin-left: -400px;
    width: 900px;
    height: auto;
}
.haccordion{
    
}
.haccordion .header, .haccordion .content{
   float: left;
   height: 500px;
   background-color: white;
  }
  
  .haccordion .header{
   width: 29px;
   background: #ccc;
   color: #fff;
   cursor: pointer;
  }
  div#logo{
    /*background:url(img/logo.gif) no-repeat left top;*/
	width: 900px;
    height:75px;
    float: left;
	color:#FFFFFF;
  }
  div#mike{ font-size:58px; margin-left:-3px;}
  div#bovenlander{ font-size:21px; margin-top:-16px;}
  
  .content dfn{font-size: 16px; font-weight: bold; font-style: normal;}
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
   text-align: justify;
   font-size: 13px;
   line-height: 150%;
  }
  .haccordion .content p{
   margin: 5px;
  }
div#profiel{
    background:url(img/profiel.jpg);
}
div#cv{
    background:url(img/cv.jpg);
}
div#portfolio{
    background:url(img/portfolio.jpg);
}
div#werkwijze{
    background:url(img/werkwijze.jpg);
}
div#nieuws{
    background:url(img/nieuws.jpg);
}
div#contact{
    background:url(img/contact.jpg);
}
/*FORMULIEREN*/
form
{
    margin-left: 5px;
}
label
{
    float: left;
    width: 100px;
    text-align: left;
}
input
{
    background-color: #f5f5f5;
    border:1px solid #cccccc;
    margin-bottom: 5px;
}
input:hover, textarea:hover, select:hover{ border: 1px solid #999999;}
select
{
    width: 120px;
    background-color: #f5f5f5;
    border:1px solid #cccccc; 
    margin-bottom: 5px;
}
textarea
{
    width: 240px;
    height: 100px;
    background-color: #f5f5f5;
    border:1px solid #cccccc; 
    margin-bottom: 10px;
}

div#portfolioItem{
    width:650px;
    float:left;
    background-color:#f6ecfd;/*7712ba*/
    color:black;
    padding:10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
div#portfolioItem:hover{ background-color:#7712ba; color:white;}
div#portfolioImage{
    border:1px solid black;
    width:250px;
    height:150px;
    float:left;
}
div#portfolioItem a{color:black; text-decoration:none;}
div#portfolioItem:hover a{color:white; text-decoration:none;}

div#portfolioText{
    width:385px;
    height:150px;
    float:left;
    margin-right:10px;
}
div#cvItem{
    width:650px;
    height:auto;
    float:left;
    background-color:#e6f7ff;/*7712ba*/
    color:black;
    padding:10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
div#vraag{ width:100px; height:auto; float: left;}
div#antwoord{width:500px; height:auto; float: left;}

div#profielItem{
    width:650px;
    height:auto;
    float:left;
    background-color:#eafde2;/*7712ba*/
    color:black;
    padding:10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
div#werkwijzeItem{
    width:650px;
    height:auto;
    float:left;
    background-color:#fee7f2;/*7712ba*/
    color:black;
    padding:10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
div#nieuwsItem{
    width:650px;
    height:auto;
    float:left;
    background-color:#fce6e0;/*7712ba*/
    color:black;
    padding:5px;
    margin-left: 5px;
    margin-bottom: 20px;
}
div#contactItem{
    width:650px;
    height:auto;
    float:left;
    background-color:#fdf7dc;/*7712ba*/
    color:black;
    padding:10px;
    margin-left: 10px;
    margin-bottom: 20px;
}