/* www.beilharz-design.de */
/* Copyright Heinz Beilharz */

/* 20-02-25 Vers. 1.2, Titel */

/* Farben
Rot: rgb(204, 21, 52);
Grau: #f0f0f0; 
*/

/* Null */
*	{
	margin: 0;
	padding: 0;
}
ol, ul	{
	margin: 1em;
}

/* Grundstruktur */
body	{
    padding: 0;
    margin: 0;
    font-size: 10%;
    width: 100%;
    background-color: silver;
    font: normal normal normal 1.1em "Open Sans", arial, sans-serif;
    letter-spacing: 0.025em;
    text-align: left;
    color: #404040;
    overflow-x: hidden; /* Horizontaler Scrollbalken unterdruecken */
}

div {
    border: 0 solid;
}
.div {
    border: 0 solid;
}

#header1	{
    background-color: #ffffff;
    width: 100%;
    height: 165px;
    position: fixed;
    top: 0;
}
.size3  {
    width: 91px;
    height: auto;
}
.fixed {
    position: fixed;
    width: 100%;
    left: 50%; /* auf Mitte setzen */
    margin-left: -50%; /* auf Mitte setzen */
    z-index: 500;
}
.dist   {
    top: 150px;
}
p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    margin: 0 auto;
}
p.wasser img {
    width: 100%;
    height: auto;
    margin-top: -100px;
}
.shadow	{
    box-shadow: 5px 5px 15px rgb(220,220,220);
}
.no	{	/* Ausblenden */
    display: none;
}
#topfoto    {
    width: 100%;
    height: 900px;
    background-repeat: no-repeat;
    position: relative;
    top: 150px;
    z-index: 1;
}
#topfoto img    {
    border: none;
}
.wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}
#navi, #navi2_  {
    /* position: relative; */ /* evtl. funzt auch absolute */
    float: left;
    width: 100%;
    /* z-index: 510; */
    /* margin-top: -1150px; */ /* Nötig wenn Aside sichtbar */
    margin-top: -170px;
}
#navi2  {
    top: 500px;
    z-index: 510;
}
.article	{
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    line-height: 1.5em;
    /* top: 625px; */
    margin-top: 980px;
    z-index: 10;
}
.article h1,h2,p  {
    text-align: left;
}
.article h1  {
    /* padding-top: 20px; */
    padding-top: 100px;
}
.content    {
    width: 50%;
    margin: 0 auto;
}
/* Ende Grundstruktur */

/* ************************* */
/* Navigation Menü 1 */
.menue li {
    border-radius: 2px;
    border: none;
    height: 280px;
    border: 1px solid silver;
    padding: 10px;
    padding-top: 25px;
    width: 220px;
    line-height: 1em;    
}
.menue li a:link, .menue li a:visited {
    padding-top: 15px;
    padding-bottom: 15px;    
}
ul {
    margin: 0;
    padding: 0;
}
aside.aside_re  {    /* News */
    width: 250px;
    height: auto;
    background-color: #f0f0f0;
    font-size: 90%;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #000000;
    position: relative;
    top: -220px;
    left:80%;
    z-index: 520;
    border-radius: 2px;
    /* box-shadow: 5px 5px 5px 2px silver; */
}
.aside_re p   {
    padding: 5px 5px 0 10px;
}
.footer {
    color: #BFBFBF;
    min-height: 350px;
    position: relative;
    /* top: 360px; */
    top: -50px;
    z-index: 510;
}
#footermenue  {
    position: relative;
    /* top: 360px; */
    top: -50px;
    z-index: 511;
}
.wrap2 {     /* Mittlerer Footer */
    min-height: 305px;
    padding-bottom: 44px;
}

@media only screen and (max-width:450px)    {  /* Smartphones */
    ul.resp_hidden3    {
    display: none;
    }
    .show	{
    display: block;
   }
   ul.menue	{
    margin-top: 125px;
   }
   .menue li {
    height: auto;
    padding: 5px;
    width: 220px;
    line-height: 1em;    
    }
   .menue li a:link, .menue li a:visited {
    padding-top: 15px;
    padding-bottom: 15px;    
   }
}

@media only screen and (min-width:1850px)    {  /* Grosse Bildschirme */
    .aside_re    {
    	left: 610%;
    }
}