@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: 0px 0 10px 0;

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


overflow:visible;
	

}

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



#push
{

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



body,table,a
{

font-size:16px;
font-family: Arial, "Arial";
color:#fff;
margin:0;
padding:0;
letter-spacing: 2px;
}
body,table
{
line-height: 1.4em;
}
body
{
background-color:#0098b0;
}

img
{
margin-right:20px;
}



a:hover { color: #004d57; }
p
{
padding: 7px 0 7px 0;
}

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

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

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

}

#menu
{
padding:0px;
height:40px;
background-color:#c19a57;
}

#menu-center
{
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #0098b0;
position:relative;
width:923px;
margin:0px auto;
height:28px;
padding:12px 0px 0px 37px;
background-color:#c19a57;
}



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

#sliderpositioncenter
{

height:350px;
padding-top:0px;
background-color:#0098b0;
}

#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:900px;
margin:0px auto;


padding: 30px 20px 15px 40px;
overflow:hidden;
}







#footer
{

height:240px;
padding-top:0px;
background-color:#c19a57;
}

#footer-center{
background-color:#c19a57;
width:860px;
margin:0px auto;
height:200px;
overflow:hidden;
padding: 10px 60px 30px 40px;

}





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: #0098b0;	
}





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


#clear
{
clear:both;
}



.kaderwit
{
border-color: #c19a57;    
border-style: solid;
border-width: 4px;
width: 150px;
padding: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;

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

}
a.kaderwithl
{

font-size:16px;
font-family: Arial, "Arial";
color:#0098b0;
margin:0;
padding:0;
letter-spacing: 2px;
text-decoration:none;
}
a.kaderwithl:hover {
    color: #c19a57;
    text-decoration:none;
    }





a.menu-blog,h1, h2, h3, h4, h5, h6 { line-height: 20px }
a.menu-blog,h1, h2, 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: #fff }
h2{ color: #e0b269 }
h3{ color: #e0b269 }
a.menu-blog,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0098b0 }
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;  }
a.menu-blog,h1 { font-size: 20px; margin: 0 0 20px; }
h2 { font-size: 20px }
h3 { font-size: 20px }
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 "Arial", 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: "Arial", 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 20px 12px 0px; /* padding van menu */	
font-size:16px;
text-decoration:none;
color:#fff;
font-weight:normal;
letter-spacing:1px;
}
a.menuon
{
color:#007e8e;
}
a:hover.menu
{
color:#007e8e;
padding: 	0px 20px 12px 0px; /* padding van menu */
}
a:hover.menu_on
{
color:#666;
padding: 	0px 20px 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:		#0098b0;				/* 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:		#0098b0	;			/* kleur subsub */
	padding: 	10px 0px 5px 0px;

}

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


/* tooltips */

		.tooltip{
   		display: inline;
    		position: relative;
		text-decoration:none;
		}
		
		.tooltip:hover:after{
    		background: #c19a57;
		
    	
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		text-decoration:none;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #c19a57 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		text-decoration:none;
		}
		
/* social media*/

.twit,.fb,.in {
	
	display: block;
	width: 50px;
	height: 50px;
	background: url('https://www.opwegnaareenhuis.nl/g3110.png') bottom;
	text-indent: -99999px;
	background-position: 0 0;
	float: left;
	margin-right: 10px;
		
}
.fb {
	
	
		
}
.twit:hover,.fb:hover,.in:hover {
	background: url('https://www.opwegnaareenhuis.nl/g3110.png') bottom;
	background-position: 0 51px;

}
.twit {
	background-position: 50px 0;
}
.in {
	background-position: 116px 0;
}
.twit:hover {
	background-position: 50px 50px;
}
.in:hover {
	background-position: 116px 50px;
}