@page { size:21.0cm 29,7cm;
        margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm;
        margin-right:2cm
}
div#screen {
background-image: none;
}
/* Allgemeine Formatierungen */
img {
float:left;
border:0;
}
object {
border:0;
}
dd img {
margin: 0 10px 0 0;
}
img.right {
float:right;
margin: 0 0 0 10px;
}
div {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, p, a, dt, dd, li, label, input, select, textarea, blockquote, td, #content ul.oben {
color:#000;
font-family:arial, sans-serif;
}
/* Ausgeblendete Elemente */
.ignore , .hier, dfn, #title h2, .suche label, a.skip, div#title, div#sidebar, div#sujet, #content p#breadcrumb, #content p.display, ul#foot {
display:none;
}
/* Inhaltsbereich */
div#content {
margin:0 0.5cm;
padding:0;
width:16cm;
}
.shb-inside, .denkmal, .natur, .moor, .heimat, .reisen, .public {
background:none;
}
/* Überschriften im Contentbereich */
#content h1 {
font: bold 14pt arial, sans-serif;
margin: 10px 0;
padding:0;
}
#content h1#start {
font: normal 15pt arial narrow, arial, sans-serif;
}
#content h2 {
font: bold 13pt arial, sans-serif;
margin: 10px 0 0;
padding:0 0 5px 0;
}
#content .termine {
border-top: 1px solid #000;
}
#content h2.anrede {
font: bold 11pt arial, sans-serif;
}
#content h3 {
font: bold 12pt arial, sans-serif;
margin: 15px 0 5px 0;
padding:0;
}
#content h4 {
font: italic 10pt arial, sans-serif;
margin: 10px 0 3px 0;
padding:0;
}
/* Newsticker */
#content #teaser {
float:right;
width:7cm;
border:1px solid #000;
border-right:0;
border-bottom:2px solid #000;
margin:0;
}
#content #teaser p {
padding:3pt;
margin:0;
border-top: 1px solid #000;
}
/* Blöcke auf Startseite */
#content .start {
margin: 0 7.2cm 10px 0;
}
#content .start p {
margin: 0;
padding: 2px 0 7px 0;
}
#content .start h2 {
margin: 0 15px 0 0;
border-top:0px solid #113276;
padding: 7px 0 2px 10px;
font: bold 11pt arial, sans-serif;
}
#content .start img {
margin-right:10px;
display:block;
}
/* Formulare im content */
#content form {
margin:10px 0;
padding:0;
}
#content fieldset {
padding : 10px;
margin : 0 0 10px;
border: 1px solid #000;
}
#content legend {
font: bold 12pt arial, sans-serif;
margin:0 0 15px 0;
padding: 2px 5px;
border:1px solid #000;
}
#content label {
width:15cm;
display:block;
float:left;
margin: 0 0 4px 10px;
padding:2px 0 0;
font:bold 80% arial, sans-serif;
text-align:right;
}
#content label.check {
margin:0;
width: 28em;
display:inline;
text-align:left;
margin-left:1em;
}
#content label.bestell {
width:85%;
}
#content input, #content select {
margin : 0 0 4px 5px;
padding : 0 3px;
}
#content input[type=checkbox] {
margin-top:4px;
}
#content textarea {
color: #666;
margin:0 0 10px 5px;
padding:0 3px;
font: normal 80% arial, sans-serif;
}
#content input.submit {
margin:0 0 0 10px;
padding:0 4px;
height:1.5em;
width:10em;
display:inline;
background:#e7eaf1;
color:#113276;
border: 1px solid #113276;
}
/* Textabsätze im Contentbereich */
#content p {
font: normal 10pt arial, sans-serif;
line-height:130%;
margin: 3px 0 10px 0;
padding:0;
}
#content q, #content cite, #content em {
font: italic 100% arial, sans-serif;
}
/* Boxen für Bilder im Content */
/* Rechts floatende Bilder */
#content div.picrechts {
float:right;
margin: 5px 30px 2px 10px;
padding:0;
border:1px solid #000;
}
/* Holly Hack zur Vermeidung von double margin bei floats im IE */
* html div#content div.picrechts {
margin: 5px 15px 2px 0;
}
/* Links floatende Bilder */
#content div.piclinks {
float:left;
margin: 5px 10px 2px 30px;
padding:0;
border:1px solid #000;
}
/* Holly Hack zur Vermeidung von double margin bei floats im IE */
* html div#content div.piclinks {
margin: 5px 10px 2px 15px;
}
#content div.picrechts img, #content div.piclinks img {
display:block;
}
/* Legenden in Bildboxen */
/* Allgemein */
#content p.legend {
font: normal 9pt arial, sans-serif;
line-height:100%;
margin: 2px 0 2px 4px;
padding:0;
}
/* Längere Zitate */
#content blockquote {
margin: 0 30px 15px;
padding:0;
font: normal 10pt arial, sans-serif;
}
/* Hervorgehobene Blöcke im content */
#content div.textblock {
margin: 7px 0 10px;
padding:5px;
border: 1px solid #000;
}
#content div.textblock h2, #content div.textblock p {
margin:4px 0 2px;
padding:0;
}
#content div.textblock div.piclinks, #content div.textblock div.picrechts {
margin:4px 5px 2px;
padding:0;
}
* html #content div.textblock div.piclinks, * html #content div.textblock div.picrechts {
margin: 3px 0;
}
#content div.textblock ul {
margin: 5px 10px 0 0;
padding:0;
list-style:none;
}
#content div.textblock ul li {
margin:2px 0 0;
padding:0;
border:0;
/* Extra-Wurst für den IE */
list-style-image:none;
}
#content div.textblock ul li a:link, #content div.textblock ul li a:visited {
font: normal 10pt arial, sans-serif;
}
#content div.textblock img {
margin: 0 5pt 0 0;
}
/* Links im Content */
#content a, #content a:link {
font-weight: bold;
}
/* Links in imagemap "Ortsgruppen" */
div.piclinks map p {
margin:0;
padding:0;
position:absolute;
left:0;
}
#content map p img {
float:none;
clear:both;
}
map p a {
position:absolute;
}
/* Positionierung der Links */
/* Heilbronn */
a#hn {
top:111px;
left:195px;
}
/* Backnang */
a#bn {
top:131px;
left:218px;
}
a#ln {
top:173px;
left:117px;
}
a#st {
top:173px;
left:196px;
}
a#kh {
top:190px;
left:238px;
}
a#tü {
top:208px;
left:115px;
}
a#nü {
top:208px;
left:206px;
}
a#ul {
top:240px;
left:290px;
}
a#um {
top:263px;
left:155px;
}
a#rd {
top:284px;
left:225px;
}
a#lk {
left:255px;
top:333px;
}
a#rv {
top:358px;
left:200px;
}
/* das @-Zeichen in email-Adressen darf nicht gefloatet werden */
img.at {
float:none;
margin:0;
}
/* Listen im Content */
#content ul {
margin: 5px 50px 0 50px;
padding:0;
list-style:circle;
}
#content ul li {
font: normal 10pt arial, sans-serif;
margin:7px 0 0;
padding:0;
}
#content li ul {
margin-left: 25px;
}
#content li ul li {
font: normal 10pt arial, sans-serif;
margin: 4px 0 0;
}
#content ul.ohne {
margin: 5px 30px 0;
padding:0;
list-style:none;
}
#content ul.ohne li {
font: normal 10pt arial, sans-serif;
margin:15px 0 0;
padding: 0;
list-style-image:none;
border-top: 1px solid #000;
}
#content ul li ul.ohne {
margin:2px 0 0 25px;
}
#content li ul.ohne li {
font-size:10pt;
margin-top:0;
border-top:0;
}
#content ol {
margin: 5px 50px 0 50px;
padding:0;
}
#content ol li {
font: normal 10pt arial, sans-serif;
margin: 7px 0 0;
padding:0;
}
/* Listen für Veröffentlichungen */
#content dl {
margin: 5px 30px;
}
#content dt {
font: bold 10pt arial, sans-serif;
margin: 12px 0 0;
padding:5px 0 0;
border-top: 1px solid #000;
}
#content dt img {
margin: 3px 10px 0 0;
}
#content dd {
font: normal 10pt arial, sans-serif;
padding:0;
margin: 2px 0 8px;
}
/* Tabellen */
table {
font: normal 10pt arial, sans-serif;
margin:0px auto 20px auto;
width:16cm;
padding:0;
border-collapse:collapse;
border-bottom: 2px solid #000;
}
.textrechts table {
margin:0;
}
caption {
font: bold 12pt arial, sans-serif;
padding:6px 4px 4px;
margin:0 auto;
text-align:center;
border-top: 2px solid #000;
}
.textrechts caption {
margin:0;
}
tr {
margin:0;
padding:0;
}
th {
font-weight: bold;
vertical-align:top;
text-align:center;
padding:4px;
margin:0;
empty-cells:show;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
td {
vertical-align:top;
text-align:center;
padding:4px 6px 8px;
margin:0;
border-bottom: 1px solid #ccc;
}
td.links {
text-align:left;
}