body{
		color                 : black;
		background-color      : #dcaf67;
		background-image      : url(logo.schedel.geel.achter.1074x840.gif);
		background-position   : 50% 50%;
		background-repeat     : no-repeat;
		background-attachment : fixed;
		
		font-family           : Trebuchet, Trebuchet MS, Helvetica, Tahoma, sans-serif;
		line-height           : 1.8em;
		
		text-align            : center;
	}
	
	a{
		text-decoration       : none;
		color                 : #9c5f07;
	}
	a:visited{
		color                 : #8c4f07;
	}
	a img{
		border                : 0px;
	}
	
	ul{
		list-style-type       : square;
	}
	ul,
	ol{
		margin                : 0px;
		margin-left           : 1.2em;
		padding               : 0px;
		color                 : #9c5f07;
	}
	ul li div,
	ol li div{
		color                 : black;
		margin                : 0px;
	}
	
	td,th{
		vertical-align        : top;
	}
	
	caption{
		text-align            : left;
	}
	
	.container{
		margin                : 2em auto;
		padding               : 1em 4em;
		width                 : 56em;
		text-align            : center;
	}
	html>body .container{
		width                 : 48em;
	}
	
	
  /*--(( opmaak hulpklassen ))--*/
  
	.randloos{
		margin                : 0px;
		padding               : 0px;
	}
	
	.zweef-rechts{
		float                 : right;
	}
	
	.zweef-links{
		float                 : left;
	}

	.plaatje{
		float                 : left;
		margin-right          : 1em;
	}
	
	.centreer{
		margin                : auto;
		text-align            : center;
	}
	

  /*--(( kop ))--*/
	
	#kop{
		border-bottom         : 1px solid white;
	}
	
	#kop div.centreer{
		margin                : auto;
		text-align            : center;
	}
	
	#kop h1{
	/*	color                 : #fccf67;*/
		color                 : #ffdd99;
		
		text-align            : center;
		margin                : 0;
		padding               : 0;
		
		font-family           : Impact, sans-serif;
		font-size             : 240%;
		
		letter-spacing        : 1em;
		margin-left           : 1em; /* correctie op letterspatiëring */
	}
	
	#kop img.logo{}
	


  /*--(( menu ))--*/
  
	#menu{
		margin-top            : 0px;
		margin-bottom         : 3em;
	}
	
	#menu ul{
		margin                : 0px;
		padding               : 0px;
		text-align            : center;
	}
	#menu ul li{
		float                 : left;
		display               : inline;
		width                 : 20%;
		
		margin                : 0px;
		padding               : 0px;
		
		color                 : white;
		font-weight           : bold;
		letter-spacing        : 0.3em;
	}
 
	#menu ul li a{
		color                 : white;
		padding               : 0em 1em;
		margin                : 0px;
		text-decoration       : none;
		display               : block;
	}
	#menu ul li a:hover{
		color                 : #dcaf67;
		background-color      : white;
	}
 	
	
	
	
	
	
	#lichaam{
		text-align            : left;
		clear                 : both;
	}
	
	#lichaam h1{
		font-size             : 160%;
		margin-top            : 0.4em;
		margin-bottom         : 0px;
		line-height           : 1.8em;
		color                 : #9c5f07;
	}
	
	#lichaam h2{
		font-size             : 140%;
		margin                : 0px;
		line-height           : 1.8em;
		color                 : #9c5f07;
	}

	#lichaam h3{
		font-size             : 120%;
		margin                : 0px;
		line-height           : 1.6em;
		color                 : #9c5f07;
	}
	
	#lichaam .paragraaf,
	#lichaam .bericht{
		margin-bottom         : 1.8em;
	}
	
	#lichaam .paragraaf div,
	#lichaam .bericht div{
		margin-bottom         : 1.8em;
	}
	
	#lichaam .paragraaf div p,
	#lichaam .bericht div p{
		margin                : 0px;
	}
	#lichaam .paragraaf div p+p,
	#lichaam .bericht div p+p{
		text-indent           : 1em;
	}
	
	#lichaam .paragraaf div ul div,
	#lichaam .paragraaf div ol div,
	#lichaam .bericht div ul div,
	#lichaam .bericht div ol div{
		margin                : 0px;
	}
	
	#lichaam .paragraaf blockquote *,
	#lichaam .bericht blockquote *{
		color                 : #6c3f07;
	}
	
	
	#lichaam .bericht .schrijver{
		color                 : #9c5f07;
	}
	
	#lichaam .paragraaf .vraag{
		margin-bottom         : 0.4em;
		color                 : #7c3f07;
		font-style            : italic;
	}
	#lichaam .paragraaf .vraag em{
		font-style            : normal;
	}
	#lichaam .paragraaf .antwoord{}



	
  /*--(( linkerkolom ))--*/

	#linkerkolom{
		width                 : 13em;
		float                 : left;
		text-align            : left;
		padding               : 0.5em;
	}
	html>body #linkerkolom{
		width                 : 12em;
	}
	
	#linkerkolom h2{
		color                 : #9c5f07;
		font-size             : 140%;
		margin                : 0px 0px 0.4em 0px;
		line-height           : 1.2em;		
		border-bottom         : 1px solid #9c5f07;
	}
	
	#linkerkolom h3{
		margin                : 0px;
		font-size             : 1em;
		color                 : black;
	}
	
	#linkerkolom .module{
		margin-bottom         : 2.4em;
	}
	
	#linkerkolom ul{
		margin-bottom         : 0.6em;
	}
	
	#linkerkolom li{
	}





  /*--(( babbeldoos ))--*/
  
	#babbeldoos{}
		
	#babbeldoos p{
		margin                : 0px;
	}
	
	#babbeldoos .bericht{
		margin-bottom         : 0px;
	}
	
	#babbeldoos .tekstblok{
		margin                : 0px 0px 8px 0px;
		padding               : 8px 1px;
	}
	
	#babbeldoos .tekstblok div *{
		display               : inline;
	}
	
	#babbeldoos .actie{
		color                 : #6c3f07;
	}
	
	#babbeldoos .naam{
		font-weight           : 300;
		color                 : #9c5f07;
	}
	
	#babbeldoos .invoerblok{
		border-top            : 1px solid #9c5f07;
		margin-top            : 0.8em;
		padding-top           : 0.8em;
	}
	
	.veld,
	/*#babbeldoos*/ .invoer{
		font-size             : 1em;
		
		width                 : 95%;
		margin-bottom         : 0.4em;
		padding               : 0.1em 0.2em;
		height                : 1.4em;
		
		color                 : #9c5f07;
		background-color      : #ffdd99;
		border-width          : 0px 0px 0px 0px;
		border-style          : solid;
		border-color          : #9c5f07;
	}
	textarea.veld{
		height                : auto;
	}

	/*#babbeldoos*/ .knop{
		width                 : 95%;
		padding               : 1px 4px;
		
		color                 : #ffdd99;
		background-color      : #ac7f27;
		border-width          : 0px 0px 0px 0px;
		border-style          : solid;
		border-color          : #ac7f27;
		
		font-weight           : bold;
		height                : 1.8em;
	}



  /*--(( babbellog ))--*/
  
  /***
	  babbellog is aan de ene kant een afgeleide van
	  babbeldoos, maar ziet er aan de andere kant uit
	  als commentaar
  ***/

	#babbellog{
		text-align            : left;
		margin                : 0px;
		padding               : 0px;
		
		background-color      : #DEB470;
	}
	
	#babbellog h1{
		font-size             : 1.4em;
		letter-spacing        : 0.2em;
		color                 : white;
		background-color      : #AC7F27; /*#c97f08;*/
		margin                : 0px;
		padding               : 2em 1em 0.2em 1em;
	}
	#babbellog h1 .datum{
		color                 : #FFDD99;
		font-size             : 0.9em;
	}

	#babbellog .invoerblok{
		padding               : 1em 0.5em;
		margin                : 0px;
		background-color      : #AC7F27;
	}
	#babbellog .invoerblok .invoer{
		font                  : inherit;
		width                 : 98%;
		margin-bottom         : 0.4em;
		padding               : 0.1em 0.2em;
		height                : 1.4em;
		
		color                 : #FFDD99;
		background-color      : #BB8C36; /*#ffdd99;*/
		border-width          : 0px 0px 0px 0px;
		border-style          : solid;
		border-color          : #9c5f07;
	}
	#babbellog .invoerblok textarea.invoer{
		font                  : inherit;
		height                : 12em;
	}
	
	#babbellog .knop{
		width                 : 100%;
		padding               : 1px 4px;
		
		color                 : #FFDD99;
		background-color      : #A1741C;
		border-width          : 0px 0px 0px 0px;
		border-style          : solid;
		border-color          : #ac7f27;
		
		font-weight           : bold;
		height                : 1.8em;
	}

	#babbellog .berichten{
		padding               : 0.6em 0;
	}
	#babbellog .berichten .bericht{
		margin                : 0px 0.5em 0px 2.3em;
	}
	#babbellog .berichten .bericht *{
		display               : inline;
	}
	#babbellog .berichten .bericht .naam{
		margin-left           : -1em;
		font-weight           : 300;
		color                 : #9c5f07;
	}
	#babbellog .berichten .actie{
		color                 : #6c3f07;
	}



	
  /*--(( inhoud ))--*/
	
	#inhoud{
		margin                : 1em 1em 4em 14em;
	/*	text-align            : left;*/
	}

/*
	#inhoud h1{
		font-size             : 160%;
		margin-top            : 0.4em;
		margin-bottom         : 0px;
		line-height           : 1.8em;
		color                 : #9c5f07;
	}
	
	#inhoud h2{
		font-size             : 140%;
		margin                : 0px;
		line-height           : 1.8em;
		color                 : #9c5f07;
	}

	#inhoud h3{
		font-size             : 120%;
		margin                : 0px;
		line-height           : 1.6em;
		color                 : #9c5f07;
	}
*/

	#inhoud caption{
		font-size             : 140%;
		font-weight           : bold;
		margin                : 0px;
		padding               : 0px;
	/*	line-height           : 1.8em;*/
		color                 : #9c5f07;
		border-bottom         : 1px solid #9c5f07;
	}
	
	#inhoud .datum{
		color                 : #9c5f07;
	}
	
	#inhoud .tijd{
		font-size             : 90%;
		font-weight           : normal;
		color                 : #ac7f27;
	}

/*
	#inhoud .paragraaf,
	#inhoud .bericht{
		margin-bottom         : 1.8em;
	}
	
	#inhoud .paragraaf div,
	#inhoud .bericht div{
		margin-bottom         : 1.8em;
	}
	
	#inhoud .paragraaf div p,
	#inhoud .bericht div p{
		margin                : 0px;
	}
	#inhoud .paragraaf div p+p,
	#inhoud .bericht div p+p{
		text-indent           : 1em;
	}
	
	#inhoud .paragraaf div ul div,
	#inhoud .paragraaf div ol div,
	#inhoud .bericht div ul div,
	#inhoud .bericht div ol div{
		margin                : 0px;
	}
	
	#inhoud .paragraaf blockquote *,
	#inhoud .bericht blockquote *{
		color                 : #6c3f07;
	}
	
	
	#inhoud .bericht .schrijver{
		color                 : #9c5f07;
	}
	
	#inhoud .paragraaf .vraag{
		margin-bottom         : 0.4em;
		color                 : #7c3f07;
		font-style            : italic;
	}
	#inhoud .paragraaf .vraag em{
		font-style            : normal;
	}
	#inhoud .paragraaf .antwoord{}
*/

	#inhoud .volledige-breedte{
		width                 : 32em;
	}
	
	#inhoud .kolom-derde{
		width                 : 33%;
	}
	#inhoud .kolom-kwart{
		width                 : 25%;
	}
	
	
	
  /*--(( voet ))--*/
	
	#voet{
		text-align            : right;
	}
	
	
	
	
	
	
	#commentaar{
		text-align            : left;
		margin                : 0px;
		padding               : 0px;
		
		background-color      : #DEB470;
	}
	
	#commentaar h1{
		font-size             : 1.4em;
		letter-spacing        : 0.2em;
		color                 : white;
		background-color      : #AC7F27; /*#c97f08;*/
	/*	border-bottom         : 1px solid white;*/
		margin                : 0px;
		padding               : 2em 1em 0.2em 1em;
	}
	#commentaar h1 .datum{
		color                 : #FFDD99;
		font-size             : 0.9em;
	}

	#commentaar .invoerblok{
		padding               : 1em 0.5em;
		background-color      : #AC7F27;
	}

	#commentaar .invoerblok .invoer{
		font                  : inherit;
		width                 : 98%;
		margin-bottom         : 0.4em;
		padding               : 0.1em 0.2em;
		height                : 1.4em;
		
		color                 : #FFDD99;
		background-color      : #BB8C36; /*#ffdd99;*/
		border-width          : 0px 0px 0px 0px;
		border-style          : solid;
		border-color          : #9c5f07;
	}
	
	#commentaar .invoerblok textarea.invoer{
		font                  : inherit;
		height                : 12em;
	}
	
	#commentaar .knop{
		width                 : 100%;
		padding               : 1px 4px;
		
		color                 : #FFDD99;
		background-color      : #A1741C;
		border-width          : 0px 0px 0px 0px;
		border-style          : solid;
		border-color          : #ac7f27;
		
		font-weight           : bold;
		height                : 1.8em;
	}
	
	#commentaar .berichten{
	/*	
		height                : 280px;
		width                 : 400px;
		overflow              : scroll;
	*/
	}
	#commentaar .berichten .bericht{
		padding-top           : 1em;
	}
	
	#commentaar .berichten .bericht div{
		padding               : 0.5em 1em 0.5em 2em;
	}
	#commentaar .berichten .bericht div p{
		margin                : 0;
	}
	#commentaar .berichten .bericht .naam{
		color                 : #BB8C36;
		background-color      : #dcaf67;
		border-bottom         : 1px solid #9c5f07;
		text-align            : right;
	}
	
	#commentaar .berichten .bericht .naam .schrijver{
		color                 : #9C5F07;
	}
	#commentaar .berichten .bericht .naam .datum{
		color                 : #A1741C;
	}
	
	
	
	
	
	
	table.bestellijst{
	/*	margin-top            : 2em;*/
	}
	html>body table.bestellijst{
		margin-top            : 0px;
	}
	table.bestellijst caption{
		color                 : #9c5f07;
		font-size             : 1.4em;
		font-weight           : bold;
		border-bottom         : 1px solid #9c5f07;
	}
	html>body table.bestellijst caption{
	/*	margin-top            : 1.2em;*/
	}
	table.bestellijst th{
		text-align            : center;
		font-weight           : 500;
	}
	table.bestellijst td.maat{
		font-weight           : 600;
	}
	table.bestellijst form{
		margin                : 0px;
		padding               : 0px;
	}
	table.bestellijst input.knop{
		padding               : 0.6em 1em;
		color                 : #7c3f07;
		border                : 1px solid #9C5F07;
		background-color      : #BB8C36;
	}
	html>body table.bestellijst input.knop{
		padding               : 0.6em 2.8em;
	}
	
	
	
	
	
	
	
	
	

	.aftiteling dt{
		color                 : #9c5f07;
	}
	.aftiteling dd{
		margin                : 0px 0px 1.4em 0px;
	}
	
	
	
	
	
	
	#praathuis{}
	#praathuis .gesprekken{
		border-top            : 1px solid #9C5F07;
		margin-bottom         : 1em;
	}
	#praathuis .gesprekken .gesprek{
		border-bottom         : 1px solid #9C5F07;
	}
	#praathuis .gesprekken .gesprek .laatste{
		padding-left          : 3em;
	}
	
	#praathuis .meningen .mening{
		border-bottom         : 1px solid #9C5F07;
		margin-bottom         : .4em;
	}
	#praathuis .meningen .mening .bericht{
		margin                : 0px;
	}
	#praathuis .meningen .mening .meta{
		color                 : #9c5f07;
		padding-left          : 3em;
	}
	
	
	
	#praathuis label{
		background            : #AC7F27;
		color                 : #fd9;
		padding               : .1em 1em;
		margin                : .4em 0px 0px 0px;
	}
	#praathuis .veld{
		border                : 1px solid #ac7f27;
		margin-top            : -5px;
	}
	
	#praathuis h3{
		margin-top            : 2em;
		border-bottom         : 1px solid #9C5F07;
	}