@charset "utf-8";
/* CSS Witmer Odijk - Klasieke auto's  - Oldtimers */

* {
	padding:0;
	margin:0;
	}

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #b9b9b9;
	background-color:#000;
	text-align:center;
	scrollbar-face-color: #343434;
	scrollbar-highlight-color: #343434;
	scrollbar-shadow-color: #343434;
	scrollbar-3dlight-color: #575757;
	scrollbar-arrow-color: #343434;
	scrollbar-track-color: #404040;
	scrollbar-darkshadow-color: #575757;
}

a:focus {outline-style: none;}

a {outline:none;}

a:link, a:visited, a:active {
	text-decoration: none; 
	color: #787878;
	outline : none; 
	-moz-user-focus: none; 
	-moz-outline: none;
    -moz-outline-style: none;
	}

a:hover {
	text-decoration: none; 
	color: #ffc600;
	}

a:active, a:focus {
      outline: none;
	  width:0; 
	  height:0;
	  -moz-outline: none;
	  -moz-outline-style: none;
	}

/* lindefinition car pages */

a.car-page:link,  a.car-page:visited,  a.car-page:active {
	text-decoration: none; 
	color: #ffc600;
	outline:none;
	-moz-user-focus: none; 
	-moz-outline: none;
	-moz-outline-style: none;
	}

a.car-page:hover {
	text-decoration: none; 
	color: #787878;
	}

 a.car-page:active,  a.car-page:focus {
      outline: none;
	  width:0; 
	  height:0;
	  -moz-user-focus: none; 
	  -moz-outline: none;
	  -moz-outline-style: none;
	}

/* end lindefinition car pages */

.adres_footer {
	font-size:10px;
	color:#adadad;
	}

#bottom_img {
	width:890px;
	padding: 0;
	margin:0;
	}

.bullseye_01 {
	width: 26px;
	height: 100px;
	background: url('../img/anim_bulls_eye_0.5.gif') center center no-repeat;
	}
	
.bullseye_02 {
	width: 26px;
	height: 95px;
	background: url('../img/anim_bulls_eye_1.0.gif') center center no-repeat;
	}

.bullseye_03 {
	width: 26px;
	height: 100px;
	background: url('../img/anim_bulls_eye_1.5.gif') center center no-repeat;
	margin-left: 40px;
	}

.bullseye_04 {
	width: 26px;
	height: 95px;
	background: url('../img/anim_bulls_eye_2.0.gif') center center no-repeat;
	margin-left: 40px;	
	} 

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	}

.columnleft {
	float: left;
	margin:0 0 23px 1px;
	padding:0px;
	font-size:9px;
	width: 193px;
	height:1100px;
	text-align:center;
	background: url('img/bg_column_left.gif') repeat-y;
	overflow-y: scroll;
	cursor: pointer; 
	}

.columnright {
	float: right; 
	margin:0px;
	width: 666px;
	padding: 0 11px 0 0;	
	}

.columnright_autoverkopen {
	float: right; 
	margin:0px;
	width: 666px;
	padding: 0 11px 0 0;	
	background-image: url('../img/bg_autoverkopen.jpg');
	background-position:top center;
	background-repeat: no-repeat;
	background-attachment:scroll;
}

.columnright_zoekopdracht {
	float: right; 
	margin:0px;
	width: 666px;
	padding: 0 11px 0 0;	
	background-image: url('../img/bg_zoekopdracht.jpg');
	background-repeat:no-repeat;
	background-position:center; 
	background-attachment:fixed;
}

.columnright_contact {
	float: right; 
	margin:0px;
	width: 666px;
	padding: 0 11px 0 0;	
	background-image: url('../img/bg_contact.jpg');
	background-position:top center;
	background-repeat: no-repeat;
	background-attachment:scroll; 
}

.columnright_thankyou {
	float: right; 
	margin:0px;
	width: 666px;
	height: 600px;
	padding: 0 11px 0 0;	
	background-image: url('../img/bg_thankyou.jpg');
	background-position:top center;
	background-repeat: no-repeat;
	background-attachment:scroll; 
}

.container_small_l{
	width: 280px;
	height:120px;
	float:left;
	padding: 12px;
	background-color:#282828;
	border: 1px solid #424242;
	}

.container_small_r{
	width: 280px;
	height:120px;
	float:right;
	padding: 12px;
	margin-right:10px;
	background-color:#282828;
	border: 1px solid #424242;
	}

div {
	border:0;
	}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

:focus {
	outline:none;
}

#footer {
	padding: 8px 20px 40px 0px;
	text-align: right;
	}

.footer_text {
	font-size:10px;
	color:#787878;
	}

#flash {
	float:right;
	width:250px;
	}

.fullheight {
	height:100%;
}

h1, h2, h3, h5, .txtXL {
	font-family: "Lucida Grande", verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #e8bf2a;
	font-weight: normal;
}

h1,.txtXL {
	font-size: 150%;
	line-height: 30px;
	margin: 5px 0 5px 0;
}

.txtXL
{
	color:#b9b9b9;
	font-size:135%;
}

h2 {
	margin: 5px 0 10px 0;
	line-height: 30px;
	font-size: 130%;
}

h2 a:link, h2 a {
	font-weight: normal;
	color: #e8bf2a;
}

h3 {
	margin: 0 0 0 0;
	line-height: 30px;
	font-size: 160%;
	margin: 5px 0 5px 0;
}

h4 {
	font-family: "Lucida Grande", verdana, sans-serif;
	margin: 5px 0 5px 0;
	font-size: 110%;
	color:#8a8a8a;
}

h5 {
	font-family: "Lucida Grande", verdana, sans-serif;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #66655f;
}

#header {
	height:199px;
	padding: 0;
	}	
	
#huidig_aanbod {
	width:100%;
	height:32px;
	display:block;
} 

.home_smallnav {
	float:right;
	display: block;
	}

#header_carpage {
	float:left;
	width:354px;
	}


img {
	border: none;
	}

/* MouseOver car list */

#links ul {
        list-style-type: none;
        width: 620px;
} 

#links img {
float:left;
padding-top:30px;
}

#links li {
        border-bottom: 1px solid #333;
        border-width: 1px 0;
        margin: 0;
}

#links li a { 
	display: block;
	padding: 65px 0px 5px 0px;
	font-size: 22px;
	font-family: georgia, serif;
	font-weight: normal;
	color: #737373;		
	text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 620px;
}

#links li a:hover {
        background: #282828;
}

#links a em { 
        color: #b9b9b9;
        display: block;
        font: normal 50%  "Lucida Grande", verdana, sans-serif;
        line-height: 250%;
		padding-bottom:50px; 
}

#links a span {
        color: #125F15;
        font: normal 70%  "Lucida Grande", verdana, sans-serif;
        line-height: 250%;
}


/* End MouseOver car list */




#main_text_hp {
	text-align:left;
	margin:40px 0px 20px 0px;
	background: url('../img/bg_cars_hp.jpg') no-repeat top;
	}

#main_text {
	text-align:left;
	margin:20px;
	}

p {
	margin: 0 0 10px 0;
	padding: 0;
	}


/* --- Begin TOP nav DUTCH --- */

#container_topnav {
	float:left;
	position: relative;
	width: 890px;
	height: 43px;
	padding: 0;
	margin: 0 0 0 0;
	background: #333;	
	}

#topnav {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 43px;
	display: inline;
	overflow: hidden;
	width: 890px;
	}
	
#topnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#topnav a {
	float: left;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:43px; /* for IE5/Win */
	}
	
#topnav a:hover {
	background-position: 0 -43px;
	}

#topnav a:active, #topnav a.selected {
	background-position: 0 -86px;
	}

#t_garage_onderhoud a  {
	width: 197px;
	background: url('../img/nav_garage_en_onderhoud.jpg') top left no-repeat;
	}

#t_consignatieverkoop_bemiddeling a  {
	width: 189px;
	background: url('../img/nav_consignatie_bemiddeling.jpg') top left no-repeat;
	}

#t_zoekopdrachten a  {
	width: 246px;
	background: url('../img/nav_zoekopdrachten.jpg') top left no-repeat;
	}

#t_contact_adres a  {
	width: 166px;
	background: url('../img/nav_contact_en_adres.jpg') top left no-repeat;
	}
	
#t_home a  {
	width: 92px;
	background: url('../img/nav_home.jpg') top left no-repeat;
	}


/* --- End top nav ALL --- */


#container_nav_left {
	position: relative;
	width: 283px; 
	height: 98px;
	padding: 0;
	margin: 0 auto;
	text-align:left;
	float:left;	
	}

#nav_left {
	position: absolute;
	top: 0px;
	left: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 392px; /* was 4x 480 */
	display: inline;
	overflow: hidden;
	width: 283px;
	}
	
#nav_left li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav_left a {
	float: left;
	padding: 98px 0 0 0; /* top right bottom left */
	overflow: hidden;
	height: 0px !important; 
	height /**/:98px; /* for IE5/Win */
	}
	
#nav_left a:hover {
	background-position: -283px 0; 
	}





#container_nav_right {
	position: relative;
	width: 283px; 
	height: 98px;
	padding: 0;
	margin: 0 auto;
	text-align:left;
	float:right;	
	}

#nav_right {
	position: absolute;
	top: -1px;
	left: 1px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 392px; /* was 4x 480 */
	display: inline;
	overflow: hidden;
	width: 283px;
	}
	
#nav_right li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav_right a {
	float: left;
	padding: 98px 0 0 0; /* top right bottom left */
	overflow: hidden;
	height: 0px !important; 
	height /**/:98px; /* for IE5/Win */
	}
	
#nav_right a:hover {
	background-position: -283px 0; 
	}

/* --- Start Dutch nav CAR buttons --- */


#t_klassieke_sportauto a  {
	width: 345px;
	background: url('../img/nav_klassieke_sportauto.jpg') top left no-repeat;
	}

#t_porsche_specialisatie a  {
	width: 345px;
	background: url('../img/nav_porsche_specialisatie.jpg') top left no-repeat;
	}
	
#t_saab_cabrio_specialisatie a  {
	width: 345px;
	background: url('../img/nav_saab_cabrio_specialisatie.jpg') top left no-repeat;
	}
	
#t_moderne_sportauto a  {
	width: 345px;
	background: url('../img/nav_moderne_sportauto.jpg') top left no-repeat;
	}
	
/* --- End Dutch nav CAR buttons --- */



	
/* Begin MouseOver Flags */


#container_flags_nl {
	position: relative;
	width: 25px;
	height: 19px;
	padding: 0;
	margin: 11px 0 0 0;
	float:right;	
	}

#flags_nl {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 19px;
	display: inline;
	overflow: hidden;
	width: 25px;
	}
	
#flags_nl li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#flags_nl a {
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* for IE5/Win */
	}
	
#flags_nl a:hover {
	background-position: 0 -19px;
	}

#flags_nl a:active, #flags_nl a.selected {
	background-position: 0 -38px;
	}

#t_flag_nl a  {
	width: 25px;
	background: url('../img/flag_nl.jpg') top left no-repeat;
	}


/* Flag UK */

#container_flags_uk {
	position: relative;
	width: 30px;
	height: 19px;
	padding: 0;
	margin: 11px 0 0 0;
	float:right;	
	}

#flags_uk {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 19px;
	display: inline;
	overflow: hidden;
	width: 30px;
	}
	
#flags_uk li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#flags_uk a {
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* for IE5/Win */
	}
	
#flags_uk a:hover {
	background-position: 0 -19px;
	}

#flags_uk a:active, #flags_nl a.selected {
	background-position: 0 -38px;
	}



#t_flag_uk a  {
	width: 30px;
	background: url('../img/flag_uk.jpg') top left no-repeat;
	}

/* End MouseOver Flags */


#saab {
	background-image:url('../img/bg_saab.gif');
	background-repeat: repeat-y;
	}

.sfeerTekst	{
	color: #b9b9b9;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 14px;
	text-align:left;
}

#smallnav {
	background-image:url('../img/bg_nav.gif');
	width:890px;
	height:44px;
	text-align:left;
}

#wrapper {
	background-image: url('../img/bg_main.gif');
	background-position: center;
	position: absolute;
	width: 890px;
	left: 50%;
	margin-left: -445px;
	}

#wrapper_car_buttons {
	margin: 20px 0 0 0;
	width:100%;
	float:left;
	}

#wrapper_flags {
	position: absolute;
	width: 890px;
	left: 50%;
	margin-left: -445px;
	z-index:100;
	}
	
	
/* End MouseOver Flags | End of Jips CSS */	
	







/* Code by Sergi follws below */

.carlisting
{
	overflow:hidden;
	list-style-type:none;
	border-left:1px solid #666;
	width:890px;
}
.carlisting li
{
	border-bottom:1px solid #1d1d1d;
	margin:0 0 0 0;
	padding:0;
	overflow:hidden;
	height:174px;
	width:888px;
	outline:none;
	-moz-user-focus: none; 
	-moz-outline: none;
    -moz-outline-style: none;
}
.carlisting li img
{
	border:1px solid #7a7a7a;
	float:left;
	margin:0 15px 0 0;
}
.carlisting li a.carpreview
{
	display:block;
	padding:20px;
	overflow:hidden;
	width:845px;
	height:100%;
	outline:none;
	-moz-user-focus: none; 
	-moz-outline: none;
	-moz-outline-style: none;
}
.carlisting li a.carpreview:hover
{
	background-color:#131313;
	color:#e8bf2a;
	/*color:#ececec;*/
}
.carlisting li .cardesc
{
	font-family:"Lucida Grande", verdana, sans-serif;
	font-size:150%;
	color: #ccc;
	padding-top:15px;
	padding-bottom:10px;
}

/*.carlisting li
{
	list-style-type:none;
	overflow:hidden;
	border-left:1px solid #666;
	border-right:1px solid #666;
	width:100%;
}

.carlisting li a.carpreview
{
	display:block;
	overflow:hidden;
	height: 128px;
	text-decoration:none;
	width:100%;
}

.carlisting li a.carpreview:hover
{
	background-color:#101000;
	color: #e8bf2a;


.carlisting li img.carimg
{
	float:left;
	margin-right:15px;
}

.carlisting li div.cardesc
{
	float:left;
	font-family:georgia, serif;
	font-size:1.7em;
	color: #ccc;
	padding-top:15px;
	padding-bottom:10px;
}*/

.singlecarcontent
{
	text-align:center;

}

.singlecarcontent h1
{
	text-align:center;
	font-family:"Lucida Grande", verdana, sans-serif; /* JIP CHANGED GEORGIA TO LUCIDA GRANDE */
	font-size:2em;
	color: #ccc;
	padding-bottom:10px;
}

#thumbmatrixwrapper {
  /* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
  /* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 798px; /* Was 600 px ---> Jip changed it to 798px */
  /* Set left and right margins to auto, thus centering the
     element in the containing (body) tag: */
  margin-left: auto;
  margin-right: auto;
}