html
{
margin:0;padding: 0;width: 100%; height: 100%;
}
body {
margin:0;padding: 0;font-size: 100.1%;
font-family: Arial,Helvetica,sans-serif; 
width: 100%; height: 100%;
color: #840000;background-color: #ebf3f6;
background-image: url(img/back_2.jpg); 
background-position: right bottom; 
background-repeat: no-repeat;
background-attachment: fixed; 
min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
*#left
{
position: absolute; width: 30%; top: 0pt;
}
html>body #left { /* nur fuer moderne Browser! */
position: fixed;
}
*#logo
{
margin: 16px auto 0pt; padding: 0pt; display: block; 
width: 184px; height: 130px;
}
*#content
{
margin: 0 28% 0 32%;
padding-bottom:16px;

}
h1{
margin: 16px 0 0 0; padding: 0pt; text-decoration: underline overline; 
color: #840000;
}
h2{
margin: 1em 0 0 0; padding: 0 0 0 5px; 
color: #ebf3f6;background-color: #840000;font-size:1.12em;
}
p
{
margin: 0pt; padding: 16px 0pt;  font-size: 0.82em;
}
p.bold
{
margin: 0pt; padding: 0pt;font-weight:bold;
}
*#top_r
{
margin: 0pt; padding: 0pt; width: 149px; height: 133px; 
position: absolute; top: 16px; right: 16px;
}
html>body #top_r { /* nur fuer moderne Browser! */
position: fixed;
}

ul
{
margin: 0pt; padding: 0pt;
}
ul li {margin: 0pt; padding: 0pt;
list-style-type: none; }
ul li a
{
border: 1px solid #ffffff; background: #840000;
margin: 0.5em auto 0.5em auto; padding: 0pt 0pt 0pt 10px; text-decoration: none; 
color: #ffffff; display: block; width: 149px;font-size: 0.82em;
}
ul li a:hover
{
color: #be8595;
}
ul li a.c1
{
border: 1px solid #ffffff; background: #840000;
margin: 0.5em auto 0.5em auto; padding: 0pt 0pt 0pt 10px; 
text-decoration: none; color: #ffffff; display: block; width: 149px;font-size: 0.82em;
background-image: url(img/pdf.jpg);background-position: right top;background-repeat: no-repeat;
}
ul li a.c1:hover
{
color: #be8595;
}
img.spo
{
border: 0px solid; height: 115px; margin-right: 16px; margin-bottom: 16px; float: left;
}
img.img1
{
margin: 0pt;
padding: 0pt;
width: 485px;height:325px;
display: block;
float:left;
}
*#bild
{
position: absolute; width: 165px; top: 165px; right:16px;
font-size: 0.69em; list-style-type: none;
}
ol#bild li
{
margin: 0.5em auto 0.5em auto; padding: 0pt 0pt 0pt 10px; 
background-color: #ebf3f6;
}
ol#bild li a
{
color:#840000;text-decoration: none;
}
*#pro
{
margin: 0pt;padding: 0pt; position: absolute; width: 84px;
top: 16px; font-size: 0.69em; font-weight: normal; right: 50px;
list-style-type: none; list-style-image: none; list-style-position: outside;
}
ol#pro li
{
margin: 0; padding: 0pt; float: left; width: 84px; text-align: center;
background-color: #ebf3f6;
}
ol#pro li a
{
text-decoration: none;color:#860000;
}
img.img_pro
{
margin:5px auto 0 auto;border: 0px solid ; width: 74px; height: 50px;display:block;
}
img.c2 
{
display: block; width: 187px; height: 125px; float: left;
} 
img.c3 
{
width: 187px; height: 125px; display: block; float: right;
}
img.c4 
{
width: 369px; height: 249px;  display: block;
}
*#save
{
bottom: 0pt;
right: 16px;
text-decoration: none;
position: absolute;
text-align: right;
}
html>body #save { /* nur fuer moderne Browser! */
position: fixed;
}
*#saved
{
color: rgb(255, 255, 255);
font-size: 0.69em;
}
p.spo01
{
height: 115px;
width: 50%;
float: left;
}
img.spo_1
{
margin-right: 16px; margin-bottom: 16px;border: 0px solid;
width: 128px;
height: 115px;
}
img.spo_2
{
margin-right: 16px; margin-bottom: 16px;border: 0px solid; width: 142px;
height: 115px;
}
img.spo_3
{
margin-right: 16px; margin-bottom: 16px;border: 0px solid; width: 174px;
height: 115px;
}
br.clear
{clear: both;}