/*Hauptseite-rechts-001- text justify- Linien*/

#rechts {
margin: 0px 10px 5px 140px;
width: 740px;
padding: 0px;
line-height: 140%;
/*background-color: #FDF5E6;*/
}

#content {
padding: 10px 20px 10px 20px;
line-height: 140%;
 }
#menu100 ul {
list-style: none;
}

#menu100 li {
list-style: none;
margin-bottom: 2px;
}

#content p {
text-align: justify;
}

#content p2 {
color:#FDF5E6;
font-size: 12px;
margin: 10px 0 10px 0;
}

#content h2 {
color:#001F00;
font-size: 12px;
margin: 10px 0 10px 0;
}

.bold {
font-weight:bold;
}
.linksbuendig {
text-align: left;
}
.rechtsbuendig {
text-align: right;
}
.zentriert {
text-align: center;
}
.blocksatz {
text-align: justify;
}

#content box{
padding:2px;
border:1px solid #2f4f4f;
background-color: #528b8b;
color: #ffffff;
}

#content box01{
padding:2px;
border:1px solid #ffd39b;
background-color: #8b1a1a;
color: #ffffff;
}

#content box01b{
padding:2px;
border:1px solid #003F00;
background-color: #009F00;
color: #ffffff;
}

#content box02{
padding:3px;
border:2px solid #FDF5E6;
border-radius: 5px;
background-color: #7F0000;
text-align:center;
color: #ffffff;
margin: 5px 0px 10px;
}

#content box02J{
padding:4px;
border:3px solid #40FF00;
border-radius: 5px;
background-color: #9F9F9F;
text-align:center;
color: #FFFFFF;
margin: 5px 0px 10px;
}

/*<img class="Bildlinks" src="grafik.jpg" width="120" ... >

<img class="Bildrechts" src="grafik.jpg" width="120" ... > */

.groese5 {
  width: 220px;
    height: 124px;
    transition: width, height, 2s;

}

.groese5:hover {
    width: 800px;
    height: 450px;
    transition: width, height, 2s;
}

.groese1 {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese1:hover {
-webkit-transform: scale(2.5, 2.5);
-moz-transform: scale(2.5, 2.5);
-o-transform: scale(2.5, 2.5);
-ms-transform: scale(2.5, 2.5);
transform: scale(2.5, 2.5);
}

.groese1a {
-webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese1a:hover {
-webkit-transform: scale(3.5, 3.5);
-moz-transform: scale(3.5, 3.5);
-o-transform: scale(3.5, 3.5);
-ms-transform: scale(3.5, 3.5);
transform: scale(3.5, 3.5);
}

.groese1b {
-webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese1b:hover {
 -webkit-transform: scale(3.6, 3.6);
-moz-transform: scale(3.6, 3.6);
-o-transform: scale(3.6, 3.6);
-ms-transform: scale(3.6, 3.6);
transform: scale(3.6, 3.6);
}


.groese1c {
-webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese1c:hover {
 -webkit-transform: scale(1.6, 1.6);
-moz-transform: scale(1.6, 1.6);
-o-transform: scale(1.6, 1.6);
-ms-transform: scale(1.6, 1.6);
transform: scale(2.1, 2.1);
}

.groese1pl {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese1pl:hover {
 -webkit-transform: scale(3.8, 3.8);
-moz-transform: scale(3.8, 3.8);
-o-transform: scale(3.8, 3.8);
-ms-transform: scale(3.8, 3.8);
transform: scale(3.8, 3.8);
}

.groese2 {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese2:hover {
 -webkit-transform: scale(3.1, 3.1);
-moz-transform: scale(3.1, 3.1);
-o-transform: scale(3.1, 3.1);
-ms-transform: scale(3.1, 3.1);
transform: scale(3.1, 3.1);
}

.groese2a {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }


.groese2a:hover {
 -webkit-transform: scale(1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.7, 1.7);
}

.groese3 {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }
.groese3:hover {
 -webkit-transform: scale(6.1, 6.1);
-moz-transform: scale(6.1, 6.1);
-o-transform: scale(6.1, 6.1);
-ms-transform: scale(6.1, 6.1);
transform: scale(6.1, 6.1)

}

.groese2Ro {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }
.groese2Ro:hover {
 -webkit-transform: scale(3.1, 3.1);
-moz-transform: scale(3.1, 3.1);
-o-transform: scale(3.1, 3.1);
-ms-transform: scale(3.1, 3.1);
transform: scale(3.1, 3.1) rotate(90deg);
}

.groese3Ro {
 -webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
 }
.groese3Ro:hover {
 -webkit-transform: scale(6.1, 6.1);
-moz-transform: scale(6.1, 6.1);
-o-transform: scale(6.1, 6.1);
-ms-transform: scale(6.1, 6.1);
transform: scale(6.1, 6.1) rotate(90deg);
}



.Bildmitte
{
float:right;
margin: 5px 220px 5px 5px;
border: 0px solid #666666;
padding: 2px;
/* background-color:#FFFFFF; */
}

.Bildmittejub
{
float:left;
margin: 10px 10px 10px 55px;
border: 0px solid #666666;
padding: 2px;
background-color:#FFFFFF;
}

.Bildmittejub1
{
float:left;
margin: 10px 10px 10px 135px;
border: 0px solid #666666;
padding: 2px;
}

.Bildrechts
{
float:right;
margin: 10px 0px 10px 20px;
border: 1px solid #FFFFFF;
padding: 0px;
background-color:#FFFFFF;
}

.BildrechtsJU
{
float:right;
margin: 10px 4px 10px;
border: 1px solid #FFFFFF;
padding: 0px;
background-color:#FFFFFF;
}

.BildrechtsT
{
float:right;
margin: 10px 20px 10px 20px;
border: 0px solid #666666;
padding: 2px;
}

.Bildrechts50
{
float:right;
margin: 10px 50px 10px 20px;
border: 0px solid #666666;
padding: 2px;
}

.Bildlinks
{
float:left;
margin: 10px 20px 10px 0px;
border: 1px solid #FFFFFF;
padding: 0px;
background-color:#FFFFFF;
}

.BildlinksJU
{
float:left;
margin: 10px 4px 10px;
border: 1px solid #FFFFFF;
padding: 0px;
background-color:#FFFFFF;
}

.BildlinksT
{
float:left;
margin: 10px 20px 10px 20px;
border: 0px solid #666666;
padding: 2px;
background-color:#FFFFFF;
}

.Bildlinkssp1
{
float:left;
margin: 10px 20px 10px 45px;
border: 0px solid #666666;
padding: 2px;
background-color:#FFFFFF;
}

.Bildlinkssp2
{
float:left;
margin: 10px 20px 10px 530px;
border: 0px solid #666666;
padding: 2px;
}

.Bildlinks50
{
float:left;
margin: 10px 20px 10px 65px;
border: 0px solid #666666;
padding: 2px;
}

.Bildlinks501
{
margin: 10px 20px 10px 50px;
float:left;
}

/* Linien */

hr {
border: none;
border-top: 1px solid #2f4f4f;
color: #ffffff;
background-color: #fffffe;
height: 1px;
}

.linie {
border :none;
border-top: 1px solid #0090E0;
color: #ffffff;
background-color:#FFFFFE;
height: 1px;
margin: 0px 80px 0px 80px;
}

.linie1 {
border :none;
border-top: 1px solid #8F8F8F;
color: #ffffff;
background-color:#FFFFFE;
height: 1px;
margin: 0px 50px 0px 00px;
}

.linie2 {
border :none;
border-top: 1px solid #8F8F8F;
color: #ffffff;
background-color:#FFFFFE;
height: 1px;
margin: 0px 200px 0px 50px;
}

.linie3 {
border :none;
border-top: 1px solid #8F8F8F;
color: #ffffff;
background-color:#FFFFFE;
height: 1px;
margin: 0px 50px 0px 50px;
}

.relative {
    position: relative;
    width: 740px;
    height: 149px;
    border: 0px solid #73AD21;
}

.absolute {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
    height: 120px;
    padding: 2px;
    background-color:#FFFFFF;
}
.absolute01 {
    position: absolute;
    top: 10px;
    left: 160px;
    width: 100px;
    height: 120px;
    padding: 2px;
    background-color:#FFFFFF;
}
.absolute02 {
    position: absolute;
    top: 10px;
    left: 310px;
    width: 100px;
    height: 120px;
    padding: 2px;
    background-color:#FFFFFF;
}
.absolute03 {
    position: absolute;
    top: 10px;
    left: 460px;
    width: 100px;
    height: 120px;
    padding: 2px;
    background-color:#FFFFFF;
}
.absolute04 {
    position: absolute;
    top: 10px;
    left: 610px;
    width: 100px;
    height: 120px;
    padding: 2px;
    background-color:#FFFFFF;
}