/*******************************************************************************************************************/
/**
 * @author Holger
 * @copyright 2010
 */
/*******************************************************************************************************************/

/* DIV all */
.car_container_all {
  position: relative;
  width: 590px;
  height: auto;
  margin: 20px 0px 10px -15px; /*20px 0px 10px -15px;*/
}
/* klasse zur tabellarischen ausgabe */
.car_list_container {
  width: 100%;
  height: auto;
  clear: both;
  margin: 10px 0px;
  margin-bottom: 30px;
  
}
/* tabellen überschrift */
.car_header {
  background-color: #990000;
  background: url("../graphic/red_gradient.jpg") repeat-x 0 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 3px;
  border: 1px solid #990000;
}
/* sortier-links in der tabellenüberschrift */
.car_header a,
.car_header a:hover {
  color: #FFFFFF;
  outline: 0;
  text-decoration: none;
}
.car_header a:hover {
  color: #333333;
}
/* allgmeine beschreibung */
.car_description {
  vertical-align: top;
  font-size: 10px;
}
/* km stand */
.car_km {
  vertical-align: top;
  font-size: 11px;
  text-align: right;
  font-weight: bold;
}
/* preis des fahrzeugs */
.car_price {
  vertical-align: top;
  font-size: 11px;
  text-align: right;
  padding-right: 7px;
  font-weight: bold;
}
/* link zum details aufrufen */
.car_description a,
.car_description a:hover {
  color: #333333;
  outline: 0;
  text-decoration: none;
  font-weight:  bold;
}
.car_footer {
  background-color: #990000;
  border: 1px solid #990000;
  background: url("../graphic/red_gradient.jpg") repeat-x 0 0;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 10px;
  color: #FFFFFF;
}
.car_footer a {
  color: #FFFFFF;
}
.car_footer a:hover {
  color: #333333;
}
/*******************************************************************************************************************/

.car_description a:hover {
  color: #990000;
}
.car_container_all h2 {
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  text-align: left;
  margin: 0px 0px 8px 0px;
  padding: 5px 0px 2px 5px;
  letter-spacing: -1px;
  clear: both;
  border-bottom: 1px solid #333333;
}
/* DIV admin control panels */
#car_admin {
  border:                                   1px dashed #000000;
  padding:                                  10px;
  width:                                    auto;
  text-align:                               left;
}
.lightbox {
  border: 1px solid #888888;
  width: 100px;
}
/*******************************************************************************************************************/
/*
.button_normal,
.button_mover,
.seiten_navi a,
.navi_a,
.seiten_navi a:hover {
  margin:                                   5px 3px 0px 0px;
  padding:                                  2px 5px 2px 5px;
  background-color:                         #544F43;
  color:                                    #F1F1F1;
  background:                               url("../graphic/button.png") repeat-x 0 0;
  height:                                   19px;
  border:                                   1px solid #3B505D;
  font-size:                                10px;
  font-weight:                              bold;
  text-decoration: none;
}

.button_mover,
.navi_a,
.seiten_navi a:hover {
  background-color:                         #EFEFEF;
  color:                                    #062132;
  background:                               url("../graphic/button_a.png") repeat-x 0 0;
}

.button_normal,
.button_mover {
  padding:                                  0px 5px 2px 5px;
}
*/
/*******************************************************************************************************************/

#admin_login {
  width:                                    235px;
  margin:                                   50px auto 0px auto;
  font-weight:                              bold;
  font-size:                                10px;
}

#i_login, #i_pass {
  width:                                    200px;
  margin-top:                               5px;
  text-align:                               right;
}

#i_button {
  text-align:                               right;
  margin:                                   0px 15px 5px 0px;
}

/*******************************************************************************************************************/

.color_red {
  color: #990000;
}

/*******************************************************************************************************************/

/* detail ausgabe pro fahrzeug */

#car_picture_container {
  width: 540px;
  height: 330px;
  margin: 3px;
  margin-bottom:  10px;
/*  border:1px solid;*/
}
#car_details_pictures {
  float: left;
}
.car_details_pictures_small {
  float:left;
  /*padding: 3px;*/

}
.thumb img{
  outline: 0;
  border: none;
  float:left;
}

.thumb:hover{
  background-color: transparent;
  outline: 0;
  border: none;
}

#medium,
.small_pic_padding {
  padding: 3px;
}
.thumb:hover img{
  outline: 0;
  border: none;
}

.thumb span{ /*CSS for enlarged image*/
  position: absolute;
  visibility: hidden;
}

.thumb span img{ /*CSS for enlarged image*/
  
}

.thumb:hover span{ /*CSS for enlarged image*/
  visibility: visible;
  top: 3px;
  left: 6px; /*position where enlarged image should offset horizontally */
  z-index: 50;
}
#car_daten {
  float: left;
  width: 450px;
  border-right: 1px dotted #FEFEFE; 
  margin: 15px 10px 10px 3px;
  font-size: 12px;
}
#details_table {
  cursor: default;
}
.details_table_desc {
  padding: 2px 20px 2px 5px;
  vertical-align: top;
}
.details_table_val {
  padding: 2px 10px 2px 0px;
  vertical-align: top;
}
.change_td {
	background-color:#FFFFFF;
	cursor:default;
}
.change_td_back {
	background-color:transparent;
	cursor:default;
}
#car_options {
  float: left;
  width: 90px;
  height: auto;
/*  border: 1px solid;*/
  text-align: right;
  margin-top: 20px;
  
}
#car_ausstattung {
  clear: both;
  width: 580px;
/*  border: 1px solid;*/
  margin: 0px 0px 0px 0px;
  font-size: 11px;
  line-height: 18px;
}

/*******************************************************************************************************************/

/* formular tell a friend */
.car_container_all h3 {
  font-size: 14px;
  margin: 3px 0px 10px 0px;
  
}
.details_tell_desc {
  padding: 9px 20px 2px 5px;
  vertical-align: top;
  font-size: 11px;
}
.details_tell_val {
  padding: 5px 10px 0px 0px;
  vertical-align: top;
}
.details_tell_val .input,
.details_tell_val .input_area {
  width: 290px;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  border: 1px solid #FFFFFF;
  background-color: #EFEFEF;
  padding: 3px;
}
.details_tell_val .input_area {
  height: 100px;
}
.car_container_all ul {
  list-style-type:  square;
  font-weight: bold;
}

/*******************************************************************************************************************/
/* DIV quick search result */

.quick_search_result {
  width: 100%;
  height: auto;
  font-size: 10px;
  font-weight: bold;
  color: #990000;
  text-align: center;
  margin: 10px 0px 20px 0px;
}

/*******************************************************************************************************************/
/* prospekt bestellung */

.prosp_input {
  width: 190px;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  border: 1px solid #FFFFFF;
  background-color: #EFEFEF;
  padding: 3px;
}

.info_icon { position:absolute; padding-left:5px; display: inline; float:left; }
.tooltip { display:block; z-index: 999; position: absolute; top:20px; left:-110px; display: none; width:260px; border:1px solid #647B86; height:auto; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
.tooltip_head { display:block; background-image: url("../graphic/red_gradient.jpg"); background-repeat: repeat-x; height:19px; text-align:left; padding:6px 5px 0px 5px; font-weight:bold; font-size: 11px; letter-spacing: -1px; text-transform: uppercase; color: #FFF; }
.tooltip_content { display:block; border-top:1px solid #333; padding:5px; background-color:#EFEFEF; text-align:left; font-size: 10px; color:#333;}
.tooltip_content ul { list-style-type: square; }

/*******************************************************************************************************************/
/* spamfeld ausblenden */
.formular_elemente { display: none; }