/*  3bfibreglass.com CSS by www.nedfinity.com
*********************************************
* Nedfinity 2010 © All rights reserved
* Web:		http://www.nedfinity.com
* E-mail: 	info(at)nedfinity.com
* Tel:  	+31 (0)38 453 8347
* Author:	Renzo Koning + Nick Ratering ;o)
*********************************************
CSS Logica:  Algemeen Standaard hyperlink instellingen Standaard tekst instellingen Standaard elementen Container DIV's Header Navigatie Content Footer
*/

/* Algemeen */
* { margin: 0; padding: 0;  }

body { font-size: 11px; text-align:left; background-color:#fff; background-image:url(../_images/bg.jpg); background-position:center; background-repeat:repeat-y; font-family: arial, helvetica, sans-serif; color: #000;  }
html {overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical;  }

/* nick: geen outline om links in FF */ * { outline: none;  }

/* Container DIV's  */
#container {  position:relative;  width: 820px; margin: 0 auto; min-height: 100%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 100%; /* For IE */  }
html, body { height: 100%; /* Required */ margin: 0px;  }
#wrapper{ margin:0 auto; }

/* Standaard hyperlink instellingen */
a:link { COLOR: #000; TEXT-DECORATION: underline;  }
a:visited { COLOR: #000; TEXT-DECORATION: underline;  }
a:hover { COLOR: #61af19; TEXT-DECORATION: underline;  }
a:active { COLOR: #000; TEXT-DECORATION: underline;  }
.up a:link { COLOR: #61af19; TEXT-DECORATION: none;  }
.up a:visited { COLOR: #61af19; TEXT-DECORATION: none;  }
.up a:hover { COLOR: #000; TEXT-DECORATION: underline;  }
.up a:active { COLOR: #61af19; TEXT-DECORATION: none;  }

/* Standaard tekst instellingen */
h1,h2,h3,h4,h5,h6{ font-weight:normal; }
h1 { font-size: 16px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-weight:bold; color:#61af19;  }
h2 { font-size: 14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; color:#61af19;  }
h3 { font-size: 13px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; color:#61af19;  }
h5 { font-family:Arial, Helvetica, sans-serif; margin:0; color:#61af19; font-weight:normal; font-size:13px; line-height:normal;  }
h6 { font-family:Arial, Helvetica, sans-serif; margin:0; color:#61af19; font-weight:normal; font-size:12px;  }
h5.reg { color:#FFFFFF;  }
h5.last{ color:61af19;  }
#text{ line-height:18px; margin-bottom:20px; border-bottom:solid 20px #FFF;  }
 #text h1, #text h2, #text h3, #text h4, #text h5, #text h6{ line-height:normal;  }

/* Standaard elementen  */
.hand { cursor:pointer;  }
img { border: 0;  }
ul { margin:0 0 0 0; padding:0 0 0 15px;  }
li { margin:0 0 0 0; padding:0 0 0 0;  }
table td { padding:2px 2px 2px 4px; margin:2px;  }

/* events */
.events .button a, .events .button a:link, .events .button a:active, .events .button a:visited { font-style:normal; cursor:pointer; display:block; position:absolute; top:18px; margin-left:123px; width:32px;  line-height:18px; text-align:center; color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; background-color:#61af19;  }
.event .button a, .event .button a:link, .event .button a:active, .event .button a:visited { font-style:normal; cursor:pointer; display:block; margin-top:-18px; margin-left:188px; width:32px;  line-height:18px; text-align:center; color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; background-color:#61af19;  }
.button a:hover { cursor:pointer; background-color:#000; text-decoration:none; color:#fff;  }
.events { margin:0 0 10px 200px; width:619px; position:relative; height:200px;  }
.events .dates { position:absolute; top:4px; left:476px; font-weight:bold;  }
.event .dates { position:absolute; top:24px; left:245px; font-weight:bold;  }
.events .eventContent { width:350px; margin-left:230px;  }
.events h2 { margin:0 0 20px 230px;  }
.events h2 a, .events h2 a:link, .events h2 a:visited, .events h2 a:active { text-decoration:none; color:#61af19;  }
.events h2 a:hover{ color:#000;  }
.events .eventContent .eventDate { position:absolute; color:#666; bottom:20px; left:230px; font-size:9px; font-style:oblique;  }
.events .eventContent .contacts { position:absolute; width:400px; left:210px; color:#000; top:125px; left:230px; font-size:11px; font-weight:bold;  }
ic .contacts .text { left:230px; top:0; font-weight:bold;  }
event .contacts .text { left:230px; top:200px;  }
.events .eventContent .more { position:absolute; top:95px; left:230px;  }
.events .eventContent .more a, .events .eventContent .more a:link, .events .eventContent .more a:active, .events .eventContent .more a:visited { color:#61af19;  }
.events .eventContent .more a:hover { color:#000;  }
.events .pic { position:absolute; top:0; left:0; width:200px; height:200px; overflow:hidden; cursor:pointer; background-color:#efefef;  }
.events .textWrapper { position:absolute; left:0px; top:20px; width:600px;  }
.events .pic img { width:200px;  }
.events .green { border:2px solid #61af19;  }
.events .orange { border:2px solid #ff6600;  }
.events select.green { border:1px solid #61af19;  }
.events select.orange { border:1px solid #ff6600;  }
.events .dropdown { margin-top:4px; width:120px; font-size:11px; height:18px;  }
.event .dropdown { border:1px solid #61af19; width:185px; font-size:11px; height:18px;  margin-top:4px;  }
.event .contacts { margin-top:25px; font-weight:bold;  }
.event { position:relative;  }
.event .eventTxtWrapper { position:absolute; left:430px; width:400px; padding:20px 0 0 0;  }
.event .eventContent { margin-top:-30px; width:350px;  }
.event .back { margin:50px 0 0 0;  }
.event .back a, .event .back a:link, .event .back a:visited, .event .back a:active { color:#61af19; text-decoration:underline; font-weight:normal;  }
.event .back a:hover { color:#000; text-decoration:none;  }
.event h2 { margin-bottom:60px;  }
.event .eventDate { position:absolute; font-weight:bold; top:58px;  }

/* update */
.events .eventLocation{ font-weight:bold; margin:0 0 10px 230px;  }
.event .pic { position:absolute; top:0; margin-left:200px; width:200px; height:200px; overflow:hidden; background-color:#efefef;  }
.event .pic img { width:200px;  }
.event .green { border:2px solid #61af19;  }
.event .orange { border:2px solid #ff6600;  }

/* - flags - */
ul.flags { position:absolute; margin:17px 0 0 430px; padding:0; list-style:none; z-index:8888;  }
ul.flags li { float:left; margin:0 4px 0 0;  }

/* - boilerplates - */
#profile .boilerplate { left:0; background:none; width:auto; color:#000; padding:0 20px 0 0; }
.boilerplate { position:absolute; left:200px; width:180px; color:#61af19; padding:20px 10px 0 10px; background-color:#000; z-index:9999; }
.boilerplate a, .boilerplate a:link, .boilerplate a:active, .boilerplate a:visited { color:#61af19; text-decoration:underline;  }
.boilerplate a:hover { text-decoration:none;  }
.address { position:absolute; color:#000; margin-left:-10px; padding:20px 10px 20px 10px; width:180px; background-color:#fff;  }
.grey { background-color:#efefef;  }
.white { background-color:#fff;  }

/* ***************** Paging ****************** */
#paging{ clear:both; display:block;  padding:5px 0px 5px 0px;  float:right; margin-right:15px; height:30px; position:relative; font-weight:bold;  }
#paging .pagingtxt { display:block; float:left; margin-right:10px; line-height:20px;  }
#paging .clklaquo, #paging .clkraquo, #paging .clkPaging, #paging .clkPagingOver { display:block; float:left; line-height:20px; width:10px; text-align:center; font-weight:bold;  }
#paging .clkPagingOver { text-decoration:none;  }
#paging a, #paging a:link, #paging a:active, #paging a:visited { color:#61af19; text-decoration:underline;  }
#paging a:hover { color:#ff6600;  }

/* Content */
#logo{ position:absolute; width:187px; height:67px; left:100px; top:20px; z-index:99  }
#head_img{ position:relative; left:292px; width:528px; height:100px;  }
#shapes{ position:absolute; height:100px; width:262px; left:558px; z-index:2; visibility:hidden;  }

/* NOT USED ! */
#content{  position:relative;  min-height:100%;  height: auto !important;  height:100%;   }
#images{ position:absolute; left:200px; width:200px; height:560px; z-index:123;  }
#images IMG{ padding-bottom:80px;  }
#text{ position:relative; float:right; width:349px; padding:20px 40px 20px 0;  }
#textnewsitem{ position:relative; float:right; width:349px; padding:40px 40px 20px 0;  }
#textnews{ position:relative; float:right; width:350px; padding:40px 40px 20px 0; height:650px; line-height:18px;  }
#intro{ position:relative; z-index:0; height:580px; top:0px; left:0px; }
#contactFlash { position:absolute; z-index:222; width:620px; height:370px; left:200px; top:0;  }
#contactMarketing { position:absolute; top:370px; width:446px; height:auto; margin:0 0 0 253px; line-height:18px; z-index:223; left: 2px;  }
.nwshead{ line-height:18px;  }
a.nwshead:link, a.nwshead:active, a.nwshead:visited { font-size: 11px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; color:#61af19; text-decoration:none; font-weight:bold;  }
a.nwshead:hover { color:#000;  }
a.nwslnk:link, a.nwslnk:active, a.nwslnk:visited { font-size: 11px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; color:#61af19; text-decoration: underline;  }
a.nwslnk:hover { color:#000; text-decoration:none; }
/* Menu navigatie */ #menu { position:absolute; background-color:#61af19; width:100px; height:150px; top:100px; z-index:99;  }
#menu ul { margin: 0; padding:0; width:100px;  }
#menu li { margin: 0; padding:0; list-style:none; display:block; height:25px; width:100px; z-index:101;  }
#menu a:link, #menu a:visited, #menu a:active { margin: 0; padding:0 0 0 10px; color:#fff; text-decoration:none; display:block; line-height:25px; height:25px; }
#menu a:hover { color:#FFF; text-decoration:none; background-color:#000;  }
li#menuhome a, li#menuhome a:link, li#menuhome a:active, li#menuhome a:visited, li#menuhome a:hover { background-color:#000; color:#FFF; text-decoration:none; padding:0 0 0 10px;  }
#navhome { position:absolute; width:400px; height:100px; top:300px; left:0px; z-index:99; overflow:hidden;   }


#navhome #navpro { position:relative; width:95px; height:95px; padding:5px 0 0 5px; background-color:#000000; float:left; display:inline; z-index:201; cursor:pointer;  }
#navhome #navappl { position:relative; width:95px; height:95px; padding:5px 0 0 5px; background-color:#ff6600; float:left; display:inline;  z-index:201; cursor:pointer; }
#navhome #navadvan { position:relative; width:95px; height:95px; padding:5px 0 0 5px; background-color:#61af19; float:left; display:inline;  z-index:201; cursor:pointer; }
#navhome #navhiper { position:relative; width:95px; height:95px; padding:5px 0 0 5px; background-color:#ffed00; float:left; display:inline;  z-index:201; cursor:pointer; }
#navhome #navpro a, #navhome #navappl a, #navhome #navadvan a { line-height:normal; color:#ffffff; text-decoration:none; font-size:12px;  }
#navhome #navhiper a { line-height:normal; color:#61af19; text-decoration:none; font-size:12px;  }

/* Product navigatie */
#menupro { position:absolute; background-color:#fff; width:200px; height:auto; top:0px; left:0px; overflow:hidden; z-index:1;  }
#menupro .label { position:relative; margin: 0 0 0 0; padding:0 0 0 0; height:25px; width:200px; top:0px; left:0px; }
#menupro .content div { display:block;  }
#menupro a:link, #menupro a:visited, #menupro a:active { margin: 0 0 0 0; padding:5px 0 4px 10px; color:#FFF; text-decoration:none; display:block; line-height:16px;  }
#menupro a:hover { color:#FFF; text-decoration:underline;   }
#menupro .content { display:none; position:relative; margin: 0 0 0 0; padding:0 0 0 0; height:330px; top:0px; left:0px; }
#menupro .content div a:link, #menupro .content div a:visited, #menupro .content div a:active { width:180px; margin: 0 0 0 0; padding:5px 0 4px 20px; color:#FFF; text-decoration:none; display:block;   }
#menupro .content div a:hover { color:#FFF; text-decoration:underline;   }

/* navigatie menu kleuren */
#color0a{ background-color:#000000; color:#FFF;  }
#color1a, #color1 { background-color:#61af19; color:#FFF;  }
#color2a, #color2 { background-color:#000000; color:#FFF;  }
#color3a, #color3 { background-color:#ff6600; color:#FFF;  }
#color4a, #color4 { background-color:#61af19; color:#FFF;  }
#menupro #color5a, #menupro #color5a a:link, #menupro #color5a a:active,  #menupro #color5a a:visited { background-color:#F4F4F4; color:#61af19;  }
#menupro #color5 div a, #menupro #color5 div a:link, #menupro #color5 div a:active, #menupro #color5 div a:visited { background-color:#F4F4F4; color:#61af19;  }
#menupro #currentPage a, #menupro #currentPage a:link,  #menupro #currentPage a:active,  #menupro #currentPage a:visited { text-decoration:underline; font-weight:bold; display:table; }
#menupro a#parentActive:link,  #menupro a#parentActive:active, #menupro a#parentActive:hover, #menupro a#parentActive:visited {font-weight:bold; }
#menupro div.content div a.leftnavPro:hover { color:#FFF; text-decoration: underline;   }
#menupro a:hover { color:#FFF; text-decoration:underline;  }

/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-table;  }

/* Hides from IE-mac \*/ * html .clearfix { height: 1%;  }
.clearfix { display: block;  }

#container-foot  {  position:absolute; bottom:0; width:800px;  margin:0 auto;  background:#edf6e5;  left:-1px;  height: 26px;  padding:14px 0 0 20px;  font-size:10px;   }
#foot { margin: 0; text-align: left; font-family:Arial, sans-serif; font-size:10px; color: #61af19;  }
#foot a{ font-size:10px; color:#61af19; font-family:Arial, sans-serif; text-align:center; text-decoration:none;  }
#foot a:hover{ text-decoration:underline;  }
#twitter{ width: 226px; height:112px; position:absolute; bottom:0; right:15px; border:none;  }