body{
	color: black;
	background-color: #D7CDC8;
	
	/*background-attachment: fixed;*/
	font-family: Trebuchet, Trebuchet MS, Helvetica, Tahoma, sans-serif;
	line-height: normal;
	text-align: center;
	font-size: small;
	font: small;
}
	
	a{
		text-decoration       : none;
		color                 : #9c5f07;
	}
	a:visited{
		color                 : #8c4f07;
	}
	
	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{
	background-image: url(videobackground.gif);
	background-position: 50% 10%;
	background-repeat: no-repeat;
	background-color: #e0ddd3;
	width: 800px;
	padding: 80px;
	border: 1px white solid;
	margin-left: auto;
	margin-right: auto;
	}
	
	
  /*--(( opmaak hulpklassen ))--*/
  .logoplacement {
  		padding-bottom: 25px;
  }
  #laurahollickvideo {
  	clear: left;
  	float: left;

  }
  #laurahollicklogo {
  	float: left;
  } 
  #soulartlogo {
  	float: right;
  } 
  #maincontent {
  	clear: both;
	padding-top: 25px;
	color: #8e7667;
	}
  #formbox {
  		padding-left: 505px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 0px;
		}
	#formbox2 {
		float: right;
  		width: 300px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		padding-top: 0px;
		background-color: #f2f2f2;
		}
	#signupform {
 		text-align: left;
 		}
	#credits {
		text-align: center;
		font-size: 90%;
		padding-top: 15px;
		color: #efefef;
		}
	.entersite {
		text-align: center;
		font-size: 125%;
		color: #8e7667;
		}
	.entersite a {
		color: #DF4E77;
	}
		
	.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;
	}
 	
	
	
  /*--(( linkerkolom ))--*/

	#linkerkolom{
		width                 : 12em;
		float                 : left;
		text-align            : left;
		padding               : 0.5em;
	}
	
	#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;
	}
	
	#linkerkolom .module{
		margin-bottom         : 2.4em;
	}
	
	#linkerkolom ul{
		margin-bottom         : 0.6em;
	}
	
	#linkerkolom li{
	}





  /*--(( babbeldoos ))--*/
  
	#babbeldoos{}
	
	#babbeldoos p{
		margin                : 0px;
	}
	
	#babbeldoos .tekstblok{
		margin                : 0px 0px 8px 0px;
		padding               : 8px 1px;
	}
	
	#babbeldoos .tekstblok div *{
		display               : inline;
	}
	
	#babbeldoos .naam{
		font-weight           : 300;
		color                 : #9c5f07;
	}
	
	#babbeldoos .invoerblok{
		border-top            : 1px solid #9c5f07;
		margin-top            : 0.8em;
		padding-top           : 0.8em;
	}
	
	#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;
	}

	#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;
	}



	
  /*--(( 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;
	}
	
	b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(/images/rcd.gif);
    background-repeat: no-repeat}
	b.btop b{background-position: 100% -10px}
	b.bbot{background-position: 0 -20px}
	b.bbot b{background-position: 100% -30px}