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

.clear								{ clear:both;}
html, body							{ background-color:#606163; }
#page								{ margin: 0 auto; width: 900px;  
									  background-image:url(../pics/bg_middle.gif); background-repeat:repeat-y;}

/* header 
-------------------------------------------------------------- */
#header								{ height: 265px; position: relative;background-repeat:no-repeat;}

#logo								{ position: absolute; left: 60px; bottom: 10px;}

#topnav								{ position: absolute; width: 500px; right:26px; top: 0px; font-size:10px; text-align:right; color:#b5b5b5; }
#topnav a							{ color:#b5b5b5; text-transform:uppercase; text-decoration:none;}

/*menu
-------------------------------------------------------------- */
#nav								{ position: absolute; height: 37px; width: 597px; left: 277px;bottom: 40px;}
#nav ul								{ list-style-type: none;}
#nav li 							{ float: left; text-align: center; height: 36px; line-height:36px}

.menu, .menu_selected				{ color:#666; font-size:12px; text-decoration: none;display:block; text-transform:uppercase}
.menu:hover, .menu_selected, 
.menu_selected:hover				{ color: #4488c3;}



/* content 
-------------------------------------------------------------- */
#wrapper							{ margin: 0; background-image:url(../pics/bg_content.gif); background-repeat:repeat-y;}
	
#content							{ float: left; width: 580px; margin-left: 70px; display: inline;} 

#content_blok						{ border: 1px dashed #000; border-width: 1px 0; padding:10px 0;} 
#content_text						{ padding: 0 0px; min-height: 414px;height:auto !important;height: 414px; }
#content_text ul					{ padding-left: 30px;}
									  
h1 									{ font-weight:bold; font-size: 12px; color:#E20025; text-transform:uppercase;height:21px; }

#sidebar							{ float: left; width:209px;margin-left: 15px;padding-top:21px; background-color:#FFF;}
.banner								{ float:left; background-color:#fff; border-bottom: 1px dashed #4488c3;}
#animatie							{ border: 1px solid #eee;margin-bottom:15px;}


/* footer 
-------------------------------------------------------------- */
#footer								{ width:900px; height:104px; background-image:url(../pics/bg_bottom.gif); background-repeat:no-repeat; position:relative;}
#logo_heesch						{ position: absolute; left: 62px; }
#bottomnav							{ position: absolute; width: 500px; right:26px; bottom: 0px; font-size:10px; text-align:right; color:#b5b5b5; }
#bottomnav a						{ color:#b5b5b5; text-transform:uppercase; text-decoration:none;}

.adresregel							{ color: #666; text-transform:uppercase; font-size:10px}
.adresregel a						{ color: #666; }

#adresbottom						{ position: absolute; top:19px; left: 200px;}


/* 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;}