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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#888888;
    text-align: justify;
}

iframe {
	border: solid 1px #000;
}

.afspraakknop {
	position:absolute;
	top: 65px;
	right: 100px;
	z-index: 9999;
}

.afspreken {
	display: block;
	background-color:#594b21;
	padding:8px 25px;
	color:#FFFFFF;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 13px;
	border: solid 1px #ccc;
}

.afspreken:hover {
	background-color: #1d1c21;
	color: #fff;
	text-decoration: none;
		border: solid 1px #ccc;
}
 

.adresblok1 {
	margin-left: 100px;
}

.icon img {
	width: 18px;
}

.iconup {
	padding-left:10px;
    padding-right: 5px;
}


a {
	color:#000;
}


a:hover {
	color:#000000;
}

.eye-catcher{
	font-size: 25px;
	color:#ad8d24;
	font-weight: 200;
	text-align: center;
}



h4 {
	font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	font-size: 24px;
	color:#000;
	font-weight:bolder;
}

h3 {
	font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	font-size: 35px;
	color:#ad8d24;
	font-weight:bolder;
}

h2 {
	font-size: 40px;
	font-weight:bolder;
	color:#000000;
}

span {
	color:#ad8d24;
}

.split {
	text-align:center;
}

.split-left {
	text-align:left;
}

.quicklink {
	text-align: center;
	padding:5px 0px;
	background-color:#FFF;
	font-size:14px;
}

.quicklink a {
	color:#888888;
}

.quicklink a:hover {
	color:#000000;
	text-decoration:none;
}

.sitemap {
	/**margin-top:25px;**/
	padding-top:50px;
	padding-bottom:50px;
	background-color:#ad8d24;
	color:#FFFFFF;
	font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
}

.sitemap a {
	color:#FFFFFF;
}

.sitemap span {
	font-size:25px;
	color:#FFFFFF;
}

.bannerfield {
	height:500px;
}

.banner {
	background-image:url("images/gerecht-justitie.jpg");
	background-position:top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:1000px;
	position:fixed;
	top:-220px;
	width:100%;
	z-index:-999;
}

.banner img {
	margin:auto;
	margin-top:600px; 
}

.content {
	background-color:#FFFFFF;
	padding-top:30px;
	padding-bottom:30px;
}

.advocatenlight {
	background-color:#f9f9f8;
	padding-top:10px;
	padding-bottom:10px;
}


.advocaten {
	background-color:#242219;
	padding-top:40px;
	padding-bottom:40px;
	color:#FFFFFF;
	margin-bottom:0px;
}
.profile img {
	padding-bottom:25px;
}

.profile {
	margin-left:75px;
	margin-right:75px;
	text-align:center;
	background-color:#ad8d24;
	color:#FFFFFF;
	padding-bottom:25px;
	font-size:15px;
	position:relative;
     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.profile:hover {
	background-color:#FFFFFF;
	color:#000000;

}

.profile a {
	color:#FFF;
}

.profile:hover a {
	color:#000;
}

.profile a:hover {
	text-decoration:none;
}


.profile .icoon {
	display:none;
}

.profile .icoon img {
	width:35px;
	height:auto;
}

.profile .icoon img:hover {
	border:solid 1px #FFFFFF;
	background-color:#ad8d24;
	line-height:normal;
	padding:0px;
	margin:0px;
}

.profile:hover .icoon {
	position:absolute;
	top:265px;
	left:85px;
	width:35px;
	height:35px;
	display:block;
}

.tegel {
background-color: #ad8d24;
color: #ffffff;
margin: 20px;
padding: 40px;
text-align: center;
}


.footer {
	background-color:#ad8d24;
	color:#FFF;
	padding-top:50px;
	padding-bottom:50px;
}

.footer a {
	color:#FFF;
}

.light {
	background-color:#f9f9f8;
}

.copyright {
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #ccc;
	color:#000000;
	font-size:15px;
	background-color:#FFFFFF;
}


.afspraak {
	text-align:center;
}

.afspraak a {
	background-color:#ad8d24;
	padding:15px 30px;
	color:#FFFFFF;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.afspraak a:hover {
	text-decoration:none;
	background-color:#594b21;
}


.inschrijf {
	text-align:left;
}

.inschrijf a {
	background-color:#ad8d24;
	padding:8px 30px;
	color:#FFFFFF;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	width:100%;
	display:block;
	text-align:center;
}

.inschrijf a:hover {
	text-decoration:none;
	background-color:#594b21;
}

.line {
	border-bottom:solid 1px #999999;
	padding-top:5px;
	padding-bottom:5px;
}


.stage {
	clear:both;
	font-size:14px;
	margin-bottom:10px;
}

.info {
	font-size:14px;
}

.info span {
	font-weight:bolder;
	font-size:18px;
}

.info img {
	width:45px;
	height:auto;
	margin-right:15px;
}

.media a:hover {
	text-decoration:none; 
}

.up {
	background-color:#ad8d24;
	color:#FFFFFF;
	text-align:center;
	font-size:17px;
	padding:10px;
	float:right;
	margin-top:-30px;
}

.up:hover {
	background-color:#594b21;
}



















.map-responsive{
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	border:solid 1px #000000;
}




.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 700px;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 800px;
border:0px;
}




/*************** navmenu ******************/

.bovenbalk {
    font-size: 14px;
    background-color:#866d18;
	background-image:url(images/effect.png);
    border-width: 0px;
    border-radius: 0px;
	padding:20px 0px;
	margin-bottom:0px;
}

.taal a {
    color: rgba(255, 255, 255, 1);
	padding:3px 6px;
	margin:0px 5px;
	font-weight:bolder;
	font-size:11px;
	display: block;
	background-color: rgba(29, 28, 33, 1);
	width: 30px;
	text-align: center;
	float:left;
}

.taal a:hover {
	    color: rgba(255, 255, 255, 1);
    background-color:#594b21;
	text-decoration:none;
}

.taal {
	float: right;
}

.navbar {
    border-radius: 0px;
}

.navbar {
	z-index:999;
	background-color: rgba(29, 28, 33, 1);
	border: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size: 14px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
	background-color:#594b21;
}

#menu .navbar-default .navbar-nav>li>a:hover,
#menu .navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color:#594b21;
}

#menu.navbar-default .navbar-nav>.active>a,
#menu.navbar-default .navbar-nav>.active>a:hover,
#menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(29, 28, 33, 1);
}

#menu.navbar-default .navbar-toggle {
    border-color: rgba(29, 28, 33, 1);
}

#menu.navbar-default .navbar-toggle:hover,
#menu.navbar-default .navbar-toggle:focus {
    background-color: rgba(29, 28, 33, 1);
}

#menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

#menu.navbar-default .navbar-toggle:hover .icon-bar,
#menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/*************** end navmenu ******************/
.knoppen {
	background-color: #f0f0f0;
}

.knop {
	margin: 15px 0px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 35px;
	padding: 20px 35px 5px 60px;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	position: relative;
	transition-property:all;
   transition-duration: 0.3s;
   transition-timing-function: ease;
}

.knopicon {
	position: absolute;
	top: 15px;
	left: 15px;
}

.knopicon img {
	width: 38px;
}


.knop:hover {
	background-color: #ad8d24;
	color: #fff;
	text-decoration:none;
}

.knoppen a:hover {
	text-decoration:none;
}




/********** responsive *******************/
@media screen and (max-width: 1855px) {
.afspraakknop {
	position:absolute;
	top: 65px;
	right: 50px;
	z-index: 9999;
}
}

@media screen and (max-width: 1620px) {
.afspraakknop {
	position:absolute;
	top: 80px;
	right: 50px;
	z-index: 9999;
}

}


@media screen and (max-width: 1200px) {
.profile {
	margin-left:10px;
	margin-right:10px;
}
}

@media screen and (max-width: 995px) {
.adresblok1 {
	margin-left: 0px;
}
}




@media screen and (max-width: 767px) {

	.afspraakknop {
	position:absolute;
	top: 55px;
	right: 20px;
	z-index: 9999;
}
	
	.adresblok1 {
	margin-left: 0px;
	margin-bottom: 25px;
	margin-top: 25px;
}
	
	.quicklink {
	display:none;
}

.bannerfield {
	display:none;
}

.profile .icoon img:hover {
	display:none;
}

.profile:hover .icoon {
	display:none; 
}

.sitemap {
	padding-top:15px;
	padding-bottom:15px;
}

.hidden-mobile {
	display:none;
}
}

ul.job-list {
	color: #000;
	padding-left: 1.5em;
}
ul.job-list li {
	font-size: 25px;
	line-height: 35px;
	font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	font-weight: bolder;
}

@media screen and (max-width: 415px) {
.afspraakknop {
	position:absolute;
	top: 160px;
	right: 20px;
	z-index: 9999;
}
	
	.afspreken {
		font-size: 10px;
		padding: 2px;
	}
}

@media screen and (max-width: 354px) {
		.taal {
			position: absolute;
			top: 98px;
			left: 0px;
			z-index: 9999;
}
}