body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

p{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 10px;
	color: #000;
}

p .datum{
	color: #F60;
	padding: 0 10px 0 0;
}

a:link{
	color: #000;
	text-decoration: underline;
}

a:visited{
	color: #666;
	text-decoration: underline;
}

a:hover{
	color: #F60;
	text-decoration: underline;
}

a:active{
	color: #000;
	text-decoration: underline;
}


h1{
	text-align: left;
	vertical-align: top;
	margin: 0 0px 4px;
	color: #F60;
	font: bold 18px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h2{
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 4px;
	color: #F60;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h5{
	text-align: right;
	vertical-align: top;
	margin: 0px 0px 4px;
	color: #F60;
	font: 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

select{
	vertical-align: top;
	color: #FFF;
	float: left;
	border: 1px solid #FC9604;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin-right: 10px;
}

input{
	vertical-align: top;
	color: #FFF;
	float: left;
	border: 1px solid #FC9604;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin-right: 10px;
}

textarea{
	vertical-align: top;
	color: #FFF;
	float: left;
	border: 1px solid #FC9604;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin-right: 10px;
}
/* @group Altijd */

#Container {
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin: 0px;
}

/* @group Top */

#TopContainer {
	height: 270px;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	background: url(../../images/bg_top.png) repeat-x 0 0;
}

#Top1{
	height: 270px;
	width: 960px;
	float: none;
	margin: 0 auto;
	padding: 0px;
	background: url(../../images/header.png) no-repeat 0 0;
}

#TopNav{
	width: 800px;
	position: absolute;
	padding: 10px 0 0 220px;
	margin-top: 23px;
	text-align: right;
}

#TopText{
	width: 500px;
	position: absolute;
	padding: 0px;
	margin: 150px 0px 0px 480px;
}

#TopText h1{
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 4px;
	color: #F60;
	font: bold 24px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#TopText h1 .h1{
	color: #F60;
	font: bold 36px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* @end */

/* @group Content */

#ContentContainer{
	width: 100%;
	height: auto;
	text-align: left;
	color: #000;
	margin: 0 auto 0;
	padding: 0;
	display: table;
	background: #FFF url(../../images/bg_middle.png) repeat-x 0 0;
}

#Content {
	width: 960px;
	height: auto;
	/*min-height: 400px;*/
	margin: 0 auto;
	padding: 0px;
	display: table;
}

/* @group Left */

#ContentLeft {
	width: 480px;
	height: auto;
	/*height: 400px;*/
	float: left;
	margin: 0px;
	padding: 0px;
	display: table;
}

#ContentLeftTop {
	width: 480px;
	height: 40px;
	margin: 0;
	padding: 0px;
}

#ContentLeftText {
	width: 470px;
	min-height: 400px;
	float: left;
	margin: 10px 0 0px;
	padding: 0px 10px 20px 0px;
	display: table;
	/*border-right: 1px solid #999;*/
	text-align: justify;
}

#ContentLeftText h1{
	text-align: left;
	vertical-align: top;
	margin: 4px 0px;
	color: #F60;
	font: bold 18px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#ContentLeftText p{
	font: 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0px 10px 0px 0px;
	color: #000;
}

#ContentLeftText a:link{
	color: #000;
	text-decoration: underline;
}
#ContentLeftText a:visited{
	color: #666;
	text-decoration: underline;
}
#ContentLeftText a:hover{
	color: #F60;
	text-decoration: underline;
}
#ContentLeftText a:active{
	color: #000;
	text-decoration: underline;
}

/* @end */

/* @group Right */

#ContentRight {
	width: 470px;
	height: auto;
	margin: 0px 0px 10px 5px;
	padding: 0px;
	float: right;
}

#ContentRightTop {
	width: 470px;
	height: 280px;
	margin: 0 0 10px;
	padding: 0px;
}

#ContentNieuwsContainer {
	width: 215px;
	height: 270px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#ContentNieuwsContainerTop {
	width: 220px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#ContentNieuwsContainerText {
	width: 220px;
	height: 210px;
	margin: 15px 0 0;
	border: 1px solid #999;
	border-right: none;
	padding: 5px 0px 5px 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.NewsSmall {
	width: 220px;
	padding: 0px;
	margin: 0 0 5px;
	border-bottom: 1px solid #666;
	display: table;
}

.NewsSmallDate {
	width: 30px;
	margin: 0 5px 0 0;
	padding: 0px;
	display: block;
	float: left;
}

.NewsSmallDate p {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #999;
}

.NewsSmallTitle {
	width: 170px;
	margin: 0px;
	padding: 0px 0px 2px;
	text-decoration: none;
	float: left;
}

.NewsSmallTitle p {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #F60;
}

.NewsSmallTitle a {
	text-decoration: none;
	color: #F60;
}

.NewsSmallTitle a:link  {
	color: #F60;
	text-decoration: none;
}

.NewsSmallTitle a:visited  {
	color: #F60;
	text-decoration: none;
}

.NewsSmallTitle a:hover  {
	color: #333;
	text-decoration: none;
}

.NewsSmallTitle a:active  {
	color: #F60;
	text-decoration: none;
}

#ContentAgendaContainer {
	width: 220px;
	height: 230px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float: left;
}

#ContentAgendaContainerTop {
	width: 220px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#ContentAgendaContainerTop h1{
	text-align: left;
	margin: 0px;
	color: #F60;
	font: bold 18px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(../../images/agenda.png) no-repeat 0 0;
	padding-left: 45px;
}

#ContentAgendaContainerText {
	width: 210px;
	height: 210px;
	margin: 15px 0 0;
	border: 1px solid #999;
	border-right: none;
	padding: 5px 0px 5px 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.AgendaSmall {
	width: 220px;
	padding: 0px;
	margin: 0 0 5px;
	border-bottom: 1px solid #666;
	display: table;
}

.AgendaSmallDate {
	width: 30px;
	margin: 0 5px 0 0;
	padding: 0px;
	display: block;
	float: left;
}

.AgendaSmallDate p {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #999;
}

.AgendaSmallTitle {
	width: 170px;
	margin: 0px;
	padding: 0px 0px 2px;
	text-decoration: none;
	float: left;
}

.AgendaSmallTitle p {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #F60;
}

.AgendaSmallTitle a {
	text-decoration: none;
	color: #F60;
}

.AgendaSmallTitle a:link  {
	color: #F60;
	text-decoration: none;
}

.AgendaSmallTitle a:visited  {
	color: #F60;
	text-decoration: none;
}

.AgendaSmallTitle a:hover  {
	color: #333;
	text-decoration: none;
}

.AgendaSmallTitle a:active  {
	color: #F60;
	text-decoration: none;
}

#ContentRightBottom {
	width: 460px;
	height: 100px;
	margin: 0px;
	padding: 10px 0px 0px;
	border-top: 1px solid #999;
}

#ContentRightFoto {
	width: 440px;
	height: 80px;
	margin: 0px;
	padding: 10px;
	border: 1px solid #DCDCDC;
	background: url(../../images/bg_foto_home.png) repeat-x 0 0;
	vertical-align: bottom;
	float: left;
}

#ContentRightFoto img{
	margin: 0px;
	padding: 0px 15px 0px 0px;
	vertical-align: middle;
	float: left;
}

#Kids, #Jeugd, #Foto {
	width: 460px;
	height: 66px;
	margin: 0px 0px 10px;
	padding: 0px;
	border: 0px;
	float: left;
}

#Kids a, #Jeugd a, #Foto a{
	border: 0px;
}


/* @end */

/* @group FotoAlbum */

#ContentFoto {
	width: 960px;
	height: 340px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: table;
}

#ContentFotoTop {
	width: 960px;
	height: 40px;
	margin: 0;
	padding: 0px;
}

#ContentFotoText {
	width: 470px;
	height: 300px;
	float: right;
	margin: -300px 0 0;
	display: table;
	text-align: justify;
	padding: 0px 10px 0px 0px;
}

#mssHolder {
	width: 400px;
	height: 300px;
	margin: 10px;
	padding: 0px;
	float: left;
}



/* @end */

/* @group AgendaOverzicht */

#ContentAgenda {
	width: 480px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0px;
	display: table;
}

#ContentAgendaTop {
	width: 480px;
	height: 40px;
	margin: 0;
	padding: 0px;
}

#ContentAgendaText {
	width: 470px;
	min-height: 400px;
	float: left;
	margin: 10px 0 0;
	padding: 0px 10px 20px 0px;
	display: table;
	border-right: 1px solid #999;
	text-align: justify;
}

#ContentAgendaText h1{
	text-align: left;
	vertical-align: top;
	margin: -8px 0px 4px;
	color: #F60;
	font: bold 18px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#ContentAgendaText p{
	font: 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	margin: 0 0 10px;
	padding: 0px 0 0px 0px;
	color: #000;
}

#ContentAgendaText a:link{
	color: #000;
	text-decoration: underline;
}
#ContentAgendaText a:visited{
	color: #666;
	text-decoration: underline;
}
#ContentAgendaText a:hover{
	color: #F60;
	text-decoration: underline;
}
#ContentAgendaText a:active{
	color: #000;
	text-decoration: underline;
}

#ContentAgendaText p .datum{
	font: 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	margin: 0 10px 5px 0;
	padding: 0;
	color: #F60;
}

#ContentAgendaText p .agendatekst{
	font: 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding: 0px 0 0px 0px;
	color: #000;
	margin: 0 0 0 65px;
}

/* @end */

/* @end */

/* @group ContentFooter */

#ContentFooterContainer{
	/*height: 60px;*/
	width: 100%;
	display: table;
	color: #000;
	margin: 0 auto;
	/*background: url(../../images/bg_bottom.png) repeat-x 0 0;*/
	float: left;
}

#ContentFooter{
	width: 960px;
	display: table;
	color: #000;
	margin: 0 auto;
	border-top: 1px #111 solid;
	border-bottom: 1px #AAA dotted;
}

#ContentFooterAdres{
	width: 380px;
	display: table;
	color: #000;
	margin: 30px 0;
	background: url(../../images/bg_adres.png) repeat-x 0 0;
	float: left;
	padding: 10px 10px 6px;
}

#ContentFooterAdres h1{
	text-align: left;
	vertical-align: top;
	color: #F60;
	font: bold 15px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#ContentFooterAdres p{
	text-align: left;
	vertical-align: top;
	color: #F60;
	font: 15px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#ContentFooterKidsCorner{
	height: 120px;
	width: 540px;
	display: table;
	color: #000;
	margin: 30px 0 30px 10px;
	padding: 0px;
	background: url(../../images/kids_corner.png) repeat-x 0 0;
	float: right;
}

#ContentFooterKidsCorner img{
	border: none;
}



/* @end */

/* @end */

/* @group FORM */

#ContentLeft fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#ContentLeft label, button {
	clear: left;
	display: inline;
	float: none;
	text-align: left;
	color: #999;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#ContentLeft label {
	margin: 0;
	padding: 0;
	vertical-align: top;
	white-space: normal;
	width: 250px;
}

#ContentLeft button {
	text-align: center;
	width: 100px;
	font-size: 12px;
	color: #FFF;
	background-color: #F60;
	border: 0px solid #B2B2B2;
	padding: 2px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#ContentLeft input, textarea {
	background-color: #FFF;
	border: 1px solid #B2B2B2;
	margin: 2px 0 3px 0;
	width: 99%;
	font-size: 12px;
	padding: 2px;
}

#ContentLeft input:focus, textarea:focus {
	background-color:#F2F2F2;
	border-color:#000;
}



/* @end */

#Footer{
	height: 50px;
	width: 960px;
	display: table;
	color: #000;
	margin: 0 auto 60px;
}

#Footer p{
	text-align: right;
	color: #666;
	margin: 0px;
	font: 9px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#Footer a, a:link, a:visited, a:active{
	color: #999;
	text-decoration: none;
}

#Footer a:hover{
	color: #333;
	text-decoration: none;
}