/* ********************************************************************** general stuf */
html, body     { margin:0px; padding:0px; width:100%; height:100%; }
img.pngfix     { behavior: url(js/iepngfix.htc) }
div            { position:relative; top: 0px left:0px;}

/* ************************************************************************* container */
div#container       {height:100%; width:1004px; min-height: 600px; margin: 0 auto; }
.container_bg1      {background-image:url(img/bg-es.png); }
.container_bg2      {background-image:url(img/bg-motorenrevisie.png); }

/* **************************************************************************** header */
div#container_header{background-color: #ACACAD; }
div#header_logo     {position: absolute; top:    40px; left:  41px; width: 941px; height:  71px; text-align: left;}

div#slideshow_content_fotohead_1,
div#slideshow_content_fotohead_2  {position: absolute; top: 20px;  left: 360px;  width: 625px; height: 117px; visibility: hidden; }

/* *************************************************************************** content */
/* div#content_home     {position: absolute; top:   215px; left:  27px; width: 955px; height: 54%; overflow-x: hidden; overflow-y: auto; } */
div#content_left1    {position: absolute; top:   215px; left:  27px; width: 310px; height: 220px; }
div#content_left2    {position: absolute; top:   445px; left:  45px; width: 280px; height: 30%; overflow-x: hidden; overflow-y: hidden; }
div#content_right    {position: absolute; top:   215px; left: 354px; width: 628px; height: 54%; overflow-x: hidden; overflow-y: auto; }

div#slideshow_content_fotolinks_1,
div#slideshow_content_fotolinks_2 {position: absolute; top:  4px;  left:  18px;  width: 280px; height: 210px; visibility: hidden; }

/* **************************************************************************** bottom */
div#container_bottom1,
div#container_bottom2{position: absolute; bottom:  0px; left:   0px; width:1004px; height:  65px; text-align: left; overflow: hidden;
                      color: #bb0000; font-size: 13px; line-height: 10pt; font-family: Arial; text-align: left;}
div#container_bottom1{color: #3d4a9e;}
.container_bottom_bg1{background-image:url(img/bg-es-bottom.png); }
.container_bottom_bg2{background-image:url(img/bg-motorenrevisie-bottom.png); }
div#bottom           {position: absolute; bottom: 10px; left:  22px; width: 990px; height: 24px;  text-align: left;}
div#bottom_copy      {position: absolute; bottom: 10px; right: 42px; width: 100px; height: 24px;  text-align: right;}

/* ******************************************************************************* nav */
div#container_nav   {position: absolute; top:   154px; left:   0px; width:1004px; height:  58px; text-align: left;}
.container_nav_bg1  {background-image:url(img/bg-es-menu.png); }
.container_nav_bg2  {background-image:url(img/bg-motorenrevisie-menu.png); }
div#content_nav     {position: absolute; top:   0px; left:  37px; width: 930px; height:  40px; text-align: center;}
div.nav_side        {top:     0px; width:  8px; height:  40px; text-align: center; float: left; }

/* ***************************************************************************** forms */
div#contactform     {top:  10px; left: 10px;  width: 600px; height: 400px; text-align: left; }

#contactform label {
  width: 145px;
  float: left;
  text-align: left;
  line-height: 16px;
  margin: 5px 1px 5px 0px;
/* background: #888888; */
}
#contactform input, textarea {
  margin: 3px auto;
}
/* let op linkjes, inputs etc. in deze laag: position:relative; ! */
a                   {position: relative; }

a.white             {border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold; line-height: 13pt}
a.white:link        {color: #ffffff; }
a.white:active      {color: #ffffff; }
a.white:visited     {color: #ffffff; }
a.white:hover       {color: #58585a; }

/* ************************************************************************* old stuf? */
/* a.naw               {border: 0px transparent; text-decoration: none } */
/* a.naw:link          {color: #ffffff; } */
/* a.naw:active        {color: #ffffff; } */
/* a.naw:visited       {color: #ffffff; } */
/* a.naw:hover         {color: #ffff00; } */
/* .headertitle1a      {color: #66696e; font-size: 36px; line-height: 36pt; font-family: Arial; font-weight: bold } */
/* .headertitle1b      {color: #ffffff; font-size: 36px; line-height: 36pt; font-family: Arial; font-weight: bold } */
/* .headernewsintro1   {color: #ffffff; font-size: 11px; line-height: 12pt; font-family: Arial; font-weight: bold } */
/* .titletext          {color: #ffffff; font-size: 15px; line-height: 13pt; font-family: Arial; font-weight: bold; text-align: center; padding: 5px; height: 18px; overflow:hidden; } */
/* .contenttextsmall   {color: #333333; font-size: 12px; line-height: 15pt; font-family: Arial; text-align: left; padding: 5px; background-color: #ddddff; } */
/* .contenttextwide    {padding: 5px; } */
/* img.whiteborder     {border: 1px solid #ffffff; } */
/* div#headerfoto      {position: absolute; top:     0px; left:   0px; width: 850px; height: 194px; text-align: left;} */
/* div#naw           {position: absolute; bottom: 27px; right:  0px; width: 118px; border: 1px solid #66696e } */
/* div#titlesmall    {top:-140px; left: 0px;   width: 190px; height:  38px; text-align: center; border-bottom: 1px solid #66696e; } */
/* div#titlewide     {position: absolute; top: 224px; left: 0px;   width: 848px; height:  28px; text-align: left; border: 1px solid #66696e } */
/* div.titlewide     {background-color: #ff4302; } */
/* div#spacesmall    {top:   0px; left: 0px;   width: 200px; height:   8px; text-align: left; } */
/* div.spacesmall    {background-color: #ffffff; } */