@import url(http://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 -170px; /* the bottom margin is the negative value of the footer's height + lijn*/

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

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

background-color:#fff;
//background: rgba(255, 255, 255, .95);
}

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



#push
{

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



body,table,a
{

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

img
{
margin-right:5px;
}

a:hover { color: #ff2a7f; }


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

#headerblauw{
padding:0px;
height:10px;
}

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

#header
{

}
#header-center
{
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000;
position:relative;
width:893px;
margin:0px auto;
overflow:visible;
padding:0px 0px 0px 67px;
height:130px;
}

#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;
}



#sliderposition
{
position:relative;
width:960px;
height:350px;
margin:0px auto;

overflow:hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid;
}

#slider {

margin:0px auto;
width:960px; /* Make sure your images are the same size */
height:350px; /* Make sure your images are the same size */
overflow:hidden;

}

#inhoud
{


}

#inhoud-center
{

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

width:830px;
margin:0px auto;


padding: 30px 60px 15px 70px;
overflow:hidden;
}







#footer
{

height:170px;
padding-top:0px;
}

#footer-center{

width:830px;
margin:0px auto;
height:130px;
overflow:hidden;
padding: 10px 60px 30px 70px;

}





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

    }

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

    }

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

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





input.send
    {
	height:25px;
	width: 150px;
	font-size:15px;
    background-color: #ff2a7f;
	color:#fff;
    }


#clear
{
clear:both;
}








a.menu-blog,h1, h2, h3, h4, h5, h6 { font-weight: bold }
a.menu-blog,h1, h2, h3, h4, h5, h6 { letter-spacing:1px }
a.menu-blog,h1, h2, h3, h4, h5, h6 { color: #ff2a7f }
a.menu-blog,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #ff2a7f }
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: 30px 0 20px; font-weight: 600; }
a.menu-blog,h1 { font-size: 18px; margin: 0 0 20px; }
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;
}












/* 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 */



/* Easy Slider */

#sliderbox {
height:151px;
margin-left:418px;
margin-top:9px;  
}


	#slider ul, #slider li,	#slider2 ul, #slider2 li
		{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2
		{
		margin-top:1em;
		}
	#slider li, #slider2 li
		{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:350px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,	#slider1next, #slider1prev
		{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next
		{ 
		left:1000px;
		}														
	#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a
		{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a
		{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls
		{

		margin:1em 0;
		margin-top: -25px;
		margin-right: 15px;
		padding:0;
		height:10px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:right;
		list-style:none;
		height:10px;
		line-height:10px;
		}
	ol#controls li a{
		float:left;
		height:10px;
		line-height:10px;
		border:1px solid #ccc;
		background:#fff;
		color:#555;
		padding:5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#000000;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



	
/* // Easy Slider */



/*** 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
{
padding: 	0px 47px 12px 0px; /* padding van menu */	
font-size:18px;
text-decoration:none;
color:#666;
font-weight:normal;
letter-spacing:2px;
}
a.menuon
{
color:#ff2a7f;
}
a:hover.menu
{
color:#ff2a7f;
padding: 	0px 47px 12px 0px; /* padding van menu */
}
a:hover.menu_on
{
color:#666;
padding: 	0px 47px 12px 0px; /* padding van menu */
}

a.submenu,a.submenu_on
{

color:#fff;
font-size:14px;
text-decoration:none;
}

a:hover.submenu 
{
color:#fff;
}
a.submenu_on
{
color:#fff;
}



.sf-menu {
	float: left; /* uitlijning */



}


}
.sf-menu li {
	background:		#fff;				/* kleur menu */
	padding: 	10px 0px 5px 0px;


}
.sf-menu li li {
	background-color:#808080;  			/* kleur sub */ 			/* kleur sub */
	padding: 	10px 0px 10px 15px;

}
.sf-menu li li li {
	background:		#fff	;			/* kleur subsub */
	padding: 	10px 0px 5px 0px;

}

.sf-menu li li:hover,
.sf-menu li li.sfHover {
	background: #ff2a7f;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}



