@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular.woff') format('woff'),
         url('fonts/OpenSans-Regular.ttf') format('truetype'),
         url('fonts/OpenSans-Regular.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Italic.eot');
    src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic.woff') format('woff'),
         url('fonts/OpenSans-Italic.ttf') format('truetype'),
         url('fonts/OpenSans-Italic.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype'),
         url('fonts/OpenSans-Bold.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-BoldItalic.eot');
    src: url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}
body {
  background-color:#BFF9BF;
  font-family:OpenSans, Arial, Helvetica, sans-serif;
}
body.gal {
  background-color:#f7f7f7;
}
#index_div1 { /* der aeussere container - seine obere linke mitte ist exakt in der mitte des browserfensters. */
  position: absolute;
  top: 45%;
  left: 50%;
}
#index_div2 { /* der innere container wird nach oben links verschoben, sodass  seine mitte exakt da ist, wo #div1 seine obere linke ecke hat. */
position: absolute;
top: -215px; /* die halbe hoehe des bildes */
left: -414px; /* die halbe breite des bildes */
width:829px;
height:433px;
border:0px solid
}
#index_div3 { /* der aeussere container - seine obere linke mitte ist exakt in der mitte des browserfensters. */
  position: absolute;
  bottom: 0px;
  left:0px;
  right:0px;
  height:60px;
  /*width:99%;*/
  background-image:url(images/linie_bottom.jpg);

  background-repeat:x-repeat;
}
#index_div4 { /* der aeussere container - seine obere linke mitte ist exakt in der mitte des browserfensters. */
  position: absolute;
  bottom: 50px;
  height:30px;
  width:100%;
  text-align:center;
}

#fl_re {
position:absolute;
right:0px;
width:463px;
height:100%;
border:0px solid;
background-image:url(images/fluegelausschnitt.jpg);
background-repeat:y-repeat;


}

div#zentr {
max-width:1600px;
margin:auto;
border:0px solid;
}
.block_li {
width:15%;
float:left;
border:0px solid;
padding-left:5%;
margin-top:60px;

}
.block_mi {
width:30%;
float:left;
padding:0 0 0 5%;
border:0px solid;
margin-top:50px;
}
.block_re {
width:35%;
float:right;
border:0px solid;
padding:20px 10px 20px 20px;
margin-top:50px;

}
div#inhalt {
width:70%;
float:left;
border:0px solid;
padding:0 0 0 5%;
margin-top:50px;
}
.linie {
max-width:1600px;
padding-left:5%;
position:absolute;
border:0px solid;
width:90%;

}
.linie1 {
float:left;
border:0px solid;
}
.linie2 {
background-image:url(images/layout/linie.png);
background-repeat:x-repeat;
height:60px;
border:0px solid;
float:left;
width:80%;
}
.linie3 {
position:absolute;
right:0px;
height:60px;
border:0px solid;

}
.tab_nav {
margin:30px 0 30px 0;
background-image:url(images/hintergrund_nav.gif);
cell-padding:5px;
cell-spacing:10px;
}
.nav {
padding:10px 20px;
text-align:left;
}
.tab_2sp {
width:100%;
border:0px solid;
}
.tab_3sp {
width:100%;
border:0px solid;
}
td {vertical-align:top;}

.td_2sp {
width:50%;
padding:20px 20px 20px 0;
border-bottom:1px solid;
vertical-align:top;
}
.bio_jahr {
width:15%;
border:0px solid;
}
 .bio_ereign {
width:50%;
border:0px solid;
}
.portrait {
padding-top:40px;
width:35%;
border:opx solid;
}
.aus_jahr {
width:15%;
border:0px solid;
vertical-align:top;
}
 .aus_ereign {
width:85%;
border:0px solid;
}
.text {
width:80%;
border:0px solid;
vertical-align:top;
text-align:justify;
padding:20px 30px 20px 0;
}
 .autor {
width:20%;
border:0px solid;
vertical-align:bottom;
}
.tab_kurse {
width:100%;
border:0px solid;
}
.td_kurse {
width:30%;
padding:20px 20px 20px 0px;
border:0px solid;
border-bottom:1px solid;
}
.tab_links {
width:100%;
border:0px solid;
}
.td_links {
width:30%;
padding:30px 20px 20px 0px;
border:0px solid;
vertical-align:top;
}
.td_link_text {
width:30%;
padding:10px 20px 20px 0px;
border:0px solid;
border-bottom:1px solid;
}
.tab_gal_ue {
width:100%;
border:0px solid;
}
.td_gal_ue {
width:30%;
padding:30px 20px 20px 0px;
border:0px solid;
vertical-align:top;
}
.td_gal_ue_text {
width:30%;
padding:10px 20px 20px 0px;
border:0px solid;
text-align:center;
}
.tab_gal {
width:100%;
border:0px solid;
}
.td_gal {
width:40%;
padding:30px 20px 20px 0;
border:0px solid;
vertical-align:top;
text-align:center;
}
.td_gal_1 {
width:35%;
padding:30px 20px 20px 0;
border:0px solid;
vertical-align:top;
text-align:center;
}
.td_gal_2 {
width:35%;
padding:30px 20px 20px 0;
border:0px solid;
vertical-align:top;
text-align:center;
}
.td_gal_text {
width:40%;
padding:10px 20px 20px 0px;
border:0px solid;
text-align:center;
}
.td_gal_text2 {
width:30%;
padding:10px 20px 20px 0px;
border:0px solid;
text-align:center;
}
.gal_bild {
border:0px;
}
.tab_bild {
border-collapse:collapse;
margin: auto;
}
.sch_ro {
background-image:url(images/schatten/sch_ro.png);
background-repeat:no-repeat;
width:8px;
height:10px;
}
.sch_r {
background-image:url(images/schatten/sch_r.png);
background-repeat:repeat-y;
}
.sch_ul {
background-image:url(images/schatten/sch_ul.png);
background-repeat:no-repeat;
width:8px;
height:10px;
}
.sch_u {
background-image:url(images/schatten/sch_u.png);
background-repeat:repeat-x;
}
.sch_ur {
background-image:url(images/schatten/sch_ur.png);
background-repeat:no-repeat;
width:8px;
height:10px;
}
div#gal_fe_x {
right:10px;
position:absolute;
bottom:10px;
text-align:right;
border:0px solid;
width:100%;
}

h1 {
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size:16pt;
font-weight:300;
color:#4d4d4d;
}
h2 {
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:800;
color:#4d4d4d;
}
h3 {
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size: 10.5pt;
font-weight:200;
line-height:14pt;
}
.s3 {
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size: 10.5pt;
font-weight:200;
line-height:16pt;
}
h4 {
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight:200;
}
h5 {
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight:200;
}
 a:link {
 font-family:OpenSans, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 color: #000;
 text-decoration:none
}
a:visited {
 font-family:OpenSans, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 color: #000;
 text-decoration:none
}
a:hover {
 font-family:OpenSans, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 color:#FF0000;
 text-decoration:none }

a.klein:link {  font-family: OpenSans, Arial, Helvetica, sans-serif;color:#000;font-size: 9pt; text-decoration:underline }
a.klein:visited {  font-family: OpenSans, Arial, Helvetica, sans-serif;color:#000;font-size: 9pt; text-decoration:underline }
a.klein:hover {  font-family: OpenSans, Arial, Helvetica, sans-serif;color:#FF0000;font-size: 9pt; text-decoration:underline }
a<style type="text/css">