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

hr { background:url(img/bg_hr.gif) repeat-x; border: none; height: 2px;}
#container { background: url(img/bg_beyond.gif) no-repeat 450px 40px; text-align: left; position: relative; width: 100%; height: 800px; }



/* Page Structure / Navigation */
#page{ width: 100%; text-align:left; position: absolute; top: 77px;}

#header {  width:933px; margin-left: 30px;  text-align:left; height: 109px; width: 933px; display: block; position: absolute; top: 0px; z-index: 1}

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

#header-area h1 a { margin: 0px; background:url(img/beyond_logo.png) no-repeat; display: block; width: 351px; height: 109px; }

#header-area2 ,#header-area2a, #header-area2b, #header-area2c  { position: absolute; right: 0px; top: 0px; background: url(img/bg_talen.gif) no-repeat; height: 42px; width: 540px; }
#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;  }

#header-area2 ul { list-style: none; margin: 0px; padding:0px;}
#header-area2  ul li { float: left; margin: 0px;}
#header-area2 ul li a { background:url(img/bg_talen_streep.gif) no-repeat right; color:#0092bc; text-decoration: none; font-size: 13px; padding: 12px 17px 12px 17px; display: block}
#header-area2 ul li a.en { padding-right: 50px; background:url(img/vlag_en.gif) no-repeat 45px 12px;}
#header-area2 ul li a.nl { padding-right: 50px; background:url(img/vlag_nl.gif) no-repeat 45px 12px;}
#header-area2 ul li a.ru { padding-right: 50px; background:url(img/vlag_ru.gif) no-repeat 45px 12px;}
#header-area2 ul li a.fr { padding-right: 50px; background:url(img/vlag_fr.gif) no-repeat 45px 12px;}

#header-area2 ul li a:hover { text-decoration: underline }
#header-area2 ul li a.en:hover, #en #header-area2 ul li a.en{ text-decoration: none; background:url(img/vlag_en_o.gif) no-repeat 5px 0px;}
#header-area2 ul li a.nl:hover, #nl #header-area2 ul li a.nl{ text-decoration: none; background:url(img/vlag_nl_o.gif) no-repeat 5px 0px;}
#header-area2 ul li a.ru:hover, #ru #header-area2 ul li a.ru{ text-decoration: none; background:url(img/vlag_ru_o.gif) no-repeat 5px 0px;}
#header-area2 ul li a.fr:hover, #fr #header-area2 ul li a.fr{ text-decoration: none; background:url(img/vlag_fr_o.gif) no-repeat 5px 0px;}

#page #visual, #page #visual_bedrijf, #page #visual_soorten, #page #visual_productieproces, #page #visual_medewerkers, #page #visual_contact{ margin-left: 62px; height:411px; width: 933px; background:url(img/visual.jpg) no-repeat; position: relative }
#page #visual_bedrijf{background:url(img/visual2.jpg) no-repeat }
#page #visual_soorten { background:url(img/visual3.jpg) no-repeat }
#page #visual_productieproces{ background:url(img/visual6.jpg) no-repeat }
#page #visual_medewerkers{ background:url(img/visual4.jpg) no-repeat }
#page #visual_contact{ background:url(img/visual5.jpg) no-repeat }

#page  #video{ clear: both; height: 314px; background:url(img/bg_video.gif) no-repeat; position: absolute; top: 31px; right: 49px; width: 507px; padding: 7px; }

#page  #headerNav{ clear: both; font-weight: bold; font-family: Verdana, arial; font-size: 14px; height: 54px; position: absolute; top: 357px; width: 900px; }
#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 21px; padding:18px 29px 14px 22px;  color:#fff; display: block; text-align: center; text-decoration: none }
#page  ul.nav-header li a:hover {  background:url(img/bg_bullit_on.gif) no-repeat left 21px; padding:18px 29px 14px 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 21px;}


#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 {margin-left: 62px; width: 900px; background: #f4fbfd url(img/bg_contenttop.gif) repeat-x; padding: 17px 0px 0px 0px;  display: table  }
#content #vervolg {  }
#content #vervolg #contentmidden { padding: 0px; display:table; width: 900px; }
#content #vervolg #contentmidden .left{ width: 329px; float: left; display: block; position: relative}
#content #vervolg #contentmidden .left a{ position: absolute; left: 0px; top: 610px}
#content #vervolg #contentmidden .right{ width: 537px; float: right; display: block}
#content #vervolg #contentmidden .right #soorten img {
	padding: 8px;
	background:#f4f4f4;
	border: 1px solid #f0f0f0;
}
#content #vervolg #contentmidden .right span { padding: 0 23px 10px 25px; display: block; }
.contact { padding: 5px 25px; background: #ffffff url(img/bg_contact.jpg) repeat-x; margin-bottom: 17px;}


#content #intro { float: left; width: 538px; padding: 0px 0px 0px 0px; color:#FFF}
#content #intro h1, #vervolg h1 { background:url(img/bg_kop.gif) no-repeat; font-size: 18px; color:#FFF; margin: 0px; padding: 12px 0 20px 24px; }
#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 #intro ul { list-style: none; margin:14px 0 0 0 ; padding: 0px;border-top: dashed 1px #dadddf}
#content #intro ul li { background:url(img/bullit.gif) no-repeat 25px 18px; color: #009fc3; font-size: 17px;   padding: 20px 25px 20px 68px; border-bottom: dashed 1px #dadddf;}
#content #intro ul li span { display: block; font-size: 14px;}
#content #intro ul li.lang { padding: 10px 25px 10px 68px;}

#twitter { width: 362px; padding: 0px 0px 0px 0px; float: left; }
#twitter h4 { padding: 13px 0 0 30px; font-size: 16px; color: #0092bc}

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

#content .twitters li { width: 290px; display: block; float: left; margin: 0px 0px 0px 30px; padding: 10px 0; color: #0092bc; font-size: 13px; line-height: 19px;   }

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

#content .twitters li a { }
#content .twitters li .twitterTime { display:block; padding: 0 0 0 39px; }
#content #bottom { background: #f4fbfd url(img/bg_contentbottom.gif) no-repeat bottom; height: 16px; float: left; display: block; clear: both; width: 900px; padding: 10px 0 0 0}


#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{
	clear:both; width: 100%;
	float:left;background-color:#9cdfee; text-align:left; height: 15px; border-top: 15px solid #fff; padding: 20px 0 28px 0; font-size: 11px; }
#footer	a.twitter {float: left; margin: 0 0 0 132px;  background: url(img/twitter.gif) no-repeat; width: 148px; height: 27px;  display: block; }
#footer	a.hyves {float: left; margin: 0 0 0 40px;  background: url(img/bg_hyves.gif) no-repeat; width: 212px; height: 27px;  display: block; }
#footer  a{ text-decoration: none;}
#footer  a:hover{ text-decoration: none; color:#FFF }
#footer .copyright { float: left; width: 164px; padding: 7px 0 0 0; margin-left: 40px; }
#footer .realisatie{ float: left; width: 187px; padding: 7px 0 0 0;  }

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