* { margin: 0; padding: 0; border: 0; }
html, body { background: #454545; font-size: 10pt; font-family: arial; font-weight: normal; text-decoration: normal; color: #000000; height: 100%; }
p { font-size: 10pt; font-family: arial; font-weight: normal; text-decoration: none; color: #000000; }
h1 { color: #d1241c; font-size: 20pt; font-family: arial; font-weight: bold; text-decoration: normal; }
h2 { color: #000000; font-size: 12pt; font-family: arial; font-weight: bold; text-decoration: normal; }
a { font-size: 10pt; font-family: arial; font-weight: normal; text-decoration: none; color: #000000; }
a:hover { color: #860000; text-decoration: underline; }

#main-frame { background: #fbfbfb; width: 1024px; height: 100%; min-height: 100%; height: auto !important; margin: auto; border-left: 15px solid #d1241c; border-right: 15px solid #d1241c; }
#header { width: 100%; height: 146px; background: url('../images/header_bg.jpg') repeat-x; }
/* #footer { width: 100%; height: 99px; background: url('../images/footer_bg.jpg') repeat-x; } */
#content { height: 100%; min-height: 100%; height: auto !important; padding: 20px; background: #fbfbfb; }
#logo { background: url('../images/logo.jpg') no-repeat; width: 200px; height: 68px; margin-left: 20px; margin-top: 25px; float: left; }
#top_banner { background: url('../images/top_banner.jpg') no-repeat; width: 300px; height: 46px; margin-top: 15px; margin-right: 20px; float: right; }
#hidden { color: #fbfbfb; }

#navigation { float: right; margin: 20px 20px 0px 0px; }
div#navigation { height: 29px; overflow: hidden; }
div#navigation ul,div#navigation li { margin: 0; padding: 0; list-style: none; display: inline; }
div#navigation a { margin-top: 0; padding-left: 0px;}
div#navigation a,div#navigation a:hover{ height: 58px; overflow: hidden; display: block; text-decoration: none; float: left; }
div#navigation a:hover { margin-top: -29px; }
div#navigation a:active { margin-top: -29px; }
html + body div#navigation a#startseite { width: 107px; background-image: url(..images/startseite.jpg); }
html + body div#navigation a#leistungen { width: 107px;	background-image: url(..images/leistungen.jpg); }
html + body div#navigation a#referenzen { width: 107px;	background-image: url(..images/referenzen.jpg); }
html + body div#navigation a#beispiele { width: 107px;	background-image: url(..images/beispiele.jpg); }
html + body div#navigation a#jobs { width: 107px;	background-image: url(..images/jobs.jpg); }
html + body div#navigation a#kontakt { width: 107px;	background-image: url(..images/kontakt.jpg); }
html + body div#navigation a#impressum { width: 107px; background-image: url(..images/impressum.jpg); }
html + body div#navigation a img { display: none; }

table.jobs li { margin-left: 25px; }

.fancy img { border: 1px solid #808080; }
.clear { clear: both; }

.input { width: 200px; border: 1px solid #000000; padding: 2px; margin: 2px; }
.inputerror { width: 200px; background-color: #cacaca; border: 1px solid #860000; padding: 2px; margin: 2px; }
.inputmiddle { width: 134px; border: 1px solid #000000; padding: 2px; margin: 2px;  }
.inputmiddleerror { width: 134px; background-color: #cacaca; border: 1px solid #860000; padding: 2px; margin: 2px; }
.inputshort { width: 52px; border: 1px solid #000000; padding: 2px; margin: 2px; }
.inputshorterror { width: 52px; background-color: #cacaca; border: 1px solid #860000; padding: 2px; margin: 2px; } 
.submit { font-weight: bold; color: #860000; width: 206px; background-color: #cacaca; border: 1px solid #860000; padding: 2px; margin: 2px; }
.inputcheck { border: none; }
.inputerrorcheck { border: none; background: #F9AA40; }