/* CSS © Willem Mulder */

body
 { background: #E6CFB9; margin: 0; padding: 0; font: 11px verdana,arial,tahoma,helvetica; }
body 
 { behavior:url("csshoverie.htc"); }
body
 { max-width:700px;
   width:expression(document.body.clientWidth > 700? "700px": "auto" ); }

h2 { margin: 0; padding: 0; font: 11px verdana,arial,tahoma,helvetica; }

	.titelbalk_verpakking
 	 { position: absolute; left: 0px; top: 0px; width: 100%; height: 120px; 
   	 background: #FFF url('../afbeeldingen/titelbalk_achtergrond.png') repeat-x; }

		.titelbalk
		  { position: absolute; left: 50%; margin-left: -350px; width: 700px; top: 0px; height: 120px;
      	      	    background: #FFF url('../afbeeldingen/titelbalk_logo.jpg') no-repeat; }
 
	.navigatie_verpakking
 	 { position: absolute; left: 0px; top: 110px; width: 100%; height: 25px; overflow: show; 
  	   border-top: solid 2px #fff; background: #E6CFB9; } 

	.navigatie
	 { position: absolute; left: 50%; margin-left: -350px; width: 696px; top: 110px; height: 100px;
           background: #BB8044; z-index: 20; border-left: solid 2px #fff; border-right: solid 2px #fff; }

			.navigatie a, navigatie a:visited { text-decoration: none; color: #fff; }
			.navigatie a:hover { text-decoration: none; color: #fff; }

			.navigatie .tab
			  {  background: #BB8044; border-top: solid 2px #BB8044; float: left; padding-right: 10px; padding-left: 10px; padding-top: 3px; height: 20px; color: #fff; font: 14px arial,tahoma;  font-weight:bold; }

			.navigatie .tab:hover
			  { background: #A7723D; border-top: solid 2px #A7723D;  }

				.navigatie .tab .pijltje
			  	{ background: url("../afbeeldingen/pijltje.png") no-repeat; width: 10px; height: 10px; position: relative; left: -12px; margin-top: -11px; }

				.navigatie .tab:hover .pijltje
		  		{ display: block; }

			.navigatie .tab .uitklap
		  	{ display: none; position: absolute; z-index: 15; margin-top: 5px; margin-left: -20px; margin-right: -10px; padding-top: 5px; padding-bottom: 10px; border-bottom: solid 2px #fff; }

			.navigatie .tab:hover .uitklap
		  	{ display: block; background: #A7723D;}

				.navigatie .tab:hover .uitklap .opvul
		 		 { height: 0px; overflow: hidden; padding-left: 15px; padding-right: 15px; }

				.navigatie .tab:hover .uitklap .ondertab
		 		 { padding-left: 15px; padding-right: 15px; height: 15px; }

				.navigatie .tab:hover .uitklap .ondertab:hover
		 		 { background: #885C31; }

	.inhoud_verpakking
	  { position: absolute; left: 50%; margin-left: -350px; width: 696px; top: 195px; min-height: 200px;
 	    background: #F2E6DB;
 	    border-left: solid 2px #fff; border-right: solid 2px #fff; border-bottom: solid 2px #fff;}
		
		.inhoud
		  { margin-left: 25px; margin-right: 25px; margin-top: 40px; margin-bottom: 15px; }

			.inhoud a, inhoud a:visited 
 		  	  { target-new: tab ! important; text-decoration: none; color: #000; border-bottom: 1px solid #fff; }

			.inhoud .titel, h1
		  	  { float: right; text-align: right; width: 670px; margin-right: 30px; font: bold 14px verdana,arial,tahoma,helvetica; margin-bottom: 5px;}
			* html .inhoud .titel, h1 { width: 550px; }

			.inhoud .wegwijzer
			  { float: right; text-align: right; width: 670px; margin-right: 30px;  margin-bottom: 25px; font: 10px verdana,arial,tahoma,helvetica; }
			* html .inhoud .wegwijzer { width: 550px; }
			  
	.onderkant 
	  { margin-top: 25px; padding: 10px; color: #E6CFB9; }

.plaatje
  { float: left; margin: 10px; padding: 10px; align: left; border: solid 1px #ffaaaa; }
.plaatjerechts
  { float: right; margin: 10px; padding: 10px; align: left; border: solid 1px #ffaaaa; }
.plaatje img
  { float: left; text-align: left; } 
.tussentitel
  {
    clear:both;
	cursor: pointer;
	background-color: #E6CFB9;
	font-size: 11px;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding: 1px 8px 2px 8px;
	border-top: 1px solid #999999;
	margin: 25px 0 25px 0;
  }