html, body {
margin: 0;
padding: 0;
font: 12px verdana,helvetica,arial,sans-serif;
}

.divB{


max-width: 1280px;
width:expression(document.body.clientWidth > 1280? "1280px": "auto" );


}
.tableB{

width: 100%;

}

td.head{

background-color: #8b3fd7;


}
tr.head{

height: 120px;
}

td.nav{
width: 120px;
padding-right: 1em;
background-image: url(../img/bcgrNav.gif);
vertical-align: bottom;
text-align: center;
}

a.nav:link{


font-weight: bolder;
font-size: 12pt;
font-family: arial, sans-serif;
color: #000000;
text-decoration: none;

}
a.nav:visited{


font-weight: bolder;
font-size: 12pt;
font-family: arial, sans-serif;
color: #000000;
text-decoration: none;

}

a.nav:hover{


font-weight: bolder;
font-size: 12pt;
font-family: arial, sans-serif;
color: #544e6e;
text-decoration: none;

}

a.nav:active{


font-weight: bolder;
font-size: 12pt;
font-family: arial, sans-serif;
color: #000000;
text-decoration: none;

}
td.navLaatst{

margin-right: 20px;
background-image: url(../img/bcgrNav.gif);


}
tr.nav{

height: 90px;

}
table.nav{

float: left;

width: 100%;
}

tr.nav1{

height: 7px;

}

td.nav1{

background-color: #b7a9f1;
}
td.nav2{
background-color: #7463bd;
}
td.nav3{
background-color: #625989;
}
td.nav4{
background-color: #544e6e;

}

table.navHead{
float: right;
width: 344px;
margin-right: 20px;
margin-bottom: 10px;

}
td.navHeadHome{

width: 117px;

}
td.navHeadNieuws{

width: 114px;

}
td.navHeadZoeken{

width: 113px;

}
a img{
border: 0px;

}

tr.headnav{

height: 43px;

}

img.logo{

margin-left: 20px;
margin-top: 10px;

}
td.noContent{

background-color: #48356e;


}

td.content{

width: 400px;

}
table.content{

width: 100%;

}

td.footer{

height: 25px;
background-color: #000000; 
}

td.foto{

background-image: url(../img/bcgr.jpg);

}

td.fotoDPC{

background-image: url(../img/bcgrdcp.jpg);


}
td.fotoDiensten{

background-image: url(../img/bcgrDiensten.jpg);


}
tr.foto{

height: 330px;
}

#main{

background-color: #57437e;
width: 450px;
float: right;
margin: 50px;
padding: 20px;
border: 1px solid #ffffff;
color: #ffffff;

}

td.middle{

vertical-align: top;
width: 60%;


}

td.middleLeft{

vertical-align: top;
width: 40%;
background-color: #9583b9;



}


td.middleLeft2{

vertical-align: top;
width: 468px;
background-color: #9583b9;



}

table.middle{

marging: 0px;
padding: 10px;

}

#right{



border: 1px solid #000000;
}


#navcontainer{

}

ul#navlist
{
width: 250px;
\width: 252px;
w\idth: 250px;
padding: 0px;
border: 1px solid #ffffff;
border-top: 0px;
margin: 0px;
font: 12px verdana,helvetica,arial,sans-serif;
background: #b7a9f1;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #ffffff;
}

ul#navlist li a
{
display: block;
width: 182px;
\width: 158px;
w\idth: 182px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #7463bd;
background: #b7a9f1;
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #000000; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #57437e; 
color: #ffffff;
background: #7463bd;

}

table.fotogallerij{

margin-top: 20px;
width: 350px;


}

img.fotogallerij{

border: 1px solid #ffffff;


}

td.fotogallerij{

color: #ffffff;
font-weight: bolder;

}

h1{


font: 18px verdana,helvetica,arial,sans-serif;
text-align: center;
background-color: #8b3fd7;
color: #ffffff;
font-weight: bolder;
padding: 5px;
margin-left: 3px;
margin-right: 10px;
margin-top: 0px;

}


h2{
font: 12px verdana,helvetica,arial,sans-serif;
border: 1px solid #57437e;
font-weight: bold;
padding: 5px;
margin: 5px;
color: #57437e;
}


h3{
font: 12px verdana,helvetica,arial,sans-serif;
padding-left: 5px;margin-left: 5px;
color: #57437e;
font-weight: bold;


}

p{

padding-left: 5px;
margin-left: 5px;
margin-right: 5px;

}

li{

margin-right: 5px;

}

div.diensten{
padding-top: 30px;
padding-left: 500px;

}

span.dienstenTitle{

font: 20px verdana,helvetica,arial,sans-serif;

color: #ffffff;
font-weight: bold;

}


a.navdiensten:link{

font-weight: bold;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: none;

}
a.navdiensten:visited{

font-weight: bold;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: none;

}

a.navdiensten:hover{


font-weight: bolder;

font-family: arial, sans-serif;
color: #ffffff;
text-decoration: underline;

}

a.navdiensten:active{

font-weight: bold;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: none;

}

.zoek{

float: right;

}

td.overons{
	width: 400px;
	background-image: url(../img/bcgrRight.jpg);
	background-repeat: no-repeat;

}
td.diensten{

width: 400px;
background-image: url(../img/bcgrRight.jpg);

}

table.dpc{

position: relative; top: 10px; left: 1em; 



}

img.dpc{

border: 1px,solid, #dbb4e6;

}
a.linkDpc:link{


font-weight: normal;
font-size: 12pt;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: none;

}
a.linkDpc:visited{


font-weight: normal;
font-size: 12pt;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: none;

}

a.linkDpc:hover{


font-weight: normal;
font-size: 12pt;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: underline;

}

a.linkDpc:active{


font-weight: normal;
font-size: 12pt;
font-family: arial, sans-serif;
color: #ffffff;
text-decoration: none;

}


.paarsTxt {
	color: #636;
}

a.midden:link{
	font-weight: bolder;
	font-size: 18pt;
	font-family: arial, sans-serif;
	color: #FFF;
	text-decoration: none;

}
a.midden:visited{
	font-weight: bolder;
	font-size: 18pt;
	font-family: arial, sans-serif;
	color: #FFF;
	text-decoration: none;

}

a.midden:hover{
	font-weight: bolder;
	font-size: 18pt;
	font-family: arial, sans-serif;
	color: #FFF;
	text-decoration: underline;

}

a.midden:active{
	font-weight: bolder;
	font-size: 18pt;
	font-family: arial, sans-serif;
	color: #FFF;
	text-decoration: none;

}
a.navAnimatie:link{
	font-weight: bolder;
	font-size: 16pt;
	font-family: arial, sans-serif;
	color: #8B3FD7;
	text-decoration: none;

}
a.navAnimatie:visited{
	font-weight: bolder;
	font-size: 16pt;
	font-family: arial, sans-serif;
	color: #8B3FD7;
	text-decoration: none;

}

a.navAnimatie:hover{
	font-weight: bolder;
	font-size: 18pt;
	font-family: arial, sans-serif;
	color: #8B3FD7;
	text-decoration: underline;

}

a.navAnimatie:active{
	font-weight: bolder;
	font-size: 16pt;
	font-family: arial, sans-serif;
	color: #8B3FD7;
	text-decoration: none;

}
