@charset "utf-8";
/* CSS Document */
div.sp1, div.sp2 {
	width:306px;
	float:left;
	box-sizing: border-box;
	padding:24px 0px 0px 0px;
}

div.sp1 {
	width:469px;
	margin: 0px 20px 0px 0px;
}

.item_strong_1, .item_strong_2, .item_strong_3 {
	margin:0px 0px 10px 0px;
	border:none;
	background:url(../grafik/weissfeld1.png) right bottom no-repeat;
	width:301px;
	height:134px;
	padding:14px;
	box-sizing: border-box;	
	position:relative;
}

.item_strong_2 {
	background:url(../grafik/weissfeld2.png) right bottom no-repeat;
	width:302px;
	height:126px;
}
.item_strong_3 {
	background:url(../grafik/weissfeld3.png) right bottom no-repeat;
	width:136px;
	height:102px;
}

.item_strong_1 p, .item_strong_2 p, .item_strong_3 p {
	margin:0px 0px 0px 0px;
	padding:0px;
}

.item_strong_1 .siegel {
	position:absolute;
	top:-40px;
	right:-15px;
}

.item_strong_3 h1 {
	background:url(../grafik/punktelinie_960px.png) bottom left no-repeat;
	margin:0px 0px 8px 0px;
	padding:0px 0px 10px 0px;
}

input:not([type="submit"]), textarea {
	font-size:inherit;
	border:none;
	color:#999999;
	margin:0px 0px 8px 0px;
	padding:0px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../grafik/punktelinie_960px.png) bottom no-repeat;	
	width: 225px
}

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;
	margin:0px 0px 0px 0px;
	padding:4px;
	color:#f9f9f9;
	font-size:20px;
	font-family:HelveticaCB, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-decoration:none;
	border:none;
}
a.buttonEmail {
	float:left;
}
a.buttonNLDL {
	float:right;
}
/*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:#bf2b23 1px solid;
}

.toExtend_toTop div.event, .toExtend_toBottom div.event {
	padding:10px 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:url(../grafik/rotbalkenrelief.jpg) ;
	height:26px;
	color:#f9f9f9;
	padding:5px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:20px;
	font-family:HelveticaCB, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.extendIt_toTop div, .isExtended_toTop div, .extendIt_toBottom div, .isExtended_toBottom div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_side.png) right -3px 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 -3px no-repeat;
}

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

/*end extend stuff */

/* scroll stuff */
div.scrollable {
	float:left;
	height:379px;
	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;
}


/* fotogallerien im overlay */
div.oc_header {
	width:100%;
	margin:0px 0px 35px 0px;
}

div.oc_header div.text {
	float:left;
	width:90%;
}

div.oc_header div.close {
	float:right;
	width:10%;
	text-align:right;
}

div.oc_header div.close img {
	width:23px;
	height:23px;
}

div.oc_header h1, div.oc_header h2 {
	margin:0;
	padding:0:
}

div.oc_gal_text {
	width:316px;
	float:left;
	padding:0px 20px 0px 0px;
}
div.oc_gal_titelBild {
	width:428px;
	float:left;
	height:316px;
	margin:0px 0px 20px 0px;
}

div.oc_gal_fotos img {
	display: block;
}

div.oc_sp1_3, div.oc_sp1_2 {
	width:316px;
	float:left;
	height:316px;
	margin:0px 20px 20px 0px;
}

div.oc_gal_drittel_h {
	height:92px;
	width:204px;
	margin:0px 0px 20px 0px;
}

div.oc_sp3_3_a div.oc_gal_zweitel_h {
	height:148px;
	width:316px;
	margin:0px 0px 20px 0px;
}
div.oc_sp3_3 div.oc_gal_zweitel_h {
	height:148px;
	width:204px;
	margin:0px 0px 20px 0px;
}

div.oc_sp1_3_a {
	width:204px;
	float:left;
	margin:0px 20px 20px 0px;
	height:316px;
}

div.oc_sp3_3_a {
	float:left;
	width:316px;
	height:316px;
}

div.oc_sp2_2 {
	width:428px;
	float:left;
	height:316px;
	margin:0px 0px 20px 0px;
}

div.oc_sp2_3, div.oc_sp2_3_a {
	width:204px;
	float:left;
	height:316px;
	margin:0px 20px 20px 0px;
}

div.oc_sp3_3 {
	width:204px;
	float:left;
	height: 316px;
	margin:0px 0px 20px 0px;
}

div.oc_gal_footer {
	width:100%;
	clear: both;
}


/* end fotogallerien im overlay */

/*end overlay content*/


/* responsiveness */
/* 5 spalten */
@media screen and (max-width:1023px) { 
	div.oc_gal_titelBild {
		width:316px;
		float:left;
		height:245px;
	}
	div.oc_scrollableAuto {
		height:245px;
	}
	
	div.oc_sp1_3 {
		width:204px;
		height:245px;
	}

	div.oc_sp1_2 {
		width:316px;
		height:245px;
	}

	div.oc_sp1_3_a {
		width:204px;
		height:245px;
	}

	div.oc_sp3_3_a {
		width:204px;
		height:245px;
	}

	div.oc_sp2_2 {
		width:316px;
		height:245px;
	}

	div.oc_sp2_3, div.oc_sp2_3_a {
		width:204px;
		height:245px;
	}

	div.oc_sp3_3 {
		width:204px;
		height:245px;
	}
	div.oc_gal_drittel_h {
		height:68px;
		width:204px;
	}
	div.oc_sp3_3_a div.oc_gal_zweitel_h {
		height:112px;
		width:204px;

	}
	div.oc_sp3_3 div.oc_gal_zweitel_h {
		height:112px;
		width:204px;
	}
	
}
/* 4 spalten */
@media screen and (max-width:859px) { 
	div.sp1 {
		width:346px;
	}
	div.sp2 {
		width:266px;
	}
	
	div.oc_gal_text {
		width:428px;
		padding:0px 0px 0px 0px;
	}
	div.oc_scrollableAuto {
		margin:0px 0px 20px 0px;
	}
	div.oc_gal_titelBild {
		width:428px;
		float:left;
		height:316px;
	}
	div.oc_sp1_3 {
		width:428px;
		height:245px;
	}

	div.oc_sp1_2, div.oc_sp2_2 {
		width:428px;
		height:245px;
	}

	div.oc_sp1_3_a {
		width:204px;
		height:316px;
	}

	div.oc_sp3_3_a {
		width:428px;
		height:316px;
		margin:0px 0px 20px 0px;
	}

	div.oc_sp2_3 {
		width:204px;
		height:316px;
	}
	div.oc_sp2_3_a {
		width:204px;
		height:316px;
		margin:0px;
	}

	div.oc_sp3_3 {
		width:204px;
		height:316px;
	}
	div.oc_gal_drittel_h {
		height:92px;
		width:204px;
	}

	div.oc_sp3_3_a div.oc_gal_zweitel_h, div.oc_sp3_3 div.oc_gal_zweitel_h {
		height:148px;
		width:428px;
	}
}


/* 3 spalten */
@media screen and (max-width:696px) { 
	div.sp1, div.sp2 {
		width:100%;
	}
	div.sp2 {
		margin:44px 0px 0px 0px;
	}
	div.scrollable {
		height:auto;
	}
	div.oc_gal_text {
		width:100%;
		padding:0px 0px 0px 0px;
	}
	div.oc_gal_titelBild {
		width:316px;
		height:316px;
	}
	div.oc_sp1_3 {
		width:316px;
		height:245px;
	}

	div.oc_sp1_2, div.oc_sp2_2 {
		width:316px;
		height:245px;
	}

	div.oc_sp1_3_a {
		width:316px;
		height:204px;
	}

	div.oc_sp3_3_a {
		width:316px;
		height:316px;
		margin:0px 0px 20px 0px;
	}

	div.oc_sp2_3 {
		width:316px;
		height:316px;
	}
	div.oc_sp2_3_a {
		width:316px;
		height:148px;
		margin:0px 0px 20px 0px;
	}

	div.oc_sp3_3 {
		width:316px;
		height:204px;
	}
	div.oc_gal_drittel_h {
		height:92px;
		width:316px;
	}

	div.oc_sp3_3_a div.oc_gal_zweitel_h, div.oc_sp3_3 div.oc_gal_zweitel_h {
		height:148px;
		width:316px;
	}
}

/* 1 spalte */
@media screen and (max-width:533px) { 
	div.oc_gal_titelBild {
		width:204px;
		height:204px;
	}
	div.oc_sp1_3 {
		width:204px;
		height:245px;
	}

	div.oc_sp1_2, div.oc_sp2_2 {
		width:204px;
		height:245px;
	}

	div.oc_sp1_3_a {
		width:204px;
		height:204px;
	}

	div.oc_sp3_3_a {
		width:204x;
		height:316px;
		margin:0px 0px 20px 0px;
	}

	div.oc_sp2_3 {
		width:204px;
		height:316px;
	}
	div.oc_sp2_3_a {
		width:204px;
		height:148px;
		margin:0px 0px 20px 0px;
	}

	div.oc_sp3_3 {
		width:204px;
		height:204px;
	}
	div.oc_gal_drittel_h {
		height:92px;
		width:204px;
	}

		div.oc_sp3_3_a div.oc_gal_zweitel_h, div.oc_sp3_3 div.oc_gal_zweitel_h {
		height:148px;
		width:204px;
	}
}