/* ALLGEMEIN --------------------------------------------------------------------- START */

a:hover,
a:focus {
	outline:					none;
	color:						#04315E;
}

.transition {
    transition: 				all 0.2s ease 0s;
}

.text-col {
	-moz-column-width:			400px;
	-webkit-column-width:		400px;
	column-width:				400px;
	-moz-column-gap:			20px;
	-webkit-column-gap:			20px;
	column-gap:					20px;
}

.text-justify {
	text-align:					justify;
}

.text-nowrap {
	white-space:				nowrap;
}

.text p,
.text h1 {
	margin:						0px;
	padding:					0px;
}

.text .btn {
	display:					block;
}

hr {
	float:						left;
	width:						100%;
	margin-top:					35px;
	border-top:					1px solid #04315E;
	border-bottom:				0px;
}

.icon-bull {
	padding:					5px 10px 0 10px;
}

.icon-bull span {
	width:						10px;
	height:						10px;
	display:					inline-block;
	background-color:			#fff;
	border-radius:				5px;
	overflow:					hidden;
}

.auto-height {
	height:						auto;
	padding-top:				40px;
	min-height:					calc(100% - 40px);
}

a, input {
	outline:					none;
}

ul {
	margin-bottom:			5px!important;	
}

p {
	margin: 				0px!important;
}

td {
	width:					25%;
}

h1 {
	width:					auto;
	height:					auto;
	margin:					0px;
	padding:				0px;
	font-size:				26px;
	font-weight:			500;
	text-align:				left;
	color:					#04315E;
	display:				inline-block;
	position:				relative;
}

@media (min-width: 768px) and (max-width: 992px) {
	h1 {
		margin:					20px 0px 0px;
	}
}

.title-padding h1 {
	padding:				25px 0px 0px 0px;
}

h2 {
	font-size:					15px;
	margin:						0px;
	padding-right:				20px;
}

.title-underline {
	margin:					30px 0px!important;
	width:					65px;
	height:					1px;
	background:				#d30567;
	border:					0!important;
	display:                none;
}

.title-underline-termin {
	margin:					20px 0px 0px 0px!important;
	width:					65px;
	height:					1px;
	background:				#d30567;
	border:					0!important;
	display:                none;
}

@media (max-width: 810px) {
	.title-underline-termin {
		margin:					20px 0px 0px 0px!important;
		width:					65px;
		height:					1px;
		background:				none;
		border:					0!important;
		display:                none;
	}
}

.page-content-box.TextCol-2 {
	min-height:				100%;
	-moz-column-count:		2;
	-webkit-column-count:	2;
	column-count:			2;
	-moz-column-gap:		30px;
	-webkit-column-gap:		30px;
	column-gap:				30px
}

.table {
	width:					100%;
	display:				table;
	position:				relative;
	border-collapse:		separate;
}

.table .table-row {
	width:					100%;
	display:				table-row;
	position:				relative;
	border-bottom:			1px solid #e0e0e0;
	box-sizing:				border-box;
}

.table .table-row .table-cell {
	width:					auto;
	display:				table-cell;
	position:				relative;
	vertical-align:			top;
	hyphens:				none;
	padding:				0px 0;
}


.B354 .table .table-row .table-cell,
.B353 .table .table-row .table-cell,
.B352 .table .table-row .table-cell {
	width:					auto;
	display:				table-cell;
	position:				relative;
	vertical-align:			top;
	hyphens:				none;
	padding:				0px 0;
	max-width: 				60px;
}

@media(max-width: 767px) {
	.table .table-row {
		display:			block;
		border-bottom:		none;
	}
	.table .table-row .table-cell {
		width:				100%!important;
		display:			block!important;
	}
	.B354 .table .table-row .table-cell,
	.B353 .table .table-row .table-cell,
	.B352 .table .table-row .table-cell {
		width:					auto;
		display:				table-cell;
		position:				relative;
		vertical-align:			top;
		hyphens:				none;
		padding:				0px 0;
		max-width: 				100%;
	}
}



.page-content-box a {
	color:					#04315E;
	text-decoration:		underline;
}

.page-content-box a:hover {
	color:					#ea4f3d;
}

.contact p a {
	color:					#04315E;
	text-decoration:		underline;
}

.contact p a:hover {
	color:					#ea4f3d;
}

.Bimprint .page-content-box a,
.Bcontact .page-content-box a {
	color:					#000000;
}

.Bimprint .page-content-box a:hover,
.Bcontact .page-content-box a:hover {
	color:					#04315E;
}

.Bsitemap .page-content-box a {
	color:					#000000;
	text-decoration:		none!important;
}

.Bsitemap .page-content-box a:hover {
	color:					#ea4f3d;
}

.display-xs,
.display-sm,
.display-md,
.display-lg {
	display: 				none !important;
}

@media (max-width: 767px) {
  .display-xs {
		display: 			block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .display-sm {
		display: 			block !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .display-md {
		display: 			block !important;
  }
}

@media (min-width: 1300px) {
  .display-lg {
		display: 			block !important;
  }
}

@media (max-width: 767px) {
  .none-xs {
		display: 			none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .none-sm {
		display: 			none !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .none-md {
		display: 			none !important;
  }
}

@media (min-width: 1300px) {
  .none-lg {
		display: 			none !important;
  }
}

/* ALLGEMEIN ---------------------------------------------------------------------- ENDE */

/* ACCORDION --------------------------------------------------------------------- START */
.panel {
    margin-bottom:				10px;
}

.panel-default {
	background:					#f7f7f7;
}

.panel .panel-heading {
	position:					relative;
	cursor:						pointer;
	border-bottom:				1px solid #000;
	padding:					10px 15px;
	font-size:					15px;
}

.panel-body {
	background:					#ffffff;
	padding:					15px;
}

.panel .ui-icon {
	position:					absolute;
	top:						5px;
	right:						15px;
/*	z-index:					5; */
	font-size:					25px;
	color:						#000000;
	font-weight:				bold;
}

.accordion-open:before {
	content:					"-";
}

.accordion-closed:before {
	content:					"+";
}

/* ACCORDION ---------------------------------------------------------------------- ENDE */

/* STARTSEITE -------------------------------------------------------------------- START */

.home-option-two .home-news {
	padding:			20px 0px;
	border-top:			1px solid #ccc;
	border-bottom:		1px solid #ccc;
}

.home-option-three,
.home-option-four {
	margin-top:			20px;
	margin-bottom:		20px;
	float:				left;
}

@media (min-width: 992px) and (max-width: 1470px) {
	.home-option-three,
	.home-option-four {
		float:						left;
		margin:						0px 40px 0px 0px;
		width:						calc(100% - 40px);
	}
}

@media (max-width: 991px) {
	.home-option-three,
	.home-option-four {
		float:						left;
		margin:						0px 25px 0px 0px;
		width:						calc(100% - 25px);
	}
}

.home-option-two .home-text {
	margin-bottom:		25px;
}

.home-option-six {
	margin-bottom:		50px;
	float:				left;
}

.wrapper-space {
	padding:			100px 0px;
	float:				left;
	position:			relative;
	width:				100%;
}

.wrapper-space-bottom {
	padding:			0px 0px 100px;
	float:				left;
	position:			relative;
	width:				100%;
}

.wrapper-color-1 {
	background-color:	#ffffff;
}

.wrapper-color-2 {
	background-color:	#dddddd;
}

.wrapper-color-3 {
	background-color:	#04315E;
	color:				#ffffff;
}

.wrapper-color-3 h1 {
	color:				#ffffff;
}

.wrapper-color-3 .title-underline {
	background:			#ffffff;
}

.wrapper-color-3 .panel-title,
.wrapper-color-3 .panel-body {
	color:				#000000;
}

@media(min-width: 992px) {
	.home-option-three .home-news-right {
		width:			100%;
		float:			left;
		position:		relative;
		padding-left:	25px;
		border-left:	1px solid #cccccc;
		max-width:		349px;
		max-height:		550px;
	}
	.home-option-four .home-news-left {
		width:			100%;
		float:			left;
		position:		relative;
		padding-right:	25px;
		border-right:	1px solid #cccccc;
		max-width:		349px;
	}
	.home-option-three .home-content-left {
		width:			calc(100% - 400px);
		float:			left;
		position:		relative;
		margin-right:	25px;
	}
	.home-option-four .home-content-right {
		width:			calc(100% - 400px);
		float:			left;
		position:		relative;
		margin-left:	25px;
	}
}

@media(max-width: 992px) {
	.home-option-three .home-news-right {
		margin-top:		50px;
		float:			left;
		position:		relative;
	}
	.B100 .home-option-three .home-news-right {
		margin-top:		25px;
		float:			left;
		position:		relative;
	}
	.home-option-three .home-content-left {
		width:			100%;
		float:			left;
		position:		relative;
	}
	.home-option-four .home-content-right {
		width:			100%;
		float:			left;
		position:		relative;
	}
}

@media(max-width: 768px) {
	.home-option-five .main-box {
		margin:			0!important;
		width:			100%!important;
	}
}

.home-option-four .home-news-left .home-news,
.home-option-three .home-news-right .home-news {
	margin:				0!important;
}

.home-option-four .home-news-left .home-news-column,
.home-option-three .home-news-right .home-news-column {
	width:				100%;
	margin:				0px 0px 20px 0px!important;
}

.home-option-four .home-news-left .home-news-column .home-news-title,
.home-option-three .home-news-right .home-news-column .home-news-title {
	width:				100%;
}

.home-option-four .home-news-left .home-news-column .home-news-info,
.home-option-three .home-news-right .home-news-column .home-news-info {
	padding-top:		0px!important;
}

.home-option-three .home-news-right .home-news-column .home-news-img {
	margin:				25px 0px 25px 25px;
}

.home-option-four .home-news-left .home-news-column .home-news-img {
	margin:				25px 25px 25px 0px;
}

.home-option-four .home-news-left .home-news-column .home-news-info,
.home-option-three .home-news-right .home-news-column .home-news-info {
	margin-top:			15px;
	width:				calc(100% - 185px);
	float:				left;
}

.home-option-four .home-news-left .home-news-column .home-news-right-date,
.home-option-three .home-news-right .home-news-column .home-news-right-date {
	float:				right;
	padding-left:		5px;
}

.home-option-four .home-content-right .home-text,
.home-option-three .home-content-left .home-text {
	width:				100%;
}

.home-gallery-container {
	margin-top:						40px;
}

@media (min-width: 992px) {
	.home-gallery-container {
		width:						calc(33.3% - 26.5px);
		margin-left:				40px;
		margin-bottom:				5px;
		position:					relative;
		float:						left;
	}

	.home-gallery-container:nth-child(3n +1) {
		margin-left:				0px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.home-gallery-container {
		width:						calc(50% - 20px);
		margin-left:				40px;
		position:					relative;
		float:						left;
	}
	.home-gallery-container:nth-child(2n +1) {
		margin-left:				0px;
	}
}

@media (max-width: 767px) {
	.home-gallery-container {
		width:						100%;
		margin-left:				0px;
		position:					relative;
		float:						left;
	}
	.home-gallery-container:nth-child(1) {
		margin-top:					20px;
	}
}

.home-gallery-container a {
	width:						100%;
	height:						auto;
	margin:						0;
	display:					block;
	position:					relative;
	float:						left;
}

.home-gallery-container a:hover {
	opacity:					0.9;
}

.home-gallery-container a > p {
	width:						100%;
	position:					relative;
	display:					block;
	color:						#04315E;
	font-size:					24px;
	padding:					20px 0px;
	font-style:					italic;
	float:						left;
}

.home-gallery-container a > img {
	width:						100%;
	height:						300px;
	float:						left;
	position:					relative;
	display:					block;
}

@media (max-width: 450px) {
	.home-gallery-container a > img {
		height:					200px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.home-gallery-container:nth-child(1),
	.home-gallery-container:nth-child(2) {
		margin-bottom:			40px;
	}
	
	.home-gallery-container:nth-child(3) {
		margin:					0px auto;
		float:					none;
	}
}

.home-gallery-info {
	display:					block;
	float:						left;
	position:					relative;
	width:						100%;
	color:						#333333!important;
	line-height:				inherit!important;
	font-size:					inherit!important;
	padding:					0!important;
	font-style:					normal!important;
}

@media(min-width: 992px) {
	.page-content-right {
		float:						right;
	}

	.page-image-left {
		float:						left!important;
	}
}

#skitter-2,
#skitter-3 {
	margin-top:					0!important;
}

.container-box.main-box {
	float:						left;
	margin:						0px;
	width:						100%;
}

@media (min-width: 992px) and (max-width: 1470px) {
	.container-box.main-box {
		float:						left;
		margin:						0px 40px 0px 0px;
		width:						calc(100% - 40px);
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container-box.main-box {
		float:						left;
		margin:						0px 25px 0px 0px;
		width:						calc(100% - 25px);
	}
}

.home-content {
	padding-bottom:				65px;
	float:						left;
}

.home-text {
	float:						left;
}

.home-text-width h1 {
	width:						100%;
	text-align:					center;
}

.home-text-width .title-underline {
	float:						none;
	margin:						30px auto!important;
}

@media (min-width: 768px) {
	.home-content-box-width:not(.block) {
		column-count:			2;
		column-gap:				50px;
		text-align:				justify;
	}
}

.home-content-box-width.block {
	text-align:					left;
}

.home-content-box-width.block .table-cell {
	padding-bottom:				50px;
	padding-right:				30px;
}

.home-content-box-width.block .table-row .table-cell:nth-child(even) {
	width:						calc(50% - 120px);
}

@media(max-width: 768px) {
	.home-content-box-width.block  .table .table-row .table-cell:nth-child(odd) {
		width:					80px!important;
		display:				block!important;
		float:					left;
	}
	.home-content-box-width.block  .table .table-row .table-cell:nth-child(even) {
		width:					calc(100% - 140px)!important;
		min-height:				80px;
		display:				block!important;
		float:					left;
	}
}

@media (min-width: 992px) {
	.home-text {
		width:					47.5%;
		float:					left;
		position:				relative;
		height:					100%;
	}
	.home-text:first-child {
		margin-right:			5%;
	}
}

.home-text h1 {
	color:						#04315E;
}

.home-content-box {
	float:						left;
	width:						100%;
}

.home-page {
	width:						100%;
	height:						auto;
	position:					absolute;
	float:						left;
	bottom:						50px;
}

.home-news-bg {
	height:						auto;
	width:						100%;
	position:					relative;
	background:					rgba(255,255,255,0.85);
	border-top:					1px solid #ffffff;
	float:						left;
	z-index:					52;
	min-height:					150px;
}

.home-news {
	margin:						40px 0px;
	position:					relative;
	float:						left;
	width:						100%;
}

.home-news-column {
	width:						calc(50% - 25px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-right:				25px;
}

.home-news-column:last-child {
	margin-right:	0px;
	margin-left:	25px;
}

@media(max-width: 991px) {
	.home-news-column {
		width:					100%;
		margin-left:			0!important;
		margin-right:			0!important;
	}
	.home-news-column:last-child {
		margin-top:	25px;
	}
}

.home-news-box {
	height:			auto;
	width:			100%;
	display:		block;
	position:		relative;
	overflow:		hidden;
}

.home-news-box:hover {
}

.home-news-img {
	position:		relative;
	float:			left;
	height:			auto;
	max-height:		125px;
	width:			160px;
	margin-right:	25px;
}

.home-option-two .home-news-img {
	max-height:		188px;
	width:			240px;
}

.home-news-title {
	width:			calc(100% - 185px);
	height:			auto;
	display:		block;
	position:		relative;
	float:			left;
	line-height:	30px;
	font-size:		18px;
	color:			#000000;
	border-bottom:	1px solid #000000;
}

.home-option-two .home-news-title {
	width:			calc(100% - 265px);
	margin-bottom:	10px;
}

.home-news-date {
	width:			auto;
	height:			25px;
	display:		block;
	position:		absolute;
	line-height:	25px;
	color:			#ffffff;
	-webkit-transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: 	rotate(-45deg);
	transform: 		rotate(-45deg);
	background:		rgba(4,49,94,0.95);
	box-shadow:		0px 0px 5px rgba(0,0,0,0.5);
	top:			23px;
	padding:		0px 30px;
	left:			-32px;
}

.home-news-info {
	height:			auto;
	width:			100%!important;
	line-height:	22px;
	font-size:		15px;
	color:			#000000;
	text-align:		left;
	display:		block;
	position:		relative;
	padding:		10px 0px 5px;
}

@media(max-width: 480px) {
	.home-news-title {	
		width:		100%;
	}
	.home-news-info {
		float:		left;
	}
}
/*
@media(max-width: 767px) {
	.home-news-column:last-child {
		display:	none;
	}
}
*/
.home-news-box:hover > span > .home-news-title,
.home-news-box:hover > span > .home-news-info {
	color:			#555555;
}

.home-info-prod {
	position:		relative;
	float:			left;
	height:			auto;
	background:		#ffffff;
	width:			100%;
	padding:		30px 0px;
	border-top:		1px solid #e8e8e8;
}

#home-prod-0 .home-description {
	width:			100%;
	max-width:		100%;
}

.home-info-prod h5 {
	font-size:		25px;
}

.home-info-prod h6 {
	font-size:		20px;
	color:			#04315E;
}

.home-prod-desc {
	height:			auto;
	width:			100%;
	position:		relative;
	float:			left;
	border-top:		1px solid #e8e8e8;
	border-bottom:	1px solid #969797;
	padding:		50px 0px;
}

.home-prod-desc:first-of-type {
	border-top:		none;
}

.home-prod-desc:last-child {
	border-bottom:	none;
}

.home-description {
	max-width:		65%;
	position:		relative;
	float:			left;
}

@media (min-width: 1240px) {
	.text-col-2 {
		min-height:				100%;
		-moz-column-count:		2;
		-webkit-column-count:	2;
		column-count:			2;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
	.text-col-3 {
		min-height:				100%;
		-moz-column-count:		3;
		-webkit-column-count:	3;
		column-count:			3;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
}

.home-prod-image {
	max-width:					25%;
	margin:						0 5%;
	position:					relative;
	float:						left;
	width:						100%;
	height:						350px;
}

/*
.home-prod-desc:nth-child(even) > .home-prod-image {
	margin:						0 10% 0 0;
}
*/
@media (max-width: 767px) {
	.home-prod-desc {
		padding-top:0px;
	}
	.home-description {
		max-width:	100%;
	}
	.home-prod-image {
		max-width:					50%;
		margin-left:				25%;
	}
	.B100 .bxslider li {
		background-position:		center;
	}
}

/* STARTSEITE --------------------------------------------------------------------- ENDE */

/* Seite - scrollbar --------------------------------------------------------------------- START */

.page-id-con {
	position:					relative;
	height:						100%;
	width:						100%;
	float:						left;
	border-bottom:				1px solid #969797;
	border-top:					1px solid #ffffff;
} 

@media(max-width: 991px) {
	.page-id-con {
		padding-bottom:			40px;
	}
}

.page-id-con:first-child {
	border-top:					none;
}

.page-id-con:last-child {
	margin-bottom:				50px;
	border-bottom:				none;
}

/* Seite - scrollbar ---------------------------------------------------------------------- ENDE */

/* Bewerbungsformular ---------------------------------------------------------------------- START */

.contact-carrier #page-bg {
	display:			block!important;
}

.contact-carrier label:not(.check) {
    float: 				left;
    font-size: 			14px;
    line-height: 		30px;
	width:				30%;
}

.contact-carrier {
   width:				45%;
   float:				left;
   margin-top:			35px;
   margin-bottom:		20px;
}

@media (max-width: 995px) {
	.contact-carrier {
	   width:				100%;
	   float:				left;
	   margin-top:			50px;
	}
}

.contact-carrier  textarea {
	float:				left;
	height:				85px;
    margin-bottom: 		20px !important;
	resize:				none;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#fff;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	font-family:		Open Sans, sans-serif;
	margin-top:			0px;
}

.contact-carrier input:not(.check):not(.file) {
	margin-bottom:		20px;
	width:				calc(70% - 26px);
}

@media (max-width: 767px) {
	.contact-carrier input:not(.check):not(.file) {
		width:			calc(100% - 26px);
	}	
	.contact-carrier label:not(.check) {
		width:			50%;
	}
}

@media (min-width: 992px) and (max-width: 1029px) {
	.contact-carrier input:not(.check):not(.file) {
		width:			calc(60% - 26px);
	}	
	.contact-carrier label:not(.check) {
		width:			40%;
	}
}

.long-input {
	width:				calc(100% - 26px)!important;
}

.contact-carrier button {
    height: 			34px;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#eaeaea;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	width:				calc(50% - 17.5px) !important;
}

.contact-carrier button[name="back"],
.contact-carrier button[name="reset"] {
    margin-right:		15px;
}

.contact-carrier button[name="next"],
.contact-carrier button[name="CS"] {
    margin-left:		15px!important;
}

.contact-carrier button[name="CS"] {
    color:				#333;
}

.contact-carrier input:focus,
.contact-carrier textarea:focus {
	border-color:		#04315E;
	box-shadow:			0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:			0 none;
}

.contact-carrier button[disabled],
.contact-carrier input[disabled] {
    cursor: 			default;
	color:				#aaa;
}

.contact-carrier label[for="CF8"] {
	margin-bottom: 		20px;
	width: 				calc(100% - 20px);
	padding-left: 		5px;
	float:				left;
}

.contact-carrier input[type="checkbox"] {
	margin-top: 		5px;
	float:				left;
}

.contact-carrier label.long-input,
.contact-carrier input.long-input[name="file"] {
	width:				100%!important;
}

.control-group {
	height:				auto;
	width:				100%;
	float:				left;
	position:			relative;
}

.control-group .container-checkbox {
	float:				left;
	padding-top:		4px;
	margin-top:			5px;
	margin-bottom:		25px;
}

/* Bewerbungsformular ----------------------------------------------------------------------- ENDE */

/* Ansprechpartner -------------------------------------------------------------------------- START */

.team-area .team-person {
	width:						80%;
	height:						auto;
	margin:						0 auto;
	position:					relative;
}

.team-area a {
	color:						#000000;
}

.team-table {
	width:						100%;
	height:						auto;
	table-layout:				fixed;
    border-spacing:				30px;
    border-collapse:			separate;
}

.team-table td {
	vertical-align:				top;
}

.team-table td > figure:first-child {
	width:						100%;
	max-width:					300px;
	overflow:					hidden;
	margin:						0 auto 20px auto;
	box-shadow:					0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.team-table td > figure img {
	width:						100%;
	height:						auto;
	border:						none;
}

/* Ansprechpartner --------------------------------------------------------------------------- ENDE */

/* NEWS --------------------------------------------------------------------------- START */

.news-box {
	display: 					block;
    height: 					auto;
    margin: 					0 auto 25px;
    overflow: 					hidden;
    position: 					relative;
	width:						100%;
}

.news-box:first-of-type {
    margin: 					25px auto;
}

.news-img {
	height:						100%;
	width:						200px;
	position:					relative;
	float:						left;
}

.news-info {
	height:						100%;
	width:						calc(100% - 215px);
	display:					block;
	position:					relative;
	float:						left;
	left:						15px;
}

@media (max-width: 768px) {
	.news-info {
		width:					100%;
		left:					0;
	}	
}

.news-title {
    color: 						#000;
    display: 					block;
    font-size: 					24px;
    font-weight: 				bold;
    line-height: 				30px;
    position: 					relative;
    float:		 				left;
	width:						auto;
}

.news-date {
	height:						30px;
	line-height:				30px;
	position:					relative;
	display:					block;
	float:						right;
	font-size:					16px;
	color:						#04315E;
	width:						auto;
}

.news-sentence {
	height:						auto;
	line-height:				25px;
	font-size:					16px;
	color:						#000;
	text-align:					justify;
	display:					block;
	position:					relative;
	overflow:					hidden;
	padding-top:				15px;
	margin-top:					15px;
	float:						left;
	width:						100%;
	border-top:					1px solid #04315E;
}

.news-more-btn {
	line-height:				30px;
	font-size:					18px;
	right: 						0px;
	bottom:						0px;
	display:					block;
	position: 					absolute;
	color:						#000;
	padding-right:				0px;
}

.news-box .news-more-btn:hover {
	color:			#666;
}

/* NEWS --------------------------------------------------------------------------- ENDE */

/* TERMINE --------------------------------------------------------------------------- START */

.date-table {
	width:						100%;
	display:					table;
}

.date-table > a,
.date-table > article > h4 {
	font-size:					16px;
	line-height:				35px;
	display:					table-row;
	text-decoration:			none;
	color:						#000000;
	background-color:			#ffffff;
	width:						100%;
	float:						left;
}

.date-table > a:nth-child(2n) {
	background-color:			#444444;
	color:						#ffffff;
}

.date-table > a:hover {
	background-color:			rgba(0, 0, 0, 0.4);
	color:						#ffffff;
}

.date-table > a  > article,
.date-table > a  > section,
.date-table > a  > aside,
.date-table > article > h4 > span {
	padding:					5px 0px 5px 20px;
	display:					block;
	overflow:					hidden;
	position:					relative;
	float:						left;
	width:						auto;
}

.date-more {
	float:						right!important;
}

.date-table > a  > section:first-child,
.date-table > article > h4 > span:first-child {
	padding-left:				20px;
	min-width:					25%;
}

.date-table > a  > :nth-child(3),
.date-table > article > h4 > span:nth-child(3) {
	padding-right:				20px;
}

@media (max-width: 810px) {
	.date-table > article > h4,
	.date-date,
	.date-title,
	.date-more {
		display:				none;
	}
}

.date-details .btn {
	margin-bottom:				50px;
}

/* TERMINE --------------------------------------------------------------------------- ENDE */

/* MEDIATHEK --------------------------------------------------------------------- START */
.mediathek {
	padding-top:			0px;
}

.container-box.mediathek {
	height:					100%;
}

.PDFArea {
	height:					1500px;
	margin-top:				25px;
}

.btn-info {
	background:				rgba(0, 0, 0, 0) linear-gradient(to bottom, #04315e, #04315e 50%, #032a51 50%) repeat scroll 0 0;
	border:					none;
}

.btn-info:hover,
.btn-info:focus {
	background-color:		#444444;
	border:					none;
}

.mediathek .login-area,
.mediathek .download-area {

}

@media (min-width: 769px) { 
	.mediathek .login-area {
		height:				100%;
		/*background:		url(images/media-login.png) repeat-y;*/
		background-size:	contain;
		width:				25%;
		position:			relative;
		float:				left;
		/*border-left:		5px solid rgba(255,255,255,0);
		border-right:		5px solid rgba(255,255,255,0);
		box-shadow:			0px 0px 5px rgba(0,0,0,0.5);*/
		margin-top:			40px;
	}
}

.mediathek .login-area {
	margin-top:				40px;
}

.mediathek .download-area {
	padding-top:			50px;
	left:					5%;
	width:					70%;
	position:				relative;
	float:					left;
} 

.B370 .mediathek .download-area,
.B380 .mediathek .download-area,
.B900 .mediathek .download-area {
	padding-top:			25px;
	left:					5%;
	width:					calc(100% - 110px);
	position:				relative;
	float:					left;
} 

@media(max-width: 767px) {
	.mediathek .download-area {
		left:				0%;
		width:				100%;
	}
	
	.B370 .mediathek .download-area,
	.B380 .mediathek .download-area,
	.B900 .mediathek .download-area {
		left:				0%;
		width:				100%;
	}
}

.login-area label {
	padding-left:			0px; 
}

.login-area .form-control {
	width: 					calc(100% - 50px);
	margin:					0;
	height:					100%;
}

.mediathek .login-area form {
	top:					calc(50% - 91px);
	position:				relative;
}

.mediathek .login-area form #login {
	width:					calc(100% - 25px);
	left:					0px;
	position:				relative;
	border-radius:			0;
	color:					#ffffff;
}

.mediathek .login-area form #login:hover {
	color:					#aaaaaa;
}

.mediathek .login-area form .btn-default {
	background-color:		#E6E6E6;
	border-color:			#ADADAD;
}

.mediathek .login-area form .btn-default:hover {
	background-color:		#ffffff;
	border-color:			#66afe9;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:				0 none;
}

.mediathek .login-area form > div > input {
	box-shadow:				0 0px 5px rgba(0,0,0,0.3) inset;	
}

.mediathek .login-area .login-message {
	text-align:				justify;
	-o-hyphens:				auto;
	-ms-hyphens:			auto;
	-moz-hyphens:			auto;
	-webkit-hyphens:		auto;
	hyphens:				auto;
}

.mediathek .login-area .login-message .text-info {
	color:					#333333;
}

.mediathek .login-area .login-line > span {
	height:					25px;
	margin-bottom:			25px;
	border-bottom:			1px solid #cccccc;
	display:				block;
}

.mediathek .download-area .download-field {
	height:					auto;
	margin-bottom:			25px;
	width:					calc(33.3% - 16.7px);
	position:				relative;
	float:					left;
	margin-left:			25px;
}

@media (min-width: 992px) {
	.mediathek .download-area .download-field:nth-child(3n +1) {
		margin-left:			0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.mediathek .download-area .download-field {
		height:					auto;
		margin-bottom:			25px;
		width:					calc(50% - 12.5px);
		position:				relative;
		float:					left;
		margin-left:			25px;
	}
	.mediathek .download-area .download-field:nth-child(2n +1) {
		margin-left:			0px;
	}
}

@media (max-width: 767px) {
	.mediathek .download-area .download-field {
		height:					auto;
		margin-bottom:			25px;
		width:					100%;
		position:				relative;
		float:					left;
		margin-left:			0px;
	}
	.login-area .form-control {
		width: 					calc(100% - 26px);
		margin:					0;
		height:					100%;
	}
	.mediathek .login-area form #login {
		width:					100%;
		margin-top:				25px;
	}
}

.mediathek .download-area .download-field > a {
	width:					calc(100% - 50px);
	height:					auto;
	min-height:				95px;
    line-height:			1.42857;
	padding-top:			12px;
	padding-left:			50px;
	display:				block;
	position:				relative;
	color:					#555555;
	background-position:	12px center;
	background-repeat:		no-repeat;
	background-color:		#ffffff;
	outline:				medium none;
	border-radius:			4px;
	border:					1px solid #cccccc;
    font-size:				16px;
	overflow:				hidden;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset;
	transition:				border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	hyphens:				auto;
}

.mediathek .download-area .download-field:hover a {
	border-color:			#66afe9;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:				0 none;
}

.mediathek .download-area .download-field.active a {
	background-color:		#E6E6E6;
	border-color:			#ADADAD;
}

.mediathek .download-area .download-field aside {
	font-size:				12px;
}

/* MEDIATHEK ---------------------------------------------------------------------- ENDE */

/* Produkte --------------------------------------------------------------------------- START */

.products-container {
	width:			100%;
	height:			auto;
}

.products-box {
	height:			auto;
	display:		block;
	margin-bottom: 	25px;
	position:		relative;
	overflow:		hidden;
	width:			calc(100% - 145px);
	float:			left;
}

.products-box:first-of-type {
	margin-top: 	25px;
}

.products-box:hover > .products-info > .products-sentence {
	color:			#666666!important;
}

.products-box .products-img {
	height:			calc(100% - 10px);
	max-height:		300px;
	min-height:		300px;
	padding:		0px;
	margin:			5px;
	max-width:		400px;
	display:		block;
	width:			calc(100% - 10px);
	position:		relative;
	float:			left;
}

.products-box .products-info {
	height:			100%;
	display:		block;
	position:		relative;
	float:			left;
	padding-left:	50px;
	width:			calc(100% - 460px);
}

@media (min-width: 992px) and (max-width: 1350px) {
	.products-box .products-img {
		min-height:		200px;
		max-width:		250px;
	}
	.products-box .products-info {
		width:			calc(100% - 310px);
	}
}

@media (min-width: 0px) and (max-width: 992px) {
	.products-box .products-img {
		min-height:		200px;
		max-width:		250px;
	}
	.products-box .products-info {
		width:			100%;
		padding-left:	0px;
	}
	.products-box {
		width:			100%;
	}
	.products-pdf {
		position:		absolute!important;
		right:			5%;
	}
}

@media (min-width: 0px) and (max-width: 768px) {
	.products-container {
		float:			left;
	}
	.xs-marg {
		padding:		20px 0px 0px;
		border-bottom:	1px solid #969797;
		border-top:		1px solid #ffffff;
	}
	.xs-marg:nth-child(2) {
		padding-top:	0px;
		border-top:		none;
	}
	.xs-marg:nth-child(2) > .products-pdf {
		margin-top:		0px;
	}
	.xs-marg:last-child {
		border-bottom:	none;
	}
	.products-box {
		padding-right:	0px;
	}
}

@media (min-width: 0px) and (max-width: 565px) {
	td {
		font-size:		12px;
	}
}

.products-box .products-title {
	height:			auto;
	line-height:	40px;
	font-size:		24px;
	font-weight:	bold;
	color:			#04315E;
	text-align:		left;
	top:			0px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	white-space:	nowrap;
	padding-left:	0px;
	padding-bottom:	10px;
	border-bottom:	1px solid #04315E;
}

.products-sentence {
    bottom: 		0;
    color: 			#000;
    display: 		block;
    font-size: 		16px;
    height: 		auto;
    line-height: 	25px;
    overflow: 		hidden;
    padding-top: 	10px;
    position: 		relative;
    text-align: 	left;
}

.products-sentence td {
	padding-right:	10px;
}

.products-pdf {
	display:		block;
	color:			#ffffff;
	background:		#04315E;
	height:			auto;
	width:			100px;
	padding:		10px;
	position:		relative;
	float:			right;
	text-align:		center;
	margin-top:		25px;
}

.products-pdf-kat {
	display:		block;
	color:			#ffffff;
	background:		#04315E;
	height:			auto;
	width:			auto;
	padding:		6px 12px;
	position:		relative;
	float:			right;
	font-size:		14px;
	margin-top:		20px;
}

.products-pdf:hover,
.products-pdf:focus {
	color:			#aaaaaa;
	box-shadow:		0px 0px	5px rgba(0,0,0,0.3);
}

.products-pdf-kat:hover,
.products-pdf-kat:focus {
	color:			#ffffff;
	background-color:#444444;
}

/* Produkte --------------------------------------------------------------------------- ENDE */

/* Galerie - Referenzen ---------------------------------------------------------------------- START */

.overview-container:first-child,
.overview-container:nth-child(2),
.overview-container:nth-child(3) {
	margin-top:						25px;
}

@media (min-width: 992px) {
	.overview-container {
		width:						calc(33.3% - 33.3px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}

	.overview-container:nth-child(3n +1) {
		margin-left:				0px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.overview-container {
		width:						calc(50% - 25px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}
	.overview-container:nth-child(2n +1) {
		margin-left:				0px;
	}
	.overview-container:nth-child(3) {
		margin-top:					0px;
	}
}

@media (max-width: 767px) {
	.overview-container {
		width:						100%;
		margin-left:				0px;
		position:					relative;
		float:						left;
	}
	.overview-container:nth-child(2),
	.overview-container:nth-child(3) {
		margin-top:					0px;
	}
}

.page-overview {
	padding-right:				15px;
}

.page-overview a {
	width:						100%;
	height:						280px;
	margin:						0 0 50px;
	display:					block;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
	background-color:			#eeeeee;
	position:					relative;
	box-shadow: 				5px 5px 10px 0 rgba(0, 0, 0, 0.6);
}

.page-overview a > article {
	width:						100%;
	min-height:					50px;
	line-height:				50px;
	bottom:						0px;
	left:						0px;
	padding:					0;
	text-align:					center;
	position:					absolute;
	display:					block;
	color:						#ffffff;
	background:					rgba(4,49,94,0.75) !important;
	font-size:					16px;
}

.page-overview a:hover,
.page-overview a:hover article {
	background-color:			rgba(68,68,68,0.75) !important;
	text-decoration:			none;
}

/* Galerie - Referenzen ----------------------------------------------------------------------- ENDE */

/* Beispiele --------------------------------------------------------------------- START */

.gallery {
	height:						calc(100% - 100px);
	margin:						0px auto;
	padding-right:				15px;
}

.gallery-img {
	margin-top:					50px;
	height:						275px;
}

@media (min-width: 992px) {
	.gallery-img {
		width:						calc(33.3% - 33.3px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}

	.gallery-img:nth-child(3n +1) {
		margin-left:				0px;
	}
	
	.gallery-img:nth-child(1),
	.gallery-img:nth-child(2),
	.gallery-img:nth-child(3) {
		margin-top:					25px;
	}

	.gallery-img:last-child {
		margin-bottom:				15px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.gallery-img {
		width:						calc(50% - 25px);
		margin-left:				50px;
		position:					relative;
		float:						left;
	}
	.gallery-img:nth-child(2n +1) {
		margin-left:				0px;
	}
}

@media (max-width: 767px) {
	.gallery-img {
		width:						100%;
		margin-left:				0px;
		position:					relative;
		float:						left;
	}
}

.gallery-img > a,
.gallery-img a > img {
	position:					relative;
	width:						100%;
	height:						100%;
}

.gallery-img > a {
	width:						100%;
	height:						100%;
	display:					block;
	box-shadow: 				5px 5px 10px 0 rgba(0, 0, 0, 0.6);
}

.gallery-img > a > article {
	width:						100%;
	height:						50px;
	top:						calc(100% - 65px);
	left:						0;
	z-index:					5;
	position:					absolute;
	font-size:					20px;
	font-weight:				500;
	text-align:					center;
	color:						#005597;
	background:					rgba(255,255,255,0.85);
	line-height:				50px;
}

@media(max-width: 1024px) {
	.gallery-img > a:hover {
		cursor:					default;
	}
}

/* Beispiele ---------------------------------------------------------------------- ENDE */

/* Kontakt --------------------------------------------------------------------- START */

#logic-illusion {
	display:					none !important;
}

.form-control:focus {
	border-color:				#04315E;
	box-shadow:					0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:					0 none;
}

.form-control {
	width: 						calc(100% - 26px);
}

.page-contact .btn {
	width: 						100%;
}

.page-contact .page-1 label {
	margin-top:					10px;
}

.page-contact .page-1 label.container-checkbox {
	margin-top:					25px;
	margin-bottom:				0px;
	padding-top:				4px;
}

.page-contact .page-1 label[for="CF4"] {
	margin-top: 				22px;
	width: 						calc(100% - 20px);
	padding-left: 				5px;
	float:						left;
}

.page-contact .page-1 input[type="checkbox"] {
	margin-top: 				25px;
	float:						left;
}

.page-contact .page-1 button {
	margin-top:					10px;
	background-color:			#04315E;
	color:						#ffffff;
}

.page-contact .page-1 button:hover {
	background-color:			#444444;
}

.page-contact .page-1 textarea {
	height:						100px;
	resize:						none;
}

.page-contact .page-1 .contact-info {
	margin-top:					27px;
	line-height:				28px;
	font-size:					16px;
	letter-spacing:				0.5pt;
	word-spacing:				1pt;
	position:					relative;
	float:						left;
	width:						100%;
}

.page-contact .page-1 .contact-info a {
	text-decoration:			none;
	color:						inherit;
}

.page-contact .page-1 .contact-info a:hover {
	text-decoration:			underline;
}

.page-contact .page-1 .contact-info > div {
	font-size:					12px;
	border-bottom:				1px solid #aaaaaa;
}

.page-contact .page-1 .contact-info > p {
	width:						auto;
	float:						left;
	font-style:					normal;
}

@media (min-width: 993px) and (max-width: 1050px) {
	.page-contact .page-1 .contact-info > p:nth-child(2) {
		width:						auto;
		float:						left!important;
	}
}

@media (min-width: 621px) {
	.page-contact .page-1 .contact-info > p:nth-child(2) {
		width:						auto;
		float:						right;
	}
}

@media (max-width: 620px) {
	.page-contact .page-1 .contact-info > p:nth-child(2) {
		width:						auto;
		float:						left;
	}
}

.page-contact .page-1 .contact-info > p + p {
	float:						right;
}

@media (max-width: 1049px) {
	.page-contact .page-1 .contact-info p,
	.page-contact .page-1 .contact-info p + p {
		width:					auto;
		float:					left;
		padding-right:			10px;
	}
}

.page-contact .page-2 #recaptcha_widget_div {
	margin-bottom:				30px;
}

.page-contact .page-2 .btn-group {
	width:						100%;
}

.page-contact .page-2 .btn-group button.btn {
	width:						calc(30% - 2.5px);
}

.page-contact .page-2 .btn-group input.btn {
	width:						calc(70% - 2.5px);
	background-color:			#04315E;
	color:						#ffffff;
}

.page-contact .page-2 .btn-group input.btn:hover {
	background-color:			#444444;
}

.important {
	color:						#ff0000;
}

/* Kontakt ---------------------------------------------------------------------- ENDE */

/* Impressum --------------------------------------------------------------------- START */

.impressum {
	font-size:					14px;
}

.imprint-content {
	width: 						100%;
	margin-bottom: 				30px;
	padding-right: 				25px;
}

.imprint-area {
	width:						33%;
	float:						left;
	position:					relative;
}

.privacy-content {
	width:						100%;
	margin-bottom:				30px;
}

@media (max-width: 930px) {
	.imprint-content {
		width:					100%;
	}
	.privacy-content {
		width:					100%;
	}
}

.imprint-section {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}

.imprint-fill-in {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}

@media (min-width: 520px) and (max-width: 992px) {
	.imprint-section {
		width:						45%;
	}

	.imprint-fill-in {
		width:						55%;
	}
}

.imprint-space {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}

.impressum a {
	color:						inherit;
	text-decoration:			underline;
}

.impressum a:hover {
	opacity:					0.8;
	text-decoration:			none;
}

.link-lisa,
.link-privacy {
	color:						#000000;
}

/* IMPRESSUM ---------------------------------------------------------------------- ENDE */

/* SITEMAP ---------------------------------------------------------------------- START */

.sitemap-content {
	width: 						100%;
	margin-bottom: 				30px;
	padding-right: 				25px;
}

@media (max-width: 930px) {
	.sitemap-content {
		width:					100%;
	}
}

.sitemap-area {
	width:						25%;
	float:						left;
	position:					relative;
	line-height:				30px;
	hyphens:					none!important;
}

.sitemap-section {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}


@media (min-width: 768px) and (max-width: 992px) {
	.sitemap-area {
		width:						50%;
	}
	.sitemap-section {
		width:						100%;
	}

}

@media (max-width: 767px) {
	.sitemap-area {
		width:						100%;
	}
	.sitemap-section {
		width:						100%;
	}
}

.sitemap-space {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}


/* IMPRESSUM ---------------------------------------------------------------------- ENDE */

/* ONLINEBEWERBUNG ---------------------------------------------------------------- START */

#AF_Page_4_Right {
	margin-top:			70px;
	float:				right;
	display:			none;
}

.ApplicationForm #AF_Page_1,
.ApplicationForm #AF_Page_2,
.ApplicationForm #AF_Page_3,
.ApplicationForm #AF_Page_4 {
	padding:			0px 30px 0px 0px;
	overflow:			hidden;
	display:			none;
}

.ApplicationForm #AF_Page_1 {
	display:			block;
}

.ApplicationForm #AF_Page_2 {
}

.ApplicationForm #AF_Page_3 {
}

.ApplicationForm #AF_Page_4 {
}

.test {
	width:				100%;
	float:				left;
	margin-bottom:		10px;
}

.online-carrier #page-bg {
	display:			block!important;
}

.online-carrier select {
	float: 				left;
    font-size: 			14px;
    line-height: 		22px;
	width:				50%;
}

.online-carrier label:not(.check) {
    float: 				left;
    font-size: 			14px;
    line-height: 		22px;
	width:				50%;
}

.online-carrier .privacy-label {
	width:				97%!important;
	margin-bottom:		10px;
}

.online-carrier {
   width:				45%;
   float:				left;
   margin-top:			35px;
   margin-bottom:		20px;
}

@media (max-width: 995px) {
	.online-carrier {
	   width:				100%;
	   float:				left;
	   margin-top:			50px;
	}
}

.online-carrier  textarea {
	float:				left;
	height:				85px;
    margin-bottom: 		20px !important;
	resize:				none;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#fff;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	font-family:		Open Sans, sans-serif;
	margin-top:			0px;
}

.online-carrier input:not(.check):not(.file) {
	width:				calc(50% - 26px);
}

@media (max-width: 767px) {
	.online-carrier input:not(.check):not(.file) {
		width:			calc(100% - 26px);
	}	
	.online-carrier label:not(.check) {
		width:			50%;
	}
}

@media (min-width: 992px) and (max-width: 1029px) {
	.online-carrier input:not(.check):not(.file) {
		width:			calc(60% - 26px);
	}	
	.online-carrier label:not(.check) {
		width:			40%;
	}
}

.online-long-input {
	width:				calc(100% - 26px)!important;
}

.online-carrier button {
    height: 			34px;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#eaeaea;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	width:				calc(50% - 17.5px) !important;
}

.online-carrier button[name="back"],
.online-carrier button[name="reset"] {
    margin-right:		15px;
}

.online-carrier button[name="next"],
.online-carrier button[name="CS"] {
    margin-left:		15px!important;
}

.online-carrier button[name="CS"] {
    color:				#333;
}

.online-carrier input:focus,
.online-carrier textarea:focus {
	border-color:		#04315E;
	box-shadow:			0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:			0 none;
}

.online-carrier button[disabled],
.online-carrier input[disabled] {
    cursor: 			default;
	color:				#aaa;
}

.online-carrier label[for="CF8"] {
	margin-bottom: 		20px;
	width: 				calc(100% - 20px);
	padding-left: 		5px;
	float:				left;
}

.online-carrier input[type="checkbox"] {
	margin-top: 		5px;
	float:				left;
	position:			absolute;
	left:				0px;
}

.online-carrier label.long-input,
.online-carrier input.long-input[name="file"] {
	width:				100%!important;
}

.online-control-group {
	height:				auto;
	width:				100%;
	float:				left;
	position:			relative;
}

.online-control-group .container-checkbox {
	float:				left;
	padding-top:		4px;
	margin-top:			5px;
	margin-bottom:		25px;
}






.online-form-control {
  display: 					block;
  width: 					100%;
  height: 					10px;
  padding: 					6px 12px;
  font-size: 				14px;
  line-height: 				1.42857143;
  color: 					#555555;
  background-color: 		#ffffff;
  background-image: 		none;
  border: 					1px solid #ccc;
  -webkit-box-shadow: 		inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 				inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: 		border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: 			border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin:					0 auto;
}
.online-form-control:focus {
  border-color: 			#66afe9;
  outline: 					0;
  -webkit-box-shadow: 		inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(102, 175, 233, 0.6);
  box-shadow: 				inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.online-form-control::-moz-placeholder {
  color: 					#999999;
  opacity: 					1;
}
.online-form-control:-ms-input-placeholder {
  color: 					#999999;
}
.online-form-control::-webkit-input-placeholder {
  color: 					#999999;
}
.online-form-control[disabled],
.online-form-control[readonly],
fieldset[disabled] .online-form-control {
  background-color: 		#eeeeee;
  opacity: 					1;
}
.online-form-control[disabled],
fieldset[disabled] .online-form-control {
  cursor: 					not-allowed;
}
textarea.online-form-control {
  height: 					auto;
}



.breit {
	width:					100%!important;
}

.breit-text {
	width:					100%!important;
}

/* ONLINEBEWERBUNG ---------------------------------------------------------------- ENDE */