/* ------------------------------------------------------------
Bibloxx CSS FRAMEWORK
http://bitbloxx.nl
pchulpem_default.css
--------------------------------------------------------------- */

/* RESETS
================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border:none; }

/* DEBUGGING
================================================================*/
/* div { outline: solid #222 1px; } */
.debug			{ outline: solid gold 1px; }
.debug-background	{ background: rgba(255, 215, 0, 0.2) !important; }

/* BITBLOXX 978PX GRID - 18PX GUTTERS
================================================================*/

.container { width: 978px; margin: 0 auto; }
div.grid-1, div.grid-2, div.grid-3, div.grid-3a, div.grid-4, div.grid-5, div.grid-6, div.grid-7, div.grid-8, div.grid-9, div.grid-10, div.grid-11, div.grid-12 { float:left; margin-right: 18px; display: inline; }
.last, div.last { margin-right: 0; }

.grid-1{ width:65px; }
.grid-2{ width:148px; }
.grid-3{ width:231px; }
.grid-3a{ width:229px; }
.grid-4{ width:314px; }
.grid-5{ width:397px; }
.grid-6{ width:480px; }
.grid-7{ width:563px; }
.grid-8{ width:646px; }
.grid-9{ width:729px; }
.grid-10{ width:812px; }
.grid-11{ width:895px; }
.grid-12{ width:978px; margin-right: 0; }

.clearfix:after, .container:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; }
.clearfix, .container { display:block; }
.clear { clear:both; }

html, body { height: 100%; }
body { text-align: left; }
html { overflow-y: scroll; } /* laat scrollbalk altijd zien om verschuiven te voorkomen */

/* SPECIAL CLASSES
================================================================*/
.hidden { display: none; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignjust { text-align: justify; }
.strong { font-weight: bold; }
.error { color: red; }

.shadow {
  -moz-box-shadow:    0px 0px 10px 6px #aaa;
  -webkit-box-shadow: 0px 0px 10px 6px #aaa;
  box-shadow:         0px 0px 10px 6px #aaa; }
  

/* BASIC LINK STYLES - Content
================================================================*/
#content a:link, #content a:visited { 
	color: #222; 
	text-decoration: underline; 
	border-bottom: none; 
	font-weight: normal; 
	padding: 1px 2px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; }
	
#content a:hover { 
	background: #37485D;
	color: #fff;
	text-decoration: none; 
	border-bottom: none; }
	
#content a:active { outline: none; -moz-outline-style: none; }
#content a:focus { outline: none; -moz-outline-style: none; }

a img {
border: none !important;
display: block;
border-bottom: 0px;
}
a:hover img {
border: none !important;
display: block;
border-bottom: 0px;
}


/* THEME SPECIFIC
================================================================*/
/* colors
menu background: #3E7DB7
darker menu line: #67675A
content back: #F3F3F2
breadcrumbs back: #E2E2DA
*/

body {background: #eee; color: #222; font-family: "hind", "helvetica neue", helvetica, arial, sans-serif; }

/* ==== typography ==== */
h1, h2, h3, h4, h5, h6 { color: #222; }

h3.pagetitle { font-family: 'Ubuntu', arial, sans-serif; font-weight: bold; font-size: 28px; margin-bottom: 10px; color: #37485D; }

h1 { font-size: 28px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #222; }
h2 { font-size: 24px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #222; }
h3 { font-size: 20px; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
h4 { font-size: 18px; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; }
h5 { font-size: 16px; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; }
h6 { font-size: 14px; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; }

hr { height: 1px; background: #eee; }
p, ul, ol { font-size: 15px; line-height: 1.6em; font-weight: normal; }
.maincontent p { margin-bottom: 10px; }


/* ==== header ==== */
#header {
        position: relative;
	height: 120px;
	background: #fff url(/uploads/graphics/bg_header2.jpg) 0 0 repeat;
	padding: 0;
	margin: 0 0 0 0; }

#header_inner { position: relative; }

#logo { position: absolute; z-index: 99; top: 26px; display: none; }
#title { position: absolute; top: 25px; left: 10px; }
#social_media { position: absolute; top: 110px; right: 0px; text-align: right; }

/* ==== navigation ==== */
div.navigation{ 
		height: 56px;
		margin: 0px 0 0px 0;
		padding: 0px 0 10px 0;
		background: #3E7DB7;
                border-top: 1px solid #ACE5FF;
		}
div.navigation_inner { position: relative; }

div.embleem {
position: relative; 
left: 750px;
top: -70px;
width: 210px; 
height: 90px; }

.embleemlogo { width: 200px; }

div.speciaal {
position: relative; 
left: 570px;
top: -180px;
width: 210px; 
height: 90px; }

.speciaallogo { width: 130px; }

div.social {
position: relative; 
left: 700px;
top: -145px;
width: 210px; 
height: 90px; }

.facebooklogo { width: 40px; }


/* ==== breadcrumbs ==== */
div.breadcrumbs { background: #eee; padding: 7px; font-size: 11px; margin-bottom: 20px; }


/* ==== content ==== */
div.content_all { background: #fff; border-top: 24px solid #ACE5FF; min-height: 450px; }
div.content_all_inner { padding: 0; background: #fff; }
div.content_inner { padding: 0; }
div.content { margin-bottom: 0; }

div.maincontent_inner { padding: 20px 0 20px 20px; font-size: 14px; line-height: 1.5em; }
div.maincontent_inner p { line-height: 1.6em; font-size 14px; }

div.maincontent_inner img { max-width: 700px !important; }

.maincontent a:link, .maincontent a:visited { 
	color: #3E7DB7; 
	text-decoration: underline; 
	border-bottom: none; 
	font-weight: normal;
	padding: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.maincontent a:hover { color: #3E7DB7; border-bottom: none; }


/* Styling van overzicht nieuwsberichten
================================================================*/
.NewsSummary { padding: 0 0 20px 0; margin: 0 0 20px 0; }


/* ==== sidebar ==== */

div.sidecontent_inner { padding: 20px 20px 20px 0; }

div.sidecontent_inner img { max-width: 180px !important; }

div.sidebarblock_inner a:link, div.sidebarblock_inner a:visited { color: #3E7DB7; text-decoration: underline; border-bottom: none; }
div.sidebarblock_inner a:hover { color: #3E7DB7; border-bottom: none; }

div.sidebarblock { 
	background: #eee; 
	color: #222; 
	margin-bottom: 20px;
	padding: 0px;
	border: 1px solid #fff;
	}
div.sidebarblock_inner { padding: 0px; background: #eee; color: #222; }

div.nobackcolor { background-color: transparent; }
 
div.sidebarblock_inner h3 { 
	font-size: 16px;
	font-family: 'Ubuntu', helvetica, arial, sans-serif;
	font-weight: normal;
	background: #3E7DB7;
        border-bottom: 2px solid #fff;
	color: #fff;
	padding: 10px 10px 10px 20px;
	margin: 0 0 10px 0; 
	top: 0px;
	-webkit-border-radius: 0 ;
	-moz-border-radius: 0 ;
	border-radius: 0 ;
	}

div.sidebarblock_inner p { color: #222; font-size: 14px; padding: 2px 14px 18px 14px; }
div.sidebarblock_inner img { align: center; }


/* ==== footer ==== */
#footer { height: 50px; color: #222; background: transparent; padding: 0 0 10px 0; border-top: #ddd solid 1px; }
#footer_inner { text-align: center; background: #eee; padding: 10px 0; }
#footer .footertextleft { margin: 16px 0 0 20px; color: #222; }
#footer .footertextleft span a { color: #222; }
#footer .footertextright { margin: 16px 20px 0 0; }
#footer p a { border-bottom: none; color: #222; text-decoration: none; }
#footer p a:hover { color: #222; }
#footer p.footertextright a { color: #222; }
#footer p.footertextright a:hover { color: #222; }


/* ==== lists ==== */

.maincontent_inner ul, .maincontent_inner ol { margin-bottom: 10px; }
.maincontent_inner ul li { list-style-type: disc; margin-left: 28px; }
.maincontent_inner ol li { list-style-type: decimal; margin-left: 28px; }


/* ==== forms ==== */

input.cms_textfield, input.cms_password { padding: 5px; background-color: #ffffff; font-family: "open sans", arial, sans-serif; font-size: 14px; }
input { background-color: #fff; }
input.cms_button { font-size: 14px; margin-top: 8px; }

table.contactform { font-size: 14px; }
table.contactform input { padding: 4px; margin-bottom: 10px; width: 448px; font-size: 14px; }
table.contactform input.fbsubmit { width: 160px; background: #8DA8A0; color: #fff; padding: 8px; font-size: 14px; border: 1px solid #3E695E; }
table.contactform input.fbsubmit:hover { background: #3E695E; color: #fff; border: 1px solid #fff; }
table.contactform textarea { padding: 4px; margin-bottom: 10px; width: 448px; font-size: 14px; }
table.contactform legend { display: none; }

table.contactform td.required span, p.required span, div.error_message { color: #ED1C24; }

strong { font-weight: bold; }
/* Stylesheet: default Modified On 2018-02-01 16:01:47 */
/* NAVIGATION
================================================================*/
/* colors
menu background: #AAAB95
darker menu line: #37485D
*/

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: transparent;
   width: 100%;  }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { width: 260px; }

#primary-nav, #primary-nav ul, #primary-nav ul ul { z-index: 999;
   list-style: none; 
   margin: 0px; 
   padding: 0px; }

#primary-nav { margin-left: 8px;  }

#primary-nav ul {
   border: 6px solid #37485D;
   border-top: 14px solid #37485D;
   border-bottom: 14px solid #37485D;
   position: absolute; 
   top: auto; 
   display: none; }

#primary-nav ul ul { 
   margin-top: 5px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; }
	
#primary-nav li { 
   margin: 14px 0;
   float: left;
   border-right: 1px solid transparent; }

#primary-nav li:last-child { border-right: none; }

#primary-nav li li { 
   margin: 0;
   float: none; 
   position: relative; 
   border-right: none; }

#primary-nav li li a { text-transform: none; font-size: 14px; font-weight: normal; }

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   padding: 6px 2px; 
   margin: 0 18px;
   text-decoration: none; 
   font-weight: 300;
   font-size: 18px;
   color: #fff;
   text-transform: none; }

#primary-nav a:hover { color: #fff; }

#primary-nav li { border-right: none; border-left: none; }
#primary-nav li li a { border-bottom: 0px solid transparent; font-weight: normal; padding: 4px 2px 4px 20px; }

#primary-nav li { background-color: transparent; }
#primary-nav li.menuparent { background-color: transparent; } /* bg-color 1st level */
#primary-nav li.menuparent li { background-color: #37485D; } /* bg-color 2nd level */
#primary-nav li.menuparent li.menuparent { background-color: #37485D; } /* bg-color menuparent 2nd level */



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { font-weight: normal; background-color: transparent; }
#primary-nav li.menuactive li.menuactive { font-weight: normal; background-color: #37485D; }
#primary-nav li.menuactive li.menuactive a { font-weight: normal; color: #fff; }
#primary-nav li.menuactive a { color: #fff; border-bottom: 4px solid #fff; }
#primary-nav li.menuactive li a { color: #fff; border-bottom: none; }

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; }


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { background-color: #37485D; }

#primary-nav li.menuactive li a { color: #fff; }
#primary-nav li.menuactive li a:hover { color: #222; background: #fff; }
#primary-nav li.menuactive li a.menuactive { color: #222; background: #fff; }

#primary-nav li.menuparent li a { color: #fff; }
#primary-nav li.menuparent li a:hover { color: #222; background: #fff; }
#primary-nav li.menuparent li a.menuactive { color: #222; background: #fff; }


#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul { display: none; }

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav ul ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul { display: block; }

/* IE  */
#primary-nav li li { float: left; clear: both; }
#primary-nav li li a { height: 1%; }


/* section header
====================================*/
#primary-nav .sectionheader { display: none; background: #fff; margin: 0; padding:0; }


/* separator
===================================*/
#primary-nav hr {  margin: 0; padding: 0; border: #fff 2px solid; }
/* Stylesheet: default-menu Modified On 2015-03-17 12:42:34 */