html, body, ul, ol, dl, dd, fieldset, form {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
/* enthaelt das Hintergrundbild fuer die Navigation - von links:0, von oben: 100px, Hintergrundfarbe weiss bitte nur hier */
html {
background: #fff url(../files/global_files/back_left.jpg) 0 100px no-repeat;
}
/* enthaelt das Hintergrundbild fuer die Inhalte - von links: 200px, von oben: 100px */
body {
font: 96% Arial, Helvetica, sans-serif; 
color: #000;
background: transparent url(../files/global_files/back_body.jpg) 200px 100px no-repeat;
text-align: center;
height: 100%;
}
/* enthaelt das Hintergrundbild fuer die Startseite - von links: 200px, von oben: 100px */
body#startseite {
background: transparent url(../files/global_files/back_index.jpg) 200px 100px no-repeat;
}
b, strong {
font-weight: bold;
}
a img {
background: transparent;
border: 0 none;
}
h1, h2, h3, h4, h5 {
font-family: 'Arial Narrow',Tahoma, Arial, Helvetica, sans-serif;
}
h1 {
margin: 0 0 20px 0;
padding: 28px 0 0 0;
font-size: 1.1em;
}
#startseite h1 {
padding: 50px 0 0 0;
}
h2 {
font-size: 1.1em;
}
h2 span {
display: block;
padding: 0 0 3px 0;
font-weight: normal;
font-size: 70%;
font-family: Arial, Helvetica, sans-serif;
}
p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand, dt, dd {
font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, label a, 
th a, td a, p span.abstand, dt a, dd a, dd p {
font-size: 100%;
}
a, 
a:link, 
a:visited {
text-decoration: none; 
color: #00847b;
background: transparent;
}
a:hover, 
a:active {
text-decoration: underline;
color: #00847b;
background: transparent;
} 
a:focus {
color: #00847b;
background: transparent;
}
/* Interne Links */
a.intern {
display: block;
font-size: 100%;
font-weight: bold;
margin: 20px 0 5px 0;
padding: 0 0 0 10px;
vertical-align: top;
text-decoration: none;
}
a.intern:link, a.intern:visited {
color: #00847b;
background: transparent url(../files/global_files/textlink.gif) left no-repeat;
} 
a.intern:hover, a.intern:active, a.intern:focus {
color: #00847b;
background: transparent url(../files/global_files/textlink-hover.gif) left no-repeat;
text-decoration: none;
} 
/* Referenzen-Uebersicht als Definitionsliste */
dl {
margin: 20px 0 50px 0;
}
dt a {
display: block;
font-size: 100%;
font-weight: bold;
margin: 20px 0 5px 0;
padding: 0 0 0 10px;
vertical-align: top;
text-decoration: none;
}
dt a:link, dt a:visited {
color: #00847b;
background: transparent url(../files/global_files/textlink.gif) left no-repeat;
} 
dt a:hover, dt a:active, dt a:focus {
color: #00847b;
background: transparent url(../files/global_files/textlink-hover.gif) left no-repeat;
text-decoration: none;
} 
dd {
display: block;
margin: -21px 0 15px 15em;
}

#container {
width: 100%;
height: 100%;
min-height: 1200px;
text-align: left;
}
/* #header umschliesst das Logo und die Bildanimationen */
#header {
height: 100px;
background: #f0f0f0 url(../files/global_files/back_top.gif) 0 0 repeat-x;
overflow: hidden;
}
#header img {
float: left;
margin: 5px;
}
#header ul {
margin: 15px 0 15px 280px;
}
#header li {
display: inline;
}

/* LINKE SPALTE MIT NAVIGATION */
#left {
position: absolute;
top: 120px;
left: 0;
width: 200px;
background: transparent;
}
#left ul {
margin: 0 10px 40px;
width: 180px;
}
#left li {
display: inline;
}
#left li a, #left li a.on {
display: block;
padding: 1px 10px;
margin: 10px;
font-weight: bold;
font-size: 90%;
border: 1px solid #00847b;
text-decoration: none;
}
#left li a:link, #left li a:visited {
background: transparent url(../files/global_files/back_mainnav.gif) right no-repeat;
}
#left li a:hover, li #left a:focus, #left li a:active, #left li a.on {
background: #E3F3F2 url(../files/global_files/back_mainnav_hover.gif) right no-repeat;
}
/* Submenue */
#left ul ul {
margin: 0;
}
#left li li a {
border: 0 none;
background: transparent;
margin: 5px 10px;
}
#left li li a:link, #left li li a:visited {
background: transparent;
}
#left li li a:hover, li li #left a:focus, #left li li a:active, #left li li a.on {
background: #E3F3F2;
border: 0 none;
margin: 5px 10px;
}

/* #main umschliesst #info (news) und #content */
#main {
width: 580px;
margin: 0 0 0 230px;
padding: 0 0 2em 0;
}
/* Spezielle Formatierung der Startseite ueber die body-id 'startseite' */
#startseite #main {
margin: 0 0 0 280px;
}
/* Newsspalte */
#info {
float: right;
width: 154px;
margin-top: 50px;
}
#info h2 {
color: #00847B;
margin: 10px 0;
}
/* Inhalte */
#content {
width: 580px;
}
/* Spezielle Formatierung der Startseite ueber die body-id 'startseite' */
#startseite #content {
width: 400px;
}
#content p {
margin: 10px 0;
}
/* Spezielle Formatierung der Startseite ueber die body-id 'startseite' */
#startseite #content p {
margin: 10px 10px 10px 140px;
}

/* Fixer Footer am unteren Seitenrand */
body > #container #footer {
position: fixed;
}
#container #footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0;
color: #000;
background: red url(../files/global_files/back_bottum.gif) top left repeat-x;
}            
* html #container #footer {
right: auto; 
bottom: auto;
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#footer p {
padding: 5px 20px;
margin: 0;
}

/* ALLGEMEINE KLASSEN */
.bildlinks {
float: left;
margin: 10px 20px 10px 0;
}
.first {
margin-top: 3px;
}
.bildrechts {
float: right;
margin: 0 0 10px 20px;
}
.absatztrenner {
clear: both;
}