
body    { line-height: 1.2em; background-color: #b7bcc3; background-image: url("../images/designelemente/hg1.jpg"); background-repeat: repeat-x }
p         { color: #333; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px }
h1          { color: #333; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-color: #fdf5e6; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 7px; padding-bottom: 7px; padding-left: 7px; border-bottom: 1px dashed #333; border-left: 1px dashed #333 }
h2        { color: #800000; font-size: 1.05em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.1em; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 0 }
h3      { color: #333; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; padding-left: 0 }
ul, li  { list-style-type: none; margin: 0; padding: 0 }
#footer, #leiste, #submenu       { color: #333; font-size: 0.65em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; white-space: nowrap }
#navigation       { text-transform: uppercase; margin-left: 25px }
#navigation a   { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; margin-right: 11px; padding: 5px; width: 76px; float: left; border: solid 1px #333 }
#navigation_font a { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; text-transform: uppercase; list-style-type: none; list-style-image: none; display: block; margin-right: 5px; padding: 3px 5px 7px; width: 60px; height: 10px; float: left; border: solid 1px #333 }
#navigation a:hover, a:focus  { color: #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #fc6; padding: 5px; border: solid 1px }
#navigation_font a:hover, a:focus  { color: #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #fc6; padding: 3px 5px 7px; border: solid 1px }
#navigation li { line-height: 100%; list-style-type: none; display: inline }
#submenu_nav   { text-transform: uppercase; margin-left: -10px }
#submenu a     { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; margin-right: 9px; padding: 5px; width: 76px; float: left; border: solid 1px #333 }
#submenu_font a   { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: white; text-transform: uppercase; list-style-type: none; list-style-image: none; display: block; margin-right: 5px; padding: 3px 5px 7px; width: 60px; height: 10px; float: left; border: solid 1px #333 }
#submenu a:hover, a:focus     { color: #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #f96; padding: 5px; border: solid 1px }
#submenu_font a:hover, a:focus     { color: #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px 7px; border: solid 1px }
#submenu li { line-height: 100%; list-style-type: none; display: inline }
a:link, a:visited { color: #333; text-decoration: underline }
a:hover { color: #333; text-decoration: none }
#content     { padding: 10px 30px }
.i { font-style: italic }
.invisible { display: none }
label  { color: #333; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif }
.input   { color: black; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: oblique; margin-top: 5px; margin-bottom: 5px; width: 200px }
input:focus  { color: black; background-color: white }
.nachricht   { color: black; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: italic; margin-top: 5px; margin-bottom: 5px; width: 450px; height: 150px }
.pic_mitte  { margin-left: 23px }
.pic_rechts { margin-left: 23px }
.pic_home { margin-left: 75px }
.portbox       { margin-top: 5px; padding-bottom: 5px; height: 225px; vertical-align: middle }
.portboxbottom  { margin-top: 5px; padding-bottom: 5px; height: 225px; vertical-align: middle }
.portboxtop   { margin-top: 5px; padding-bottom: 5px; height: auto; vertical-align: middle; border-bottom: 1px solid #333 }
.portbox_leistungen   { margin-top: 5px; padding-bottom: 5px; height: auto; vertical-align: middle }
.portboxbottom_leistungen  { margin-top: 5px; padding-bottom: 5px; height: auto; vertical-align: middle }
.to_top    { font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-bottom: 5px; width: 100%; border-bottom: 1px solid black }
.to_topbottom  { font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; width: 100% }
.agentur { background-color: white }
.agentur_o { background-color: #fc6 }
.leistungen { background-color: white }
.leistungen_o { background-color: #fc6 }
.portfolio { background-color: white }
.portfolio_o { background-color: #fc6 }
.kunden { background-color: white }
.kunden_o { background-color: #fc6 }
.kontakt { background-color: white }
.kontakt_o { background-color: #fc6 }
.impressum { background-color: white }
.impressum_o { background-color: #fc6 }
.sitemap { background-color: white }
.sitemap_o { background-color: #fc6 }
.cd { background-color: white }
.cd_o { color: #333; background-color: #f96 }
.gd { background-color: white }
.gd_o { color: #333; background-color: #f96 }
.pack { background-color: white }
.pack_o { color: #333; background-color: #f96 }
.web { background-color: white }
.web_o { color: #333; background-color: #f96 }
.foto { background-color: white }
.foto_o { color: #333; background-color: #f96 }
.dim { background-color: white }
.dim_o { color: #333; background-color: #f96 }
