/* ------ FORMHANDLER ------ */
.Tx-Formhandler .form-show-more-fields {
	cursor: pointer;
	color: #fff;
	padding: 0.8rem;
	font-size: 0.875rem;
	display: none;
}
.Tx-Formhandler label.form-fields-headline {
	margin-bottom: 0.6rem;
}
.Tx-Formhandler label.left + label.left {
	margin-left: 1rem;
}
.Tx-Formhandler .error,
.Tx-Formhandler .success {
	padding: 0;
	background: none;
}
.Tx-Formhandler .error input,
.Tx-Formhandler .success input {
	margin-bottom: 1rem;
}
.Tx-Formhandler .error input {
	border-color: #d40303;
}
.Tx-Formhandler .success input {
	border-color: #16be00;
}
.Tx-Formhandler input.text {
	height: 26px;
	font-size: 0.875rem;
	border: 1px solid #aaa;
	padding: 3px 5px;
}
input.submit {
	height: auto;
}
input.radio {
	border: 0; 
	height: auto;
}
td.website, 
.Tx-Formhandler .contact_website { 
	display: none; 
}
.Tx-Formhandler ul.error {
	list-style-position: inside;
	margin: 0;
	margin-bottom: 1.250rem;
	background: none;
	border: 1px solid #d40303;
	padding: 1rem;
}
.Tx-Formhandler ul.error > li {
	font-size: 0.875rem;
}
.Tx-Formhandler p.error input,
.Tx-Formhandler p.error textarea {
	border: 1px dashed red;
}

.Tx-Formhandler span.loading,
.Tx-Formhandler .formhandler-ajax-validation-result {
	vertical-align: top;
	float: right;
	margin-top: 0.125rem;
}
.Tx-Formhandler .loading_ajax-submit {
	display: none;
	color: #F00;
	font-weight: bold;
	font-style: italic;
}
.Tx-Formhandler .loading_ajax-submit img {
    vertical-align: middle;
}

.survey_item input[type="checkbox"],
.survey_item input[type="radio"] {
	margin-right: 0.313rem;
}
.survey_item textarea {
	width: 100%;
}

/* ---------- NEWS ---------- */
.news-single ul {
	list-style-position: inside;
}
.news-single-img {
  float: left;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
.news-single-img p {
  margin: 0;
  font-style: italic;
}
.newsBox {
	margin-bottom: 1.250rem;
}

/* ------ FIT-TIPS ------ */

p.intro {
	font-size: 1.063rem;
	font-weight: normal;
	color: #000;
	margin-bottom: 0.313rem;
}

/* ------ TEASER ------ */

.teaser {
	border: 1px solid #ccc7ca;
	text-align: center;
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	-webkit-transition: border-color .3s ease;
	   -moz-transition: border-color .3s ease;
			transition: border-color .3s ease;
}
.teaser .teaserTitle {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	-webkit-transition: visibility .3s ease, opacity .3s ease;
	   -moz-transition: visibility .3s ease, opacity .3s ease;
			transition: visibility .3s ease, opacity .3s ease;
}
.teaser .teaserTitle h3 {
	margin-bottom: 0;
	display: block;
	color: #313E66;
	text-transform: uppercase;
	font-size: 0.938rem;
}
.teaser .teaserDescription {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 5;
	display: table;
	padding: 1rem 0.5rem;
	background-color: #313E66;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
			transition: all .3s ease;
}
.teaser .teaserDescription:after {
	top: -1px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #fff;
	border-width: 0;
	margin-left: 0;
	-webkit-transition: border-width .3s ease, margin-left .3s ease;
	   -moz-transition: border-width .3s ease, margin-left .3s ease;
			transition: border-width .3s ease, margin-left .3s ease;
}
.teaser .teaserDescription h4 {
	color: #fff;
	text-transform: none;
	font-size: 0.875rem;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
}
.teaser > a {
	display: table;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	color: #313E66;
	padding: 1rem 0.5rem;
}
.teaser:hover {
	border-color: transparent;
}
.teaser:hover .teaserTitle {
	opacity: 0;
	visibility: hidden;
}
.teaser:hover .teaserDescription {
	visibility: visible;
	opacity: 1;
}
.teaser:hover .teaserDescription:after {
	border-width: 12px;
	margin-left: -12px;
}

.teaserImage {
	margin: 0.625rem 0;
}

/* ------ POPUP ------ */

#rgpopup {
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
}

.tx-rgpopup-right a {
	background: url("../images/close.gif") no-repeat scroll left center;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	margin-right: 5px;
}

table.pop_dialog_table {
	border-collapse: collapse;
	margin: auto;
	table-layout: fixed;
	width: 100%;
	direction: ltr;
}

td.pop_topleft,
td.pop_topright,
td.pop_bottomleft,
td.pop_bottomright {
	height:10px;
	overflow:hidden;
	padding:0!important;
	padding:5px;
	width:10px!important;
	width:0;
}

td.pop_topleft {background: url('../images/border-popup.png') no-repeat 0 0;}
td.pop_topright {background: url('../images/border-popup.png') no-repeat 0 -10px;}
td.pop_bottomleft {background: url('../images/border-popup.png') no-repeat 0 -20px;}
td.pop_bottomright {background: url('../images/border-popup.png') no-repeat 0 -30px;}

td.pop_top,
td.pop_bottom {background:url('../images/border-popup.png') repeat-x 0 -40px;}
td.pop_side {background:url('../images/border-popup.png') repeat-y -10px 0;}

td.pop_content {
	background-color:#fff;
	padding:0;
	direction:ltr;
}
.pop_dialog_rtl td.pop_content{
	direction: rtl;
}

/* ------ POPUP - FORMULAR ------ */

#hi_popup {
	max-width: 545px;
	text-align: left;
	padding: 10px 10px 5px 10px;
}
#fancybox-overlay {
	position: fixed !important;
}

/* ------ GEWINNSPIEL ------ */

.tx-hidicelottery-pi1 input.submit {
    background: url("../images/gewinnspiel-button.jpg") no-repeat center;
    border: 0 none;
    cursor: pointer;
    height: 68px;
    margin: 10px 0 20px;
    width: 350px;
}
.tx-hidicelottery-pi1 td.website {display: none;}

/* ------ GOOGLE MAP ------ */

.tx-lumogooglemaps-pi1 {
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
}
.tx-lumogooglemaps-pi1 > div {
    position: absolute !important;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
}
.tx-lumogooglemaps-pi1 img {
    max-width: none;
}
.tx_lumogooglemaps_pi1_infobox {
    width: 180px;
}