/* HTML Tag Redefinition */
html, body { }
body {/* customize_background */ background: #fff url(img/bg.jpg); /* customize_background */ text-align: center; padding: 0px; margin: 20px 0px 20px 0px; }
img {border: 0px}
a { cursor:pointer; outline: none}


#container { }


/* Page Structure / Navigation */
#page{ width:941px; margin:auto; text-align:left; padding: 5px; background: #fff; }

#page #visual { height:254px; width: 940px; margin-bottom: 5px;}

#page  #headerNav{ clear: both; font-weight: bold; font-family: Verdana, arial; font-size: 10px; text-transform: uppercase; height: 36px; }
#page  ul.nav-header{ list-style:none; padding:0px 0px 0px 0px; margin:0px; overflow:visible; }
#page   ul.nav-header li { width: 130px; background-color: #1c3c63; margin: 0px 0px 0px 5px; padding: 0px; float: left;}

#page   ul.nav-header li a.concept { background-color: #eab325;}
#page   ul.nav-header li a.commercie { background-color: #4cb1c3;}
#page   ul.nav-header li a.techniek { background-color: #ee712f;}
#page   ul.nav-header li a.locatie { background-color: #c02f7e;}
#page   ul.nav-header li a.partners { background-color: #83bd45;}
#page   ul.nav-header li a.contact { background-color: #bda26b;}

#page  ul.nav-header a{ 	width: 130px; padding:6px 0px 6px 0px;  color:#fff; display: block; text-align: center }
#page  ul.nav-header li a { text-decoration:none; color:#fff }
#page  ul.nav-header li a:hover{ text-decoration:none; color:#fff }
#page  ul.nav-header .first{ margin-left: 0px;}

#page  ul.nav-header li a.nav-selected.start, #page  ul.nav-header li a.start:hover{ border-bottom: 6px solid #ced0d5 }
#page  ul.nav-header li a.nav-selected.concept, #page  ul.nav-header li a.concept:hover{ border-bottom: 6px solid #f3d9b8; }
#page  ul.nav-header li a.nav-selected.commercie, #page  ul.nav-header li a.commercie:hover{ border-bottom: 6px solid #d0e3e9; }
#page  ul.nav-header li a.nav-selected.techniek, #page  ul.nav-header li a.techniek:hover{ border-bottom: 6px solid #f8d5cd; }
#page  ul.nav-header li a.nav-selected.locatie, #page  ul.nav-header li a.locatie:hover{ border-bottom: 6px solid #e8cdd7; }
#page  ul.nav-header li a.nav-selected.partners, #page  ul.nav-header li a.partners:hover{ border-bottom: 6px solid #d8e7cf; }
#page  ul.nav-header li a.nav-selected.contact, #page  ul.nav-header li a.contact:hover{ border-bottom: 6px solid #e7dfd4; }




#page #header #logo #header-area{ color:#fff; font-size:22px;  }
#page #header #logo #header-area a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}

#page #header #header-area .sitemap{ width: 64px; float: left; text-decoration: none; font-size: 10px; background: url(img/sitemap_icon.gif) no-repeat right}
#page #header #header-area .sitemap:hover{background: url(img/sitemap_icon_o.gif) no-repeat right}
	
	
#page #central{ background: #fff; padding: 25px 0px; clear: both}

#page #central #kolomlinks { float: left; width: 354px; display: block; border-left: 21px solid #fff; border-right: 30px solid #fff; margin-top: 40px; }
#page #central #kolomrechts { float: left; width: 513px; padding: 0px 23px 0px 0px; display: block;  }

#page #central #kolomlinks h2{ }
#page #central #kolomlinks .twitter { }


#page #central #kolomrechts h1 {  margin: 15px 0px;}



#footer{ width:941px; margin:auto; text-align:left; padding: 5px; display: block; border-top: 20px solid #fff; font-size: 10px; color:#FFF }
#footer  a{ text-decoration: none; color:#FFF }
#footer .realisatie{ float: left; width: 387px; padding-left: 18px;  }

/** Style the tweets */
.twitters {
}

.twitters ul {
  list-style: none;
  margin: 0px 0px 4px 0px;
  padding: 2px 0px;border-top: 1px solid #ced0d5 
}
.twitters li {
  padding: 5px 0px;
  height: 60px;
  border-bottom: 1px solid #ced0d5;
}
.twitters li img {
	float: left;
	padding-bottom: 40px;
	margin-right: 5px;
}

.twitters span.prefix {
  font-weight: bold;
}

.twitters span.twitterTime {
  font-style: italic;
  color: #c5c5c5;
}

.twitters span.status {
  font-style: italic;
}
.communicatie_link { background:url(img/communicatie.jpg) no-repeat left top; display: block;  text-align: left;}
.communicatie_link a, .communicatie_link a:visited { background:url(img/communicatie_off.gif) no-repeat right 14px; text-decoration: none; font-style: italic;  padding: 15px 20px; display:block; color: #a48953; font-weight: bold; font-size: 12px;}
.communicatie_link a:hover{ background:url(img/communicatie_on.gif) no-repeat right 14px; color:#1c3c63}
a.communicatie  { text-decoration: none; border-bottom: 1px solid #1c3c63; border-top: 1px solid  #1c3c63; padding: 10px 40px 10px 10px; display: block; background: #fff url(img/com_off.gif) no-repeat 480px 15px; margin-bottom: 8px;  }
a.communicatie p { color:#1c3c63 }
a.communicatie:hover { background:#f4f5f5 url(img/com_on2.gif) no-repeat 480px 15px;}
a.communicatie:hover p {}

#nieuwsbrieven { border-bottom: 8px solid #f4f5f5;}
#nieuwsbrieven strong { background: #f4f5f5; display: block; padding: 6px 8px 6px 16px }
#nieuwsbrieven ul { line-height: 28px; padding: 0px; margin: 0px;}
#nieuwsbrieven li  { border-bottom: 2px solid #f4f5f5; margin: 4px 0px; display:block }
#nieuwsbrieven li a { background:url(img/com_off.gif) no-repeat 325px 10px; text-decoration: none; display: block; padding-left: 16px; margin: 4px 0px }
#nieuwsbrieven li a:hover { background: #f4f5f5 url(img/com_on2.gif) no-repeat 325px 10px;}