@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


@media  only screen and (min-width: 1024px)  
{

	body, *
{
	color: #656565;

	font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body, *,input, select, textarea,
span{
	font-size:12pt;
	font-size: 1.0rem;
}

body
{
	background-color:#FFFFFF;
	background-image:url(Bilder/background3.jpg);
	background-repeat:repeat-x;
}

div.img span.quelle{
	font-size: small;
	color: #00000090;
	display: block;
    text-align: center;
    margin: auto;
}

.hgray
{
	color:#b2b2b2;
	font-weight:bold;
	
}
td.hgray
{
	padding-right:32px;
	padding-bottom:12px;
	
}
div.frame
{
	width: 1024px;
}

a,a:HOVER,.link	{
	color: #974c08;
}

.titel	{
	color: #505050;
}

.link
{
	text-decoration:underline;	
}
span.sub	{
	color:#505050;
	
	}

a,a:HOVER	{
	text-decoration:underline;
}
a:HOVER
{
	text-decoration:none;
	color: #505050;
}
table.mainframe
{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

table.mainframe_inner
{
	padding:0px;
	margin:0px;
	width:1212px;
	width:1024px;
	height:100%;
	background-image:url("Bilder/headbackground1024.jpg");
 	background-repeat:no-repeat;
 	background-position:0px 0px;
}


.f16, f16blabk			{		font-size:16px;	}
.f18, f18blabk			{		font-size:18px;	}
.f20, f20blabk			{		font-size:20px;	}
.f22, f22blabk			{		font-size:22px;	}
.f26, .f26black			{		font-size:32px;	line-height:32px;}
.f16black, .f18black, .f20black, .f22black, .f26black	{		color:#000000;	}



div.header
{
 text-align:left;
 height:172px;
 padding-left:0px;
 padding-top:0px;
 margin-top:8px;
max-width: 1200px; 
margin: auto;
	}
div.header span.schrift
{
	font-size:32px;
	color:black;
	line-height:30px;
	font-family:arial;
	text-shadow: 0 0 3px #fff;
}
div.header img
{
 margin-left:16px;
	}
div.content
{
 text-align:left;
 padding-left:12px;
 width:1012px;
 width:976px;
 min-height: 400px;
 background-color:transparent;
 	}
div.innercontent
{ 
	min-height: 400px;	
 	/* 
	 width:795px;
 	 width:759px;
	 */
 	padding-right:4px;
 	background-color:transparent;
 	padding-top:8px;
}
table.content
{
	padding:0px;
	margin:0px;
	width:100%;
	padding-left:12px;
	background-color:transparent;
}
div.content td.right,
div.content div.right
{
	width:200px;
	background:none;
	padding-top:4px;
}
div.content div.right
{
 		padding-left:4px;
}
td.right
{
	border-left:solid 1px #9C9B9B;
	}

div.content div.right div.rightimage
{
	margin-left:4px;
	margin-bottom:4px;
	width:200px;
	max-height:150px;
	overflow:hidden;
	
}
div.content div.right div.rightimage img
{
	border:none;
	width:200px;
}

 div.footer
{
 text-align:center;
 background-repeat:no-repeat;
 padding-top:4px;
 margin-top:12px;
 padding-bottom: 140px;
 border-top: solid 1px #ddd;
    background-color: #eee;
}

 div.Termine div.Termin
 {
 	margin-top:6px;
 	margin-bottom:6px;

 	padding:4px;
	padding-top: 10px;
	padding-bottom: 10px;
 	width:170px;
    border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
 }

 div.Termine
{
 	width:212px;
 	width:188px;
}




 span.titel,
 span.titel span,
 a.titel
 {
 	font-size:24pt;
 	display:block;
	 padding-bottom: 10px;
}


 span.titel span
 {
 	font-weight:normal;
 	display:inline;
border:none; }

div.Termin span.titel
 {
 	border:none;
}

 
 span.sub
 {
 	font-size:1.3rem;
 	display:block;
 	font-weight:500;
 	vertical-align:middle;
 }
 span.fliesstext
 {
 	display:block;
 	text-align:justify;
 }
 .kapitel
 {
 	font-size:32px;
 	font-weight:bold;
 }
 div.Gewaesser
 {
 	padding-right:16px;
 }
 div.Termine a
 {
 	text-decoration: none;
 }
 div.Termine a:HOVER,
 div.Termine a:HOVER span,
 div.Termine a:HOVER span.datum
 {
 	color: #AA7E56;
 }
 
div.Termine div.Termin div.done 
{
 	color: #A2A2A2;	
 	}
 
 div.Termine div.Termin span.datum,
 div.Termine div.Termin span.text
 {
 	display:block;
 }
 div.Termine div.Termin div.done,
 div.Termine div.Termin div.done span.datum,
 div.Termine div.Termin div.done span.text
{
 	color: #A2A2A2;	
 	}
 
 div.Termine div.Termin span.datum
 {
 	color:#313131;
 	font-weight:bold;
 }
 div.hline{
 	
 	width:1px;
 	height:100%;
 	background-color:#9C9B9B;
 	border:none;
 	min-height:400px;
 }
 div.hinweis,
 .fiesstext
 {
 	text-align:justify;
 }
 div.hinweis
 {
 	color: #929292;
 	
 }
 div.hinweis span.header
 {
 	color: #727272;
 	font-weight:bold;
 	display:block;

 }
 input,
 textarea
 {
 	border:solid 1px #a4a4a4;
 	padding:4px;
 	background:#ffffff;
 }
 input[type=submit]
 {
 	background-color: #CC9E86;
	color:#000000;	
 }
 span.msgok
 {
 	display:block;
 	margin:12px;
 	padding:12px;
 	background-color:#ddffdd;
 	border:solid 1px #00ff00;
 	color:#006600;
 }
 iframe.box
 {
 	border:none;
 	width:90%;
 	height:500px;
 }
 div.kalender
 {
 	width:182px;
 	text-align:left;
 	overflow:hidden;
 	margin-top:8px;
 }
 div.kalender .ktitle,
 div.kalender .tage
 {
 	color:#505050;
 }

 div.kalender .ktitle
 {
 	font-weight:bold;
 }
 
 div.kalender .tage,
 div.kalender .aktivitaet,
 div.kalender .termin,
 div.kalender .heute,
 div.kalender .termin a,
 div.kalender .termin_sel a
 {
 	width:25px;
 	text-align:center;
 }
 
 div.kalender .termin a,
 div.kalender .termin_sel a
 {
 	font-weight:600;
 	color:black;
}


div.kalender .termin a.current,
 div.kalender .termin_sel a.current
 {
	font-weight:600;
 	color:#89162F;
}

div.kalender .termin a.date,
 div.kalender .termin_sel a.date
 {
	font-weight:normal;
 	color:#89162F;
}

 div.kalender .tage
 {
 	font-size:10px;
 	padding:1px;
 	
 }
 
 
 div.kalender .aktivitaet,
 div.kalender .aktivitaet_sel,
 div.kalender .termin, 
 div.kalender .termin_sel,
 div.kalender .heute
 {
 	
 	height:30px;
 	
 }
 div.kalender .heute	 {
 	/* background-image:url(Bilder/heute.jpg); */
 	color:#101010;
 	font-weight:600;
 }

 div.kalender .aktivitaet_sel,
 div.kalender .termin_sel,
 div.kalender .termin
 {
 	
 	background-image:url(Bilder/termin.png);
 	background-repeat:no-repeat;
 	background-position:center bottom;
 	
 	
 }

 div.kalender .jtermin
 {
 	
 	background-image:url(Bilder/jtermin.png);
 }

 div.kalender .alltermin
 {
 	
 	background-image:url(Bilder/alltermin.png);
 }

 .button_80, .button_90, .button_100, .button_110, .button_120, .button_130, .button_140, .button_150, .button_160,
 .button_80:HOVER, .button_90:HOVER, .button_100:HOVER, .button_110:HOVER, .button_120:HOVER, .button_130:HOVER, .button_140:HOVER, .button_150:HOVER, .button_160:HOVER,
 .buttonG_80, .buttonG_90, .buttonG_100, .buttonG_110, .buttonG_120, .buttonG_130, .buttonG_140, .buttonG_150, .buttonG_160,
 .buttonG_80:HOVER, .buttonG_90:HOVER, .buttonG_100:HOVER, .buttonG_110:HOVER, .buttonG_120:HOVER, .buttonG_130:HOVER, .buttonG_140:HOVER, .buttonG_150:HOVER, .buttonG_160:HOVER
 {
 	background-image:url(Bilder/buttons.gif);
 	background-repeat:no-repeat;
 	background-position:0px 0px;
 	display:block;
 	height:24px;
 	line-height:24px;
 	vertical-align:middle;
 	color:black;
 	width:74px;
 }
 
 .buttonG_80, .buttonG_90, .buttonG_100, .buttonG_110, .buttonG_120, .buttonG_130, .buttonG_140, .buttonG_150, .buttonG_160
 {
 	background-image:url(Bilder/buttonsG.gif);
 }
 
 .button_90, .button_90:HOVER, .buttonG_90, .buttonG_90:HOVER			{	background-position:0px -24px;	width:84px;		}
 .button_100, .button_100:HOVER, .buttonG_100, .buttonG_100:HOVER		{	background-position:0px -48px;	width:94px;		}
 .button_110, .button_110:HOVER, .buttonG_110, .buttonG_110:HOVER		{	background-position:0px -72px;	width:104px;		}
 .button_120, .button_120:HOVER, .buttonG_120, .buttonG_120:HOVER		{	background-position:0px -96px;	width:114px;		}
 .button_130, .button_130:HOVER, .buttonG_130, .buttonG_130:HOVER		{	background-position:0px -120px;	width:124px;		}
 .button_140, .button_140:HOVER, .buttonG_140, .buttonG_140:HOVER		{	background-position:0px -144px;	width:134px;		}
 .button_150, .button_150:HOVER, .buttonG_150, .buttonG_150:HOVER		{	background-position:0px -168px;	width:144px;		}
 .button_160, .button_160:HOVER, .buttonG_160, .buttonG_160:HOVER		{	background-position:0px -192px;	width:154px;		}
 
 
 div.menue
{
	margin-top:24px;
	background-color:transparent;
	background-image:url(Bilder/mnuback_op.png);
	height:26px;
	padding:2px;
	}
div.menue table,
div.menue table table,
div.menue td
{
	background-color:transparent;
	background:none;
	}
	
div.menue a
{
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
	display:block;
	margin-right:1px;
 	font-weight:600;
	font-size:1.00rem;
	float:left;
 	text-transform: uppercase;
}
a.titel, div.menue a {
	color:#4E5E4E; /* #4F6F5F; */	
	color:#006a00;
	height: 20px;
	font-weight:600;
}

div.menue a.sel,
div.menue a:HOVER
{
	color:#FFFFFF;	
	background-color: #588E66	; /* #AA7E56; */
	text-shadow: none!important;
	font-weight:600;
	border-radius: 0px;
}



#divAvfig {
	
}

.centerblock{
	max-width: 600px;
	margin: auto;
}

 a.bildlink
 {
 	text-decoration:none;
 	text-align:center;
 	 	display:block;
 }
 a.bildlink img
 {
 	border:none;
 	margin:12px;
 	margin-bottom:6px;
 	display:block;
 }
 a.bildlink span
 {
 	text-decoration:none;
 	text-align:center;
 	display:block;
 	font-size:smaller;
 }
 
 div.TermineGross div.Termin
 {
 	
 }
 div.TermineGross div.Termin .datum,
 div.TermineGross div.Termin .titel
 {
 	font-size:16px;
 	line-height:20px;
 	font-weight:400;
 	color:black;
 	display:inline;
 }
 div.TermineGross span.monthhead
 {
 	font-weight:normal;
 	color:black;
 	display:block;
 	margin-bottom:2px;
    margin-left:8px;
 	color:#ADACAC;
 }
 div.TermineGross div.Termin .datum
 {
 	
 }
 div.TermineGross div.Termin .beschreibung,
 div.TermineGross div.Termin .sonstiges
 {
 	color:black;
	
 }
 div.TermineGross div.Termin .datum
 {
 	font-weight:600;
 }
 div.TermineGross div.Termin .beschreibung,
 div.TermineGross div.Termin .sonstiges
 {
 	color:black;
 	display:block;
 }
	div.TermineGross div.Termin .datum,
	div.TermineGross div.Termin .beschreibung,
	div.TermineGross div.Termin .sonstiges
	{
		margin-left:8px;
	}
	div.TermineGross div.Termin div.done .datum,
	div.TermineGross div.Termin div.done .titel,
	div.TermineGross div.Termin div.done .beschreibung,
	div.TermineGross div.Termin div.done .sonstiges
	{
		color:gray;
	}
	div.TermineGross div.Termin .sonstiges
	{
		color: #974c08;
	}
	div.hdivider
	{
		height:1px;
		background-color:#ADACAC;
		width:100%;
		border:none;
		margin-bottom:6px;
	}
	.koenighead
	{
		display:block;
		color:#4E5E4E;
		font-size:16px;
		height:24px;
		line-height:24px;
	}

	div.EFischen
	{
		padding-right:40px;
	}

	div.EFischen .titel
	{
		font-size: 18px; 
		display: block;
		margin-bottom: 10px;
	}
		
	div.EFischen .fliesstext
	{
		text-align: left;
	}

	div.EFischen td,div.EFischen th
	{
		padding: 5px;
		margin: 1px;
		border: solid 1px #aaaaaa;
		text-align: right;
	}

	div.EFischen td.l, div.EFischen th.l
	{
		text-align: left;
	}

	div.EFischen .gesamt, div.EFischen .arten
	{
		font-weight: bold;
	}


	div.EFischen .titel span
	{
		font-size: 17px;
	}



	
	div#images table td img{
		width:350px;
	}

	div.images.grid div img{
		min-width:300px;
		max-width:300px;
	}

	div.images.grid,
	div.galerien.grid,
	div.galerie.grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: stretch;
		align-items: stretch;
		justify-content: space-around;
	}

	div.galerien.grid div,
	div.galerie.grid div{
		margin-bottom: 10px;
		margin-right: 10px;
	}

	div.galerien.grid div span,
	div.galerie.grid div span{
		display: block;
		text-align: center;
	}

	div.galerien.grid div a,
	div.galerie.grid div a{
		text-decoration: none;
	}

	table tr td.right{
        display:initial;
	}
	
	div.Termine {
        display:block;
    }


	div#divMenueToggle {
		display: none;
	}
	
	div#divMenue {
		display: block;
		position: initial;
		background-color: #f2f1f694;
		border: none;
		padding: 0;
    	height: 50px;
    	line-height: 50px;
	}

	div#divMenue a {
		float: left;
		height: 30px;
    	line-height: 30px;
		text-shadow: 0 0 3px #fff;		
	}


	.mb-pad-10{
		padding:25px;
	}

	#rightcontent{
		display: inherit;
	}

	.desktop{
		display: inherit;
	}


	div.row {
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	}

	#divHeader
	{
		padding:0px;
		margin:0px;
		width:100%;
		max-width:100%;
		height:100%;
		background-image:url("Bilder/headbackground1024.jpg");
		background-size: cover;
		display: flex;
    	justify-content: center;
	}	

	#divHeader table
	{
		width:100%;
		max-width:1200px;
	}

	a.sendmail {
		background: #ddd;
    padding: 1rem;
    margin-bottom: 2rem;
    display: block;
    font-weight: bold;
    border-radius: 50px;
    text-align: center;
	}

	a.sendmail:hover {
		background: #974c08;
		color:#fff;
	}

}


#images div.cover {
	width: 100%;
	min-height: 200px;
}

#images div.cover.jubilaeum50 {
	background-image: url("Bilder/Galerie/Jubilaeum50 2024/Img02.jpg");
	background-position: center -90px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.bachsafarie2024 {
	background-image: url("Bilder/Galerie/Bachsafarie 2024/Img02.jpg");
	background-position: center -265px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.bachsafarie2025 {
	background-image: url("Bilder/Galerie/Bachsafarie 2025/IMG_09.jpg");
	background-position: center -265px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.besatzwindach2025 {
	background-image: url("Bilder/Galerie/BesatzWindach 2025/Img02.jpg");
	background-position: center -820px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.koenigsfischen2025 {
	background-image: url("Bilder/Galerie/Koenigsfischen 2025/Img00.jpg");
	background-position: center -460px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.echingerfestwoche10 {
	background-image: url("Bilder/Galerie/10. Echinger Festwoche 2025/IMG_04.jpg");
	background-position: center -580px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.arbeitsdienst2 {
	background-image: url("Bilder/Galerie/2. Arbeitsdienst 2025/IMG_02.jpg");
	background-position: center -265px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.abfischen2025 {
	background-image: url("Bilder/Galerie/Abfischen 2025/IMG_01.jpg");
	background-position: center 950px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover.ampermoos2025 {
	background-image: url("Bilder/Galerie/Ampermoos 2025/IMG_01.jpg");
	background-position: center -265px;
	opacity: 0.6;
	margin-bottom:1rem
}

#images div.cover:hover {
	opacity: 1!important;
}