body {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
#container {
background: #fff url(wittkopp/bg_headerright.gif) 0 110px repeat-x;
}
#startseite #container {
background: #fff url(wittkopp/bg_body.gif) 0 12px repeat-x;	
}
#mitarbeiter #container {
background: #fff url(wittkopp/mitarbeiter_bg_body.gif) 0 -105px repeat-x;
}
a {
color: #71717b;
text-decoration: none;
}
a:hover {
color: #333
}
a img {
border: 0 none;
}
h1 {
font-size: 16px;
margin: 0 15px 10px 7px;
padding-top: 20px;
clear: left;
color: #BF2E1A;
background: transparent;
text-align: left;
}
address {
padding: 7px;
font-style: normal;
font-weight: bold;
font-size: 12px;
}
#alles {
position: relative;
width: 986px;
text-align: left;
margin: 0;
padding: 0;
background: transparent url(wittkopp/bg_navlinks.gif) 0 0 repeat-y;
}
#mitarbeiter #alles {

}
p.footer {
margin: 0 0 0 0;
padding: 10px 0 10px 170px;
background: transparent url(wittkopp/bg_footer-line.gif) 0 0 repeat-y;
}
#mitarbeiter p.footer {
background-image: none;
border-top: 1px solid #ccc;
padding-top: 3px;
}
#logo {
position: absolute;
top: 3px;
left: 10px;
z-index: 20;
}
#logo img {
padding-top: 3px;
}
#mitarbeiter #logo {
display: none;
}
#werbebilder {
position: absolute;
top: 15px;
left: 841px;
width: 60px;
height: 60px;
background: transparent url(../weiterebilder/bvfk-mini.jpg) 0 0 no-repeat;
z-index: 20;
}
#startseite #werbebilder {
position: absolute;
top: 15px;
left: 841px;
width: 77px;
height: 79px;
background: transparent url(../weiterebilder/bvfk.jpg) 0 0 no-repeat;
z-index: 20;
}
#mitarbeiter #werbebilder {
display: none;
}
#navoben {
position: absolute;
top: 6px;
left: 170px;
list-style: none;
}
#mitarbeiter #navoben {
width: 450px;
top: 30px;
left: 350px;
}
#navoben li {
display: inline;
}
#navoben a {
display: block;
float: left;
margin: 0 10px 10px 0;
padding: 0 0 0 13px;
color: #71717b;
bac\kground: transparent url(wittkopp/link-mini-2.gif) 0 2px no-repeat;
text-decoration: none;
font-size: 12px;
border: 0 none;
line-height: normal;
}
#navoben a:hover {
color: #333;
bac\kground: transparent url(wittkopp/link-mini-2.gif) 0 -20px no-repeat;
}
#navoben a.akt {
color: #BF2E1A;
bac\kground: transparent url(wittkopp/link-mini-2.gif) 0 -20px no-repeat;
}

/* Neue Navigation */
.navlayer0 {
line-height: 20px;
}
.navlayer1 {
float: left;
/* an leiste3 anpassen ... */
width: 472px;
wid\th: 468px;
height: 40px;
margin: 0 0 0 -15px;
padding: 0 0 0 15px;
}
#mitarbeiter #navoben .navlayer0 a,
#navoben .navlayer1 a {
line-height: normal;
}
#mitarbeiter #navoben .navlayer0 a:link, #mitarbeiter #navoben .navlayer0 a:visited {
line-height: normal;
}
#navoben .navlayer1 a:link, #navoben .navlayer1 a:visited {
line-height: normal;
}
#navoben .navlayer1 a:link.akt, #navoben .navlayer1 a:visited.akt {
text-decoration: underline;
font-weight: bold;
}

#inhalt .subnav {
width: 638px;
z-index: 50;
margin: 0;
padding: 0;
background: transparent;
}
#mitarbeiter #inhalt .subnav {
margin-top: 20px;
}

#inhalt .subnav li {
display: inline;
}
#inhalt .subnav a {
display: block;
float: left;
margin: 0;
padding: 3px 10px 3px 18px;
color: #71717b;
background: transparent;
text-decoration: none;
}
#inhalt .subnav a:link, #inhalt .subnav a.visited {
color: #333;
background: transparent url(wittkopp/link.gif) 0 2px no-repeat;
}
#inhalt .subnav a:hover, #inhalt .subnav a.akt {
color: #BF2E1A;
background: transparent url(wittkopp/link.gif) 0 -93px no-repeat;
}
#inhalt .subnav a.akt {
font-weight: bold;
background: transparent url(wittkopp/link.gif) 0 -46px no-repeat;
}

#inhalt .navsubsub {
margin: 0;
padding: 0;
width: 638px;
background: transparent;
}
#inhalt .navsubsub li {
display: inline;
}
#inhalt .navsubsub a {
display: block;
float: left;
margin: 0;
padding: 3px 10px 3px 18px;
color: #71717b;
background: transparent;
text-decoration: none;
border-right: 2px solid #fff;
}
#inhalt .navsubsub a:link, #inhalt .navsubsub a.visited {
color: #333333;
bac\kground: transparent url(wittkopp/link.gif) 0 2px no-repeat;
}
#inhalt .navsubsub a:hover, #inhalt .navsubsub a.akt {
color: #BF2E1A;
background: transparent url(wittkopp/link.gif) 0 -93px no-repeat;
}
#inhalt .navsubsub a.akt {
font-weight: bold;
background: transparent url(wittkopp/link.gif) 0 -46px no-repeat;
}

#leiste1, #leiste2 {
display: none;
}
#topnavi {
position: absolute;
top: 118px;
left: 817px;
list-style: none;
width: 175px;
}
#startseite #topnavi {
top: 142px;
}
#mitarbeiter #topnavi {
position: absolute;
left: 810px;
top: 27px;
}


#topnavi a {
display: block;
font-weight: bold;
padding: 2px 0 2px 18px;
text-decoration: none;
color: #71717b;
background: transparent;
bac\kground: transparent url(wittkopp/link.gif) 0 3px no-repeat;
}
#topnavi a:hover {
color: #333;
background: transparent;
bac\kground: transparent url(wittkopp/link.gif) 0 -92px no-repeat;
}
#topnavi a.akt {
color: #BF2E1A;
background: transparent;
bac\kground: transparent url(wittkopp/link.gif) 0 -45px no-repeat;
}

#banner {
position: absolute;
top: 80px;
left: 600px;
width: 203px;
padding: 7px 0 7px 0;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #333;
background: #DBDBDE;
}
#startseite #banner {
top: 102px;
}
#banner img {
position: relative;
top: 2px;
}
#werbebilder {
position: absolute;
}
#schnellsuche {
position: absolute;
top: 85px;
left: 817px;
z-index: 20;
}
#startseite #schnellsuche {
top: 109px;
}
#mitarbeiter #schnellsuche {
top: 5px;
left: 810px;
}
#schnellsuche a {
color: #333;
text-decoration: none;
font-weight: bold;
line-height: 130%;
padding-left: 17px;
background: transparent;
bac\kground: transparent url(wittkopp/link-2.gif) 0 -160px no-repeat;
}
#schnellsuche a:hover {
color: #333;
background: transparent;
bac\kground: transparent url(wittkopp/link-2.gif) 0 -80px no-repeat;
}
#navlinks {
position: absolute;
top: 0;
left: 0;
width: 160px;
z-index: 10;
background: transparent url(wittkopp/bg_navlinks.gif) 0 0 repeat-y;
}
#navlinks ul.nav {
display: block;
width: 150px;
list-style: none;
margin: 190px 0 0 0;
padding: 0 0 0 10px;
}
#mitarbeiter #navlinks ul.nav {
margin-top: 20px;
}
#navlinks ul.nav li {
display: inline;
}
#navlinks ul.nav a {
display: block;
text-decoration: none;
width: 127px;
padding: 6px 0 3px 20px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
#navlinks ul.nav a:link, 
#navlinks ul.nav a:visited  {
color: #333;
background: transparent url(wittkopp/link-2.gif) 0 5px no-repeat;
}
#navlinks ul.nav a:hover, 
#navlinks ul.nav a:active, 
#navlinks ul.nav a:focus {
color: #333;
background: transparent url(wittkopp/link-2.gif) 0 -155px no-repeat;
}
#navlinks ul.nav a.akt:link, 
#navlinks ul.nav a.akt:visited  {
color: #BF2E1A;
background: transparent url(wittkopp/link-2.gif) 0 -75px no-repeat;
}
#navlinks ul.nav .subnav {
display: block;
width: 120px;
}
#navlinks ul.nav .subnav li {
display: inline;
}
#navlinks ul.nav .subnav a {
font-weight: normal;
padding: 1px 0 3px 0;
margin: 0 0 0 18px;
text-transform: none;
font-size: 11px;
border-bottom: 1px dotted #aaa;
}
#navlinks ul.nav .subnav a:link, 
#navlinks ul.nav .subnav a:visited {
color: #333;
background: transparent;
}
#navlinks ul.nav .subnav a:hover, 
#navlinks ul.nav .subnav a:active, 
#navlinks ul.nav .subnav a:focus {
color: #BF2E1A;
background: #fff;
}
#navlinks ul.nav .subnav a:link.akt, 
#navlinks ul.nav .subnav a:visited.akt {
font-weight: normal;
color: #BF2E1A;
background: transparent;
font-weight: bold;
}
p.navleft {
text-align: center;
}
.navleft a {
display: block;
text-decoration: none;
color: #333;
background: #e1e1e6;
border: 1px dotted #333;
padding: 2px;
margin: 0;
text-transform: uppercase;
font-size: 11px;
}
#mitarbeiter .navleft a {
border: 0 none;
background: transparent;
}
.navleft a:hover {
color: #fff;
background: #BF2E1A;
}
#mitarbeiter .navleft a {
display: inline;
color: #333;
background: transparent;
padding: 2px;
}
#mitarbeiter .navleft a:hover {
color: #BF2E1A;
background: transparent;
}
#mitarbeiter .navleft {
margin: 10px 0;
}

#login {
margin: 0 7px;
border: 1px dotted #333;
padding: 3px 0;
}
#login form {
margin: 0;
padding: 0;
}
#login p {
margin: 0;
padding: 0;
text-align: center;
}
#login p span {
display: block;
}
#login p a {
font-size: 11px;
margin: 0;
padding: 0;
}
#mitarbeiter #login {
display: block;
text-align: center;
}
#mitarbeiter #login a {
display: block;
line-height: 20px;
padding: 0;
margin: 0;
font-size: 12px;
}
#mitarbeiter #login  a.nav, 
#mitarbeiter #login p {
display: block;
padding: 0;
margin: 3px 0;
}
#login fieldset {
padding: 5px;
margin: 0;
border: 0 none;
text-align: center;
}
#login label {
display: block;
width: 108px;
font-size: 70%;
padding: 0;
margin: 0 0 0 10px;
text-align: center;
}
#login label {
display: inline;
}
#login input {
width: 108px;
padding: 0;
margin: 0;
background: #f5f5f5;
border: 1px solid #333;
}
#login input.submit {
clear: left;
width: 110px;
margin: 10px 0 5px 0;
padding: 0;
background: #ccc;
color: #333;
font-size: 70%;
}
#login a {
text-decoration: none;
color: #333;
background: transparent;
}
#mitarbeiter #login a {
border: 0 none;
display: inline;
}
#mitarbeiter #login a:hover {
color: #bf2e1a;
background: transparent;
}
p.fahrzeugzahl {
margin: 10px 5px;
color: #333;
background: transparent;
text-align: center;
}

#header {
width: 651px;
margin: 0 0 0 160px;
background: transparent;
}
#mitarbeiter #header {
height: 169px;
width: 160px;	
background: transparent url(../idbilder/logo-wittkopp.gif) 20px 0 no-repeat;
}
#header #headerbild {
padding-top: 116px;
margin: 0;
width: 643px;
overflow: hidden;
border-bottom: 6px solid #DBDBDE;
}
#startseite #header #headerbild {
margin: 0;
padding-top: 70px;
border-top: 0 none;
border-bottom: 6px solid #333;
}

#leiste3 {
display: none;
}

#main {
width: 826px;
margin: 0 0 0 160px;
padding: 0;
background: #fff;
}
#mitarbeiter #main {
margin-top: 10px;
}
#bestand {
width: 100%;
}

#main h3 {
font-size: 15px;
margin: 15px 7px 10px 7px;
color: #BF2E1A;
}
p {
margin: 10px 7px;
line-height: 140%;
}
#inhalt {
width: 626px;
padding: 0 7px;
z-index: 5;
overflow: hidden;
background: #fff;
}
#mitarbeiter #inhalt {
width: 100%;
overflow: visible;
}
#mitarbeiter #inhalt h1 {
position: static;
width: auto;
}
#inhalt a {
text-decoration: none;
color: #bf2e1a;
}
#inhalt h2 {
font-size: 14px;
padding: 7px 5px;
margin: 15px 0 10px 0;
color: #333;
border-bottom: 4px solid #e1e1e6;
}
#inhalt h2 a:link, #inhalt h2 a:visited {
font-size: 14px;
text-decoration: none;
color: #BF2E1A;
}
#inhalt h2 a:hover, #inhalt h2 a:active, #inhalt h2 a:focus {
text-decoration: underline;
}
#inhalt h2.normal {
color: #BF2E1A;
background: transparent;
border: 0 none;
margin: 10px 7px 10px 0;
}
#inhalt table h2 {
margin-top: 0;
}
#inhalt .pbox {
width: 310px;
float: right;
margin-left: 20px;
}
#inhalt .zweispalter {
display: block;
list-style: none;
margin: 10px 0 10px 7px;
}
#inhalt .zweispalter li {
width: 300px;
float: left;
margin: 10px 0;
}
#inhalt .zweispalter li.w250 {
width: 250px;
}
#inhalt .zweispalter li.w350 {
width: 350px;
}
#inhalt ol, #inhalt ul {
padding-left: 20px;
}
#inhalt table ol, #inhalt table ul {
padding-left: 0;
margin-left: 20px;
}
#inhalt .dreispalter h2 {
padding-left: 3px;
}
.dreispalter p {
margin-left: 3px;
}

#inhalt input.submit, #inhalt input.submitabstand {
color: #333;
padding: 1px 2px;
background: #e1e1e6;
border: 1px solid #71717b;
}

#rechtespalte {
float: right;
width: 183px;
overflow: hidden;
}
#rechtespalte h2, #rechtespalte h2 a {
margin: 15px 0 7px 0;
padding-left: 5px;
color: #BF2E1A;
font-size: 15px;
font-weight: normal;
}
h2 .mini {
color: #333;
font-size: 11px;
font-weight: bold;
display: block;
}
#rechtespalte h3 {
margin: 15px 0 7px 0;
padding-left: 5px;
}
#rechtespalte p {
margin: 7px 0 10px 0;
padding: 0 5px;
}
#rechtespalte a {
text-decoration: none;
}
#rechtespalte a:hover {
font-weight: bold;
}

#inhalt .pagenav a {
display: block;
padding: 4px 2px 4px 18px;
text-decoration: none;
background: transparent;
}
#inhalt .pagenav a:link, #inhalt .pagenav a:visited {
color: #fff;
background: transparent;
}
#inhalt .pagenav a:hover {
color: Yellow;
background: transparent;
}
#inhalt .pagenav a.on:link, #inhalt .pagenav a.on:visited {
color: #fff;
background: transparent;
}

/* Anzeigeboxen im Inhaltsbereich */
.bluebox {
display: block;
width: 300px;
height: 70px;
background: #abbad1;
overflow: hidden;
}
.bluebox img {
float: left;
margin: 0 10px 0 0;
}
#inhalt .bluebox h3, #inhalt .bluebox h3 a {
color: #fff;
padding: 10px;
margin: 0;
font-size: 20px;
line-height: normal;
}
#inhalt .bluebox h3 a:hover {
color: #bf2e1a;
}

/* Rechte Spalte */
#rechtespalte .anzeige {
margin-top: 0;
}
#rechtespalte p.mini {
margin: 10px 0 0 0;
font-size: 70%;
}

/* Anzeige mit Background-Image blau */
#rechtespalte .bgimage {
display: block;
width: 183px;
height: 160px;
margin: 20px 0;
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0;
border-top: 2px solid #333;
border-bottom: 2px solid #BF2E1A;
}
#rechtespalte .bgimage h2 {
font-family: 'Arial Black', Arial, Helvetica, sans-serif;
color: #BF2E1A;
font-weight: normal;
font-size: 12px;
margin: 0 0 5px 10px;
padding: 0;
}
#rechtespalte .bgimage p {
color: #333;
margin: 7px 0 0 10px;
padding: 0;
}
#rechtespalte .bgimage p span {
color: #333;
font-weight: bold;
font-size: 18px;
}
/* Anzeige mit Background-Image rot */
#rechtespalte .bgimagered {
display: block;
width: 183px;
height: 160px;
margin: 20px 0;
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0;
}
#rechtespalte .bgimagered h2 {
font-family: 'Arial Black', Arial, Helvetica, sans-serif;
color: #fff;
font-weight: normal;
font-size: 12px;
margin: 0 0 5px 10px;
padding: 0;
}
#rechtespalte .bgimagered p {
color: #fff;
margin: 7px 0 0 10px;
padding: 0;
}
#rechtespalte .bgimagered p span {
color: #fff;
font-weight: bold;
font-size: 18px;
}
#wittkopp {
background: #F1F1F3;
padding: 5px 0;
margin: 20px 0 30px 0;
border-bottom: 4px solid #333;
border-top: 4px solid #bf2e1a;
}
#rechtespalte #wittkopp h2 {
font-weight: bold;
margin: 10px 5px 7px 7px;
font-size: 12px;
color: #333;
}
#rechtespalte #wittkopp address,
#rechtespalte #wittkopp p {
color: #333;
margin: 10px 5px 10px 7px;
padding: 3px;
font-weight: bold;
}

/* Anzeige Box */
#rechtespalte .box {
display: block;
width: 183px;
margin: 20px 0;
background: #abbad1;
border-top: 1px solid #333;
border-bottom: 1px solid #bf2e1a;
}
#rechtespalte .box h2 {
font-family: 'Arial Black', Arial, Helvetica, sans-serif;
color: #333;
font-weight: normal;
font-size: 14px;
margin: 0;
padding: 5px;
letter-spacing: 1px;
}
#rechtespalte .box h3 {
color: #fff;
margin: 0;
padding: 5px 7px;
}
#rechtespalte .box p {
color: #333;
margin: 7px;
padding: 0;
}
#rechtespalte .box p span {
color: #bf2e1a;
font-weight: bold;
font-size: 18px;
}

#rechtespalte .box1 {
display: block;
width: 183px;
margin: 20px 0;
color: #fff;
background: #bf2e1a;
}
#rechtespalte .box1 h2 {
font-family: 'Arial Black', Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
margin: 0;
padding: 5px;
color: #fff;
}
#rechtespalte .box1 p {
color: #fff;
margin: 7px;
padding: 0;
}
#rechtespalte .box1 p span {
color: #fff;
font-weight: bold;
font-size: 18px;
}


/* Allgemeine Klassen */
.teaser {
font-weight: bold;
line-height: normal;
}
.marker {
background-color: #ff0;
color: #333;
}
.darkgrey {
color: #71717b;
}
.fs110 {
font-size: 110%;
}
.fs120 {
font-size: 120%;
}
.fs130 {
font-size: 130%;
}
.fs140 {
font-size: 140%;
}
.fs150 {
font-size: 150%;
}
.fs90, #rechtespalte h2.fs90 {
font-size: 90%;
font-weight: bold;
}
.fs80, #rechtespalte h2.fs80 {
font-size: 80%;
font-weight: bold;
}
.fs70, #rechtesplate h2.fs70 {
font-size: 70%;
font-weight: bold;
}
.rand {
border: 1px solid #71717b;
padding: 2px;
}
.mar10 {
margin-top: 10px;
margin-bottom: 10px;
}
.mar20 {
margin-top: 20px;
margin-bottom: 20px
}
.mar30 {
margin-top: 30px;
margin-bottom: 30px;
}
.pad5 {
padding-top: 5px;
padding-bottom: 5px
}
.pad10 {
padding-top: 10px;
padding-bottom: 10px;
}
.pad15 {
padding-top: 15px;
padding-bottom: 15px;
}
.mar20rechts {
margin-right: 20px;
}
.mar15rechts {
margin-right: 15px;
}
.mar10rechts {
margin-right: 10px;
}
.mar10links {
margin-left: 10px;
}
.mar5links {
margin-left: 5px;
}
.red {
color: #bf2e1a;
}
.pad20rechts {
padding-right: 20px;
}
.pad15rechts {
padding-right: 15px;
}
.pad10rechts {
padding-right: 10px;
}
.pad12rechts {
padding-right: 12px;
}
.pad10links {
padding-left: 10px;
}
.topminus10 {
margin-top: -10px;
}
.topminus30 {
margin-top: -30px;
}
.top20mar {
margin-top: 20px;
}
.w300 {
width: 300px;
}
.w200 {
width: 200px;
}
.w200 p {
padding: 0;
margin: 10px 0;
}
.skip {
position: absolute;
left: -2000em;
top: -2000em;
}
.fleftpic {
float: left;
margin: 0 10px 5px 0;
}
.frightpic {
float: right;
margin: 0 0 5px 10px;
}
table .fleftpic {
margin: 3px 5px 3px 0;
}
table .frightpic {
margin: 3px 0 3px 5px;
}

/* BACKEND */

#testinfo, 
#mitarbeiter #banner, 
#mitarbeiter #werbebilder {
display: none;
}

/* inhalte */

.fahrzeugliste a:hover {
color: #BF2E1A;
}
input.extrasregister {
border-color: #71717b;
color: #BF2E1A;
background: #f5f5f5
}
input.extrasregisterakt {
border-color: #71717b;
background:#BF2E1A;
color: #fff;
font-weight: bold; 
}
h5.register {
color: #BF2E1A;
font-weight: bold;
font-size: 11px;
}
.redboxheader, #suche_vorgangsnr input.submit {
border-color: #BF2E1A;
}
#suche_fahrzeugnr, 
#suche_jobnr, 
#suche_vorgangsnr {
margin: 5px 10px;
}
#suche_fahrzeugnr input.submit, 
#suche_jobnr input.submit, 
#suche_vorgangsnr input.submit {
width: 28px;
border: 1px solid #BF2E1A;
}

/* gaestebuch */

.guestbook_article_1, 
.guestbook_article_0 {
display: block;
padding: 10px;
border: 1px solid #e1e1e6;
margin: 10px;
font-size: 12px;
}
.guestbook_article_head {
background: #fff;
margin: 0 0 10px 0;
padding: 5px 5px;
border-left: 1px solid #BF2E1A;
}
.guestbook_article_body {
margin-left: 5px;
}

/* Partner-Map */

#map {
width: 630px;
height: 430px;
margin-left: 5px;
}
#map p.prepare {
color: #000;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 12px 0 0 5px;
text-align: left;
background: transparent;
}
#map a {
text-decoration: none;
}
#map a:hover {
text-decoration: underline;
}

/* gestreifte Tabellen */
th.th, tr.th  { background-color:#ccc; font-weight:normal; }
td.td0,tr.td0 { background-color:#e1e1e6; }
td.td1,tr.td1 { background-color:#eeeef0; }
td.td0baureihen { background-color:#e1e1e6; vertical-align:bottom; }
td.td1baureihen { background-color:#eeeef0; vertical-align:bottom; }
td.td0resourcen { background-color:#AAAAAA; color:#666666; }
td.td1resourcen { background-color:#eeeef0; color:#666666; }
th.haendler    { background-color:#FFFF66; }
td.td0haendler { background-color:#FFFF66; }
td.td1haendler { background-color:#FFFFCC; }