* {padding: 0; margin: 0;}
html { margin: auto; font-family: 'Open Sans', sans-serif, arial; font-size: 85%; height: 100%; color: #555;}
a {outline: none;}
input, select, textarea { font-family: Arial; font-size: 12px;  }
img { border: 0px; }
header, footer, nav, section, aside, hgroup, article { display: block; }
a, input { outline: none; }

input, textarea, select{margin:1px; border:1px solid #ddd; padding:3px;}
input, select{width:355px}
textarea{width:355px}
input[type="checkbox"]{border:none; width:15px}

body { line-height: 175%;}
.clear { clear: both; height: 0; }
.button , #teaserCntr .column a{ display: inline-block;  width: 175px; height: 40px; line-height: 40px; text-align: center; font-size: 110%; text-decoration: none; font-weight: bold; text-transform: uppercase; border-radius: 5px;cursor: pointer; color: #fff;}
h1 {font-size: 220%; font-weight: normal; margin-bottom: 10px;}
h2, .title {font-size: 160%; font-weight: normal; }
h3 {font-size: 140%}
h4 {font-size: 120%}
p { margin-bottom: 10px;}
form { background: #f3f3f3; border-radius: 5px; padding: 10px 20px; clear: both;}
form p {clear: both;}
form input, form select{float: left;}
fieldset { border: none; padding: 0px; }
legend  { font-size: 80%;}
.quote {font-style:italic}
form label{display:block; float: left; clear: both; width:150px; line-height:34px; margin-bottom: 5px;}
ul {list-style: none;}
#contents ul {list-style: disc; margin: 10px 20px;}
.small {font-size: 90%;}
.breadcrumb {border-bottom: 1px solid #ddd; font-size: 90%;}
.centerCntr {width: 990px; margin: 0 auto;clear:both;}

#headerCntr { padding: 10px 20px; width: 950px; background:#fff}
#headerCntr .logo {float: left; width: 224px; }
#headerCntr #banner {float: left; padding: 15px 0 0 10px;}
#headerCntr .headerBox {float: right; width: 335px;}
#headerCntr .headerBox ul li {list-style: none; display: inline-block;}
#headerCntr .headerBox .tel {float: right; font-style: italic; font-size: 150%; margin-bottom: 10px; width: 350px; text-align: right }
#headerCntr form {background: #fff; float: right; border: 1px solid #ddd; width: 240px; clear: none; padding: 5px;}
#headerCntr form input{ border: none; width: 200px}
#headerCntr form a {float: right;margin-right: 5px;}
#headerCntr .twitter {float: right; clear: right;}

.socials{float:right;}
/*#menuCntr ul {width: 970px; padding: 0 10px;background: url('/images/bg-menu.png') #029a32; background-repeat: repeat-x; }
#menuCntr ul li {list-style: none; display: inline-block;}
#menuCntr ul li a {text-decoration: none; font-size: 110%; margin-right: 10px; padding-right: 10px; line-height: 48px;}
#menuCntr ul li ul { width: 275px;}
*/
#menuCntr { background: url('/images/bg-menu.png') #029a32; background-repeat: repeat-x;  line-height: 48px; height: 48px; font-size: 110%; clear: both; }
#menuCntr.fixed {position: fixed; top: 0;}
#menuCntr ul li {line-height: 48px;}
#menuCntr ul li a {text-decoration: none; text-transform: normal; padding: 0 10px; text-align: center; color: #fff; }
#menuCntr a:hover, #menuCntr li:hover { color:#fff200}
#menuCntr ul li.item-with-ul a{padding-right: 70px}
#menuCntr ul.sm-screen  li.item-with-ul a{padding: 0 70px}
#menuCntr ul li ul { background: #fff; min-width: 260px;}
#menuCntr ul li ul a {color: #000; background: none;}
#menuCntr .flexnav .touch-button{ background:#222;}
#menuCntr .touch-button .navicon{ color:#666}

#teaserCntr {width: 990px;clear: both; height: 260px; overflow: hidden }
#teaserCntr .flexslider{ background: #fff; padding-top: 0px; margin-bottom: 10px; position: relative;}
#teaserCntr .sliderCaption {background: rgba(255,242,0,0.9); color: #000; width: 240px; height: 180px; position: relative; top: -245px; left: 645px; padding: 20px;} 
#teaserCntr .sliderCaption h3 {margin-bottom: 5px; font-size: 120%; text-transform: uppercase;}
#teaserCntr .sliderCaption .bel { text-transform: uppercase; font-size: 200%; border-bottom: 1px solid #000; font-weight: bold; padding-bottom: 10px;}
#teaserCntr .sliderCaption h4 { text-transform: uppercase;}

#teaserCntr .columnCntr { background: #e8e8e8; margin-bottom: 10px;}
#teaserCntr .column {width: 290px; float: left; border-right: 1px solid #ddd; padding: 10px; margin: 10px 10px 10px 0; height: 170px; overflow: hidden;}
#teaserCntr .column.last {border: none; margin-right: 0;}

#contentCntr {background: #fff; padding: 20px; width: 950px;}
#contentCntr #contents {float: left;width: 610px; border-right: 1px solid #ddd; padding-right: 10px; margin-right: 10px;}
#contentCntr #contents iframe.iframe{ position: relative; z-index: 999; background: #fff; margin-top: -70px; margin-left:-10px;}
#contentCntr #nieuws {float: right; width: 280px; margin: 20px 0 0 0}
#contentCntr #nieuws li {margin: 10px 0;border-bottom: 1px solid #ddd; padding-bottom: 5px; clear: both;}
#contentCntr #nieuws li img {float: right; margin: 20px 0 0 10px;}
#contentCntr #nieuws li a {text-decoration: none; font-weight: bold; display: block;}
#contentCntr #nieuws li .datum {font-size: 90%; color: #777}
#contentCntr #nieuws .nieuwsholder {height: 382px;}
#contentCntr #nieuws .blok { border: 1px solid #ddd; padding: 10px; width: 247px;}
#socialCntr {background: #f1f1f1; width: 100%; padding: 20px 0;  }
#socialCntr #facebook, #socialCntr #twitter {width: 470px; float: left;}
#socialCntr #twitter {float: right;}
#socialCntr #twitter .twitterItem {border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px;}
#socialCntr #twitter .twitterTitle {padding-bottom: 10px; margin-bottom: 10px; font-weight: bold;}
#socialCntr #twitter .twitterTime {color: #aaa; float: right;}
#socialCntr #twitter p a {text-decoration: none;}


/* kleine aanpassing 01-16 */

#twitter li{
	list-style-type: none;
	padding:10px;
	border-top:1px solid #ddd;
}

.socials{
	padding-left: 50%;
	float:none;
}



#footerCntr {background: #e3e7e8; width: 100%; padding: 20px 0;}
#footerCntr .footerMenu {width: 170px;  float: left; border-right: 1px solid #ccc; padding-right: 30px; margin-right: 40px;font-size: 90%;}
#footerCntr .footerMenu.last {padding: 0; margin: 0; border: 0; width: 215px; float: right;}
#footerCntr .footerMenu h4{margin-bottom: 5px;}
#footerCntr .footerMenu label {display: inline-block;  width: 75px;}
#footerCntr #footer {text-align: center; padding: 20px 0; font-size: 80%; border-bottom: 100px solid #d4d4d4;}
#footerCntr .button {float: right; width: 180px; background-repeat: no-repeat; background-position: 4px 10px; font-size: 120% ;margin-bottom: 20px; text-align: left; padding-left: 35px; height: 50px; line-height: 50px;}
#footerCntr .bel {background-image: url('/images/btnPhone.png');}
#footerCntr .afspraak {background-image: url('/images/btnArrow.png');}
#footerCntr .belons { text-transform: uppercase; font-size: 200%; border-bottom: 1px solid #ccc; font-weight: bold; padding-bottom: 10px; color: #076324}
.footer-social-media{margin-top: 19px;}
/* css3 animations */
a, a:hover img, .button:hover  { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* custom colors */
body {background: url('/images/bg.png') #edeeed repeat-x top left;}
#wrapper {background: #f0f0f0; width: 990px; margin: 0 auto;clear:both; padding: 10px;}
#menuCntr ul li a {color: #fff; font-weight: bold;}
#menuCntr ul li a:hover {color: #fff200;}
a {color: #076324;}
a:hover {color: #ef4035;}
h1 { color: #076324;}
h2 { color: #ef4035;}
.button, .sliderCaption a.button:hover  {background-color: #076324; color: #fff !important; }
.button:hover, #teaserCntr  a:hover, .columnCntr a {background-color: #ef4035}
.sliderCaption a.button, .columnCntr a:hover{background-color: #076324}
#footerCntr h4 {color: #000;}
#footerCntr a {color: #444;}
#footerCntr a:hover {color: #ef4035;}
#headerCntr .headerBox .tel span {color: #ef4035; font-weight: bold;}
#menuCntr ul li ul {background: #076324;}