html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: justify;
	background-image: url(../images/back.gif);
	background-position: center -4px;
	margin: 0;
	height: 100%;
}

#bannermail{
	background-image: url(../images/mailBanner.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	padding-right: 20px;
	padding-top: 40px;
	height: 62px;
	width: 587px;
}

/*centrale div*/

#center {
	position: relative;
	width: 790px;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image:url(../images/backpage.gif);
}

/*pagina div*/

#center #page {
	float: left;
	width: 790px;
	background-image:url(../images/backpage.gif);
	background-repeat: repeat-y;
}

/*links gedeelte div*/

#center #page #left {
	float: left;
	width: 174px;
}

/*rechts gedeelte div*/

#center #page #right {
	float: left;
	width: 616px;
}

/*ruimte boven logo en rand browser div*/

#pageleftmargintop{
	position: relative;
	width: 174px;
	height: 9px;
}

#pageleftmargintopleft{
	position: relative;
	float: left;
	width: 165px;
	height: 9px;
}

#pageleftmargintopright{
	position: relative;
	float: left;
	width: 9px;
	height: 9px;
}

/*ruimte links met menu/logo/podcast div*/

#pageleftcolumn{
	position: relative;
	float: left;
	width: 174px;
	background-position: bottom;
	background-repeat: no-repeat;
}

#pageleftcolumnleft{
	position: relative;
	float: left;
	width: 9px;
}

#pageleftcolumnright{
	position: relative;
	float: left;
	width: 9px;
}

#pageleftcolumnmiddle{
	position: relative;
	display: block;
	float: left;
	width: 156px;
}

#logo{
	position: relative;
	display: block;
	float: right;
	width: 156px;
	height: 122px;
}

#menu{
	position: relative;
	display: block;
	float: right;
	width: 156px;
}

#podcast{
	position: relative;
	display: block;
	float: right;
	width: 156px;
}

/*ruimte boven rechter gedeelte met broodkruimel div*/

#pagerighttop{
	position: relative;
	display: block;
	width: 616px;
	height: 37px;
}

/*rechter gedeelte pagina div*/

#pageright{
	position: relative;
	float: left;
	display: block;
	width: 616px;
}

* pageright{
	min-height: 100%;
}

/*horrizontale balken in wit en grijs div*/

#balkm{
	background-color: #F1F1F1;
	float: left;
	min-height: 8px;
	width: 100%;
}

* #balkm{
	height: 8px;
}

#balkh{
	background-color: #F1F1F1;
	min-height: 8px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#balkf{
	background-color: #F1F1F1;
	float: left;
	min-height: 8px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#balks{
	background-color: #CFCFCF;
	min-height: 4px;
	width: 100%;
}

* #balkh{
	height: 8px;
}

* #balkf{
	height: 8px;
}

* #balks{
	height: 4px;
}


/*content gedeelte div*/

#pagerightmiddle{
	position: relative;
	display: block;
	width: 616px;
}

#content{
	background-image: url(../images/index_09.gif);
	background-repeat: no-repeat;
	text-align: justify;
	text-decoration: none;
	position: relative;
	float: left;
	display: block;
	width: 607px;
}

/*padding rond content div*/

#padding{
	margin: 20px;
}

/*banners*/

#pagerightmiddleleft{
	position: relative;
	float: left;
	display: block;
	width: 607px;
}

#topbanner{
	height: 102px;
	width: 607px;
}


/*margin rechts van rechter pagina*/

#pagerightmiddleright{
	position: relative;
	float: left;
	display: block;
	width: 9px;
}

/*onderkant div*/

#pagerightbottom{
	position: relative;
	float: left;
	display: block;
	width: 790px;
	height: 156px;
}

#pagerightbottomtop{
	position: relative;
	display: block;
	width: 790px;
	height: 8px;
}

#pagerightbottommiddle{
	position: relative;
	display: block;
	width: 790px;
	height: 140px;
}

#pagerightbottombottom{
	position: relative;
	display: block;
	width: 790px;
	height: 8px;
}

#pagebottom{
	position: relative;
	float: left;
	display: block;
	width: 790px;
}

#pagebottomleft{
	position: relative;
	float: left;
	display: block;
	width: 165px;
	height: 33px;
}

#pagebottomright{
	position: relative;
	float: left;
	display: block;
	width: 625px;
	height: 33px;
}

/*************************************************************************************************/
/*opmaak*/
/*************************************************************************************************/

/*standaard links*/

a {
	text-decoration: underline;
	color: #990000;
}

a:hover, a:hover:visited {
	text-decoration: none;
	color: #000000;
}

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

/*paragraaf tekst en titel*/

#paratitel, #paratitel a {
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	width: 100%;
}

#paratekst{
	color: #000000;
	text-decoration: none;
}

/*Overige*/

ul {
	/*list-style-image: url(../images/ul.gif);*/
	list-style-type: square;
}

hr {
	border: thin solid #FFFFFF;
	height: 1px;
}


.field{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 16px;
	width: 467px;
	border: 1px solid #333333;
}

.fieldnormal{
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 16px;
	border: 1px solid #333333;
}


.fieldsmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 16px;
	width: 30px;
	border: 1px solid #333333;
}



.area{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 60px;
	width: 467px;
	border: 1px solid #333333;
}

.areanormal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 60px;
	border: 1px solid #333333;
}

.button{
	background-image: url(../images/strip.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 20px;
	width: 467px;
	border: 1px solid #333333;
}

.buttonnormal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #E4E4E4;
	padding: 2px;
	height: 20px;
	width: 80px;
	border: 1px solid #333333;
}

table{
	
}

td{
	vertical-align:top;
	padding: 2px;
}

/*prikbord div*/


#prikbordtitel, #prikbordtitel a {
	color: #000000;
	text-decoration: underline;
	width: 100%;
	margin-top: 20px;
}

#prikbordtekst{
	margin-bottom: 20px;
}

#prika{
	background-color: #D8D8D8;
	float: left;
	min-height: 8px;
	width: 557px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 5px;
}

#prikb{
	background-color: #E2E2E2;
	float: left;
	min-height: 8px;
	width: 557px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 5px;
}

#prikc{
	background-color: #F1F1F1;
	float: left;
	min-height: 8px;
	width: 557px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 5px;
}

/*fotoalbum div*/

#fotoboek{
	width: 567px;
	float: left;
}

#fotoalbum{
	float: left;
	padding-top: 20px;
	vertical-align: middle;
	min-height: 20px;
	margin-bottom: 5px;
}

* #fotoalbum{
	height: 20px;
}

#fotoalbum a{
	
}

#fotoalbumtumb{
	float: left;
	width: 120px;
}

#fotoalbumtumb a{
	text-decoration: none;
}

#fotoalbumtumbholder{
	background-image: url(../images/fotoboekback.gif);
	background-repeat: no-repeat;
	padding: 5px;
	margin-bottom: 10px;
	width: 557px;
	min-height: 109px;
	float: left;
}

* #fotoalbumtumbholder{
	height: 109px;
}

#fotoboekimgholder{
 	background-image:url(../images/fotoboekimgback.gif);
	margin: 2px;
	padding: 3px;
	text-align: center;
	vertical-align: bottom;
	float: left;
	width: 103px;
	min-height: 103px;
}

* #fotoboekimgholder{
	height: 103px;
}

#fotoboekimg{
	border: 2px solid #000000;	
}

#fotoboekalbumtitel, #fotoboekalbumtitel a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
}

/*teevee & radio*/

#ulvideo {
/*	list-style-image: url(../images/ulvideo.gif);*/
	list-style-type: square;
}

#teeveetitel, #radiotitel{
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: middle;
	height: 20px;
	width: 562px;
	background-image: url(../images/titelback.gif);
}

#teeveetekst, #radiotekst{
	padding-bottom: 5px;
	padding-left: 5px;
}

#videoholder{
	width: 100%;
	height:250px;
	padding-top: 10px;
	background-color: #000000;
}

#box{
	padding: 10px;
	width: 547px;
	background-color: #DDDDDD;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
}

/*contactpersonen*/

#contacpersoonholder{
	width: 551px;
	/*min-height: 110px;*/
	margin-bottom: 10px;
	background-color: #E4E4E4;
	padding: 8px;
}

#contacpersoontekst{
	margin-left: 10px;
	width: 431px;
	float: left;
}

#contacpersoonfoto{
	float: left;
	width: 110px;
}

/*feedback*/

#feedback{
	float: left;
	width: 567px;
}

/*animo shop*/

#titelrow{
	background-color: #DDDDDD;
	font-weight: bold;
}

#prijscell{
	background-color: #DDDDDD;
}

#totaalprijscell{
	background-color: #DDDDDD;
	font-weight: bold;
}

#shopstepnow{
	background-color: #990000;
	width: 25%;
	color: #FFFFFF;
}

#productcategorieholder{
	width: 557px;
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
}

#productcategorietitel{
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	min-height: 20px;
}

* #productcategorietitel{
	height: 20px;
}

#productholder{
	display: block;
	float: left;
	width: 100px;
	min-height: 120px;
	margin-bottom: 10px;
	background-color: #000000;
	margin-right: 5px;
	border: solid #000000 1px;
}

* #productholder{
	height: 120px;
}

#webwinkelimg{
	border-bottom: solid #000000 1px;
}

#producttitel{
	color: #FFFFFF;
	text-align: center;
	margin: 2px;	
	
/*kalender*/
	
}#day {
	height: 81px;
	width: 81px;
	background-color: #CC0000;
	color: #FFFFFF;
		font-size: 9px;
}

#eventday {
	height: 81px;
	width: 81px;
	background-color: #800003;
	color: #FFFFFF;
	font-size: 9px;
}

#eventday a{
	color: #FFFFFF;
		font-size: 9px;
}

.calendar th {
	background-color: #990000;
	color: #FFFFFF;
}

.calendar #daymark {
	font-weight: bold;
	height: 81px;
	width: 81px;
}

.calendar-month{
	margin-bottom: 10px;
	padding-bottom: 20px;
}

/*agenda*/

#agenda{
	float: left;
	display: block;
	width: 567px;
	max-width: 567px;
	/*overflow:hidden;*/
	text-align: left;
	padding-bottom: 10px;
}


#agendapunten{
	float: left;
	display: block;
	margin-bottom: 20px;
}

#agendatitel{
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: middle;
	height: 20px;
	width: 562px;
	background-image: url(../images/titelback.gif);
}

#agendaitemholder{
	width: 557px;
	margin-bottom: 10px;
	background-color: #E4E4E4;
	padding: 8px;
}

/*in de buurt*/

#departementtitel{
	width: 551px;
	margin-bottom: 10px;
	background-color: #E4E4E4;
	padding: 8px;
}

/*mail div*/

#mail{
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-top: 5px;
	background-color: #E4E4E4;
	margin: 50px auto 50px auto;
	clear: both;
	width: 567px;
	border: 8px solid #F1F1F1;
}

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

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}

/*End hide for IE-mac*/

/*FORM LID WORDEN*/

#lidworden fieldset{
	border: 1px solid #000000;
}

#lidworden legend{
	background-color:#000000;
	color: #FFFFFF;
	padding: 5px;
	width: 150px;
}

#lidworden fieldset.submit
{

}

#lidworden fieldset.radio
{

}

#lidworden fieldset.radio label
{

}

#lidworden fieldset.radio input
{


}

#lidworden input
{

}

#lidworden textarea{
	width: 250px;
	height: 150px;
}

#lidworden label
{
}

#lidworden select
{
	float: left;
}

#lidworden dl{
	padding: 10px;
	float: left;
	display:block;
	width: 485px;
}

#lidworden dd{
	float: left;
	display:block;
	width: 245px;
	margin: 0px;
}

#lidworden dt{
	float: left;
	display:block;
	width: 240px;
}


/*******************************
Volgende effecten zijn ook aanwezig in fck_editorarea.css in de cms. Ze zijn ook gedefineerd in fckstyles.xml zodat ze kunnen gebruikt worden in de editor.
/*******************************

/*highlight effecten*/

.markup1 {
	/*Paragraaf 1*/
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px dashed #000000;
}

.markup2 {
	/*Paragraaf 2*/
	background-color: #E00000;
	padding: 5px;
	border: 1px dashed #000000;
	color: #FFFFFF;
}

.markup3 {
	/*Paragraaf 3*/
	color: #FFFFFF;
	background-color: #000000;
	padding: 5px;
	border: 1px dashed #999999;
}

.markup4 {
	/*Paragraaf 4*/
	background-color: #333333;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
}

.highlight1 {
	/*Tekst 1*/
	background-color: #E00000;
}

.highlight2 {
	/*Tekst 2*/
	color: #FFFFFF;
	background-color: #000000;
}

.list0 {
	/*Lijst 1*/
	width: 551px;
	margin-bottom: 10px;
	background-color: #E4E4E4;
	padding: 8px;
}