/*++++++++++++++++++++++++++++++++++++*/
/*+++++ copyright Webtool-Design +++++*/
/*++++++++++++++++++++++++++++++++++++*/

body {
	font-family: Arial, Helvetica, sans-serif;
}

/* achtergronden & opmaak*/
.bgLeft {
	background-image:  url(pictures/bg_bannerleft.jpg);
	background-repeat: repeat-x;
}
.bgRight {
	background-image:  url(pictures/bg_bannerright.jpg);
	background-repeat: repeat-x;

}
.bgNav {
	background-image:  url(pictures/bg_nav2.jpg);
	background-repeat: no-repeat;
}
.borderFooter {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000066;
}
.borderCellBottom {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(pictures/bg_nav1.jpg);
	background-repeat: no-repeat;
	text-indent: 24px;
	font-size: 0.9em;
}

/* algemene tekstuele inhoud */
.mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000066;
}


/* links */
a:link, a:active, a:visited {
	color: #000066;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-decoration: none;
}
a:hover  {
	color: #000066;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
}
a.none:link, a.none:active, a.none:visited {
	color: #000066;
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-width: 0px;
}
a.none:hover  {
	color: #999999;
	text-decoration: none;
}

/* hoofdingen */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #003399;
	line-height: 80%;
	margin-top: 10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066CC;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-indent: 10px;
	background-image: url(pictures/bg_H2.gif);
	background-repeat: repeat-y;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	display: block;
	text-indent: 15px;
	letter-spacing: 0.1em;
	background-image: url(pictures/bg_H3.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066CC;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-indent: 36px;
	background-image: url(pictures/bg_H2b.gif);
	background-repeat: no-repeat;
}
/* lijsten */
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	list-style-image: url(pictures/bulletBlue.gif);
}
ol.materies {
	background-color: #F8F8F8;
	list-style-position: outside;
	text-indent: 10px;
	padding: 5px 5px 10px 0px;
	list-style-type: none;
	background-image: url(pictures/bg_H2.jpg);
	width: auto;
	background-repeat: repeat-y;
}

/* blok elementen */
blockquote {
	background: #F2F3F7;
	border: 4px solid #D0D6DF;
	padding: 0px;
	line-height: 120%;
	margin: 0px;
}
blockquote p {
	margin: 8px;
}

blockquote h2.nieuw {
	display: inline-block;
	background: #D0D6DF url(none);
	margin: 0px;
	padding: 0px 0px 4px;
	border-style: none;
	color: #345078;
}

span {
	font-size: 0.8em;
	font-weight: normal;
}
/* classes */
.mainTable {
	background-image: url(bg_banner_left.gif);
	background-repeat: repeat-x;
}
.advokatenkantoor {
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;

}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #0066CC;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;

}
.mainStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000066;
}

/* id's */
#teamNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#imageWD {
	margin-left: 76px;
	margin-top: 16px;
	margin-bottom: 20px;
}
#imageTeam {
	border: 5px solid #D0D6DF;
}
#left {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
#image {
	border: 5px solid #D0D6DF;
	margin-top: 16px;
	height: 365px;
	width: 150px;
	margin-left: 40px;
}
#image2 {
	border: 5px solid #D0D6DF;
	height: 348px;
	width: 400px;
}
.banner {
	background-color: #FFFFFF;
	background-image: url(pictures/banner.jpg);
	background-repeat: no-repeat;
}
.right {
	float: right;
}
div.materies {
	background: url(pictures/materies.jpg) no-repeat right bottom;
	height: 400px;
}
div.materies div.zoekmodule {
	background: url(pictures/bg50transp.png) repeat-x;
}
#fader {
	font: normal 1em Verdana, Geneva, sans-serif;	
}
#team {
	margin: 0px 0px 0px 18px;
	padding: 0px;
}
#team li {
	list-style: none;
	float: left;
}
#team li a {
	display: block;
	width: 136px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height: 20px;
	text-align: center;
	text-decoration: none !important;
	border-style: none;
}
#team li a:hover {
	display: block;
	width: 136px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	color: #930;
	border-style: none;
}