@charset "utf-8"; 

img {
	max-width: 100%; 
	height: auto;
	border: none;
}

iframe,
video {
	max-width: 100%;
}

/*.btn {
width: 100%;
background-color: #F2F5F8; 
	margin-top:0.5em;
    padding: 6px 12px;
    border: 1px solid #002F60;
    box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
    border-radius: 3px;  
	font: 14px;
	transition: all 0.5s;
}

.btn:hover {
 box-shadow: inset 0px -5px 12px #888888;
 font-weight: bold;
}*/

.btn {
width: 150px;
background-color: #F2F5F8; 
	margin-top:0.5em;
    padding: 6px 12px;
    border: 1px solid #002F60;
    box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
    border-radius: 3px;  
	font: 14px;
	transition: all 0.5s;
	cursor: pointer;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 auto; 
}

.btn:hover {
 box-shadow: inset 0px -5px 12px #888888;
}

.form_btn {
		cursor: pointer;
		transition-duration: 1s;
		text-align: center;
		/*padding-top: 12px;
		padding-bottom: 10px;*/
		width:50px;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		color: #000;
		background-color: #F2F5F8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
}

.form_btn:hover {
	background-color: #fff;
 /*box-shadow: inset 0px -5px 12px #888888;*/
}		
	
body {
	background: #ffffff url(../logos/background.jpg) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	/*position: relative;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/*@media screen and (min-width: 0px) and (max-width: 768px) {     */
	@media screen and (min-width: 0px) and (max-width: 1241px) {
body {
	background: #ffffff;
	}
	}
	
#wrapper {
    padding-left: 0;
	background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	z-index:999;
}

#wrapper.toggled {
    padding-left: 350px;
}

#rahmen {
margin: 0px auto;
max-width:1160px;
height:auto;
background-color:#fff;
}

#banner {
	position: fixed;
	top: 0px;
	float: left;
	background-color: #ffffff;
	height: 80px;
	/*width: 920px;  03.12.2024 */ 
	width: 1160px; 
	z-index: 9000;
	/* margin-left: 10px;*/
	font: 1.1em verdana; 
	color: #ffffff;	
	text-shadow: black 0.1em 0.1em 0.2em;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {	
	#banner,
	#logo_fixed,
	#banner_schmal{	
	position:relative  !important;;
	}}

#banner_schmal {
	position: fixed;
	top: 0px;
	float: left;
	background-color: #ffffff;
	height: 80px;
	/*width: 1024px;  12.06.2019*/
	width: 910px;
	z-index: 9000;
	margin-left:250px; 
	font: 1.1em verdana; 
	color: #ffffff;	
	text-shadow: black 0.1em 0.1em 0.2em;
	}
	
@media screen and (min-width: 0px) and (max-width: 768px) {	
#banner_schmal {	
margin-left:-40px;
}}

@font-face {
font-family: 'Poppins-Regular';
src: url('/html/hilfsprogramme/fonts/Poppins-Regular.otf');
src: local('Poppins-Regular'), local('Poppins-Regular'), url('Poppins-Regular.ttf') format('truetype');
	}
	

#inhalt_gb,
#inhalt_gallerie,
#inhalt_schmal,
#inhalt {
	padding-top: 80px;
	height: auto;
	background-color: #fff;
	/*z-index:999;  20200706*/
	z-index: auto;
	min-height:1100px;
    font-size: 18px;
    line-height: 1.6;
    font-family: Poppins-Regular, Arial, sans-serif;
    font-weight: 400;
	color: #333333;
	}

#inhalt {
	left: 70px;
	/*padding-left: 70px;*/
	width: 85%; /*width: 85%; 20240705 */
	padding-bottom:40px;
	position:relative;
}

/* 12.06.2019 */
@media screen and (min-device-width: 0px) and (max-device-width: 481px) { 
#inhalt {
	overflow: hidden;
}}

/*12.06.2019 */
@media screen and (min-device-width: 1025px) { 
#inhalt_schmal {
	width: 65%;
}}

/*12.06.2019 */
@media screen and (min-device-width: 482px) and (max-device-width: 1024px) { 
#inhalt_schmal {
	width: 75%;
}}
		
/*12.06.2019 */
@media screen and (min-device-width: 0px) and (max-device-width: 481px) { 
#inhalt_schmal {
	width: 80%;
}}

#inhalt_schmal {
	/*padding-left: 50px;*/
	left:50px;
	margin-left: 20px;
	/*width: 65%;  12.06.2019 */
	padding-bottom:40px;
	position:relative;
}
/* 12.06.2019 
@media screen and (min-width: 0px) and (max-width: 768px) { 
#inhalt_schmal {
	width: 80%;
}}	*/

 #inhalt_gallerie_muenchen {
	float: right;
	width: 125px;
	margin-right: -150px;
	margin-top: 0px;
	padding: 30px 0px 30px 30px;
	padding-top: 90px;
	height: auto;
	font-family: Poppins-Regular, Libre Baskerville, Georgia, serif;
	line-height: 1.8;
	background-color: #fff;
	z-index:999;
}

/* hide it elsewhere */
@media(min-width: 0px) and (max-width: 480px) { 
	#inhalt_gallerie,
	#inhalt_gallerie_muenchen {	
	display: none !important; 
	  } 
}

/*and (max-width: 2560px)*/
@media(min-width: 481px) and (max-width: 2560px) { 
 #inhalt_gallerie {
	float: right;
	width: 125px;
	/*z-index: 2;*/
	margin-right: 0px;
	margin-top: 30px;
	padding: 30px 0px 30px 30px;
	z-index:999;
	}
	}	
	
#inhalt_gb{
	left: 70px;
	width: 120%;
	padding-bottom:40px;
	position:relative;
}
/* hide it elsewhere */
@media (max-width: 1024px) { 
#seitenleiste {
	display: none !important; }
	}

#seitenleiste {
	display: block; 
	clear: both;
	height: auto;
	width: 215px;
	z-index: 1;
	overflow: hidden;
	top: 0px;
	margin-left: 700px;
	Position: fixed;
	float: right;
	background-color: #fff;
	padding-left:15px;
}


#navigation_privat,
#navigation  {
    z-index: 1;
  	padding-top:30px;
    height: 100%;
    margin: 0px auto;
	/*background: #F0F6F9;*/
	float:left;  /* 20.05.2023 */
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* show mit groesserer Schrift */
@media screen and (min-width: 0px) and (max-width: 1025px) {
#navigation_privat,
#navigation {
	font-size: 16px;
	float:inherit;
}
}

@media screen and (min-width: 0px) and (max-width: 1025px)	{
	#wrapper{
	margin-left:-60px;
}
	}

@media (max-width: 1025px) {
#zzNachoben, 
.hidden-xs {
display: none !important;
}
}

/*	
@media screen and (min-width: 0px) and (max-width: 1025px)	{
#zzNachoben,  	
.Button:hover{
	display: none;
}
	}
	
/* Nachoben mit Animation V2 =========================== */
/* erfordert zzJavascripts.js  ------------------------- */
#zzNachoben {
   position: fixed;       /* bleibt beim Scrollen stehen */
   z-index: 100;          /* überlagert andere Elemente */
   top: 65%;              /* 25 % vom oberen Rand */
   /*left: 23%;            /*  50% Zentrierung horizontal */
   /*margin-right: 768px; /* Aussenabstand rechts */
   margin-left:150px;
 }

   #zzNachoben a {
   display: block;        /* Blockelement - neue Zeile */
   width: 56px;           /* Breite des Buttons */
   text-align: center;    /* Text zentriert */
   padding-top: 12px;     /* Innenabstand oben */
   padding-bottom: 10px;  /* Innenabstand unten */
   font-size: 80%;        /* Schriftgrösse 80 % */
   font-weight: bold;     /* Schriftart fett */
   font-family: Poppins-Regular;
   text-decoration: none; /* Textanzeige normal */
   color: #000;        /* Schrift schwarz */
   background-color: #F2F5F8;  /* Hintergrund lichtgrau */
   /* Rahmen mit runden Ecken und Schatten ------------- */
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 3px;    /* Rundungs-Mass Ecken */
   border: 1px solid #002F60;
   box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
   /* Dauer Ueberblendeffekt bei hover in sec ---------- */
   -webkit-transition-duration: 1s;
   -moz-transition-duration: 1s;
   transition-duration: 1s; } 
   
/* Animierter Button */
 #menu-toggle,
.Button { 
	background-color: #F2F5F8; 
	margin-top:0.5em;
    padding: 10px 15px;
    border: 1px solid #002F60;
    box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
    border-radius: 3px;  
	font: 14px;
	white-space:nowrap;
	}

/* Aktion bei hover ---------- */
#zzNachoben a:hover,    	
#menu-toggle:hover,	
.Button:hover { 
	background-color: #ADBAC7;	/* Hintergrund hellgrau */ 
	color:#ffffff;				/* Schrift weiss */
	}

.cssbutton
 {
 margin-left:60px;
 }

#wrapper.toggled #navigation {
    width: 220px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 80px;
    width: 225px;
	height: auto;
    margin-left: 20px;
	/*margin-top:60px;*/
	/*padding-top: 20px;*/
    padding-left: 20px;
    list-style: none;
	/*background-color:#fff;*/
	-moz-border-radius: 10px;
	background: #F0F6F9;
	border: 1px solid #346F97;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
.sidebar-nav {
	width: 250px;
	font-size:17px;
	}
	}
	
.sidebar-nav li {
    /*text-indent: 20px;*/
    line-height: 20px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media (min-width:1025px) {
    #wrapper {
        margin: 0 220px;  /*12.06.2019 */
		max-width:700px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #navigation {
        width: 220px;
    }

    #wrapper.toggled #navigation {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

#logo_fixed {
	top:0px;
	width: 250px;
	float: left;
	height: 80px;
	position: fixed;
	background-color: #fff;
	z-index:9997;
	/*margin-left: 40px;*/
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
#logo_fixed {
	/*width: 0px;*/
	display: none;
}}

#navigation h4:hover,
#navigation_ilo h4:hover,
#navigation_privat h4:hover {
	font-weight: bold;
	color: black;
	text-decoration: none;
}
#navigation_privat h4 {
	font: 0.9em/80% Poppins-Regular, verdana, Arial, sans-serif;
	color: #696969;
}
#navigation_ilo h4,
#navigation h4 {
	font: 0.9em/30% Poppins-Regular, verdana, Arial, sans-serif;
	color: #696969;
}
#navigation h5:hover,
#navigation_privat h5:hover,
#navigation_ilo h5:hover {
	letter-spacing: 0.05em;
	color: black;
	text-decoration: none;
}
#navigation_privat h5 {
	font: 1.0em/180% Poppins-Regular, verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
}
#navigation_ilo h5,
#navigation h5 {
	font: 0.9em/180% Poppins-Regular, verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000;
}

#inhalt li a:hover {
	color: #000000;
	background-color: #ffffff;
}
#inhalt h2:hover {
	font-weight: bold;
}
#inhalt h4:hover {
	color: black;
	text-decoration: none;
}
#inhalt h5:hover {
	color: black;
	text-decoration: none;
}
#inhalt t3,
#inhalt_schmal t3:hover {
	color: black;
	text-decoration: none;
}

#inhalt_schmal h5:hover {
	color: black;
	text-decoration: none;
}
 
#galerie li {
	list-style-type: none;
	float: left;
	margin: 0 0px 10px 0;
	padding-top: 40px;
	text-align: center;
	font-weight: bold;
}
#galerie img {
	width: 140px;
	height: 100px;
	display: block;
	padding: 3px;
	text-decoration: none;
}

@media screen and (min-width: 0px) and (max-width: 480px) {   
  img {
	max-width: 70%; 
	height: auto;
	border: none;
	}
}

/* show it on small screens */
@media screen and (min-width: 0px) and (max-width: 1024px) {   
  #footer  { 
	display: block; 
	/* background-color:#fff; 1.8.17*/
    /* bottom: 30px;    12.06.2019 */
	bottom: 0px;
    /* padding: 10px 0 10px 10px;  1.8.17*/
    position: fixed;
    /*text-align: center;*/
    /*width: 700px;*/
	/* width: 1000px; 1.8.17 */
	height:60px;
	z-index:2000;
	float:left
  } 
}
/* hide it elsewhere */
@media screen and (min-width: 1124px) 
/*and (max-width: 1600px)*/ { 
  #footer {
	display: none; 
	  } 
}

/* hide it elsewhere */
@media(min-width: 0px) and (max-width: 780px) { 
	#c_63a51f2b65fd87ec5f8072eb5b2973ee {	
	display: none !important; 
	  } 
}		
	
	@media(min-width: 0px) and (max-width: 780px) { 
	.hilfsdiv {	
	display: none !important; 
	  } 
}

/*#zurueck {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font: 14px verdana, sans-serif;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: lightgray;
	border: 1px solid #000;
	border-radius: 4px;
}*/

#imagebox {
	clear: both;
	top: 30px;
	height: 160px;
	width: 200px;
	}

a:link , li a:visited, li a:active {
	text-decoration: none;
	line-height: 24px;
	color: #696969;
}
/** HIDING FOCUSRING */
a:active, a {
	outline: none;
	}

a:hover	{
    color: #000000;
   }
   
:focus {
	-moz-outline-style: none;
}
:-moz-any-link:focus {
	outline: none;
}

/** Login_priv */
.small-container-550 {
  max-width: 550px;
  padding: 15px;
  margin: 0 auto;
}


h1 {
	font: 1.1em Poppins-Regular, verdana, sans-serif;
	color: #ffffff;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin-left:300px;
	font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
h1 {
	margin-left:10px;
}
}
	
h2 {
	font-family: Poppins-Regular, Verdana, Arial, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
h3 {
	font: 0.7em Poppins-Regular, verdana, Arial, sans-serif;
	color: #000000;
}
h4 {
	font: 0.8em Poppins-Regular, verdana, Arial, sans-serif;
	line-height: 60%;
	color: #696969;
}
h5 {
	font: 1.0em Poppins-Regular, verdana, Arial, sans-serif;
	font-weight: bold;
	color: #696969;
	margin-bottom: -10px;
}
h6 {
	font-size: 1.4em;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 10px;
}
h7 {
	font: 13px;
	color: #000000;
}
t3 {
/*   für Links in Gedichte_text    */
	font: 1.2em Poppins-Regular, verdana, Arial, sans-serif;
	color: #696969;
}
h8 {
	font: 10px Poppins-Regular, verdana, Arial, sans-serif;
	color: #696969;
}

#langezeile {
	white-space: nowrap;
}

@media screen and (max-width: 415px) {  
#quer	{
	background-color: #F2F5F8; 
	margin:0.5em;
    padding:12px;
	max-width:250px;
    border: 1px solid #002F60;
    box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
    border-radius: 3px;  
	font: 1.0em Poppins-Regular, verdana, Arial, sans-serif;
	z-index:99999;
	}
	}
	
@media screen and (min-width: 415px) { 
#quer	{ 	
display: none;
}
}

@media screen and (min-width: 415px) { 
#info	{
	background-color: #F2F5F8; 
	margin:0.5em;
    padding:12px;
	max-width:550px;
    border: 1px solid #002F60;
    box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
    border-radius: 3px;  
	font: 1.0em Poppins-Regular, verdana, Arial, sans-serif;
	z-index:99999;
	}}
	
@media screen and (max-width: 414px) { 
#info	{
	display: none;
}
}


@media screen and (max-width: 768px) {  
#icon	{ 	
display: none;
}
}

#flipbook{
	width:100%;
	height:600px;
	margin:0 auto;
}

/* **********Lupenfunktion Ahnentafel  *******/
.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Poppins-Regular, Arial, Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	/*border:4px solid #F00;*/
	/*z-index:101;*/
	cursor:crosshair;
	box-shadow: -3px -3px 10px rgba(0,0,0,0.40);
	border:5px solid #888;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	/*z-index:5000;*/
	width:100%;
	height:100%;
	display:none;
	z-index:101;
}

.zoomWindow{
	/*position:absolute;*/
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
	/*z-index:10000;*/
	z-index:110;
}
.zoomWrapper{
	position:relative;
	/*border:1px solid #999;*/
	box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
	border:1px solid #888;
	z-index:110;
}
.zoomWrapperTitle{
	display:block;
	/* background:#999; */
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:120;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
.zoomWrapperImage{
  display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}


.clearfix {
	 float: left;
     width: 100%;
     padding: 0 20px 20px 80px;
     box-sizing: border-box;
}
/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

@media screen and (max-width: 1415px) {  
#overlay	{
	background-color: #F2F5F8; 
	margin:0.5em;
    padding:12px;
	max-width:900px;
    border: 1px solid #002F60;
    box-shadow: 2px 2px 2px #888888, inset 0 0 3px #002F60;
    border-radius: 3px;  
	font: 14px;
	font: 1.5em Poppins-Regular, verdana, Arial, sans-serif;
	z-index:99999;
	}
	}
	
#cam7  {
	margin-top:20px;
	margin-bottom:30px; 
	margin-left: 20px; 
	height:360px; 
	width:650px; 
	box-shadow: 3px 3px 12px 3px #111; 
	border-radius: 15px;
}

#quer {
	font-family: Arial; 
	font-size: 12px; color:#696969; 
	text-shadow: 0px 0px 0px; margin-left:40px; 
	border: 1px; 
	/*background:#fff;*/
	}

@media (max-width: 324px) { 
#quer {
	display: none !important; }
	}