/*	TRES INTERNET
	-------------
	CSS bestand vrijgegeven onder C.C. licentie:
	http://creativecommons.org/licenses/by-sa/3.0/nl/
*/

@import url("reset.css");
@import url("menu.css");
@import url("gallery.css");
@import url("plattegrond.css");

/*LAYOUT
**************************************************/
body#home{/*background: #fff url("../img/bg.png") 50% 438px repeat-x;*/ background: #fff;}
body#vervolg1{/*background: #fff url("../img/bg.png") 50% 308px repeat-x;*/ background: #fff;}
body#vervolg2{/*background: #fff url("../img/bg.png") 50% 124px repeat-x;*/ background: #fff;}
body#popup{background: #fff; width: 720px; height: 480px; overflow: hidden;}

/*HEADER*/
div#headerContainer{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	background: transparent url("../img/black.gif") 50% top repeat-x;
	position: relative;
	z-index: 2;
	}

div#pink{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 50%;
	height: 6px;
	overflow: hidden;
	background: #fff url("../img/pink.gif") 50% top repeat-x;
	}

div#pink2{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 50%;
	height: 46px;
	overflow: hidden;
	/*background: #fff url("../img/pink2.png") 50% top repeat-x;*/
	}

div#overlay{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 1000px;
	height: 46px;
	overflow: hidden;
	background: transparent url("../img/overlay.png") left top no-repeat;
	}

div.albumOverlay{
	background: none;
	}

body#vervolg2 div#overlay{background: transparent url("../img/overlayVervolg2.gif") 590px 20px no-repeat;}

header{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	}

body#home div#headerContainer{     height: 484px;}
body#home header{                  height: 484px;}
body#vervolg1 div#headerContainer{ height: 354px;}
body#vervolg1 header{              height: 354px;}
body#vervolg2 div#headerContainer{ height: 170px;}
body#vervolg2 header{              height: 170px;}

div#logo{
	position: absolute;
	z-index: 10;
	left: 9px;
	top: 0;
	width: 173px;
	height: 160px;
	background: transparent url("../img/logo.png") left top no-repeat;
	}

	div#logo a{
		float: left;
		display: inline;
		width: 153px;
		height: 149px;
		margin: 0 0 0 10px;
		text-decoration: none;
		}

div#header{
	float: left;
	display: inline;
	clear: both;
	width: 1000px;
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 2;
	}

body#home div#header{     height: 360px;}
body#vervolg1 div#header{ height: 230px;}
body#vervolg2 div#header{ height: 46px;}
body#vervolg2 div#header img, body#vervolg2 div#header div{ display: none;}

/*SOCIAL*/
div#social{
	background:#ecf4f8;
	display:block;
	padding: 0 5px;
	height:27px;
	}
div#social H4{color:#0e6488;font-size:12px;text-transform:uppercase;display:inline;}
div#social .icon{float:left;position:relative;margin-left:15px;margin-top:-15px}

/*CONTAINER*/
div#container{
	position: relative;
	z-index: 1;
	width:1000px;
	margin:0 auto;}

div#content{
	float:left;
	display: inline;
	width:470px;
	padding: 0 20px 115px 0;
	margin: 0 0 0 20px;
	position: relative;
	z-index: 1;
	}

aside{
	float:right;
	display:inline;
	width:470px;
	margin: 30px 10px 120px 0;
	padding-right: 10px;
	overflow: hidden;
	/*color: #555;*/
	}

body#vervolg2 div#content{ margin-top: 30px; width: 550px;}
body#vervolg2 aside{width: 390px; margin: 40px 10px 120px 0;}

body#vervolg2.agenda aside{width: 475px;padding-top:34px;}
body#vervolg2.agenda div#content{width:475px;}

body#vervolg2 div#content div#getarticle{width:550px}
body#vervolg2 div#content div#getarticle div#gallery{background:none;}
body#vervolg2 div#content div#getarticle div#gallery div#image_wrap{width:510px;height:auto}
body#vervolg2 div#content div#getarticle div#gallery div.scrollable{width:465px;}
body#vervolg2 div#content div#getarticle div.top{width:550px;height:38px;background:URL('../images/bgContentTop.png') no-repeat;}
body#vervolg2 div#content div#getarticle div.body{width:550px;background:URL('../images/bgContent.png') repeat-y;}
body#vervolg2 div#content div#getarticle div.body div.content{margin: 0 20px}
body#vervolg2 div#content div#getarticle div.body div.content IMG,
body#vervolg2 div#content div#getarticle div.body div.content object{max-width:510px;}
body#vervolg2 div#content div#getarticle div.bottom{width:550px;height:38px;background:URL('../images/bgContentBottom.png') no-repeat;display:block}

div.kolom, div.kolom2{
	width: 225px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0 20px 15px 0;
	}

div.kolom2{
	float: right;
	display: inline;
	margin: 0 0 15px;
	}

div#tagcloud{
	width: 100%;
	color: #999;
	line-height: 26px;
	text-align: left;
	margin-bottom: 20px;
	}

	div#tagcloud a.tag1{ font-size: 12px; font-weight: 100; color: #666;}
	div#tagcloud a.tag2{ font-size: 16px; font-weight: 200; color: #666;}
	div#tagcloud a.tag3{ font-size: 18px; font-weight: 400; color: #666;}
	div#tagcloud a.tag4{ font-size: 20px; font-weight: 600; color: #666;}
	div#tagcloud a.tag5{ font-size: 22px; font-weight: 800; color: #666;}

	div#tagcloud a.tag1pink{ font-size: 12px; font-weight: 100; color: #d40f8c}
	div#tagcloud a.tag2pink{ font-size: 16px; font-weight: 200; color: #d40f8c}
	div#tagcloud a.tag3pink{ font-size: 18px; font-weight: 400; color: #d40f8c}
	div#tagcloud a.tag4pink{ font-size: 20px; font-weight: 600; color: #d40f8c}
	div#tagcloud a.tag5pink{ font-size: 22px; font-weight: 800; color: #d40f8c}

	div#tagcloud a,
	div#tagcloud a:link,
	div#tagcloud a:visited{
		font-weight: normal;
		text-decoration: none;
		}

	div#tagcloud a:hover,
	div#tagcloud a:active{
		color: #333;
		text-decoration: none;
		}


/*ROZE BOX*/
div.box{/*background: transparent url("../img/boxBG.gif") left top;*/ margin: 0 0 20px; width: 100%;}
div.boxContent{background: #ed3296; display: block;}
div.boxTop{background: #ed3296;}
div.boxBottom{background: #ed3296;}
div.boxTop, div.boxBottom{height: 10px; width: 100%; overflow: hidden;}

/*GELE BOX*/
div.boxYellow{/*background: transparent url("../img/boxBG.gif") left top;*/ margin: 0 0 60px 0; width: 100%;}
div.boxYellow div.boxContent{background: #ffde00; display: block;}
div.boxYellow div.boxTop{background: #ffde00;}
div.boxYellow div.boxBottom{background: #ffde00;}
div.boxYellow div.boxTop, div.boxYellow div.boxBottom{height: 10px; width: 100%; overflow: hidden;}
div.boxYellow div.wit{margin: 0 10px;color:#222}
div.boxYellow div.wit H3{font-size:18px;color:#222}
div.boxYellow div.wit strong{color:#222}

/*BORDERED BOX*/
div.boxBorder{border: 1px solid #ccc;margin: 0 0 60px 0; width: 100%;}
div.boxBorder div.boxContent{background: transparent!important; display: block;}
div.boxBorder div.boxTop{background: transparent!important;}
div.boxBorder div.boxBottom{background: transparent!important;}
div.boxBorder div.boxTop, div.boxboxBorder div.boxBottom{height: 10px; width: 100%; overflow: hidden;}
div.boxBorder div.wit{margin: 0 5px;color:#222}
div.boxBorder div.wit H3{font-size:18px;color:#222}

/*
div.box{background: transparent url("../img/boxBG.gif") left top; margin: 0 0 20px; width: 100%;}
div.boxContent{background: transparent url("../img/boxContent.gif") left top repeat-y; display: block;}
div.boxTop{background: transparent url("../img/boxTop.gif") left top repeat-y;}
div.boxBottom{background: transparent url("../img/boxBottom.gif") left top repeat-y;}
div.boxTop, div.boxBottom{height: 30px; width: 100%; overflow: hidden;}

body#vervolg2 div.box{background: transparent url("../img/boxBG.gif") left top; margin: 0 0 15px; width: 100%;}
body#vervolg2 div.boxContent{background: none; display: block;}
body#vervolg2 div.boxTop{background: transparent url("../img/boxTop3.png") left top repeat-y;}
body#vervolg2 div.boxBottom{background: transparent url("../img/boxBottom3.png") left top repeat-y;}
body#vervolg2 div.boxTop, body#vervolg2 div.boxBottom{height: 10px; width: 100%; overflow: hidden;}
*/

div.kolom div.boxContent, div.kolom2 div.boxContent{background: #ed3296; display: block;}
div.kolom div.boxTop, div.kolom2 div.boxTop{background: #ed3296;}
div.kolom div.boxBottom, div.kolom2 div.boxBottom{background: #ed3296;}
div.kolom div.boxTop, div.kolom2 div.boxTop, div.kolom div.boxBottom, div.kolom2 div.boxBottom{height: 10px; width: 100%; overflow: hidden;}

div#tagcloud div.boxContent, div.kolom2 div.boxContent{background: #ed3296; display: block;}
div#tagcloud div.boxTop, div.kolom2 div.boxTop{background: #ed3296;}
div#tagcloud div.boxBottom, div.kolom2 div.boxBottom{background: #ed3296;}
div#tagcloud div.boxTop, div.kolom2 div.boxTop, div.kolom div.boxBottom, div.kolom2 div.boxBottom{height: 10px; width: 100%; overflow: hidden;}

div.boxContent table{margin-bottom:0px}

aside div.wit UL.lelie li{background-image:url("../img/icon-white.gif");padding-left:30px}

div#tagcloud table{margin:0} div.box div.wit{margin: 0 30px; color: #fff;}
body#vervolg2 div.box div.wit{ margin: 0 15px; color: #fff;}
div.kolom div.box div.wit, div.kolom2 div.box div.wit{margin: 0 20px;}

div.box div.afbeelding {
	width: 370px;
	overflow: hidden;
	text-align: center;
}

div.box div.afbeelding img{
	display: block;
	margin: 0px auto;
}

div.kolom div.afbeelding,
div.kolom2 div.afbeelding{
	height: 170px;
}

div.kolom div.afbeelding img,
div.kolom2 div.afbeelding img{
	width: 219px;
}

/*FOOTER*/
footer{
	position: relative;
	z-index: 1;
	clear: both;
	background: #211d1e url("../img/pink.gif") left top repeat-x;
	width:100%;
	padding: 0;
	margin: 0;
	color: #aaa;
	font: normal 11px/17px Helvetica, Arial, sans-serif;
	}

	div#footerContainer{
		position: relative;
		z-index: 0;
		width: 1000px;
		margin: 0 auto;
		padding: 50px 0 10px;
		background: #211d1e url("../img/pink.gif") left top repeat-x;
		}

		div#beeldmerk{
			position: absolute;
			z-index: 0;
			top: -120px;
			right: 0;
			width: 260px;
			height: 120px;
			background: #fff url("../img/beeldmerk.gif") 50% no-repeat;
			display: none;
			}

		div#logoCarousel{
			position: absolute;
			z-index: 0;
			top: -110px;
			left: 20px;
			width: 470px;
			height: 100px;
			}

		body#vervolg2 div#logoCarousel{width: 550px;}

		div#logocarousel2{
			height: 100px;
			width: 950px;
			margin: 0 20px;
			}

		div#footerWrapper{
			float:left;
			display: inline;
			width:100%}

			div#footerContent{
				margin: 0 172px 0 328px;
				width: 500px;}

body#vervolg2.agenda div#footerContent{
				width: 475px;
			}

			div#footerSidebar_1{
				float:left;
				display: inline;
				width:308px;
				margin-left:-980px;
				}

body#vervolg2.agenda div#footerSidebar_1{
				width:475px;
			}

			div#footerSidebar_2{
				float:left;
				display: inline;
				width:146px;
				padding: 0 0 0 16px;
				margin-left:-172px;
				background: #211d1e url("../img/dot.gif") left top repeat-y;
				}

				div.footerBox{
					float: left;
					display: inline;
					width: 150px;
					background: transparent url("../img/dot.gif") left top repeat-y;
					margin: 0 0 15px;
					padding: 0 0 0 16px;
					}

				div.footerBox h4{
					display: block;
					float: left;
					width: 140px;
					}

					div#footerContainer ul{
						margin: 0 0 15px;
						padding: 0;
						width: 140px;
						}

					div#footerContainer div#footerContent ul{
						height: 70px;
						margin: 0 0 0;
						overflow: hidden;
						}

						div#footerContainer ul li{
						margin: 0;
						padding: 0;
						list-style: none;
						}

							div#footerContainer ul li a,
							div#footerContainer ul li a:link,
							div#footerContainer ul li a:visited{
								color: #aaa;
								font-weight: bold;
								text-decoration: none;
								}

							div#footerContainer ul li a:hover,
							div#footerContainer ul li a:active{
								color: #fff;
								text-decoration: none;
								}

		h4#quickMenuToggle {
			margin: 0 0 10px 0;
		}
			h4#quickMenuToggle a {
				padding: 0 0 0 20px;
				background: url("../images/rinsmaAdd.png") left 0 no-repeat;
			}
			h4#quickMenuToggle a:hover {
				background-position: left -20px;
			}
			#quickMenu {
				display: none;
				position: relative;
				top: -10px;
			}

/* [ SLIDESHOW ] XXXXXXXXXXXXXXXXXXXXXX */

		#slideshow{
			position: relative; z-index: 1;
			float: left; display: inline;
			height: 440px; width: 480px;
			background: transparent url("../images/overlaySlideshow.png") left top no-repeat;
			margin-bottom: 40px;
			}

			.slide{
				position: relative;
				float: left; display: inline; overflow: hidden;
				height: 400px; width: 440px; margin: 20px 0 0 15px;
				background: transparent;
				}

				.slide div.overlay{
					position: absolute; z-index: 3; left: 0; top: 0;
					height: 400px; width: 440px;
					background: transparent url("../images/overlaySlideshow.png") 50% no-repeat;
					}

				.slide img{
					float: left; display: inline;
					}

		div#slideNav{
			position: absolute; z-index: 2; right: 128px; top: 425px;
			}

			div#slideNav a{
				float: left; display: inline; overflow: hidden;
				height: 20px; width: 20px;
				text-indent: -999px; text-decoration: none;
				background: transparent url("../images/slideNav.png") left top no-repeat;
				}

			div#slideNav a.activeSlide{
				background: transparent url("../images/slideNav.png") left -40px no-repeat;
				}

			div#slideNav a:hover,
			div#slideNav a.activeSlide:hover{
				background-position: left -20px;
				}

/*TYPOGRAFIE
**************************************************/

body{
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	color: #444;}

p{padding: 0; margin: 0;}
body#popup p{margin: 0 10px 10px 10px;}

div#container p {padding: 0 0 20px;}
div#container div.wit p{padding-bottom: 0;}

strong, b{font-weight: bold; color: #000;}
em, i{font-style: italic;}

div.wit strong, div.wit b{color: #fff;}
div#footerSidebar_1 strong{color: #aaa; width: 90px; float: left; display: block;}

div.quote{
	font: normal 18px/22px Times, Times New Roman, Arial, sans-serif;
	background: #fff url("../img/quote.gif") left top no-repeat;
	text-align: center;
	padding: 10px 0;
	color: #777;
	}

div.box div.quote{
	background: transparent url("../img/quote2.gif") left top no-repeat;
	color: #ccc;
	}

div.meta{
	color: #d40f8c;
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 14px;
	}

div.date{
	color: #999;
	font-weight: normal;
	}

/*TITELS*/
h1{
	font: normal 20px/20px Arial, sans-serif;
	display: block;
	color: #999;
	padding: 0 0 20px;
	margin: 0;
	background: #fff url("../img/schaduw.gif") left bottom no-repeat;
	}

h2{
	font: normal 16px/16px Arial, sans-serif;
	color: #222;
	padding: 0 0 20px;
	background: #fff url("../img/schaduw.gif") left bottom no-repeat;
	}

small{
	display: block;
	height: 40px;
	font-weight: bold;
	background: #fff url("../img/schaduw.gif") left bottom no-repeat;
}

h2 strong{position: relative; top: -1px;}

body#popup h2{margin: 10px;}

body#vervolg2 h1{background: #fff url("../img/schaduw2.gif") left bottom no-repeat;}
div.kolom h2, div.kolom2 h2, body#vervolg2 div.kolom h2, body#vervolg2 div.kolom2 h2{background: #fff url("../img/schaduw3.gif") left bottom no-repeat;}

div.wit h2, div.wit h3{background: none; font-weight: bold;}
div.wit h3{font-size: 21px; line-height: 20px;}

body#vervolg2.agenda h2 a{
	text-decoration: none;
}

body#vervolg2.agenda h2{
	font: normal 16px/16px Arial, sans-serif;
	padding: 0;
	background: none;
}

h3{
	font: normal 14px/17px Arial, sans-serif;
	padding: 0 0 5px;
	color: #222;
	}

.bulletsubtitlestyle{
	font: normal 18px/20px Arial, sans-serif;
	}

body#popup h3, body#popup .bulletsubtitlestyle{
	margin: 10px;
	}

.bulletsubtitlestyle{
	font-weight: normal;
	padding: 0 0 5px;
	display: block;
	color: #d40f8c;
	}

div.wit .bulletsubtitlestyle{
	color: #fff;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
	}

footer h3{
	font: bold 16px/18px Arial, sans-serif;
	color: #d40f8c;
	}

h4{
	font: normal 18px/24px Arial, sans-serif;
	padding: 0 0 5px;
	color: #555;
	}

footer h4{
	font: bold 16px/18px Arial, sans-serif;
	color: #999;
	}

footer h4 a, footer h4 a:link, footer h4 a:visited{
	color: #999;
	text-decoration: none;
	}

footer h4 a:hover, footer h4 a:active{
	color: #ccc;
	text-decoration: none;
	}

h1 strong,
h2 strong,
h3 strong,
h4 strong{
	font-weight: bold;
	color: #d40f8c;
	}

h1 strong{
	position: relative;
	top: -1px;
	}

h5{
	font: normal 13px/16px Arial, sans-serif;
	padding: 0 0 3px;
	margin: 0 0 5px;
	color: #555;
	text-transform: uppercase;
	font-weight: bold;
	}

h5 a, h5 a:link, h5 a:visited{ font-weight: bold; color: #222; text-decoration: none;}
h5 a:hover, h5 a:active{color: #d40f8c;}

div.wit h2, div.wit h3, div.wit h4, div.wit .bulletsubtitlestyle{ color: #fff; }
div.wit h1 strong, div.wit h2 strong, div.wit h3 strong, div.wit h4 strong{ color: #fff;}

/*OPSOMMINGEN*/

/*ONGEORDEND*/
div#content ul,
aside ul{
	list-style-type: disc;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	}

div#content ul li.bulletstyle,
aside ul li.bulletstyle{
	padding: 0 0 0 5px;
	color: #d40f8c;
	}

aside div.wit ul{
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	}

aside div.wit ul li{
	float: left;
	display: block;
	clear: left;
	background: transparent url("../img/li.gif") left top no-repeat;
	padding: 0 0 5px 25px;
	font-size: 13px;
	}

aside div.wit ul li.bulletstyle{      color: #fff;}
aside div.wit ul li.bulletstyle span{ color: #fff;}

aside ul.lelie{
	list-style-image:url("../img/icon.gif");
	margin-left:20px;
	}

/*GEORDEND*/
div#content ul li.bulletstyle span,
aside ul li.bulletstyle span{
	color: #555;
	}

div#content ol,
aside ol{
	list-style-type: decimal;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	}

div#content ol li.bulletstyle,
aside ol li.bulletstyle{
	padding: 0;
	margin: 0;
	color: #666;
	font: bold 18px/18px Helvetica,  Arial, sans-serif;
	}

div#content ol li.bulletstyle span,
aside ol li.bulletstyle span{
	color: #555;
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	}

aside div.wit ol{                     margin: 10px 0 0;}
aside div.wit ol li.bulletstyle{      color: #ccc;}
aside div.wit ol li.bulletstyle span{ color: #fff;}

/*LINKS*/
a, a:focus{outline: none;}

a, a:link, a:visited{
	font-weight: bold;
	color: #d40f8c;
	text-decoration: underline;
	}

a:hover, a:active{
	color: #d40f8c;
	text-decoration: none;
	}

div.wit a, div.wit a:link, div.wit a:visited{color: #fff; text-decoration: underline;}
div.wit a:hover, div.wit a:active{color: #fff; text-decoration: none;}

a.calltoaction,
a.calltoaction:link,
a.calltoaction:visited{
	background: url("../img/calltoaction.gif") left top no-repeat;
	width: 220px;
	padding: 0 5px 0 0;
	height: 40px;
	overflow: hidden;
	font: bold 15px/30px Arial, sans-serif;
	display: block;
	text-align: center;
	color: #fff;
	/*text-transform: uppercase;*/
	margin: 0 auto;
	text-decoration: none;
	}

a.calltoaction:hover,
a.calltoaction:active{
	font: bold 15px/30px Arial, sans-serif;
	color: #fff;
	background-position: left -39px;
	}

div.wit a.calltoaction,
div.wit a.calltoaction:link,
div.wit a.calltoaction:visited{
	float: left;
	display: block;
	clear: left;
	height: auto;
	width: auto;
	text-align: left;
	font: normal 14px/16px Arial, sans-serif;
	/*text-transform: uppercase;*/
	background: url("../img/pijl.png") right 50% no-repeat;
	padding: 0 25px 0 0;
	text-decoration: none;
	}

div.wit a.calltoaction:hover,
div.wit a.calltoaction:active{
	color: #222;
	background-position: right 50%;
	}


body#vervolg2 div.wit a.calltoaction,
body#vervolg2 div.wit a.calltoaction:link,
body#vervolg2 div.wit a.calltoaction:visited{
	float: left;
	display: block;
	clear: left;
	height: auto;
	width: auto;
	text-align: left;
	font: normal 14px/16px Arial, sans-serif;
	text-transform: uppercase;
	background: url("../img/pijl.png") left 3px no-repeat;
	padding: 3px 0 3px 25px;
	text-decoration: none;
	}

body#vervolg2 div.wit a.calltoaction:hover,
body#vervolg2 div.wit a.calltoaction:active{
	color: #fff;
	background-position: 5px 3px;
	}

body#vervolg2 div.wit table{margin:0px}

/*TABLE*/
table{
	border-collapse: collapse;
	margin: 0 0 20px;
	}

table.code {
	width: 100%;
}
	table.code td {
		text-align: left;
		padding: 0 20px 10px 0;
	}
	table.code input[type="submit"] {
		margin: 1px;
	}

/*table td{
	padding: 2px 5px;
	border: 1px solid #ddd;
	}*/

div.message table, div#addMessageForm table, div#gastenboek table{
	margin: 0;
	}

div.message table td, div#addMessageForm table td, div#gastenboek table td{
	padding: 0;
	border: 0;
	}

div#gastenboek table td a,
div#gastenboek table td a:link,
div#gastenboek table td a:visited{
	text-decoration: none;
	}

/*NIEUWSOVERZICHT
**************************************************/
div.nieuwsL, div.nieuwsR{
	width: 225px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	}

div.nieuwsL{
	clear: both;}

div.nieuwsR{
	float: right;
	display: inline;
	margin: 0;
	}

div.kolom div.nieuwsR,
div.kolom2 div.nieuwsR{
	float: left;
	margin: 0;
	clear: both;
	}

a.leesverder, a.leesverder:link, a.leesverder:visited{
	text-decoration: none;
	background: #fff url("../img/ster.gif") left 1px no-repeat;
	padding: 0 0 0 16px;
	}

a.leesverder:hover, a.leesverder:active{
	background-position: left -39px;
	color: #333
	}

/*PAGING */
ul#paging{
	margin: 20px 0 0 0;
	width:470px
	display: inline;
	clear: both;
	text-align: center;
	}

ul#paging li{
	display: inline;
	color: #999;
	}

ul#paging li span{
	padding: 2px 5px;}

ul#paging li a{
	padding: 2px 5px;
	color: #454545;
	text-decoration: none;
	}

ul#paging li a:hover{
	color: #454545;
	text-decoration: underline;
	}

ul#paging li.current a{
	color: #fff;
	background: #ed3296;
	}
	ul#paging li.current a:hover{
		color: #fff;
	}


/*FORMULIER
**************************************************/
div.formulier{
	margin:10px 0 20px;
	}

	div.formulier span.veldnaam,
	div.formulier span.veld,
	div.formulier span.verplicht{
		width:140px;
		display:inline;
		float:left;
		}

	div.formulier span.veld{
		width:320px;
		}

	div.formulier span.verplicht{
		width:10px;
		font-size: 16px;
		height: 15px;
		overflow: hidden;
		line-height: 30px;
		font-weight: bold;
		color: #d40f8c;
		}

	div.formulier div.radiobutton{margin-left:140px}
	div.formulier div.radiobutton input{width:auto;margin-left:10px}

	aside div.kolom div.formulier span.verplicht,
	aside div.kolom2 div.formulier span.verplicht{
		display: none;
		}

	/* Input Types */
	input,
	textarea{
		background: #fff;
		border: 1px solid #ebebeb;
		color: #555;
		font-family: inherit;
		font-size: inherit;
		font-weight: normal;
		font-family: Helvetica, Arial, sans-serif;
		padding: 2px;
		margin:1px;
		height:15px;
		}

	select{
		font: normal 12px Helvetica, Arial, sans-serif;
		color: #666;
		cursor: pointer;
		}

	option{
		font-weight: normal;
		color: #666;
		}

	input:hover, textarea:hover { background: #fff;    border-color: #ccc; cursor: text;}
	input:focus, textarea:focus { background: #f8f8f8; border-color: #ccc; color: #666;}

	input[type='checkbox'], input[type='radio']{
		display: inline;
		margin-top: 4px;
		background:none;
		cursor: pointer;
		}

	input[type='submit'] {
		background: #d40f8c;
		border: 0;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-family: inherit;
		font-weight:bold;
		font-size: inherit;
		padding: .3em 2em;
		height:24px;
		margin: 5px 0 0 140px;
		}

	input[type='submit']:hover {
		background: #333;
		}

	/* Textarea */
	textarea {margin-bottom: 7px; resize: none; overflow: auto;}

	div#content input, aside input       { width: 300px;}
	div#content input[type='checkbox'], div#content input[type='radio'], div#content input[type='submit'] {width: auto;}
	div#content select, aside select     { width: 306px;}
	div#content textarea, aside textarea { width: 300px; height: 120px;}

	aside div.kolom div.formulier span.veldnaam, aside div.kolom2 div.formulier span.veldnaam,
	aside div.kolom div.formulier span.veld, aside div.kolom2 div.formulier span.veld{ width:auto; display:inline; float:left;}
	aside div.kolom input, aside div.kolom2 input{width: 215px;}
	aside div.kolom input[type='checkbox'], aside div.kolom input[type='radio'], aside div.kolom input[type='submit'],
	aside div.kolom2 input[type='checkbox'], aside div.kolom2 input[type='radio'], aside div.kolom2 input[type='submit']{width: auto;}

	aside div.kolom select, aside div.kolom2 select{width: 221px;}
	aside div.kolom textarea, aside div.kolom2 textarea{width: 215px; height: 60px;}
	aside div.kolom input[type='submit'], aside div.kolom2 input[type='submit'] {margin-left: 0;}

	/*GASTENBOEK*/
	div#gastenboek input.submitbutton {
		background: #d40f8c;
		border: 0;
		color: #fff;
		cursor: pointer;
		font-family: inherit;
		font-weight:bold;
		font-size: inherit;
		padding: .3em 2em;
		height:24px;
		margin: 5px 0 0 90px;
		}

	div#gastenboek input.submitbutton:hover{
		background: #666;
		}


div.kolomBox{
	min-height: 280px;
	}

div.kolomBox h3{
	min-height: 32px;}


div.beoordeling{
	color: #d3007e;
	text-shadow: 1px 1px 0px #fff;
	padding: 4px 8px;
	margin: 0 0 3px;
	border: 1px solid #f6cfe8;
	position: relative;
	top: -10px;
	height: 16px;
	font: bold 10px/16px Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: transparent url("../img/bgBeoordeling.gif") 50%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

div.beoordeling img{
	float: right;
	display: inline;
	}

/*GET ARTIKELEN*/
/*OVERZICHT*/
div.artikelOverzicht{
	display: BLOCK;
	width: 510px;margin: -25px 0 20px;
	z-index:-1;
	/*border: 1px solid #ccc;*/
	}

	h5{
		position: absolute; z-index: 2; left: 10px; top: -12px;
		text-indent: -9999px;
		height: 31px; width: 143px;
		background: transparent url("../images/GetMoreInspired.png") left top no-repeat;
		}

	div.artikelOverzicht a.alleArtikelen{
		position: absolute; right: 20px; bottom: -10px;
		padding: 2px 8px;
		font: bold 11px/18px Arial, sans-serif; text-transform: uppercase; text-decoration: none;
		color: #000;
		background: #ffde00;
		display:none;
		}

	div.artikelOverzicht a.alleArtikelen:hover{
		bottom: -12px; right: 18px;
		background: #fff; border: 2px solid #ffde00;
		padding: 2px 8px;
		font: bold 11px/18px Arial, sans-serif; text-transform: uppercase; text-decoration: none;
		color: #000;
		}

	body#home div.artikelOverzicht a.alleArtikelen{
		position: absolute; right: 20px; bottom: -30px;
		}

	body#home div.artikelOverzicht a.alleArtikelen:hover{
		bottom: -32px; right: 18px;
		}

	div.artikelOverzicht a.alleArtikelen span{font: normal 10px/18px Arial, sans-serif;}

	div.artikelOverzicht div.artikel{
		position: relative;
		z-index: 0;
		float: left; display: block;
		width: 117px; margin: 0 10px 5px 0;
		}

		div.artikelOverzicht div.artikel a{
			font-size: 10px; text-decoration: none;
			color: #000;
			}

			div.artikelOverzicht div.artikel a img{
				position: relative; z-index: 1; left: -2px; top: -2px;
				float: left; display: inline; overflow: hidden;
				margin: 0;
				border: 4px solid #fff;
				}

			div.artikelOverzicht div.artikel a:hover img{
				border: 4px solid #ffde00;
				}

			div.artikelOverzicht div.artikel a h4{
				position: relative; z-index: 2; top: -4px;
				font: normal 10px/14px Verdana, Arial, sans-serif;
				color: #000;
				}

		div.nieuwsOverzicht div.artikelUitgelicht a div.video{
				position: absolute; z-index: 3; left: 50%; top: 50%;
				height: 100px; width: 100px; margin-left: -50px; margin-top: -75px;
				background: transparent url("../images/bgVideo.png") 50% no-repeat;
				cursor: pointer;
				}

/*AGENDA ARTIKEL
**************************************************/
div.agendaArtikel{
	float: left;
	display: block;
	height: 260px;
	overflow: hidden;
	width: 100%;
	}

aside div.agendaArtikel.first{
	margin-top: 12px;
	}

/*div#header{ height: 360px; width: 1000px; margin: 0 auto; position: relative; }
body#vervolg1 div#header{ height: 230px; overflow: hidden; }*/
div#controls{ height: 52px; width: 1000px; margin: 0 auto; position: absolute; left: 0; bottom: 0; background: url("../images/overlay.png") no-repeat; z-index: 15; }
div#controls div#nav1{ width: 489px; height: 26px; position: absolute; bottom: 0; right: 0; text-align: center;}
div#controls div#nav1 a{ font: 10px/26px Verdana; padding: 4px 7px 4px 7px; margin: 0 2px; color: #fff; text-decoration: none; }
div#controls div#nav1 a.activeSlide{ background: #f495c8; }