/* -------------------------------------------------------------- 
  LAYOUT
-------------------------------------------------------------- */

.clear								{ clear:both;}

html, body							{ height:100%; }
#picasso							{ background-color:#CFD8E9;}

#page								{ margin: 0 auto; width: 863px; min-height:100%; position:relative; 
									  background-image:url(../pics/content_bg.gif); background-repeat:repeat-y;}

/* header 
-------------------------------------------------------------- */
#header								{ height: 212px; position: relative; background-color:#eee; background-image:url(../pics/header_bg.gif); background-repeat:no-repeat;}
#logo								{ position: absolute; left: 10px; bottom: 10px;}
#topnav								{ position: absolute; right:0; width: 145px; top: 16px; font-size:10px }
#header_beeld						{ position: absolute; width: 600px; right: 6px; bottom: 12px;}

/* content 
-------------------------------------------------------------- */
#content							{ padding-bottom:16px;position: relative; }
#nav								{ float:left; width: 250px; background-image:url(../pics/menu_kop.gif); background-repeat:no-repeat; position:relative;}
#adres								{ position: absolute; width: 250px; background-image:url(../pics/divider.gif); background-repeat:no-repeat; 
									  background-color:#E35000; bottom:0; height: 150px;}
#adres p							{ margin: 40px 20px; color: #fff;}
#adres a							{color: #fff;}


#inhoud								{ float: left; width: 450px; margin-left: 6px; display: inline; position:relative;
									  background-image:url(../pics/inhoud_kop.gif); background-repeat:no-repeat;}
/*#print							{ position:absolute; right: 20px; top:20px;}
*/
#print								{ float:right; margin:20px;}
#print a							{ color: #e35000;}
#inhoud_tekst						{ margin: 20px;}

#inhoud_tekst table					{border-collapse:collapse;}
#inhoud_tekst td					{border-bottom: 1px solid #000; padding: 2px;}

#banners							{ float: right; width:150px;margin-left: 6px;}
.banner								{ margin-bottom: 6px;}

#zoekvenster						{ float:right; display:inline-block; width:150px; margin-bottom: 6px; height:23px;
									  background-image:url(../pics/zoek_bg.gif); background-repeat:no-repeat;}
#zoekform							{ margin:1px;padding:0;}
#zoekbox 							{ margin-left: 3px; margin-top: 1px;float: left;border: 0px solid #ccc; width: 88px; padding:2px; font-size:11px;}
#zoekbutton 						{ margin-left: 12px; height: 18px; font-size:11px; background-color:#0B3D92; border: 1px solid #0B3D92; color: #fff; width: 40px; }

#result a 							{ display:block;text-decoration:none;padding:2px;}
#result a:hover 					{ display:block;background-color:#fff;}
#result hr	 						{ height: 0;border-bottom: 1px solid #5578b2;}
.zoek_woord 						{ background-color:#5578b2; color:#fff;}


/* footer 
-------------------------------------------------------------- */
#footer								{ position:absolute;bottom:0; width:100%; height:16px; background-image:url(../pics/footer_bg.gif); background-repeat:no-repeat; background-color:#CFD8E9;}

.par_img							{ float: left; margin-right: 10px; border: 1px solid #000;}


/* formulier 
-------------------------------------------------------------- */
#formulier							{ }

#nieuwsbrief label, 
#formulier label 					{ display: block; width: 100px; float: left; margin-bottom: 5px; padding:1px; text-align: right; padding-right: 20px;}

#nieuwsbrief .input, 
#formulier .input,
#formulier .box 					{ display: block; width: 200px; float: left; margin-bottom: 5px; padding:1px; border: 1px solid #70A392;}

#formulier .box						{ height: 100px;} 

#nieuwsbrief br, 
#formulier br						{ clear: left;}

#nieuwsbrief .button, 
#formulier .button					{ margin-left: 120px; width:100px; border:1px solid #70A392; background-color:#eee; display:inline; height: 20px;}
#code_img							{ margin-left: 120px; }