/* ############################ */
/* ###   GENERAL SETTINGS   ### */
/* ############################ */

#main {

}

#InnerMain {
  margin-top        : 0px;
  padding-bottom    : 0px;
  min-height        : 100%;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;

}


/* ############################ */
/* ###        FOOTER        ### */
/* ############################ */

#footer {
  margin-top        : 0px;
  height            : 90px;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;
  background        : url(/layout/bgrnd_footer.png) repeat-y;

} 



#footer_inside {
  width             : 920px;
  padding           : 10px 0px 0px 30px;
}

#footer_end {
  height            : 15px;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;
  background        : url(/layout/bgrnd_footer_end.png) no-repeat;
  margin-bottom     : 20px;
}

#inliner_footer {
  background        : #3B4154;
}

.footer_block {
  font-size         : 11px;
  color             : #959cb1;
  float             : left;
}

.divide {
  border-left       : 1px solid #686f83;
  padding-left      : 20px;
  margin-left       : 20px;
}


/* ############################ */
/* ###        HEADER        ### */
/* ############################ */

.header {
  width             : 960px;
  height            : 301px;
  margin-top        : 20px;
}

#header_left {
  float             : left;
  width             : 250px;
  height            : 280px;
  background        : url(/layout/bgrnd_header_left.png) no-repeat right top;
}

#header_right {
  float             : right;
  width             : 710px;
  height            : 280px;
  background        : url(/layout/bgrnd_header_right.png) no-repeat right top;
  
}

#header_animation {
  height            : 280px;
  width             : 700px;
  background        : #999999;
  overflow          : hidden;
}

#logo {
  background        : url(/layout/logo.png) no-repeat;
  height            : 100px;
  margin-left       : 10px;
}



/* ############################ */
/* ###   2 COLUMN DESIGN    ### */
/* ############################ */

.shadow_center_top {
  height            : 37px;
  background        : url(/layout/bgrnd_shadow_top.png) no-repeat;
}

.center_area {
  width             : 960px;
  padding           : 0px;
  margin            : 0px;
  background        : url(/layout/bgrnd_content.png) repeat-y;
}

#left_area {
  float             : left;
  width             : 249px;
  margin-left       : 10px;
  font-size         : 12px;
  margin            : 0px;
}

#brand_navigation {
  margin-left       : 10px;
  padding-left      : 120px;
  background        : #ffffff;
}

#left_bottom {
  background        : url(/layout/bgrnd_left_bottom.png) no-repeat;
  width             : 239px;
  height            : 359px;
  float             : left;
  margin-left       : 10px;
}

.content_area {
  float             : right;
  margin            : 0px 50px 20px 40px;
  width             : 620px;
  color             : #343d56;
  line-height       : 20px;
  font-size         : 12px;
  min-height        : 550px;
}


.inliner_start {
  font-size         : 12px;
  line-height       : 20px;
  background        : #ffffff;
	color             : #343d56;
}



/* ############################ */
/* ###      TOP-NAVI        ### */
/* ############################ */

#topnavi {
  color             : #cdd3ea;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;
  height            : 21px;
  background        : url(/layout/bgrnd_header_top.png) no-repeat right bottom;  
}

#topnavi ul {
  margin            : 1px 9px;
  padding           : 0px;
  list-style        : none;
  float             : right;
  background        : url(/layout/bgrnd_topnavi.png);
}

#topnavi li {
  margin            : 0px;
  padding           : 0px;
  vertical-align    : middle;
  float             : left;
  margin-right      : 1px;
  background        : #697186;
}


#topnavi a:link, #topnavi a:visited {
  font-size         : 12px;
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #cdd3ea;
  padding           : 2px 5px 2px 5px;

}  

#topnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #ffffff;
  padding           : 2px 5px 2px 5px;

}  



/* ############################ */
/* ###      MAIN-NAVI       ### */
/* ############################ */

#mainnavi {
  width             : 249px;
  font-size         : 12px;
  margin-right      : 1px;
}

.mainnavipos {
position    : absolute;
top: 120px;
}

/* Conditional Comment for IE */
.mainnavipos_ie {
position    : absolute;
top: 128px;
}



#mainnavi ul {
  padding           : 0;
  list-style        : none;
}

#mainnavi li {
  margin            : 0px;
  padding           : 0px;
  vertical-align    : middle;
}


#mainnavi a:link, #mainnavi a:visited {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  text-align        : right;
  color             : #ffffff;
  padding           : 5px 22px 5px 10px;
  margin-bottom     : 1px;
  background        : url(/layout/mainnavi_out.png) no-repeat;
}  

#mainnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #ffffff;
  padding           : 5px 22px 5px 10px;
  background        : url(/layout/mainnavi_active.png) no-repeat;
}  

 
/* ############################ */
/* ###      HEADLINES       ### */
/* ############################ */

h1 {
  font-size         : 18px;
  font-weight       : normal;
  text-transform    : uppercase;
  color             : #363c4f;
  padding-bottom    : 3px;
  margin-bottom     : 20px;
  border-bottom     : 1px solid #cfd2db;
  background        : url(/layout/bgrnd_h1.png) no-repeat right;
}

h2 {
  font-size         : 18px; 
  font-weight       : normal;
  color             : #343d56;
  margin-bottom     : 10px;
}

h3 {
  font-size         : 14px;
  font-weight       : bold;
  color             : #343d56;
}


/* ############################ */
/* ###       CONTENT        ### */
/* ############################ */

.content_box {
  margin-bottom     : 40px;
}

.left_column img, .content_box img {
  margin            : 5px 15px 5px 0px;
  border            : 5px solid #ffffff;
}

.img_right {
  float             : right;
}

.img_right img {
  margin-right      : 0px;
  margin-left       : 15px;
}

.img_box img {
  margin-right      : 15px;
  margin-bottom     : 5px;
  border            : 1px solid #444444;
}

.content_area ul{
  margin-left            : 20px;
}


/* ############################ */
/* ###      BRAND LINKS     ### */
/* ############################ */

a#link_opel:link, a#link_opel:visited {
  display           : block;
  background        : url(/layout/logo_opel_out.png) no-repeat;
  width             : 78px;
  height            : 61px;
  margin-left       : 20px;
}

a#link_opel:hover {
  background        : url(/layout/logo_opel_over.png) no-repeat;
}


a#link_chevi:link, a#link_chevi:visited {
  display           : block;
  background        : url(/layout/logo_chevi_out.png) no-repeat;
  width             : 81px;
  height            : 40px;
  margin-top        : 30px;
  margin-left       : 20px;
}

a#link_chevi:hover {
  background        : url(/layout/logo_chevi_over.png) no-repeat;
}


a#link_saab:link, a#link_saab:visited {
  display           : block;
  background        : url(/layout/logo_saab_out.png) no-repeat;
  width             : 62px;
  height            : 61px;
  margin-left       : 32px;
  margin-top        : 30px;
}

a#link_saab:hover {
  background        : url(/layout/logo_saab_over.png) no-repeat;
}


a#link_peugeot:link, a#link_peugeot:visited {
  display           : block;
  background        : url(/layout/logo_peugeot_out.png) no-repeat;
  width             : 75px;
  height            : 53px;
  margin-left       : 25px;
  margin-top        : 30px;
}

a#link_peugeot:hover {
  background        : url(/layout/logo_peugeot_over.png) no-repeat;
}

a#link_service:link, a#link_service:visited {
  display           : block;
  background        : url(/layout/logo_service_out.png) no-repeat;
  width             : 60px;
  height            : 60px;
  margin-left       : 30px;
  margin-top        : 30px;
}

a#link_service:hover {
  background        : url(/layout/logo_service_over.png) no-repeat;
}



a#link_kfz:link, a#link_kfz:visited {
  display           : block;
  background        : url(/layout/logo_kfz_out.png) no-repeat;
  width             : 100px;
  height            : 34px;
  margin-left       : 8px;
  margin-top        : 30px;
}

a#link_kfz:hover {
  background        : url(/layout/logo_kfz_over.png) no-repeat;
}


a#link_rent:link, a#link_rent:visited {
  display           : block;
  background        : url(/layout/logo_rent_out.png) no-repeat;
  width             : 100px;
  height            : 42px;
  margin-left       : 8px;
  margin-top        : 30px;
}

a#link_rent:hover {
  background        : url(/layout/logo_rent_over.png) no-repeat;
}

/* ############################ */
/* ###        HELPER        ### */
/* ############################ */

hr {
  clear             : both;
  height            : 0px;
  visibility        : hidden;
}

.right_align {
  text-align        : right;
}





/* ############################ */
/* ###        IFRAME        ### */
/* ############################ */

.inliner_start {
  background        : none;
}






/* ################################## */
/* ###           LINKS            ### */
/* ################################## */

 a.linkimg:link,  a.linkimg:visited {
  color               : #004bad;
  text-decoration     : underline;
  background-image    : url(/layout/linkimg.png);
  background-repeat   : no-repeat;
  background-position : 0px 5px;
  padding-left        : 7px;
}

a.linkimg:hover {
  color             : #171d2e;
  text-decoration   : underline;
}

a.linkimg_dl:link, a.linkimg_dl:visited {
  color               : #004bad;
  text-decoration     : underline;
  background-image    : url(/layout/linkimg_dl.png);
  background-repeat   : no-repeat;
  background-position : 0px 5px;
  padding-left        : 12px;
}

a.linkimg_dl:hover {
  color             : #171d2e;
  text-decoration   : underline;
}


/* ################################## */
/* ###       TWO COLUMNS          ### */
/* ################################## */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}

.tabline span{
  float           : left;
  display         : block;
}

/* --- Data-Box in Address-Blocks --- */
.data_box {
  float           : left;
}

.data_box p {
  clear           : both;
}

/* ################################## */
/* ###          TABLES            ### */
/* ################################## */

.listtable th, .resultlist th{
  text-align      : left;
  padding         : 2px 2px 2px 5px;
  background      : #cfd3c7;
 }

.listtable td, .resultlist td {
  text-align      : left;
  vertical-align  : top;
  padding         : 2px 2px 2px 5px;
  background      : #eeeeee;
  border-bottom   : 1px solid #ffffff;
  }


/* ################################## */
/* ###         DATA-BOX           ### */
/* ################################## */


.box3column {
  float             : left; 
  width             : 190px; 
  min-height        : 350px;
  border            : 1px solid #C0C2C8; 
  margin-right      : 10px;
  margin-bottom     : 10px;
  padding           : 0px;
  background        : #F3F4F5;
  text-align        : center;
}

.box3column h3, .box2column h2 {
  padding           : 0px;
  margin-bottom     : 5px;
}

.box3_image img{
  border            : 5px solid #ffffff;
  width             : 150px;
  height            : auto;
  margin-left       : 12px;
}

.box3_image a:link {
  background: none;
  padding: 10px !important;
}



/* ################################ */
/* ###          FORMS           ### */
/* ################################ */

.contactform form {
  width           : 260px;
  text-align      : left;
  padding-bottom  : 10px;
}

.contactform_left form {
  width           : 260px;
  text-align      : left;
  padding-bottom  : 10px;
}



.contactform fieldset, .contactform_left fieldset {
  margin          : 0;
  border          : 0;
  padding         : 0;

}

.contactform legend {
  display         : none;
}

.contactform h3 {
  clear           : both;
  padding         : 15px 0px 10px 0px;

}

.contactform label, .contactform_left label {
  display         : block;
  width           : 230px;
  font-size       : 12px;
  line-height     : 14px;
  padding         : 0px 0px 12px 0px;
}

.contactform input, .contactform_left input  {
  display         : block;
  margin-top      : 3px;
  background      : #f2f2f2;
  border          : 1px solid #dddddd;  
}


.contactform form textarea, .contactform_left form textarea{
  display         : block;
  margin-top      : 3px;
  background      : #f2f2f2;
  border          : 1px solid #dddddd; 
  font-size       : 12px;
}


.contactform label.feld_vorname,
.contactform label.feld_firma,
.contactform label.feld_anschrift,
.contactform label.feld_plz,
.contactform label.feld_telefon,
.contactform label.feld_email,
.contactform label.feld_internet,
.contactform label.feld_thema,
.contactform label.feld_text
{
  clear           : left;
}


.contactform label.feld_firma,
.contactform label.feld_anschrift,
.contactform label.feld_email,
.contactform label.feld_internet,
.contactform label.feld_thema,
.contactform label.feld_text
{
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 250px;
}

.contactform label.feld_vorname,
.contactform label.feld_nachname,
.contactform label.feld_telefon,
.contactform label.feld_telefax {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 120px;
}

.contactform label.feld_plz {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 50px;
}

.contactform label.feld_ort {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 190px;
}


.contactform label.feld_vorname input,
.contactform label.feld_nachname input,
.contactform label.feld_telefon input,
.contactform label.feld_telefax input {
  float           : left;
  width           : 120px;
  padding         : 0px;
}



.contactform label.feld_firma input,
.contactform label.feld_anschrift input,
.contactform label.field-email input,
.contactform label.feld_ort input,
.contactform label.feld_email input,
.contactform label.feld_internet input,
.contactform label.feld_thema input,
.contactform label.feld_text textarea,
.contactform_left label.feld_text textarea{
  float           : left;
  width           : 250px;
  padding         : 0px;
}

.contactform label.feld_plz input {
  float           : left;
  width           : 45px;
  padding         : 0px;
}

.contactform label.feld_ort input {
  float           : left;
  width           : 190px;
  padding         : 0px;
}

.noshow {
  visibility         : hidden;
}


/* ############################ */
/* ###      KFZ-Markt       ### */
/* ############################ */

.kfzsuchtab, .kfzsuchgruppentab, #divkontakt form {
  border          : 1px solid #eeeeee;
  padding         : 5px;
  background      : #f9f9f9;
  margin-bottom   : 20px;
  width           : 100%;
}

.kfzsuchgruppentab .kfzheader {
  font-weight     : bold;
  padding-bottom  : 5px;
}

.kfzsuchgruppentab input {
  margin-right    : 5px;
}


.kfzsuchtab .kfzheader {
  font-size       : 12px !important;
  padding         : 0px !important;
}

/* Listen-Ansicht */

.kfzheadertab  {
  border          : 1px solid #eeeeee;
  background      : #f9f9f9;
  margin-bottom   : 20px;
  width           : 100%;
}

.kfzmaintab .kfzheader table {
  border          : 1px solid #eeeeee;
  background      : #f9f9f9;
  margin-bottom   : 20px;
  width           : 100%;
  padding         : 5px !important;
  padding-top     : 0px !important;
}

.kfzheadertab .kfzheader {
  font-size         : 14px;
  font-weight       : bold;
  color             : #343d56;
  padding           : 5px;
}

 .kfzmaintab a:link,   .kfzmaintab a:visited {
  color               : #004bad;
  text-decoration     : underline;
}

.kfzmaintab a:hover {
  color             : #171d2e;
  text-decoration   : underline;
}

/* Detail-Ansicht */

.kfzheaderbig {
  font-size         : 18px; 
  font-weight       : normal;
  color             : #343d56;
  margin-bottom     : 10px;
}

.kfzheaderoverwrite {
  font-size         : 12px !important;
  font-weight       : bold !important;
  padding           : 0px !important;
}


.kfzheader {
  font-size         : 14px;
  font-weight       : bold;
  color             : #343d56;
  padding-top       : 10px;
}