/*** algemeen ***/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  background: #EFF1F3 url(gfx/body-bg.jpg) 0 0 repeat-y;
  position: relative;
}
body#popup {
  background: white;
}

body#home, body#wide {
  background-image: url(gfx/body-bg-home.jpg);
}

body, input, table, textarea, select, pre {
  font: 12px/1.2em Arial, Helvetica, sans-serif;
  color: #333;
}

#page {
  position: relative;
  min-height: 100%;
  width: 1000px;
}
* html #page {
  height: 100%;
}
#include #page {
  width: 100%;
}
#popup #page {
  width: 420px;
}
#home #page {
  height: 610px;
}

#header {
  height: 93px;
  background: url(gfx/header-bg.jpg) 0 0 no-repeat;
}

#include #header {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000px; 
}

#logo {
  position: absolute;
  left: 103px;
  top: 25px;
}
#logo img {
height:46px;
margin-left:-76px;
width:200px;
}
#dealerlogo {
  position: absolute;
  right: 10px;
  top: 30px;
}
#dealerlogo img {
  margin: 0;
}

#zoek {
  position: absolute;
  right: 10px;
  top: 0;
  display: block;
  text-decoration: none;
  width: 60px;
  padding: 6px 0 9px;
  text-align: center;
  font-size: 10px;
  color: #333;
}
#zoek:hover {
  color: #0082E6;
  background: url(gfx/zoeken-button.gif) 0 0 no-repeat;
}
#zoek.current, #zoek.current:hover {
  background-image: url(gfx/zoeken-button-current.gif);
}

#menu {
  position: absolute;
  top: 65px;
  left: 260px;
  font-size: 11px;
  line-height: 1.6em;
  z-index: 10;
  width: 740px;
}
#menu ul, #menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  float: left;
  padding: 0 0 0 2px;
  position: relative;
}
#menu li:hover {
  background: url(gfx/menu-left.gif) 0 0 no-repeat;
}
#menu li:hover ul li {
  background: none;
}
#menu li.li-current, #menu li.li-current:hover {
  background: url(gfx/menu-left-current.gif) 0 0 no-repeat;
}
/*
#menu li:hover ul,
#menu li:hover #flyout {
  display: block;
}
*/
#menu li:hover ul {
  display: block;
}
#menu li:hover a {
  color: #0082E6;
  background: url(gfx/menu-right.gif) 100% 0 no-repeat;
}
#menu li:hover ul a {
  background: none;
}
#menu a.current, #menu a.current:hover, #menu li:hover a.current {
  background: url(gfx/menu-right-current.gif) 100% 0 no-repeat;
}
#menu a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 4px 10px 6px 8px;
}

#menu ul ul {
  display: none;
  width: 195px;
  background: url(gfx/submenu-bg.gif) 0 100% no-repeat;
  position: absolute;
  left: 1px;
  top: 28px;
  padding-bottom: 40px;
}
#menu ul ul li {
  width: 192px;
  padding: 0 0 0 0px;
  background: none;
  float: none;
}
#page #menu ul ul a {
  background: none;
  padding: 0 10px;
  width: 171px;
  line-height: 17px;
  border-bottom: 1px solid #ddd;
  color: #333;
}
#menu ul ul a.first {
  border-top: 1px solid #d8d8d8;
}
#page #menu ul ul a:hover {
  color: #0082E6;
  background: #ececec;
}

#page #menu ul ul ul {
  display: none;
}

#left {
  float: left;
  width: 190px;
  padding: 36px 0 0;
 
}
#ocassion #page #left {
display: none;
 
}

#left ul, #left li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#left ul {
  width: 170px;
  border-bottom: 1px solid #ddd;
}
#left li {
  border-top: 1px solid #ddd;
}
#left li.first {
  display: none;
}
#left a {
  display: block;
  padding: 0 0 0 20px;
  width: 150px;
  color: #036;
  background: url(gfx/left-bullet.gif) 9px 7px no-repeat;
  text-decoration: none;
  font-size: 11px; 
  line-height: 1.5em;
}
#left a:hover {
  color: #0082E6;
  background-color: #ececec;
  background-image: url(gfx/left-bullet-current.gif);
}
#page #left a.current {
  color: #0082E6;
  background-color: white;
  background-image: url(gfx/left-bullet-current.gif);
}

#right {
  float: left;
  width: 150px;
  padding: 60px 20px 0 0;
}
#right a {
  color: #036;
  text-decoration: none;
  font-weight: 600;
  font-size: 11px;
  display: block;
  padding: 0 0 0 10px;
  background: url(gfx/left-bullet.gif) 2px 4px no-repeat;
}
#right a:hover {
  color: #0082E6;
  background-image: url(gfx/left-bullet-current.gif);
}
#right p {
  margin: 0 0 8px 0;
  font-size: 11px;
}
#right ul, #right li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#right ul {
  padding: 8px 0;
}
#right li {
  padding: 0 0 0 10px;
  border-bottom: 1px solid white;
  background: url(gfx/left-bullet.gif) 2px 4px no-repeat;
  line-height: 15px;
}
#right .nextstep li {
  padding: 0 0 0 20px;
  background-color: #f0f0f0;
  background-position: 10px 7px;
  line-height: 18px;
}
#right li:hover {
  background-image: url(gfx/left-bullet-current.gif);
}
#right li.first {
  color: #666;
  font-weight: 600;
  font-size: 11px;
  background: none;
  padding-left: 0;
}
#right li.first:hover {
  background: none;
}
#right .nextstep li.first {
  color: white;
  padding-left: 10px;
  background: url(gfx/tab1.gif) 0 0 no-repeat;
}
#right .nextstep li.first:hover {
  background-image: url(gfx/tab1.gif);
}
#right li a {
  font-weight: normal;
  padding: 0;
  background: none;
  font-size: 12px;
}
#right li a:hover {
  background: none;
}

#footer {
  position: relative;
  margin: -27px 0 0;
  height: 27px;
  clear: both;
  background: #EFF1F3 url(gfx/footer-bg.jpg) 0 0 no-repeat;
  width: 1000px;
}
* html #include #footer {
  margin: -44px 0 0;
  height: 44px;
}
#footer ul, #footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer ul {
  position: absolute;
  right: 10px;
  top: 6px;
}
#footer li {
  float: left;
  border-left: 1px solid #666;
}
#footer li.li-first {
  border: 0;
}
#footer a {
  color: #666;
  font-size: 10px;
  text-decoration: none;
  display: block;
  padding: 0 10px;
  line-height: 13px;
}
#footer a:hover {
  color: #0082E6;
}
#popup #footer {
  background: #d1d1d1;
  width: 400px;
  font-size: 10px;
  line-height: 16px;
  margin: -16px 0 0;
  height: 16px;
  padding: 0 0 0 20px;
}
#popup #footer a {
  display: inline-block;
  background: #527bb9;
  float: right;
  color: white;
  border: 1px solid white;
  border-width: 0 1px;
  line-height: 16px;
}
#popup #footer a:hover {
  background: #f60;
}

#iframe {
  float: left;
  width: 390px;
  padding: 36px 20px 34px 0;
}
#semiwide #iframe {
  width: 600px;
  padding-right: 0;
}
#wide #iframe {
  width: 1000px;
  padding-right: 0;
  overflow: hidden;
  scrolling: off;
}
#includeframe {
  width: 100%;
  display: none;
}

#flash {
  width: 1000px;
  height: 310px;
}
#home #flash {
  padding-bottom: 34px;
}

#blocks {
  width: 1000px;
  height: 160px;
  overflow: hidden;
  padding: 0 0 27px 0;
  background: url(gfx/blocks-bg.gif) 0 0 repeat-x;
}
#blocks a {
  color: #036;
  font-size: 11px;
  text-decoration: none;
}
#blocks a:hover {
  color: #0082e6;
}
#blocks ul, #blocks li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#blocks .linklist {
  float: left;
  width: 161px;
  padding: 46px 20px 0 19px;
  background: url(gfx/snelnaar.gif) 18px 18px no-repeat;
}
#blocks .linklist li {
  padding: 0 0 0 10px;
  background: url(gfx/home-bullet.gif) 0 3px no-repeat;
}
#blocks .linklist li:hover {
  padding: 0 0 0 10px;
  background-image: url(gfx/home-bullet-current.gif);
}
#blocks .free {
  float: left;
  width: 300px;
  height: 160px;
}
#blocks .news {
  float: left;
  width: 252px;
  height: 160px;
  padding: 46px 10px 0 19px;
  background: url(gfx/news-home-bg.jpg) 0 0 no-repeat;
}
#blocks .news a {
  font-weight: 200;
  display: block;
  padding: 0 0 0 10px;
  background: url(gfx/home-news-bullet.gif) 0 3px no-repeat;
}
#blocks .news a:hover {
  background-image: url(gfx/home-news-bullet-current.gif);
}
#blocks .news p {
  margin: 0 0 8px 0;
  font-size: 11px;
  color: #666;
}

#blocks .nnn {
  float: left;
  width: 219px;
  height: 160px;
  background: white;
}

/*** flyout ***/
#menu ul.flyout {
  background-image: url(gfx/submenu-flyout-bg.gif);
  width: 170px;
  padding-right: 200px;
  height: 344px;
}
#page #menu ul.flyout li {
  width: 170px;
}
#page #menu ul.flyout a {
  width: 150px;
}

#flyout {
  display:none;
  position: absolute;
  left: 170px;
  top: 28px;
}
#menu #flyout {
  position: absolute;
  left: 170px;
  top: 28px;
  padding: 0 0 0 25px;
  width: 171px;
  border-top: 1px solid #d8d8d8;
  display: none;
}
#menu #flyout ul {
  width: 170px;
  background: none;
  position: relative;
  left: 0;
  top: 0;
}
#menu #flyout ul li {
  width: 176px;
}
#menu #flyout ul li a {
  width: 151px;
}
#flyout p {
  margin: 0;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #d8d8d8;
  color: #999;
  font-weight: bold;
}

#flyout div.tab {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 352px;
  height: 384px;
  padding: 0 0 0 15px;
  background: url(gfx/flyout-bg.gif) 0 0 no-repeat;
}
#flyout li:hover div {
  display: block;
  left: 172px;
}
#menu #flyout #models li {
  float: left;
}
#menu #flyout #models a {
  background: url(gfx/flyout-bullet.gif) 100% 0 no-repeat;
}
#menu #flyout #models li:hover a,
#menu #flyout #models a:hover,
#page #menu #flyout #models a.current {
  background-image: url(gfx/flyout-bullet-current.gif);
  background-color: #ececec;
  color: #0082E6;
}
#flyout #models img {
  position: absolute;
  left: 67px;
  top: 170px;
}
#menu #flyout div.tab div.title {
  height: 60px;
  background: url(/gfx/trans.gif) 10px 0 no-repeat;
}
*:first-child+html #menu #flyout div.tab div.title { /* ie7 */
  height: 70px;
  background-position: 10px 17px;
}
* html #menu #flyout div.tab div.title { /* ie6 */
  height: 70px;
  background-position: 10px 17px;
}
#menu #flyout div.tab div.title h1 {
  display: none;
}

#menu #flyout div.tab ul {
  display: block;
  border-top: 1px solid #d8d8d8;
}
#menu #flyout #models div.tab ul a {
  padding: 0 0 0 20px;
  color: #333;
  background: #fbfbfb url(gfx/flyout-bullet.gif) 10px 0 no-repeat;
}
#flyout div.tab p {
  border: 0;
}
#flyout .left {
  float: left;
  width: 180px;
}
#flyout .right {
  float: left;
  width: 157px;
}
#menu #flyout #models .right .normal {
  font-weight: normal;
  line-height: 1.2em;
  color: #666;
}

/*** div tekst ***/
#tekst {
  float: left;
  width: 380px;
  padding: 36px 30px 34px 0;
}
#tekst p, #tekst ul, #tekst ol,
div#tekst table td, div#tekst table th {
  line-height: 1.25em;
}
#popup #tekst {
  padding: 20px;
}

#tekst table {
}

h1 {
  color: #7d7d7d;
  font-size: 18pt;
  margin: 0;
}
.edit h1 {
  line-height: 1.0em;
}
#iframe h1 {
  margin: 0 0 10px 20px;
}

#tekst h2 {
  color: #7d7d7d;
  font-size: 14pt;
  margin-top: 0;
}
#tekst h3 {
  color: #666;
  font-size: 12px;
  margin-bottom: 4px;
}
#tekst p {
  margin: 0 0 13px;
}
#tekst a {
  display: block; /* ff2 */
  display: inline-block; /* the rest: ie6-8, ff3 */
  padding: 0 0 0 10px;
  background: url(gfx/left-bullet.gif) 0 4px no-repeat;
  color: #003366;
  text-decoration: none;
}
#tekst a:hover {
  color: #0082e6;
  background-image: url(gfx/left-bullet-current.gif);
}
#tekst a img {
  position: relative;
  left: -10px;
  top: -1em;
}
#tekst a.xcms_download {
  padding: 0 0 0 20px;
  background: url(gfx/download-bullet.gif) 0 2px no-repeat;
}
#tekst a.xcms_download:hover {
  background-image: url(gfx/download-bullet-current.gif);
}

#tekst ul, #tekst li {
  margin: 0;
  padding: 0;
  list-style: none;  
}
#tekst ul {
  margin: 8px 0 10px;
}
#tekst li {
  padding: 0 0 0 10px;
  background: url(gfx/bullet.gif) 0 5px no-repeat;
}

.tablec {
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

#tekst .searchrow a, #tekst .searchquery a {
  display: inline;
  padding: 0;
  background: none;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 165px;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 200px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}

/*** sIFR ***/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

/*** album ***/
#albumform li {
  background: none;
  padding: 0;
}
#tekst #albumform a, #tekst #albumform span {
  border: 0;
  display: inline;
  padding: 0;
  background: none;
}
#tekst #albumform a {
  text-decoration: underline;
}

.openinghours th {
  text-align: left;
  width: 125px;
}
.openinghours th.head {
  width: 350px;
}
.openinghours th {
  padding: 4px 0 0;
}
.openinghours td {
  padding: 0;
}

#mbnews td {
  width: 190px;
}
#mbnews img {
  margin: 0.5em 0;
}
#mbnews td p {
  width: 180px;
}
#mbnews #datum {
  display: none;
}

/*** shop css ********************************************/
.shoptable {
  border: 1px solid #e2e4e6;
  width: 410px;

}
.shoptitle {
  background-color: #828b94;
  color: #ffffff;

}

.shopbottomproduct {
   background-color: #eff1f3;
   margin: 0;
   padding: 0;
   padding-bottom: 2px;
   border: none;
}

.shopbutton {
 background-color: #ffffff;
 border: 1px solid #e2e4e6;
 margin-left: 5px;
 margin-bottom: 2px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 color: #828b94;
 font-weight: bold;
}

#tekst .shoptable .shopbottom {
  background-color: #eff1f3;
  TEXT-ALIGN: right;
}

#tekst .shoptable .shoptotalline {	
  BORDER-TOP: 1px solid #f9f9fa;	
  FONT-WEIGHT: bold;	
  WHITE-SPACE: nowrap;
  TEXT-ALIGN: left;
}
#tekst .shoptable .shopdelcol {
   background-color: #828b94;

}

.shoptable INPUT {	WIDTH: 180px;}
#cartform SELECT.countryselect {	WIDTH: 150px;}


.shopadresheader {	
FONT-WEIGHT: bold;	
BORDER-BOTTOM: #e2e4e6 1px solid;
TEXT-ALIGN: left;
}


/*** nieuws **************************************/

.nieuwsitem
{	display:none;
	background-color: #f8f8f8;
	padding-top: 23px;
	padding-left: 16px;
	padding-bottom: 50px;
	font-size: 12px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;	
	border-bottom: solid #dddddd 1px;
}
#page #tekst #nieuws_titel {
	background-color: #ececec;
	font-family: arial;
	font-size: 8.2pt;
	color: #666;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 35px;
	border-top: solid #dddddd 1px;
}
#page #tekst #nieuws_omschrijving {
	width: 465px;
	float: left;
	margin-right: 10px;	
}

#flyout #models .tab .tab img {
	margin-top: 20px;
}


/*** occasionmodule **************************************/
#page #tekst #occasions_container table {
  
  border: 1px solid #dddfe2;
  

}
#page #tekst #occasions_container {
	width: 770px;
        
         
        
}
#page #tekst #occasions_container .occasion_foto_list {
	height: 113px;
	width: 150px;
         margin: 20px -2px -8px 8px;    
     
}
#page #tekst #occasions_container .occasion_lijst_tr td {
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 2px;
         border-right: 1px solid #dddfe2;
         border-bottom: 1px solid #dddfe2;
         height: 1px;

}

#page #tekst #occasions_container th {
padding-left: 12px;
height: 25px;

}


#page #tekst #occasions_container .occasion_lijst_tr:hover {
	background-color: #e4e5e8;
}
#page #tekst #occasions_container th {
	background-color: #d4d7db;
         font-weight: bold;
         color: #1f376d;
         vertical-align: middle;

}

#page #tekst #occasions_container .occasion_lijst_tr a {
	display: block;
	
	}
#page #tekst #occasions_container .occasion_lijst_tr td {
	text-align: left;
}
#page #tekst #occasions_container a {
  background-image: none;

}

/** detail ******************* **/
#page #tekst #occasions_detail_container {
	width: 770px;
        
}


#page #tekst #occasions_detail_container a {
 background-image: none;
}


#page #tekst #occasions_detail_container .occasions_titel_detail {
margin-left: 0px;
margin-bottom: 15px;
}



#page #tekst #occasions_detail_container .occasions_right h2 {
  margin-bottom: 2px;
  margin-left: -1px;
}
#page #tekst #occasions_detail_container .occasions_right #td_left {
  
  width: 150px;

}

#page #tekst #occasions_detail_container .hoofdfoto {
	height: 338px;
	width: 450px;
	margin-right: 34px;
}
#page #tekst #occasions_detail_container .detail_foto {
	height: 96px;
	width: 128px;
	float: left;
	margin: 0;
         margin-right: 19px; 
         margin-bottom:12px;
         line-height: normal;
}
#page #tekst #occasions_detail_container .occasions_left {
	width: 466px;
}
#page #tekst #occasions_detail_container .occasions_right {
	width: 300px;
       
         padding-top: 32px;
}

#page #tekst #occasions_detail_container .detail_extrafoto {

margin-top: 0;
margin-right: 50px

}

#page #tekst #occasions_detail_container .nav_auto {

padding: 10px;

margin-right:45px;
}

#page #tekst #occasions_detail_container .terugnaaroverzicht {

padding: 10px;
}

#page #tekst #occasions_detail_container .occasions_right a {
background-image: url(gfx/left-bullet-current.gif);
/*0 4px no-repeat;*/
margin-left: 5px;
}

#page #tekst #occasions_detail_container .footertekst_occasions {
font-size: 10px;
}
#page #tekst #occasions_detail_container h2 {
margin-bottom: 2px;

}