body{
background: #006F82;
text-align: center;
margin: 0px;
padding: 0px;
overflow:auto;
}
.invis{
display:none;
}

.wrapper{
width:945px;
text-align:left;
background: white;
margin: 0px auto;
}
#canvas{
height: 100%;
width:945px;
text-align:left;
background: white;
margin: 0px auto;	
}
/*/*******************************************************/
#navigatie{
width:172px;
float:left;
min-height:100%;
_height: 100%;
background:#c5cc5f url("../images/bg_navigatie.jpg") no-repeat 0px 140px;
overflow: hidden;
}

#navigatie h1{
background: white url("../images/vpo_logo.gif") no-repeat 16px 20px;
margin:0px;
padding:0px;
}
#navigatie h1 a{
display:block;
width: 172px;
height: 140px;
}

#navigatie ul{
margin:0px;
padding:0;
list-style-type: none;
}

#navigatie li{
margin:0px 0px 8px 0px;
/*background:transparent no-repeat 15px 10px;*/
border:1px solid #CCD793;
border-width: 1px 0px 1px 0px;
width:172px;
}


#navigatie li a{
display:block;
padding:7px 0 8px 17px;
width:172px;
color:#0083A9;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

#navigatie li a:hover{
color:#fff;
background: url("../images/nav_on.gif") no-repeat;
}

#navigatie li.active{
color:#fff;
}

#navigatie li.active a {
color:#fff;
}

#navigatie li.active a:hover {
background:none;
}

#navigatie li.active li {
margin:0;
border:none;
}

#navigatie li.active ul{
border-top:solid 1px #CCD793;
padding-bottom:3px;
}

#navigatie li.active li a{
font-size:11px;
color:#0083A9;
margin:0px;
padding:0px 0px 0px 27px;
}

#navigatie li.active li a:hover {
background:none;
color:#fff;
}

#navigatie li.active li.active a {
color:#fff;
}

/*/*******************************************************/
#content #metanavigatie{
padding: 45px 0px 0px 30px;
margin: 0px;
}
#content #metanavigatie li, #content #metanavigatie ul{
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#content #metanavigatie a, #content #metanavigatie a:visited{
display: inline;
padding: 0px 10px 0px 0px;
margin: 0px;
font: normal 11px/150% verdana;
color:#B2BB1C;
text-decoration:none;
}
#content #metanavigatie a:hover{
display: inline;
padding: 0px 10px 0px 0px;
margin: 0px;
font: normal 11px/150% verdana;
color:black;
text-decoration:none;
}

#content{
/*width:456px;*/
width:515px;
float:left;
overflow:hidden;
padding: 0px 0px;
min-height:100%;
_height: 100%;
background:#DEEBF0 url("../images/bg_content.jpg") no-repeat 0px 0px;
}

#content #contentkader{
height: 655px;
padding: 10px 30px 0px 30px;
overflow: auto;
scrollbar-base-color: #DEEBF0;
}


#content h2{
margin-top:44px;
margin-bottom:25px;
font: bold 18px/150% verdana;
color:#B2BB1C;
}

#content h2.title{
font:14px/150% verdana;
margin-left:30px;
margin-bottom:12px;
}

#content h3{
font: bold 11px/150% verdana;
color: #2092B4;
margin-bottom: 0px;
}

#content h4,#content h5,#content h6{
font: bold 11px/150% verdana;
color: #2092B4;
}

#content hr{
height: 1px;
color: #2092B4;
}

#content input{
height: 22px;
border: 1px solid #2092B4;
}
#content textarea{
border: 1px solid #2092B4;
}

#content a, #content a:visited{
color:black;
}

#content a:hover {
	color: #0080c0;
}


*{
font-size: 11px; 
line-height: 150%;
font-family: verdana;
}

.field{
display:block;
height: 25px;
}
.field label{
width: 80px;
float: left;
font: bold 11px/150% verdana;
color: #2092B4;
}
.field input{
width: 300px;
float: left;
}

h3.resultaatsortering{
padding: 10px 0px 0px 0px;
margin:0px;
font: bold 10px/150% verdana;
color: #2092B4;
}

.resultaat{
font: bold 10px/150% verdana;
color: #B2BB1C;
}

.resultaat a{
font: bold 11px/150% verdana;
color: black;
padding-right: 7px;
text-decoration: none;
}

.resultaat a:hover{
text-decoration: underline;
}

/*/*******************************************************/
#illustraties{
width:258px;
float:left;
min-height:100%;
_height: 100%;
background:#B2BB1C;
}

#illustraties #fotokader{
background: white;
}
#illustraties #fotokader2{
width:258px;
height:714px;
background: white url("../images/bg_home_banners.gif") no-repeat bottom right;
}

#illustraties #banners{
width:258px;
text-align:center;
}
#illustraties #banners img{
margin: 5px;
}


#illustraties #fotomarge{
background: white;
height:190px;
width:164px;
background: url("../images/bg_rechts.jpg") no-repeat 0px 0px;
}

#contentkader ul {
margin:15px;
padding:0;
}
#contentkader ol {
margin:22px;
padding:0;
}
#contentkader ul li {
list-style-type:square;
margin:0;
}
#contentkader ol li {
margin:0;
}

#zoekform_container .button {
margin:10px 0 0 240px;
*margin:10px 0 0 246px;
}

#contentkader .buttonledenlijst {
margin:0 0 0 336px;
*margin:0 0 0 345px;
}