/* 
	Theme Name: liliannijland.nl
	Theme URL: http://liliannijland.nl/
	Description: Customised Theme by <a href="mailto:milanmk@yahoo.com">Milan Kaneria</a>.
	Author: Milan Kaneria
	Author URI: mailto:milanmk@yahoo.com
	Version: 1.0
*/

@font-face {
	font-family: 'OpenSans';
	src: url(fonts/opensans-regular-webfont-6debfae2127cbc5834d11a86eafd848c.eot);
	src: url(fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensans-regular-webfont-7b347d93f29d3c6a57944985f2344fe6.woff) format("woff"),url(fonts/opensans-regular-webfont-2e51e2a5b240b5a649c61abdb17c60a3.ttf) format("truetype"),url(fonts/opensans-regular-webfont.svg#OpenSansRegular) format("svg");
	font-weight: normal;
	font-style: normal }
 
@font-face {
	font-family: 'OpenSans';
	src: url(fonts/opensans-semibold-webfont-416570f3ce4bad6f5223a93218818661.eot);
	src: url(fonts/opensans-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensans-semibold-webfont-031d69605885502dad3b79ac433d1a8d.woff) format("woff"),url(fonts/opensans-semibold-webfont-81c04d1169882655e6914be2a41193ad.ttf) format("truetype"),url(fonts/opensans-semibold-webfont.svg#OpenSansBold) format("svg");
	font-weight: 500;
	font-style: normal }
 
@font-face {
	font-family: 'OpenSans';
	src: url(fonts/opensans-bold-webfont-0db3a6e2d2a7dc77e2957f4b35f7805a.eot);
	src: url(fonts/opensans-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensans-bold-webfont-8ead45a24047fa0d483962128e51f858.woff) format("woff"),url(fonts/opensans-bold-webfont-b54dc09443aebbfb84f7b7be33568b8c.ttf) format("truetype"),url(fonts/opensans-bold-webfont.svg#OpenSansBold) format("svg");
	font-weight: bold;
	font-style: normal }


body
{
	margin: 0 0;
	padding: 0px 0px 0px 70px;
	color: #999999;
	font-family: OpenSans,Helvetica,Arial,sans-serif;
	font-size: 13px;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}


h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px 0px 10px;
}

p
{
	margin: 0px;
	padding: 0px 0px 15px;
	line-height: 1.4;
}

ol, ul
{
	padding: 0px 0px 20px;
}

ol
{
	margin: 0px 0px 0px 20px;
	list-style: outside decimal;
}

ul
{
	margin: 0px 0px 0px 15px;
	list-style: outside circle;
}

ol li
{
	padding: 0px 0px 10px;
}

ul li
{
	padding: 0px 0px 10px;
}


a, a:link, a:visited
{
	color: #008eff;
	text-decoration: none;
}
	
a:hover, a:focus, a:active
{
	color: #000000;
	outline: none;
	text-decoration: underline;
}

a.alt-hover:hover
{
	color: #990000 !important;
}

a img
{
	border: none;
	text-decoration: none;
}

blockquote
{
	width: 90%;
	margin: 0px auto 15px auto;
	padding: 10px 10px 0px;
	border: 1px solid #000000;
	font-style: italic;
}

hr.ruler
{
	height: 1px;
	margin: 10px 0px;
	border: none;
	color: #b1b1b1;
	background: #b1b1b1;
}

form
{
	margin: 0px 0px 15px;
	padding: 0px;
}

input, textarea, select
{
	padding: 4px 4px;
	border-top: 2px solid #7C7C7C;
	border-right: 2px solid #CECECpage-titleE;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #C7C7C7;
	font-family: Arial, Sans-Serif;
}

input.submit
{
	width: auto;
	border: none;
	color: #ffffff;
	background: #000000;
	font-weight: bold;
	cursor: pointer;
}



#wrap
{
	width: auto;
	margin: 0px 0;
}

#header
{
	padding: 16px 0px 0px;
}

#header a
{
	color: #999999;
}

#header-logo
{
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
}

	#logo a.homepage {color: #000}

#header-menu
{
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 1;
	list-style: none;
}

#header-menu li
{
	display: inline-block;
	margin: 0px;
	padding: 0px 8px 0px 5px;
	border-right: 1px solid #999999;
	list-style: none;
}page-title

#header-menu li:last-child
{
	border: none;
}

#header-menu li a
{
	text-decoration: none;
}

#header-menu li.current_page_item > a, #header-menu li.current_page_parent > a, #header-menu li:hover a, #header-menu li a:hover, #header-logo.front_page, #header-logo:hover
{
	color: #000000 !important;
}
/*
#header-submenu
{
	width: 1000px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1;
	list-style: none;
}

#header-submenu li
{
	display: inline-block;
	width: 160px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url(images/li-bg.png) no-repeat left top;
	list-style: none;
}
*/

#header-submenu
{
	/*max-width: 980px;*/
	height: 80px;
	margin: 10px 0px 10px 0;
	padding: 14px 0 24px 0;
	font-size: 12px;
	line-height: 1;
	border-top: solid 1px #b1b1b1;
	border-bottom: solid 1px #b1b1b1
}

	#header-submenu div {max-width: 980px}

.header-submenu {
	margin: 10px 0px 0 0;
	padding: 10px 0 15px 0;
	border-top: solid 1px #b1b1b1;
	border-bottom: solid 1px #b1b1b1
}
/*
#header-submenu div
{
	float: left;
	width: 170px;
	height: 68px;
	margin: 0px;
	padding: 0px;
}
*/
#header-submenu span
{
	display: inline-block;
	width: 175px;
	margin: 0px 0px 12px;page-title
	padding: 0px;
}

#header-submenu a
{
	padding: 0px 0px 0px 18px;
	background: url(images/li-bg.png) no-repeat left 2px;
	text-decoration: none;
	font-size: 14px;
}

#header-submenu a.current_page_item, #header-submenu a:hover
{
	color: #000000;
	background: url(images/li-bg-over.png) no-repeat left 2px;
}

#header-submenu-alt
{
	width: 1000px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1;
	list-style: none;
}

#header-submenu-alt li
{
	display: inline-block;
	margin: 0px 8px 0px 0px;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #999999;
	list-style: none;
}

#header-submenu-alt li:last-child
{
	border: none;
}

#header-submenu-alt a
{
	text-decoration: none;
}

#header-submenu-alt li.current_page_item > a, #header-submenu-alt li.current_page_parent > a, #header-submenu-alt li:hover a, #header-submenu-alt li a:hover
{
	color: #000000;
}


#content
{
	clear: both;
	padding: 6px 0px 10px;
	overflow: hidden;
}

.post
{

}

.page-title
{
	position: relative;
	padding: 0px 0px 15px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.page-title span
{
	position: absolute;
	right: 0px;
}

.page-title span a
{
	padding-right: 13px;
	color: #008eff;
	background: url(images/link-bg.png) no-repeat right center;
	text-decoration: none;
	font-size: 13px;
}

	.page-title .external-link {font-weight: normal}

.page-title span a:hover
{
	color: #000000;
	background: url(images/link-bg-over.png) no-repeat right center;
}

.page-media
{
	float: left;
	width: 970px;
	margin-right: 5px;
}

.page-media img
{
	border: 1px solid #f5f5f5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 2px #d6d6d6;
	-moz-box-shadow: 2px 2px 2px #d6d6d6;
	box-shadow: 2px 2px 2px #d6d6d6;
}

.page-media-col1 img
{
	max-width: 936px;
	margin: 0px 0px 25px 0px;
}

.page-media-col2 img
{
	max-width: 455px;
	margin: 0px 25px 25px 0px;
}

.page-media-col5
{
	width: 1015px;
}

.page-media-col5 img
{
	max-width: 183px;
	margin: 0px 10px 10px 0px;
	border: 4px double #DFDFDF;
}

.page-content-img
{
	float: left;
	width: 470px;
	padding: 0 10px 0px 0px;
	text-align: center;
}

.page-content
{
	float: left;
	width: 500px;
	padding: 10px 0px 0px;
}

.page-content-nomedia
{
	width: 630px;
	color: #000000;
}

.page-content-nomedia a
{
	color: #008eff;
	text-decoration: none;
}

	.page-content-nomedia a:hover
	{
		color: #000 !important;
		text-decoration: underline;
	}

	.page-content-nomedia {font-size: 14px; lin-height: 20px; margin-bottom: -10px}

.post-title
{
	color: #000000;
	font-size: 13px;
	font-weight: normal;
}

.post-content
{
	padding: 0px 0px 0px 0px;
}

.content-nav
{
	margin: 20px 40px 20px 0px;
}

.content-nav-prev
{
	float: left;
}

.content-nav-next
{
	float: right;
}


.home-title
{
	padding-bottom: 0px;
	font-size: 15px;
	/*color: #000000;*/
}

.home-box
{
	min-width: 31.6%; max-width: 31.6%; margin-right: 2.5%;
	float: left;
}

	.home-box img {width: 100%; height: auto}
	.home-box.nomargin, .home-box-website.nomargin {margin-right: 0}

.home-box-website
{
	min-width: 450px;
	max-width: 450px;
	margin-bottom: 20px;
	float: left;
	margin-right: 8%;
}

.home-box-website a.site
{
	display: block;
	padding: 20px 15px;
	border-top: solid 1px #f5f5f5;
	border-left: solid 1px #f5f5f5;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
	box-shadow: 1px 1px 1px 0 #888888;
	text-align: center;
}

.home-box-website a.site:hover
{
	padding: 19px 16px 21px 14px;
	border: 2px solid #c2fffe;
}

.home-box div, .home-box-website div
{
	padding-top: 10px;
	padding-bottom: 15px;
	color: #000;
	font-size: 15px;
}

	.home-box-title{/*font-weight: bold*/}

.home-box img
{
	/*width: 301px;*/
}

#footer
{
	clear: both;
	padding: 0px 0px 50px;
	margin-top: 20px;
}

	#footer a {color: #999}
	#footer a:hover {text-decoration: underline}

.mobile-info, .mobile-content {display: none}
#header-menu li.expand {display: none !important}

@media only screen and (min-width: 561px) {
	#content .page-content {display: block}
	.mobile {display: none}
	.desktop {display: block}
	.home-title-website {margin-top: 10px; margin-bottom: -2px;}
	#footer {border-top: solid 1px #b1b1b1; margin-top: 10px}
		#footer #footer-text {padding: 10px 0 0 0}
	#header-submenu span.show-all {display: none}

	.home-box a.site {
		border-top: solid 1px #f5f5f5;
		border-left: solid 1px #f5f5f5;
		border-right: solid 2px #fff;
		border-bottom: solid 2px #fff;
		box-shadow: 1px 1px 1px 0 #888888;
		/*padding: 5px 0 0 5px;*/
	}

	.home-box-website a.site{min-height: 351px}

	.home-box a{
		display: block;
	}

		.home-box a:hover
		{
			border-top: solid 1px #c2fffe;
			border-left: solid 1px #c2fffe;
			border-right: solid 2px #c2fffe;
			border-bottom: solid 2px #c2fffe;
		}

	#content .page-content {
		line-height: 1.5em;
		color: #3d3d3d;
		font-size: 14px;
	}
	.home-box-website img {max-width: 100%; /*max-width: 410px; */height: auto}
}

@media only screen and (min-width: 561px) and (max-width: 980px) {
	#wrap {width: auto; margin-right: 10px}
	body {padding-left: 10px }
	.page-media {width: auto}
	.page-media-col1 img {max-width: 100%; height: auto}
	.page-content-img, .page-media-col2 img {max-width: 47%; height: auto; margin-right: 2%}

	#header-submenu {height: 110px}
		#header-submenu.header-submenu10 {height: 60px}

	.home-box {min-width: 32%; max-width: 32%; margin-right: 1% !important}
	.home-box img {max-width: 100%; height: auto}

	.home-box-website {min-width: 48%; max-width: 48%; margin-right: 2%}
		.home-box-website a.site {min-height: 250px !important}

	.page-title span {left: auto !important; right: 0px !important}
	.home-box-title {font-weight: normal !important}
	
	#footer {margin-top: 40px !important}
}

@media (max-width: 560px) {

	.mobile {display: block}
	.desktop {display: none}

	#wrap {width: auto}
	body {padding: 0}
	.page-media {width: auto}
	.page-content-img {width: auto}
	.page-content-img img, .page-media img {max-width: 100% !important; height: auto; display: block; margin-right: 0}

	.top-margin {margin-top: -5px}

	.page-content-nomedia {width: auto}
	.page-content {width: auto}

	.home-box {min-width: 100%; max-width: 100%}
	.home-box img {max-width: 100%; height: auto}

	.home-box-website {min-width: 100%; max-width: 100%}
	.home-box-website img {max-width: 100%; height: auto}

	/*.page-title span {position: absolute; top: 0px;right: 10px}*/
	h1.page-title {font-size: 16px}

	.home-box-title {font-size: 16px !important}
		/*.home-box-title a {display: inline-block !important}*/

	.home-box-website a.site
	{
		padding: 0 !important;
		border: 0 !important;
		box-shadow: 0 0 0 !important;
	}

	.home-box-website a.site:hover
	{
		padding: 0 !important;
		border: 0 !important;
	}

	#content {padding: 20px 15px 15px 15px}

	#logo {position: relative; display: block; padding: 0 0 14px 15px}
		#logo span {display: none}
		#logo .home {position: absolute; top: 0; right: 20px; width: 18px; height: 16px; background: url(images/home.png) no-repeat top center}
			#logo .home:hover {background: url(images/home-active.png) no-repeat top center}
			#logo a {color: #000; font-weight: normal}
	#header-menu {height: 40px; display: block; border-top: solid 1px #bfbebe; border-bottom: solid 1px #bfbebe}
		.header-menu-inner {border-top: 0 !important; border-bottom: 0 !important}
		#header-menu li.page_item {float: left; padding: 0; margin: 0}
				#header-menu .current_page_ancestor {width: 100% !important}
			#header-menu li.page_item a {display: block; padding: 12px 15px 12px 15px; margin: 0; color: #000; font-weight: normal}
			.header-menu-inner li.page_item a {font-weight: bold !important}
				.header-menu-inner li.page_item a {padding-left: 0px !important}
		#header-menu li.page_item:hover {background: #333}
			#header-menu li.page_item:hover a {color: #fff !important}

	.mobile-info {display: inline-block !important; float: left; width: 20px; height: 20px; background: url(images/info2.png) no-repeat right center; margin-right: 10px}
		.mobile-info:hover, .mobile-info-active {background: url(images/info2-negative.png) no-repeat right center}
	.mobile-content {position: relative; margin: 10px -15px 30px -15px;  padding: 15px 20px 20px 20px !important; color: #000; background: #c2fffe}
		.mobile-content-details {margin: -20px -15px 30px -20px; padding: 15px; line-height: 1.4em; font-size: 14px}
		.mobile-content a {color: #000}
	.mobile-close {position: absolute; bottom: 20px; right: 20px; display: inline-block !important; width: 20px; height: 25px; background: url(images/close4.png) no-repeat right 5px}
		.mobile-close:hover {background: url(images/close4-active.png) no-repeat right 5px}
		a.mobile_read_more {display: block; background: url(images/read_more.png) no-repeat left 5px; padding: 0 0 0 15px; margin-top: 10px; text-decoration: none}

	h1.page-title span {display: none}

	#header-menu {position: relative}

	.header-menu-inner {}
	.header-menu-inner li {display: none !important; border: 0 !important}
	.header-menu-inner li.current_page_parent{display: block !important; width: auto !important; background: #333 !important; text-align: left !important}
		.header-menu-inner li.current_page_parent a {padding-left: 15px !important}
		#header-menu.header-menu-inner li.current_page_parent a{color: #fff !important}
		#header-menu li.expand, .header-menu-inner li.expand {display: block !important}
		#header-menu.header-menu-inner li.expand a {position: absolute; top: 15px; right: 22px; width: 14px; height: 10px; background: url(images/mobilemenu.png) no-repeat top center !important}
			#header-menu.header-menu-inner li.expand a:hover {background: url(images/mobilemenu-active.png) no-repeat top center !important}
		#header-menu.header-menu-inner li.collapse a {background: url(images/mobilemenu.png) no-repeat top center !important}
			#header-menu.header-menu-inner li.collapse a:hover {background: url(images/mobilemenu-active.png) no-repeat top center !important}

	#header-submenu {display: none; height: auto !important; border-top: 0 !important; border-bottom: 0 !important; margin: 0; padding: 0 !important}
	.header-submenu {border-top: 0; padding: 5px 10px}

	#header-submenu div
	{
		width: auto;
		height: auto !important;
		margin: 0px;
		padding: 0px;
	}

	#header-submenu span
	{
		float: none !important;
		width: auto !important;
		display: block !important;
		padding: 10px 0 10px 15px !important;
		margin: 0 0 !important;
		border-bottom: solid 1px #bfbfbf;
	}

	#header-submenu span.hide {display: none !important}
	#header-submenu span.show-all a {color: #008eff; background: url(images/show-all.png) no-repeat left 1px !important}
		#header-submenu span.show-all a:hover {color: #333; background: url(images/show-all-active.png) no-repeat left 1px !important}

	#header-submenu a
	{
		font-size: 16px !important;
		background: url(images/li-bg.png) no-repeat left 4px;
	}

		#header-submenu a:hover
			{
				background: url(images/li-bg-over.png) no-repeat left 4px;
			}

	#header-submenu a:hover {font-weight: none !important}

	#footer {background: #333; color: #fff; text-align: center; font-size: 14px; margin: 0; padding: 0}
		#footer-text {padding: 25px 0}
		#footer a {color: #fff}
			#footer a:hover {color: #fff !important; text-decoration: underline}

	.header-submenu-contact {
		color: #000;
		font-size: 14px;
		line-height: 20px;
		border-top: solid 1px #b1b1b1;
		border-bottom: solid 1px #b1b1b1;
		padding: 15px 10px 10px 10px;
		margin: 0px 0 10px 0;
	}

	.header-menu-main-contact {display: none !important}
	.header-submenu-contact a {color: #008eff !important}

}

@media only screen and (min-width: 981px) and (max-width: 1140px) {
	body {margin-right: 20px}
	.page-title span{left: auto !important; right: 20px !important}
	.home-box-website {min-width: 43%; max-width: 43%; margin-right: 2%}
}

@media only screen and (min-width: 561px) and (max-width: 719px) {
	#header-submenu {height: 160px}
}

@media only screen and (min-width: 980px){
	#wrap{max-width: 980px}
	#header-submenu.header-submenu10 {height: 35px}
}

@media only screen and (min-width: 890px){
	#header-submenu {height: 80px}
}

@media only screen and (min-width: 561px){
	.header-submenu-contact {
		color: #000;
		font-size: 14px;
		line-height: 20px;
		border-top: solid 1px #b1b1b1;
		border-bottom: solid 1px #b1b1b1;
		padding: 35px 0 25px 0;
		margin: 10px 0 30px 0;
	}

	.header-submenu-contact a {color: #008eff !important; text-decoration: none}
		.header-submenu-contact a:hover {color: #000 !important; text-decoration: underline}

	.page-media-col2 {margin-bottom: -30px}
	
	.page-title.page-title-inner {font-weight: normal}
}

@media only screen and (min-width: 890px) and (max-width: 1090px) {
	.page-content {width: 45% !important}
	.page-content-img img {max-width: 100%}
	.home-box-website img {max-width: 100%; height: auto}
}

#footer a
{
	text-decoration: none;
}

#footer a:hover
{
	color: #000000;
}





.error
{
	color: red;
}

.clear
{
	clear: both;
}

.black
{
	color: #000000 !important;
}

.para
{
	line-height: 1.4;
}

.para a.noborder
{
	text-decoration: none;
}

.strong
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.alignright
{
	float: right;
}

.alignleft
{
	float: left
}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}


.aligncenter, div.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}