@charset "utf-8";
/* CSS Document */

body{background: url(../images/bg.gif) repeat-x #3384b2;}

/********** 
 CONTAINER
**********/
#container{ width: 984px; background: url(../images/container_bg.png) repeat-y; margin-left: auto; margin-right: auto; font-family: Helvetica, Arial, sans-serif;}
#container_footer{ width: 984px; height: 5px; background: url(../images/container_footer_bg.png) no-repeat; margin-left: auto; margin-right: auto;}

/**********
  HEADER
**********/
#container #header{ height: 80px; width: 976px; margin-left: 4px;}
#container #header #logo{ float: left; }
#container #header #logo a img{ border: none;}
#container #header #menu{ float: left; margin-left: 180px;}

/**********
 MENU ITEMS
**********/
#container #header #menu a { display: -moz-inline-box; display: inline-block; height: 60px; text-decoration: none; color: #006699; padding: 23px 12px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;}
#container #header #menu a.home:hover{color: #ffffff; background: url(../images/home_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.home_active{color: #ffffff; background: url(../images/home_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.over:hover{color: #ffffff; background: url(../images/over_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.over_active{color: #ffffff; background: url(../images/over_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.nieuws:hover{color: #ffffff; background: url(../images/nieuws_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.nieuws_active{color: #ffffff; background: url(../images/nieuws_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.geovisia:hover{color: #ffffff; background: url(../images/geovisia_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.geovisia_active{color: #ffffff; background: url(../images/geovisia_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.referenties:hover{color: #ffffff; background: url(../images/referenties_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.referenties_active{color: #ffffff; background: url(../images/referenties_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.contact:hover{color: #ffffff; background: url(../images/contact_bg.gif) no-repeat; font-style: italic; font-weight: bold;}
#container #header #menu a.contact_active{color: #ffffff; background: url(../images/contact_bg.gif) no-repeat; font-style: italic; font-weight: bold;}

/**********
  CONTENT
**********/
#container #content{ width: 976px; margin: 5px 0 0 4px; font-size: 12px; color: #000000;}
#container #content h1{ color: #006699; font-size: 15px;}
#container #content h2{ color: #006699; font-size: 13px;}
#container #content h3{ color: #006699; font-size: 11px;}
#container #content div.box{ float: left; width: 287px; height: 212px; background: url(../images/box_bg.gif) no-repeat; margin-left: 13px; padding: 10px 10px; line-height: 20px;}
#container #content div.box p.info{ text-align: right;}
#container #content div.box p.info a.meer_info{ text-decoration: none; color: #666666;}
#container #content div.product_box{ float: left; width: 287px; height: 212px; background: url(../images/product_box.gif) no-repeat; margin-left: 13px; padding: 10px 10px;}
#container #content div.product_box a img{ border: none;}
#container #content div.box ul{ list-style: none; margin: 0; padding: 0;}
#container #content div.box li{ background: url(../images/pijl.gif) no-repeat left; padding-left: 25px;}
#container #content div.box li a{ text-decoration: none; color: #666666; font-size: 12px;}
#container #content div.box li a:hover{ color: #006699; font-weight: bold; font-style: italic;}

#container #content #submenu{ float: left; width: 173px; height: 399px; background: url(../images/sub_menu_bg.gif) no-repeat; margin-left: 13px; padding-top: 20px;}
#container #content #submenu ul{ margin: 0; padding: 0 0 0 5px; list-style: none;}
#container #content #submenu ul li{ padding-bottom: 10px;}
#container #content #submenu ul li a{ text-decoration: none; color: #666666; font-size: 12px;}
#container #content #submenu ul li a:hover{ color: #006699; font-weight: bold; font-style: italic;}
#container #content #submenu ul li a.submenu_active{ color: #006699; font-weight: bold; font-style: italic;}
#container #content #submenu ul.sub{ margin: 0; padding: 5px 0 0 20px; list-style: none;}
#container #content #submenu ul.sub li{ padding-bottom: 10px;}
#container #content #submenu ul.sub li a{ text-decoration: none; color: #666666; font-size: 10px;}
#container #content #submenu ul.sub li a:hover{ color: #339900; font-weight: bold; font-style: italic; background: url(../images/sub_sub_menu_bg.gif) no-repeat left; padding-left: 10px;}
#container #content #submenu ul.sub li a.sub_active{ color: #339900; font-weight: bold; font-style: italic; background: url(../images/sub_sub_menu_bg.gif) no-repeat left; padding-left: 10px;}

#container #content #submenu ul.sub li.field{ padding-bottom: 10px;}
#container #content #submenu ul.sub li.field a{ text-decoration: none; color: #666666; font-size: 10px;}
#container #content #submenu ul.sub li.field a:hover{ color: #339900; font-weight: bold; font-style: italic; background: url(../images/sub_sub_menu_bg.gif) no-repeat left; padding-left: 10px;}
#container #content #submenu ul.sub li.field a.sub_active{ color: #339900; font-weight: bold; font-style: italic; background: url(../images/sub_sub_menu_bg.gif) no-repeat left; padding-left: 10px;}

#container #content #submenu ul.sub li.office{ padding-bottom: 10px;}
#container #content #submenu ul.sub li.office a{ text-decoration: none; color: #666666; font-size: 10px;}
#container #content #submenu ul.sub li.office a:hover{ color: #FF9900; font-weight: bold; font-style: italic; background: url(../images/sub_sub_office_menu_bg.gif) no-repeat left; padding-left: 10px;}
#container #content #submenu ul.sub li.office a.sub_active{ color: #FF9900; font-weight: bold; font-style: italic; background: url(../images/sub_sub_office_menu_bg.gif) no-repeat left; padding-left: 10px;}

#container #content #submenu ul.sub li.online{ padding-bottom: 10px;}
#container #content #submenu ul.sub li.online a{ text-decoration: none; color: #666666; font-size: 10px;}
#container #content #submenu ul.sub li.online a:hover{ color: #FF3333; font-weight: bold; font-style: italic; background: url(../images/sub_sub_online_menu_bg.gif) no-repeat left; padding-left: 10px;}
#container #content #submenu ul.sub li.online a.sub_active{ color: #FF3333; font-weight: bold; font-style: italic; background: url(../images/sub_sub_online_menu_bg.gif) no-repeat left; padding-left: 10px;}

#container #content #submenu ul.sub_func{ margin: 0; padding: 5px 0 0 20px; list-style: none;}
#container #content #submenu ul.sub_func li{ padding-bottom: 10px;}
#container #content #submenu ul.sub_func li a{ text-decoration: none; color: #666666; font-size: 10px;}
#container #content #submenu ul.sub_func li a:hover{ color: #006699; font-weight: bold; font-style: italic; background: url(../images/sub_sub_func_menu_bg.gif) no-repeat left; padding-left: 10px;}
#container #content #submenu ul.sub_func li a.sub_active{ color: #006699; font-weight: bold; font-style: italic; background: url(../images/sub_sub_func_menu_bg.gif) no-repeat left; padding-left: 10px;}

#container #content #banner{ float: left; width: 754px; height: 85px; margin-left: 10px;}

#container #content #tekst{ float: left; width: 730px; 
line-height: 20px; margin: 10px 0 0 30px;
}
#container #content #tekst h1{ font-size: 14px; color: #006699; margin-bottom: 3px;}
#container #content #tekst h2{ font-size: 12px; margin-bottom: 3px; }
#container #content #tekst img{ padding: 5px;}
#container #content #tekst table{ border:none;}
#container #content #tekst table th{ text-align: left;}
#container #content #tekst span.brochure{ font-style: italic;}
#container #content #tekst span.datum{ font-size: 10px; color: #006699;}

#container #content #geovisia_actie{ float: left; width: 350px; margin: 10px 0 0 20px;}
#container #content #geovisia_field_text{ float: left; width: 325px; background: url(../images/geovisia_text_bg.gif) no-repeat; margin: 10px 0 0 10px; padding: 20px 30px 0 30px; line-height: 20px;}
#container #content #geovisia_office_text{ float: left; width: 325px; background: url(../images/geovisia_office_text_bg.gif) no-repeat; margin: 10px 0 0 10px; padding: 20px 30px 0 30px; line-height: 20px;}
#container #content #geovisia_online_text{ float: left; width: 325px; background: url(../images/geovisia_online_text_bg.gif) no-repeat; margin: 10px 0 0 10px; padding: 20px 30px 0 30px; line-height: 20px;}
#container #content #geovisia_text h1{ color: #339900; margin-bottom: 5px;}
#container #content #geovisia_product{ margin-left: 193px;}

#container #content #bijzonderheden{ float: left; width: 270px; margin: 15px 0 0 10px; padding: 0 15px; font-style: italic; font-size: 12px; color: #006699; background: url(../images/kader.gif) repeat-y left; }
#container #content #bijzonderheden a img{ border:none;}
#container #content #bijzonderheden span.quote{font-size: 18px;}
#container #content #bijzonderheden div.img{ padding: 15px 0 0 10px; font-size: 10px;}
#container #content #clearer{ clear:both;}

/**********
  FOOTER
**********/
#container #footer{ width: 936px; margin: 5px 0 0 4px; text-align: center; color: #006699; font-size: 11px; padding: 0 20px;}
#container #footer hr{ color: #cccccc; background: #cccccc; border: 0; height: 1px;}
#container #footer p{ color: #cccccc; font-size: 12px;}
#container #footer a{ text-decoration: none; color: #76B5D6; font-weight: bold;}


/**********
 ALGEMEEN
**********/
.clearer{ clear: both;} 
span.strong{ font-weight: bold;}

.photo
	{	
	border:1px solid silver;	
	padding:5px;	
      	}