body         { color: #fff; background-color: #003; width: 100% }

p  { }
h1 { color: #003; font-size: large; font-family: Verdana; text-decoration: underline overline }
h2 { color: #fff; font-size: medium; font-family: Verdana; font-weight: bold }
h3 { color: #fc3; font-family: Verdana; font-weight: bolder }
img { border: solid 3px #f60 }
div.thoele  { text-align: right; padding-top: 1em; padding-right: 1em; padding-left: 1em }
div.thoele img { border: solid thin #003 }
div.vita { font-size: smaller; font-weight: lighter; text-align: justify }
object  { border: solid 3px #f60 }
table { text-align: right; width: 100% }
table.news  { text-align: center; width: 90% }
table.mangold { text-align: left; width: 99% }
table.mangold td { padding-right: 1em; padding-bottom: 1em }
td { padding-top: 10px }
div.oben               { color: white; font-family: Verdana; background-color: #f60; background-image: url("linie.jpg"); background-repeat: repeat-x; text-align: center; padding-top: 1em; position: relative; top: 2em; left: 0; width: 93%; height: auto }
div.mitte               { color: white; font-family: Verdana; background-color: #003; background-image: url("linie1.jpg"); background-repeat: repeat-x; background-position: left top; padding-top: 1em; position: relative; top: 2em; left: 0; width: 93%; height: auto }
div.logo  { background-image: url("linie1.jpg"); background-repeat: repeat-x; background-position: left top; padding-top: 1em }
div.logo1 { background-image: url("mangold/logo_a.jpg"); background-repeat: no-repeat; background-position: left center; height: 200px }
div.mitte a { color: #fff; text-decoration: none; border-bottom: 3px solid #f60 }
div.mitte a:link,  a:active,  a:visited { color: #fff; text-decoration: none; border-bottom: 3px solid #f60 }
div.mitte a:hover { color: #3f0; border-bottom: 3px solid #3f0 }
div.mitte_kontakt { color: white; font-family: Verdana; background-color: #003; background-image: url("linie1.jpg"); background-repeat: repeat-x; background-position: left top; padding-top: 1em; position: relative; top: 2em; left: 0; width: 93%; height: auto }
div.mitte_kontakt a { color: #fff; font-style: oblique; text-decoration: none; border-bottom: 3px solid #f60 }
div.mitte_kontakt a:link, a:active, a:visited     { color: #fff; font-style: oblique; text-decoration: none; border-bottom: 3px solid #f60 }
div.mitte_kontakt a:hover   { color: #3f0; font-style: oblique; text-decoration: none; border-bottom: 3px solid #3f0 }
div.unten                { color: white; font-family: Verdana; background-color: #f60; background-image: url("linie1.jpg"); background-repeat: repeat-x; background-position: left top; text-align: center; padding-top: 1em; position: relative; top: 2em; left: 0; width: 93%; height: auto }
div.ende               { color: white; font-family: Verdana; background-color: #003; background-image: url("linie.jpg"); background-repeat: repeat-x; background-position: left top; padding-top: 1em; position: relative; top: 2em; left: 0; width: 93%; height: auto }
div.kontakt { color: white; font-family: Verdana; background-color: #003; background-image: url("linie1.jpg"); background-repeat: repeat-x; background-position: left top; padding-top: 1em; position: relative; top: 2em; left: 0; width: 93%; height: auto }
div.logomitte { text-align: center }
div.logomitte img { text-align: center; border-style: solid; border-color: #003 }
div.logorand { text-align: right }
div.logorand img { border-color: #003 }
div.vorstellung { text-align: center }
div.zwilling { text-align: center }
div.zwilling img { border-style: solid; border-color: #003 }