/* Reset und Grundlagen */ * {padding: 0; margin: 0; border: 0;} html {height:101%;} body {background: #efefef url(../grafik/fond.gif) repeat-x; color: #575a5a; font-family: Arial, Helvetica, Tahoma, sans-serif;} :focus { outline: 0; } /* Standardelemente und Klassen */ h1,h3 {background-color: #FFCC00; border-bottom: 2px solid #FFF;color: #FFF; padding: 0 0 0 9px; text-transform: uppercase; } h2 {font-weight: bold;border-bottom:1px solid #ccc;color: #808080;padding-bottom:5px;} h3 {background-color: #339900;padding: 0 0 0 17px;} a {text-decoration: none;} a:hover, a.used {text-decoration: underline;} b, strong, .strong {font-weight:bold;} .floatl {float:left; margin: 0 10px 10px 0;} *html .floatl {margin: 0 9px 10px 0;} #main .ce_text.floatl img {float:none; margin: 0;} .floatr {float:right;margin: 0 10px 0 10px;} .hr {border-top:1px solid #808080;margin:0 15px;} #pagewrapper {width: 953px;} .clear,#clear {height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;} img.mime_icon {vertical-align:text-bottom;} /* Seitenkopf */ #head {height: 142px; background: url(../grafik/header.gif) no-repeat;} #head-menu {height:16px;padding: 5px 0 0 10px;} #head-menu ul li {color: #FFF; list-style-type: none; border-left:2px solid #fff; float:left; padding: 0 7px;line-height:1;} #head-menu ul li.first {border-left:none;padding-left: 0;} #head-menu ul li a {color: #FFCC00;} /* Navigation */ #navi {padding: 96px 0 0 9px;} #navi ul li {list-style-type: none; float:left; width: 138px; height: 25px;} #navi ul li a {display: block; font-weight:bold; padding-top: 4px; text-align: center; height: 21px; color: #575a5a; background: url(../grafik/navi.gif) no-repeat;} #navi ul li a:hover, #navi ul li a.trail, #navi ul li a.used {text-decoration: none; color: #CD0303; background: url(../grafik/navi.gif) 0 -25px no-repeat;} /* Subnavi*/ #subnavi {padding-left: 9px;} #subnavi ul li {list-style-type: none; float:left;} #subnavi ul li a {color: #575a5a;display:block;border-left:2px solid #fff;padding: 0 7px;margin-top:10px;line-height:1.2;} #subnavi ul li a.first {border-left:none;padding-left: 0;} #subnavi ul li a:hover, #subnavi ul li a.used {color: #CD0303; text-decoration: none;} /* Logo */ #logo {float: right; width: 244px;} #logo p {color: #FFF;} #logo .trans {width: 244px; height: 67px;} /* Hauptspalte */ #main {float: left; width: 709px;} #main h2 {margin: 10px 23px 0 23px;} #main .ce_text h2 {padding: 0;margin:0;border:0;} #right {float: left; width: 240px;border-left: 2px solid #FFF;border-right: 2px solid #FFF;} #gelb {background-color: #FFCC00; border-bottom: 2px solid #FFF;overflow:hidden;} #main .ce_text {line-height: 1.5;padding: 20px 17px 0 23px;} #main .ce_download {line-height: 1.5;padding: 0 23px 20px 23px;} #main .ce_accordion {padding-bottom: 15px;} #main .ce_text .ce_accordion p {padding: 8px;border:2px solid #FFF;background-color:#C9C9C9;} #main .ce_accordion .toggler{color: #CD0303;cursor:pointer;} #main .ce_text p, #right .ce_text p {padding-bottom:1em;} #main .ce_text ul, #right .ce_text ul {padding:0 0 1em 17px;} #main .ce_text table {width:100%;border-spacing: 0;border-collapse: collapse;margin-bottom:1em;} #main .ce_text table th {border-bottom:1px solid #808080; padding:3px;} #main .ce_text table td {border-bottom:1px solid #ccc; padding:3px;} #main .ce_slideshow2 {margin-top:20px;} #main .ce_text a, #main .ce_download a {color: #CD0303;} #main .ce_text img {border:1px solid #FFCC00;margin:5px 0 10px 10px;} #main .ce_text a img {border:1px solid #CD0303;} #main .ce_text.noborder img {border:none;} #main .ce_text.floatl img, #main .ce_text.floatr img {float:none; margin: 0;} #main .ce_text .ansprechpartner {float: left; margin: 0 10px 10px 0;} #main .mod_faqlist li, #main .mod_faqlist h2, #main .mod_faqreader h2 {margin-bottom:10px;} #main .mod_faqreader .ce_text {padding:5px 10px;margin:23px 23px 0 23px;border:1px solid #FFCC00;background:#fff;} p.info {color:#999999;} p.back {padding: 0px 23px 20px 23px;} /* Inhaltsbild*/ #inhaltsbild {background-color: #FFF;} #inhaltsbild img {vertical-align:bottom;} /* Suchmaske */ #suchmaske {border-bottom: 2px solid #FFF;height: 173px; background-color: #C9C9C9;} #suchmaske .formbody {padding:20px 0 20px 15px;} *+html #suchmaske .formbody {padding: 10px 0 0 15px;} #suchmaske .floatl {margin:0; padding: 0;} #suchmaske label.gr {width: 63px;font-weight: bold; font-size: 80%; display: inline; float:left;} #suchmaske label.kl {width: 20px;font-weight: bold; font-size: 80%; display: inline; float:left;} .input-suche {margin: 0 5px 20px 5px; width: 45px; height:18px; color: #575a5a; } *html .input-suche {margin: 0 5px 5px 5px;} .input-finden {float: right; margin-right: 16px; padding-left: 5px; width:186px; height:21px; text-align: left; color: #339900; font-weight: bold; background: url(../grafik/suchfeld.gif) no-repeat;} /* Inhaltsbereich */ .box1,.box2,.box3 {width: 223px; float:left; display: block;overflow:auto;} #main .ce_text.box1 {padding: 9px 5px 0 9px;margin-right:5px;background: url(../grafik/trennlinie.gif) right repeat-y;} * html .box1 {width: 226px;} #main .ce_text.box2 {padding: 9px 5px 0 0;margin-right:5px;background: url(../grafik/trennlinie.gif) right repeat-y;} * html .box2 {width: 226px;} #main .ce_text.box3 {padding: 9px 0 0 0;} * html .box3 {width: 225px;} .box1 h2,.box2 h2,.box3 h2 {padding:7px 0 7px 10px;} .box1 p, .box2 p, .box3 p {padding-left: 10px;} .box1 p a, .box2 p a, .box3 p a, p.back a {padding-left: 15px; color: #CD0303; font-weight: bold; background: url(../grafik/pfeil-rot.gif) no-repeat; background-position: left center;} #main .ce_text.box1 img, #main .ce_text.box2 img, #main .ce_text.box3 img {border:none;margin:0;} #pp_noflash {position:absolute; right:0; top:0;} #footer h1 {border-right: 2px solid #FFF;} /* Aktuelles */ #aktuelles, #schrift, #right .ce_text {background-color: #C9C9C9; border-bottom: 2px solid #FFF;} #right .ce_text {padding: 15px 10px 15px 15px; line-height: 1.5;} #right a {color: #339900;} #aktuelles div {padding: 10px 0 0 15px;} #aktuelles div a {background:url(../grafik/pfeil.gif) 2px 4px no-repeat;padding:0 0 10px 15px;color: #339900; line-height: 1.5;display:block;} #schrift p {padding: 5px 0 5px 15px; line-height: 1.5;} #schrift p a {display:block;float:left;margin-right:5px;background-color:#efefef;border:1px solid #339900;line-height:25px; width:35px; text-align:center;} #schrift p a.small {font-size: 100%;} #schrift p a.medium {font-size: 140%;} #schrift p a.large {font-size: 180%;} /* Google Anfahrt */ #map {width: 250px; margin: 5px 0 10px 23px;} p.anfahrt {line-height: 1.5;padding: 20px 23px 0 23px;} #map input {width: 250px; height: 21px; margin-top:5px;border: 1px solid #BCB198; font-family: Arial, Verdana, Helvetica, sans-serif;} #map input.button {width:186px; color:#CD0303; height:21px; text-align: left; padding-left:5px; border: none; font-weight: bold; background: url(../grafik/suchfeld-rot.gif) no-repeat;} #directions {margin: 5px 0 10px 19px; width: 630px;} #map a, #directions a {color: #CD0303;} .gmnoprint {color:#717879;} /* Kontaktformular */ #main .ce_form {margin: 5px 0 10px 23px;} label {display: block;float:left; margin-top: 5px; width: 90px;} #reparaturmeldung label {width: 150px;} #main .ce_form form label {color: #575a5a; margin-top: 10px;} #main .ce_form form input, #main .ce_form form select {margin: 10px 10px 5px 0; padding:2px; color:#000; } #main .ce_form form input.absenden {color:#CD0303;} #main .ce_form form textarea {margin: 10px 10px 10px 0; color:#000;} p.error, #main .ce_form p.error {color: #CD0303; font-weight:bold; padding:0; margin:10px 0 0 0; text-transform: uppercase;} #main .ce_form input, #main .ce_form textarea, #main .ce_form select {width:350px;border: 1px solid #BCB198; font-family: Arial, Verdana, Helvetica, sans-serif;} #reparaturmeldung .ce_form select {width:150px;} #main input:focus, #main select:focus, #main textarea:focus, #main input:hover, #main select:hover, #main textarea:hover {border: 1px solid #CD0303;} #main textarea {height: 100px;} #kontakt input.submit {width:114px; height: 22px; margin-left: 90px;} #reparaturmeldung input.schaden, #reparaturmeldung input.datum {width:144px; margin-left: 145px;} form br {clear: left;} .submit_container {margin-left: 90px;} #reparaturmeldung .submit_container {margin-left: 145px;} #main input.absenden {width:186px; height:21px; text-align: left; border: none; font-weight: bold; background: url(../grafik/suchfeld-rot.gif) no-repeat;}