/*
 ##################
 ### DEMO DIV's ###
 ##################
*/

html, body 		    { padding: 0; margin: 0; color:#444444; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
body 						  { height: 100%;  background-color: #DBE1E3; background-image: url("images/body_bg.jpg"); background-repeat: repeat-x; }

div.page_body     { text-align:left; width: 779px; margin-right:auto; margin-left:auto; background-color: #FFF; border-top: 2px solid #515254;}

div.header 			  { width: 779px; height: 85px; background-color: #FFF; }
div.header-logo   { width: 122px; float:left; margin: 2px 0px 0px 5px; }
div.header-text		{ float:left; text-align: left; valign: middle; color:red; margin-top:48px; font-weight: bold; }

div.menu 				  { height: 16; padding: 6px; color: #FFF; text-decoration:none; font-weight: bold;
									  background-image: url("images/menu.jpg"); background-repeat: repeat-x; }

div.main 	        { margin-top: 20px; background-color: #FFF; }
div.main_left 	  { float: left; width: 550px; background-color:#FFF; padding:0px 15px; border-right:1px solid #35AA35;}
div.main_right 	  { float: left; width: 178px; background-color:#FFF; padding:10px 5px 0px 15px; line-height:150%;}
.clear 						{ clear:both; }

div.spacer			  { height: 20; width: 779px; background-color:#FFF; }
div.footer 			  { height: 16; padding: 6px; width: 767px; color: #FFF; float: left; background-color: #FFF;
										background-image: url("images/menu.jpg"); background-repeat: repeat-x;  }

img 						  { margin:0px; }
h1, h2, h3			  { font-family:Verdana,Arial,Serif; font-weight:normal; line-height:1.4em; margin:0; padding:0; }
h1    					  { font-size:20px; }
h2    					  { font-size:18px; }
a:link, a:visited { color:#5CB55B; text-decoration:none; } 
p  								{ line-height:180%; }

.menu a:link,
.menu a:visited   { color:#FFF; text-decoration:none; } 
.footer a:link,
.footer a:visited { color:#FFF; text-decoration:none; }
 
#persoon label    { float: left; margin: 0 0 8px 4 px; width: 150px; }
#persoon input    { width: 150px; }
#persoon select   { margin: 0 12px 6px 150px; }
#persoon          { float: left; margin: 0 0 9px 9px; width: 325px; }
#soort            { float: left; margin: 0 0 9px 9px; width: 100px; }
#reactie          { float: left; margin: 0 0 9px 9px; width: 450px; }
#klaar            { float: left; margin: 0 0 9px 9px; width: 150px; }
textarea,
#persoon input    { background: #ffe; }
#klaar input      { width: 100px; }