/* ------------------------------------------------------------------------
	Version	:	1.0
	Author	:	Tremani
	E-mail	:	info@tremani.nl
	Website	:	http://www.proeftuininburgering
--------------------------------------------------------------------------- */

/* 
Global reset ----------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	background-color:transparent;
}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* Base typography ------------------------------------------------------------- */
body {font:75%/1.55em Arial, Helvetica, sans-serif; color:#000000; }
  /*    @media only screen and (max-width: 960px) { body {background-position:left 0;} } */
h1, h2, h3, h4, h5, h6 {font-weight:bold; position:relative;}
	* html h1, * html h2, * html h3, * html h4, * html h5, * html h6 {height:1px;}
	*+html h1, *+html h2, *+html h3, *+html h4, *+html h5, *+html h6 {min-height:1px;}
h1 {font-size:2.5em; line-height:1.2; margin-bottom:0.5em; color:#0b5688;}
h2 {font-size:1.25em; line-height:1.2; margin-bottom:0.6em; }
h3 {font-size:1.083em; line-height:1.2; margin:0.6em 0; }
h4 {font-size:1.083em; line-height:1.25; margin:1.2em 0 1.2em 0;}
h4 + p { margin-top:-1.2em;}
h5 {font-size:1.0em; margin:1.5em 0;}
h5 + p { margin-top:-1.2em;}
h6 {font-size:0.9em; }
h6 + p { margin-top:-1.2em;}
p {margin:0 0 1.5em;}
ul {margin:1.3em 0; padding:0; position:relative; list-style:none;}
li {position:relative; background:transparent url(images/bullet-li-small-color1.png) no-repeat 0 8px; padding-left:10px; margin:.3em 0 .3em 0;}
ol {list-style:decimal inside; background:none;	padding-left:12px; margin:.3em auto 0.3em -3px; text-indent:-17px;}
ol li {background:none;}
.plain, .plain li {margin:0; padding:0; list-style:none;}
a, a:visited {color:#58931a; text-decoration:none; /*background-color:#e2e5dd;*/}
a:hover {text-decoration:underline;  }
		
/* Site structure ----------------------------------------------------------- */
html {background:#e5f0f5 url(images/window-bg.png) repeat-x;} 
#site-wrapper {width:985px;	margin:-1px auto 0 auto; padding:1px 0 0 0;	position:relative; background:transparent url(images/page-bg.png) repeat-y center 0;}
#site-inner {background:transparent url(images/header-bg.png) no-repeat 50% 0; padding:0px 11px;}

#content {padding:1px 30px 1px 30px; position:relative; margin-bottom:22px; background:transparent url(images/content-footer.png) no-repeat -1px bottom;}
/* * html #content {height:1px;}
 */.home #content {background-position:-963px  bottom;}
	
	/* *+html #content {padding:32px 0 110px 0px;}
div.article {float:left; display:inline; width:470px; }
div.aside {float:right; display:inline; width:224px; padding:6px 0 1px 0px;} */
/* Header ------------------------------------------------------------------- */
#branding {position:relative; height:88px; margin-right:30px; background-color:transparent;}
	* html #branding {margin-top:-1px;}
	*+html #branding {margin-top:-1px;}
#logo {z-index:100; padding:0; position:absolute; width:286px; height:42px; top:22px; left:30px;}
#logo a {display:block; width:286px; height:42px; cursor:pointer;}

/* Supp nav ----------------------------------------------------------------- */
#supplimentary {float:right; display:inline; margin:22px 0 0 0; padding:0; position:relative; right:-11px;}
#supplimentary li {float:left; display:inline; margin:0; padding:0; background-image:none;}
#supplimentary li a {float:left; display:inline; padding:5px 11px;}
#supplimentary .first {border-right:1px solid #c2eb82;}
#supplimentary .last {padding-right:0;}

/* Leader ----------------------------------------------------------------- */
#leader {background-color:#19a3e7; width:858px; margin:0 auto 9px auto; color:#fff; padding:22px 22px; position:relative; overflow:hidden;}
.home .intro { position:relative;}
.home .intro h2 {width:430px; font-size:28px; line-height:1.1; margin:0 0 0 0;}
#leader .summary {font-weight:normal; font-size:1.33em; line-height:1.4;}
.home .intro .summary {margin:0.4em 0 0 0; width:420px; }
.home .image {width:451px; vertical-align:middle; overflow:hidden; float:right; display:inline; position:absolute; overflow:hidden; top:0; right:0; bottom:0; background:transparent url(../content/leader-image1.jpg) no-repeat center center;}
	* html .home .image {height:250px;}
.home .image img {display:none;}
.more {font-weight:bold; background:transparent url(images/arrow.gif) no-repeat 100% 8px; padding-right:11px; position:relative; display:inline-block;}

.intro .more {color:#c2eb82;}
.rounded {position:absolute; height:8px; width:8px; line-height:0; font-size:0; z-index:100;}
.tl {background:transparent url(images/leader-corner-tl.png) no-repeat left top; top:0; left:0; } 
.tr {background:transparent url(images/leader-corner-tr.png) no-repeat right top; top:0; right:0; } 
.br {background:transparent url(images/leader-corner-br.png) no-repeat right bottom; right:0; bottom:0;} 
.bl {background:transparent url(images/leader-corner-bl.png) no-repeat left bottom; left:0; bottom:0;} 

/* Main nav ----------------------------------------------------------------- */
.home #main {height:63px;}
.home #main ul {height:63px;  background:#01689b url(images/main-nav-bg.png) no-repeat 0 0;}
#main {position:relative; padding:0; background:#19a3e7 no-repeat 0 100%; margin-bottom:33px; height:76px;}
#main ul {padding:0px 22px 0px 22px; background:#01689b url(images/main-nav-bg.png) no-repeat 0 -63px; margin:0; height:76px; }
.home #main li {padding:15px 0 0 0;}
#main li {position:relative; margin:0; padding:28px 0 0 0; display:inline-block; background-image:none;}
	* html #main li {display:inline; height:1px; float:left;}
	*+html #main li {display:inline;}
#main li a, #main li a:visited {position:relative; background:transparent none; display:block; height:35px; overflow:hidden; background-color:transparent; text-decoration:none; font-size:108.3%; font-weight:bold; color:#fff; cursor:pointer !important;}
	* html #main li a {position:relative; display:inline; float:left;}
#main li a span {paddIng:6px 16px 7px 16px; height:22px; line-height:24px; display:block;}
	* html #main li a span {position:relative; display:inline; float:left;}
#main li a:hover, #main li a:focus {color:#000; background:#bfd9e6 url(images/main-nav-tab.png) no-repeat 0 0; outline:none;}
#main li a:hover span, #main li a:focus span {color:#c2eb82; background:transparent url(images/main-nav-tab-r.png) no-repeat 100% 0;}
#main li a.current, #main li a:visited.current, #main li a:active {color:#000 !important; background:transparent url(images/main-nav-tab.png) no-repeat 0% -35px;}
#main li a.current span, #main li a:active span {color:#000; background:transparent url(images/main-nav-tab-r.png) no-repeat 100% -35px;}

/* Sub Nav Level2 ----------------------------------------------------------- */
#sub {position:relative; float:left; margin:0px 22px 44px 4px; width:282px; padding:0; border-top:1px solid #fff; border-bottom:1px solid #bfd9e6;}
#sub  li {position:relative; margin:0; padding:0; background-image:none;}
	* html #sub li {width:286px; border:0px solid green; }
#sub li a,
#sub li a:visited {position:relative; padding:7px 7px 7px 22px; display:block; overflow:hidden; border-top:1px solid #bfd9e6; border-bottom:1px solid #fff; text-decoration:none; font-size:108.3%; color:#000; line-height:1.3;}
	* html #sub li a { display:inline-block; }
	* html #sub li a { display:block;}
#sub li a:hover, #sub li a:focus {margin:0 -4px -1px -4px; color:#000; padding-bottom:8px; padding-left:25px; background-color:#c2eb82; outline:none; border:1px solid #bfd9e6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; }
#sub li a.current, #sub li a:visited.current { margin:0 -4px -1px -4px; padding-bottom:8px; padding-left:25px; color:#000; background-color:#e0ecf1; outline:none; border:1px solid #bfd9e6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative;}
#sub li.open a { background:transparent url(images/arrow_subnav.gif) no-repeat 8px -889px; font-weight:bold;}


#sub li.subsub { background:transparent url(images/arrow_subnav.gif) no-repeat 8px -589px;}
#sub li.open { background-image:none;}
#sub li.subsub ul { margin:0px;}
#sub li.subsub li a { padding:7px 7px 7px 50px; background:transparent url(images/bullet_subsub.gif) no-repeat 40px 11px; font-weight:normal;}
#sub li.subsub a:hover, #sub li.subsub a:focus {  background:#c2eb82 url(images/arrow_subnav.gif) no-repeat 12px -589px; }
#sub li #subsubnav li a.current {color:#000; background-color:#e0ecf1; outline:none; font-weight:bold; padding:7px 7px 8px 53px; background-position:43px 11px;}
#sub li #subsubnav li a {background:transparent url(images/bullet_subsub.gif) no-repeat 40px 11px;}
#sub li #subsubnav li a:hover, #subsubnav li a:focus {background:#c2eb82 url(images/bullet_subsub.gif) no-repeat 43px 11px; padding:7px 7px 8px 53px;}

/* Search ------------------------------------------------------------------- */
.home #site-search {top:11px;}
#site-search {width:224px; height:37px; position:absolute; top:24px; right:22px; padding:0; margin:0;}
input, textarea {font-family:Arial, Helvetica, sans-serif; padding:3px 0 4px 9px; font-size:1.083em; }
input.submit {cursor:pointer !important;} 
input[type="submit"]::-moz-focus-inner {border:0px dotted #0f0;}
input.text:focus, textarea.textarea {-webkit-focus-ring-color:#99cd49;}
input.text, textarea.textarea {width:165px; margin:0px; border:1px solid #0b5587; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; background-color:#fff; position:absolute; color:#000;}
#site-search input.text {left:18px; top:2px; width:135px}
input.text:hover, textarea.textarea:hover {background-color:#c2eb82;}
input.submit {background:#19a3e7 url(images/submit-bg.png) no-repeat 100% -1px; /* height:24px;  */border:none; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-right:21px}
	* html input.submit {line-height:12px; width:60px;}
	*+html input.submit {line-height:12px; width:60px;}
#site-search input.submit {position:absolute; top:3px; right:0px; z-index:200; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; }
@media screen and (-webkit-min-device-pixel-ratio:0){#site-search input.submit {top:1px;}}
input.submit:hover, input.submit:focus {background-position:100% -25px; color:#000;}
input.submit:active {background-position:100% -48px; outline:none; color:#c2eb82;}

/* Newsletter ------------------------------------------------------------------- */
.cta {position:relative;}
#newsletter {margin:0; min-height:1px; width:253px;}
label {font-weight:bold; color:#0171a8; clear:both; display:block; position:relative; line-height:29px;}
	* html label { padding-top:5px; }
	*+html label { padding-top:5px;}
#newsletter input.text, #newsletter textarea.textarea { width:195px; border:1px solid #bfd9e6; position:absolute; right:0px; top:1px; left:auto;}
	* html #newsletter fieldset {height:1px; position:relative;}
#abonneer {float:right; display:inline; margin:3px 0 11px 11px; width:206px; text-align:center; position:relative;}
	* html #abonneer {margin:8px 0 11px 11px; left:-1px;}
	*+html #abonneer {margin-top:8px;}
	
label.textarea { height:195px; }
label.textarea textarea{ height:97%; }

/* home ----------------------------------------------------------- */
.hfeed .feed {float:left; display:inline; width:286px; margin:0px 22px 32px 0; }
.cta {float:right; display:inline; width:286px; margin:0px 0px 22px 0; background-color:#e5f0f5;}
.cta .wrapper { margin:11px 22px 15px 11px; }
.cta.bottom { margin-bottom:0; }
.cta-wrp {float:right; display:inline; width:286px; zoom:1;}
.section-title a, .section-title a:visited{color:#fff; padding:0 0 0 11px; margin:0; background:#19a3e7 url(images/feed-title-generic.png) no-repeat 0 0; display:block; height:33px; line-height:33px; position:relative; text-decoration:none !important; overflow:hidden; cursor:pointer !important;}
.section-title .section-title-wrap  {color:#fff; padding:0 0 0 11px; margin:0; background:#19a3e7 url(images/feed-title-generic.png) no-repeat 0 0; display:block; height:33px; line-height:33px; position:relative; text-decoration:none !important; overflow:hidden;}
.section-title a span {background:transparent url(images/feed-title-r-rss.png) no-repeat 100% 0; display:block; height:33px; line-height:33px; }
.section-title .section-title-wrap span {background:transparent url(images/text-title-r.png) no-repeat 100% 0; display:block; height:33px; line-height:33px; }
.section-title a:hover {background-color:#8a2f9b; background-position:0 -33px; border:none;}
.section-title a:hover span {background-position:100% -33px;}
.section-title a:active {background-color:#3e3e3e; background-position:0 -66px; outline:none; color:#c2eb82;}
.section-title a:active span {background-position:100% -66px;}

h3.entry-title {margin:0.2em 0; font-size:1.25em; font-weight:bold;}
h3.entry-title a, h3.entry-title a:visited {color:#000; display:block; overflow:hidden;}
h3.entry-title a:hover, h3.entry-title a:focus {color:#58931a;}
ul.hentry {list-style:none; margin:0 0 0 0; padding:0;}
li.article {margin:0 0 0 0; padding:0 0 0 4px; border-bottom:1px solid #bfd9e6; margin-bottom:2.2em; background-image:none;}
	* html li.article {height:1px;}
	*+html li.article {min-height:1px;}
p.entry-meta {font-weight:bold; color:#0171a8; margin:0;}
p.entry-summary {color:#45494d; margin-bottom:0.8em;}

a .arrow1 {display:inline-block; background:transparent url(images/arrow.gif) no-repeat 100% -594px; height:14px; width:9px; text-indent:-999em; position:relative;}
a:hover .arrow1, a:focus .arrow1 {background-position:100% -894px; color:#58931a;}
	*+html a .arrow1 {top:-4px;}
	
.direct-login{font-weight:bold;}
.direct-login-img{display: block;margin-bottom: 5px;}

/* 
/* generic page ----------------------------------------------------------- */
h1 a, h1 a:visited {color:#0b5688;}
h2.entry-summary {color:#45494d; font-weight:normal; font-size:1.33em; line-height:1.4; }
h2.entry-summary a {font-weight:bold;}
#main-content {float:left; display:inline; margin-bottom:50px; width:594px;}

.readmore_label {font-weight:bold;}
.text a {font-weight:bold;}

/* Footer ----------------------------------------------------------- */	
#footer {position:relative; clear:both; font-size:91.6%; margin-top:-7px; }
	* html #footer {height:1px; }
#footer .inner {height:33px; line-height:33px; padding:0px 11px; position:relative; background:#e5f0f5 url(images/page-footer-bg.png) no-repeat center 0; }
	* html .home #footer .inner {background-position:1px 0; position:relative; }
	* html #footer .inner {background-position:4px 0;}
#footer .inner .copyright {position:absolute; right:31px; top:17px;}
#footer .inner a, #footer .inner a:visited {text-decoration:none;}
#footer .inner a:hover, #footer .inner a:focus {text-decoration:underline;}


/* Standard extras ----------------------------------------------------------- */
.accessibility, .seo {position:absolute; left:-5000px; top:-5000px;}
.usability {text-indent:-5000px; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.hide {display:none;}
.quiet {color:#454949;}
.loud {color:#000;}
.louder { font-weight:bold; }
.emphasis { font-style:italic; }
.highlight {background:#ff0;}
.first {margin-left:0; padding-left:0;}
.last {margin-right:0; padding-right:0;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.align-r{text-align:right;}
.align-l{text-align:left;}
.float-r{float:right; display:inline;}
.float-l{float:left; display:inline}
.clear {clear:both;}
* html .clear {clear:both; height:0; font-size:0px; line-height:0px;}

#form { width:350px; }
#form #newsletter { width:auto; }