*{
  font-family:            Arial, Verdana, Sans-Serif;
}
div{
	padding-left:20px;	
}
html{
  margin:                 0px;
  padding:                0px;
}
body{
  margin:                 0px;
  padding:                0px;
}
p{
  margin:                 0px 0px 10px 0px;
  padding:                0px 10px 0px 2px;
  font-size:              11px;
  color:					         #777;
  font-family:            Verdana, Sans-Serif;
  line-height:				    16px;
}
li{
	margin: 5px 0px;
  font-size:              11px;
  color:					       #777;
  font-family:            Verdana, Sans-Serif;
}
div#content{
  height:                 560px;
}
div#logo{
  position:               absolute;
  left:                   700px;
  top:                    20px;
}
#lijnen{
  width:                  166px;
  position:               absolute;
  top:                    0px;
  left:                   80px;
  height:                 560px;
}
div#header{
  padding:                20px 0px 0px 270px;
}
#header{
  color:                  #aaa;
  font-size:              0.6em;
}
a{
  color:                  #000;
  text-decoration:        underline;
}
a:hover{
  color:                  #aaa;        
}
div#text{
  padding:                10px 0px 0px 270px;
  width:                  320px;
  overflow:				  auto;
  height:				 518px;
}
div#footer{
  border-top:             5px #ddd solid;
  text-align:             center;
  color:                  #aaa;
  font-size:              0.6em;
  padding-top:            5px;
}

.intro{
  background-image:       url(../img/intro.jpg);
  background-repeat:      no-repeat;
  background-color:       #C5D62E;
}

.intro_verder{
  position:               absolute;
  left:                   20px;
  top:                    460px;
}

.intro_verder img{
	border: 0;
}
.intro_verder a:hover{
	border-bottom: 1px #fff solid;
}

.home, .contact, .directeur, .medewerker, .manager, .aanbod{
  background-image:       url(../img/visual_boompje.jpg);
  background-repeat:      no-repeat;
  background-position:    bottom left;
  background-color:       #fff;
}

.ontwikkeling{
  background-image:       url(../img/visual_ontwikkeling.jpg);
  background-repeat:      no-repeat;
  background-position:    bottom left;
  background-color:       #fff;
}

.verbinding{
  background-image:       url(../img/visual_verbinding.jpg);
  background-repeat:      no-repeat;
  background-position:    -100px bottom;
  background-color:       #fff;
}

.vertrouwen{
  background-image:       url(../img/visual_vertrouwen.jpg);
  background-repeat:      no-repeat;
  background-position:    -100px bottom;
  background-color:       #fff;
}

.authentiek{
  background-image:       url(../img/visual_authentiek.jpg);
  background-repeat:      no-repeat;
  background-position:    -100px bottom;
  background-color:       #fff;
}

.over_focus_academy h1, .pers h1{
	/* color:#C3D62D; */
	margin:4px 0px;
	font-size:16px;
	cursor:pointer;
}
.over_focus_academy h5{
/*	color:#C3D62D;*/
	color:#666;
	margin:4px 0px;
	font-size:12px;
	cursor:pointer;
}
.pers a{
  font-size:14px;
}

.agenda #text, .pers #text, .over_focus_academy #text{
  width:700px;
}

.agenda table{
  border-collapse: collapse;
  vertical-align:top;
  font-size:10px;
  border-top: 1px #eee solid;
  margin-bottom: 10px;
  text-align: left;
  width:600px;
}

.agenda th, .agenda td{
  vertical-align: top;
  padding: 4px 4px;
  border-bottom: 1px #ddd solid;
  font-size:12px;
}

.agenda th{
  width: 160px;
  background-color:#eee;
}

.agenda td{
  font-weight:normal;
}

.agenda p{
  font-size: 10px;
  color: #aaa;
}
.actueelText p{
	text-align:justify;
  width:600px;
}
.actueelText h1{
  width:600px;
}
li.link{
  cursor: pointer;
}
li div.box{
  display: none;
  padding:5px;
  border-left: 4px #eee solid;
}

.ofa ul{
	display: none;
	list-style:square;
	padding: 0px;
	padding-left:12px;
	margin:0px;
}

.ofa ul li{
	font-size: 14px;
}
.box ul{
	display:block;	
	margin-left:20px;
	font-size:10px;
	list-style:circle;
}
.box ul li{
	font-size:10px;
}