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

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

#content {
padding: 00px 5px 0px 5px;
line-height: 140%;
 }


#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: 8px 0 2px 0;
}

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



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

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

.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(1.6, 1.6);
}


.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);
}

.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);

}

/* Linien */

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

/* Bildseite Standardbox */
.Box5 {
position: relative;
top: 0px;
left: 23px;
height:450px;
width: 800px;
border: 0px solid #fff000;
background: #FDF5E6;
padding: 2px;
box-shadow: 0px 0px 10px 2px#000000;
}

/* Bildseite Bildunterschrift */
.Box6 {
position: relative;
top: 10px;
height:20px;
width: 860px;
border: 0px solid #fff000;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
text-align: center;
line-height: 120%;
background: #;
}

/* kleine Bilder auf der Bildseite
Bilderleiste mit 8 Bildern - Pfeil links und rechts - oder nur Pfeil links*/

#nav2 b {
color:#000000;
font-size: 12px;
text-align:center;
height: 100px;
}
#nav2 ul {
list-style-type:none;
margin: 2px 2px 2px 10px;
padding:0;
}
#nav2 li {
float:left;
display: block;
text-decoration: none;
margin:1;
padding:2;
}

/* Bilderleiste mit 8 Bildern - und Pfeil rechts */
#nav5 b {
color:#000000;
font-size: 12px;
text-align:center;
height: 100px;
}
#nav5 ul {
list-style-type:none;
margin: 2px 2px 2px 40px;
padding:0;
}
#nav5 li {
float:left;
display: block;
text-decoration: none;
margin:1;
padding:2;
}

/* Bilderleiste mit 7 Bildern */
#nav9 b {
color:#000000;
font-size: 12px;
text-align:center;
height: 100px;
}
#nav9 ul {
list-style-type:none;
margin:10px 2px 2px 90px;
padding:0;
}
#nav9 li {
float:left;
display: block;
text-decoration: none;
margin:1;
padding:2;

}

/* Bilderleiste mit 7 Bildern Pfeil links */
#nav9s b {
color:#000000;
font-size: 12px;
text-align:center;
height: 100px;
}
#nav9s ul {
list-style-type:none;
margin:10px 2px 2px 60px;
padding:0;
}
#nav9s li {
float:left;
display: block;
text-decoration: none;
margin:1;
padding:2;

}

/* Bilderleiste mit 6 Bildern */
#nav6 b {
color:#000000;
font-size: 12px;
text-align:center;
height: 100px;
}
#nav6 ul {
list-style-type:none;
margin:10px 2px 2px 132px;
padding:0;
}
#nav6 li {
float:left;
display: block;
text-decoration: none;
margin:1;
padding:2;

}
/* Bilderleiste mit 5 Bildern */
#nav6s b {
color:#000000;
font-size: 12px;
text-align:center;
height: 100px;
}
#nav6s ul {
list-style-type:none;
margin:10px 2px 2px 175px;
padding:0;
}
#nav6s li {
float:left;
display: block;
text-decoration: none;
margin:1;
padding:2;

}