/* -------------------------------------------------------------- 
  LAYOUT
  
  blauw: #4488c3
  rood: #E20025
-------------------------------------------------------------- */

.clear								{ clear:both;}
body								{ background-image:url(../pics/bg_body.gif); background-repeat:repeat-x; background-color:#fff;}
#page								{ margin: 0 auto; width: 1000px; position: relative; z-index:1;}


/* header 
-------------------------------------------------------------- */
#header								{ height: 148px; position: relative; background-image:url(../pics/bg_header.gif)}
#logo								{ position: absolute; right: 65px; bottom: 55px;}
#getthehat							{ position: absolute; left: 255px; top: 0px;}

/*menu
-------------------------------------------------------------- */
#top_menu 							{ position:absolute; bottom:20px; left:265px; }
#top_menu li						{ position: relative; display: inline; float: left; width: 80px; /*Width of top level menu link items*/
									  height:23px; border-right: 1px solid #ccc; }
#top_menu ul li a					{ font-weight:bold; font-style:italic; display: block; text-decoration: none; padding:2px 0 2px 10px ; color:#ccc;}
#top_menu ul li a:hover				{ color:#09F;}
#top_menu ul li ul					{ left: 0; top: 1px; position: absolute; display: block; visibility: hidden; z-index: 100;}
#top_menu ul li ul li 				{ height:auto; }
#top_menu ul li ul li a				{ width: 150px; padding: 5px; background-color: #DDD; color: #666; }
#top_menu ul li ul li a:hover		{ font-weight:bold;}

* html #top_menu ul li 				{ float: left; height: 1%; } /* Holly Hack for IE */
* html #top_menu ul li a 			{ height: 1%; } /* Holly Hack for IE */


/* content 
-------------------------------------------------------------- */
#wrapper							{ margin: 0; background-image:url(../pics/bg_content.gif); background-repeat:no-repeat;}
	
#productbar							{ float: left; width: 150px; margin-left: 60px; display:inline;}
#productbar img						{ margin: 14px 25px 13px;}
#productbar a						{ background-color:#FFF; display:block; margin-bottom:5px;}

#content							{ float: left; width: 470px; margin-left: 55px;} 
#content p							{ margin-bottom: 1.5em;}
#content ul							{ margin-left: 1.5em; margin-top:-1.5em; margin-bottom: 1.5em;}
#sidebar							{ float: left; width: 150px; margin-left: 55px;}
#footer								{ width:880px; margin-left: 60px; border-top: 1px solid #000; position:relative; padding-top: 3px; margin-top: 20px;}

#nwsbrf								{ margin-top: 10px;}				
#nwsbrf a							{ display:block; text-decoration:none;}
#nwsbrf a:hover						{ color: #ccc;}
#nwsbrf h3							{ }
.nwsbrf_titel						{ font-weight: bold; font-size: 18px; color:#FFF; font-style:italic;line-height:26px; color:#09f; }

.hr									{height: 1px;width:100%;border:0px; background-color:#000; margin: 5px 0; font-size: 0; padding:0}			


.quote_blok							{ background-image:url(../pics/quote.jpg); background-repeat:no-repeat; width: 150px; height: 120px; position:relative; color:#fff; margin-bottom:10px;}
.quote_tekst						{ font-size: 16px; font-weight: bold; font-style:italic; display: block; padding: 8px;}

.clint_table  						{ line-height:14px; width: 470px; margin-top:30px;}
.clint_table th						{ background-color:#000; color: #fff; padding:3px}
.clint_table td						{ padding: 3px; border-collapse:collapse; border-bottom: 1px solid #0099FF; text-align:center; }
.clint_table a						{ color: #0099FF; text-decoration:none;}
.clint_table img					{ border:0;}





/* zoekvenster en resultaat
-------------------------------------------------------------- */
#zoekvenster						{ 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:4px; font-size:11px;}
#zoekbutton 						{ margin-left: 6px; height: 22px; font-size:11px; background-color:#000; border: 1px solid #000; 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;}


/*nieuwsbrief
---------------------------------------------------------------*/
#nieuwsbrief label					{ display: block; width: 100px; float: left; margin-bottom: 5px; padding:1px; text-align: right; padding-right: 20px;}
#nieuwsbrief .input					{ display: block; width: 200px; float: left; margin-bottom: 5px; padding:1px; border: 1px solid #70A392;}
#nieuwsbrief br						{ clear: left;}
#nieuwsbrief .button				{ margin-left: 120px; width:100px; border:1px solid #70A392; background-color:#eee; display:inline; height: 20px;}

/*quote
---------------------------------------------------------------*/
#quotevdd label						{ margin-left: 30px; display:block; margin-bottom: 0px; font-size:20px; color: #4488c3; font-weight:bold; font-style:italic; }
#quotevdd .input					{ color:#ccc; position:absolute;overflow: auto; width: 380px; height: 80px; margin: 10px 0 0 10px; border: 1px solid #fff; font-size:16px; font-style:italic; font-weight:bold;}
#quotevdd .button					{ position: absolute; margin-left: 352px; margin-top: 120px; width:80px; border:1px solid #ccc; background-color:#000; display:inline; height: 20px; color: #fff;}

/* formulier 
-------------------------------------------------------------- */
#formulier label 					{ display: block; width: 100px; float: left; margin-bottom: 5px; padding:1px; text-align: right; padding-right: 20px;}
#formulier .input,
#formulier .box						{ display: block; width: 300px; float: left; margin-bottom: 5px; padding:1px; border: 1px solid #726d83;}
#formulier .box						{ height: 100px;} 
#formulier br						{ clear: left;}
#formulier .button					{ margin-left: 120px; width:100px; border:1px solid #726d83; background-color:#eee; display:inline; height: 20px;}