/* -----------------------------------------------------------------------------
  MAIN
----------------------------------------------------------------------------- */
#main .top,
#main .center,
#main .bottom
  {
  position:relative;
  float:left;
  width:975px;
  margin:0;
  padding:0 0 0 25px;
  background:#ccc;
  }
#main .top
  {
  padding-top:20px;
  -moz-user-select:none;
  }
#main .center
  {
  padding-top:0;
  z-index:50;
  }
#main .bottom
  {
  padding-bottom:30px;
  -moz-user-select:none;
  }

/* -----------------------------------------------------------------------------
  MAIN: TOP
----------------------------------------------------------------------------- */
#main .top .headlines 
  {
  display:block;
  float:left;
  width:640px;
  margin:0;
  padding:0;
  overflow:hidden;
  }
#main .top .buttons 
  {
  display:block;
  float:left;
  width:310px;
  height:20px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-align:right;
  }
#main .top .line_left,
#main .top .line_full
  {
  clear:left;
  float:left;
  height:1px;
  margin-top:10px;
  padding-bottom:10px;
  overflow:hidden;
  background:transparent url(../img/lines/dotted_555.gif) 0 0 repeat-x;
  }
#main .top .line_left
  {
  width:640px;
  } 
#main .top .line_full
  {
  width:950px;
  }  
#main .top p 
  {
  clear:left;
  float:left;
  width:640px;
  padding:0; 
  margin:0;
  }

/* -----------------------------------------------------------------------------
  MAIN: CENTER
----------------------------------------------------------------------------- */
#main .center
  {
  clear:left;
  }
#main .center label,
#main .center .box h3,
#main .center .td,
#main .center td,
#main .center #fr,
#main .center #links
  {
  -moz-user-select:none;
  }
/* #main .center #fd, */

/* -----------------------------------------------------------------------------
  MAIN: BOTTOM
----------------------------------------------------------------------------- */
#main .bottom p
  {
  position:relative;
  margin:0;
  padding:0 0 0 2px;
  font-size:10px;
  }
#main .bottom .star
  {
  position:relative;
  top:-4px;
  }
#main .bottom .pipe
  {
  position:relative;
  top:1px;
  }
#main .bottom p a,
#fd .footnote a
  {
  color:#000;
  }
#main .bottom p a:hover,
#fd .footnote a:hover
  {
  color:#000;
  }
  
/* -----------------------------------------------------------------------------
  FONTS & SPACER
----------------------------------------------------------------------------- */
.f14
  {
  font-size:14px;
  }
.vs5
  {
  display:block;
  clear:left;
  height:5px;
  margin:0;
  padding:0;
  overflow:hidden;
  }
.hs10
  {
  display:block;
  float:left;
  width:10px;
  margin:0;
  padding:0;
  overflow:hidden;
  }

/* -----------------------------------------------------------------------------
  NOSCRPIPT OVERLAY
----------------------------------------------------------------------------- */
#overlay
  {
  position:fixed;
  top:0;
  left: 0;
  width: 100%;
  height:100%;
  min-height:1024px;
  background-color: #000;
  z-index:500;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  }
#overlay_content
  {
  position:absolute;
  top:334px;
  left:334px;
  margin:0 auto;
  padding:20px;
  width:320px;
  height:100px;
  text-align:center;
  background:#fff;
  z-index:1000;
  z-index:500;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  }
#overlay_content p
  {
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  margin:0 0 25px 0;
  }
  
/* -----------------------------------------------------------------------------
  BUTTONS
----------------------------------------------------------------------------- */
.button
  {
  position:relative;
  display:block;
  margin:10px 0 0 0;
  background-position:0 0;
  background-repeat:no-repeat;
  cursor:pointer;
  }
.button:hover
  {
  background-position:0 -20px;
  }
.weiter
  {
  width:57px;
  height:20px;
  margin:0 auto;
  background:url(../img/buttons/weiter.gif);
  }
.neue_suche
  {
  float:right;
  width:95px;
  height:20px;
  margin:0 0 0 10px;
  background:url(../img/buttons/neue_suche.gif);
  }
.suche_verfeinern
  {
  float:right;
  width:110px;
  height:20px;
  margin:0 0 0 10px;
  background:url(../img/buttons/suche_verfeinern.gif);
  }
.zurueck
  {
  float:right;
  width:62px;
  height:20px;
  margin:0;
  background:url(../img/buttons/zurueck.gif);
  }
.drucken
  {
  float:right;
  width:70px;
  height:20px;
  margin:0;
  background:url(../img/buttons/drucken.gif);
  }
.fenster_schliessen
  {
  float:right;
  width:120px;
  height:20px;
  margin:0 0 0 10px;
  background:url(../img/buttons/fenster_schliessen.gif);
  }
.fahrzeuge_vergleichen
  {
  float:left;
  width:214px;
  height:20px;
  margin:0;
  background:url(../img/buttons/fahrzeuge_vergleichen.gif);
  }
.reset
  {
  width:89px;
  height:20px;
  background:url(../img/buttons/zuruecksetzen.gif);
  }
.erweiterte_suche
  {
  float:right;
  width:123px;
  height:20px;
  background:url(../img/buttons/erweiterte_suche.gif);
  }
.ergebnisse_anzeigen
  {
  width:150px;
  height:20px;
  background:url(../img/buttons/ergebnisse_anzeigen.gif);
  }
.abschicken
  {
  float:left;
  width:77px;
  height:20px;
  margin:0 0 0 14px;
  background:url(../img/buttons/abschicken.gif);
  }
.haendler_suchen
  {
  float:left;
  width:101px;
  height:20px;
  margin:8px 0 0 14px;
  background:url(../img/buttons/haendler_suchen.gif);
  }
.andere_haendler
  {
  float:left;
  width:151px;
  height:20px;
  margin:8px 0 0 0;
  background:url(../img/buttons/anderen_haendler_waehlen.gif);
  }
.fahrzeuge_vergleichen_top,
.fahrzeuge_vergleichen_top_sel,
.fahrzeuge_vergleichen_bottom,
.fahrzeuge_vergleichen_bottom_sel
  {
  position:absolute;
  width:238px;
  height:62px;
  background-position:0 0;
  background-repeat:no-repeat;
  z-index:100;
  overflow:hidden;
  }

.fahrzeuge_vergleichen_top,
.fahrzeuge_vergleichen_top_sel
  {
  top:-33px;
  left:30px;
  }
.fahrzeuge_vergleichen_top
  {
  background:url(../img/buttons/fahrzeuge_vergleichen_top.gif);
  cursor:default;
  }
.fahrzeuge_vergleichen_top_sel
  {
  background:url(../img/buttons/fahrzeuge_vergleichen_top_sel.gif);
  cursor:pointer;
  }
.fahrzeuge_vergleichen_bottom,
.fahrzeuge_vergleichen_bottom_sel
  {
  bottom:-33px;
  left:30px;
  z-index:50;
  }
.fahrzeuge_vergleichen_bottom
  {  
  background-image:url(../img/buttons/fahrzeuge_vergleichen_bottom.gif);
  cursor:default;
  }
.fahrzeuge_vergleichen_bottom_sel
  {  
  background-image:url(../img/buttons/fahrzeuge_vergleichen_bottom_sel.gif);
  cursor:pointer;
  }
.fahrzeuge_vergleichen_top:hover,
.fahrzeuge_vergleichen_top_sel:hover,
.fahrzeuge_vergleichen_bottom:hover,
.fahrzeuge_vergleichen_bottom_sel:hover
  {
  background-position:0 -62px;
  }
 .disabled
  {
	cursor:default;
	background:url(../img/buttons/ergebnisse_anzeigen_disabled.gif);
  } 
  .disabled:hover
  {
	background-position:0 0;
	cursor:default;
  } 
/* -----------------------------------------------------------------------------
  HEADLINES
----------------------------------------------------------------------------- */
#main .top h1,
#main .top h3
  {
  float:left;
  text-indent:-9999px;
  width:600px;
  padding:0;
  color:#555;
  }
#main .top h1
  {
  height:31px; 
  line-height:31px;
  margin:0;
  padding:0;
  font-size: 20px;
  font-weight:normal;
  }
#main .top h3
  {
  height:16px;
  line-height:16px;
  margin:0;
  padding:0;
  font-size: 16px;
  font-weight: bold;
  }
#main .top h1.index 
  {
  background:url(../img/headlines/h1_gebrauchtwagenmarkt.gif) -1px 3px no-repeat;
  }
#main .top h3.index 
  {
  background:url(../img/headlines/h3_traumauto.gif) -1px -1px no-repeat;
  }
#main .top h1.erweiterte_suche 
  {
  background:url(../img/headlines/h1_erweiterte_suche.gif) -1px 4px no-repeat;
  }
#main .top h3.erweiterte_suche 
  {
  background:url(../img/headlines/h3_riesiges_angebot.gif) -1px 0 no-repeat;
  }
#main .top h1.suchergebnis 
  {
  height:26px; max-height:26px; line-height:26px;
  background:url(../img/headlines/h1_suchergebnis.gif) 0 0 no-repeat;
  }
#main .top h1.detailansicht 
  {
  height:26px; max-height:26px; line-height:26px;
  background:url(../img/headlines/h1_detailansicht.gif) 0 0 no-repeat;
  }
#main .top h1.fahrzeugvergleich 
  {
  height:26px; max-height:26px; line-height:26px;
  background:url(../img/headlines/h1_fahrzeugvergleich.gif) 0 0 no-repeat;
  }
#main .top h1.druckansicht 
  {
  height:26px; max-height:26px; line-height:26px;
  background:url(../img/headlines/h1_druckansicht.gif) 0 0 no-repeat;
  }
#main .top h1.fehler 
  {
  height:26px; max-height:26px; line-height:26px;
  background:url(../img/headlines/h1_fehler.gif) 0 3px no-repeat;
  }

/* -----------------------------------------------------------------------------
  FLEX 'ROUNDED' CORNERS AND SHADOW BOXES
----------------------------------------------------------------------------- */
.top_left 
  {
  width:100%;
  background:url(../img/backgrounds/top_left.gif) top left no-repeat;
  }
.top_right 
  { 
  background:url(../img/backgrounds/top_right.gif) top right no-repeat;
  }
.bottom_left 
  { 
  background:url(../img/backgrounds/bottom_left.gif) bottom left no-repeat; 
  }
.bottom_right 
  {
  background:url(../img/backgrounds/bottom_right.gif) bottom right no-repeat;
  }
.shadowbox
  { 
  position:relative;
  float:left;
  left:-3px;
  overflow:hidden;
  margin:0 4px 0 0;
  padding:0;
  }
.shadowbox .content
  {
  margin:0 7px 0 3px;
  padding:0 0 10px 0;
  overflow:hidden;
  }
.top_left2 
  {
  width:297px;
  background:url(../img/backgrounds/top_left2.gif) top left no-repeat;
  }
.top_right2 
  { 
  background:url(../img/backgrounds/top_right2.gif) top right no-repeat;
  }
.bottom_left2 
  { 
  background:url(../img/backgrounds/bottom_left2.gif) bottom left no-repeat; 
  }
.bottom_right2 
  {
  background:url(../img/backgrounds/bottom_right2.gif) bottom right no-repeat;
  }
.shadowbox2,
.shadowbox3
  { 
  position:relative;
  float:left;
  left:-7px;
  overflow:hidden;
  margin:0 4px 0 0;
  padding:0;
  }
.shadowbox2 .content,
.shadowbox3 .content
  {
  margin:0 10px 0 7px;
  padding:0 0 10px 0;
  overflow:hidden;
  }  

/* -----------------------------------------------------------------------------
   TOPANGEBOTE
----------------------------------------------------------------------------- */
.box_topangebot
  { 
  position:relative;
  float:left;
  left:-2px;
  width:475px;
  margin:15px 0 5px 0;
  padding:0;
  overflow:hidden;
  }
.box_topangebot .content
  { 
  position:relative;
  width:465px;
  height:290px;
  margin:0 0 0 3px; 
  padding:0; 
  overflow:hidden;
  }
.box_topangebot .content h3
  { 
  height:22px;
  margin:0; padding:6px 0 0 12px;
  text-indent:0;
  background:url(../img/backgrounds/topangebot.gif) 0 0 repeat-x;
  }
.box_topangebot .content .image
  { 
  float:left;
  width:162px;
  height:122px;
  margin:0; padding:15px 0 0 15px; overflow: hidden;
  }
.box_topangebot .content .image a
  {
  display:block;
  width:160px;
  height:120px;
  background-color:#5F5F5F;
  background-position:center center;
  background-repeat:no-repeat;
  border:1px #bfbfbf solid;
  }  
/*
.box_topangebot .content .image a
  { 
  display:block;
  border:1px #000 solid;
  }
*/
.box_topangebot .content .data
  { 
  float:left;
  width:260px;
  height:135px;
  margin:0; padding:0 0 0 15px; overflow: hidden;
  }
.box_topangebot .content .data .model
  {
  height:28px;
  font-size:15px;
  line-height:18px;
  margin:0 0 12px 0; 
  padding:38px 0 10px 0; 
  overflow: hidden;
  }
.box_topangebot .content .data .price
  { 
  font-size:15px;
  margin:0; padding:18px 0 3px 0; overflow: hidden;
  background:url(../img/text/preis.gif) 2px 0 no-repeat;
  }
.box_topangebot .content .data .tax
  { 
  font-size:10px;
  margin:0; padding:0; overflow: hidden;
  }
.box_topangebot .content .description
  { 
  clear:left;
  width:435px;
  height:60px;
  margin:0; padding:15px 0 0 15px; overflow: hidden;
  }
.box_topangebot .content .details
  { 
  width:435px;
  height:24px;
  padding:8px 0 0 15px; margin:0; overflow: hidden;
  }
  
.box_topangebot .content .button
  {
  position:relative;
  display:block;
  float:right;
  margin:0 0 20px 0;
  width:138px;
  height:20px;
  background:url(../img/buttons/fahrzeug_ansehen.gif) 0 0 no-repeat;
  }
.box_topangebot .content .button:hover
  {
  background-position:0 -20px;
  }

/* -----------------------------------------------------------------------------
   AJAX
----------------------------------------------------------------------------- */
#activity_indicator
  {
  margin:0 0 0 10px;
  }
  
/* -----------------------------------------------------------------------------
   TOOLTIPS
----------------------------------------------------------------------------- */

.tool-tip 
  {
	z-index: 13000;
	font-size:1px;
	line-height:1px;
  }
/*
.tool-title 
  {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ccc;
	padding: 8px 8px 4px;
	background: url(../img/misc/bubble.png) top left;
  }
.tool-text 
  {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/misc/bubble.png) bottom right;
  }
*/
.tip 
  { 
  width:139px; 
  background:url(../img/misc/bubble_mid.png) left top repeat-y; 
  }
.tip-top			
  { 
  width:139px;
  height:8px;  
  background:url(../img/misc/bubble_top.png) top left no-repeat; 
  }
.tip-title		
  { 
  padding:0 10px 8px;
  color:#ccc; 
  font-weight:bold; 
  font-size: 11px;
  line-height:15px;
  }
.tip-text		
  { 
  padding:0 8px;
  color:#fff; 
  font-size: 11px;
  line-height:15px;
  }
.tip-bottom		
  { 
  width:139px; 
  height:8px; 
  background:url(../img/misc/bubble_bottom.png) left bottom no-repeat; 
  }