/* Utke 09.10.2008 */
HTML {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BORDER-LEFT-WIDTH: 0px;
FONT-SIZE: 9pt;
BACKGROUND: #fff no-repeat -18px 0px; /* ??*/
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
OVERFLOW: hidden; /* hat keinen Einfluss*/
PADDING-TOP: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background:#fff -18px 0 no-repeat;
HEIGHT: 100%;
BORDER-RIGHT-WIDTH: 0px;
max-height: 100%
}
HTML #head {POSITION: absolute}
HTML #foot {POSITION: absolute}
body {
BORDER-TOP-WIDTH:0px;
PADDING-RIGHT:0px;
PADDING-LEFT:0px;
BORDER-LEFT-WIDTH:0px;
BORDER-BOTTOM-WIDTH:0px;
PADDING-BOTTOM: 0px;
MARGIN:0px;
/* OVERFLOW: auto ist im Morzilla alles OK */
/* im IE wird ALLES scrollbar */
OVERFLOW:hidden; /*hidden; */
PADDING-TOP:0px;
HEIGHT:100%;
BORDER-RIGHT-WIDTH:0px;
MAX-HEIGHT:100%;
TEXT-ALIGN:center; /* dadurch wird alles zentriert */
}
#content {
display:block;
height:100%;
max-height:100%;
overflow-y:scroll; /* mit auto ist der mal da, mal nicht: Bild flippt */
padding-left:0px;
padding-right:0px;
position:relative;
line-height:1.7;
/*width: 960px; */ /* §§§ abgeklemmt*/
/*z-index:3; */
}
#centerbox { /* umgibt den zentrierten Bereich */
width:80em; /*900px; */ /* hier die feste Breite der Box */
/*height:100%; */ /* wird die Höhe auf 100% gesetzt ist im Mozilla immer ein Scrollbalken vorhanden */
background:#ffffff;
margin:0 auto;
margin-top:0px; /* 0*/
padding: 0 0 0 0;
padding-top:100px; /* 100*/ /* bestimmt den Abstand zum Text, häng von der Höhe des Bildes in Top ab*/
text-align:left;
/* nur zur Markierung */
/*border-left:2px solid #0000FF;
border-right:2px solid #0000FF; */
/*OVERFLOW: auto; */ /* erzeugt einen Schrollbalken an der Box */
}
#leftframe { /* die linke Spalte */
FLOAT:left;
width:18em; /*200px; */
/*left:10px; */
/*height: 600px;
/*margin: 0; /* auto; */
/*top:30px; /* 24*/
/*margin-left: 0px;
padding: 0 0 0 0;
text-align: left; /*justify; */
/*background-attachment: fixed; */
/*background-repeat: no-repeat; */
/* nur zur Markierung */
/*border-left: 1px solid #000FFF;
border-bottom: 1px solid #0000FF;
border-right: 1px solid #000FFF; */
}
#leftframe P {
Color: #000000;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
line-height: 130%;
color:#0000FF; /* #ffffff; */
margin-left: 5pt;
margin-top: 0pt;
margin-bottom: 0pt;
}
#leftframe h1 {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color: #000000;
line-height: 130%;
Font-Weight: bold;
margin-left: -10pt;
margin-top:0pt;
margin-bottom:0pt;
}
#leftframe h2 { /* wie h1 jedoch ohne Link */
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color: #000000;
line-height: 100%;
Font-Weight: bold;
margin-left: 5pt;
margin-top:0pt;
margin-bottom:0pt;
}
#leftframe h6 { /* wird als Spacer genutzt */
Color: #000000;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
line-height: 130%;
Font-Weight: bold;
margin-top:21pt;
margin-bottom: 0pt;
}
#leftframe a:link {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
line-height: 130%;
margin-left: 15pt;
margin-top: 0pt;
margin-bottom: 0pt;
}
#leftframe a:visited {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
line-height: 130%;
margin-left: 15pt;
margin-top: 0pt;
margin-bottom: 0pt;
}
#leftframe a:hover {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
color: #000000;
background-color: #ffffff;
text-decoration: underline;
line-height: 130%;
margin-left: 15pt;
margin-top: 0pt;
margin-bottom: 0pt;
}
#leftframe a:active {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
color: #ffffff;
background-color: #0000FF;
line-height: 130%;
margin-left: 15pt;
margin-top: 0pt;
margin-bottom: 0pt;
}
#centerframe {
FLOAT:left;
width:41.7em; /*400px; */
/*height: 600px;
/*margin: auto;
margin-top: 0px; /* 24*/
/*margin-left: 20px;
padding: 0 0 0 0;
text-align: left; /*justify; */
/*background-attachment: fixed; */
/*background-repeat: no-repeat; */
/* nur zur Markierung */
/* border-left: 1px solid #00FFFF;
border-bottom: 1px solid #00FFFF;
border-right: 1px solid #00FFFF;*/
border-left: 1px solid #F8F7F7; /* hellgraue Linien, wie im Orignial*/
border-right: 1px solid #F8F7F7;
}
#centerframe p {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color:#000000;
text-align:left;
/*text-indent: 0pt; */
/*background-color: #F8F7F7; */
margin-left:2em;
margin-top:10pt;
/*margin-right:0pt; */
margin-bottom:2pt;
Font-Variant: normal;
Font-Weight: normal;
Font-Style: normal;
Vertical-Align: baseline;
Text-Transform: none;
Text-Decoration: none;
line-height: 130%;
}
#centerframe h6 { /* wie p aber weißer Hintergrund */
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color:#000000;
text-align:left;
/*text-indent: 0pt; */
background: #F8F7F7;
margin-left:2.41em;
margin-top:10pt;
/*margin-right:0pt; */
margin-bottom:2pt;
Font-Variant: normal;
Font-Weight: normal;
Font-Style: normal;
Vertical-Align: baseline;
Text-Transform: none;
Text-Decoration: none;
line-height: 130%;
}
#centerframe H1 {
font: 16pt Century Gothic;
Color: #0000cc; /*0000ff*/
margin-left: 30pt;
margin-top: 10pt;
margin-bottom: 0pt;
line-height: 200%;
Font-Weight:normal;
}
#centerframe H2 {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
color: #000000;
text-align: left;
margin-top: 5 pt;
margin-bottom: 0pt;
margin-left: 0pt;
margin-right: 25pt;
Font-Weight: bold;
Font-Style: normal;
}
#centerframe H3 {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color: #000000;
background:#F0F0F0;
margin-top:14pt;
margin-bottom:4pt;
}
#centerframe H4 {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color: #000000;
text-indent: 0pt;
background: #F8F7F7; /*F0F0F0; */
margin-left:2.41em; /* 30pt; */
margin-top: 10pt; /* 10 */
margin-bottom: 2pt;
Font-Variant: normal;
Font-Weight: bold;
Font-Style: normal;
Vertical-Align: baseline;
Text-Transform: none;
Text-Decoration: none;
line-height: 190%;
}
#rightframe {
FLOAT: right;
width: 19em; /*280px; */
/*height: 600px;
/*margin: auto;
margin-top: 0px; /* 24*/
/*margin-left: 20px;
padding: 0 0 0 0;
text-align: left; /*justify; */
/*background-attachment: fixed; */
/*background-repeat: no-repeat; */
/* nur zur Markierung */
/*border-left: 1px solid #0FFFFF;
border-bottom: 1px solid #0FFFFF;
border-right: 1px solid #0FFFFF; */
}
#rightframe p {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
color: #000000;
font-variant: normal;
font-weight: normal;
font-style: normal;
text-align: left;
line-height: 120%;
/* Vertical-Align: baseline; */
/* margin-left:0pt; */
/* margin-right: 10px; */
/* margin-top:6pt; */
/* margin-bottom:6pt;
/* Text-Transform: none; */
/* Text-Decoration: none; */
/* border-right-width: 0px; */
}
#rightframe H1 {
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 10pt;
Color: #000000;
text-indent: 0pt;
background: #EAF9FC;
margin-left: 0pt;
margin-top: 8pt;
margin-bottom: 2pt;
Font-Variant: normal;
Font-Weight: bold;
Font-Style: normal;
Vertical-Align: baseline;
Text-Transform: none;
Text-Decoration: none;
line-height: 130%;
}
#head {
DISPLAY: block;
FONT-SIZE:4em;
Z-INDEX:5;
RIGHT:0px;
MARGIN:0px;
WIDTH:100%;
POSITION: fixed;
TOP:0px;
HEIGHT: 100px;
TEXT-ALIGN:center; /* neu */
}
#foot {
DISPLAY:block;
FONT-SIZE:1.1em;
Z-INDEX:4; /* unbedingt erforderlich, sonst liegt es im Hintergrund */
RIGHT:18px;
BACKGROUND-IMAGE:url(bg-bottom.jpg);
MARGIN:0px;
WIDTH:100%;
COLOR:#fff;
BOTTOM:-1px;
POSITION:fixed;
HEIGHT:70px;
TEXT-ALIGN:center;
}
#pad1 {
DISPLAY: block;
FLOAT: center; /* im Original: left; hat keinen Einfluss */
WIDTH: 100%; /* WIDTH: 100% bewirkt 'center' im Original: 18px; */
HEIGHT: 200px
}
#pad3 {
DISPLAY: block;
FLOAT: left;
WIDTH: 18px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 80px
}
.pad2 {
/* DISPLAY: block; Original */
WIDTH: 590 px;
HEIGHT: 133px
}
#content P {
TEXT-ALIGN: left;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px
}
.bold {
FONT-WEIGHT: bold;
FONT-SIZE: 1.2em
}
#wordsleft {
BORDER-RIGHT: #000 0px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
BACKGROUND: #eeeded;
LEFT: 150px;
FLOAT: left;
PADDING-BOTTOM: 5px;
MARGIN: 5px;
BORDER-LEFT: #000 0px solid;
WIDTH: 150px;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 0px solid;
TOP: 100px;
HEIGHT: 200px
}
#wordsright {
BORDER-RIGHT: #000 0px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
BACKGROUND: #efefef;
LEFT: 830px;
PADDING-BOTTOM: 5px;
MARGIN: 5px;
BORDER-LEFT: #000 0px solid;
WIDTH: 150px;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 0px solid;
POSITION: absolute;
TOP: -10px;
HEIGHT: 1000px;
TEXT-ALIGN: center
}
#wordsabsolute {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 1px solid;
PADDING-LEFT: 5px;
FONT-SIZE: 2em;
BACKGROUND: #eee;
LEFT: 600px;
PADDING-BOTTOM: 5px;
MARGIN: 5px;
BORDER-LEFT: #000 1px solid;
COLOR: #c00;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 280px
}
#wordsrelative {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 1px solid;
PADDING-LEFT: 5px;
FONT-SIZE: 2em;
BACKGROUND: #ddd;
LEFT: 30px;
PADDING-BOTTOM: 5px;
MARGIN: 5px;
BORDER-LEFT: #000 1px solid;
WIDTH: 200px;
COLOR: #c00;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: relative;
TOP: 1px
}
.tabelle {
BORDER-RIGHT: blue 1px outset;
BORDER-TOP: blue 1px outset;
MARGIN-TOP: 58px;
MARGIN-LEFT: 5px;
BORDER-LEFT: blue 1px outset;
WIDTH: 600px;
BORDER-BOTTOM: blue 1px outset;
POSITION: absolute;
BORDER-COLLAPSE: separate;
HEIGHT: 150px;
BACKGROUND-COLOR: #ededef
}
.tabtext {
MARGIN-TOP: 58px;
MARGIN-LEFT: 5px;
WIDTH: 600px;
POSITION: absolute;
BORDER-COLLAPSE: separate;
HEIGHT: 150px
}
.ueberschrift {
FONT-WEIGHT: bold;
FONT-SIZE: 13pt;
COLOR: #005ca6;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* Der Eintrag für FOOT kann weg... er wird hier aufbewahrt
*/