@charset "UTF-8";
/* CSS Document */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 100%; line-height: 1.231; 
background-color:#FFFFFF;
}

/* TYPOGRAFIE */

a:focus{
    outline:0;
}
p {
	font-size: 0.75em;
	width: auto;
	height: auto;
	text-align: left;
	font-weight: 300;
	line-height: 1.5em;
	margin: 0px;
	margin-top:12px;
	margin-bottom: 12px;
	clear: none;
	color: #555555;
	font-family: actor;
	letter-spacing: 0.05em;
}
.linkUl ul, .linkUlO ul {
	width: auto;
	height: auto;
	text-align: left;
	margin: 0px;
	color: #555555;
	list-style:none;
	padding:0;
	margin-top:24px;
}

.linkUl ul li, .linkUlO ul li {
	font-family: actor;
	letter-spacing: 0.05em;
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top:12px;
	margin-bottom: 12px;
	clear: none;
	cursor:pointer;
}
.linkUl ul li:hover {
	color:#e65200;
}
.linkUlO ul li:hover {
	color:#000000;
}
.linkUl ul li a {
	color: #555555;
}

.ulKop {
	color:#FFFFFF;
}
.ulKop li {
	color:#FFFFFF;
	cursor:pointer;
}
.ulKop li:hover {
	color:#000;
}
.ulKop li:first-child {
	font-size: 0.9em;
	line-height: 200%;
	font-weight: 600;
	margin-bottom:8px;
}
.ulKop li:last-child {
	margin-bottom:28px;
}
.ulPlain {
	color:#FFFFFF;
}
.ulPlain li {
	color:#FFFFFF;
	cursor:pointer;
}
.ulPlain li:hover {
	color:#000;
}
h1 {
	font-size: 1.5em;
	width: auto;
	height: auto;
	text-align: left;
	font-weight: normal;
	line-height: 1em;
	margin: 0px;
	margin-top:24px;
	margin-bottom:12px;
	font-family: ubuntu-mono;
	color: #555555;
	letter-spacing: 0.05em;
}
	.active {
		color:#e65200;
    }
	.ulKop .active {
		color:#000000;
	}
	#map1 {
		color:#000000;
	}	
	
	#homeImageContainer ul {
		display:block;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}
	#homeImageContainer ul li {
		margin:0;
		padding:0;
		display: inline;
		cursor:pointer;
	}
h2 {
	float: none;
	font-size: 0.9em;
	line-height: 200%;
	color: #555555;
	font-weight: 600;
	font-family: actor;
	letter-spacing: 0.05em;
}
strong, b {
	font-weight: 700;
}
#rechtsgebieden p,
#rechtsgebieden h1,
#rechtsgebieden h2,
#rechtsgebieden a,
#contact p,
#contact h1,
#contact h2,
#contact a {
	color: #FFF;
}
#rechtsgebieden p a:hover,
#contact p a:hover {
	color: #000;
}
.newsItem {
	width: 100%;
	float: none;
	font-size: 1em;
	line-height: 140%;
	color: #666666;
	font-family: arapey;
	font-style: italic;
	letter-spacing: 0.05em;
	font-weight: 400;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: rgb(172, 172, 172);
	padding-bottom: 10px;
}
.newsUl ul {
	width: 100%;
	float: none;
	font-size: 1em;
	color: #666666;
	font-family: arapey;
	font-style: italic;
	letter-spacing: 0.05em;
	font-weight: 400;
	list-style:none;
	padding:0;
	margin-top:30px;
	margin-bottom:36px;
}
.newsUl ul li {
	line-height: 1.5em;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: rgb(172, 172, 172);
	padding-top: 4px;
	padding-bottom: 6px;
	clear: none;
	cursor:pointer;
}

.newsUl ul li:first-child {
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: rgb(172, 172, 172);
}

.newsUl ul li:hover {
	color: #e65200;
}
p a {
	color: #555555;
}
p a:hover {
	color: #e65200;
	text-decoration:none;
}
.active {
	color: #e65200;
	font-weight: 400;
}
.active2 a {
	color: #000;
	font-weight: 400;
}
.active2 a:hover {
	color: #FFFFFF;
}
/* END TYPOGRAFIE */

#jansmaenhendriks {
	background-color:#FFF;
}
#rechtsgebieden {
	background-color:#e65200;
	color:#FFFFFF;
}
#actueel, #artikelen, #klachten, #feedback{
	background-color:#eeeeee;
}
#contact {
	background-color:#e65200;
	color:#FFFFFF;
}
#advocaten {
	background-color:#FFF;
	margin-bottom:75px;
}
.masterContainer {
	position:relative;
	width:100%;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px -6px 6px 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px -6px 6px 0px;
	z-index: 1100;
}
 #footer {
	width:100%;
	background-color:#E1E1E1;
	position:fixed;
	bottom:0;
	z-index: 1500;
 }
 .page {
	 min-height:1000px;
	 width:100%;
 }
 .row {
	 margin-top:0;
 }
 .navbar{
	 height:75px;
	 background-color: #FFF;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px 0px;
	z-index: 1200;
 }
 .nav-container {
	 width:100%;
	 max-width:1024px;
 }
 .navbar-nav {
	 margin-top:18px;
 }
 .navbar-nav li {
	border-right-style: solid;
	border-right-color: #e65200;
	border-right-width: thin;
}

.navbar-nav li a {
	font-size: 0.9em;
	font-family: ubuntu-mono;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:none;
	color: #e65200;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #e65200;
}
.navbar-nav .social {
	border-right-width: 0;
	}
	.navbar-nav .social a {
		padding-right:0;
	}
.socIconDiv {
	float:right;
	margin-left:15px;
	margin-top:7px;
}

#twitterImg, #linkedInImg, #faceBookImg {
	float: left;
	width: 24px;
	height: auto;
	margin: 0px;
	clear: none;
	color: rgb(0, 0, 0);
	opacity: 0.5;
}
#twitterImg:hover, #linkedInImg:hover, #faceBookImg:hover {
		opacity: 1;
}
#logoDiv {
	float: left;
	height: auto;
	margin-left: 0%;
	clear: none;
	width: 285px;
	margin-right: 0px;
}
#logoImg {
	float: left;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0px;
	clear: none;
}
.image {
	width: 100%;
}
.contentHeader {
	width:100%;
	padding-top:75px;
	z-index:90;
}
.contentHeaderContent {
	width:100%;
	/*min-height:300px;*/
	z-index:91;
}
#jansmaenhendriksHeaderContent {
	text-align:center;
}
#homeImageContainer {
		position:relative;
		width:100%;
		max-width:1230px;
		margin:auto;
	}
	#homeDivMaurits, #homeDivmaurits {
		float:left;
		width:34.375%;
		max-width:550px;
		height:auto;
	}
	#homeDivGerben, #homeDivgerben {
		float:left;
		width:31.25%;
		max-width:500px;
		height:auto;
	}
	#homeDivAnnelies, #homeDivannelies {
		float:left;
		width:34.375%;
		max-width:550px;
		height:auto;
	}
	#homeDivPascal, #homeDivpascal {
		float:left;
		width:0;
		max-width:0;
		height:auto;
		overflow:hidden;
	}
	#homeDivMaurits img, #homeDivGerben img, #homeDivAnnelies img, #homeDivPascal img {
		width:100%;
		max-height:283px;
	}
	#homeDivmaurits img, #homeDivgerben img, #homeDivannelies img, #homeDivpascal img {
		width:100%;
		max-height:283px;
	}
#jansmaenhendriksHeaderContent img {
	width:100%;
	max-width:1260px;
	margin-left:auto;
	margin-right:auto;
	z-index:92;
}
#rechtsgebiedenHeaderContent {
	background: url(../images/justitia.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#advocatenHeaderContent, .advocatenHeaderContent {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bgWhite {
	background-color:#FFF;
}
.bgOrange {
	background-color:#e65200;
}
.bgLgrey {
	background-color:#EEEEEE;
}
.bgDgrey {
	background-color:#C2C2C2;
}
.goVoorwaarden, .goKlanten, .goKlachten, .goFeedback, .goPrivacy {
	cursor:pointer;
}
.goBackRecht, .goBackActueel {
	display:none;
}
.advImg {
	display:none;
	float:left;
	margin-right:18px;
}
@media (max-width: 400px)
{
	#logoDiv {
  		max-width: 220px;
	}
	.dmxGoogleMaps {
  		min-height: 200px; 
	}
}
@media (max-width: 767px)
{
	.dmxGoogleMaps {
  		min-height: 200px; 
	}
	.navbar-nav {
		margin-top:12px;
  		margin-bottom: 0;
		}
	.navbar-default .navbar-collapse {
  		border-color: #e7e7e7;
  		background-color:#000000;
  		margin-top:12px;
		color:#DADADA;
		-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px 0px;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px 0px;
	}
	.navbar-default .navbar-nav > li {
  		border-bottom-style: solid;
		border-bottom-width: thin;
		border-bottom-color: rgb(172, 172, 172);
	}
	.navbar-default .navbar-nav > li > a {
  		color: #DADADA;
	}
	.navbar-toggle {
  		padding: 12px 10px;
  		margin-top: 11px;
  		margin-right: 15px;
  		margin-bottom: 8px;
  		background-color: transparent;
  		border: 1px solid transparent;
  		border-radius: 0;
	}
	.navbar-toggle .icon-bar {
  		width: 22px;
  		height: 3px;
  		border-radius: 0;
	}
}
@media (min-width: 768px)
{
	.navbar-nav > li > a {
  		padding-left: 8px;
  		padding-right: 8px;
	}
  	.navbar-default .navbar-collapse {
  		border-color: none;
  		background-color:none;
	}
}
@media (min-width: 992px)
{
	.navbar-nav > li > a {
  		padding-left: 15px;
  		padding-right: 15px;
	}
}