@charset "UTF-8";

/* ****************************************************
Title: base.css
Created date: 2009
Last Modified: 2009
Created by: xhtml Team
***************************************************** */


/* Table Of Contents
----------------------------------------

.01 General Elements
.02 body
.03 layout
.04 header
.05 gNavi
.06 pageBody
.07 primary
.08 secondary
.09 footer

----------------------------------------*/
@import"reset.css";
@import"typography.css";
@import"trungh.css";
/* .01 General Elements
---------------------------------------------------------------------------- */

a { text-decoration: none; outline: none; color: #80B308; }
a:hover {  text-decoration: none; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }


/* .02 body
---------------------------------------------------------------------------- */

body {
	background: url(../images/common/bg_page.gif) repeat 0 0;
	color: #363636;
	padding-bottom: 50px;
}

p.forPrint {
	display: none;
}


/* .03 layout
---------------------------------------------------------------------------- */

div.wrapper {
	background: url(../images/common/bg_wrap_out.gif) no-repeat center 0;
	min-height: 400px;
}

div.page {
	margin: 0 auto;
	background: #FFF url(../images/common/bg_wrap.gif) no-repeat -39px 0;
	width: 1000px;
}


/* .04 header
---------------------------------------------------------------------------- */

div.header {

}

div.header div.first {
	width: 259px;
	float: right;
}

div.header h1 {
	padding: 67px 64px 0 0;
}

div.header div.first ul {
	float: left;
	font-size: 0;
	padding-right: 10px;
	font-size: 0;
}

div.header div.first ul li {
	vertical-align: top;
	float: left;
	padding: 0 3px 0 0;
}

div.header div.first ul li#small {
	padding-top: 7px;
}

div.header div.first ul li a {
	float: left;
	display: block;
}

div.header div.first div.navi {
	clear: both;
	padding: 32px 0 0 10px;
}

div.header p.visual {
	float: left;
}

div.header div.first div.navi div.form-search {
	float: left;
}

div.header div.first div.navi div.form-search fieldset,
div.header div.first div.navi div.form-search form,
div.header div.first div.navi div.form-search {
	width: 185px;
	float:left;
	font-size: 0;
}

div.header div.first div.navi div.form-search input.text {
	background: url(../images/common/bg_search.gif) repeat-x 0 0;
	width: 103px;
	float: left;
	font-size: 12px;
	border: 1px solid #D2D2D2;
	height: 14px;
}

div.header div.first div.navi div.form-search .action {
	background: url(../images/btnSearch.gif) repeat-x 0 0;
	width: 70px;
	font-weight: bold;
	text-align: center;
	overflow: visible;
	height: 18px;
	border: none;
	margin-left: 5px;
	float: left;
} 


/* .05 gNavi
---------------------------------------------------------------------------- */

div.gNavi {

}



/* .06 pageBody
---------------------------------------------------------------------------- */

div.main-container {
	padding: 20px 0 10px 0;
	clear: both;
}

div.main {
	min-height:290px;
	_height: 290px;
}

div.homepage p.image img {
	margin: 0;
}

div.homepage dl.home-news {
	padding-top: 20px;
}

div.homepage dl.home-news dt{
	
}

div.homepage dl.home-news dt a {
	background: url(../images/common/ico_rss.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	font-weight: normal;
	color: #000;
	display: block;
	float: left;
	text-decoration: none;
}

div.homepage dl.home-news dt span {
	display: block;
	float: left;
	margin-left: 5px;
	width : 5em;
	padding: 0 5px 0 5px;
	font-size: 110%;
	font-weight: bold;
	background: #A6A6A6;
	color: #FFF;
	white-space: nowrap;
	text-transform:lowercase;
}

div.homepage dl.home-news a:hover {
	text-decoration: underline;
}

div.homepage dl.home-news dd {
	margin: -1.5em 0 5px 0;
	padding: 0 0 0 11em;
}

div.homepage dl.home-news dd a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

/* .07 primary
---------------------------------------------------------------------------- */

div.col-wrapper {
	float: left;
	width: 696px;
}

div.col2-layout div.col-wrapper {
	width: auto;
	float: none;
}

div.col2-layout div.col-wrapper div.col-main {
	width: 815px;
	padding-right: 15px;
}

div.col-main {
	float: right;
	width: 526px;
}

div.col-left {
	float: left;
	width: 140px;
	padding-left: 20px;
}

div.block-navi {}

div.block-navi ul {
	padding: 0;
}

div.block-navi li {
	clear: both;
	padding-bottom: 5px;
}

div.block-navi li a {
	color: #000;
	font-weight: bold;
	display: block;
}

div.block-navi li ul li a {
	font-weight: normal;
	background: url(../images/common/ico_line.gif) no-repeat 0 8px;
	padding: 0 0 0 10px;
	display: block;
	clear: both;
	float: left;	
}
div.block-navi li ul li a:hover {
	color: #e02200 !important;
	text-decoration: none;
}
div.block-navi li ul li a.current {
	color: #D1371A !important;
	text-decoration: none;
}

div.block-navi li a.current,
div.block-navi li span.current a,
div.block-navi li a:hover {
	color: #80B308;
	text-decoration: none;
}
* html div.block-navi li ul {
	margin-bottom: -5px;
}
*:first-child + html div.block-navi li ul {
	margin-bottom: -5px;
}

/*


div.block-navi li ul li {
	padding-bottom: 0;
}

div.block-navi li ul.snavi {
	clear: both;
	float: left;	
}

div.block-navi li ul li {
	clear: both;
}

div.block-navi ul li ul.lNaviStay {
	display: block!important;
}

div.block-navi ul li ul li a.current,
div.block-navi ul li ul li a:hover {
	color: #D1361A!important;
	background: url(../images/common/ico_line_o.gif) no-repeat 0 8px;
}
*/
/* .08 secondary
---------------------------------------------------------------------------- */

div.col-right {
	float: right;
	width: 270px;
	padding-right: 15px;
}

div.block {
	padding-bottom: 15px;
}

div.block-position {
	padding: 21px 0 0 0;
}

div.home div.block-position {
	padding: 0 0 0 0!important;
}

div.block-position div.block-content img {
	margin: 0;
}

div.block-position div.block-content div,
div.block-position div.block-content h1,
div.block-position div.block-content h2,
div.block-position div.block-content h3,
div.block-position div.block-content h4,
div.block-position div.block-content h5,
div.block-position div.block-content p {
	padding-bottom: 20px;
	margin-bottom: 0;
}

div.block-position div.block-content div.google-map {
	padding: 0;
	width: 286px;
	background: #FFF;
	text-align: right;
	position: relative;
	margin-left: -15px;
}

div.block-position div.block-content h1 {
	font-size: 130%;
}

div.block-position div.block-content h2 {
	font-size: 110%;
}

div.block-position div.block-content h3 {
	font-size: 100%;
}

div.block-position div.block-content h1,
div.block-position div.block-content h2,
div.block-position div.block-content h3,
div.block-position div.block-content h4,
div.block-position div.block-content h5 {
	font-weight: bold;
}

/* .09 footer
---------------------------------------------------------------------------- */

div.footer-container {
	background: url(../images/common/bg_footer.gif) no-repeat 0 0;
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
}

ul.f-navi {
	float: right;
	padding: 10px 17px 15px 15px;
}
ul.f-navi li {
	float: left;
	color: #A6A6A6;
	padding-left: 15px;
}

ul.f-navi li a {
	color: #A6A6A6;
}

/* .10 content
---------------------------------------------------------------------------- */

div.archief-list ul li a {
	text-decoration: none;
}
div.archief-list ul li a:hover {
	text-decoration: underline;
}

div.archief-list ul {
	padding: 0;
	margin: 0;
}

div.archief-list ul li {
	list-style: outside none;
}

div.archief-list ul li h2 {
	font-size: 100%;
	margin-bottom: 5px;
	padding: 0;
}

div.archief-list ul li h2 span {
	font-weight: normal;
	padding-right: 15px;
}

div.archief-list ul li div {
	clear: both;
}

div.archief-list ul li div p.image {
	float: left;
	padding: 0;
	width: 125px;
}

div.archief-list ul li div p.image img {
	padding: 0;
	margin: 0;
}

div.archief-list ul li div div.text {
	clear: none;
	float: right;
	width: 385px;
}

div.archief-list ul li div div.text p.more {
	float: right;
}

div.news-list ul li a {
	text-decoration: none;
}

div.news-list ul li a:hover {
	text-decoration: underline;
}

div.news-list ul {
	padding: 0;
	margin: 0;
}

div.news-list ul li {
	list-style: outside none;
	padding-bottom: 20px;
}

div.news-list ul li h2 {
	font-size: 100%;
	margin-bottom: 5px;
	padding: 0;
}

div.news-list ul li h2 span {
	font-weight: normal;
	padding-right: 15px;
}

div.news-list ul li div div.text {
	clear: both;
}

div.news-list ul li div.text p.more {
	float: right;
	padding: 0;
}

div.news-detail {}

div.news-list ul li {
	list-style: outside none;
}

div.news-detail h2 {
	font-size: 100%;
	margin-bottom: 5px;
	padding: 0;
}

div.news-detail h2 span {
	font-weight: normal;
	padding-right: 15px;
}

div.news-detail div.sum {
	clear: both;
	padding-bottom: 20px;
}

div.news-list ul li div.text p.more {
	float: right;
}

div.news-list-items ul {
	padding: 0;
	margin: 0;
}

div.news-list-items ul li {
	list-style: outside none;
	padding: 0 0 15px 0;
	clear: both;
}

div.news-list-items ul li a {
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 0;
}

div.news-list-items ul li a span {
	font-weight: normal;
	padding-right: 15px;
	text-decoration: none;
}

div.news-list-items ul li a:hover span,
div.news-list-items ul li a:hover {
	text-decoration: underline!important;
}

div.news-list-items ul li h2 span {
	font-weight: normal;
	padding-right: 15px;
}

div.news-list-items ul li div {
	clear: both;
}

div.news-list-items ul li p.image {
	float: left;
	padding: 0;
	width: 280px;
	margin: 0;
	text-align: left;
}

div.news-list-items ul li p.image img {
	padding: 0;
	margin: 0;
}

div.news-list-items ul li div.text {
	clear: none;
	float: right;
	width: 500px;
}

div.news-list-items ul li div.text p {
	padding: 0 0 20px 0;
}

div.actueel-list {}

div.actueel-list ul {
	padding: 0;
	margin: 0;
}

div.actueel-list ul li {
	list-style: outside none;
	padding: 0 0 5px 0;
}

div.actueel-list ul li a {
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 0;
}

div.actueel-list ul li span a {
	font-weight: normal;
	padding-right: 15px;
	text-decoration: none;
}

div.actueel-list ul li a:hover span,
div.actueel-list ul li a:hover {
	text-decoration: underline;
}


div.actueel-list ul li p.image img {
	padding: 0;
	margin: 0;
}

div.actueel-list ul li div.text {
	clear: none;
	float: right;
	width: 500px;
}

div.actueel-list ul li div.text p {
	padding: 0 0 20px 0;
}

div.sub-page-content img {
	margin: 0;
}

div.sub-page-content ul {
	margin: 0;
	padding-bottom: 20px;
}

div.sub-page-content li {
	list-style: outside none;
}

div.sub-page h1,
div.sub-page h2,
div.sub-page h3,
div.sub-page h4,
div.sub-page h5,
div.sub-page h6 {
	color: #A01227!important;
}

div.Kerklocatie h1,
div.Kerklocatie h2,
div.Kerklocatie h3,
div.Kerklocatie h4,
div.Kerklocatie h5,
div.Kerklocatie h6 {
	color: #DCD90F!important;
}

div.West/Olberslaan h1,
div.West/Olberslaan h2,
div.West/Olberslaan h3,
div.West/Olberslaan h4,
div.West/Olberslaan h5,
div.West/Olberslaan h6 {
	color: #9EBD2E!important;
}

div.Planetenbaan h1,
div.Planetenbaan h2,
div.Planetenbaan h3,
div.Planetenbaan h4,
div.Planetenbaan h5,
div.Planetenbaan h6 {
	color: #825C3A!important;
}

div.Trapveldje h1,
div.Trapveldje h2,
div.Trapveldje h3,
div.Trapveldje h4,
div.Trapveldje h5,
div.Trapveldje h6 {
	color: #7D1B79!important;
}

div.Kinderboerderij h1,
div.Kinderboerderij h2,
div.Kinderboerderij h3,
div.Kinderboerderij h4,
div.Kinderboerderij h5,
div.Kinderboerderij h6 {
	color: #22337F!important;
}

div.Melkweg h1,
div.Melkweg h2,
div.Melkweg h3,
div.Melkweg h4,
div.Melkweg h5,
div.Melkweg h6 {
	color: #825C3A!important;
}

div.MelNoord/Orionlaankweg h1,
div.Noord/Orionlaan h2,
div.Noord/Orionlaan h3,
div.Noord/Orionlaan h4,
div.Noord/Orionlaan h5,
div.Noord/Orionlaan h6 {
	color: #C95125!important;
}
div.sub-page-content div.content {
	width: 526px;
	float: left;
}

div.sub-page-content div.content h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}

div.sub-page-content div.content span.image-caption {
	opcity:1!important;
	filter: alpha(opacity = 100)!important;
	background: #FFF!important;
}

div.sub-page-content div.content span.image-caption.current h2,
div.sub-page-content div.content span.image-caption.current div {
	background: #FFF;
}

div.contact h2 {
	padding-bottom: 0;
	margin-bottom: 5px;
}

div.contact div.form-contact {
	width: 500px;
}

div.contact div.form-contact fieldset {
	width: auto;
}

div.contact div.form-contact label {
	width: auto !important;
}

div.contact div.form-contact textarea {
	border: 1px solid #666;
	width: 278px;
	height: 80px;
}

div.contact div.form-contact div {
	clear: both;
}

div.contact div.form-contact div button {
	float: right;
	margin-top: 10px;
}

button {
	overflow: visible;
	border: none;
	background: none;
	cursor: pointer;
}

button.button span {
	background: url(../images/common/bg_busearch_right.gif) no-repeat right 0;
	display: block;
	padding-right: 6px;
	float: left;
}

button.button span span {
	background: url(../images/common/bg_busearch_left.gif) no-repeat 0 0;
	padding-left: 12px;
	padding-bottom: 5px;
	color: #000;
	font-weight: normal;
	float: left;
}

div.block-position div.block-content h1,
div.block-position div.block-content h2,
div.block-position div.block-content h3,
div.block-position div.block-content h4,
div.block-position div.block-content h5 {
	font-weight: bold;
}

div.col-main h1,
div.col-main h2,
div.col-main h3,
div.col-main h4,
div.col-main h5,
div.col-main h6 {
	color: #91BD29;
}

div.col-main a {
	text-decoration: none;
}

div.col-main a:hover {
	text-decoration: underline;
}








/* .10 slide image
---------------------------------------------------------------------------- */
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	display: none;
	visibility: hidden;
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 290px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding-bottom: 20px;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: -16px;
	top: 0\9;
	left: 0;
}
* html div.slideshow span.image-wrapper {
	top: -16px;
}
*:first-child + html div.slideshow span.image-wrapper {
	top: -16px;
}
div.slideshow a.advance-link {
	display: block;
	vertical-align: top;
	float: left;
	width: 526px;
	text-align: left;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {

}
div.download {
	float: right;
}
div.caption-container {
	
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 526px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 0px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 18px;
	padding-top: 0px;
}
div.navigation {
	float: right;
	width: 287px!important;
	opacity: 1!important;
	filter: alpha(opacity = 100)!important;
}
ul.thumbs {
	clear: both;
	position: relative;
	margin: 0;
	list-style: outside none;
	padding: 0!important;
	width: 300px;
	margin-right: -200px;
}
* html ul.thumbs {
	margin: 0 -400px 0 -13px;
	width: 310px;	
	position: relative;
}
*:first-child + html ul.thumbs {
	margin: 0 -400px 0 0;
}
ul.thumbs li {
	float: left;
	opacity: 1!important;
	filter: alpha(opacity = 100)!important;
	margin: 0;
	list-style: outside none;
	padding: 0;
	margin: 0 0 13px 13px;
}

ul.thumbs li div.caption {
	display: none!important;
	visibility: hidden!important;
}

a.thumb {
	display: block;
	width: 127px;
	height: 96px;
}
ul.thumbs li.selected a.thumb {

}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

div.pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div.pagination {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html div.pagination
{display: block;} 

div.pagination {
	display: none!important;
	visibility: hidden;
	clear: both;
}

div.navigation div.top {
	clear: both;
	padding: 0 0 13px 13px;
}

div.navigation div.bottom {
	padding: 0 0 0 13px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}

div.pagination a:hover {
	background-color: #EEE;
	text-decoration: none;
}

div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #FFF;
}

div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-block {
	padding-bottom: 20px;
}
/* .10 end slide image
---------------------------------------------------------------------------- */

.breadcrumbs { font-size:90%;
line-height:1.25;
margin:2px 0 5px 0;}
.breadcrumbs li { display:inline;color:#000 }
.breadcrumbs li span {padding-left: 3px;}
.breadcrumbs li strong { font-weight:normal; color: #000 }
.breadcrumbs li a {color: #000;text-decoration: none!important; }
.breadcrumbs li a:hover {text-decoration: underline!important; }

.page-title { width:100%; overflow:hidden; }
.page-title h1,
.page-title h2 {font-weight: bold; margin:0; font-size:250%; color:#91BD29; padding-bottom: 20px;}
.page-title h1 span,
.page-title h2 span {display: block;font-size:12px;color:#000;line-height:0.8;font-weight:normal;}

div.col-main fieldset {
	float: left;
	padding: 0;
	margin: 0;
	width: 700px;
}

div.col-main p.message {
	
}

div.col-main legend {
	display: none;
}

div.col-main div.field:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div.col-main div.field {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html div.col-main div.field {height: 1%;} 
div.col-main div.field
{display: block;} 
/* End hide from IE-mac */

div.col-main .field {
	padding-bottom: 10px;
}

div.col-main p#Remember{
	padding-left: 200px;
}

div.col-main div.field label {
	float: left;
	text-align: right;
	padding-right: 20px;
	padding-top: 3px;
	width: 180px;
	color: #91BD29;
}

fieldset div.field label {
	font-size: 12px;
	font-weight: bold;
	color: #91BD29;	
}
fieldset div.field div.middleColumn ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

div.col-main div.field div.middleColumn {
	float: left;
	width: 400px;
}

div.col-main div.field div.middleColumn label {
	float: none;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #91BD29;
}

div.col-main div.field input {
	border: 1px solid #CCCC;
	vertical-align: middle;
	margin: 0 4px 2px;
}

div.col-main div.field input.text {
	width: 250px;
	margin: 0px;
}

div.col-main div.field div.middleColumn textarea {
	width: 250px;
	height: 50px;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #CCCC;
	font-family: Arial, Helvetica, sans-serif;
}

div.col-main div.Actions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div.col-main div.Actions {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html div.col-main div.Actions {height: 1%;} 
div.col-main div.Actions
{display: block;} 
/* End hide from IE-mac */

div.col-main div.Actions {
	clear: both;
	padding-left: 200px;
	padding-bottom: 10px;
}

div.col-main div.Actions input {
	float: left;
	border: none;
	background: #91BD29;
	color: #FFF;
	margin-right: 10px;
	border: 1px solid #CCC;
	cursor: pointer;
}

div.clear {
	display: none!important;
}