body 
 {background-color: #F2F1E9;
  font-family: 'trebuchet ms', arial, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #514F43;}
h3 {font-size: 15px; }

a {color: #f60;}
a:hover {color: #666;}

img {border: 0;}

a#logo 
 {display: block;
  border-top: 30px solid #fff;
  border-bottom: 10px solid #fff;
  background-color: #fff;
  width: 210px;}

/* containers ======================================= */

#container 
 {width: 973px;
  background: url(/sites/autoshowroom/images/bg-container.png);
  min-height: 400px;
  margin: 0 auto;}

#containerbottom 
 {background: url(/sites/autoshowroom/images/bg-containerbottom.png) 0 0 no-repeat;
  height: 10px;
  font-size: 1px;}

#innercontainer 
 {width: 900px;
  margin: 0 auto;
  min-height: 400px;
  text-align: left;
  xpadding-top: 30px;
  background: url(/sites/autoshowroom/images/bg-innercontainer.png) repeat-y;}


/* search form ====================================== */
#searchform
 {position: absolute;
  left: 50%;
  margin-left: 234px;
  top: 80px;
  z-index: 5;}

.searchfield
 {width: 147px;
  height: 19px;
  border: 0;
  background: url(/sites/autoshowroom/images/bg-searchfield.png) 0 0 no-repeat;
  font-size: 12px;
  font-family: 'trebuchet ms';
  color: #59574C;
  padding: 2px 0 0 5px;}
.searchbutton
 {width: 52px;
  height: 21px;
  margin-left: 5px;
  line-height: 21px;
  font-size: 12px;
  font-family: 'trebuchet ms';
  color: #59574C;
  border: 0;
  xdisplay: block;
  background: url(/sites/autoshowroom/images/bg-searchbutton.png) 0 0 no-repeat;}

ol#searchpage 
 {margin: 20px;
  padding: 0;}
ol#searchpage li 
 {margin-top: 15px;}
ol#searchpage li a
 {color: #b0b0b0;}
a.searchTitle 
 {color: #f60!important;
  font-weight: bold;
  font-size: 13px;}

/* left column ======================================= */

#leftcol 
 {width: 204px;
  margin: 0 20px 20px 1px;
  _margin: 0 20px 20px 0px;
  padding-bottom: 10px;
  float: left;
  min-height: 610px;
  border-top: 1px solid #D2D1CC;}

#rightcol 
 {float: right;
  width: 672px;}
  
#leftcol ul 
 {margin: 0;
  padding: 0;
  list-style: none;}
#leftcol ul li 
 {margin: 0;
  padding: 0;}

#leftcol ul li a 
 {display: block;
  padding-left: 14px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  height: 31px;
  letter-spacing: 1px;
  line-height: 31px;
  color: #fff;
  margin: 1px;
  background: url(/sites/autoshowroom/images/bg-menuitem.png) 0 0 no-repeat;}
#leftcol ul li a:hover, a.activemenuitem
 {background: url(/sites/autoshowroom/images/bg-menuitemhover.png) 0 0 no-repeat!important;}


a#laatuinformeren 
 {display: block;
  width: 182px;
  height: 96px;
  background: url(/sites/autoshowroom/images/bg-laatuinformeren.png) 0 0 no-repeat;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  margin: 54px 0 0 10px;
  line-height: 140%;
  padding-top: 20px;}


/* contact details ======================================= */

#contactdetails 
 {padding: 27px 10px 10px 15px;
  font-size: 13px;
  line-height: 150%;}
 
#contactdetails h3
 {margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #f60;}
#contactdetails h4 
 {font-weight: bold;
  margin: 17px 0 0 0;
  font-size: 13px;
  padding: 0;}


/* introblock with transparent text ====================== */

#introblock 
 {border: 1px solid #D2D1CC;
  height: 300px;
  background: #F6F5F0 url(/sites/autoshowroom/images/bg-headerfoto.jpg) top right no-repeat;}
  
#h1back 
 {display: block;
  background-color: #ADABA3;
  height: 60px;
  margin: 35px 0 0 0;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80)}

#introblock h1 
 {position: absolute;
  margin: -50px 0 0 25px;
  width: 620px;
  color: #fff;
  line-height: 130%;
  font-size: 29px;}
  
#introblock h1 strong 
 {color: #514F43;}
 
#introblock ul 
 {font-size: 16px;
  font-weight: bold;
  list-style: square;
  line-height: 160%;
  margin: 34px 0 20px 0;
  padding-left: 40px;}
#introblock ul li 
 {padding-left: 5px;
  margin-left: 0;}
#introblock ul li strong 
 {color: #f60;}

/* content stuff ================================================ */

#content, #contentstart 
 {padding: 10px 20px 25px 25px;
  width: 400px;
  float: left;
  color: #6F6B5B;
  line-height: 150%;}

#content 
 {width: 630px;}

#content h2, #contentstart h2 
 {color: #f60;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 21px;
  line-height: 150%;}
#content h4, #contentstart h4 
 {font-size: 14px;
  color: #514F43;
  line-height: 150%;}


/* footer ==================================================== */

#footer 
 {width: 900px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  text-align: left;
  line-height: 35px;
  font-weight: bold;}
  
#footer ul 
 {position: absolute;
  left: 50%;
  margin-left: 48px;
  margin-top: 0;
  padding: 2px 0 0 0;
  line-height: 100%;
  width: 400px;
  list-style: none;}
  
#footer li 
 {float: right;
  padding: 0;
  line-height: 150%;
  height: 40px;
  margin: 0 5px 0 5px;
  margin-top: 0;}
  
#footer li a 
 {color: #707070;
  text-decoration: none;}
  
hr 
 {display: block;
  margin: 0px;
  _margin: -7px 0 0 0;
  padding: 0 0 5px 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #d2d1cc;
  border-bottom: 0;
  height: 0;
  font-size: 0;
  width: 206px;}
#content hr 
 {margin: 7px 0 7px 0!important;}

hr.widehr
 {border-top: 1px solid #d2d1cc;
  margin-top: 15px;
  width: 896px;}

.ocmshr {display: none;}
.reqmsg {font-style: italic; display: block; padding-bottom: 10px;}
  
/* fotoscroller ============================================== */

#example 
 {position: absolute;
  z-index: 1;
  top: 470px;
  left: 50%;
  margin-left: 250px;
  width: 180px;
  height: 1200-px;}

#fotoscroll 
 {float: right;
  width: 206px;
  height: 340px;
  border: 1px solid #D2D1CC;
  margin-top: 25px;
  background-color: #F6F5F0;
  text-align: center;}
#fotoscrollinner 
 {padding: 15px 20px 20px 20px;}

a#arrowScrollUp, a#arrowScrollDown
 {display: block;
  width: 35px;
  padding: 15px;
  margin-left: 70px;
  _margin-left: 5px;
  height: 16px;
  background: url(/sites/autoshowroom/images/arrow-scroll-up.png) 50% 50% no-repeat;}
a#arrowScrollDown
 {background: url(/sites/autoshowroom/images/arrow-scroll-down.png) 50% 50% no-repeat;
  margin-top: 248px;}
 
#fotoscroll img 
 {border: 2px solid #888;
  margin-bottom: 15px;
  margin-lefT: 4px;}


/* picture examples (voorbeelden) ================================ */

a.galleryImg 
 {display: block;
  width: 140px;
  height: 140px;
  _height: 140px;
  border: 1px solid #ccc;
  float: left;
  margin: 15px 15px 0 0;
  _margin: 15px 12px 0 0;
  text-align: center;
  vertical-align: middle;}
a.wideImg
 {padding-top: 24px;
  height: 116px;
  _height: 122px;}
a.galleryImg:hover 
 {border: 1px solid #999!important;
  background-color: #f3f3f3;}

/* form styling ================================================ */

form#formContact
 {margin-top: 20px;}

.ocms input, .ocms textarea, .ocms select
 {border: 1px solid #ccc;
  background-color: #fff;
  font-family: 'trebuchet ms';
  color: #333;
  font-size: 12px;
  padding: 2px;
  width: 300px;
  margin: 0 5px 0 5px;}
.ocms select 
 {width: 100px;}
.ocmssubmit 
 {margin-left: 108px;
  background-color: #F6F5F0;
  border: 1px solid #D2D1CC;
  font-family: 'trebuchet ms';
  color: #999;
  padding: 3px 10px 3px 10px;}

/* various ====================================================== */

#richeditpagetext 
 {border: 2px dotted red;}


/* float fix ================================================ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */


/* lightbox ================================================ */

#lightbox
 {background-color:#eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;}
#lightboxDetails
 {font-size: 12px;
  padding-top: 5px;}
#lightboxDetails a
 {color: #f60;}
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img
 {border: none; clear: both;} 
#overlay img
 {border: none;}

#overlay
 {background-image: url(/sites/autoshowroom/images/overlay.png);}

* html #overlay
 {background-color: #333;
  back\ground-color: transparent;
  background-image: url(/sites/autoshowroom/images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sites/autoshowroom/images/overlay.png", sizingMethod="scale");}