/* Kleine Monitore */

/* ================== Fonts =====================*/
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wkxduz8A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ================== Body =====================*/

	.reframe {max-width:100%; margin:0 auto;}   /* 100% */

	html, body						{list-style:none;width:100%;min-width:300px;margin:0;background:#f0fff0;background-repeat:no-repeat;}
	body 		          				{color: rgba(15,15,15,0.8);font-family:Source Sans Pro,Calibri,Arial;font-size:0.8em;line-height:1.5em;}
	body p,body nav,body fuss		 	{font-size: 1.1em;}
	.row 							{width:100%;}
	.colspan2					 	{width:96%;margin:0 0 0 10px;float:left;box-sizing:border-box;//border:1px solid silver;}

	#abstand1						{margin-top:-1em;}
	#abstand2						{margin-top:0em;}	
	#abstand3						{margin-top:1.5em;}	
	
/* ================== Kopf =====================*/

	#kopf			{z-index:100;width:100%;min-width:300px;height:80px;overflow:hidden;background:#228B22;background-image: url("../pic/bild_kopf5.jpg");background-size: 100% auto;border-bottom: 2px solid #555;border-top: 2px solid #555;}
	#menulogo 	         {float:left;width:50px;height:auto;margin-left:40px;position:absolute;top:3.0em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
	#kopflogos 	         {float:right;width:200px;height:auto;margin-right:5%;border:0;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 

/* ================== Navigation =====================*/

	nav ul  					{padding: 0 0 0 62px;list-style:none;position:absolute;display:none;top:6.5em;}
	nav ul:after 				{content: "";clear:both;display:block;}
	nav ul li 					{float:left;}
	nav ul li a 					{display:block;position:relative;padding:10px 18px 18px 18px;color:#fff;background:rgba(0,0,0,0.5);font-weight:600;font-size: 1.2em;text-decoration:none;//border:1px solid black;}
	nav #ul1 li a,nav #ul2 li a,nav #ul3 li a,nav #ul4 li a,nav #ul5 li a,nav #ul6 li a		{display: block;padding: 7px 10px 7px 10px;float:none;width:auto;color:#eee;background:rgba(0,0,0,0.5);}
	nav #ul1 li a:hover,nav #ul2 li a:hover,nav #ul3 li a:hover,nav #ul4 li a:hover,nav #ul5 li a:hover,nav #ul6 li a:hover		{color:#fff;background:rgba(0,0,0,0.75);}
	nav ul li:hover > ul  		{display:block;position:absolute;top:3.3em;padding:5px 0px 5px 0px;z-index:200;}
	nav ul li:hover > #ul1  		{left:11.1%;width:auto;min-width:20%;height:auto;}
	nav ul li:hover > #ul2  		{left:24.2%;width:auto;min-width:20%;height:auto;}
	nav ul li:hover > #ul3  		{left:38%;width:auto;min-width:20%;height:auto;}
	nav ul li:hover > #ul4  		{left:58%;width:auto;min-width:20%;height:auto;}
	nav ul li:hover > #ul5  		{left:74%;width:auto;min-width:20%;height:auto;}
	nav ul li:hover > #ul6  		{left:87.2%;width:auto;min-width:20%;height:auto;}
	nav ul ul 					{display:none;padding: 0px 0px 5px 10px;position:absolute;top:100%;border-color:#2a9841;background:rgba(0,0,0,0.5);-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.75);}
	nav ul ul li 				{float:none;position:relative;}	
	
/* ================== Navigation Handy =====================*/

	.menu-check 					{display:none;}
	.navigation 					{overflow:hidden;max-height:0;-webkit-transition:max-height 0.5s ease-in-out;transition:max-height 0.5s ease-in-out;}
	.menu-check:checked ~ .navigation {max-height:1400px;-webkit-transition:max-height 0.5s ease-in-out;transition:max-height 0.5s ease-in-out;}
	#navigation1 a 				{color: inherit;}
	#navigation1 small 			{font-size:14px;}
	#navigation1 ul 				{list-style-type:none;padding:0;width:96%;background-color:#f1f1f1;margin:0px auto 0 auto;}
	#navigation1 li 				{font-size:18px;font-weight:600;color:#222;border:1px solid #aaa;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #eee;}
	#navigation1 li a 				{display:block;height:70px;padding:auto 0 auto 10%;text-decoration:none;position:relative;top:2em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
	#navigation1 li a:hover 		{background-color:#aaa;color:white;}
	#navigation1 img 				{position:relative;width:auto;height:60px;margin: 2em 8% 0 8%;border:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
	#navigation1 p 				{position:absolute;margin-left:35%;top:0.9em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}	
	
/* ================== Kolonie Content =====================*/

	h1.seite_kolonie					{font-size:22px;font-weight:800;line-height:1.5em;color:#222;text-align:center;}
	h1.seite_kolonie_regeln			{font-size:18px;font-weight:800;line-height:1.5em;color:#222;text-align:center;}
	h1.seite_kolonie_left			{font-size:22px;font-weight:800;line-height:1.5em;color:#222;}
	h2.seite_kolonie_kontakt			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;}
	h2.seite_kolonie					{font-size:18px;font-weight:600;line-height:1.5em;color:#222;}
	h2.seite_kolonie_center			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;text-align:center;}
	h2.seite_jhv_center				{font-size:17px;font-weight:400;line-height:1.5em;color:#222;text-align:center;}
	h2.seite_jhv_center1				{font-size:15px;font-weight:400;line-height:1.5em;color:#222;text-align:center;}		
	h2.seite_jhv_center2				{font-size:18px;font-weight:600;line-height:1.5em;color:#222;text-align:center;}		
	h2.seite_kolonie_center_satzung	{font-size:20px;font-weight:600;line-height:1.5em;color:#222;text-align:center;}
	p.seite_kolonie_center			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;text-align:center;}
	p.seite_kolonie_einr			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;margin-left:8%;}
	h2.seite_sidebar_header			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;padding-left:10px;}
	p.seite_kolonie_einr1			{font-size:18px;font-weight:400;line-height:1.5em;color:#222;margin-left:8%;}
	h2.seite_sidebar_content			{font-size:15px;font-weight:800;line-height:1.5em;color:#222;padding-left:10px;}
	h2.seite_sidebar_content1		{font-size:15px;font-weight:800;line-height:1.5em;color:#f00;padding-left:10px;text-align:center;}
	h3.seite_sidebar_content			{font-size:15px;font-weight:400;line-height:1.5em;color:#222;padding-left:10px;}
	h3.seite_kolonie					{font-size:15px;font-weight:400;line-height:1.5em;color:#222;}
	h3.seite_kolonie_bsr				{font-size:15px;font-weight:600;line-height:1.5em;color:#222;}
	h3.seite_kolonie_center			{font-size:17px;font-weight:400;line-height:1.5em;color:#222;text-align:center;}
	.seite_kolonie_span				{color:#000;font-size:15px;font-weight:400;}
	.seite_kolonie_span_opti		{color:#000;font-size:15px;font-weight:400;display: block;margin:auto;}
	.seite_kolonie_span_opti1		{color:#000;font-size:15px;font-weight:400;display: block;margin:auto;}
	.seite_kolonie_span_opti_zent	{color:#000;font-size:18px;font-weight:800;display: block;margin:auto;text-align:center;}	
	.seite_kolonie_span_opti_zent1	{color:#000;font-size:18px;font-weight:800;display: block;margin:auto;text-align:center;}	
	.seite_kolonie_spankontakt		{color:#000;font-size:15px;font-weight:400;line-height:1.5em;}
	a.seitekon	 					{color:#000;font-size:15px;font-weight:400;text-decoration:none;line-height:1.5em;}
	.tdcheck						{width:50px;vertical-align:top;padding:0 10px 12px 10px;}

	/* checkbox slider */
	.switch {position: relative;display: inline-block;width: 40px;height: 20px;}
	.switch input {opacity: 0;width: 0;height: 0;}
	.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
	.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
	input:checked + .slider {background-color: #228B22;}
	input:focus + .slider {box-shadow: 0 0 1px #228B22;}
	input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
	.slider.round {border-radius: 20px;}
	.slider.round:before {border-radius: 50%;} 

	a.seitekol	 					{color:#000;//font-size:15px;//font-weight:400;//text-decoration:none;//line-height:1.5em;}
	.karte							{width:100%;height:400px;margin:-6% -4.5%;-webkit-transform:scale(0.8);transform:scale(0.8);}
	img.picright1					{margin:10px 30px 20px 30px;width:175px;float:right;}

	.tabelleklein 					{margin-left:0px;}

	a.seite_kolonie					{text-decoration:none;}
	#sp3-content:hover				{background-color:#fff;}
	#sp5-content:hover				{background-color:#fff;}	
	.seitedesc						{font-family:Source Sans Pro,Arial,Calibri;margin:10px 0 2px 5px;font-size:15px;font-weight:400;color:#000;//border:1px solid red;}
	.seiteeingabe 					{font-family:Arial,Arial,Calibri;color:#000;font-size:15px;font-weight:400;text-decoration:none;line-height:1.5em;border:1px solid #000;width:100%;background:#fff;max-width:100%;}
	.seiteeingabeplz 				{font-family:Arial,Arial,Calibri;color:#000;font-size:15px;font-weight:400;text-decoration:none;line-height:1.5em;border:1px solid #000;width:90%;background:#fff;}
	.seiteeingabeort 				{font-family:Arial,Arial,Calibri;color:#000;font-size:15px;font-weight:400;text-decoration:none;line-height:1.5em;border:1px solid #000;width:100%;background:#fff;}
	#kolabstand1					{margin-top:0em;}	
	.checkcontent					{display:block;padding:0 0 10px 0;color:#000;font-family:Source Sans Pro,Arial,Calibri;font-size:15px;font-weight:400;text-decoration:none;//border:1px solid black;}
	.checkbuttom					{display:block;padding:20px 0 0 75px;//border:1px solid black;}
	h3.seiteplz						{margin:10px 0 2px 5px;font-size:15px;font-weight:400;color:#000;}
	#sidebar_head					{border-collapse: collapse;width:95%;margin:0.5em;}
	#sidebar_head th					{border: 1px solid #000;font-size:1.2em;//font-family:Source Sans Pro,Arial,Calibri;font-weight:600;color:#fff;background-color: #228B22;padding:2px;vertical-align:middle;text-align: center;}
	.inner							{display:block;position:relative;padding:1em 0.5em;overflow:hidden;}	/* Sidebar */
	.inner1							{display:block;position:relative;padding:0em 2em;overflow:hidden;}	/* Content */
	.inner1tab						{display:block;position:relative;padding:0em 2em;overflow:hidden;}	/* Content */
	.inner2							{display:block;position:relative;padding:0em 1em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 1em 0em 1em;overflow:hidden;}	/* Content schmaler */	
	.picfoto						{width:90%;display: block;margin:auto;}		/* Flagge Wappen */
	.picfoto1						{width:100%;display: block;margin:auto;}		/* Vereinshaus */
	.picfoto2						{width:100%;display: block;margin:auto;}		/* Aushang */
	.picfoto3						{width:100%;display: block;margin:auto;}	
	ol li								{padding: 5px;}
	.iframe							{//width:700px;}
	
/* ================== Spalten Content =====================*/

	#sp2-sidebar {overflow:hidden;position:relative;padding-bottom:1.5em;width:99%;//border:1px solid red;}
	#sp4-sidebar {overflow:hidden;position:relative;padding-bottom:1.5em;width:99%;//border:1px solid red;}
	#sp4-content {margin:0.5em auto 1em auto;width:90%;//background-color:#eee;//border:1px solid green;}
	#sp5-content {margin:0.5em auto 1em auto;padding: 0.5em;width:90%;background-color:#f7f7f7;border:2px solid #ccc;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.75);//border:1px solid green;}
	#sp2-content {margin:0.5em auto 1em auto;width:90%;background-color:#f7f7f7;border:2px solid #ccc;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.75);//border:1px solid green;}
	#sp3-sidebar {display:inline-block;text-align:justify;width:96%;//border:1px solid blue;} 	/* Menue rechts */
	#sp3-content:after {content:"";} 
	#sp3-contentcal:after {content:"";}
	#sp3-content {float:left;width:268px;margin:0 1% 2em 4.5%;background-color:#eee;border:2px solid #2a9841;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.75);//border:1px solid black;}
	#sp3-contentcal {float:left;width:268px;margin:0 1% 2em 4.5%;background-color:#eee;border:2px solid #2a9841;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.75);//border:1px solid black;}
	#sp1 		{margin:0;overflow:hidden;}
	#sp2 		{margin:0.5em;}

/* ================== Kalender =============================== */

	#Kalender 						{border-collapse:collapse;width:95%;margin:0.5em;}
	#Kalender td, #Kalender th 		{border:1px solid #000;}
	#Kalender th 						{font-size:1.2em;//font-family:Source Sans Pro,Arial,Calibri;font-weight:600;color:#fff;background-color: #228B22;padding:2px;vertical-align:middle;text-align:center;}
	#Kalender td 						{font-size:14px;//font-family:Source Sans Pro,Arial,Calibri;font-weight:600;color:#3F3F3F;padding:1px;vertical-align:middle;text-align:center;}
	#Kalender .WTage 				{width:12%;color:#808080;background-color:#F0F4FF;}
	#Kalender .heute 				{background-color:#7CFC00;}
	#Termine 						{border-top:1px solid #228B22;width:95%;margin:0.5em 0.5em 0.5em 0.5em;}
	#Termine td, #Termine th 			{border-bottom:1px solid #228B22;}
	#Termine th 						{font-size:14px;font-family:Source Sans Pro,Arial,Calibri;font-weight:400;color:#FFFFFF;background-color:#00AFFF;padding:1px;vertical-align:middle;text-align:left;}
	#Termine td 						{font-size:14px;//font-family:Source Sans Pro,Arial,Calibri;font-weight:400;color:#3F3F3F;background-color:#FFFFFF;padding:1px;vertical-align:middle;text-align:left;}
	#Termine .rechts 				{text-align:right;}
	.butt, .butt:visited  			{color:#fff;//font-family:Source Sans Pro,Arial,Calibri;font-size:14px;font-weight:600;padding:1px;background-color:#228B22;width:60px;height:20px;text-align:center;text-decoration:none;border:1px solid black;}
	.butt:hover 						{color:#fff;font-family:Source Sans Pro,Arial,Calibri;font-size:14px;font-weight:600;padding:1px;background-color:#228B22;width:60px;height:20px;text-align:center;text-decoration:none;border:1px solid black;}
	a.kal							{text-decoration:none;}
	a.kal:hover						{text-decoration:underline;color:black;}
	#abstandcal						{margin-top:0.5em;}	

/* ================== Bildergalerie =============================== */

	.vidsize {width:100%;margin:0 0 0 -10px;}


/* ================== Fuss =====================*/

	#fuss 			{display:block;position:relative;height:550px;background:#228B22;border-top: 1px solid #ccc;padding-top:10px;margin-top:20px;line-height:1.3em;clear:both;background-image: url("../pic/bild_fuss5.jpg");background-size: 100% auto;//border:1px solid red;}

/* ================== Fuss-Menue =====================*/

	ul#fussmenu 		{padding: 10px 0 0px 5%;list-style-type:none;width:80%;font-size:18px;font-weight:800;color:gold;//border:1px solid red;}
	ul#fussmenu li 	{margin-top:-10px;}	  
	ul#fussmenu li a 	{display:block;padding:8px;margin-left:-6px;line-height:1.3em;text-decoration:none;color:silver;//border:1px solid green;}   
	ul#fussmenu ul li 	{display:block;font-size:16px;font-weight:600;//border:1px solid blue;} 
	ul#fussmenu ul li a:hover {color:#fff;}   
	ul#fussmenu li ul 	{display:block;margin:-5px 0 25px 0;//border:1px solid black;} 
	ul#fussmenu ul 	{padding-left:0;display:none;z-index:100;//border:1px solid green;} 
	img#fusslogo 	{position:relative;}
	img#fusslogo1 	{position:absolute;top:74%;left:10%;width:21%;max-width:110px;}
	img#fusslogo2 	{position:absolute;top:74%;left:50%;width:40%;max-width:200px;}
	
/* ================== Back to Top =====================*/

	#backtotop						{display:none;position:fixed;width:35px;height:55px;text-decoration:none;//margin-bottom:-3px;background:#000;background-color:rgba(0,0,0,0.2);border-radius:4px;right:5px;bottom:50px;}
	#backtotop:after				{content: '^';display:block;font-family:Arial,Calibri,Arial Narrow;text-decoration:none;font-size:55px;vertical-align:middle;text-align:center;opacity:0.8;line-height:70px;margin-top:2px;color: #fff;}
	#backtotop:hover				{background-color:rgba(0,0,0,0.4);}		

/* ================== Button =====================*/
	#butt_absenden {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:3px 10px 3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
#butt_absenden:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}

/* ================== Galerie neu =====================*/	

.my-gallery {width: 110%;float: left;margin-left: -10px;}
.my-gallery img {width: 90%;height: auto;}
.my-gallery figure {display: block;float: left;margin: 0 5px 5px 0;width: 140px;}
.my-gallery figcaption {display: none;}	

	
@media only screen and (min-width: 600px) and (max-width: 759px) {
	#gal {margin:-20px 0 -30px -40px;-webkit-transform:scale(0.85);transform:scale(0.85);}
	.inner2							{display:block;position:relative;padding:0em 2em;overflow:hidden;}	/* Content schmaler */	
	.inner3							{display:block;position:relative;padding:0em 1em 0em 1em;overflow:hidden;}	/* Content schmaler */	
	.karte							{width:500px;height:400px;margin:-15px 0 -15px 10px;-webkit-transform:scale(0.95);transform:scale(0.95);}
	#kopf			{z-index:100;width:100%;min-width:300px;height:80px;overflow:hidden;background:#228B22;background-image: url("../pic/bild_kopf4.jpg");background-size: 100% auto;border-bottom: 2px solid #555;border-top: 2px solid #555;}
	#fuss 			{display:block;position:relative;height:415px;background:#228B22;border-top: 1px solid #ccc;padding-top:10px;margin-top:20px;line-height:1.3em;clear:both;background-image: url("../pic/bild_fuss5.jpg");background-size: 50% auto;}
	img#fusslogo1 	{top:10%;left:67%;}
	img#fusslogo2 	{top:55%;left:60%;}		
	/* ================== Galerie neu =====================*/	

.my-gallery {width: 100%;float: left;margin-left: 40px;}

}

@media only screen and (min-width: 540px) and (max-width: 599px) {
	#gal {margin:-80px 0 -80px -90px;-webkit-transform:scale(0.7);transform:scale(0.7);}
	.inner2							{display:block;position:relative;padding:0em 2em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 1em 0em 1em;overflow:hidden;}	/* Content schmaler */	
	.karte							{width:500px;height:400px;margin:-35px 0 -35px -15px;-webkit-transform:scale(0.85);transform:scale(0.85);}
	#kopf			{z-index:100;width:100%;min-width:300px;height:80px;overflow:hidden;background:#228B22;background-image: url("../pic/bild_kopf4.jpg");background-size: 100% auto;border-bottom: 2px solid #555;border-top: 2px solid #555;}
	#fuss 			{display:block;position:relative;height:430px;background:#228B22;border-top: 1px solid #ccc;padding-top:10px;margin-top:20px;line-height:1.3em;clear:both;background-image: url("../pic/bild_fuss5.jpg");background-size: 50% auto;}
	img#fusslogo1 	{top:10%;left:67%;}
	img#fusslogo2 	{top:55%;left:60%;}			
	/* ================== Galerie neu =====================*/	

.my-gallery {width: 105%;float: left;margin-left: 8px;}
	
}

@media only screen and (min-width: 450px) and (max-width: 539px) {
	#gal {margin:-100px 0 -100px -110px;-webkit-transform:scale(0.65);transform:scale(0.65);}
	.inner2							{display:block;position:relative;padding:0em 2em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 1em 0em 1em;overflow:hidden;}	/* Content schmaler */	
	.karte							{width:500px;height:400px;margin:-60px 0 -60px -50px;-webkit-transform:scale(0.7);transform:scale(0.7);}
	img#fusslogo1 	{top:74%;}
	img#fusslogo2 	{top:74%;}	
	/* ================== Galerie neu =====================*/	

.my-gallery {width: 100%;float: left;margin-left: 30px;}
	
}

@media only screen and (min-width: 351px) and (max-width: 449px) {
	#gal {margin:-150px 0 -150px -150px;-webkit-transform:scale(0.5);transform:scale(0.5);}
	.inner2							{display:block;position:relative;padding:0em 1.2em;overflow:hidden;}	/* Content schmaler */	
	.inner3							{display:block;position:relative;padding:0em 1em 0em 0em;margin-left:-0.3em;overflow:hidden;}	/* Content schmaler */		
	.karte							{width:500px;height:400px;margin:-90px 0 -90px -100px;-webkit-transform:scale(0.55);transform:scale(0.55);}
	img#fusslogo1 	{top:78%;}
	img#fusslogo2 	{top:78%;}	
	/* ================== Galerie neu =====================*/	

.my-gallery {width: 130%;float: left;margin-left: 0px;}
	
}

@media only screen and (min-width: 250px) and (max-width: 350px) {
	#sp2-content {margin:0.5em 0 1em 0.5em;width:95%;}	
	#sp5-content {margin:0.5em 0 1em 0.5em;width:95%;}
	.tabelleklein	 {margin-left:-10px;width:295px;}
	.vidsize {width:280px;margin:0 0 0 -15px;}

	#gal {margin:-150px 0 -160px -160px;width:570px;overflow:hidden;-webkit-transform:scale(0.5);transform:scale(0.5);}
	#gal #ausgabe {width:11970px;float:left;position:relative;left:0;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

	.picfoto	{width:100%;display: block;margin:auto;}
	.picfoto1	{width:100%;display: block;margin:auto;}
	.picfoto2	{width:100%;display: block;margin:auto;}
	img.picright1	{margin:20px 30px 20px 30px;width:80%;float:right;}
	.inner2							{display:block;position:relative;padding:0em 1.2em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 1em 0em 0em;margin-left:-0.3em;overflow:hidden;}	/* Content schmaler */
	.karte							{width:500px;height:400px;margin:-30% 0 -35% -100px;-webkit-transform:scale(0.55);transform:scale(0.55);}	
	img#fusslogo1 	{top:80%;}
	img#fusslogo2 	{top:80%;}	
	/* ================== Galerie neu =====================*/	

.my-gallery {width: 120%;float: left;margin-left: -10px;}

}

/* Tabletts(400) 760 */
@media only screen and (min-width: 760px) {
/* ================== Body =====================*/

	.reframe 			{max-width:760px;}
	#main {display:-webkit-flex;	display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
	.hidden-anchor 		{position: absolute;top: 0px;}

/* ================== Kopf =====================*/	

	#kopf				{z-index:100;width:100%;height:150px;overflow:hidden;background-image: url("../pic/bild_kopf4.jpg");background-size: 100% auto;border-bottom: 2px solid #555;border-top: 2px solid #555;}
	#menulogo 			{display:none;}
	#kopflogos 	         	{float:right;top:50px;width:300px;height:auto;margin-right:5%;border:0;position:relative;} 

/* ================== Navigation =====================*/
	
	nav ul  				{display: inline-table;}

/* ================== Navigation Handy =====================*/	

	#navigation1 		{display:none;}  
	
	
/* ================== Kolonie Content =====================*/

	.seiteeingabeort 				{width:67%;}
	.seiteeingabe 					{width:70%;}
	#kolabstand1					{margin-top:0em;}
	.karte							{width:500px;height:400px;margin:-8.5% -4.5%;-webkit-transform:scale(0.8);transform:scale(0.8);}
	p.seite_kolonie_einr			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;margin-left:15%;}
	p.seite_kolonie_einr1			{font-size:18px;font-weight:400;line-height:1.5em;color:#222;margin-left:15%;}
	.tabelleklein 					{margin-left:0px;}
	.vidsize 						{width:100%;display: block;margin:auto;}
	.picfoto						{width:90%;display: block;margin:auto;}
	.picfoto1						{width:100%;display: block;margin:auto;}
	.picfoto2						{width:100%;display: block;margin:auto;}
	.inner2							{display:block;position:relative;padding:0em 2em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 2em 0em 0em;overflow:hidden;}	/* Content schmaler */	
	.seite_kolonie_span_opti		{color:#000;font-size:16px;font-weight:400;display: block;margin:auto;}	
	.seite_kolonie_span_opti1		{color:#000;font-size:16px;font-weight:400;display: none;margin:auto;}		
	.seite_kolonie_span_opti_zent	{color:#000;font-size:22px;font-weight:800;display: block;margin:auto;text-align:center;}		
	h1.seite_kolonie_regeln			{font-size:18px;font-weight:800;line-height:1.5em;color:#222;text-align:center;}	

/* ================== Spalten Content =====================*/

	#sp2-sidebar 		{margin:0 0 0 0;//width:auto;width:96%;//border:1px solid red;}
	#sp4-sidebar 		{margin:0 0 0 0;//width:auto;width:96%;//border:1px solid red;}
	#sp4-content 		{margin:1em 1% 1em 3.5%;width:92.5%;//border:1px solid blue;}		
	#sp2-content 		{margin:1em 1% 1em 3.5%;width:92.5%;//border:1px solid blue;}		
	#sp5-content 		{margin:1em 1% 1em 3.5%;width:92.5%;//border:1px solid blue;}		
	#sp3-sidebar 		{display:block;margin-left:10px;margin-top:0;width:370px;//width:26%;//border:1px solid black;} 	
	#sp3-content 		{display:block;margin:1em 1% 1em 1%;height:auto;width:90.5%;//border:1px solid green;} 		
	#sp3-contentcal 		{display:block;margin:1em 1% 1em 1%;height:auto;width:90.5%;//border:1px solid green;} 		
	#sp1 				{width:100%;}	
	#sp2 				{margin:1em 1% 1em 1%;width:97.5%;}	

	.colspan2 			{display:block;width: 50%;}

	#abstand1						{margin-top:1em;}	

/* ================== Kolonie Bildergelerie =====================*/

	#gal {margin:-65px 0 -60px -75px;width:570px;overflow:hidden;border:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
	#gal #ausgabe {width:11970px;float:left;position:relative;left:0;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

/* ================== Fuss =====================*/

	#fuss 					{display:block;position:relative;height:230px;background:#228B22;background-image: url("../pic/bild_fuss4.jpg");background-size:150% auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top:10px;line-height:1.7em;clear:both;}


/* ================== Fuss-Menue =====================*/
	.fuss ul   				{font-weight:bold;}
	ul#fussmenu 				{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding: 0 0 0 5%;list-style-type:none;width:87%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
	ul#fussmenu li 			{position:relative;width:33%;font-size:17px;font-weight:600;line-height:1em;color:gold;}	  
	ul#fussmenu li a 			{display:block;padding:8px;margin-left:-6px;margin-top:-10px;line-height:1.5em;text-decoration:none;color:silver;}   
	ul#fussmenu ul li 			{display:block;background:none;font-weight:600;font-size:16px;} 
	ul#fussmenu ul li a:hover 	{color:#fff;}   
	ul#fussmenu li ul 			{display:block;} 
	ul#fussmenu ul 			{position:absolute;right:0;padding-left:0;width:100%;display: none;z-index:100;} 
	img#fusslogo 			{position:relative;}
	img#fusslogo1 			{position:absolute;top:50%;left:63.5%;width:8%;max-width:88px;}
	img#fusslogo2 			{position:absolute;top:50%;left:80%;width:15%;max-width:160px;}

/* ================== Bildergalerie =====================*/

.my-gallery {width: 110%;float: left;margin-left: -5px;}
	
}

/* Mittlere Größe(720) 980 */
@media only screen and (min-width: 980px) {

/* ================== Body =====================*/	

	.reframe 						{max-width: 980px;}
	
/* ================== Navigation Handy =====================*/		

	#navigation1 			{display:none;}  		

/* ================== Kolonie Content =====================*/

	.seiteeingabeort 				{width:100%;}
	.seiteeingabe 					{width:100%;}
	#kolabstand1					{margin-top:4em;}
	.karte							{width:500px;height:400px;margin:5% 11.5%;-webkit-transform:scale(1.15);transform:scale(1.15);}
	p.seite_kolonie_einr			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;margin-left:25%;}
	p.seite_kolonie_einr1			{font-size:18px;font-weight:400;line-height:1.5em;color:#222;margin-left:25%;}
	.seite_kolonie_span				{color:#000;font-size:16px;font-weight:400;}
	.seite_kolonie_span_opti		{color:#000;font-size:16px;font-weight:400;display: none;margin:auto;}	
	.seite_kolonie_span_opti1		{color:#000;font-size:16px;font-weight:400;display: none;margin:auto;}		
	.seite_kolonie_span_opti_zent	{color:#000;font-size:16px;font-weight:400;display: none;margin:auto;text-align:center;}		
	a.seitekon	 					{color:#000;font-size:16px;font-weight:400;text-decoration:none;line-height:1.5em;}
	.vidsize 						{width:100%;display: block;margin:auto;}

	.picfoto						{width:80%;display: block;margin:auto;}
	.picfoto1						{width:80%;display: block;margin:auto;}
	.picfoto2						{width:90%;display: block;margin:auto;}
	.inner2							{display:block;position:relative;padding:0em 3em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 3em 0em 1em;overflow:hidden;}	/* Content schmaler */	
	h1.seite_kolonie_regeln			{font-size:18px;font-weight:800;line-height:1.5em;color:#222;text-align:center;}	

/* ================== Spalten Content =====================*/

	.colspan2 				{width:33.33%;}

	#content 				{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;	justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap: wrap;}

	#sp2-sidebar 			{margin:0 1em;width:72%;}
	#sp4-sidebar 			{margin:0 1em;width:72%;}
	#sp2-content 			{margin:1em 1% 1em 2.5%;width:94.5%;}		
	#sp5-content 			{margin:1em 1% 1em 2.5%;width:94.5%;}	
	#sp4-content 			{margin:1em 1% 1em 2.5%;width:94.5%;}		
	#sp3-sidebar 			{display:block;width:26%;} 	
	#sp3-content 			{display:block;margin:1em 2% 1em 1%;height:auto;width:90.5%;}
	#sp3-contentcal 			{display:block;margin:1em 2% 1em 1%;height:auto;width:90.5%;}
	#sp1 					{margin:1em 1% 1em 1%;width:47.8%;}	
	#sp2 					{width:97.5%;}	
	#fuss 					{display:block;position:relative;height:230px;background:#228B22;background-image: url("../pic/bild_fuss8.jpg");background-size:100% auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top:10px;line-height:1.7em;clear:both;}	
/* ================== Bildergalerie =====================*/

.my-gallery {width: 100%;float: left;padding-left: 20px;}

}

 /*Große Monitore(1024) 1280*/ 
@media only screen and (min-width: 1280px)  {

/* ================== Body =====================*/

	.reframe 						{max-width:1280px;}

/* ================== Kolonie Content =====================*/
	#kolabstand1					{margin-top:4em;}
	#sp2-sidebar 					{margin:0;width:99%;}
	#sp4-sidebar 					{margin:0;width:99%;}
	.seite_kolonie_span				{color:#000;font-size:17px;font-weight:400;}
	.seite_kolonie_span_opti		{color:#000;font-size:17px;font-weight:400;display: none;margin:auto;}	
	.seite_kolonie_span_opti1		{color:#000;font-size:17px;font-weight:400;display: none;margin:auto;}	
	.seite_kolonie_span_opti_zent	{color:#000;font-size:17px;font-weight:400;display: none;margin:auto;text-align:center;}		
	a.seitekon	 					{color:#000;font-size:17px;font-weight:400;text-decoration:none;line-height:1.5em;}
	p.seite_kolonie_einr			{font-size:18px;font-weight:600;line-height:1.5em;color:#222;margin-left:33%;}
	p.seite_kolonie_einr1			{font-size:18px;font-weight:400;line-height:1.5em;color:#222;margin-left:33%;}
	.vidsize 						{width:800px;margin:0 0 0 0;}
	.picfoto						{width:60%;display: block;margin:auto;}
	.picfoto1						{width:70%;display: block;margin:auto;}	
	.picfoto2						{width:80%;display: block;margin:auto;}	
	.picfoto3						{width:95%;display: block;margin:auto;}
	.inner2							{display:block;position:relative;padding:0em 4em;overflow:hidden;}	/* Content schmaler */
	.inner3							{display:block;position:relative;padding:0em 4em 0em 2em;overflow:hidden;}	/* Content schmaler */		
	.karte							{width:500px;height:400px;margin:16% 24%;-webkit-transform:scale(1.7);transform:scale(1.7);}	

/* ================== Bildergalerie =====================*/

.my-gallery {width: 100%;float: left;padding-left: 25px;}

}

