/* Site-specific styles */
.top-w {heigth:100px;}
.top-fon-le {padding-left:100px;}
.top-fon {color:#054254;font-size:25px;}
header { background-color: #ffd940; margin-bottom: 3em; }
header li { display: inline-block; float: left; margin: 10px 0 0 15px; }
header a { color: white; padding-top: 7px; display: block; }
header a:hover { color: #004d49; }
header form#zoeken { margin-left: 20px; }
header form#zoeken input { border: none; }

#content .well { line-height: 1.6em; font-size: 16px; }
#content .well p { margin-bottom: 0; font-size: 16px; }
#content .block-content .well h2 { margin: 10px 0; }
#content h2.block-header:first-of-type { margin: 0 0 30px; }

footer { color: white; margin-top: 3em; }
footer img { margin-top: 2em; max-width: 100%; }
footer a, footer h2 { color: white; }
footer h2 { font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
footer #mainfooter { background-color: #008c84; min-height: 100px; }
footer #mainfooter .middelste { margin: 1em 0; padding: 0 20px; border: 1px solid rgba(255, 255, 255, 0.5); border-width: 0 1px; }
footer #mainfooter .share { margin: 1em 0; }
footer #mainfooter .addthis_toolbox a { margin-right: 10px; }
footer #mainfooter ul li a:hover { color: #c0cc06; }
footer #postfooter { background-color: #004d49; font-size: 0,9em; }
footer #postfooter p { margin: 15px 0; }
footer #postfooter a:hover { color: #c0cc06; }

/* #mainnav { border: 1px solid #e6e6e6; margin: 2em 0; -webkit-border-top-left-radius: 5px; 
			-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
			 border-top-left-radius: 5px; border-top-right-radius: 5px; } *//*  */
#mainnav li a { color: #054254; font-weight: bold; font-size: 15px; margin: 0 10px; padding: 10px 5px; border-bottom: 1px solid #eeeeee; }
#mainnav li.active { background-color: #008c84; }
#mainnav li.active a { color: white; border: none; }
#mainnav li.active:hover a { color: #008c84; }
#mainnav li.active:first-of-type { border-radius: 5px 5px 0 0; }
#mainnav li:hover { background-color: #eeeeee; }

form#inloggen { background-color: #e6e6e6; padding: 15px 10px 10px 10px; }
form#inloggen .btn { font-size: 18px; font-weight: bold; }
form#inloggen .form-control { border: none; }

/* section.esublayout	{padding-top: 3em !important; padding-bottom: 3em !important;
	h2	{font-size: 2em; margin-bottom: 2em;}
	.imgmid	img	{width: 100%;}
} */
#pag67 .block-content .well { margin-top: 50px; }
#pag67 h2.block-header:first-of-type { margin: 40px 0 10px; }

body { font-family: 'Open Sans', sans-serif; font-size: 16px; }

h1, h2, h3, h4, h5, h6, a { color: #008c84; }

h2 { font-weight: bold; line-height: 1.5em; }

a { color: #008c84; }
a:hover { color: #ffffff; }/*  */

/* helper classes */
.mb10 { margin-bottom: 10px; }

.ml20 { margin-left: 20px; }

.clear { clear: both; }

.hidden { display: none; }

.klein { font-size: 0.9em; }

.overfl { overflow: auto; }

.ruim { margin: 3em 0; }

.subtiel { color: silver; }

.alarm { color: red; }

a.overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }

a.overlay span { display: none; }

a.lees-verder { font-weight: bold; font-size: 24px; display: block; width: 100%; text-align: right; }
a.lees-verder:after { content: "\f0a9"; font-family: 'FontAwesome'; margin-left: 5px; font-weight: normal; font-size: 30px; }
a.lees-verder:hover { text-decoration: none !important; }

.well { background-color: #ecf0b4; border-radius: 0; border: none; box-shadow: none; padding: 30px 50px; }

.text-big { font-size: 1.5em; }
.text-big .btn { margin-left: 1.5em; }

hr { border: none; background: #ababab; color: #ababab; height: 1px; }

/* forms */
form fieldset:only-of-type legend { display: none; }

.btn-primary { background-color: #eca100; border: none; font-size: 30px; text-transform: uppercase; padding-left: 1em; padding-right: 1em; }
.btn-primary:after { content: "\f0a9"; font-family: 'FontAwesome'; margin-left: 10px; }

.btn:hover { background-color: #008c84; color: white; }

.btn-default { background-color: #008c84; color: white; }

.btn-continue { background-color: #eca100; }
.btn-continue:after { content: "\f0a9"; font-family: 'FontAwesome'; margin-left: 20px; }

.btn-green { background-color: #90B421; }

/* door de maintenance toegekend bij uitlijnen imgs. 
plaats desgewenst andere padding of borders. */
.imgmid { margin: 10px auto 10px auto; }
.imgmid img { width: 100%; }

.imglinks { float: left; margin: 0 10px 10px 0; }

.imgrechts { float: right; margin: 0 0 10px 10px; }

.imgcenter { text-align: center; }

.imgcontainer { position: relative; display: block; }
.imgcontainer em { position: absolute; bottom: 0; left: 0; right: 0; padding: 3px 5px; font-size: 0.9em; background-color: rgba(255, 255, 255, 0.7); }

/* weergave iframes en video */
.video-container, .map-container { border: medium none; height: 0; margin: 0 0 15px; overflow: hidden; padding-bottom: 51%; padding-top: 30px; position: relative; }

.video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

iframe { border: medium none; }
p {font-size: 16px;color: #000;}
p.my-video-container { position: relative; }

p.my-video-container:before { content: "\f144"; top: 150px; right: 160px; z-index: 5000; font-size: 6em; color: #008c84; font-family: 'FontAwesome'; position: absolute; }

/* module specifieke styling */
#mijnslider { background-color: #eeeeee; color: #008c84; margin-bottom: 4em; }
#mijnslider img { margin: 55px 0; padding: 0; width: 50%; height: 320px; }
#mijnslider .inner { padding: 55px 35px; float: left; width: 50%;  }/*首页图片与文字  */
#mijnslider .inner h2 { border-bottom: 1px solid #008c84; margin: 0 0 1em 0; font-weight: bold; }/* 画一条线 */
#mijnslider .inner p { font-size: 18px; }
#mijnslider p { margin: 0; }
#mijnslider .carousel-indicators { bottom: -5px; margin: 0; padding: 0; left: 0; right: 0; width: 100%; }
#mijnslider .carousel-indicators li { border-radius: 0; background-color: #ababab; border: none; width: 50px; height: 7px; margin: 0; }
#mijnslider .carousel-indicators li.active { background-color: #008c84; height: 7px; margin: 0 !important; }

#vierblokken { margin: 20px -15px 40px; }
#vierblokken .well { background: url(../img/blokkenbg-penseel_blokbg1.svg) no-repeat top left; background-size: cover; padding: 40px !important; width: 427px; height: 230px; color: white; }
#vierblokken .well:after { content: "\f0a9"; font-family: 'FontAwesome'; margin-left: 10px; font-size: 30px; position: absolute; bottom: 60px; right: 40px; }
#vierblokken .well:hover { opacity: 0.7; filter: alpha(opacity=70); }
#vierblokken .blok2 { background-image: url(../img/blokkenbg-penseel_blokbg2.svg); }
#vierblokken .blok3 { background-image: url(../img/blokkenbg-penseel_blokbg3.svg); }
#vierblokken .blok4 { background-image: url(../img/blokkenbg-penseel_blokbg4.svg); }
#vierblokken h2 { color: white; }
#vierblokken h3 { font-size: 18px; color: white; font-weight: bold; line-height: 2em; margin: 0 0 10px; }

/* Media-queries */
/* Large desktop */
@media (max-width: 1200px) { #mijnslider img { height: 260px; }
  #mijnslider .inner h2 { margin-bottom: 20px; font-weight: bold; }
  .text-center.text-big .btn { margin: 20px 10px 0; }
  #vierblokken .well { background-size: contain; padding: 30px 40px !important; width: 360px; height: 210px; }
  #vierblokken .well h2 { font-size: 24px; } }
/* Alle non-desktops */
@media (max-width: 992px) { header { margin-bottom: 30px; }
  header li { margin: 0; }
  .img-responsive.logo { width: 200px; }
  form#inloggen { margin-bottom: 20px; }
  form#inloggen .btn { max-width: 200px; margin: 0 auto; } }
/* Portrait tablet to landscape and desktop */
@media (max-width: 768px) { h2 { font-size: 24px; line-height: 1.2em; }
  header { margin-bottom: 20px; }
  .img-responsive.logo { margin: 0; }
  #mainnav { margin-top: 20px; }
  #mijnslider img { width: 100%; height: auto; margin: 0; }
  #mijnslider .inner { padding: 55px 35px; float: left; width: 100%; }
  #vierblokken .well { padding: 40px !important; width: 450px; height: 240px; margin: 0 auto; }
  #vierblokken .well:after { margin-left: 10px; font-size: 30px; bottom: 60px; right: 25%; }
  #vierblokken .well h2 { font-size: 28px; } }
/* Landscape phones and down */
@media (max-width: 480px) { #vierblokken .well { background-position: center center; padding: 40px 50px !important; width: 100%; max-height: 200px !important; }
  #vierblokken .well:after { bottom: 25%; right: 20%; }
  #vierblokken .well h2 { font-size: 22px; }
  #mainfooter .logo, #mainfooter .share { width: 50%; }
  #mainfooter .middelste { float: left; width: 100%; }
  .imgcontainer { width: 100%; }
  .imgcontainer img { width: 100%; } }
/* Styles voor printen */
@media print { #menu, #header, header, #crumbs, .nav, .navbar, #footer, footer, #sidebar, a.verborgen, .dummy, .meta, .noprint { display: none; visibility: collapse; }
  #content, .printonly { border: none; width: 100%; margin: auto; }
  a { color: black; text-decoration: none; }
  th { text-align: left; }
  .links { float: left; }
  .rechts { float: right; }
  .imglinks { float: left; margin: 0 10px 10px 0; }
  .imgrechts { float: right; margin: 0 0 10px 10px; }
  a[href]:after, abbr[title]:after { content: ""; }
  .tab-content > .tab-pane, .pill-content > .pill-pane { display: block; } }
.round{background-color:#CCCCCC;padding: 10px 10px 10px 10px;width:fit-content;height: auto }
.round:hover{background-color:#008c84;}