
* {
margin: 0px;
padding: 0px;
}

body {
font-family: arial,sans-serif;
font-size: 1em;
background: #f0f0f0 url(../bilder/body.jpg) repeat-x;
/*Powerpoint-grau: #808080  alt:#fcfcfc; */
}

h1 {
color: #f9b500;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 1em;
line-height: 1.3em;
/*border-bottom: 1px solid #cccccc;*/
padding-bottom: .3em;
}

h2 {
line-height: 1.3em;
color: #f9b500;
font-size: .85em;
margin-bottom: .5em;
}

h3 {
line-height: 1.3em;
color: #000000;
font-size: .75em;
margin-bottom: .5em;
}

h5 {
text-align: center;
color: #000000;
font-size: .75em;
line-height: 1.3em;
}


img {
border: 0px;
}

p {
line-height: 1.3em;
}

a {

}


/*****************************************************************
Seitenübergreifend
*****************************************************************/

#rahmen {
position: ralative;
min-height: 20em;
width: 53.3em;
margin: auto;
padding-bottom: 2em;
background: url(../bilder/rahmen.jpg) repeat-y; 
/*url(../bilder/bgDunkel.jpg) repeat-y; */
}

#rahmenTop {
position: ralative;
min-height: 20em;
width: 53.3em;
margin: auto;
padding-bottom: 2em;
background: url(../bilder/rahmenTop.jpg) no-repeat; 
}

#logo, #logoGmbH, #logoKaro {
position: absolute;
margin-left: 2.5em;
margin-top: 2.5em;
z-index: 900;
}

#logocc {
position: absolute;
margin-left: .5em;
margin-top: .2em;
z-index: 900;
}

#logoGmbH {
margin-top: 5em;
margin-left: 1.4em;
}

#logoKaro {
margin-top: 5em;
margin-left: 1em;
}

#logo p, #logoGmbH p, #logoKaro p {
font-size: .75em;
width: 14em;
margin-top: 2em;
text-align: center;
margin-left: -.5em;
}

#logoGmbH p, #logoKaro p {
margin-left: 1.5em;
}

#de, #en {
position: absolute;
top: 6px;
margin-left: 22px;
z-index: 999;
}

#en {
margin-left: 45px;
}

#kopfbild {
position: absolute;
margin-left: 14.25em;
top: 0em;
height: 13.5em;
width: 38.05em;
padding-left: .05em;
padding-top: .05em;
border: 2px solid #cccccc;
/*border-bottom: 1px solid #cdcdcd;
padding: .2em;*/
}

#navi {
position: absolute;
top: 13.7em;
margin-left: .5em;
width: 13.85em;
z-index: 800;
}

#hauptnavi, #servicenavi {
width: 13.85em;
}

#hauptnavi {
border-top: 1px solid #cccccc;
}

#servicenavi {
margin-top: 3.5em;
margin-bottom: 2.5em;
padding-top: 1.85em;
}

#servicenavi ul {
width: 13.85em;
border-top: 1px solid #cdcdcd;
}

#servicenavi ul ul {
border-top: 0px;
}

#hauptnavi li, #servicenavi ul li {
min-height: 23px;
width: 222px;
list-style-type: none;
margin-bottom: 5px;
}

#hauptnavi li a, #servicenavi ul li a {
background: url(../bilder/navi.jpg) no-repeat;
display: block;
height: 15px;
width: 206px;
padding: 4px 0px 4px 16px;
font-size: .75em;
color: #575757;
text-decoration: none;
}

#hauptnavi li.paktiv a,
#servicenavi ul li.paktiv a {
background: url(../bilder/naviPfeil.jpg) no-repeat;
}

#hauptnavi li a:hover, #servicenavi ul li a:hover,
#hauptnavi li.aktiv a, #servicenavi ul li.aktiv a {
font-weight: bold;
}

#hauptnavi li.aktivv a,
#servicenavi ul li.aktivv a {
background: url(../bilder/naviAktiv.jpg) no-repeat;
font-weight: bold;
}

#hauptnavi li ul,
#servicenavi ul li ul {
display: none;
}

#hauptnavi li.aktivv ul,
#servicenavi ul li.aktivv ul {
display: block;
margin-top: -1px;
margin-bottom: 6px;
}

#hauptnavi li.aktivv ul li,
#servicenavi ul li.aktivv ul li {
margin-bottom: -1px;
}

#hauptnavi li.aktivv ul li a,
#servicenavi ul li.aktivv ul li a {
font-weight: normal;
padding: 4px 0px 4px 26px;
width: 196px;
background: url(../bilder/navi.jpg) no-repeat;
}

#hauptnavi li.aktivv ul li a:hover, #hauptnavi li.aktivv ul li.aktiv a,
#servicenavi ul li.aktivv ul li a:hover, #servicenavi ul li.aktivv ul li.aktiv a {
font-weight: bold;
}

#hauptnavi li.aktivv ul ul,
#servicenavi ul li.aktivv ul ul {
display: none;
}

#hauptnavi li.aktivv ul li.aktivv  ul,
#servicenavi ul li.aktivv ul li.aktivv ul {
display: block;
margin-top: -1px;
margin-bottom: 6px;
}

#hauptnavi li.aktivv ul li.aktivv a,
#servicenavi ul li.aktivv ul li.aktivv a {
font-weight: bold;
background: url(../bilder/naviAktiv.jpg) no-repeat;
}

#hauptnavi li.aktivv ul li.aktivv ul {
border-right: 1px solid #cccccc;
width: 220px;
margin-bottom: 0px;
}

#hauptnavi li.aktivv ul li.aktivv ul li a,
#servicenavi ul li.aktivv ul li.aktivv ul li a {
font-weight: normal;
background: none;
}

#hauptnavi li.aktivv ul li.aktivv ul li a:hover,
#servicenavi ul li.aktivv ul li.aktivv ul li a:hover,
#hauptnavi li.aktivv ul li.aktivv ul li.aktivvv a,
#servicenavi ul li.aktivv ul li.aktivv ul li.aktivvv a {
font-weight: bold;
}


#navi img {
margin: 2.5em 0em 0em 1em;
}

#navi #servicenavi img {
position: absolute;
margin: -1.7em 0em 0em 1em;
}

#bereichswechsel {
width: 13.8em;
border-bottom: 1px solid #cccccc;
margin-top: 2em;
}

#bereichswechsel li {
height: 34px;
width: 222px;
list-style-type: none;
}

#bereichswechsel li a {
background: url(../bilder/navi.jpg) no-repeat;
display: block;
height: 23px;
width: 167px;
padding: 11px 0px 0px 55px;
font-size: .7em;
color: #999999;
text-decoration: none;
}

#bereichswechsel li.uebersicht a {
background: url(../bilder/bereichswechsel/uebersicht.jpg) no-repeat;
}

#bereichswechsel li.karo a {
background: url(../bilder/bereichswechsel/karo.jpg) no-repeat;
}

#bereichswechsel li.classic a {
background: url(../bilder/bereichswechsel/classic.jpg) no-repeat;
}

#bereichswechsel li.automobile a {
background: url(../bilder/bereichswechsel/automobile.jpg) no-repeat;
}

#inhalt, #inhaltstart, #inhaltschmal {
position: relative;
width: 34em;
min-height: 25em; 
padding: 14.85em 0em 3em 16em;
z-index: 200;
}

#inhaltstart {
background: url(../bilder/bgInhalt.jpg) bottom right no-repeat;
}

#inhaltschmal {
width: 22em;
}

#inhalt p, #inhaltstart p, #inhaltschmal p {
font-size: .75em;
margin-bottom: 1.5em;
}

#inhalt a, #inhaltstart a, #inhaltschmal a {
color: #000000;
text-decoration: none;
}

#inhalt ul, #inhaltstart ul, #inhaltschmal ul {
margin-bottom: 1.5em;
margin-left: 1em;
}

#inhalt ul li, #inhaltstart ul li, #inhaltschmal ul li {
font-size: .75em;
list-style-type: square;
}

#inhalt ul li a, #inhaltstart ul li a, #inhaltschmal ul li a {
font-size: 1em;
}

#inhalt ul li ul, #inhaltstart ul li ul, #inhaltschmal ul li ul {
margin-bottom: .2em;
}

#inhalt ul li ul li, #inhaltstart ul li ul li, #inhaltschmal ul li ul li {
font-size: 1em;
}

#inhalt table, #inhaltstart table, #inhaltschmal table {
margin-bottom: 1.5em;
border-collapse: collapse;
width: auto;
}

#inhaltschmal table {
width: auto;
}

#inhalt table tr td, #inhaltstart table tr td, #inhaltschmal table tr td {
padding-right: 1em;
/*border: 1px solid #cccccc;*/
padding: .3em;
vertical-align: top;
}

#inhalt table tr.zeileDunkel td, #inhaltstart table tr.zeileDunkel td, #inhaltschmal table tr.zeileDunkel td {
background: #e6e5e5;#f7f6f5;
}

#inhalt table tr th, #inhaltstart table tr th, #inhaltschmal table tr th {
padding-right: 1em;
background: #949494;
border: 1px solid #cccccc;
vertical-align: middle;
padding: .3em;
color: #ffffff;
}

#inhalt table tr td p, #inhaltstart table tr td p, #inhaltschmal table tr td p,
#inhalt table tr th p, #inhaltstart table tr th p, #inhaltschmal table tr th p {
margin-bottom: 0em;
}

#rahmen #inhalt .csc-textpic img, #rahmen #inhaltschmal .csc-textpic img {
margin-right: 5px;
margin-bottom: 5px;
}

#rahmen #inhalt #mapsearch {
margin: 0px;
padding: 0px;
}

#rechts {
position: absolute;
top: 14.3em;
margin-left: 42em;
}

#abschluss {
position: relative;
margin: auto;
width: 53.3em;
height: 1.9em;
padding-top: .5em;
margin-top: -2em;
background: url(../bilder/abschluss.jpg) no-repeat 1px 0px;
}

#abschluss p {
float: left;
font-size: .7em;
margin-left: 1.8em;
color: #666666;
}

#abschluss p.links {
color: #ffffff;
}

#abschluss p.links a {
color: #ffffff;
}

#abschluss p.mitte {
position: absolute;
left: 19.6em;
}

#abschluss p.telefon, #abschluss p.telefonGmbH {
position: absolute;
background: url(../bilder/telefon.gif) no-repeat 0px 3px;
padding-left: 1.7em;
left: 47.6em;
}

#abschluss p.telefonGmbH {
left: 42.2em;
}

#abschluss p.mail, #abschluss p.mailGmbH {
position: absolute;
background: url(../bilder/brief.gif) no-repeat 0px 3px;
padding-left: 1.7em;
left: 57em;
}

#abschluss p.mailGmbH {
left: 51.4em;
}

#abschluss p.impr {
position: absolute;
background: url(../bilder/impr.gif) no-repeat 0px 1px;
padding-left: 1.3em;
left: 66.6em;
}

#abschluss p a {
color: #666666;
text-decoration: none;
}

/***************************************Kontaktformular*************************/

form legend {
display: none;
}

fieldset {
border: 0px;
text-align: right;
}

form {
width: 25em;
}

form label, form .tx_powermail_pi1_fieldwrap_html_label {
float: left;
font-size: .75em;
}

form input {
font-size: .75em;
padding: .15em;
margin-bottom: .3em;
width: 19em;
}

.powermail_submit {
width: auto;
}

.powermail_captcha {
width: 11em;

margin-top: .2em;
}

.powermail_captcha_captcha {
width: auto;

}

form textarea {
font-family:arial,sans-serif;
font-size: .7em;
font-family: verdana;
width: 20.3em;
padding: .15em;
}




.tx-powermail-pi1_fieldset_anrede, .tx-powermail-pi1_fieldset_title {
text-align: left;
}


#inhalt .tx-powermail-pi1_fieldset_anrede p, #inhalt .tx-powermail-pi1_fieldset_title p {
width: 13.85em;
float: left;
text-align: left;
margin-bottom: 0em;
padding-bottom: .8em;
}

form .powermail_radio_inner {
float: left;
width: 4em;
}

form .powermail_radio_inner input {
width: 1.5em;
position: absolute;
}

#powermaildiv_uid13 {
font-size: .75em;
}


/************************************************ Gebrauchtwagen - News ************************************/

#rahmen #inhalt .news-list-container .news-list-item {
position: relative;
background: #E6E5E5;
border: 1px solid #ffffff;
margin-bottom: .3em;
padding: .5em;
height: 10em;
}

#rahmen #inhalt .news-list-container .news-list-item h3 {

}

#rahmen #inhalt .news-list-container .news-list-item .sub {
position: absolute;
top: 32px;
margin-left: 140px;
width: 370px;
}

#rahmen #inhalt .news-list-container .news-list-item .sub p {
margin-bottom: 0px;
}

#rahmen #inhalt .news-list-container .news-list-item img {
margin: .2em 0em .5em 0em;
border: 1px solid #000000;
}

#rahmen #inhalt .news-single-item table {
width: 26em;
}

#rahmen #inhalt .news-list-item hr,
#rahmen #inhalt .news-single-item hr {
display: none;
}

#rahmen #inhalt .news-list-item .news-list-morelink a,
#rahmen #inhalt .news-single-item .news-single-backlink a {
font-size: .75em;
font-weight: bold;
color: #F9B500;
}

#rahmen #inhalt .news-list-item .news-list-morelink a:hover,
#rahmen #inhalt .news-single-item .news-single-backlink a:hover {
text-decoration: underline;
}

#rahmen #inhalt .news-single-item .news-single-img img {
margin-right: 10px;
margin-bottom: 10px;
float: left;
}

#rahmen #inhalt .news-single-item p {
clear: both;
}

#rahmen #inhalt .news-single-item p.news-single-imgcaption {
clear: none;
}


/**********************************************************Lenkrad*****************************/

#lenkrad {
position: relative;
margin: auto;
margin-top: 1.3em;
width: 35em;
}

#lenkrad img {
margin-top: 20px;
}




