/* 
    Document   : over-ons
    Created on : 24-apr-2013, 21:45:15
    Author     : Onno
    Description:
        Purpose of the stylesheet: werken bij pagina's.
*/
/* content */
#content        {position: relative; top: 0px; margin: 0px; padding: 12px; width: 100%; height: auto;}
#content p      {margin-bottom: 20px;}
#content h1     {margin: 12px 12px;}
#content h2     {margin-bottom: 10px; }


#content img.wp-ronald {float: right; margin: 10px; width: 300px; height: 189px;}

#ref-placeholder     {width: 988px; margin: 0px; padding: 0px;}
#ref-klantervaringen {position: relative; top: 35px; float: right; width: 290px; height: 190px; padding: 5px 0px;}
#ref-klantervaringen h2 {text-align: center;}
#ref-klantervaringen img {float: left; width: 291px; height: 166px;}

#ref-vfl img.vfl {float: right; margin: 4px; width: 200px; height: 268px; border: solid 1px #ffffff;}
#ref-vestia img.vestia {float: right; margin: 4px; width: 200px; height: 181px; border: solid 1px #ffffff;}



/* einde content */

/* main navigatie */
#referentie-menu  {position: relative; width: 988px; padding: 0px 0px 0px 12px; margin: 0px 0px 24px 0px; height: 170px; }


#verticale-navigatie {float: left; width: 44%;}
#verticale-navigatie h1 {margin:  12px 0px 20px 0px; }
#verticale-navigatie h3{line-height: 150%;}
#verticale-navigatie a {color: #ffffff; text-decoration: underline;}
#verticale-navigatie a:hover {color: #99ff00;}
#verticale-navigatie li {margin-bottom: 10px;}

#logo-navigatie     {float: right; width: 56%;  margin-top: 55px; }
#img-wf     {position: relative; float: right;}
#img-3      {position: relative; float: right;}
#img-wp     {position: relative; float: right;}


#logo-navigatie img {float: left; margin: 2px;}
#logo-navigatie img.clear {float: right; position: relative;}
/* einde main navigatie */

/* Content */

#ref-woonplaats, #ref-nccw, #ref-vestia, #ref-vfl, #ref-wf {border-bottom: 2px #ffffff solid; margin-bottom: 20px; width: 68%; float: left;}


#opsommingen li {margin: 0px 0px 10px 14px;}
#opsommingen li.top {margin-top: -14px;}
#content p.opsomming {margin-bottom: 10px;}
#opsommingen ul     {margin-bottom: 20px;}


/* Einde content*/


/* rightside */

#rightside {float: left; margin-left: 120px; width: 260px; height: auto;}
.reageren     {width: 240px; height: 110px; background-color: #99ff00; margin: 4px 0px 10px 0px; padding: 10px;}
.medewerker   {width: 240px; height: 110px; background-color: #99ff00; margin: 4px 0px 10px 0px; padding: 10px;}
p.rightside-reageer  {color: grey;}
h3.rightside-reageer {color: grey; font-weight: bolder; width: 50%;}
p.rightside  {float: left; color: grey; width: 52%;}
h3.rightside {float: left; color: grey; font-weight: bolder; width: 50%;}
img.rightside {float: left; margin-left: 5px; height: auto; width: 45%; margin-top: -13px;}


/* einde rightside */