/* cmsms stylesheet: Advocatenhillegom-grid modified: 21-12-16 16:09:06 */
/* TEMPLATE 1200 v2.1.1  */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=button],input[type=submit],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.three-r-column{float:right;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.two-third-r-column{float:right;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.three-r-column,.two-third-column,.two-third-r-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* cmsms stylesheet: Advocatenhillegom-style modified: 11-12-19 16:15:35 */
/* TEMPLATE 1200 v2.1.1  */

 

/* body css */

body {
	background: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

/* headings / paragraph margin css */

h1,h2,h3,h4,h5,h6,p {margin:10px;}

/* headings css */

h1 {font-size:30px;font-weight:400;color:#000;line-height:42px;}
h2 {font-size:26px;font-weight:400;color:#000;line-height:38px;}
h3 {font-size:22px;font-weight:400;color:#000;line-height:34px;}
h4 {font-size:20px;font-weight:400;color:#000;line-height:32px;}
h5 {font-size:18px;font-weight:400;color:#000;}
h6 {font-size:16px;font-weight:400;color:#000;}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */

a {color:#B82025; 	text-decoration: none}
a:visited {color:#B82025;	text-decoration: none}
a:hover {color:#000;}
a:active {color:#333;}

blockquote  {
	margin-left: 2em;
	font-size: 0.8em;
	font-style: italic;
}
/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {text-align:left;}

/* elements css */

strong,b {font-weight:400;}
em,i {font-style:italic;}


.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.form p {margin:5px -6px;}
.form input,.form textarea {background:#FFF;border:1px solid #000;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.form input[type=submit],.form button {color:#FFF;background:#B82025;border:0;font-weight:400;width:100%;}
.form input[type=submit]:hover,.form button:hover {background:#000;cursor:pointer;}
.form td {padding:0 12px;border:0;}

.search-form input {background:#FFF;border:0;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.search-form input[type=submit]{display:none;}

/* contactformulier */
.contactform {
	width:100%;
	max-width: 20em;
	margin-top: 0em
}
.contactform fieldset legend {

	font-size:26px;
	font-weight:400;
	color:#B82025;
	line-height:38px;
}
.contactform fieldset  label {
	margin-top: -15px;
	line-height:42px;
}
.contactform input {
	width: 65%;
	float: right;
	height: 30px;
	margin-top: 5px;
}
.contactform textarea {
	width: 65%;
	float: right;
}
.contactform .cms_submit {
	background: #B82025;
	width: 6em;
	float: left;
	border-radius: 5px;
	border:0px solid #000;
	cursor: pointer;
	color: #fff;
}
.contactform .cms_submit:hover{
	background: #ccc;
	color: #000;
}
/* content css */

#header_container {
	top: 0;
	left: 0;
	position: ;
	background: #3D3D3D;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	height: 6em
}

#menu_container {
	background-image: url("../../uploads/images/menu/Advocaten-kantoor-Hillegom-Ester-menu.png");
	background-repeat: repeat-x;
	margin-top: 0em;
	width: 100%;
	z-index: 1000;
}
.zoeken {
	float: right;
	margin-top: 0.2em
}

input.search-input {
	background: #eee;
	float: left; 
	width: 50%;
	border-radius: 5px;
}

.knop-zoeken {
	float: right;
	border: 0;
	background:transparent url("../../uploads/images/Advocaten-kantoor-Hillegom-Ester-zoeken.png");
	background-repeat: no-repeat;
	color: #fff;
	margin-top: 0em;
	width: 80px;
	height: 23px;
	text-align: left
}
.showtime  {
	margin: 20px;
}
#header_container span {color:#B82025;}

#standaard-linkerkolom  {
	background:#B82025 ;
	border-radius: 5px;
	color: #fff;
	margin-left: 3%;
	margin-top: 0em;
	padding-bottom:0em;
	font-size: 0.9em;
}
#standaard-linkerkolom-2 p {
	background:#D0D0D0 ;
	border-radius: 5px;
	color: #000;
	margin-right: -1%;
	margin-top: 0em;
	padding-bottom:1em;
	padding: 3%;
	font-size: 0.9em;
}
#standaard-linkerkolom-3 p {
	background:#D0D0D0 ;
	border-radius: 5px;
	color: #000;
	margin-right: -1%;
	margin-top: 0em;
	padding-bottom:1em;
	padding: 3%;
	font-size: 0.9em;
}
#titel-linkerkolom  {
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 0%;
	font-size:20px;
	font-weight:400;
	color:#000;
}
#contact-middenkolom   {
	margin-top: 4em;
}
#content_container {
	margin-top: 0px;
	width: 100%;
}

.content_back {
	width: 100%;
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #efefef;
	font-size: 18px;
	font-weight: 400;
	padding: 200px 0;
}

.content_back p,.content_back h1,.content_back h2,.content_back h3,.content_back h4,.content_back h5,.content_back h6 {
	color: #FFF;
	padding: 5px;
}

.content_blocks {
	background: #FFF;
	border-bottom: 0px solid #efefef;
	padding: 0px 0;
}

.content_blocks p {padding:0 5px;}

.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5 {
	padding: 0px 5px;
	margin-bottom: -0.3em ;
	color: #B82025;
}
.content_blocks h6  {
	padding: 0px 5px;
	margin-bottom: -0.3em ;
	color: #3D3D3D;
	font-size:17px;
}
.news-content {
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 5px;
	color: #000;
}

.news-content:hover {background:#f5f5f5;}

.news-content:hover > .orange_button {background:#000;}

.news-expertises  {
	color: #fff;
	text-decoration: none
}
.news-expertises h4  {
	color: #fff;
}
.news-expertises:hover  {
	color: #ccc;
}
.news_button {
	margin: 0px;
	Margin-left: 10%;
	font-weight: 400;
	color: #FFF;
}
.news_button:hover {
	color: #ccc;
	text-decoration: none
  }
#nieuwsblok .NewsSummaryLink {
	color: #000;

	padding: 1em 0 0 3%;
}
#nieuwsblok .NewsSummaryLink a{
	color: #000;
	font-size: 16px;
	font-weight: 600;
}
#nieuwsblok .NewsSummarySummary p{
	color: #000;
	font-size: 16px;
	font-weight: 300;
	background: transparent;
	margin-left: 0%;
	margin-bottom: -1.3%
}
#nieuwsblok .NewsSummaryContent{
	color: #000;
	margin: 3%;
	font-weight: 300;
}
#nieuwsblok .NewsSummaryMorelink{
	color: #000;
	font-weight: 600;
	margin-left: 3%;
}

#nieuwsblok .NewsSummaryMorelink a{
	color: #000;
	font-weight: 300;
	margin-left: 0%;
}
#uit-de-praktijk .news-expertises  {
	color: #000;
	text-decoration: none
}
#uit-de-praktijk .news-expertises h4  {
	color: #B82025;
}
#uit-de-praktijk .news_button {
	margin: 0px;
	Margin-left: 5%;
	font-weight: 400;
	color:#B82025;
	font-size: 0.8em;
	margin-bottom: 1.5em
}
#uit-de-praktijk .news_button:hover {
	color: #000;
	text-decoration: none
  }
#samenvatting-nieuws{
	margin-left: -1%
}
a:hover {
text-decoration: none
}
.orange_button {
	margin: 20px;
	text-align: center;
	background: #B82025;
	border-radius: 5px;
	font-weight: 400;
	color: #FFF;
}

.round {padding:30px;}

.round > div {
	border-radius: 50%;
	overflow: hidden;
}
.round img {
	display: block;
	width: 100%;
}

.image-article img {
	width: 100%;
	border-radius: 10px;
	display: block;
}
#beschrijving  {
	margin-left: -0.1%
}
#beschrijving-foto  {
	margin-left: -0.1%
}
.footer {
	background:transparent url("../../uploads/images/header/Advocaat-Ester-Hillegom-footer.png");
	background-repeat: repeat-x;
	padding-bottom: 0px;
	color: #CCC;
	background: #282828
}



.footer a {color:#CCC;text-decoration:none;}
.footer a:hover{color:#999;}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 5px;
	color: #CCC;
}

.footer p {
	padding: 0 5px;
	margin: 0 10px;
	color: #CCC;
}
.footer-ontwerp  {
	text-align: center;
	font-size: 0.7em;
	color: #424242;
	margin-top: -20px;
	background: #282828;
}
.footer-ontwerp font:hover {
	color: #B82025
}

.footer-desktop {
	display:block;
	padding: 1em 0;
}
.footer-mobile {
	display:none;
}
.plaatje-rechtsonder  {
    position: fixed;
    bottom: -2%;
    right: -2%;
    width: 20em;
}
.main-nav {
	font-family: 'Quicksand', sans-serif;
	font-size: 48px;
	text-align: center;
}

.main-nav p {margin:0;}

.main-nav a {
	color: #999;
	font-weight: 300;
	text-decoration: none;
}

.main-nav a:hover {color:#CCC;}

.facebook-share {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.twitter-share {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.facebook-share:hover,.twitter-share:hover {background:#000;color:#FFF;}
.facebook-share:visited,.twitter-share:visited {color:#FFF;}

.social img {width:48px;display:inline-block;}

@media screen and (max-width: 1600px) {
	
	.content_back {padding:150px 0;}
}

@media screen and (max-width: 1200px) {
	
	.content_back {padding:100px 0;}

	.news-height {min-height:280px;}

}
@media screen and (max-width: 1050px) {
	.footer-ontwerp {margin-top: 0.1em}


}

@media screen and (max-width: 980px) {
	
	.content_back {padding:100px 0;}

	.news-height {min-height:340px;}

	.plaatje-rechtsonder  {width: 10em;}

}

@media screen and (max-width: 800px) {
	
	body {line-height:25px;}

	.search-form label {display:none;}
	
	#header_container:hover {
		overflow: auto;
		max-height: 100%;
	}

	#content_container {
		overflow: hidden;
		margin-top: 0px;
	}

	.content_blocks {padding:0;}

	.footer {
		position: static;}

	.plaatje-rechtsonder {
		display: none;
	}
	.social  {margin-left: 50%}

	#standaard-linkerkolom #menu{
		margin: 0px 0px 0 -3%;
	}
	h2 {
		font-size: 20px;
	}
	
	.news-content {
		text-align: left;	
		line-height: 20px;
		min-height: 100%;
	}

	.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6,.news-content p {margin:10px;}

	.news-height {min-height:100%;}
	

	.orange_button {margin:15px;}
	
	.news-content > .round {
		float: left;
		padding: 15px;
		width: 30%;
	}

	.image-article {
		margin: -20px -20px 10px -20px;
	}

	.image-article img {
		border-radius: 0;
	}
	
/*	.footer-desktop {display:none;}   */
	.footer-mobile {display:block;text-align:left;}
	.footer-mobile p {margin-top: 1em}
	
	.footer {padding-bottom:5px;}
	
	.social img {
		width: 26px;
		display: inline-block;
		margin: 10px 5px;
	}

	#switch-div {display:flex;flex-flow:column;}
	#one {order:2;}
	#two {order:1;}
	
}

@media screen and (max-width: 600px) {
	
	.content_back {padding: 40px 0;}
	
	.news-content {line-height:25px;}

	.plaatje-rechtsonder  {width: 7em;}
}

.roodvet  {
	color: #B82025;
	font-weight: 600;
	margin-bottom: -10px
}
.captcha  {
        margin-top: 1em;
}
/* cmsms stylesheet: Advocatenhillegom-menu modified: 20-12-17 12:37:01 */
/* TEMPLATE 1200 v2.1.1  */

 

/* menu css */

#menu {
	font-size: 1em;
	background: #eee;
	border-radius: 5px;
}

.logo a {
	text-decoration: none;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: left;
	line-height:34px;
	margin-left: 1em;
}
#menunaam  {
	float: leftt;
	margin-left: 2%;
	font-size: 26px;
	font-weight: 600;
	display: none;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
	margin: -0.2em 0em 1em 0em ;
	z-index: 1000;
}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: 30%;
	padding-top: 1em;
	display: none;
	background: linear-gradient(-20deg,#C4C4C4 , #F5F5F5, #F5F5F5 );

}

#menu li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	color: #000;
	text-decoration: none; 
	margin: -18px 20px 0 0 ;
	padding: 1.3em 1.3em;
}
#menu a:hover {
	background: #B82025;
	color: #FFF;
	border-radius: 5px;
}

#menu ul {
	background: #FFF;
	width: 200px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#menu ul a {
	width: 200px;
	padding: 10px;
}

.currentpage {
	background: #B82025 !important;
	color: #FFF !important;
	border-radius: 5px !important;
}

/* menu z-index */

#menu ul {
	z-index: 1000;
}
/* menu links */
#standaard-linkerkolom #menu li {
	float: left;
	position: relative;
	margin: 0.2em 0em 0em 0em ;
	z-index: 100;
	width: 100%;
	background: #fff;
	border-radius: 5px;
}
#standaard-linkerkolom #menu a {
	background: #B82025;
	border-radius: 5px;
	display: block;
	color: #fff;
	text-decoration: none; 
	margin: 0px 0px 0 0 ;
	padding: 10px 5px;
}
#standaard-linkerkolom #menu a:hover {
	background: linear-gradient(#F5F5F5, #D0D0D0);
	color: #000;
	border-radius: 5px;
	margin: 0px ;
}
/* submenu */

#submenu_container {
	margin-left: 2%;	
	margin-top: -3%;	
}

#submenu_container a{
	background-image: url("../../uploads/images/menu/Advocaten-kantoor-Hillegom-Ester-menu-kl.png");
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	margin-left: 2%;
	padding: 2em
}

#submenu   li{
	margin-top: 0em;
	margin-left: 0%;
}

#submenu a {
	display: block;
	color: #000;
	text-decoration: none; 
	margin: -18px 1px 0 0 ;
	padding: 4px 0.4em;
}
/* end submenu */





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

	/* mobile menu css */

	#menu-mobile {
		float: none;
	}
	
	.logo {
		margin: -0.5em 0 -1.5em 0
	}
	#menunaam  {
	display: inline;
	}
	#nav-mobile {
		display: block;
		padding: 10px;
		font-size: 20px;
		font-weight: 400;
		background: url(__URL%2c%2cd8ba13d0d03ad54de078510e2197587e__.html) no-repeat right;
		background-position: 98% 50%; 
		background-size: 22px;
		-moz-background-size: 22px;
		-webkit-background-size: 22px;
	}

	#menu {
		display: none;
	}
	#standaard-linkerkolom #menu {
		display: block;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	/* menu link css */
	
	#menu ul a {
		width: 100%;
		padding: 10px 10%;
	}

}