body   { background-color: #2b2a30; background-repeat: repeat-x; background-position: center 0 }
html {overflow: -moz-scrollbars-vertical;}
#king   { background-position: 0 120px; margin-top: 40px; width: 974px }
#links    { margin-right: 2px; width: 222px; float: left }
#rechts          { background-color: #515356; width: 742px; height: 597px; float: left; overflow: auto; outline-style: none }
#text          { color: #fff; font-size: 12px; font-family: Tahoma, Arial, sans-serif; line-height: 13px; text-align: left; letter-spacing: 1px; padding: 25px 50px; float: left }
#text a:link   { color: #fff; font-size: 12px; font-family: Tahoma; text-decoration: underline; text-align: left; letter-spacing: 1px }
#text a:visited   { color: #fff; font-size: 12px; font-family: Tahoma; text-decoration: underline; text-align: left; letter-spacing: 1px }
#text a:hover  { color: #f30 }
h1        { color: #fff; font-size: 16px; font-family: Tahoma; font-weight: bold; line-height: 20px; text-decoration: none; letter-spacing: 1px; margin: 12px 0; clear: none }
p { margin-top: 8px }
#head  { background-image: url(../grafik/head-big.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 966px; height: 110px; float: left }
#logo    { padding-right: 32px; width: 222px; height: 110px; float: left }
#adresse       { color: #fff; font-size: 12px; font-family: Tahoma, Arial; line-height: 18px; text-align: left; margin-top: 36px; padding-right: 50px; padding-left: 20px; float: left }
h2  { font-size: 14px; font-weight: bold; margin: 0 0 20px }
#adresse a:link, #adresse a:visited { color: #fff; font-size: 10px; font-family: Tahoma, Arial; text-decoration: none; text-align: left }
#adresse a:hover { color: #f30 }
#navi  { width: 222px; float: left }
#foto  { margin-bottom: 2px; width: 222px; height: 380px }
#uberuns  { background-image: url(../grafik/uberuns-l.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 222px; height: 30px }
#uberuns-act { }
#uberuns a:link  { background-image: url(../grafik/uberuns-l.gif); background-repeat: no-repeat; width: 222px; height: 30px }
#uberuns a:visited   { background-repeat: no-repeat; width: 222px; height: 30px }
#uberuns a:hover  { background-image: url(../grafik/uberuns.gif); background-repeat: no-repeat; width: 222px; height: 30px; float: left }
#leistungen  { background-image: url(../grafik/leistungen-l.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 222px; height: 30px }
#leistungen a:link  { background-image: url(../grafik/leistungen-l.gif); background-repeat: no-repeat; width: 222px; height: 30px }
#leistungen a:visited  { background-image: none; background-repeat: no-repeat; width: 222px; height: 30px }
#leistungen a:hover  { background-image: url(../grafik/leistungen.gif); background-repeat: no-repeat; width: 222px; height: 30px; float: left }
#referenzen  { background-image: url(../grafik/referenzen-l.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 222px; height: 30px }
#referenzen a:link  { background-image: url(../grafik/referenzen-l.gif); background-repeat: no-repeat; width: 222px; height: 30px }
#referenzen a:visited  { background-image: none; background-repeat: no-repeat; width: 222px; height: 30px }
#referenzen a:hover  { background-image: url(../grafik/referenzen.gif); background-repeat: no-repeat; width: 222px; height: 30px; float: left }
#kontakt  { background-image: url(../grafik/kontakt-l.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 222px; height: 30px }
#kontakt a:link  { background-image: url(../grafik/kontakt-l.gif); background-repeat: no-repeat; height: 30px }
#kontakt a:visited  { background-image: none; background-repeat: no-repeat; width: 222px; height: 30px }
#kontakt a:hover  { background-image: url(../grafik/kontakt.gif); background-repeat: no-repeat; background-position: 0 0; height: 30px; float: left }

#onlineshop   { background-image: url(../grafik/onlineshop-l.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 222px; height: 30px }
#onlineshop a:link   { background-image: url(../grafik/onlineshop-l.gif); background-repeat: no-repeat; height: 30px }
#onlineshop a:visited  { background-image: none; background-repeat: no-repeat; width: 222px; height: 30px }
#onlineshop a:hover   { background-image: url(../grafik/onlineshop.gif); background-repeat: no-repeat; background-position: 0 0; height: 30px; float: left }

#sublinks    { color: #fff; font-size: 10px; font-family: "Trebuchet MS"; line-height: 50px; background-image: url(../grafik/sublinks-hg.gif); background-repeat: no-repeat; width: 222px; height: 55px; float: left }
#sublinks a:link    { color: #fff !important; font-size: 10px; font-family: "Trebuchet MS"; text-decoration: none; background-image: url(../grafik/sublinks-hg.gif); background-repeat: no-repeat }
#sublinks a:visited    { color: #fff !important; font-size: 10px; font-family: "Trebuchet MS"; text-decoration: none; background-image: url(../grafik/sublinks-hg.gif); background-repeat: no-repeat }
#sublinks a:hover  { color: #f30 !important; font-size: 10px; font-family: "Trebuchet MS"; background-image: url(../grafik/sublinks-hg.gif); background-repeat: no-repeat }
.social { padding-top: 8px; width: 222px; float: left }
#didomeso   { color: #716f6e; font-size: 10px; font-family: Arial; text-align: right; width: 742px; float: left }
#didomeso a:link { color: #716f6e; font-size: 10px; font-family: Arial; text-decoration: none; text-align: right }
#didomeso a:visited { color: #716f6e; font-size: 10px; font-family: Arial; text-decoration: none; text-align: right }
#didomeso a:hover { color: #ff4a00; font-size: 10px; font-family: Arial; text-align: right }
input  { font-size: 12px; font-family: Tahoma, Arial; background-color: #fff; letter-spacing: 1px; border: solid 1px #333 }
input.send { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial; background-color: #fff; border: solid 1px }
input.send:hover { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Arial; background-color: #333; border: solid 1px #333 }
form   { color: #fff; font-size: 12px; font-family: Tahoma, Arial; letter-spacing: 1px; margin-top: 0 }
textarea { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial; margin-bottom: 5px; overflow: auto; border: solid 1px }
span.content   { color: #fff; font-size: 12px; font-family: Tahoma, Arial; line-height: 18px; letter-spacing: 1px }
#rubrik   { color: #fff; font-size: 12px; font-family: Tahoma, Arial, sans-serif; line-height: 26px; text-decoration: none; background-color: #6b6d6f; text-align: center; width: 742px; height: 30px; float: left }
#rubrik a:link,#rubrik a:visited  { color: #c7c6c7; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center }
#rubrik a:hover  { color: #fff; text-align: center }
#bilder { background-color: #6b6d6f }
#weg { float: right }
#subnavi { color: #404040; font-size: 12px; font-family: Tahoma, Arial, sans-serif; letter-spacing: 1px; }
#subnavi ul a:link,subnavi ul a:visited { color: #000; font-size: 12px; font-family: Tahoma, Arial, sans-serif; font-weight: bold; text-decoration: none }
#subnavi ul a:hover { color: white; font-weight: bold; background-color: #2d982a; filter:alpha(opacity=100);-moz-opacity: 1;	opacity: 1; }
ul li  { list-style-type: disc; list-style-position: outside; margin: 2px 0 2px -25px }
ul { list-style-type: disc; margin: 4px 0 1em 40px }
#downbut { color: #fff; font-size: 12px; font-family: Tahoma; font-weight: bold; line-height: 30px; background-image: url(../grafik/software.gif); margin-right: 40px; width: 140px; height: 30px; float: left }
#downbut a:link, #downbut a:visited { color: #fff; text-decoration: none; text-align: center; width: 140px; height: 30px; float: right }
#downbut a:hover { color: #fff; background-image: url(../grafik/software-h.gif) }
.downcon  { margin-bottom: 10px; width: 620px; height: 30px; float: left }

