@font-face { font-family: 'myFont'; 
	src: url('/Media/fonts/aleo/Aleo-Regular.otf') format('opentype'); } 
@font-face { font-family: 'myFont'; 
	src: url('/Media/fonts/aleo/Aleo-Italic.otf') format('opentype'); font-style: italic; } 
@font-face { font-family: 'myFont'; 
	src: url('/Media/fonts/aleo/Aleo-Bold.otf') format('opentype'); font-weight: bold; } 
@font-face { font-family: 'myFont'; 
	src: url('/Media/fonts/aleo/Aleo-BoldItalic.otf') format('opentype'); font-weight: bold; font-style: italic; }


/*  ----------------------------------------------------------------------------------------------------------------------  */
:root {
  --backgroundColor: #F4EEBA;
}

body
   {
   background-color: var(--backgroundColor);
   font-family: myFont,arial,sans-serif;
   font-size: 22px;
   color: black;
   margin-top:0px;
   }
table
   {
   border-collapse:collapse;
   border-width:0px;
   padding:0px;
   empty-cells:show;
   table-layout:auto;
   margin-left:auto;
   margin-right:auto;
   }
td
   {
   border-width:0px;
   border-style:solid;
   padding:0px;
   margin:0px;
   }
#width_head_nav {width:610px;}
#col1           {background-color:#072670;}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
/*  ----------------------------------------------------------------------------------------------------------------------  */

/*  ----------------------------------------------------------------------------------------------------------------------  */
/*  ----------------------------------------------------------------------------------------------------------------------  */
table.head h1
        {
	font-weight: bold;
	font-style: italic;
	font-size: 40px;
        color:#072670;
        text-align:center;
        vertical-align:middle;
        }
table.head ul
        {
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
        }
table.head li
        {
        float:left;
        }
table.head img
        {
        margin:0;
        }
table.head a
        {
	font-weight: bold;
	font-variant: small-caps;
	font-size:20px;
        color:white;
        background-color:#072670;
        text-align:center;
        display:block;
        width:120px;
        padding-top:5px;
        padding-bottom:5px;
        text-decoration:none;
        border-width:0px;
        }
table.head a:hover,a:active
        {
        background-color:#5B78AB;
	border-radius: 50px;

        }
/*  ----------------------------------------------------------------------------------------------------------------------  */

table.side ul
        {
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
        }
table.side a
        {
	font-variant: normal;
	font-weight: bold;
        font-size: 16px;
        color:white;
        background-color:#5B78AB;
        text-align:left;
        display:block;
        width:100%;
        padding:5px;
        margin-top:10px;
        margin-bottom:10px;
        text-decoration:none;
        border-width:0px;
        border-left: 12px solid #072670;
	border-radius: 5px;
        }
table.side a:hover, a:active
        {
        background-color:#072670;
        border-left: 12px solid #F4EEBA;
        }
table.side li
        {
		font-variant: small-caps;
        font-size: 26px; 
		font-weight: bold;
		color:#072670;
        margin-top:0px;
        margin-bottom:0px;
        }


/*  ----------------------------------------------------------------------------------------------------------------------  */
/*  ----------------------------------------------------------------------------------------------------------------------  */
div.content
        {
		min-height:800px;
        float:right;
        display: inline-block;
        width:700px;
        border-width:2px;
        border-style:outset;
        border-color:#5B78AB;
        background-color:white;
   		#background-color: var(--backgroundColor);
        margin:0;
        margin-right: 30px;
        padding:50px;
        padding-top:20px;
        overflow:visible;
        }
div.content h2
        {
        font-size: 40px;
		font-weight: bold;
        color: green;
        text-align:center;
        margin:0px;
        margin-bottom:30px;
        }

div.content h3
        {
        font-size: 30px;
	    font-weight: bold;
        margin-bottom:10px;
        color:#072670;
        }

div.content h4
        {
        font-size: 30px;
		font-weight: bold;
        margin-bottom:0px;
        color:#5B78AB;
        }

div.content p
        {
        color: black;
		margin: 0px;
        margin-left:30px;
		display:block;
		}	
div.content a
        {
        border-width:0px;
        color:blue;
        text-decoration:none;
        }
/*  ----------------------------------------------------------------------------------------------------------------------  */
div.subcontent
        {
        float:right;
        display: inline;
        border-width:0px;
        width:800px;
        margin:0px;
        margin-top:5px;
        margin-right: 30px;
        padding-left:0px;
        padding-top:10px;
        overflow:hidden;
        }
div.subcontent p
        {
        vertical-align:middle;
        }
div.subcontent a, a:active
       {
       background-color:transparent;
       border:0;
       color:blue;
       text-decoration:none;
       }
/*  ----------------------------------------------------------------------------------------------------------------------  */
div.mitglied
        {
        height:124px;
        }
div.mitglied p
        {
        margin-top:47px;
        display:block;
        float:left;
        }
div.mitglied img
        {
        float:left;
        width:160px;
        height:120px;
        margin-left:0px;
        margin-right:5px;
	border-radius: 20px;
        }
div.mitglied a img
        {
        border: 4px solid;
        border-color:white;
        }
div.mitglied a:hover img
        {
        border-color:#5B78AB;
        }
/*  ----------------------------------------------------------------------------------------------------------------------  */
table.bilder_prev
        {
		width:100%;
		border-collapse:separate;
		border-spacing:0px 50px;
        }
table.bilder_prev a
        {
		font-weight:bold;
		font-size:35px;
		color:#072670;
		font-style:italic;
        }
table.bilder_prev a:hover
        {
		font-size:45px;
		color:#5B78AB;
        }
table.bilder_prev td
        {
		width:40%;
		margin:0px;
		padding:0px;
		vertical-align:middle;
		text-align:center;
        }
table.bilder_prev img
        {
        height:150px;
		border-radius: 10px;
        }

table.bilder_thumbs
	{
		width:100%;
	}

table.bilder_thumbs td
	{
		width:50%;
		text-align:center;
	}

/*  ----------------------------------------------------------------------------------------------------------------------  */
div.pic
        {
        margin:2px;
        border:0px solid #0000ff;
        height:100%;
        width:100%;
 	overflow:hidden;
        }
div.pic img
        {
	max-height:200px;
	max-width:95%;
        display:inline;
        margin:3px;
        border:4px solid #ffffff;
	border-radius: 20px;

        }
div.pic a:hover img
        {
        border-color:#5B78AB;
        }

#previewImage{
		border-radius:5px;
	  	border:5px inset #5B78AB;
		width:170px;
}
#previewImage:hover{
  		border-style:outset;
}

/*  >----------------------------------------------------------------------------------------------------------------------    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
*/

#map {
/*position: relative;*/
display:inline-block;
width:auto;
height:auto;
}

#map ul {
margin: 0;
padding: 0;
list-style: none;
} 
#map a {
position: absolute;
text-indent: -1000em;
} 

#map .prev a {
top: 0px;
left: 0px;
width: 45%;
height: 100%;
}

#map .next a {
top: 0px;
right: 0px;
width: 45%;
height: 100%;
}

#map .prev a:hover{
background: url(../Media/arrow_left.png) no-repeat 0% 50%;
background-size: 10% auto;
}

#map .next a:hover{
background: url(../Media/arrow_right.png) no-repeat 100% 50%;
background-size: 10% auto;
}

#map img {
max-height:95vh;
max-width:95vw;
border-radius: 10px;

  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 5px ridge #072670;
}

/*  ----------------------------------------------------------------------------------------------------------------------  */

table.todo_list td
        {
        width:320px;
        height: 50px;
        padding:5px;
	border-collapse:separate;
        border:3px solid green;
        text-align:center;
        }


/*  ----------------------------------------------------------------------------------------------------------------------  */

@keyframes marquee {
 0%   { text-indent: -200% }
 100% { text-indent: 100% }
}
div.marquee {
	 width: 100%;
	 overflow: hidden;
	animation: marquee reverse 30s linear infinite;

	white-space: nowrap;
        font-size: 22px;
	font-weight: bold;
        color: red;
	text-align:center;
}
div.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}