/* CSS Document */
html, body, img, table, tr, td, th, a, h1, h2, h3, h4, p, form, input, textarea   {margin:0; padding:0; border:0;}

html                    {width:100%; height:100%;}
body                    {font-family:Arial, Helvetica, sans-serif; width:100%; height:100%; font-size:11px; line-height:17px;
                         background:white; color:black; background-image:url(../../images/repeatbg.gif) }
h1, h1 a                {font-size:16px; color:#5b5e5e; font-style:italic; font-weight:bold; padding-bottom:30px;}
h2, h2 a                {color:white; font-size:14px; margin-bottom:15px; width:104px; height:23px;
                         padding-left:9px; padding-top:9px; background-image:url(../../images/h2_bg.jpg);}
h3, h3 a                {font-size:11px; margin-bottom:15px; color:#7f4500; font-style:normal;}
h4, h4 a                {}
p                       {font-size:13px;margin-bottom:15px;}
a                       {text-decoration:none; font-style:italic; color:#2f1a12;}
a:hover                 {text-decoration:underline;}
a span                  {display:none;}

div.open_up             {clear:both; height:0px; overflow:hidden; margin:0; padding:0; line-height:0; font-size:0px;}

/*.inact			{opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}*/

select                      {}
input                       {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#7f4500;}
input.text                  {background:transparent;}
input.submit                {}
textarea                    {}

.container                  {width: 946px; height:auto; margin: 0 auto;}

.header                     {width:auto; height:217px; background-image: url(../../images/headerbg.jpg); }
.header .left               {float:left; width:207px; padding-left:16px; padding-top:65px}
.header .left div           {height:55px;}
.header .left a             {color:white;  font-style:italic;}
.header .nav                {float:right; padding-right:41px; _width:560px; }
.header .nav ul             {padding:0; height:19px; line-height:19px; font-size:12px; /*padding-top:10px;*/  }

.header .nav ul li          {list-style-type:none; list-style-position:outside; float:left;
                             padding-top:31px; padding-left:10px; padding-right:10px;}
.header .nav ul li a        {font-style:normal;font-weight:bold; color:#5b5e5e;}
.header .nav ul li.active a {color:#00a2b1;background-color:white; display:block;
                             padding-top:31px; padding-right:8px; padding-bottom:0;
                             padding-left:8px; margin-top:-51px;}
.header .nav ul li.pipe     {padding-left:1px; padding-right:1px}


/*.header .nav ul li a:hover*/
.footer                 {width:920px; height:20px; padding:10px 13px 10px 13px;}
.footer .nav2           {float:right; padding-right:41px;}
.footer .nav2 ul        {padding:0; height:11px;  font-size:11px;}
.footer .nav2 ul li     {list-style-type:none; list-style-position:outside; padding-left:7px; float:left; color:#5b5e5e;}
.footer .nav2 ul li a              {font-size:11px;font-style:normal; }

.footer_contact         {float: left; height:11px; width:250px; }

.footer_links                      {border-top:1px solid #008eb1;float:left; width:920px; padding:10px 13px 10px 13px;}
.footer_links ul                   {height:19px; padding-right:1px;float:left;}
.footer_links ul li                {list-style-image:none;list-style-type:none; list-style-position:outside;float:left;
                                     padding-right:17px;}
.footer_links ul li a              {font-size:11px;font-style:normal; color:#5b5e5e;}
.footer_links select               {float:right;}

.mainTop                {width:100%; background: url(../../images/maintop.jpg) top left no-repeat; float:left; }
.mainMid                {width:100%; height:auto; background: url(../../images/mainmid.jpg) repeat-y; float:left;}
.mainBot                {width:100%; background: url(../../images/mainbot.jpg) bottom left no-repeat; float:left; }

.menuContainer          {width:223px; float:left; overflow:hidden;}
.contentContainer       {width:723px; float:left; overflow:hidden;}

.menu                   {padding: 41px 14px; }
.menu ul                {border-top:#939395 dashed 1px; padding:0; }
.menu ul li             {border-bottom:#939395 dashed 1px; list-style-type:none; list-style-position:outside;
                         padding-left:7px; padding-top:13px; padding-bottom:8px; }
.menu ul li a           {font-style:normal; font-size:12px; color:#5b5e5e;}
.menu ul li span        {float:right;padding-right:25px; width:50px;}
.menu ul li span a      {float:right;padding-right:25px; font-size:10px; }

.article                {margin-bottom:45px; float: left;}
.article p              {color:#5b5e5e; font-size:12px; /*margin-bottom:15px;*/}
.article p a            {text-decoration:underline; font-style:normal;}
.article p a:hover      {text-decoration:underline; font-style:normal; color:#95A832}
.article h2.long        {width:165px; }
.article h2.options     {width:200px; }

.article.techniques                     {font-size:13px;color:#5b5e5e; }
.article.techniques a                   {color:#5b5e5e;}
.article.techniques p                   {font-size:13px; }
.article.techniques ul                  {padding-bottom:15px;}
.article.techniques ul li               {list-style-position:inside; list-style-image:url("../../images/li_bg.gif");}
.article.techniques ul.secondlevel      {padding-bottom:15px; margin-left:20px;}
.article.techniques ul.secondlevel li   {list-style-position:inside; list-style-type:circle; list-style-image:none;}


.article .list                     {font-size:13px;color:#5b5e5e; }
.article .list a                   {color:#5b5e5e;}
.article .list p                   {font-size:13px; }
.article ul.list                   {padding-bottom:15px; margin-left:0px;}
.article ul.list li               {list-style-position:inside; list-style-image:url("../../images/li_bg.gif");}


.article.techniques .images_2floating           {float:right;}
.article.techniques .images_2floating img       {height:150px; width:151px; border: 1px solid #00a2b1;}
.article.techniques .images_2floating ul        {padding:0; float:left; }
.article.techniques .images_2floating ul li     {list-style-image:none;list-style-type:none; list-style-position:outside;float:left; padding-right:17px;}

.images_2floating_bamboe           {float:left;}
.images_2floating_bamboe img       {height:150px; width:151px; border: 1px solid #00a2b1;}
.images_2floating_bamboe ul        {padding:0; float:left; margin-bottom: 30px;}
.images_2floating_bamboe ul li     {list-style-image:none;list-style-type:none; list-style-position:outside;float:left; padding-right:17px;}

.content                                        {padding: 39px 29px; overflow:hidden;}

.contact_btn_float_right                {font-size:14px; float:right; height:30px; width:80px; }
.contact_btn_float_right h3             {color:white;}
.contact_btn_float_right h3 a           {font-size:14px; padding-left:12px;padding-top:7px;color:white; height:23px; width:68px; display:block; background-image:url(../../images/contact_button_bg.jpg);}
.contact_btn_float_right h3 a:hover     {text-decoration:none; color:white; background-image:url(../../images/contact_button_bg_hover.jpg);}
.contact_btn_float_right h3 a:visted    {color:white;}

.link_to_offer                          {margin-top:100px;}

.left_aanbieding                        {padding-left:30px;}

/*** ==========----------- FORM/FIELDSET (voor CMS-forms e.d.) -----------========== ***/

form                        { margin: 0; padding: 0; font-size: 100%; min-width: 560px;
                              max-width: 620px; width: 590px; }
form fieldset               { clear: both; font-size: 100%; border-color: #00A2B1;
                              border-width: 1px;  border-style: solid;  padding: 10px;
                              margin: 0 0 0 0; }
form fieldset legend        { font-size: 150%; font-weight: bold; color: #000000;
                              margin: 0 0 0 0; padding: 3px 5px;
                              border-style:solid; border: 2px solid #00A2B1;}
label                       { font-size: 100%;}
label u                     { font-style: normal;  text-decoration: underline;}
form label                  { display: block;  float: left;  width: 150px; padding: 3px 5px;
                              margin: 0 0 5px 0; text-align: right;}
input, select, textarea     { font-family: Tahoma, Arial, sans-serif;  font-size: 100%;
                               color: #000000;}
textarea                    { overflow: auto;}
form div                    { clear: left; display: block; width: 354px; zoom: 1;
                              margin: 5px 0 0 0;  padding: 1px 3px;}
form fieldset div.notes     { float: right; width: 158px; height: auto; margin: 0 0 10px 10px;
                              padding: 5px; border: 1px solid #666666; background-color: #F1F1F3;
                              color: #666666; font-size: 88%;}
form fieldset div.notes h4  { background-repeat: no-repeat; background-position: top left;
                              padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid;
                              border-color: #666666; color: #666666; font-size: 110%;}

form fieldset div.adres     { float: right; width: 230px; height: auto; margin: 0 0 10px 10px;
                              padding: 5px;  
                              color: #666666; font-size: 88%; margin-right: 0px; }
form fieldset div.adres p.adres     { margin: 10px 0 10px 10px; }

form fieldset div.notes span.succes {color:green;font-weight:bolder;}
form fieldset div.notes span.error  {color:red;font-style:italic;}

form fieldset div span.succes       {color:green;font-weight:bold;}
form fieldset div span.error        {color:red;font-style:italic;font-weight:bold;}

                               
form fieldset div.notes p               { margin: 0em 0em 1.2em 0em; color: #666666;}
form fieldset div.notes p.last          { margin: 0em;}
form fieldset input.inputText,
form div fieldset input.inputPassword,
form div fieldset input.inputFile,
form fieldset textarea.inputTextarea   {  width: 160px; margin: 0 0 0 18px;
                                        /*margin: expression(setCntr(), '0px 0 0 -124px');*/}
form fieldset input.inputText           { border:1px solid black; margin: 0 0 0 21px; padding: 3px 5px;}
form fieldset textarea                  { border:1px solid black; padding: 5px;}
form small                              { display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 88%; zoom: 1;}

form div select                         { width: 150px; padding: 1px 0px;}

form fieldset input.inputSubmit         { font-size:14px;  height:30px; width:80px; font-size:14px; color:white; height:23px; width:68px; display:block; background-image:url(../../images/contact_button_bg.jpg);}
form fieldset input.inputSubmit:hover   { text-decoration:none; color:white; background-image:url(../../images/contact_button_bg_hover.jpg);}
/*** ==========----------- FORM/FIELDSET (voor CMS-forms e.d.) -----------========== ***/