/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/

/* wichtige Farben
Rot: #cc0000
Grun: #62BD6E
*/

/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #CFCFCF url(../bilder/back_body.gif) left top repeat-X;
  height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #4C4C4C;
}

h2 {
  color: #4C4C4C;
  font-size: 1.1em;
  padding-top: 1.0em;
}

.clear {
  clear: both;
}

/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#wrap {
  background: #fff url(../bilder/back_wrap.gif) left top repeat-Y;
  margin: 0 auto;
  width: 760px;
  min-height: 100%;
}

#header {
  border: 1px solid #007194;
  border-width: 0px 1px 0px 1px;
  background: #CFCFCF url(../bilder/back_body.gif) left top repeat-X;
  height: 95px;
  padding-right: 25px;
  overflow: hidden;
}

#header ul li {
  padding-top: 1.0em;
  float: right;
  display: inline;
  margin-left: 10px;
}

#header ul li a {
  color: #fff;
  text-decoration: none;
}

#header ul li a:hover {
  text-decoration: underline;
}

#header .clear {
  margin: 0;
  padding: 0;
  clear: both;
  line-height: 5px;
  height: 5px;
  font-size: 1px;
}


/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#topnavi {
  background: #0F0F11 url(../bilder/back_topnavi_default.jpg) right top no-repeat;
  height: 152px;
  overflow: hidden;
}

#pulverbeschichtung #topnavi {
  background: #0F0F11 url(../bilder/back_topnavi_pulver.jpg) right top no-repeat;
}

#autolackierung #topnavi {
  background: #0F0F11 url(../bilder/back_topnavi_autolack.jpg) right top no-repeat;
}

#unfallinstandsetzung #topnavi {
  background: #0F0F11 url(../bilder/back_topnavi_unfall.jpg) right top no-repeat;
}

#industrielackierung #topnavi {
  background: #0F0F11 url(../bilder/back_topnavi_industrielack.jpg) right top no-repeat;
}

#topnavi ul {
  margin-top: 1.2em;
  width: 227px;
}

#topnavi ul li {
  margin-left: 9px;
  padding: 0.2em 0;
}

#topnavi ul li a {
  color: #fff;
  display: block;
  width: 190px;
  text-decoration: none;
  font-size: 1.1em;
  border: 0;
  padding: 1px 8px;
}

#topnavi ul li a:hover, #topnavi ul li.selected a {
  padding: 0px 7px;
  border: 1px solid #4BA7DA;
}


/*----------------------------------------------------------------*/
/* content */
/*----------------------------------------------------------------*/
#content {
  background: transparent url(../bilder/back_content.gif) left top repeat-X;
  margin: 0px 1px;
  padding: 1.5em 0px 1.0em 0px;
}

#content h1 {
  color: #4BA7DA;
  font-size: 1.3em;
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 0.5em;
  margin-bottom: 1.0em;
  padding-left: 243px;
}

#content #inhalt {
  float: right;
  display: inline;
  text-align: left;
  margin-right: 70px;
  width: 444px;
  color: #4C4C4C;
  font-size: 1.0em;
}

#content ul {
  margin-bottom: 1.5em;
}

#content #inhalt img {
  border: 1px solid #D1D1D1;
}

#content ul li {
  padding-left: 20px;
  background: transparent url(../bilder/li_dot.gif) left top no-repeat;
  margin-bottom: 0.2em;
}

#adresse {
  padding-left: 15px;
  font-size: 0.9em;
}

#adresse, #adresse a {
  color: #909090;
}

#anfahrt #adresse {
  margin-top: 1.0em;
}



/*----------------------------------------------------------------*/
/* google map */
/*----------------------------------------------------------------*/
#anfahrt #inhalt {
  margin: 0;
  width: 529px;
}

#anfahrt #content h1 {
  margin-bottom: 0;
}

#map_inhalt {
  margin-left: 15px;
  margin-right: 70px;
  width: 444px;
}

#map {
  background: #eee;
  height: 260px;
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 1.0em;
}


/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
span.cx_pflicht {
  color: #FE0000;
  font-weight: bold;
  font-size: 1.4em;
}

input.cx_pflicht, textarea.cx_pflicht {
  background: #FF6D6E;
  color: #fff;
}

.cx_error {
  border: 1px solid #FE0000;
  color: #fff;
  background: #FF6D6E;
  padding: 0.5em;
}

table.kontaktformular {
  margin: 2.0em 0em;
}

table.kontaktformular .spalte-1, table.kontaktformular .spalte-2 {
  vertical-align: top;
  padding-bottom: 0.3em;
}

table.kontaktformular .spalte-1 {
  width: 150px;
}

table.kontaktformular .spalte-2 input, table.kontaktformular .spalte-2 textarea, table.kontaktformular .spalte-2 select, .submit {
  padding: 0.2em;
}

table.kontaktformular .spalte-2 input, table.kontaktformular .spalte-2 textarea {
  width: 300px;
}

.submit {
  text-align: center;
}

p.kontaktformular {
  text-align: center;
}


/*----------------------------------------------------------------*/
/* startseite */
/*----------------------------------------------------------------*/
#startseite #inhalt, #referenzen #inhalt {
  margin-right: 10px;
  width: 504px;
}

#startseite #content ul {
  margin-top: 1.0em;
}

.home0, .home1 {
  float: left;
  display: inline;
  width: 240px;
}

.home0 {
  margin-right: 24px;
}

.home0 h2, .home1 h2 {
  background: transparent url(../bilder/back_home_h2.gif) left center repeat-X;
  margin: 0;
  padding: 0;
}

.home0 h2 a, .home1 h2 a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 219px;
  line-height: 22px;
  padding-left: 21px;
}

.home0 h2 a:hover, .home1 h2 a:hover {
  text-decoration: underline;
}


/*----------------------------------------------------------------*/
/* kontakt */
/*----------------------------------------------------------------*/
table#kontakt {
  width: 100%;
  margin-top: 1.0em;
}

table#kontakt th, table#kontakt td {
  width: 50%;
}

table#kontakt th.telefon, table#kontakt th.fax, table#kontakt td.telefon, table#kontakt td.fax {
  width: 25%;
}

table#kontakt th {
  background: transparent url(../bilder/back_home_h2.gif) left center repeat-X;
  line-height: 22px;
  color: #fff;
  font-weight: normal;
}

table#kontakt td {
  padding: 0.2em;
  border-bottom: 1px solid #D1D1D1;
}

#referenzen #content ul li {
  margin-bottom: 1.0em;
}