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


#container { background:url(img/bg_beyond.gif) no-repeat 450px 40px; text-align: left }



/* Page Structure / Navigation */
#page{ width:901px; margin-left: 30px; text-align:left; padding-left: 32px;}

#header {  width:933px; margin-left: 30px;  text-align:left; height: 109px; width: 933px; display: block; }

#header-area { width: 351px; height: 109px; float: left; }

#header-area h1 { margin: 0px; }

#header-area2 ,#header-area2a, #header-area2b, #header-area2c  { width: 582px; height: 33px; margin-top: 76px; background:url(img/visualtop.gif) no-repeat; float: left; clear: right }
#header-area2a { background:url(img/visualtop2.jpg) no-repeat;  }
#header-area2b { background:url(img/visualtop3.jpg) no-repeat;  }
#header-area2c { background:url(img/visualtop4.jpg) no-repeat;  }

#page #visual, #page #visual1 ,#page #visual2, #page #visual3 { height:254px; width: 933px; background:url(img/visual.jpg) no-repeat }
#page #visual1 { background:url(img/visual2.jpg) no-repeat }
#page #visual2 { background:url(img/visual3.jpg) no-repeat }
#page #visual3 { background:url(img/visual4.jpg) no-repeat }

#page  #headerNav{ clear: both; font-weight: bold; font-family: Verdana, arial; font-size: 14px; height: 57px; background:url(img/bg_menu.gif) no-repeat }
#page  ul.nav-header{ list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 29px; overflow:visible; }
#page   ul.nav-header li { color:#FFF;  margin: 0px; float: left;}


#page  ul.nav-header a{  }
#page  ul.nav-header li a {  background:url(img/bg_bullit.gif) no-repeat left 19px; padding:16px 29px 16px 22px;  color:#fff; display: block; text-align: center; text-decoration: none }
#page  ul.nav-header li a:hover {  background:url(img/bg_bullit_o.gif) no-repeat left 19px; padding:16px 29px 16px 22px;  color:#fff; display: block; text-align: center; text-decoration: none }
#page  ul.nav-header li a.on{ background:url(img/bg_bullit_on.gif) no-repeat left 19px;}


#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}

#content { background: #03b8e1 url(img/bg_contenttop.gif) no-repeat; padding: 23px 0px 0px 0px; border-right: 1px solid #fff; }
#content #vervolg { background: url(img/bg_contentvbottom.gif) no-repeat bottom; padding: 6px 8px 7px 8px }
#content #vervolg #contentmidden { background: #fff url(img/bg_contentvtop.gif) no-repeat top; padding: 20px; display:table; width: 844px; }
#content #vervolg #contentmidden .left{ width: 400px; float: left; display: block}
#content #vervolg #contentmidden .right{ width: 400px; float: right; display: block}
#content #vervolg #contentmidden img { margin-right: 22px;  }
#content #intro { width: 845px; background: #0bcdf9 url(img/bg_intro.gif) no-repeat left bottom; padding: 15px 26px 25px 29px; color:#FFF}
#content #intro h2 { font-size: 18px; margin: 0px; padding: 0px; }
#content #intro p { font-size: 12px; line-height: 18px; margin:8px 0px 4px 0px;}
#content #intro a { float: right; color: #FFF; text-decoration:none; font-size: 13px; background:url(img/pijl.gif) no-repeat right; padding-right: 18px; display: block; margin-bottom:}
#content #intro a:hover { text-decoration: underline}

#content #twitter {padding: 0px 0px 0px 3px; background: #a1e4f2 url(img/bg_contentbottom.gif) no-repeat left bottom; border-bottom: 1px solid #fff; height: 180px}
#content #twitter h4 { padding-left: 28px}

#content .twitters ul { margin: 0px; padding: 0px;  list-style: none;}

#content .twitters li { background:url(img/bg_twitter.gif) no-repeat; width: 250px; height: 84px; display: block; float: left; margin: 0px 0px 0px 9px; padding: 10px 18px; color: #0092bc; font-size: 12px; line-height: 17px;   }

#content .twitters li img { margin-top: 5px; }

#content .twitters li a { display:block }
#content .twitters li .twitterTime { display:block }

#content #twitter .twitter { background: url(img/twitter.gif) no-repeat; width: 148px; height: 27px; float: right; display: block; margin:12px 13px 0px 0px;}

#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:100%; background-color:#9cdfee; text-align:left; height: 15px; border-top: 15px solid #fff; padding: 20px 0 20px 0; font-size: 11px;}
#footer  a{ text-decoration: none;}
#footer  a:hover{ text-decoration: none; color:#FFF }
#footer .copyright { float: left; width: 134px; margin-left: 92px; }
#footer .realisatie{ float: left; width: 387px;  }

/** Style the tweets */


.twitters li img {
	float: left;
	padding-bottom: 40px;
	margin-right: 8px;
}

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

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

.twitters span.status {
  font-style: italic;
}