@charset "utf-8";
/* CSS Document */

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* font-family: Source Sans Pro: Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’.

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at:
http://scripts.sil.org/OFL  */

.h1 {font-family: "Source Sans Pro", sans-serif; font-size: 26px; color: #3a3a66; text-align:left; line-height: 1.2; font-weight:400; }
.h2 {font-family: "Source Sans Pro", sans-serif; font-size: 24px; color: #ac1e38; text-align:left; line-height: 1.5; font-weight:400; }
.p {font-family: "Source Sans Pro", sans-serif;  font-size: 16px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p1 {font-family: "Source Sans Pro", sans-serif; font-size: 16px; color: #ac1e38; text-align:left; line-height: 1.5;}
.p2 {font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p3 {font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p-footer {font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #3a3a66; text-align:left; line-height: 2.0;}
.p4 {font-family: "Source Sans Pro", sans-serif; font-size: 16px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p5 {font-family: "Source Sans Pro", sans-serif; font-size: 22px; color: #ac1e38; text-align:left; line-height: 1.5; font-weight:400; text-decoration:underline;}
.p6 {font-family: "Source Sans Pro", sans-serif; font-size: 16px; color: #3a3a66; text-align:left; line-height: 1.5; font-weight:700; }
.p6- {font-family: "Source Sans Pro", sans-serif; font-size: 16px; color: #3a3a66; text-align:left; line-height: 1.5; font-weight:300; }
.p7 {font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p8 {font-family: "Source Sans Pro", sans-serif; font-size: 14px; color: #ac1e38; text-align:left; line-height: 1.5;}
.p9 {font-family: "Source Sans Pro", sans-serif; font-size: 16px; color: #777; text-align:left; line-height: 1.5; font-weight:300; }

@media only screen and (max-width:1080px) {
	.h1 {font-family: "Source Sans Pro", sans-serif; font-size: 48px; color: #3a3a66; text-align:left; line-height: 1.2; font-weight:400; }
.h2 {font-family: "Source Sans Pro", sans-serif; font-size: 42px; color: #ac1e38; text-align:left; line-height: 1.5; font-weight:400; }
.p {font-family: "Source Sans Pro", sans-serif;  font-size: 38px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p1 {font-family: "Source Sans Pro", sans-serif; font-size: 38px; color: #ac1e38; text-align:left; line-height: 1.5;}
.p2 {font-family: "Source Sans Pro", sans-serif; font-size: 38px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p3 {font-family: "Source Sans Pro", sans-serif; font-size: 28px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p-footer {font-family: "Source Sans Pro", sans-serif; font-size: 36px; color: #3a3a66; text-align:left; line-height: 2.0;}
.p4 {font-family: "Source Sans Pro", sans-serif; font-size: 38px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p5 {font-family: "Source Sans Pro", sans-serif; font-size: 48px; color: #ac1e38; text-align:left; line-height: 1.5; font-weight:400; text-decoration:underline;}
.p6 {font-family: "Source Sans Pro", sans-serif; font-size: 38px; color: #3a3a66; text-align:left; line-height: 1.5; font-weight:700; }
.p6- {font-family: "Source Sans Pro", sans-serif; font-size: 38px; color: #3a3a66; text-align:left; line-height: 1.5; font-weight:300; }
.p7 {font-family: "Source Sans Pro", sans-serif; font-size: 32px; color: #3a3a66; text-align:left; line-height: 1.5;}
.p8 {font-family: "Source Sans Pro", sans-serif; font-size: 32px; color: #ac1e38; text-align:left; line-height: 1.5;}
.p9 {font-family: "Source Sans Pro", sans-serif; font-size: 38px; color: #777; text-align:left; line-height: 1.5; font-weight:300; }}

body { font-family: Arial; font-size: 16px; line-height: 1.5; text-align:left; color: #3a3a66; background-image: url(../bilder/ifis_netzwerktreffen_hdh.jpg); background-color:#FFF; background-position: top; background-repeat:repeat-x; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }

@media only screen and (max-width:1080px) {body { font-family: Arial; font-size: 28px; line-height: 1.5; text-align:left; color: #3a3a66; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}}

a:link {text-decoration: none; color: #3a3a66;} a:visited {	text-decoration: none; color: #3a3a66;} a:hover {text-decoration: none; color: #ac1e38;} a:active {text-decoration: none; color: #3a3a66;}

.wrapper {min-width:800px; max-width:1080px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;  -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;}
@media only screen and (max-width:1080px) {.wrapper {width:100%; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; }}
#ifis {min-width:800px; max-width:1080px; height:132px; text-align:left; margin-top:0px; margin-bottom:0px; background-color:#FFF;  }
@media only screen and (max-width:1080px) {#ifis {width:100%; height:310px; text-align:left; margin-top:0px; margin-bottom:0px; background-color:#FFF;  }}
#frauennetzwerk {min-width:800px; max-width:1024px; text-align:left; margin-top:0px; background-color: transparent; }
@media only screen and (max-width:1080px) {#frauennetzwerk {width:0px; height:0px; visibility:hidden;}}
#frauennetzwerk-mobil {width:0px; height:0px; visibility:hidden;}
@media only screen and (max-width:1080px) {#frauennetzwerk-mobil { visibility:visible; width:100%; height:auto; text-align:left; margin-top:0px; }}
.header {width:100%; margin-top:0px;}
@media only screen and (max-width:1080px) {.header {width:0px; margin-top:0px;}}
@media only screen and (max-width:1080px) {.header- {width:100%; margin-top:0px;}}
#content {padding-top: 35px; padding-left: 40px; min-width:720px; max-width:820px; min-height:500px; text-align:left; padding-right:40px;}
@media only screen and (max-width:1080px) {#content {padding-top: 35px; padding-left: 5%; min-width:90%; width:90%; height:auto; text-align:left; padding-right:5%; float:left;}}
#footer {padding-top: 15px; padding-left: 0px; width: 100%;  background-image:url(../bilder/footer.jpg); text-align:left; background-repeat:repeat; float:left; }	
#footer- {padding-top: 0px; padding-left: 50px; width:300px;  background-image:url(../bilder/footer.jpg); text-align:left; background-repeat:repeat; float:left; }
@media only screen and (max-width:1080px) {#footer- {padding-top: 0px; padding-left: 5%; padding-right:5%; width:90%;  background-image:url(../bilder/footer.jpg); text-align:left; background-repeat:repeat; float:left; }}
#mitglied {padding-top: 35px; padding-left: 40px; width:40%;text-align:left; margin-right:3%; background-color: #FFF; box-shadow: 0px 0px 10px #CCC; float:left; margin-bottom:20px; height:230px;}
@media only screen and (max-width:1080px) {#mitglied {padding-top: 35px; padding-left: 9%; padding-right: 1%; padding-bottom:30px; width:90%; text-align:left; margin-right:0px; background-color: #FFF; float:left; margin-bottom:20px; height:auto; box-shadow: 0px 0px 10px #CCC;}}

#logo {width:160px; float:left; margin-left:0px; margin-top:0px; }
@media only screen and (max-width:1080px) {#logo {width:300px; height:310px; margin-left:auto; margin-right:auto; margin-top:0px; float:none; padding-right:0px}}
.logo {width:125px; height:auto; padding-left:35px; padding-top:10px;}
@media only screen and (max-width:1080px) {.logo {width:300px; height:auto; padding-left:0px; padding-top:30px;}}
#navigation {margin-top:60px; margin-left:160px; margin-right:0px; width:630px; height:40px; position:absolute; }
@media only screen and (max-width:1080px) {#navigation {margin-top:0px; top:140px; margin-left:0px; margin-right:0px; width:100%; height:40px; position:absolute; }}
#navigation .navi { float: left; display: block; overflow: hidden; min-width: 20px; height: 40px; text-align: left; margin-left:6px; }
#navigation .navi:hover { height: auto; color: #3a3a66;}
a.menutag { height: 35px; padding-left: 6px; padding-right: 6px; padding-top:5px; display: block; color: #3a3a66; margin-top: 0px;  font-size: 16px; font-family: "Source Sans Pro", sans-serif; font-weight: 300; font-style: normal;}
@media only screen and (max-width:1080px) {a.menutag { height: 40px; padding-left: 9px; padding-right: 9px; padding-top:0px; display: block; color: #3a3a66; margin-top: 0px;  font-size: 28px; font-family: "Source Sans Pro", sans-serif; font-weight: 300; font-style: normal;}}
@media only screen and (max-width:900px) {a.menutag { height: 35px; padding-left: 6px; padding-right: 6px; padding-top:5px; display: block; color: #3a3a66; margin-top: 0px;  font-size: 24px; font-family: "Source Sans Pro", sans-serif; font-weight: 300; font-style: normal;}}
a:hover.menutag { color: #ac1e38;}
a.menutag-1 { height: 35px;	padding-left: 6px;	padding-right: 6px; padding-top:5px; display: block; color: #ac1e38; margin-top: 0px;  font-size: 16px; font-family:  "Source Sans Pro", sans-serif; font-weight: 300; font-style: normal;}
@media only screen and (max-width:1080px) {a.menutag-1 { height: 40px;	padding-left: 9px;	padding-right: 9px; padding-top:0px; display: block; color: #ac1e38; margin-top: 0px;  font-size: 28px; font-family:  "Source Sans Pro", sans-serif; font-weight: 300; font-style: normal;}}
@media only screen and (max-width:900px) {a.menutag-1 { height: 35px;	padding-left: 6px;	padding-right: 6px; padding-top:5px; display: block; color: #ac1e38; margin-top: 0px;  font-size: 24px; font-family:  "Source Sans Pro", sans-serif; font-weight: 300; font-style: normal;}}
a:hover.menutag-1 { color: #ac1e38;}

a.p3 { color: #FFF; }
a:link.footer- { color: #FFF; }
.footer- { color: #FFF; }

.hinweis { width:20px; height: auto;}
@media only screen and (max-width:1080px) {.hinweis { width:40px; height: auto;}}

#navigation-top-bg {width:660px; margin-top:50px; margin-left:0px; background-color:#FFF; height:50px; padding-top:0px; float:left; }
#navigation-top {margin-top:0px; width:660px; height:39px; padding-top:7px; margin-left:auto; margin-right:auto; background-color: transparent; }
.navigation-top {margin-left:10px; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: 70px; width:660px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:6px; display: block; color: #3a3a66; margin-top: 0px;  font-size: 16px; font-family: "Source Sans Pro", sans-serif; font-weight: 400;}
a:hover.navigationspunkt-text { color: #ac1e38;}

@media only screen and (max-width:1080px) {
#navigation-top-bg {min-width:860px; max-width:1200px; width:100%; top:180px; margin-right:0px; background-color: transparent; height:120px; position:absolute; z-index:300; }
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 48px; font-family: "Source Sans Pro", sans-serif; font-weight: 300;}
a:hover.navigationspunkt-text { color: #ac1e38;} 
}

label.menu1 {display: none; }
input#menu1 {display:none}

@media only screen and (max-width:1080px) {
	label.menu1 {display: block; width: 118px; height: 118px; background-color:#ac1e38; margin-left: 30px; margin-right:auto; border-radius: 50%; box-shadow: 0px 3px 6px #36354b; margin-top:0px; margin-bottom:0px; position:absolute; z-index:400; }
	input#menu1 {display:none}
	.line-1 {margin-left:34px;  height: 5px; width: 48px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px; }
	.line-1:nth-child(2) { margin-top: 54px; }
	.line-1:nth-child(3) { margin-top: 72px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; min-width:860px; width:100%; background-color:#5e5d67; box-shadow: 0px 0px 10px #666;  margin-bottom:60px; margin-top:80px; }


}