#nav_breadcrumb {padding-top:12px;}
/*
####################################################################################
#																							    #
#  Input- und Formular-Elemente																		    #
#																							    #
####################################################################################
*/
.button { letter-spacing:0.2em; background-image:url(../../images/new/button_default.gif); background-repeat:no-repeat; background-position:right center; font-weight:bold; width:162px; margin:12px 0px 10px 0px;  background-color:white; color:#666; border-color:#FFBE10;}
.button_search { background-image:url(../../images/new/button_search.gif); }
.button_mail { background-image:url(../../images/new/button_mail.gif); }
.button_new { background-image:url(../../images/new/button_new.gif); }
.button_save { background-image:url(../../images/new/button_save.gif); }
.button_login { background-image:url(../../images/new/button_login.gif); }
.button_validate{ background-image:url(../../images/new/button_validate.gif); }
.button_delete{ background-image:url(../../images/new/button_delete.gif); }
.button_none { background-image:none; }


/*
##########################################################################################
# Im Zuge der Umstellung von Tabellen nach DIVs angefallene Stylesheets
##########################################################################################
*/
label.headline { font-weight:bold; color:black; border:1px solid #D6D7D6; display:block; font-size:13px;
								 padding:2px 2px 2px 5px;width:562px; background-color:#FFB610; }
label.headline2 { font-weight:bold; color:black; border:1px solid #D6D7D6; border-bottom-width:0px;
									display:block;font-size:13px; padding:2px 2px 2px 5px;width:563px; background-color:#FFB610; }

/* UL, LIs fuer die Anzeige von zB Firmenlogos und den Firmennamen */
#col3 .listContainer { width: 100%; border-width:1px; border-style:solid;	border-color:#D6D7D6; margin:0px; padding:0px; float:left; }
#col3 .listContainer li { border-width:0px; border-style:outset; margin:0px; padding:10px 0px 0px 0px;width: 33%; float: left; list-style: none;height:65px;	text-align:center;display:block; }
#col3 .listContainer li.item3 { width: 34%; }
#col3 .listContainer li.last-child { clear: right; }
#col3 .listContainer li.odd { background-color:white; }
#col3 .listContainer li.even { background-color:#EFEFEF; }

/* [ip:22.10.09] Bug #4962#*/
#col3 .listContainer.textRows li { padding:4px 0px 0px 7px; width:32%;text-align:left; display:block; height:22px; margin:0px; }
#col3 .listContainer.textRows li.item3 {padding:4px 0px 0px 8px; width: 32%; }

/* siehe oben, doch lediglich einzeilige LIs fuer Texte */
#col3 .listContainerTextRows  { width: 100%; border-width:1px; border-style:solid;	border-color:#D6D7D6; margin:0px; padding:0px; float: left; }
#col3 .listContainerTextRows li { padding:4px 0px 0px 6px; float: left; list-style: none; text-align:left; display:block; width:568px; height:22px; margin:0px; }
#col3 .listContainerTextRows li.odd { background-color:white; }
#col3 .listContainerTextRows li.even { background-color:#EFEFEF; }
#col3 .listContainerTextRows li.red { background-color: #FD6205; border-width: 1px; border-color: #ffffff; border-style: solid; }
#col3 .listContainerTextRows li.oddred { background-color: #FD6205; border-width: 1px; border-color: #ffffff; border-style: solid; }
#col3 .listContainerTextRows li.evenred { background-color: #FD6205; border-width: 1px; border-color: #ffffff; border-style: solid; }
#col3 .listContainerTextRows li.checkOK { background: url(../../images/main/haken-gruen.gif) no-repeat 1%; }
#col3 .listContainerTextRows li.checkOK span { padding-left: 30px; }
#col3 .listContainerTextRows li.checkNotOK { background: url(../../images/main/kreuz-rot.gif) no-repeat 1%; }
#col3 .listContainerTextRows li.checkNotOK span { padding-left: 30px; }

/*
td.euronormal { text-align: right; }
td.eurodunkel { text-align: right; background-color: #efefef; }
td.dunkel_rot { vertical-align: top;  background-color: #bb6666; border-width: 1px; border-color: #ffffff; border-style: solid; }
td.normal_rot { vertical-align: top; background-color: #bb6666; border-width: 1px; border-color: #ffffff; border-style: solid; }
td.dunkel_gruen { color:black; vertical-align: top; background-color: #CBD6E1; border-width: 1px; border-color: #ffffff; border-style: solid; }
td.normal_gruen { color:black; vertical-align: top; background-color: #CBD6E1; border-width: 1px; border-color: #ddffdd; border-style:solid; }
td.dunkel_gruen #beschreibung { padding-left:15px; }
td.normal_gruen #beschreibung { padding-left:15px; }
td.dunkel_gruen #preis { visibility:hidden; }
td.normal_gruen #preis { visibility:hidden;}
td.dunkel_blau { font-size: 10px; vertical-align: top; background-color: #99bbff; border-width: 1px; border-color: #ffffff; border-style: solid;}
td.normal_blau { color: #000000; vertical-align: top; background-color: #ccccff; border-width: 1px; border-color: #ddddff; border-style:solid;}
*/

.odd { background-color:white; }
.even { background-color:#EFEFEF; }

h2.significant { width:100%; font-weight:bold; background-color:#FFBA10; border:1px solid #D6D7D6; font-size:15px; padding:2px 2px 2px 5px; }

/*
##########################################################################################
# CSS-Styles fuer die Slider
# kano: 30.05.2011
##########################################################################################
*/
.slider_bg 
{
	position: relative;
   	background: url(../../images/new/dual_thumb_bg.gif) 4px 14px no-repeat;
    height: 28px;
}

.slider_bg div {position: absolute;cursor: default;top: 0px;}




/*
##########################################################################################
# Korrektur der Bilderpfade
##########################################################################################
*/
ul#ddNavigation li { background-image:url(../../images/main/navi_schein.gif); }
ul#ddNavigation li ul li { background-image:url(../../images/main/bg_nav_layer.jpg);}
ul#ddNavigation #current { background-image:url(../../images/main/bg_button.png); } /* bg_nav_layer_active.jpg */
/* sbo: 28-08-2009 das hier speziell fuer atlas - die sachen aus overrideCSS wieder ueberbuegeln */
ul#ddNavigation #current { line-height:24px !important; }
#nav_main #current a { background-color:#F6D332; } /* highlight active main navigation item */
#nav_main { height:38px; }
#nav { background-image:url(../../images/main/bg_header_b.jpg);}

#nav { background-image:url(../../images/main/bg_main_navigation.jpg);}
/* sbo: 11-02-2009 linie raus  */
/*  #col3 { background-image:url(../../images/main/bg_content.gif); } */
#col2_content .rightContent { background-image: url(../../images/main/verlauf_rechte_box.gif); }
#rightMenu li { list-style-image: url(../../images/main/list_item_icon.gif); }
#col1_content li { background-image: url(../../images/main/navigation_arrow.gif);}
#col1_content li:hover {background-image: url(../../images/main/navigation_arrow_black.gif);}
#col1_content #subnavi_current { background-image: url(../../images/main/navigation_arrow_active.gif);}
#col1_content #subnavi_current ul li { background-image: url(../../images/main/navigation_sub_bg.gif);}


/* .form_container h1 { background-color:#FFBA10; } */
/*  sbo: 09-03-2009 anpassung easy+ */
/*  .form_container em { color:#999; } */


/* sbo: 16-03-2009 die menupunkte fett, wunsch von carsten */
ul#ddNavigation li a { font-weight:bold; }


  ul#ddNavigation li {
	width:125px; /* sbo: 4657 8 eintraege ermoeglichen - nicht 140px */
  }

  ul#ddNavigation li ul li {
    width:115px; /* 134px */
  }

/** @bugfix [sbo at 02.03.2009 11:21:57] #4560 ausrichtung bilder 
sbo: 22-06-2009 #4714 sonderbehandlung
*/
  #col2_content {
	color:black;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	padding-top:10px; 
  }

	a:hover {
		background-color:transparent;
		color:black;
		text-decoration:none;
	}
	#col3 a{text-decoration:none;}

#col3 input.box { width: 12px; }
form { overflow:visible; }
input, textarea, submit, select, password, file {
	border:1px solid #D6D7D6; color:#666666; font-family:Arial,Helvetica,Verdana,'Trebuchet MS',sans-serif; padding:2px 0px 2px 0px; background-color:#FAFAFA;
}
dfn { display: none; }
input:focus, select:focus { background-color:#EFEFEF; }/* highlight selected input fields */
select, input { width: 160px; }
textarea { width: 280px; }
input[type='radio'], input[type='checkbox'] { width: 12px; }


/*
####################################################################################
#																							    #
#  Styles, die sich auf Tabellen beziehenIm Zuge des Design-Updates hinzugekommene Stylesheets								    #
#																							    #
####################################################################################
*/
.border_left { border-left:1px solid #D6D7D6; }
.border_right { border-right:1px solid #D6D7D6; }
.border_top { border-top:1px solid #D6D7D6; }

/*
table { border-width: 1px; border-style: solid; border-collapse:collapse; border-color:#D6D7D6;}
td { border-width: 0px; border-style: solid; border-color:red; padding:2px; }
th { margin-bottom:12px; background-color:#FFBA10; color:black; padding:2px 2px 2px 2px;
		border-width:0px 1px 0px 1px; border-style:solid; border-color:white; / }
table.ausstattungen 	{ width: 540px; border-width: 0px; border: 0px; }
table.scrollPane { width: 100%; border-width: 0px; border: 0px ; }
td.dunkel { background-color: #efefef; }
td.euronormal { text-align: right; }
td.eurodunkel { text-align: right; background-color: #efefef; }
td.dunkel_rot { vertical-align: top;  background-color: #bb6666; border-width: 1px; border-color: #ffffff; border-style: solid; }
td.normal_rot { vertical-align: top; background-color: #bb6666; border-width: 1px; border-color: #ffffff; border-style: solid; }
td.dunkel_gruen { color:black; vertical-align: top; background-color: #CBD6E1; border-width: 1px; border-color: #ffffff; border-style: solid; }
td.normal_gruen { color:black; vertical-align: top; background-color: #CBD6E1; border-width: 1px; border-color: #ddffdd; border-style:solid; }
td.dunkel_gruen #beschreibung { padding-left:15px; }
td.normal_gruen #beschreibung { padding-left:15px; }
td.dunkel_gruen #preis { visibility:hidden; }
td.normal_gruen #preis { visibility:hidden;}
td.dunkel_blau { font-size: 10px; vertical-align: top; background-color: #99bbff; border-width: 1px; border-color: #ffffff; border-style: solid;}
td.normal_blau { color: #000000; vertical-align: top; background-color: #ccccff; border-width: 1px; border-color: #ddddff; border-style:solid;}
table.noBottom { border-bottom:0px; margin-bottom:0px; }
table  td { padding:2px 2px 2px 2px; }
table.notablelayout { border: 0px; border-width: 0px; border-spacing:0px; border-padding:0px;}
table.notablelayout td { border-width: 0px; border: 0px; padding:2px 0px 2px 2px; }
.tbl_label_right_column { text-align:right; padding-right:8px; }
table { margin-bottom:0px; }
*/
/*
###################################################################################
## sbo: 04-02-2009 duenner rahmen um innere (gesamte) Seite
###################################################################################
*/
#page { border: 1px solid #D6D7D6; }

/*
###################################################################################
## sbo: 11-02-2009 schwarze linien um footer und oben(header) weg
###################################################################################
*/
#footer { border:0; }
#header { border:0; }

/*
### label.headline { width:563px }
### label.headline2 { width:563px }
*/

/*
###################################################################################
## sbo: 23-02-2009 #4544
###################################################################################
*/
.form_container .datatable { width:570px; } /* tab in formular */
.form_container .scrollpane .datatable { width:100%; } /* 574px tab in scrollpane in formular */
.form_container h2 { margin:0 0 4px 3px; }
/* -- Styles for Button (-without Container) sbo: 23-02-2009 #4544 */
p.container_right_column { text-align:right; border:0px solid red; width:572px; }

/*
###################################################################################
## kano: 02.05.2011 #4544
###################################################################################
*/
#surrounded_container {border-width:1px;border-style:solid;border-color:#D7D7D7;width: 580px;height: 320px;background:white}
#image_placeholder {margin: 25px 0 0 20px;max-width:400px}
#showcase {float:right;overflow: auto;width: 149px;height: 320px;border-left-width:1px;border-left-style:solid;border-left-color:#FFBB18;position:relative; left:5px;}
#showcase_thumbnail {margin: 0 0 14px 16px;padding: 1px;max-width: 100px;max-height: 100%;}
.tableOptionHeader {float:left;margin-right:32px;color:#3D4138; padding-left:10px;cursor:pointer}
.tableSubHeader {border-bottom-color: #909090;border-bottom-width: thin;border-bottom-style: solid;}

/* ### sbo: 23-06-2009 #4714 wieder ne sonderloesung */
.surrounded_container { width:99.9%; }

/*
### sbo: 09-03-2009 anpassungen easy+  fuer normale listen mit aufzaehlzeichen
### sbo: 23-06-2009 #4714 wieder ne sonderloesung
*/
#col3  .listContainerNormalList  { width:100%; }
#col3  .listContainerNormalList li { list-style-type:disc; margin-left:1.5em; padding-right: 15px; }

/*
###.form_container span.container_right_column { width: 95%; }
*/
/*
###################################################################################
## sbo: 09-03-2009   umgestaltung der seite top-angebote
###################################################################################
### um diese eine tabelle keinen rahmen
*/
#topOfferTab.datatable { border: 0; border-spacing:5px; border-collapse: separate; }
#topOfferTab.datatable td {   border:0px;}
/*
### spezielles hg-bild
*/
.datatable td.topOffer {
   background-image: url(../../images/main/bg_top_angebote.gif); /* png */
   background-repeat:no-repeat;
   padding-top:20px; padding-left:20px;
   width: 275px; height: 109px;

   /*border: 1px solid black;*/
}
/*
### die auto-bilder
#4714 sonderbehandlungen
*/
.datatable td.topOffer #fotoVorlage { float:left; margin-right:16px; margin-bottom:0px;
   width: 100px; height: 62px;
}
/* sbo: 03-04-2009 anpassungen easy+
### zwischenrubriken doch mit fester farbe   grau
*/
.datatable th.sub, tr.sub { background-color: #A0A0A0; font-weight: bold; }

/* kano: 16-05-2011 anpassungen messe
### button fuer expandieren und kollabieren der tableRows
*/
.datatable th.firstRowExpanderImage 
{
	background-image:url(../../images/new/b_schliessen.png);
	width:35px;
	background-repeat:no-repeat; 
	background-position:center;
}

/* sbo: 22-06-2009 #4714 Sonderbehandlung */
#topOfferLink H2 { font-size: 12px; }

#topOfferRate { font-size: 120%; font-weight: bold; }
#topOfferPara { margin-bottom: 0; }
/* Seite soll ganz oben beginnen, dass es mit nem Bild passt */
body { padding-top:0; }

/* sbo: 02-04-2009 mainmenu-current genau so hoch wie die anderen,
## beachte: es gibt jetzt 16 moeglichkeiten, das obere menue zu konfigurieren mit folgenden parametern
## MenueFarbe, MenueRahmenFarbe, MenueAktivFarbe, MenueAktivRahmenFarbe
## wenn ein Rahmen angegeben, dann ist dieser 1px --> hoehen fuer ul#ddNavigation #current und 
## ul#ddNavigation li koennen nur in der overrideCSS.vm entsprechend geupdatet werden
*/
/* ul#ddNavigation #current { height: 22px; } */  

/* sbo: 03-04-2009
##################################################################
## detailmenue auch mit bildern ausstatten -- wie tabreiter
##################################################################
*/
/* sbo: 19-02-2010 , 15-03-2010
##################################################################
## jetzt mal ne ganz neue variante mit anderen bildchen
##################################################################
*/
#col3 ul.content_subnavi {
  margin:0;
  padding:10px 0px 0;
  list-style:none;
}

#col3 ul.content_subnavi li {
  float:left;
  background:url("../../images/new/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  
  background-color:transparent;
  border:0;
}

#col3 ul.content_subnavi li a {
  float:left;
  display:block;
  background:url("../../images/new/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
}

 
/* Commented Backslash Hack   hides rule from IE5-Mac \*/
#col3 ul.content_subnavi li a {float:none;}
/* End IE5-Mac hack */

/* #col3 ul.content_subnavi li a:hover {color:#333;} */

/* current */  	  
#col3 ul.content_subnavi li.Act {
  background-image:url("../../images/new/left_on.gif");
  border-width:0;
}
#col3 ul.content_subnavi li.Act a {
  background-image:url("../../images/new/right_on.gif");
  color:#333;
  padding-bottom:5px;
}
	  
/* sbo: 19-02-2010, 15-03-2010 */
/* sbo: 24-02-2010 #5148 neuer style erforderlich, die wechsel nur bei ies erforderlich und auch nur wenn angelegt werden darf */
#submit_hide { visibility:hidden; }
#submit_show_hide { visibility:hidden; }

/* sbo: 19-06-2009 #4727 text mit leerzeichen nicht umbrechen */
#col3 ul.content_subnavi li a { white-space:nowrap; }

/*sbo: 06-04-2009, 06-05-2009
########################################################################
## anpassung easy+ formatierung
########################################################################
*/
.right_column_infobox { text-align:left; padding: 0px; }
.right_column_infobox span { padding-left: 5px; }
.right_column_infobox span .placeholder { padding-top: 5px; }
.right_column_infobox img { padding-left: 5px; padding-right: 4px; border-top: 1px solid #FFBA10; }
.right_column_table { border-collapse: collapse; text-align:left; }

/* sbo: 11-05-2009 #4657 
## aus default.vm verschoben
*/
#col1 #col1_content #col1_content_alternative { margin-left: -30px; }

.dr-table-subheader {
    background: #FFBA10;
}

.dr-pnl {
    background-color:#FFFFFF;
    border-color:#d6d7d6;
    margin: 4px;
}

.dr-pnl-h {
    background-color:#ffffff;
    border-color:#ffffff;
    background-image: none;
    color:#F7AE00;
    font-size:19px;
    font-weight:normal;
    font-family:Arial,Verdana,sans-serif;
}

.dr-stglpnl {
    background-color:#FFFFFF;
    border-color:#d6d7d6;
    margin: 4px;
}

.dr-stglpnl-h {
    background-color:#ffffff;
    border-color:#ffffff;
    background-image: none;
    color:#F7AE00;
    font-size:19px;
    font-weight:normal;
    font-family:Arial,Verdana,sans-serif;
}

.actionButtons {
    margin: 4px;
    text-align: right;
}

.label {
    width: 120px;
    font-weight: bold;
}
.value {
    width: 160px;
}
.error {
    width: 260px;
}

#nav_breadcrumb {display:none}


/******************************************************************************************
 * Updates fuer den Bug #4714
 *
 * @Author: cwi
 ******************************************************************************************/
p.container_right_column { width:auto; }
.form_container span.long_element { width:580px; }
/*.surrounded_container { border-width:0px; }*/
.form_container .filtered .long_element { width:398px; }
.form_container select.long_element  { width:441px; }
.form_container .long_element { width:439px; }
 
/* cwi LEASEVRL-76 Cursor in IE nicht sichtbar */
.form_container input.numeric { padding-right:2px; }

/* sbo: 02-02-2011 LEASEATLAS-137 Spezial fuer Leasingraten */
.form_container span.leasingraten_container_left_column { text-align:left; border:0px solid #D6D7D6; width:293px; }
/*.form_container span.leasingraten_container_left_column span { width:282px; }*/
.form_container span.leasingraten_container_right_column { text-align:left; border:0px solid #D6D7D6; width:293px; padding-right:2px; }
/*.form_container span.leasingraten_container_right_column span { width:282px; }*/
.form_container span.leasingraten_container_both_columns { text-align:left; border:0px solid #D6D7D6; width:596px; }
.form_container label.novalue { border: 0px; }
.form_container span.leasingraten_container_left_column input.numeric { width:158px; }
.form_container span.leasingraten_container_right_column input.numeric { width:158px; }

/* sbo: 19-05-2011 EASY-236 default-Herstellerliste mit Logos etwas anders  */
/*#col3 { background-color: transparent; }  */  
#col3 .listContainer { border: none; }    
#col3 .listContainer li {padding-top: 5px; vertical-align:bottom;}    
#col3 .listContainer li.even {background-color: transparent;background-image: url("../../images/new/bg_kachel.png");background-repeat: no-repeat;height:72px;background-position: center;}    
#col3 .listContainer li.odd {background-color: transparent;background-image: url("../../images/new/bg_kachel.png");background-repeat: no-repeat;height:72px;background-position: center;}   
#col3 .listContainer li.even a  {background-color: transparent;display: block;}   
#col3 .listContainer li.odd a { background-color: transparent;display: block; }