<!--
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


 @viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
-->
.textbild {
        float: right;
        max-width: 95%;
        padding: 0% 0% 0% 1.5%;
}
img {
        max-width: 100%;
        height: auto;
}
.galbild {
        max-height: 100%;
        width: auto;

}

body
{background: top center no-repeat; color:#000000;font-family:Arial; font-size:85%;line-higth:1.5em;background-color:#000000;
}

h1 {font-size:1.5em;color:#4f81bd;/*border-bottom:1px solid #fff;*/}
h2 {font-size:1.2em;color:#4f81bd;padding-top:0px;}
h3 {font-size:1.0em;color:#4f81bd;padding-top:0px;}
p {font-size:1.0em;color:#000000;padding-top:0px;text-align:justify;}

/*p,ul,ol,dl{margin:5px 0 0 0;}*/
#wrap{color:#800080;margin:auto; padding:0;max-width:960px;
 }

#logo
{

font-weight:bold;
font-size:100%;
border:1px solid #FFFFFF;
background-color:#C0C0E6;

text-align:center;
border-right:0;

width:160px;
height:518px;
float:left;
padding-top:20px;
padding-left:20px;
padding-right:20px;

}

#logo ul {list-style:none;padding:5px 0 0 0;}
#logo li  {list-style:none;margin:0px 0 0 0; padding:0 0 7px 0;}
#logo li a {display:block;padding:3px;text-decoration: none;font-family: Verdana,Arial,Helvetica;font-size:95%}


li a:link
{

 color:#4f81bd;
 background-color:#C0C0E6;
 border-left:2px solid #efefef;
 border-top:2px solid #efefef;
 border-right:2px solid #000000;
 border-bottom:2px solid #000000;
}
li a:visited
{

 color:#4f81bd;
 background-color:#C0C0E6;
 border-left:2px solid #efefef;
 border-top:2px solid #efefef;
 border-right:2px solid #000000;
 border-bottom:2px solid #000000;
}
li a:hover
{

 color:#000;
 background-color:#4f81bd;

 border-left:2px solid #efefff;
 border-top:2px solid #efefff;
 border-right:2px solid #000055;
 border-bottom:2px solid #000055;
}
li a:active
{

 color:#000;
 background-color:#4f81bd;

 border-left:2px solid #efefff;
 border-top:2px solid #efefff;
 border-right:2px solid #000055;
 border-bottom:2px solid #000055;
}
#inhalt

{

border:1px solid #fff;background-color:#C0C0E6;text-align:left;font-size:100%;

height:518px;overflow:auto;


padding:20px 20px 0px 20px;

scrollbar-base-color:#C0C0E6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#4f81bd;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#C0C0E6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#C0C0E6;


}


#Fusszeile {
   clear: both;

    margin: 0; padding: 0.1em;

<!--width:958px;    -->
    }

.slogan {font-family:'Times New Roman',Times,serif;color:#fff; font-size:1.4em; font-weight:700; margin:0 0 20px 0; letter-spacing:+2px;text-align:center;border-bottom:1px solid #fff;}
.slogan2 {font-family:'Arial',sans serif;color:#000; font-size:1.0em; font-weight:400; margin:0 0 20px 0;text-align:center;}
.slogan3 {font-family:'Arial',sans serif;color:#FFFFFF; font-size:1.0em; font-weight:400; margin:0 0 20px 0;text-align:center;}

span.text
{
font-size: 11px;
color: #333333;
line-height: 21px;
font-family: Verdana,Arial,Helvetica;
}
 #bildfloat1
{
font:100%;
border:0px solid #FFFFFF;


text-align:center;

width:245px;

height:190px;
float:right;
padding-left:10px;

}
 #bildfloat2
{
font:100%;
border:0px solid #FFFFFF;


text-align:center;

width:245px;

height:480px;
float:right;
padding-left:10px;

}
 #bildfloat3
{
font:100%;
border:0px solid #FFFFFF;


text-align:center;

width:175px;

height:230px;
float:right;
padding-left:10px;

}
  #bildfloat4
{
font:100%;
border:0px solid #FFFFFF;


text-align:center;

width:100em;

height:auto;
float:right;
padding-left:10px;
padding-top:0px;
}

 #bildfloat5
{
font:100%;
border:0px solid #FFFFFF;


text-align:center;

width:190px;

height:290px;
float:right;
padding-left:10px;

 }
@media screen and (orientation:portrait) and (max-width:480px) {
         #inhalt, #logo{
                width: 93.750%;
                float:bottom;
                height:auto;

        }