@charset "utf-8";

html{ height:101% }
body, html { background-color: #F0F0F0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .85em; color: #555; background-image: url(../img/bg_header_horizontal.jpg); background-position: left top; background-repeat: repeat-x; }
/* Allgemeine Spezifikationen */

.clear {clear:both; visibility:hidden;}


/* Container Spezifikationen */
div#container_main { margin: 0 auto; width: 1000px; }
div#container_header_top { position:relative; width: 1000px; height: 100px; background-image: url(../img/bg_header_top.gif); background-repeat: no-repeat; background-position: bottom center; }
div#container_header_top span.schalter{ display:block; color: #9cc60d; position:absolute; bottom:-22px; right:33px; background-image: url(../img/pfeil_gruen_klein_nord.gif); background-repeat:no-repeat; background-position: right center; padding: 3px 0; padding-right:12px; font-size:.95em; cursor:pointer;}
div#container_header_top span.geschlossen{ color: #fff; background-image: url(../img/pfeil_gruen_klein_sued.gif) }

img.logo{ float:right; margin: 8px 40px 0 0; }

div#container_title { background-image:url(../img/hg_titelzeile.gif); background-repeat: no-repeat; width: 1000px; height: 216px; }
div#container_title .innen { background-repeat:no-repeat; display:block; height: 215px; border:1px solid #fff; border-top: none; margin: 0 30px; }
div#container_plz_search { width: 195px; height: 216px; float: left; background: url(../img/weiss40.png); /* opacity:.5; */ margin: -1px 0 0 -1px; border-right: 1px solid #fff; }

div#container_spalte_links { width: 175px; float: left; margin: 30px 30px 0 30px; }
div#container_spalte_mitte { width: 516px; float: left; margin: 30px 25px 0 0; }
div#container_footer { width:100%; background-image: url(../img/bg_footer_diagonal.gif); }


/* Hauptnavigation */
div#container_mainnavi { width: 940px; height: 34px; margin: 0 0 0 30px; background: url(../img/bg_main_navi.jpg) repeat-x; }

div#container_content_main { width: 1000px; background: url(../img/bg_content_main.png) repeat-y; padding-bottom: 70px; }
div#container_content_column_left { width: 700px; margin: 30px 25px 15px 50px; float: left; display: inline; }
div#container_content_column_right { width: 185px; margin: 30px 0 15px 0; float: left; display: inline; }

/**
    Subspalten
----------------------------------------------------------------------------- */
div.subspalten { width:100%; overflow:hidden; margin-bottom: 1.3em; }


/**
    Teaserboxen
------------------------------------------------------------------------------*/
div.box{ float:left; margin-right:10px; border: 1px solid #ddd; }
div#container_content_column_right div.box{ margin-bottom: 20px; }
div.last { margin-right:0; }
div.box div.innen { background-repeat: repeat-y; margin:1px; padding-bottom:1px; }

/* einspaltige Boxen  */
div.einspaltig{ width: 224px; }
div#container_content_column_right div.einspaltig{ width: 184px; }
div.einspaltig div.innen{ background-image: url(../img/bg_box_einspaltig.jpg ) }

/* zweispaltige Boxen  */
div.zweispaltig{ width: 460px; }
div.zweispaltig div.innen{ background-image: url(../img/bg_box_zweispaltig.jpg ) }
div#container_content_column_left div.zweispaltig div.innen{ margin:2px; }



/* Content Spezifikationen */
    /* Content left */
   
.tabs_3_column { width: 700px; }
    
    /* Content right */
    
.temp { margin: 0 0 15px 0; }



/* Footer Spezifikationen */

div#footer_content { margin: 0 auto; width: 1000px; background: url(../img/bg_footer_shadow_rl.png) no-repeat center bottom; }                                                               
div#footer_content .innen { position: relative; margin: 0 30px; border:1px solid #b3b4b4; border-top: none; background: #878787 url(../img/bg_footer_head.jpg) repeat-x; }                                                               
div#footer_unten { margin: 0 auto; width: 1000px; height: 80px; background: url(../img/bg_footer_shadow_u.png) no-repeat; text-align: right; }
#footer_unten span { padding: 8px 45px 0 0; font-size: 80%; display: block; }
div#footer_spalten_container { width: 690px; float: left; }
div#footer_spalten_container_rechts { width: 248px; float: left; }
.footer_spalten { width: 135px; float: left;}
#footer_content .first { margin: 0 0 0 15px; }

div#footer_content h1 { font-weight:bold; font-size: 1.0em; color:#FFF; margin: 5px 0 5px 0; padding: 6px 0 9px 22px; background: url(../img/pfeil_gruen.png) no-repeat 0 2px; }

.footer_spalten li { display: block; background: url(../img/icon_list_footer.gif) no-repeat center left; padding: 3px 0 3px 8px; }

.footer_spalten a:link, .footer_spalten a:visited { color: #FFF; outline: none; text-decoration: none; font-size: 0.95em; }
.footer_spalten a:hover,
.footer_spalten a.active { color: #FFF; outline: none; text-decoration: underline; }

.copyright { width: 675px; clear: both; padding: 30px 0 10px 15px; color: #ccc; font-size: 0.95em; }
.footer_logo { position: absolute; bottom: 0; width: 248px; text-align: right; }
.footer_logo img { margin: 0 25px 10px 0; }


/**
    Inhalte / Typo
----------------------------------------------------------------------------- */

h1 { font-weight:bold; font-size: 1.5em; color:#00569B; margin: 0 0 15px 0; padding: 3px 0 9px 25px; background: url(../img/pfeil_gruen.png) no-repeat 0 2px; }
h2 { font-weight:bold; font-size: 1.5em ; color:#00569B; margin: 0 0 15px 0; border-bottom: 1px solid #CCC; padding: 0 0 9px 0; }
h3, div.person h4 { font-weight: bold; color:#00569B; margin-bottom: .75em; }

h4, h5 {}

/* teaserboxen */
div.box h2 { color:#fff; font-size:1.1em; font-weight:bold;  padding: 7px 0 5px 6px; margin-bottom: 1.1em;  border-bottom: 1px solid #fff;}
div.box h2 em{ font-weight:normal; }

/* Hintergründe rechte spalte und mitte */
div#container_content_column_right div.box h2 { background: url(../img/bg_box_header.gif ); }
div#container_content_column_left div.box h2{ background: url(../img/bg_box_header_grau.jpg ); }



form#plzsuche h2 { margin-bottom: 0; font-size: 1.0em; color: #555; border: none; }
form#plzsuche h2 em{ font-weight: bold; letter-spacing: .1em; }

p,ul,form,table{ margin-bottom: 1.3em; }
p,ol { line-height: 1.3em }
p.mail_versendet{ background:url(../img/icon/tick.png) no-repeat 3px 50%; padding:8px; padding-left:25px; font-weight:bold; color: #56AD3C }

.hidden, .druck{ display: none; }
.loading{ background-image: url(../img/ajax_loader.gif); background-position: left center; background-repeat: no-repeat;  }  
img.links, img.rechts{ display:block; }
img.links{ float:left; margin: 0 15px 25px 0; }
img.rechts{ float:right; margin: 0 0 25px 15px; }

hr { background-color:#DDD; height:1px; border:none; margin: 15px 0; }
hr.trenner{ clear:both; visibility:hidden }  
hr.linie{ background-color:#DDD; height:1px; border:none; }  
hr.margin{ margin: 15px 0; }
hr.hidden{ visibility: hidden; }
  

div#container_spalte_mitte ul li { list-style-type: none; list-style-position: inside; line-height: 1.3em; margin-bottom: 1.0em; background: url(../img/icon_list_content.gif) no-repeat left top; padding: 0 0 0 15px; }

  
/**
    Sitemap
------------------------------------------------------------------------------*/

ul.sitemap ul { padding: 0 0 0 15px !important; }
ul.sitemap ul li { background: url(../img/subnavi_tree.gif) no-repeat left top !important; padding: 0 0 0 10px !important; margin-top: 1.1em; }



/* Ansprechpartner Personen */

div.person img { border: 1px solid #DDD; padding: 1px; }
div.person h4 span { color: #555; font-weight: normal; padding-bottom: 1.3em; }
.person td { padding: 3px 0;}
.person td.person_label { width: 50px; }


/*  Links  */

a:link,
a:visited{ color: #413F28; }
a:hover{ text-decoration:none; }
a img{ border-bottom: none; margin:0; padding:0; }
a.intern{ background:url(../img/hg_link_intern.png) 0 50% no-repeat; padding: 3px; padding-left: 18px; }

.box a { color: #555; font-weight: bold; background: url(../img/pfeil_weiss.png) no-repeat; padding: 2px 0 6px 25px; }

a.extern:link, a.extern:visited  { outline: none; background: url(../img/icon_link_extern.png) no-repeat left; padding: 0 0 0 15px;  }
a.extern:focus, a.extern:hover { }


/* Teaser */
.box p{ color: #555; padding: 0 5px; /* text-align:justify; */ }
.box h3{ padding: 0 5px; }
.box p.link { margin-bottom: 1em; margin-top: 1em; text-align: right; }
.box img { border:none; }
.box img.oben { display:block; margin:-1.1em 0 1.1em 0; } /* Abstand der Überschrift abziehen */



/**
   Formulare
----------------------------------------------------------------------------- */
form, fieldset{ padding:0; margin:0 }
input{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding:0; }
input.feld{ padding: 3px 5px; border:1px solid #999; background: #fff url(../img/hg_input.gif) no-repeat left top; color:#999; }
input.schalter { font-weight: bold; border:none; color: #333; background: transparent url(../img/icon/lupe.png) no-repeat 5px center; padding: 5px 25px 5px 25px; }

/* PLZ Suche */
form#plzsuche{ margin:50px 10px 0 20px; margin-bottom:0; }
form#plzsuche .feld{ width: 145px; }

/* Volltextsuche rechts */
form#suche{ margin-bottom:0; margin:0; padding:0; width:auto; }
input.feld{ width: 167px; }
form#suche input { display:block; }

/* Kontaktformular */
#wrapper-formular input, #wrapper-formular textarea, #wrapper-formular select { width: 62%; padding: 3px 5px; border:1px solid #999; background: #fff url(../img/hg_input.gif) no-repeat left top; color:#555; }
#wrapper-formular .feld, #wrapper-formular .textarea { margin: 2px 0 8px 0; }
#wrapper-formular select { width: 150px; color: #555; font-size: 1em; background: #fff url(../img/hg_input.gif) no-repeat left top; padding: 2px; }
#wrapper-formular label span { color: #f29400; font-size: 1em; }
#wrapper-formular .feld img { margin: 20px 0; }
#wrapper-formular input.schalter { width: 100px; color: #FFF; background-color: #97c000; font-size: 1em; background-image: none; border: none; }
#wrapper-formular input.radio{ width: 15px; margin-left: 8px; vertical-align:middle; }
.validation-failed{ }
.validation-advice{ color: #97C00E; padding-top: 3px; }
.form_errors { margin: 0 0 35px 0; }

/* Tabs Startseite */
div#tabs-wrapper{ position: relative; height:280px; overflow:hidden; }
div#tabs-wrapper .tab-wrapper{ border: 1px solid #ddd; height: 260px; overflow:hidden; }
div#tabs-wrapper .tab-container{ display:block; height:100%; background: url(../img/hg_verlauf_700.jpg) repeat-y; margin:1px; }
div#tabs-wrapper .tab-container p{ padding: 10px; }
div#tabs-wrapper ul.tab-menu{ position : absolute; bottom:0; margin-bottom:0; margin-top:3px; }
div#tabs-wrapper ul.tab-menu li{ display:inline; padding: 0px 10px; }

/* Tabs Produktprogramm */
/**
    
    div#tab-wrapper-produktprogramm
        ul.tab-menu 
            li > a > span | wenn aktiv li.selected-tab 
        div.tab-wrapper
            div.tab-container

*/
div#tabs-wrapper-produktprogramm{ margin-top: 25px;  }
div#tabs-wrapper-produktprogramm ul.tab-menu{ padding:3px; padding-left: 0px; margin-bottom:0px; }
div#tabs-wrapper-produktprogramm ul.tab-menu li{ display:inline; background: none; padding: 0; font-weight: bold; }
div#tabs-wrapper-produktprogramm ul.tab-menu li a{ padding: 3px 10px; background-color:#97bf0d; border-right: 1px solid #fff; text-decoration:none; color: #fff; }
div#tabs-wrapper-produktprogramm ul.tab-menu li.tab-selected a{ background-color: #555; color: #FFF; }
div#tabs-wrapper-produktprogramm .tab-wrapper{ border: 1px solid #ddd; }
div#tabs-wrapper-produktprogramm .tab-container{ padding-top: 1.3em; }
div#tabs-wrapper-produktprogramm .tab-container{ display:block; height:100%; background: url(../img/hg_verlauf_700.jpg) repeat-y; margin:1px; }
div#tabs-wrapper-produktprogramm .tab-container h4{ background: url(../img/pfeil_gruen.png) left center no-repeat; padding:4px; padding-left: 25px; margin-left:10px; margin-bottom: 1.5em; font-weight:bold; }

div#tabs-wrapper-produktprogramm dt{ background-color: #555; padding:5px; color:#fff; padding-left: 30px; margin-left:0; margin-bottom:0; cursor:pointer; border-bottom:1px solid #fff; }
div#tabs-wrapper-produktprogramm dt{ background-image: url(../img/pfeil_gruen_klein_sued.gif); background-position: 10px 4px; background-repeat: no-repeat; }
div#tabs-wrapper-produktprogramm dt span{ display:block; font-size:.9em; }


/* Tabelle mit den Fahrzeugdaten */
table.produkt{ width: 100%; margin-bottom:0; }
table.produkt th,
table.produkt td{ padding: 5px;}
table.produkt th,
table.produkt tr:hover td{ background-color: #9AC30D; color: #fff; font-weight: normal; }
table.produkt td{ border-bottom:1px solid #bbb; }


/**
   Typo
----------------------------------------------------------------------------- */

strong { font-weight: bold; }

/**
   Navigationen
----------------------------------------------------------------------------- */

/* Kopfnavigation */
p.kopfnavigation{ font-size:.95em; float:left; margin: 80px 0 0 0; padding-left:220px; color: #878889; }
p.kopfnavigation span{ margin: 0 2px; }
p.kopfnavigation span.last{ display:none; }
p.kopfnavigation a:link, 
p.kopfnavigation a:visited{ color:#878889; text-decoration:none; padding: 3px; }
p.kopfnavigation a:focus,
p.kopfnavigation a:hover,
p.kopfnavigation a.active{ text-decoration: underline; }

/* Hauptnavigation */
#container_mainnavi ul{ list-style-type: none; margin-bottom:0; }
#container_mainnavi li{ float:left; }
#container_mainnavi li a { display:block; border-bottom: 4px solid #fff; padding: 6px 0; color: #fff; text-decoration: none; }
#container_mainnavi li a span{ display:block; padding: 3px 15px; margin: 0;  border-left: 1px solid #282828; border-right: 1px solid #afafaf; }
#container_mainnavi li a.first{  margin-left: 20px; padding-left:0px}
#container_mainnavi li a.first span{ border-left: none; padding: 4px 120px 2px 20px; background: url(../img/hg_nav_startseite.gif) left center no-repeat; }
#container_mainnavi li a.last span{ border-right: none; }
#container_mainnavi li a:hover,
#container_mainnavi li a.active{ color: #bbb; border-bottom: 4px solid #F29400; }
#container_mainnavi ul ul{ display:none; }
/* #container_mainnavi ul ul{ position:absolute; top:-35px; } */


/* Subnavigation links */
ul.subnavigation { list-style-type: none; }
ul.subnavigation li{ border-bottom: 1px dashed #ccc; }
ul.subnavigation li.active { /*border-bottom: 3px solid #97BF0D;*/ }
ul.subnavigation li a { display: block; text-decoration: none; padding: 7px 0 7px 16px; }
ul.subnavigation li a:hover { border-left: 6px solid #97bf0d; padding-left:10px; }
ul.subnavigation li a.active{ border-left: 6px solid #97bf0d; padding-left:10px; }
ul.subnavigation li a.active{ font-weight: bold; }
ul.subnavigation li a.active{ color:#555; }
/* zweite Ebene */
ul.subnavigation ul{ margin-bottom: 0; }
ul.subnavigation li li a { display: block; text-decoration: none;  padding: 3px 0 3px 10px; border: none; color: #878889; background: url(../img/subnavi_tree.gif) no-repeat left center; font-size: 0.95em; }
ul.subnavigation li li a:hover,
ul.subnavigation li li a.active { border: none; padding-left:10px; color: #97bf0d; }
ul.subnavigation li li a.active { font-weight: normal; }
ul.subnavigation li li { border-bottom: none; /* border-left: 6px solid #97bf0d; */ padding: 0 0 4px 16px; }
ul.subnavigation li li.last { padding: 0 0 6px 16px;}