* {
margin: 0;
padding: 0;
}

html, body {
height: 99.0%;
}
* .container {
height: 99.2%;
}

html {
overflow-y: scroll;
}

body {
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 1.5;

}
a {
color: #00b5df;
}
a:hover,
a:focus {
color: #0a3970;
text-decoration: none;
}

.container {
width: 880px;
padding: 0 0 0 10px;
margin-top: 1%;
position: relative;
background:url(../images/container_shadow.gif) -15px 0 repeat-y;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}

h1.alt, p.alt, h2.alt {
text-indent: -9999px;
display: none;
}
h1 {
font-size: 140%;
}
h2 {
font-size: 130%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 100%;
}
p {
margin-bottom: 1em;
}

ul.head {
overflow: hidden;
}
ul.head li {
float: left;
width: 220px;
height: 220px;
list-style: none;
}
ul.head li a.logo {
background:url(../images/over_ons/logo.gif) 0 0 no-repeat;
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
ul.head li ul.main_menu li,
ul.head li ol.navigation li {
height: auto;
}


ul.head li ul.main_menu {
overflow: hidden;
height: 220px;
}

ul.head li ul.main_menu li {
height: 55px;
}
ul.head li ul.main_menu li a,
ul.head li ol.navigation li a  {
display: block;
height: 100%;
}
ul.head li ul.main_menu li a {
text-indent: -9999px;
}
ul.head li ul.main_menu li a.home {
background: #00194b url(../images/navigatie/home.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a:hover.home,
ul.head li ul.main_menu li a:focus.home {
background: #00194b url(../images/navigatie/home_over.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a.volw {
background: #b4d200 url(../images/navigatie/volwassenen.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a:hover.volw,
ul.head li ul.main_menu li a:focus.volw {
background: #b4d200 url(../images/navigatie/volwassenen_over.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a.oude {
background: #f55500 url(../images/navigatie/ouderen.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a:hover.oude,
ul.head li ul.main_menu li a:focus.oude  {
background: #f55500 url(../images/navigatie/ouderen_over.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a.kind {
background: #1ebed2 url(../images/navigatie/kinderen.gif) 0 0 no-repeat;
}
ul.head li ul.main_menu li a:hover.kind,
ul.head li ul.main_menu li a:focus.kind {
background: #1ebed2 url(../images/navigatie/kinderen_over.gif) 0 0 no-repeat;
}

ul.head li.over_ons {
background: #1ebed2 url(../images/homepage/over-ons1.jpg) 0 0 no-repeat;
}
ul.head li.over_ons span {
text-indent: -9999px;
display: block;
}



ul.head li ol.navigation {
overflow: hidden;
height: 220px;
list-style: none;
}

ul.head li ol.navigation li a {
display: block;
width: 220px;
height: 20px;
text-indent: -9999px;
}

ul.head li ol.navigation li.org {
background: url(../images/navigatie/leftnav/overons/org_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.org a.org {
background: url(../images/navigatie/leftnav/overons/org.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.org a:hover.org,
ul.head li ol.navigation li.org a:focus.org,
ul.head li ol.navigation li.org a.Active {
background: url(../images/navigatie/leftnav/overons/org_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.zd {
background: url(../images/navigatie/leftnav/overons/zd_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.zd a.zd {
background: url(../images/navigatie/leftnav/overons/zd.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.zd a:hover.zd,
ul.head li ol.navigation li.zd a:focus.zd,
ul.head li ol.navigation li.zd a.Active {
background: url(../images/navigatie/leftnav/overons/zd_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.zbem {
background: url(../images/navigatie/leftnav/overons/zbem_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.zbem a.zbem {
background: url(../images/navigatie/leftnav/overons/zbem.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.zbem a:hover.zbem,
ul.head li ol.navigation li.zbem a:focus.zbem,
ul.head li ol.navigation li.zbem a.Active {
background: url(../images/navigatie/leftnav/overons/zbem_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.kwal {
background: url(../images/navigatie/leftnav/overons/kwal_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.kwal a.kwal {
background: url(../images/navigatie/leftnav/overons/kwal.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.kwal a:hover.kwal,
ul.head li ol.navigation li.kwal a:focus.kwal,
ul.head li ol.navigation li.kwal a.Active {
background: url(../images/navigatie/leftnav/overons/kwal_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.bproj {
background: url(../images/navigatie/leftnav/overons/bproj_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.bproj a.bproj {
background: url(../images/navigatie/leftnav/overons/bproj.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.bproj a:hover.bproj,
ul.head li ol.navigation li.bproj a:focus.bproj,
ul.head li ol.navigation li.bproj a.Active {
background: url(../images/navigatie/leftnav/overons/bproj_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.werk {
background: url(../images/navigatie/leftnav/overons/wl_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.werk a.werk {
background: url(../images/navigatie/leftnav/overons/wl.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.werk a:hover.werk,
ul.head li ol.navigation li.werk a:focus.werk,
ul.head li ol.navigation li.werk a.Active {
background: url(../images/navigatie/leftnav/overons/wl_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.nieuws {
background: url(../images/navigatie/leftnav/overons/nieuws_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.nieuws a.nieuws {
background: url(../images/navigatie/leftnav/overons/nieuws.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.nieuws a:hover.nieuws,
ul.head li ol.navigation li.nieuws a:focus.nieuws,
ul.head li ol.navigation li.nieuws a.Active {
background: url(../images/navigatie/leftnav/overons/nieuws_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.samen {
background: url(../images/navigatie/leftnav/overons/samen_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.samen a.samen {
background: url(../images/navigatie/leftnav/overons/samen.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.samen a:hover.samen,
ul.head li ol.navigation li.samen a:focus.samen,
ul.head li ol.navigation li.samen a.Active {
background: url(../images/navigatie/leftnav/overons/samen_hover.gif) 0 0 no-repeat;
}

ul.head li ol.navigation li.serv {
background: url(../images/navigatie/leftnav/overons/service_hover.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.serv a.serv {
background: url(../images/navigatie/leftnav/overons/service.gif) 0 0 no-repeat;
}
ul.head li ol.navigation li.serv a:hover.serv,
ul.head li ol.navigation li.serv a:focus.serv,
ul.head li ol.navigation li.serv a.Active {
background: url(../images/navigatie/leftnav/overons/service_hover.gif) 0 0 no-repeat;
}


.content {
margin-left: 220px;
width: 440px;
padding-left: 10px;
position: relative;
padding-bottom: 20px;
}

.content h3 {
margin-bottom: 20px;
}

.content h3,
.content h3 a {
padding-top: 17px;
color: #00b5df;
font-size: medium;
font-weight: bold;
}

.content .rs {
position: absolute;
top: 5px;
right: 45px;
width: 50px;
height: 25px;
}

* html .content .rs {
right: 10px;
}

.content p {
margin: 1em 20px 1em 0;
}

.content p.Kop6_overons {
margin-top: 30px;
}

.content strong {
color: #00b5df;
}
.content ul,
.content ul {
margin-top: 1em;
margin-bottom: 1em;
}
.content li {
margin-left: 20px;
}
.content ol.newslist {
margin-top: 10px;
}
.content ol.newslist li {
font-size: 85%;
color: #444;
line-height: 1.9;
}
.content ol.newslist li a {
color: #555;
}
.content ol.newslist li a:hover {
color: #00b5df;
text-decoration: none;
}

/* OPTION UNORDERED */
.content .ExtraLinksUL {
background: #f2f2f2;
padding: 5px;
border: 1px solid #ececec;
margin: 10px 20px 10px 0;
}
.content .ExtraLinksUL h5 {
color: #333;
font-size: 80%;
width: 100%;
background: #fff;
line-height: 1.4;
margin-bottom: 5px;
}
.content .ExtraLinksUL ul {
color: #00b5df;
}
.content .ExtraLinksUL li {
margin-left: 20px;
line-height: 1.5;
}
.content .ExtraLinksUL li a {
color: #00b5df;
text-decoration: none;
font-weight: bold;
font-size: 80%;
}
.content .ExtraLinksUL li a:hover,
.content .ExtraLinksUL li a:focus {
color: #00194b;

}

/* NUMBERED */
.content .ExtraLinksOL {
background: #f2f2f2;
padding: 5px;
border: 1px solid #ececec;
margin: 10px 20px 10px 0;
}
.content .ExtraLinksOL h5 {
color: #333;
font-size: 80%;
width: 100%;
background: #fff;
line-height: 1.4;
margin-bottom: 5px;
}
.content .ExtraLinksOL ol {
color: #00b5df;
}
.content .ExtraLinksOL li {
line-height: 1.5;
}
.content .ExtraLinksOL li a {
color: #00b5df;
text-decoration: none;
font-weight: bold;
font-size: 80%;
}
.content .ExtraLinksOL li a:hover,
.content .ExtraLinksOL li a:focus {
color: #00194b;
}

.content .org_button {
position: absolute;
left: -220px;
top: 0;
width: 220px;
}

.content .pageback {
background: url(../images/backpage_oo.gif) 0 0 no-repeat;
height: 18px;
padding-left: 25px;
display: block;
}

table td.small {
font-size: x-small;
color: #666;
}

/* VACATUREOVERZICHT */

ul#jobsList {
list-style: none;
}
ul#jobsList li.joblink {
line-height: 1.9;
margin-left: 0;
margin-bottom: 2px;
}
ul#jobsList li.joblink a {
color: #0a3970;
font-size: x-small;
text-decoration: none;
display: block;
background: #f5f5f5;
}
ul#jobsList li.joblink a:hover,
ul#jobsList li.joblink a:focus {
color: #00b5df;
text-decoration: underline;
}

/* DETAIL */
.WebPartItem div {
background: #e9e9e9;
padding: 10px;
color: #0a3970;
font-weight: bold;
font-size: x-small;
line-height: 1.9;
}



.service_block {
width: 211px;
height: 130px;
position: absolute;
top: 400px;
left: 680px;
background:url(../images/serviceblockB.jpg) 0 0 no-repeat;
}
.service_block ul {
margin-left: 45px;
margin-top: 18px;
list-style:none;
}
.service_block ul li {
line-height: 2.4;
}
.service_block ul li.button {
margin-top: 3px;
margin-left: -10px;
}
.service_block ul li a {
color: #555;
text-decoration: none;
font-size: x-small;
}
.service_block ul li a:hover,
.service_block ul li a:focus {
color: #E1005F;
}
.service_block ul li input {
width: 120px;
border: 1px solid #ccc;
font-size: x-small;
padding: 2px 0 2px 2px;
position: relative;
top: -6px;
left: -12px;
}
.service_block ul li input.button {
width: auto;
position: relative;
top: 1px;
left: -3px;
border: 0;
}




p.zb {
width: 211px;
height: 151px;
position: absolute;
top: 230px;
left: 680px;
z-index: 1001;
}
p.zb a {
display: block;
}
p.zb a img {
border: none;
}

p.po {
width: 211px;
height: 151px;
position: absolute;
top: 230px;
left: 680px;
z-index: 1001;
}
p.po a {
display: block;
}
p.po a img {
border: none;
}


p.skiplinks {
position: absolute;
}
p.skiplinks a {
display: block;
text-indent: -9999px;
}
p.skiplinks a:hover,
p.skiplinks a:focus {

}

ul.leftMenu {
position: absolute;
top: 300px;
left: 10px;
z-index: 1000;
width: 220px;
}
ul.leftMenu li {
list-style: none;
text-align: right;
color: #00b5df;
font-weight: bold;
font-size: 85%;
padding-right: 15px;
}
ul.leftMenu li a {
text-decoration: none;
color: #00b5df;
line-height: 1.8;
}
ul.leftMenu li a:hover,
ul.leftMenu li a:focus,
ul.leftMenu li a.active {
color: #00194b;
text-decoration: underline;
}

/* 	
	donkerblauw: #0a3970;
	lichtblauw: #00b5df;
*/


/* FOOTER */

.footer {
margin-left: 230px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #90A5BE;
}

.footer .footerx {
font-weight: bold;
}

.footer a {
color: #00B5DF;
font-weight: bold;
text-decoration: none;
}

.footer a:hover,
.footer a:focus {
color: #0A3970;
text-decoration: underline;
}