@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400italic,300,400);

* {
margin: 0;
}
html, body {
height: 100%;
}

ul,li
{
margin-left:8px;
}


#wrapper {
margin: 10px 0 10px 0;

min-height: 100%;
height: auto !important;
height: 100%;
margin: 10px auto -130px; /* the bottom margin is the negative value of the footer's height + lijn*/

max-width: 960px;
overflow:visible;
	
-moz-box-shadow:0 0px 5px 1px #000;
-webkit-box-shadow:0 0px 5px 1px #000;
box-shadow:0 0px 5px 1px #000;

	 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

background-color:#fff;
background: rgba(255, 255, 255, 1.00);
}

#footer, #push
{
height: 130px; /* .push must be the same height as .footer + lijn */
}



#push
{

}
#push-center
{
max-width:960px;
margin:0px auto;
height:130px;;
}



body,table,a
{

font-size:14px;
font-family: "Open Sans";
color:#444;
margin:0;
padding:0;
}
body,table
{
line-height: 1.4em;
}
body
{
background-color:#C1C1C1;
}

img
{
margin-right:5px;
}

a:hover { color: #3771c8; }


p
{
padding: 7px 0 7px 0;
}

#headerblauw{
padding:0px;
height:10px;background-color: #808080;
}

#headerblauw-center{
max-width:960px;
margin:0px auto;
height:10px;background-color: #808080;
}




#header-center
{
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;
position:relative;
max-width:886px;
margin:0px auto;
overflow:hidden;
padding:0px 42px 0px 32px;
height:160px;background-color: #808080;
}

#header-left
{
max-width:430px;
height:140px;
float: left;
background-color: #808080;
overflow:hidden;
}
#header-right
{
 background-color: #808080; 
max-width:400px;
float: right;
}
#header-right p
{
color: #fff; 
font-size: 20px;
}

a.cta, a.cta-right{
   font-size:20px;
   min-width:120px;
   border:solid 2px;
   border-color:#565455;
   text-align:center;
   display:block;
   color:#fff;
   padding:10px 30px 10px 30px;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;

background:#A9D400;
background-image:-webkit-linear-gradient(top, #A9D400, #95ba00);
background-image:-moz-linear-gradient(top, #A9D400, #95ba00);
background-image:-ms-linear-gradient(top, #A9D400, #95ba00);
background-image:-o-linear-gradient(top, #A9D400, #95ba00);
background-image:linear-gradient(to bottom, #A9D400, #95ba00);

text-decoration:none;float:left;margin-left:0px;}
a.cta:hover, a.cta-right:hover{color:#fff;
background:#FF2A7F;
background-image:-webkit-linear-gradient(top, #FCD143, #fbc711);
background-image:-moz-linear-gradient(top, #FCD143, #fbc711);
background-image:-ms-linear-gradient(top, #FCD143, #fbc711);
background-image:-o-linear-gradient(top, #FCD143, #fbc711);
background-image:linear-gradient(to bottom, #FCD143, #fbc711);
}
a.cta-right{
   float:right;
}

#menu
{
padding:0px;
height:40px;
}

#menu-center
{
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;
position:relative;
width:893px;
margin:0px auto;
height:28px;
padding:12px 0px 0px 67px;
}



.lijn1
{
padding:0px;
height:10px;
border-width: 1px 0px 0px 0px;
border-style: dotted;
border-color: #666;
}
.lijn1-center
{
width:960px;
margin:0px auto;
height:10px;
border-width: 1px 0px 0px 0px;
border-style: dotted;
border-color: #666;
}




#slider {
height: 20vh;
overflow: hidden;
}

#inhoud
{


}

#inhoud-center
{

border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;

max-width:915px;
margin:0px auto;


padding: 5px 30px 10px 20px;
overflow:hidden;
}



#inhoud-content
{

border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;

max-width:600px;
float: left;

padding: 10px 25px 15px 3px;
overflow:hidden;
}



@media (min-width:960px){
#inhoud-menu
{

border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;

float: left;

padding: 28px 30px 15px 10px;
overflow:hidden;
}

#footer-menu
{

border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;

padding: 30px 10px 15px 10px;
overflow:hidden;
}
}
@media (max-width:960px){
#footer-menu
{

display: none;
}
#inhoud-center img{
display: block;
width: 80vw !important;
height: auto !important;
margin-bottom: 15px;
}
}


@media (max-width:600px){#header-center{height: 100px}
#header-center img{
display: block;
width: 210px !important;
height: auto !important;
margin-bottom: 15px;
}
}


#footer-center{

max-width:690px;
margin:0px auto;
height: 100px;
overflow:hidden;
padding: 10px 0px 30px 270px;

}





form
    {
    border-width: 0px;
    border-style: dashed;
    border-color: #cccccc;

    }

input,select
    {
    background-color: fff;
	height:18px;
	width: 250px;
    border-width: 1px;
  	border-style:solid solid dotted solid; /* boven rechts onder links */
    border-color: #cccccc;

    }

textarea
    {
    background-color: #fff;
	height:200px;
	width: 250px;
    border-width: 1px;
  	border-style:solid solid dotted solid; /* boven rechts onder links */
    border-color: #cccccc;
    margin-bottom: 10px;
    }

.verplicht
{
font-size:18px;
color: #2C5AA0;	
}





input.send
    {
	height:25px;
	width: 200px;
	font-size:15px;
    background-color: #2C5AA0;
	color:#fff;
    }


.clear
{
clear:both;
}








a.aanmelden,a.menu-blog,h1, h2, h3, h4, h5, h6 { font-weight: bold }
h1 {line-height: 32px;}
a.aanmelden,a.menu-blog,h1, h2, h3, h4, h5, h6 { letter-spacing:1px }
a.menu-blog,h1, h2, h3, h4, h5, h6 { color: #515151 }
a.aanmelden, h2 { color: #515151 }

a.menu-blog,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #436DFB }
a:hover.menu-blog,h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #cccccc }
h2, h3, h4, h5, h6 { margin: 20px 0 20px; font-weight: 600; }
a.menu-blog,h1 { font-size: 18px; margin: 0 0 20px; }
a.aanmelden,h2 { font-size: 16px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 11px }

a.menu-blog
{
text-decoration:none;
}




a.foot
{
font-size:14px;
line-height:200%;
color:#4169E2;
letter-spacing:2px;

margin:0;
padding:0;
}

a:hover.foot
{
color:#929292;
}






a.nieuwsbrief 
{
text-decoration:none;
font-size:13px;
line-height:170%;
color:#333333;
margin:0;
padding:0;
}

a:hover.nieuwsbrief {
color:#FF8000;
}

p.nieuwsbrief {
font:13px "Open Sans", Calibri, Droid Sans, Georgia;

line-height:170%;
color:#333333;
}

img{
  margin-bottom: 15px; 
}










/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #94CFED;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: "Open Sans", Calibri, Droid Sans, Georgia;
	font-size: 10px;
	color: #333333;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* END SLIMBOX */





/*** ESSENTIAL STYLES ***/


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			250px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
	left:			0px; /* zelf toegevoegd !!! */
	/*padding-top:20px;  zelf toegevoegd om afstand van het hoofdmenu tot eerste submenu item in te stellen!!! */
	z-index:		99999;
   



}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/


.sf-menu a {

	text-decoration:none;
	margin-left:5px;
}

a.menu,a.menuon
{
display: block;	
font-size:18px;
text-decoration:none;
color:#fff;
font-weight:normal;
letter-spacing:2px;

max-width:100%;
background-color:#808080;
padding:6px 5px 8px 5px;
padding-left:8px;
margin:1px;
	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

a.menu:hover,a.menuon:hover
{
color:#fff;
background-color:#b2b2b2;
}



a.menuon,a.menuon:hover,a.menu:hover
{
color:#fff;
}

a.menuon
{
color:#fff;
background-color:#FBD143;
}



a.submenu,a.submenuon
{
 display: block;	
font-size:14px;
text-decoration:none;
color:#fff;
font-weight:normal;
letter-spacing:2px;

width:180px;
background-color:#7da8e8;
padding:3px 5px 4px 5px;
padding-left:8px;
margin:1px;
margin-left: 20px;
	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
  


}
a.submenuon
{
background-color:#A02C5A;
}

a.submenu:hover, a.submenuon:hover
{
background-color:#5AA02C;
}