body { color: #434343; font-size: 12px; font-family: arial; background-image: url(../bilder-template/bg.jpg); background-repeat: no-repeat; background-attachment: scroll; margin-top: 0; margin-left: 0; }
p { font-size: 12px; font-family: arial; }
td { }
/**/
a.unstyle:hover { background-color: transparent; text-decoration: none; }
a:link { color: black; font-size: 14px; font-family: arial; font-weight: bold; text-decoration: none; }
a:visited { color: black; font-size: 14px; font-family: arial; font-weight: bold; text-decoration: none; }
a:hover { color: white; font-size: 14px; font-family: arial; font-weight: bold; background-color: #a8a8a8; text-decoration: none; }
a:active { font-size: 14px; font-family: arial; }
a.sub:link { color: #434343; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; }
a.sub:visited { color: #434343; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; }
a.sub:hover { color: #618dbc; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: underline; background-color: white; }
a.content:link { color: #434343; font-size: 12px; font-family: arial; font-weight: normal; line-height: 18px; text-decoration: none; }
a.content:visited { color: #434343; font-size: 12px; font-family: arial; font-weight: normal; line-height: 18px; text-decoration: none; }
a.content:hover { color: black; font-size: 12px; font-family: arial; font-weight: normal; line-height: 18px; text-decoration: underline; background-color: white; }
a.contblau:link { color: #3182ff; font-size: 12px; font-family: arial; font-weight: bold; line-height: 18px; text-decoration: none; }
a.contblau:visited { color: #3182ff; font-size: 12px; font-family: arial; font-weight: bold; line-height: 18px; text-decoration: none; }
a.contblau:hover { color: black; font-size: 12px; font-family: arial; font-weight: bold; line-height: 18px; text-decoration: underline; background-color: white; }
a.fettgrau:link { color: #200806; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; }
a.fettgrau:visited { color: #200806; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; }
a.fettgrau:hover { color: #3182ff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #d4def8; text-decoration: none; }
/**/
/**/
.fettgrossaudirot { color: #bd0013; font-size: 17px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
.fettvwblau { color: #4466db; font-size: 16px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
.fetthellblau { color: #3182ff; font-size: 12px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
.fettweiss { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
.rubrik_head { color: black; font-size: 14px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
.gross { color: black; font-size: 13px; font-family: arial; list-style-type: upper-alpha; }
.fettschwarz { color: black; font-size: 12px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
.fettaudirot { color: #bd0013; font-size: 12px; font-family: arial; font-weight: bold; list-style-type: upper-alpha; }
/**/
#all { width: 1010px; float: left; }
#logo { background-image: url(../bilder-template/knott+vw+audi-logo.jpg); background-repeat: no-repeat; width: 999px; height: 107px; }
#ani_bereich { width: 998px; height: 255px; }
#animation { background-color: white; float: left; width: 530px; height: 248px; margin-top: 6px; margin-left: 5px; border: solid 1px #696969; }
#ani_text { background-image: url(../bilder-template/ani_text_bg.jpg); float: right; width: 420px; height: 238px; margin-top: 6px; margin-right: 0; margin-left: 5px; padding-top: 10px; padding-right: 5px; padding-left: 5px; border: solid 1px #696969; }
#ani_text_video { background-image: url(../bilder-template/ani_text_bg.jpg); float: right; width: 430px; height: 248px; margin-top: 6px; margin-right: 0; margin-left: 5px; border: solid 1px #696969; }
#navi_bereich { background-color: white; width: 997px; height: 16px; margin-top: 7px; border-width: 0; }
#inhalt_bereich { margin-top: 15px; width: 999px; border-width: 0; }
#inhalt { background-color: #fff; position: absolute; top: 420px; left: 178px; float: right; margin-top: 7px; width: 820px; padding-bottom: 15px; }
#rubrik_menue { float: left; font-size: 14px; font-weight: bold; line-height: 22px; background-color: #fff; margin-top: 15px; width: 160px; height: 100%; min-height: 350px; max-height: 100%; margin-left: 6px; border-color: #8e8e8e; border-style: solid; border-width: 0 1px 0 0; }
#bilderrahmen { font-size: 14px; font-weight: bold; line-height: 22px; background-color: #fff; float: left; margin-top: 3px; border: dotted 1px #3182ff; }
.bilderrahmen { padding: 1px; border: solid 1px #e2e2e2; }
#aktionsrahmen { font-size: 14px; font-weight: bold; line-height: 22px; background-color: #fff; margin-top: 3px; float: left; margin-right: 5px; margin-bottom: 25px; }
#rubrik_titel { color: black; font-size: 14px; font-weight: bold; line-height: 22px; background-color: #fff; text-transform: uppercase; margin-top: 15px; margin-left: 6px; width: 160px; }
.rubrik_titel { color: black; font-size: 14px; font-weight: bold; line-height: 22px; text-transform: uppercase; }
input { color: #606060; font-size: 12px; font-family: arial; border: solid 1px #8e8e8e; }
checkbox { color: #606060; font-size: 12px; font-family: arial; border-color: #8e8e8e; border-width: 1px; }
.select { border: solid 1px #eaeaea; }
.submit { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #3182ff; border-width: 1px; border-color: #d7e0ff; }
#passbild { color: #434343; font-size: 12px; font-family: arial; float: left; margin-right: 10px; padding: 0 0 0 5px; border-color: #3182ff; border-style: dotted; border-width: 0 0 1pt 1pt; }
ul { margin-top: 0; margin-bottom: 2px; margin-left: 20px; list-style-type: circle; }
#kontaktbox { font-size: 13px; width: 700px; height: 20px; border-bottom: 1px solid #658eff; }
#standortklein { font-size: 11px; font-family: arial; line-height: 12px; width: 150px; margin-bottom: 10px; }
#ansprechpartnerkopf { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #d4def8; background-image: url(../bilder-template/kopfgrafik.jpg); background-repeat: no-repeat; text-indent: 15px; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #437cff; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
#geschaeftsleitung { display: none }
#verkauf { display: none; }
#service { display: none; }
#teiledienst { display: none; }
#dreisechzig { width: 390px; float: left; margin-right: 10px; margin-bottom: 10px; }
.indexkategorie { color: #3182ff; font-size: 18px; font-weight: bold; line-height: 12px; background-image: url(../bilder-template/kategorie_trenner_bg.jpg); background-repeat: repeat-x; margin-top: 20px; margin-bottom: 5px; padding: 10px; border-bottom: 1px solid #e2e2e2; }
.indexraster { font-size: 11px; font-weight: normal; width: 390px; float: left; clear: none; margin-right: 10px; margin-bottom: 15px; }
.indexrasterfahrzeugtitel { color: #000; font-size: 12px; font-weight: bold; width: 380px; clear: left; margin-right: 5px; margin-bottom: 5px; padding-left: 5px; }
.indexraster img { float: left; margin-right: 5px; padding: 2px; border: solid 1px #e2e2e2; }
.bildabstandrechtsundunten { margin-right: 10px; margin-bottom: 25px; }
.kleinhochgestellt { font-size: 10px; vertical-align: super; }
#unsichtbar { height: 20px; visibility: hidden; }
.hide {display:none;}
#popup { position: absolute; left: -200px; top: 100px; width: 200px; height: 200px; border: 2px solid black; background-color: red; }
/* hinzugef?gt f?r MyMotion Funktion 07.03. 2011 -> Tobias */
.loader { width:32px; height:32px; margin:0 auto; background-image:url(../gebrauchtwagen/bilder/loader.gif);}
.loader-small { width:15px; height:15px; margin:0 auto; background-image:url(../gebrauchtwagen/bilder/loader_small.gif);}
.clear { clear:both; }
#mm-zufallsauto .mymotion-item { position:relative; border-top: none; padding:5px; width: 100%; }
#mm-zufallsauto .mymotion-item .title{ font-weight: bold; font-size: 14px; margin-left: 20px; float:left; clear:right; width:500px; overflow:hidden; }
#mm-zufallsauto .mymotion-item .text{ margin-left: 20px; float:left; width:500px; margin-top:10px; }
#mm-zufallsauto .mymotion-item .price{ font-weight: bold; font-size: 14px; margin-left: 5px; float:right; }
#mm-zufallsauto .mymotion-item .image{ border: none; width: 250px; heigth: 188px; float:left; }
#mm-zufallsauto .mymotion-item .mymotion-vorschaubild { background: none; }
/* Formatierung f?r die Listenansicht der Datens?tze */
#mymotion-main { width:100%; position:relative; }
#mymotion-main .altrow { background-color: #EBEBEB; }
.mymotion-item { position:relative; border-top: none; padding:5px; width: 815px; }
.mymotion-item .title{ font-weight: bold; font-size: 14px; margin-left: 20px; float:left; clear:right; width:630px; }
.mymotion-item .text{ margin-left: 20px; float:left; width:630px; margin-top:10px; }
.mymotion-item .price{ font-weight: bold; font-size: 14px; margin-left: 10px; float:right; }
.mymotion-item .image{ border: none; width: 160px; heigth: 120px; float:left; }
.mymotion-item .button { position: absolute; bottom: 5px; right: 5px; display:block; color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #3182ff; border-width: 1px; border-color: #d7e0ff; width: 80px; padding: 3px; text-align:center; }
.mymotion-item img { width: 100%;}
.mymotion-navi .active { text-decoration: underline; }
/* Formatierung f?r die Datailansicht eines Datensatzes */
.mymotion-detail .left { width:58%; float:left; padding-right:10px; }
.mymotion-detail .right { width:40%; float:right; }
.mymotion-detail .image { margin-bottom: 30px !important; }
.mymotion-detail .ansprechpartner { margin-top: 30px; }
.mymotion-detail .ansprechpartner .title{ font-size:16px; }
.mymotion-detail .ansprechpartner .item{ width: 100%; }
.mymotion-detail .ansprechpartner .name, .mymotion-detail .ansprechpartner a{ font-weight: bold; font-size: 12px; }
.mymotion-detail .ansprechpartner .image{ width: 100px; float:left; margin-right: 10px; }
.mymotion-detail .ansprechpartner div{ width: 200px; float:left; }
.mymotion-detail .kontakt { padding: 5px; background-color: #ebebeb; width: 100%; float:left; margin-right:10px; }
.mymotion-detail .preise { margin-top: 20px; }
.mymotion-detail .preise .preis { float: right; width: 30%; text-align:right; }
.mymotion-detail .preise .mwst, .mymotion-detail .preise .netto { float: left; width: 60%; }
.mymotion-detail .preise .brutto { float:right; font-weight: bold; font-size: 16px; margin-bottom: 3px; clear:both; width: 30%; text-align: right; }
.mymotion-detail .details .list { float:left; width:200px; }
.mymotion-detail .details .wert { font-weight:bold; }
.mymotion-detail .verbrauch { padding: 5px; background-color: #ebebeb; width: 160px; float:left; margin-right:10px; }
.mymotion-detail .verbrauch div { margin-bottom: 2px; }
.mymotion-detail .verbrauch .list { float:left; width:80px; }
.mymotion-detail .co2info { font-size: 11px; width:280px; float:left; }
.mymotion-detail .extras ul { margin-left: 0px; padding:0px; list-style: none; }
.mymotion-detail .extras li { width: 150px; float:left; margin-bottom: 2px; }
.mymotion-detail .image { margin-bottom: 20px; }
.mymotion-detail .image img { width:100%; padding: 2px; }
.mymotion-detail .block { margin-bottom: 30px; clear:both;}
.mymotion-detail .block .title{ font-weight: bold; margin-bottom:5px; }
.mymotion-detail .image .thumbs{ width: 98px; float:left; margin: 2px; }
.mymotion-detail .formular .label { width:200px; }
.mymotion-detail .formular .label{ width: 45%; float:left; margin-bottom: 5px; }
.mymotion-detail .formular input,
.mymotion-detail .formular textarea{ width: 70%; margin-bottom: 5px; }
.mymotion-detail .formular .submit{ width: 140px; }
.mymotion-detail .co2block { margin-bottom: 15px; }
/**/
#mymotion_main { }
#mymotion-suchmaske { font-size: 11px; background-image: url(../gebrauchtwagen/mymotion/bg_vorschaubild.jpg); background-repeat: repeat-x; background-position: 0 bottom; width: 100%; height: 175px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; border-color: #e3e3e3 #e3e3e3 #979797; border-style: solid; border-width: 1px 1px 2px; background-color: #F3F3F3; }
.mymotion-suchfelder1 { width: 170px; float: left; margin-right: 40px; }
.mymotion-suchfelder1 input{ width: 90%; }
.mymotion-suchfelder2 { width: 100px; float: left; margin-right: 50px; }
.mymotion-suchfelder3 { width: 100px; float: left; margin-right: 50px; }
.mymotion-suchfelder4 { width: 260px; float: left; }
#mymotion-suchmaske select { color: #606060; font-size: 11px; margin-bottom: 10px; width: 90%; }
#mymotion-suchmaske .submit { margin-top: 10px; width: 100%; }
.mymotion-navi { background-image: url(../gebrauchtwagen/mymotion/bg_navi.jpg); background-repeat: repeat-x; background-position: 0 bottom; width: 100%; height: 17px; padding: 3px; border-bottom: 2px solid #979797; }
.mymotion-navi-links { color: #005dff; font-size: 12px; font-weight: bold; width: 50%; float: left; }
.mymotion-navi-rechts { color: #000; font-size: 12px; font-weight: bold; text-align: right; width: 50%; float: right; }
.mymotion-navi-rechts a { color: #005dff; font-size: 12px; font-weight: bold; padding: 1px 2px; }
.mymotion-preis { color: #343434; font-size: 12px; font-weight: bold; }
.mymotion-schriftklein { font-size: 11px; }
.mymotion-vorschaubild { background-image: url(../gebrauchtwagen/mymotion/bg_vorschaubild.jpg); background-repeat: repeat-x; float: left; padding: 5px; border-color: #eaeaea #eaeaea #979797; border-style: solid; border-width: 1px; }
#mm-zufallsautokopf { font-size: 15px; font-weight: bold; background-image: url(../gebrauchtwagen/mymotion/bg_navi.jpg); background-repeat: repeat-x; background-position: 0 bottom; padding-left: 15px; width: 795px; height: 20px; margin-top: 20px; padding-top: 1px; border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom-width: 0; }
#mm-zufallsauto { font-size: 11px; background-position: 0 bottom; margin-bottom: 30px; padding-top: 10px; padding-bottom: 15px; padding-left: 10px; width: 800px; border-style: solid; border-width: 1px 1px 2px; border-color: #e3e3e3 #e3e3e3 #979797; }
#mm-zufallsautotext { font-size: 11px; width: 340px; overflow: auto; float: right; min-height: 255px; max-height: 255px; margin-right: 10px; margin-left: 10px; }
#mm-zufallsautopreis { color: #005dff; font-size: 14px; font-weight: bold; background-color: #ebebeb; text-align: right; margin-right: 10px; margin-left: 10px; width: 340px; float: right; padding: 2px; }
#mm-auswahlbutton { color: #343434; font-size: 16px; background-image: url(../gebrauchtwagen/mymotion/bg_auswahlbutton_250.jpg); width: 300px; height: 65px; float: left; margin-top: 20px; margin-right: 40px; padding: 15px; border-bottom: 2px solid #005dff; border-left: 1px solid #005dff; }
/**/