body { margin: 0; background: url(images/pattern.gif); background-attachment: fixed;}
body { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 12px; }
img { border: 0; }
form { display: inline; }
ul { margin: 0; padding: 0; }
#content-right li { margin-left: 35px; list-style-image: url(images/listenpunkt.gif); list-style-position: outside; }
a { color: #AEAEAE; text-decoration: underline; outline: none; }
a:hover { text-decoration: underline; }
h1 { margin: 0; font-size: 16px; }
h2 { margin: 0; font-size: 32px; color: #AEAEAE;}
h3 {margin : 29px 0 0 37px; font-size: 17px; color: #747474; font-weight: bold; font-family: verdana, arial;}
h4 {margin-top: 29px;font-size: 17px; color: #747474; font-weight: bold; font-family: verdana, arial;}
h5 {margin: 0 0 15px 0; background: url(images/doppelpunkt2.gif) no-repeat; padding-left: 18px;font-size: 15px; color: #00529E;  font-family: verdana, arial;}
p { margin: 0; padding-left: 16px; line-height: 16px;}

#wrapper { width: 850px; height: 475px; position: absolute; top: 50%; left: 50%; margin: -237.5px 0 0 -425px; }
a#logo { background: url(images/logo.gif) no-repeat; width: 295px; height: 79px; position: absolute; top: 234px; left: 506px;}

#navi { width: 850px; height: 24px; }
#navi ul li a{ display: block; margin-right: 2px;}
#navi ul li{ float: left; list-style-type: none;}

a#home {background: url(images/home.gif) no-repeat; width: 108px; height: 24px; }
a#willkommen { background: url(images/willkommen.gif) no-repeat; width: 103px; height: 24px; }
a#finanzen {background: url(images/finanz.gif) no-repeat; width: 103px; height: 24px; }
a#wegweisend {background: url(images/wegweisend.gif) no-repeat; width: 104px; height: 24px; }
a#kompetenzen { background: url(images/kompetenzen.gif) no-repeat; width: 103px; height: 24px; }
a#mehrwert {background: url(images/mehrwert.gif) no-repeat; width: 104px; height: 24px; }
a#kontakt {background: url(images/kontakt.gif) no-repeat; width: 103px; height: 24px; }
a#impressum { background: url(images/impressum.gif) no-repeat; width: 108px; height: 24px; }

a#home:hover {background: url(images/home-rollover.gif) no-repeat; width: 108px; height: 24px; }
a#willkommen:hover { background: url(images/willkommen-rollover.gif) no-repeat; width: 103px; height: 24px; }
a#finanzen:hover {background: url(images/finanz-rollover.gif) no-repeat; width: 103px; height: 24px; }
a#wegweisend:hover {background: url(images/wegweisend-rollover.gif) no-repeat; width: 104px; height: 24px; }
a#kompetenzen:hover { background: url(images/kompetenzen-rollover.gif) no-repeat; width: 103px; height: 24px; }
a#mehrwert:hover {background: url(images/mehrwert-rollover.gif) no-repeat; width: 104px; height: 24px; }
a#kontakt:hover {background: url(images/kontakt-rollover.gif) no-repeat; width: 103px; height: 24px; }
a#impressum:hover { background: url(images/impressum-rollover.gif) no-repeat; width: 108px; height: 24px; }


#page { width: 850px; height: 450px; background: #00529E; margin-top: 1px; }
#left { width: 425px; height: 450px; float: left; position: relative;}
#content { width: 390px; height: 300px; position: absolute; top: 120px; left: 35px; }
#right { width: 425px; height: 450px; float: left;}

#left-finanz { width: 109px; height: 25px; background: url(images/finanz-left.gif); float: left;}
#right-finanz { width: 741px; height: 450px; background: url(images/finanz-right.gif);  float: left;}
#finanz-inhalt { width: 596px; height: 380px; background: url(images/finanz-main-grafik.gif) no-repeat; background-position: right bottom; margin: auto; margin-top: 25px; border-top: 1px solid #BFBFBA; border-bottom:1px solid #BFBFBA;}
#finanz-top { width: 596px; height: 87px; background: url(images/finanz-top-grafik.gif) no-repeat; background-position: left; border-bottom:1px solid #BFBFBA;}
#finanz-content{ width: 596px; height: 100%; color: #BFBFBA; text-align: center;}

#inhaltliches a { text-decoration: none; line-height: 17px;}
#inhaltliches a:hover { text-decoration: none;}
#inhaltliches li{ list-style-image: url(images/listenpunkt2.gif);}
#inhaltliches ul { margin-left: 20px;}

label { display: block; font-size: 18px; color: #BFBFBA; float: left; margin-top: 40px;}
label a { text-decoration: none;}

.doppelpunkt { background: url(images/doppelpunkt.gif) no-repeat;  padding-left: 16px; font-weight: bold; color: #00529E;}
.animation { background: url(images/doppelpunkt-animation.gif) no-repeat;  padding-left: 16px; }
.einruecken { padding-left: 16px;}
.home-pic { background: url(images/home-pic.jpg) no-repeat; }
.home-pic2 { background: url(images/home-pic2.jpg) no-repeat; }
.top {font-size: 11px; color: #AEAEAE; text-decoration: underline; outline: none; background: url(images/pfeil-hoch.gif) no-repeat; padding-left: 10px;}
.weiter {font-size: 11px; color: #AEAEAE; text-decoration: underline; outline: none; background: url(images/pfeil-seite.gif) no-repeat; padding-left: 15px;}
.ueberschrift { font-size: 16px; color: #AEAEAE;}

#footer { width: 847px; height: 30px; background-color: white; border: 1px solid black; margin: 2px 0 0 1px ; text-align: center; font-size: 11px;}
#footer a { color:#666; }