body{
	font-family: 'Garamond', 'Times New Roman', times, serif;
	font-size: 19px;
	line-height: 1.2em;
	color: #000;
	background-color: #FCFEEF;
	margin: 0px;
	padding: 0px;
}

body.section-cdc{
	background-color: #F0FAFF;
}

/* Paste from Word fix */
#content .page p, #content .page p span, #content .page span{ 
	font-size: 19px !important; 
	line-height: 1.2em !important; 
	color: #000 !important; 
	font-family: 'Garamond', 'Times New Roman', times, serif !important;
}

h1, h2, h3, h4, h5, h6{ font-size: 24px; font-weight: bold; margin-top: 0px; }
h2{ font-size: 20px; }
h3, h4, h5, h6{ font-size: 16px; font-weight: bold; }
a{ color: #778634; }
a:hover{ color: #778634; }
h3 a{ color: #000; }

.divider{ clear: both; }

.section-cdc a{ color: #002E6D; }

#site{ min-height: 100%; width: 100%; position: absolute; }

/* Header */
#header{ }
#header .logo{ text-align: center; }
#header .logo img{ width: 80%; margin-top: 8px; }
#header .image-slider{ margin-top: 8px; margin-bottom: 8px; }
#header .image-slider img{ width: 100%; }
.fadein { position: relative; }
.fadein img { position: absolute; left: 0; top: 0; opacity: 0; }
.fadein img:first-child{ position: relative; opacity: 1; }

/* Main menu */
.menu-bar{ background-color: #778634; }
.menu-bar a{ color: #000; }
.menu-bar ul.menu{ list-style: none; margin: 10px 0px 0px 0px; padding: 0px; text-align: center; }
.menu-bar ul.menu li{ display: inline-block; width: 154px; height: 54px; margin-bottom: 10px; }
.menu-bar ul.menu li a{ display: inline-block; width: 154px; height: 54px; background: url('../img/btn.png'); background-size: 100% 100%; text-align: center; line-height: 54px; font-size: 24px; }
.menu-bar ul.menu li a:hover, .menu-bar ul.menu li.active a{ background-image: url('../img/btn-active.png'); text-decoration: none; }
.menu-bar ul.menu li ul{ display: none; }

.menu-bar ul.menu li.logo img{ height: 40px; }

.section-cdc .menu-bar{ background-color: #DEDB00; }
.section-cdc .menu-bar ul.menu li a{ background-image: url('../img/cdc-btn.png'); }
.section-cdc .menu-bar ul.menu li a:hover, .section-cdc .menu-bar ul.menu li.active a{ background-image: url('../img/cdc-btn-active.png'); }

@media all and (max-width: 1201px){
	.menu-bar ul.menu li, .menu-bar ul.menu li a{ width: 142px; height: 50px; line-height: 50px; font-size: 22px; }
	.menu-bar ul.menu li.logo img{ height: 34px; }
	
	.section-ck .menu-bar ul.menu li, .section-ck .menu-bar ul.menu li a{ width: 130px; }
}
@media all and (max-width: 991px){
	.menu-bar ul.menu li, .menu-bar ul.menu li a{ width: 114px; height: 40px; line-height: 40px; font-size: 18px; }
	.menu-bar ul.menu li.logo img{ height: 24px; }
	
	.section-ck .menu-bar ul.menu li, .section-ck .menu-bar ul.menu li a{ width: 100px; }
}

/* Mobile menu */
#mobile-menu{ display: none; background-color: #778634; padding: 10px; }
#mobile-menu select{ width: 100%; background-color: #778634; color: #FFF; border: solid 0px; font-size: 20px; outline: none; }

.section-cdc #mobile-menu{ background-color: #002E6D; }
.section-cdc #mobile-menu select{ background-color: #002E6D; }

/* Side-menu */
#side-menu{ width: 200px; float: left; padding: 8px 8px 0px 8px; box-shadow: 5px 5px 6px rgba(119,134,52,0.5); }
#side-menu ul.menu{ list-style: none; margin: 0px; padding: 0px; width: 184px; }
#side-menu ul.menu li{ list-style: none; font-size: 24px; line-height: 24px; font-weight: normal; color: #51610c; }
#side-menu ul.menu li a{ width: 100%; background-color: #F8FCE1; padding: 10px 10px 10px 10px; margin-bottom: 8px; display: block; color: #51610c; border: solid 3px #EBF7AE; border-radius: 4px; text-decoration: none; transition: background-color 0.3s; }
#side-menu ul.menu li:hover > a{ background-color: #E7F69D; }
#side-menu ul.menu li.active > a{ background-color: #E7F69D; }

#side-menu ul.menu li ul{ display: none; position: absolute; z-index: 300; margin: -54px 0px 0px 184px; padding: 0px; box-shadow: 0px 3px 5px rgba(0,0,0,0.4); }
#side-menu ul.menu li ul ul{ margin-top: -54px; margin-left: 150px; }
#side-menu ul.menu li:hover > ul{ display: block; }
#side-menu ul.menu li ul li{ min-width: 160px; }
#side-menu ul.menu li ul li a{ margin-bottom: 0px; }

/* Content */
#content{ margin-bottom: 10px; margin-top: 8px; }

/* Footer */
#footer{ margin-bottom: 20px; }
#footer img.social{ height: 20px; margin-top: -4px; margin-left: 4px; }

/* Page */
#content .page{ position: relative; float: right; width: 920px; min-height: 440px; padding: 8px 16px 0px 8px; box-shadow: 5px 5px 6px rgba(119,134,52,0.5); }
#content .page.no-side-menu{ margin-left: 0px; width: 100%; }

.section-cdc #content .page{ box-shadow: 5px 5px 6px rgba(51,57,136,0.2); }
.section-cdc #content .page.no-side-menu{ box-shadow: none; }

/* Landing page */
.landing-header{ /* background-size: 100% 100%; background-size: cover; background-position: center; background-image: url('../img/landing-header.jpg'); */ }
.landing-header .image-slider img{ width: 100%; }

.landing-title{ background-color: #778634; color: #FFF; font-size: 26px; line-height: 1.2em; padding: 16px 0px 16px 0px; }
.landing-title .text{ text-align: center; }
.landing-title .and-sign{ position: absolute; right: -0.5em; z-index: 100; }
@media all and (max-width: 991px){
	.landing-header{ /* height: 300px; */ }
	.landing-title .and-sign{ position: relative; display: block; right: auto; }
}

.landing-sites{ padding-top: 8px; margin-bottom: 10px; }
.landing-sites a{ color: #000; text-decoration: none; }
.landing-sites .button{ background-color: #F8FCE1; display: block; margin: 16px 0px 16px 0px; padding: 16px; border: solid 1px #778634; box-shadow: 5px 5px 6px rgba(119,134,52,0.5); min-height: 270px; }
.landing-sites .button img{ width: 100%; }
.landing-sites .button.zuivel{ text-align: center; }
.landing-sites .button.zuivel img{ height: 210px; width: auto; max-width: 100%; }

@media all and (min-width: 992px){
	.landing-sites .button{ min-height: 251px; }
}

.photoalbums{ padding: 16px 8px 0px 0px; }
.photoalbums .photoalbums-thumb{ margin-bottom: 32px; }
.photoalbums .photoalbums-thumb img{ display: block; width: 100%; }

/* Photos */
.photos{ padding: 16px 8px 0px 0px; }
.photos .photos-thumb{ margin-bottom: 32px; }
.photos .photos-thumb img{ display: block; width: 100%; }

/*************************
 * Templates
 *************************/
#content table.template_2columns{  }
#content table.template_2columns tr td{ padding-right: 10px; padding-bottom: 10px; vertical-align: top; width: 50%; }
#content table.template_2columns tr td img{ width: 100% !important; height: auto !important; }

#content table.template_2columns_text{  }
#content table.template_2columns_text tr td{ padding-right: 10px; padding-bottom: 10px; vertical-align: top; width: 50%; }

#content table.template_indent tr td{ padding-left: 90px; padding-right: 90px; padding-bottom: 10px; }
@media all and (max-width: 991px){
	#content table.template_indent tr td{ padding-left: 40px; padding-right: 40px; }
}

/*************************
 * Responsive
 *************************/
table{ border-color: gray; }
#content table{ max-width: 100% !important; }
#content img{ max-width: 100%; height: auto !important; }
@media all and (max-width: 1199px){
	#content .page{ width: 720px; }
}
@media all and (max-width: 991px){
	#content .page{ width: 500px; }
}
@media all and (max-width: 768px){
	#main-menu{ display: none; }
	#mobile-menu{ display: block; }
	#side-menu{ display: none; }
	#content .page{ padding: 20px !important; padding: 8px; box-shadow: none; width: 100%; }
	
	#content table.template_2columns tr td{ display: block; margin-bottom: 10px; width: 100%; }
	#content table.template_2columns_text tr td{ display: block; margin-bottom: 10px; width: 100%; }
	
	#content table.template_indent tr td{ padding-left: 0px; padding-right: 0px; }
}

@media all and (max-width: 600px){
	#header .logo{ float: none; text-align: center; }
	#header .logo img{ max-width: 100%; }
	#header .bubbles{ display: none; }
}