body { background: #CCCCCC; font: normal 17px/26px Arial, Helvetica, sans-serif; color: #004E92; }
#wrapper { background: white; /* overflow: hidden; */ }

#container { background: url(../img/leftcolor.gif) top left repeat-y; }
#left .inside { padding: 40px 0 10px 40px;}

#logo a { display: block; height: 110px; }
#header { background: url(../img/dhk_header.jpg) top right no-repeat; }

h1 { margin: 0; padding: 0; font: normal 21px Arial, Helvetica, sans-serif; text-transform:uppercase; }
h2 { margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; text-transform:uppercase; color: #ff0000 }

#mainnavi ul { margin: 0; padding: 0; list-style-type: none; }
#mainnavi ul.level_1 li { background: url(../img/passer.gif) 0 4px no-repeat; padding: 0 0 0 30px;}
#mainnavi ul.level_1 li a { font-weight: bold; font-size: 17px; }

#mainnavi ul.level_2 li { background: none; margin:0; padding: 0 0 0 7px; }
#mainnavi ul.level_2 li a { font-weight: normal; font-size: 16px; }

a { color: #004E92; text-decoration:none }
a:hover { text-decoration:underline; }

#mainnavi ul.level_1 li a.trail, #mainnavi ul.level_1 li span.active { font-weight: bold; font-size: 17px; }
#mainnavi ul.level_2 li a.trail, #mainnavi ul.level_2 li span.active { color: #D2EDFF; font-weight: normal; }


#main { background: url(../img/verlauf.jpg) top left repeat-x; }
#main .inside { padding: 30px; }

body.start #main { background: url(../img/bg/bg-home.jpg) top  left no-repeat;}
body.wir-ueber-uns #main { background: url(../img/bg/bg-ueberus.jpg) top left no-repeat;}
body.druckvorstufe #main { background: url(../img/bg/bg-druckvorstufe.jpg) top left no-repeat;}
body.bogenoffset #main { background: url(../img/bg/bg-bogenoffset.jpg) top left no-repeat;}
body.digitaldruck #main { background: url(../img/bg/bg-digitaldruck.jpg) top left no-repeat;}
body.Weiterverarbeitung #main { background: url(../img/bg/bg-weiterverarbeitung.jpg) top left no-repeat;}
body.versand #main { background: url(../img/bg/bg-versand.jpg) top left no-repeat;}
body.impressum #main { background: url(../img/bg/bg-impressum.jpg) top left no-repeat;}
body.datenanlieferung #main { background: url(../img/bg/bg-datenalieferung.jpg) top left no-repeat;}
body.formate #main { background: url(../img/bg/bg-formate.jpg) top left no-repeat;}


.firmengeschichte  table { border-collapse: collapse; }
.firmengeschichte  td.col_0  { font-weight: bold; width: 104px;  }
.firmengeschichte  td  { border-bottom: 1px dotted; padding: 10px 0; }

.firmengeschichte  tr{ vertical-align: top; }

table.farbtabele { width: 48%; float: left; border: 1px solid black; margin-right: 10px;   }

address { clear: both; font-size: 10px; line-height:normal; }
.clearblock   { clear: both; }

a.readon { font-size: 11px; text-decoration: underline; margin: 0 0 0 50px; background: url(../img/arrow.gif) center right no-repeat; padding: 0 15px 0 0px; }
a.back { background: url(../img/arrow_l.gif) center left no-repeat; padding: 0 0px 0 15px;  }

#main a { font-weight: bold; text-decoration: underline; }

.columnlayout { float: left; width: 44%; margin:0 20px 20px 0; }

.picfloat { width: 250px; float: left;  }
.tablefloat { width: 450px; float: left;  }

.picloat-history { float: right; width: 300px; }

/* */

.bogentabelle { float: left; width: 360px; margin-right: 10px;  }
.bogentabelle table { width: 100%;}
.bogentabelle  th { width: 100px; padding: 3px; border-bottom: 1px dotted; background: #A0AFE2; padding: 3px; text-align: center; }
.bogentabelle  td { width: 100px; padding: 3px; border-bottom: 1px dotted; text-align: center;}

label { display: block; float: left; width: 100px; margin: 5px 0;}
input, textarea { margin: 5px 0; padding: 4px; border: 1px solid #A0AFE2; width: 300px; }
.submit { background: #A0AFE2; color: #004E92; font-weight: bold; margin: 0 0 0 100px;}

.error { display: block; color: red; }

.ansprechpartner p { font-size: 12px; margin: 0;}