@charset "utf-8";
/* CSS Document */
div.sp1 {
  width:65%;	
	float:left;
}

div.sp2 {
  width:35%;	
	float:left;
}

/*
.item_strong_1, .item_strong_2 {
	margin:0px 0px 10px 0px;
	border:none;
	background:#fff;
	width:321px;
	height:220px;
  background:url(../grafik/papierfeld_eselsohr_klein_bfb.png) top left no-repeat;
	background-size:contain;
	padding:25px 30px 30px 25px;
	box-sizing: border-box;	


}

.item_strong_2 {
	margin:10px 0px 10px 0px;
	padding:30px 30px 30px 30px;
	height:130px;
  background:url(../grafik/papierfeld_bfb.png) top left no-repeat;
	background-size:contain;
	background-size: 100% 100%;
}*/

.item_strong_1, .item_strong_2 {
	margin:0px 0px 10px 0px;
	border:none;
	background:#fff;
	width:100%;
	height:200px;
  background:url(../grafik/papierfeld_bfb.png) top left no-repeat;
	background-size: 100% 100%;
	padding:30px 30px 30px 30px;
	box-sizing: border-box;	


}

.item_strong_2 {
	margin:10px 0px 10px 0px;
	height:130px;	
}

.item_strong_1 p:last-of-type, .item_strong_2 p:last-of-type {
	margin:0px 0px 0px 0px;
	padding:0px;
}



input:not([type="submit"]), textarea {
	font-size:inherit;
	border:none;
	color:#000000;
	margin:0px 0px 8px 0px;
	padding:0px 0px 4px 0px;
	font-family: 'Hind', sans-serif;
	width: 225px;
	border-bottom: 1px dashed #000;
}

textarea {
	height:3.6em;
	resize: none;
}

input.hasFocus {
	color:#666666;
}
a.sendbutton, a.sendbutton:hover, a.button, a.button:hover, a.buttonEmail, a.buttonEmail:hover, a.buttonNLDL, a.buttonNLDL:hover, a.EventAnmeldung, a.EventAnmeldung:hover, input[type="submit"] {
	display:block;
	width: 90px;
	text-align:center;
	cursor:pointer;
	/*background:url(../grafik/rotbalkenrelief.jpg) top left no-repeat;*/
	background:#fabd1a;
	margin:0px 0px 0px 0px;
	padding:4px;
	color:#f9f9f9;
	font-size:20px;
	font-family: 'Hind', sans-serif;
	letter-spacing:-1px;
	text-decoration:none;
	border:none;
}
/*ende allgemeine styles ***/


/* extend_stuff */
.toExtend_toTop td, .toExtend_toBottom td {
	vertical-align:top;
}

.toExtend_toTop td img, .toExtend_toBottom td img {
	padding:0px 10px 0px 0px;
}

.toExtend_toTop, .toExtend_toBottom {
	display:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	/*border-left:#fabd1a 1px solid;*/
	border-left:#003888 2px solid;
}

.toExtend_toBottom div.event, .toExtend_toTop div.event {
	padding:10px 0px;
}

.event a.pastLink {
	border-bottom:dashed 1px #000;
	display:block;
	text-decoration: none;
	padding:1px 0px 0px 0px;
	margin:0px 0px 2px 0px;
}

.toExtend_toTop div.event p, .toExtend_toBottom div.event p {
	margin:0;
	padding:0;
}

.extendIt_toTop, .isExtended_toTop, .extendIt_toBottom, .isExtended_toBottom {
	cursor: pointer;
	background:#fabd1a;
	background:#003888;
	height:30px;
	color:#f9f9f9;
	padding:7px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:20px;
	font-family: 'Hind', sans-serif;
	font-weight: 600;
}
.extendIt_toTop div, .isExtended_toTop div, .extendIt_toBottom div, .isExtended_toBottom div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_side.png) right -5px no-repeat;
}

.extendIt_toBottom, .isExtended_toBottom {
	margin:10px 0px 0px 0px;
}
.extendIt_toTop h1, .extendIt_toBottom h1  {
	color:#f9f9f9;
}

.isExtended_toTop div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_up.png) right -5px no-repeat;
}

.isExtended_toBottom div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_down.png) right -5px no-repeat;
}


/*end extend stuff */

/* scroll stuff */
div.scrollable {
	float:left;
	height:359px;
	width:100%;

}

div.oc_scrollableAuto {
	float:left;
	height:316px;
	width:100%;
}
/*end scroll stuff */

/*overlay content */
div.sms, div.email, div.EventAnmeldung { /*overlay additinal stuff for sms/email-overlay */
	padding:0px 0px 16px 16px;
}
div.sms h2, div.email h2, div.EventAnmeldung h2 {
	margin:16px 0px 0px 0px;
}
div.sms td:first-child, div.email td:first-child, div.EventAnmeldung td:first-child {
	width:44px;
	padding:16px 0px 0px 0px;
}
div.sms td, div.email, div.EventAnmeldung td {
	vertical-align: top;
}
div.sms table, div.email table, div.EventAnmeldung table {
}

div.sms p, div.email p, div.EventAnmeldung p {
	margin:19px 16px 0px 0px;
}

div.sms input[type="radio"], div.email input[type="radio"], div.EventAnmeldung input[type="radio"] {
	display:none;
}
div.sms label, div.email label, div.EventAnmeldung label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 16px;
    margin-right: 20px;
	padding-bottom:14px;
}

div.sms label:before, div.email label:before, div.EventAnmeldung label:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background:url(../grafik/radio.png) no-repeat;
	padding-bottom:14px;
}

div.sms input[type=radio]:checked + label:before, div.email input[type=radio]:checked + label:before, div.EventAnmeldung input[type=radio]:checked + label:before {
    content: "\2022";
    background:url(../grafik/radio-act.png) no-repeat;
}


/*responsiveness*/

span.resp03 {
	display:inline;
}
span.resp04 {
	display:none;
}

/* size XL */
@media screen and (max-width:1260px) { 
  .item_strong_1 {
	height:215px;
  }
}


/* size L */
@media screen and (max-width:1000px) { 
  .item_strong_1, .item_strong_2 {
  	height:230px;
  	padding:20px;
  }

  .item_strong_2 {
  	height:150px;	
  }
}
/* size M */
@media screen and (max-width:800px) { 
  .item_strong_1, .item_strong_2 {
  	height:200px;
  }

  .item_strong_2 {
  	height:110px;	
  }
}


/* size S */
@media screen and (max-width:700px) { 
	div.sp1, div.sp2 {
		width:100%;
	}
	div.scrollable {
	 height:auto;
		margin-bottom:40px;
  }
	
	.item_strong_1, .item_strong_2 {
  	height:auto;
		float:left;
		width:50%;
  }
	
	.item_strong_2 {
		margin:0px;
	}
}

/* size XS */
@media screen and (max-width:540px) { 
	.item_strong_1, .item_strong_2 {
		float:none;
		width:100%;
		padding:30px;
  }
	.item_strong_2 {
		margin-bottom:20px;
		
	}
	.extendIt_toTop, .isExtended_toTop, .extendIt_toBottom, .isExtended_toBottom {
	 font-size:18px;
	 font-weight: 300;
  }
	span.resp03 {
	 display:none;
  }
  span.resp04 {
  	display:inline;
  }

}

/* size XXS */