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

body				{ background:#efefef; font-family:arial; font-size:11px; color:#000; line-height:20px; }
html, body 			{ margin:0; padding:0; height:100%; min-height:100%; }

/* ========================================================================= */
/* DIV Opbouw Pagina */
/* ========================================================================= */

#container			{ position:relative; background:url("../images/bg_left.jpg") repeat-y #fff; margin:0 auto; text-align:left; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; width:980px; height:auto !important; height:100%; min-height:100%; }
#container_header	{ height:160px; }
#container_content	{ position:relative; width:980px; min-height:360px; padding:30px 0 30px 120px; }
#content_links		{ float:left; width:580px; margin-right:15px; }
#content_links_2	{ float:left; width:379px; margin-right:15px; }
#content_center		{ float:left; width:235px; margin-right:15px; }
#content_rechts		{ float:left; width:246px; margin-right:16px; }
#content_rechts_2	{ float:left; width:200px; margin-right:16px; }
#content_rechts_3	{ float:left; width:450px; margin-right:16px; }
#container_footer	{ position:absolute; color:#707070; vertical-align:middle; bottom:5px; left:0px; height:20px; width:870px; padding-left:110px; text-align:center; }

/* ========================================================================= */
/* DIV Opmaak Nieuws */
/* ========================================================================= */

.nieuws_box_small	{ width:225px; border-top:#bfbfbf 1px dotted; padding:5px; height:auto; }
.arrow				{ float:left; background:url("../images/arrow.jpg") no-repeat; width:10px; height:14px; padding-right:3px; }
.datum				{ float:left; color:#000000; padding-right:5px; }
.titel				{ color:#bfbfbf; cursor:pointer; height:auto; padding-left:13px; }
.titel_hover		{ color:#000000; cursor:pointer; height:auto; padding-left:13px; }
.meernieuws			{ text-align:right; border-bottom:#bfbfbf 1px dotted; border-top:#bfbfbf 1px dotted; padding-top:5px; padding-bottom:5px; }

.nieuws_box_big		{ width:535px; min-height:30px; background:#ffffff; border-top:#bfbfbf 1px dotted; padding-bottom:10px; padding-top:10px; }
.nieuws_box_big_over{ width:535px; min-height:30px; background:#f1f1f1; border-top:#bfbfbf 1px dotted; cursor:pointer; padding-bottom:10px; padding-top:10px; }
.datum_nieuws_box	{ width:70px; color:#bfbfbf; }
.titel_nieuws_box	{ width:465px; color:#fec202; font-weight:bold; font-size:12px; }
.text_nieuws_box	{ width:465px; color:#000000; }

/* ========================================================================= */
/* DIV Opmaak Contact */
/* ========================================================================= */

#contact_links		{ float:left; width:580px; margin-right:15px; }
#contact_rechts		{ float:left; width:246px; margin-right:16px; }

.box				{ width:280px; height:150px; background:url("../images/box2_bg.jpg") repeat-x #fff; padding-left:10px; padding-right:10px; padding-top:10px; line-height:17px;}
#contact_box		{ width:200px; height:auto; }
#contact_box_2		{ width:450px; height:auto; }
  .titel_contact	{ background:url("../images/box_bg.jpg") repeat-x; width:170px; height:27px; padding-left:7px; padding-top:8px; }
  .box_route		{ background:#f9f9f9; border-bottom:1px solid #acacac; border-left:1px solid #acacac; border-right:1px solid #acacac; }
  
  .button_plannen	{ background:url("../images/button_route.jpg") no-repeat; height:23px; width:122px; }
  
  .titel_contact_big{ background:url("../images/box_bg.jpg") repeat-x; width:404px; height:35px; padding-left:7px; padding-top:8px; }
  .content_contact	{ background:#f7f7f7; font-family:arial; font-size:11px; color:#000; padding:7px; line-height:17px; }
  
/* ========================================================================= */
/* DIV Opmaak Portfolio */
/* ========================================================================= */

#portfolio_box		{ background:url('../images/portfolio_box_bg.jpg') no-repeat; width:545px; height:120px; padding:15px 15px 15px 15px; margin-bottom:20px; }
 A.portfolio		{ text-decoration:none; color:#000; }
 A.portfolio:hover	{ text-decoration:none; color:#c39500; }

.bg_sub_out			{ height:15px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; cursor:pointer; font-weight:bold; background:#ffffff; color:#6a6a6a; margin-bottom:5px; padding:5px 0px 5px 5px; }
.bg_sub_over		{ height:15px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; cursor:pointer; font-weight:bold; background:#f9f9f9; color:#a5a5a5; margin-bottom:5px; padding:5px 0px 5px 5px; }
.bg_sub_active		{ height:15px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; cursor:pointer; font-weight:bold; background:#f9f9f9; color:#ffc000; margin-bottom:5px; padding:5px 0px 5px 5px; } 
.bg_sub_active2		{ height:15px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; cursor:pointer; font-weight:bold; background:#f9f9f9; color:#a5a5a5; margin-bottom:5px; padding:5px 0px 5px 5px; } 

/* ========================================================================= */
/* DIV Opmaak */
/* ========================================================================= */

/* Hier staat alles met betrekking tot de linkerkant */

#left_box			{ float:left; width:220px; height:91%; padding-top:20px; }
  .logo_header		{ width:220px; height:160px; text-align:left; background:url("../images/logo_header.jpg") no-repeat top; }  
#left_content_box	{ width:210px; height:260px; padding-left:100px; border-right:2px #000 solid; }

/* Hier staat alles met betrekking tot de rechterkant */

#right_box			{ float:left; width:760px; height:90%; padding-top:20px; }
#top_right			{ width:750px; padding-right:15px; height:160px;}
  .top				{ height:110px; text-align:right; padding-left:558px; }
  .bottom			{ height:36px; width:599px; color:#8a8a8a; font-size:14px; font-weight:bold; background:url("../images/menu_bg.jpg") no-repeat; padding-left:127px; padding-right:20px; padding-top:1px; }
  
 a:link, a:visited 	{ text-decoration: none; color: #000; }

h1					{ display:inline; font-weight: normal; color:#000000; }
h2 					{ display:inline; font-weight: normal; color:#b7b7b7; }
h3					{ display:inline; font-weight: normal; color:#ffffff; }
h4					{ display:inline; font-weight: normal; color:#000000; }
h5					{ display:inline; font-weight: normal; color:#fec200; }

  .contact_letter		{ color:#ffc000; font-weight:bold; line-height:17px; }
 a.contact_link			{ color:#000; text-decoration:none; line-height:17px; font-weight:bold; }
 a.contact_link:hover	{ color:#000; text-decoration:underline; line-height:17px; font-weight:bold; }

 a.footer				{ color:#707070; text-decoration:none; line-height:17px; font-weight:normal; }
 a.footer:hover			{ color:#707070; text-decoration:underline; line-height:17px; font-weight:normal; }


.input_area_normal		{ width:150px; border:1px #cecece solid; height:20px; padding-top:5px; padding-left:3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffc000; }
.input_area_selected	{ width:150px; border:1px #9d9d9d solid; height:20px; padding-top:5px; padding-left:3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffc000; }
.input_contact_normal	{ width:275px; border:1px #cecece solid; height:18px; padding-top:4px; padding-left:3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffc000; }
.input_contact_selected	{ width:275px; border:1px #9d9d9d solid; height:18px; padding-top:4px; padding-left:3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffc000; }

.button_zoeken			{ background:url("../images/button_search.jpg") no-repeat; height: 28px; width: 28px; top: 0; left: 0; border: 0px; cursor: pointer; }

/* ========================================================================= */
/* Google MAPS */
/* ========================================================================= */
#route_box			{ background:url('../images/route_box_bg.jpg') no-repeat; width:450px; height:245px; padding:10px;}
#map_canvas			{ width:580px; height:225px; margin-bottom: 20px; border:#000 1px solid; }
#route 				{ }