/*****************/
/* GENERAL STYLE */
/*****************/

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
html, body {
  height: 100%;
}
.important { color: #0070C0; }

/* MASTER FRAME */

#master {
  min-height: 100%;
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
}

/* FontAwesome */
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
} 

/* Icon settings */
p:before,
span:before,
p:after,
span:after {
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: 0px;
    font-size: 20px;
    color: #FFFFFF;
}
#footer table span { font-style: normal!important; color: #FFFFFF; }
#footer table span:before,
#slideBoxContact p:before {
    content: '\f232';
    color: #FFFFFF;
    font-size: 15px;
    margin-right: 10px;
	font-style: normal;
}

/************************/
/* TOP - Logo + TopMenu */
/************************/

#topBG {
  height: 72px;
  width: 100%;
  min-width: 1000px;
  background: url("/fileadmin/custom/img/topBG.png") repeat-x 0px 0px transparent;
  position: relative;
  z-index: 99;
}
#top {
  margin: 0 auto;
  width: 1000px; /* WIDTH OF THE WEBSITE */
}

/* FIXED */
.fixed {
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 72px;
  display: block;
}

/* LOGO */

#logo {
  float: left;
  width: 307px; /* WIDTH OF THE LOGO - EDIT */
  padding: 10px 0px 0px 0px; /* TOP, RIGHT, BOTTOM, LEFT */
}

/* TOP MENU */

#menu {
  float: left;
  width: 650px; /* WIDTH(TOTAL WIDTH - LOGO DIV) */
}
#nav {
  float: right;
  margin-top: 24px;
}
#nav > li {
  list-style: none;
  float: left;
  padding-right: 10px;
  margin-left: 25px;
}
#nav > li.sub {
	 padding-right: 20px;
	 position: relative;
	 padding-bottom: 23px;
}
#nav > li.sub:after {
	content: '';
	display: block;
	float: left;
	height: 11px;
	width: 11px;
	position: absolute;
	right: 0px;
	top: 9px;
	background: url(/fileadmin/custom/img/image-sprite.png) 0px -24px;
}
#nav > li > a {
  display: block;
  color: #ffffff;
  font-size: 17px;
  font-weight: 300;
}
#nav > li > a:hover, #nav > li.active > a {
  color: #ffffff;
  text-decoration: underline;
}

/* DROP DOWN MENU */
#nav .top-menu-lvl2 {
	position: absolute;
	display: none;
	z-index: 9999;
	background-color: #1abc9c;
	top: 48px;
	min-width: 200px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, .2);
}
#nav .top-menu-lvl2 li { list-style: none; }
#nav .top-menu-lvl2 li a {
	padding: 10px 15px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	transition: background-color .2s;
	-moz-transition: background-color .2s;
	-webkit-transition: background-color .2s;
}
#nav .top-menu-lvl2 li:hover a {
	background-color: rgba(255, 255, 255, .3);
}
#nav li.sub:hover .top-menu-lvl2 { display: block; }

/****************************/
/* HEADER - Slideshow/image */
/****************************/

#headerBG {
  height: 215px;
  width: 100%;
  position: absolute;
  top: 0px;
  min-width: 1000px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
#headerBG .shadow {
  background: url("/fileadmin/custom/img/shadow.png") repeat-x 0px 0px transparent;
  height: 215px;
  width: 100%;
  min-width: 1000px;
  z-index: 2;
  display: block;
  position: absolute;
}


/*****************/
/* CONTENT STYLE */
/*****************/

#contentBG {
  min-height: 440px;
  height: auto;
  overflow: hidden;
  width: 100%;
  padding-top: 215px;
  padding-bottom: 315px; /* HEIGHT + BORDER OF FOOTER*/
  min-width: 1000px;
}
#content {
  margin: 0 auto;
  width: 1000px; /* WIDTH OF THE WEBSITE */
  overflow: hidden;
}

/* LEFT CONTENT */

#contentLeft {
  float: left;
  width: 652px; /* WIDTH OF LEFT DIV(SUBMENU) */
  padding-top: 59px;
  padding-right: 80px;
}
#contentLeft > div {
  margin-bottom: 20px;
}

#contentSocial .facebook {
    display: inline-block;
    float: left;
    width: 134px;
    height: 50px;
    overflow: hidden;
    position: relative;
}
#contentSocial .facebook-button {
	width: 20px;
	float: left;
	height: 20px;
	margin-left: 10px;
	margin-top: 5px;
	display: inline-block;
	background: url('/fileadmin/custom/img/square-facebook-512.png') no-repeat 0px 0px transparent;
	background-size: cover;
}
#home #contentSocial .facebook-button { padding: 0px; }
#contentSocial .twitter iframe {
  vertical-align: bottom;
}
/* RIGHT CONTENT */

#contentRight {
  float: left;
  width: 268px; /* WIDTH OF RIGHT DIV(CONTENT) */
  padding: 59px 0px 0px 24px;
  margin-top: 0px;
  height: 100%;
  min-height: 600px;
  overflow: hidden;
  position: relative;
  display: block;
  background-color: #f4f9fc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* SUBMENU */

#submenu {
  margin-bottom: 40px;
}

#submenu li {
  list-style: none;
  display: block;
  margin-bottom: 10px;
  margin-left: 0px!important;
}
#submenu li > a {
  display: block;
  height: 30px;
  width: 243px;
}
#submenu li a > span {
  float: left;
}
#submenu a span {
  color: #181818;
  font-size: 18px;
}
#submenu #bulletPlus, #submenu #bulletMin {
  background: url('/fileadmin/custom/img/image-sprite.png') no-repeat scroll 0px -24px transparent;
  width: 13px;
  height: 13px;
  display: block;
  margin-right: 8px;
  margin-top: 8px;
  z-index: 99;
  float: left;
  cursor: pointer;
}
#submenu #bulletMin {
  background: url('/fileadmin/custom/img/image-sprite.png') no-repeat scroll 0px 0px transparent;
}
#submenu .bulletPlus {
  background: url('/fileadmin/custom/img/image-sprite.png') no-repeat scroll 0px -24px transparent!important;
}
#submenu .bulletMin {
  background: url('/fileadmin/custom/img/image-sprite.png') no-repeat scroll 0px 0px transparent!important;
}
#submenu li a > span {
  float: left;
}
#submenu a span {
  color: #181818;
  font-size: 13px;
}
#subsubmenu {
  margin-top: 0px;
  margin-bottom: 5px;
  display: none;
}
#submenu > li {
  list-style: none;
  display: block;
}
#subsubmenu > li {
  margin-bottom: -3px;
}
#submenu #bulletSmall {
  background: url("/fileadmin/custom/img/image-sprite.png") no-repeat scroll -28px -2085px transparent;
  display: block;
  height: 0px;
  margin-right: -2px;
  margin-top: 0px;
  width: 0px;
}
#submenu li a > span {
  float: left;
}
#subsubmenu a span {
  color: #181818;
  font-size: 18px;
  margin-left: 22px;
}
#submenu li.active > a > span, #submenu li.subactive a > span {
  color: #1abc9c;
}
#submenu span:hover {
  color: #1abc9c;
}

/* AFSPRAAK BOX */

#c37, #c16 {
  padding: 16px 24px 24px 24px;
  display: block;
  overflow: hidden;
  background-color: #1abc9c;
  margin-bottom: 45px;
  margin-left: -24px;
}
#c37, #c16 h2 {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}
#c37, #c16 p {
  padding-bottom: 0px!important;
}
#c37, #c16 a {
  color: #1abc9c;
  background-color: #FFFFFF;
  padding: 3px 10px 3px 10px;
  display: inline;
  font-size: 16px;
}
#c37, #c16 a:hover {
  text-decoration: none;
}

/* CONTACT BOX */
.contactBox {
  margin-left: 24px;
  overflow: hidden;
  display: block;
}
.contactBox p, .contactBox a {
  font-size: 18px;
  line-height: 35px;
  color: #262626;
}
.contactBox h2 {
  margin-bottom: 15px;
}
.contactBox a:hover {
  text-decoration: none;
  color: #1abc9c;
}

/* TEASERS */
.csc-textpic-imagewrap { width: 100%!important; }
.csc-textpic-imagewrap .csc-textpic-imagerow { width: auto!important; }
.csc-textpic-border .csc-textpic-image {
  float: left;
  display: block;
  height: 75px;
  width: 280px!important;
  overflow: hidden;
  margin-left: 45px;
  background-color: #f4f9fc;
  position: relative;
  margin-bottom: 20px!important;
}
.csc-textpic-border img{
  border: 0px!important;
}
.csc-textpic-border .csc-textpic-caption {
  font-family: 'Dosis', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #262626;
  position: absolute;
  left: 95px;
  top: 25px;
}
.csc-textpic-border a {
  width: 280px;
  height: 75px;
  display: block;
  z-index:99;
  position: relative;
}

/****************/
/* FOOTER STYLE */
/****************/

#footerBG {
  height: 315px; /* HEIGHT OF FOOTER DIV - EDIT*/
  margin-top: -315px; /* NUMBER IS HEIGHT + BORDER(NAGATIVE) OF FOOTER DIV - EDIT*/
  width: 100%;
  background-color: #1abc9c; /* COLOR OF FOOTER DIV - EDIT*/
  overflow: hidden;
  position: relative;
}

/* NORMAL FOOTER */

#footerBottom {
  text-align: center;
  width: 1000px;
  height: 30px;
  margin: 0 auto;
  color: #FFFFFF;
}
#footerBottom a {
  color: #FFFFFF!important;
  text-decoration: none;
}

/* SEO FOOTER */

#footer {
  margin: 0 auto;
  width: 1000px; /* WIDTH OF THE WEBSITE */
  overflow: hidden;
  display: block;
  height: 285px;
}
#footer > div {
  display: block;
  float: left;
  margin-top: 35px;
  list-style: none;
}
#footer h3 {
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 27px;
}
#footer li {
  list-style: none;
  margin-left: 0px;
  color: #FFFFFF;
}
#footer li a, #footer p, #footer a {
  color: #FFFFFF!important;
  padding-bottom: 0px;
  line-height: 25px;
}
#c5 {
  width: 309px;
}
#c6 {
  width: 359px;
}
#c7 {
  width: 332px;
}
#footer table td {
  padding-right: 20px;
}

/**************/
/* TEXT STYLE */
/**************/

/* HEADERS */

h1,h2,h3 {
  font-size: 22px;
  font-weight: normal;
  font-family: 'Verdana', sans-serif;
  color: #181818;
  margin-bottom: 25px;
  line-height: 20px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 14px;
}


/* NORMAL TEXT + LINKS */

p, a, label, input, textarea, select, checkbox, div, span, li, #footerBottom a, #footer a, #submenu a {
  font-size: 13px;
  font-weight: normal;
  color: #181818;
  font-family: 'Verdana', sans-serif;
  line-height: 25px;
}
p.bodytext {
  padding-bottom: 20px;
}
a {
  color: #1abc9c;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
strong,b {
  font-weight: 700;
}

/* ALIGNMENT */

.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.indent {
  margin-left: 20px;
}

/* ORDERED LISTS */

#contentLeft li {
  list-style: square;
  margin-left: 25px;
}
#contentLeft li.csc-textpic-image {
  margin-left: 0px;
  margin-bottom: 10px;
}
li.p {
  padding: 0px;
}

/* TABLE */

table.contenttable {
  padding-bottom: 20px;
}
table.contenttable td > p {
    padding-bottom: 0px;
}

.td-0, .td-2 {
  width: 100px;
}
.td-1, .td-3 {
  width: 210px;
}

/**************/
/* HOME STYLE */
/**************/

#home #contentBG {
  padding-top: 573px;
}
#home #contentRight {
  width: 411px;
  padding-left: 45px;
  padding-right: 20px;
  min-height: 400px;
}
#home #contentRight .csc-textpic-image,
#home #contentRight .csc-textpic-image img {
	width: 168px!important;
    height: auto;
    margin-right: 0px;
}
#home #contentLeft {
  width: 484px;
  padding-right: 40px;
}
#home #contentRight h2 {
  font-size: 22px;
}
#home #contentLeft a {
  padding: 7px 10px 7px 10px;
  background-color: #1abc9c;
  font-size: 13px;
  color: #FFFFFF;
  display: inline  
}
#home #contentLeft a:hover {
  text-decoration: none;
}
#home #contentLeft > div {
  margin-bottom: 0px;
}
#home #headerBG {
  height: 573px;
}

/* SLIDESHOW BOXES */

#slideBoxes {
  display: block;
  position: absolute;
  top: 157px;
  display: block;
  width: 1000px;
  height: 300px;
  margin: 0 auto;
  left: 0px;
  right: 0px;  
}
#slideBox1 {
  padding: 23px 31px 27px 31px;
  float: left;
  width: 364px;
  height: 247px;
  display: block;
  text-align: left;
  margin-right: 16px;
  background: url("/fileadmin/custom/img/image-sprite.png") no-repeat 0px -57px transparent;
}
.slideDescriptionBG  {
  display: none!important;
}
#slideBox1 h2 {
  color: #181818;
  font-size: 22px;
  margin-bottom: 40px;
}
#slideBox1 a {
  padding: 7px 10px 7px 10px;
  background-color: #1abc9c;
  color: #FFFFFF;
  font-size: 13px;
}
#slideBox1 a:hover {
  text-decoration: none;
}
#slideBox2 {
  padding: 23px 31px 27px 31px;
  float: left;
  width: 208px;
  text-align: left;
  height: 239px;
  display: block;
  margin-right: 20px;
  background: url("/fileadmin/custom/img/whiteBG.png") repeat 0px 0px transparent;
}
#slideBox2 h2 {
  color: #181818;
  font-size: 22px;
  margin-bottom: 20px;
}
#slideBox3 {
  float: left;
  width: 268px;
  height: 289px;
  display: block;
}
#slideBoxAfspraak {
  padding: 15px 25px 27px 25px;
  float: left;
  width: 218px;
  height: 84px;
  text-align: left;
  display: block;
  background: url("/fileadmin/custom/img/whiteBG.png") repeat 0px 0px transparent;
  margin-bottom: 17px;
}
#slideBoxAfspraak h2 {
  color: #181818;
    font-size: 22px;
    line-height: 30px;
  margin-bottom: 10px;
}
#slideBoxAfspraak a {
  padding: 7px 10px 7px 10px;
  background-color: #1abc9c;
  color: #FFFFFF;
      font-size: 13px;
}
#slideBoxAfspraak a:hover {
  text-decoration: none;
}
#slideBoxContact {
  padding: 27px 25px 27px 25px;
  float: left;
  width: 218px;
  text-align: left;
  height: 91px;
  display: block;
  background: url("/fileadmin/custom/img/blueBG.png") repeat 0px 0px transparent;
}
#slideBoxContact h2 {
  color: #FFFFFF;
    font-size: 17px;
    margin-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 300;
}
#slideBoxContact a,#slideBoxContact p {
  font-size: 17px;
  color: #FFFFFF;
  line-height: 30px;
  font-weight: 300;
}

/**********************/
/* MISC STYLE - OTHER */
/**********************/

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0px;
}
#home DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 20px;
  margin-right: 16px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin-bottom: 10px;
}