/* 	diversen */

/*	blauw: 257b9b
	grijd:6d6e6a
	orange:c07411
	geel:ccd020
	groen:6c8d29
*/
.clearer {clear: both;line-height: 0;height: 0;}

/*style */

body {font-family: "trebuchet ms", arial;font-size: 12px;color: #2f3a41; background: url(images/bg-tile.png) repeat;}
.entry h2{font-size: 20px; margin:23px 0 10px}
#container {padding: 0;
  margin: 0;
  background:url(images/header-bg-1.png) no-repeat center top;
  width: 100%;
  display: table;}
#subcontainer{
	width: 1021px; margin: 0 auto;position: relative
}
#header {padding-top: 118px;}
	#homelink{display: block;height: 100px; width: 330px;position: absolute;top:0; left:0;border: 0; z-index: 70}
	#tagline {padding-left: 27px;letter-spacing:0.6px;font-size: 13px;}
	
	.tekst {font-size: 17px; line-height: 145%; position: absolute;color: #343f47;}
	
	#tekst1 {left: 205px;top: 70px;}
	
	#tekst2 {left: 470px;top: 120px;}
	
	#flower {left: 0;top: 106px;position: absolute;}
	
	#logo {float: right;margin: 32px 32px 0 0;}
	
#content {position: relative; z-index: 1; border-bottom: 1px solid #f4ebcf }

	#upper-content {height: 230px;position: relative;z-index: 5}
	
	#lower-content {background-color: #fff;}
	
		.column { margin-top: 40px; width:230px; float:left; display:block; margin-left: 45px; text-align: justify; font-size: 12px; line-height: 17px; margin-bottom: 40px;}
		.column a {color: #88b001;}
		#middle-column, .middle-column{margin:40px 74px 0 118px !important}
		.column h2{font-size: 32px; font-weight: normal; color: #88b001; margin-bottom: 4px}
	#sidebar{
		width: 300px;
		float: right;
		padding-top: 30px;
		display:inline;
	}
	h2 a{ font-size: 28px; border-bottom: none}
	.post{padding: 1px 30px 30px ; line-height: 1.6; margin: 30px 30px 0 5px; min-height: 200px}
	.post-index {border:1px solid #DFD461; width: 560px; margin:40px 30px 0 40px}
	.oneven{background: url(images/bg-tile.png) repeat}
	.post a{color: #88b001;}
	.post small, .laatsteberichten small{font-size: 90%; color: gray}
	.post .entry{width: 550px; line-height: 1.6}
	.post h1{margin:0 0 20px 0; color:#2C7591}
	.post p{margin-top: 1em;}	

	 .laatsteberichten { line-height: 1.6 }
	.laatsteberichten ul { list-style: disc; padding: 0px 15px }
	.laatsteberichten ul li {padding: 5px}
	.laatsteberichten ul li a {color:#88b001; font-weight: bold }
	#introtekst{width: 550px; position: absolute;left: 265px; bottom:20px}
	#introtekst h2{ font-size: 24px; padding-bottom: 10px}
	#introtekst.een {bottom: 50px !important}
	.single {width: 500px; margin-left: 50px}
	.single  li{ margin: 5px 15px}
	.single img{padding: 15px}
	.single img.alignleft{padding-left: 0px}
	a, a:visited{color: #88b001;}
	.post h1{margin:0 0 20px 0; color:#2C7591}
	
	h3{font-size: 20px;color:#2C7591}
a:visited{color: #88b001;}
		
#footer { background: #fff url(images/footer-bg-repeat-x-1.png) repeat-x scroll center bottom ;padding: 20px 0 10px ;}
	.footer-column{	width: 200px;float: left;margin-left: 40px; display: inline}
	.footer-column p{	text-align: justify; font-size: 12px; line-height: 17px;}
	.footer-column h3{	font-size: 24px; font-weight: normal; color:#2f3a41; padding: 5px 0 13px;}
	.footer-column a{border:0 none;color:#468DBF;margin:14px 0;}
	#contact p span{font-weight: bold;	color:#88b001;margin-right:8px;}
	#latest-news span{font-size: 10px; font-style: italic; display: block; margin: 0 0 3px;}
	#latest-news div.news{margin-bottom: 10px}
	#social-media a{	height: 40px;width: 36px; display: block; float: left; border: 0; margin-right: 20px;}
	#social-media a.twitter{
		background: url(images/social-icons.png) bottom left;
}
	#social-media a.linkedin{
		background: url(images/social-icons.png) center left;
}
	#social-media a.facebook{
		background: url(images/social-icons.png) top left;
}
#contact, #social-media{margin-left: 70px}
/* menu */

#menu {display:inline;float:right;margin-right:34px;margin-top:-74px;}
	
#menu>li {float: left;margin-left: 40px;	padding-top: 74px;
	min-width: 50px;
	text-align: center;
	position: relative;
}

#mzakelijk{ background: transparent url(images/iconen.png)  3px top no-repeat;}
#mparticulier{ background: transparent url(images/iconen.png)  -94px top no-repeat;}
#mfengshui{ background: transparent url(images/iconen.png) -199px top no-repeat;}
#mfengshui .submenu{width:120px}
#mblog{ background: transparent url(images/iconen.png) -318px top no-repeat;}
#mcontact{ background: transparent url(images/iconen.png)  -424px top no-repeat;}
.submenu {
	/* background:none repeat scroll 0 0 rgba(250, 247, 194, 0.9); */
	background: url(images/bg-tile.png) repeat;
	border:2px solid #688C19;
	display:block;
	left:0;
	margin-left:-1px;
	padding:0 10px 10px 11px;
	position:absolute;
	top:102px;
	z-index:100;
	border-top: none;
	
}	
#mcontact .submenu{
background: url(images/bg-tile.png) repeat;
	border:2px solid #688C19;
	display:block;
	left:0;
	margin-left:-81px;
	padding:0 10px 10px 11px;
	position:absolute;
	top:102px;
	z-index:100;
	border-top: none;
	width: 140px;
	text-align: center}
a.selected{background:url(images/menu-arrows.png)no-repeat }

#mzakelijk a:hover, #mzakelijk a.selected{background:url(images/menu-arrows.png) 20px top no-repeat}
#mparticulier a:hover, #mparticulier a.selected{background:url(images/menu-arrows.png) no-repeat -112px top}
#mfengshui a:hover, #mfengshui a.selected{background:url(images/menu-arrows.png) -230px top no-repeat}
#mblog a:hover, #mblog a.selected{background:url(images/menu-arrows.png) -443px top no-repeat}
#mcontact a:hover, #mcontact a.selected{background:url(images/menu-arrows.png) -639px top no-repeat}


#menu .page_item a{ color: #4B6B05 !important; display: block; text-align: left ;border-bottom: 1px; padding: 8px 0}
#menu .page_item a:hover{border: none !important; color: #8CB335 !important; background: none !important}	


.flexipages_widget ul li.page_item {padding: 10px 15px}
.hide{visibility:hidden}

/* replacement */
.replace{
	/*text-indent: -9999px; */
}	
h2.replace{
	height: 34px;
	line-height: 34px;
	display: block;
	/* text-indent: -9999px;*/
}
h2#zakelijk{background: url(images/text-replacement-groen.png) top left no-repeat;}
h2#particulier{background: url(images/text-replacement-groen.png) center left no-repeat;}
h2#fengshui{background: url(images/text-replacement-groen.png) bottom left no-repeat;}
	
/* fonts */
.post ul {margin: 10px 0px}
.post ul li{padding-left: 7px; list-style: disc; margin-left: 30px}
a {text-decoration: none; border-bottom: 1px solid;}


a:hover {border-bottom: 2px solid;}

p {font-family: arial;}

#tagline, #tagline a {color: #fff;text-decoration: none; }
	#tagline a {border-bottom: 1px solid}

#menu li a {color: #fff;font-size: 14px;border-bottom: 0 none; text-decoration: none; padding: 14px 0 0; width: auto;  }
#menu li{cursor: pointer; display: inline; z-index: 100}
#menu>li a:hover {border-bottom: none}

h1 {font-size: 30px;line-height: 36px;font-weight: normal;margin: 30px 0 20px  90px;}
h3#comments{margin: 20px 0;}

#latest-news a{
	color:#88b001;
	font-weight: bold;
	border-bottom: 1px solid
}
#broodje{margin:20px 25px; font-size: 90%; position: absolute;top:132px;left:1px; z-index: 30;}
.navigation{margin:20px 40px 0 ; padding-bottom: 20px}
.navigation.alignleft{float: left;}
.navigation.alignright{float:right;margin-right: 320px}
#footercrumble{color:gray;
float:left;
font-size:90%;
margin:27px 0 10px 38px;}
#footercrumble a, #footercrumble a:visited, #footercrumble a:hover{color: gray; }
a.post-edit-link{color: red; position: absolute;left:45px; top:245px}

.widget{margin-bottom: 20px}
.widget ul li {line-height: 22px}
.cat-item{font-size: 10px; color: gray}
.cat-item a{font-size: 13px !important}
.link{ margin: 21px 0 1px  ;display: block}

.sider{float:right;margin:0px 40px 10px 10px; display:block}
.sider img{margin-top: 20px}
h2.slogan {font-style: italic; font-size: 20px; font-weight: normal;}
.awesome, .awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover								{ background-color: #111; color: #fff;  border: 2px transparent !important}
	.awesome:active								{ top: 1px; }
	.small.awesome, .small.awesome:visited 		{ font-size: 11px; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }