* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../images/footer.gif) 0 564px repeat-x;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
}
img {
	border: none;
}
iframe {
	margin: 25px 0 15px 25px;
}
iframe#iframe {
	z-index: 1000;
	margin-top: 0;
}
li {
	list-style-type: none;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}

/* div */

#main-container {
	margin: 0 auto;
	width: 100%;
	height: 564px;
	overflow: hidden;
	border-bottom: 1px solid #0a5ba6;
}
#container {
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 955px;
}
#content {
	position: absolute;
	top: 40px;
	left: 0;
	width: 955px;
	height: 480px;
}
#footer {
	position: absolute;
	top: 520px;
	left: 0;
	width: 955px;
	height: 45px;
}

/* div content left */

#content-left {
	position: relative;
	float: left;
	width: 240px;
	height: 480px;
}
#content-left ul {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
#content-left ul li,
#content-left ul li h3,
#content-left ul li h4 {
	list-style-type: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}
#content-left ul li.margin-top {
	margin-top: 7px;
}
#content-left ul li.margin-bottom {
	margin-bottom: 7px;
}
#content-left ul li.margin-top {
	padding-top: 5px;
	border-top: 1px solid #ddd;
}
#content-left ul li.margin-bottom {
	padding-bottom: 7px;
	border-bottom: 1px solid #ddd;
}
#content-left ul li a {
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	color: #737a7b;
}
#content-left ul li a.current,
#content-left ul li a:hover {
	color: #095aa6;
}
#content-left ul li a.current {
	font-weight: bold;
}
#content-left ul li ul {
	display: none;
	position: relative;
	margin: 0 0 11px 15px;
}
#content-left ul li.current ul {
	display: inline-block;
}
#content-left ul li ul li {
	font-weight: normal;
}
#content-left ul li ul li a {
	padding-left: 11px;
	background: url(../images/bullet-grey.gif) no-repeat 0 7px;
	color: #737a7b;
}
#content-left ul li ul li a.current {
	background: url(../images/bullet-blue.gif) no-repeat 0 7px;
	font-weight: normal;
}

/* div content right */

#content-right {
	float: left;
	width: 715px;
	height: 480px;
}
#head {
	position: relative;
	width: 715px;
	height: 190px;
}
#head div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #095aa6;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
}
#head div h1 {
	margin-left: 25px;
	font-weight: normal;
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}

/* div text */

#text {
	position: relative;
	width: 715px;
	height: 265px;
	margin-top: 5px;
	padding-top: 20px;
	background-color: #7a8b92;
	overflow: auto;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #7a8b92;
	scrollbar-face-color: #7a8b92;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-3dlight-color: #7a8b92;
	scrollbar-darkshadow-color: #7a8b92;
}
#text h2,
#text p,
#text ol,
#text ul {
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	margin: 0 25px 15px 25px;
}
#text p.last,
#text ol.last,
#text ul.last {
	margin-bottom: 0;
	padding-bottom: 30px;
}
#text h2 {
	font-weight: bold;
}
#text ol {
	padding-left: 23px;
}
.win.gecko #text ol,
.gecko #text ol {
	padding-left: 19px;
}
.webkit #text ol {
	padding-left: 18px;
}
#text ol li {
	list-style-type: decimal;
}
#text ul li {
	padding-left: 11px;
	background: url(../images/bullet-white.gif) no-repeat 0 7px;
}
#text ul span {
	display: inline-block;
	width: 80px;
}
.win.gecko #text ol li,
.gecko #text ol li {
	padding-left: 4px;
}
.webkit #text ol li {
	padding-left: 5px;
}
#text a {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#text a:hover {
	border-bottom: none;
}
#text div.img {
	float: right;
	border: 1px solid #fff;
	margin: 0 20px 100px 20px;
}
#text div.img img {
	float: left;
}

/* Daar teken je voor */

#text-daar-teken-je-voor {
	position: absolute;
	bottom: 25px;
	right: 25px;
	width: 320px;
	width: 370px;
	width: 665px;
	width: 395px;
	width: 420px;
	padding-top: 15px;
	background-color: #095aa6;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	overflow: auto;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #095aa6;
	scrollbar-face-color: #095aa6;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-3dlight-color: #095aa6;
	scrollbar-darkshadow-color: #095aa6;
}
#text-daar-teken-je-voor h2,
#text-daar-teken-je-voor p {
	margin: 0 15px 15px;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}
#text-daar-teken-je-voor h2 {
	margin-bottom: 0;
}

/* Afbeeldingen */

.bg-daar-teken-je-voor {
	background: url(../images/photos/daar-teken-je-voor.jpg) 0 0;
}
.bg-over-notariskantoor-bijdorp-barendrecht {
	background: url(../images/photos/over-notariskantoor-bijdorp-barendrecht.jpg) 0 0;
}
.bg-waarom-notariskantoor-bijdorp-barendrecht {
	background: url(../images/photos/waarom-notariskantoor-bijdorp-barendrecht.jpg) 0 0;
}
.bg-relaties {
	background: url(../images/photos/relaties.jpg) 0 0;
}
.bg-overlijden {
	background: url(../images/photos/overlijden.jpg) 0 0;
}
.bg-schenking-en-estate-planning {
	background: url(../images/photos/schenking-en-estate-planning.jpg) 0 0;
}
.bg-onroerend-goed {
	background: url(../images/photos/onroerend-goed.jpg) 0 0;
}
.bg-ondernemingsrecht {
	background: url(../images/photos/ondernemingsrecht.jpg) 0 0;
}
.bg-legalisatie-en-apostille {
	background: url(../images/photos/legalisatie-en-apostille.jpg) 0 0;
}
.bg-offerte {
	background: url(../images/photos/offerte.jpg) 0 0;
}
.bg-contact {
	background: url(../images/photos/contact.jpg) 0 0;
}
.bg-route {
	background: url(../images/photos/route.jpg) 0 0;
}

/* Footer */

#footer h3 {
	float: right;
	margin: 12px 7px 0 0;
	font-family: Times;
	line-height: 23px;
	font-size: 19px;
	font-weight: normal;
}
.social-media {
	float: left;
	width: 42px;
	margin: 17px 25px 0 0;
}
.social-media a {
	float: left;
}
.social-media a:first-child {
	margin-right: 5px;
}
.icon {
	display: block;
	width: 16px;
	height: 16px;
	background: 0 0 no-repeat;
}
.icon.linkedin {
	background-image: url(../images/icons/linkedin.png);
}
.icon.twitter {
	background-image: url(../images/icons/twitter.png);
}

/* Twitter */

#text.tweets p {
	padding-top: 10px;
	margin: 0 0 0 15px;
}
.twitter-follow-button {
	margin: 0;
}
#text.tweets p a {
	float: left;
}
#text.tweets ul {
	width: 420px;
	width: 440px;
	background: #0a5ba6;
	margin: -5px 15px 15px;
	padding: 10px 0 0 0;
}
#text.tweets li {
	float: none;
	display: inline-block;
	list-style: none;
	background: none;
	margin:  0 10px 10px;
	padding: 0;
	/*
	padding: 10px 0 0 0;
	border-top: 1px solid #fff;
	*/
}
#text.tweets li:first-child {
	padding: 0;
	border-top: none;
}
#text.tweets #latest-tweet {
	margin: 0;
	padding: 0 0 5px 0; /* +20 */
	background: url(../images/twitter-bg.png) 15px 100% no-repeat;
}
#text.tweets #latest-tweet span {
	display: inline-block;
	width: auto;
	margin: 0;
}
.twitterStatus, .twitterTime {
	padding: 0 0 10px 0;
	background-color: #0a5ba6;
}
.twitterTime {
	clear: both;
	padding: 0;
}