﻿/*
Raab Karcher content stylesheet
v1.0
Last Updated: 2014-03-11
Author: Christian Rohleder
*/

/* patch: new-rk-ci-01 (start) */

/*@font-face {
	font-family: 'TheMixOsF SemiBold';
	src: url('../fonts/TheMix_LP_6_.eot');
	src: local('ò∫'), url('../fonts/TheMix_LP_6_.woff') format('woff');
}

@font-face {
	font-family: 'TheMixOsF Bold';
	src: url('../fonts/TheMix_LP_TT7_.eot');
	src: local('ò∫'), url('../fonts/TheMix_LP_TT7_.woff') format('woff');
}

@font-face {
	font-family: 'TheSansOsF Plain';
	src: url('../fonts/TheSans-LP5-Plain.eot');
	src: local('ò∫'), url('../fonts/TheSans-LP5-Plain.woff') format('woff');
}

@font-face {
	font-family: 'TheSansOsF Bold';
	src: url('../fonts/TheSans-LP7-Bold.eot');
	src: local('ò∫'), url('../fonts/TheSans-LP7-Bold.woff') format('woff');
}*/

@font-face {
	font-family: 'AzoSans Light';
	src: url('../fonts/AzoSans-LightWeb.eot');
	src: local('ò?'), url('../fonts/AzoSans-LightWeb.woff') format('woff');
}

@font-face {
	font-family: 'AzoSans Regular';
	src: url('../fonts/AzoSans-RegularWeb.eot');
	src: local('ò?'), url('../fonts/AzoSans-RegularWeb.woff') format('woff');
}

@font-face {
	font-family: 'AzoSans Medium';
	src: url('../fonts/AzoSans-MediumWeb.eot');
	src: local('ò?'), url('../fonts/AzoSans-MediumWeb.woff') format('woff');
}

@font-face {
	font-family: 'AzoSans Bold';
	src: url('../fonts/AzoSans-BoldWeb.eot');
	src: local('ò?'), url('../fonts/AzoSans-BoldWeb.woff') format('woff');
}

/* patch: new-rk-ci-01 (end) */

body {
	font-family: 'AzoSans Regular', Helvetica, Arial, sans-serif; /* patch: new-rk-ci-01 */
	/*background: url('http://office.kwp-marketing.de/kunden/templates/responsive-guide.jpg') no-repeat 0 0 transparent scroll;*/
	-webkit-backface-visibility: hidden;
}

/* patch: new-rk-ci-01 (start) */

/* 'TheSansOsF Bold' -> 'AzoSans Bold' */
h4,
strong,
.slideNumber,
.decoTypeMap .downloadBox .downloadItem a,
.downloadBox .downloadItem a,
.contactPersonBox h4,
.contactInfoBox h3,
.contactBoxContent h3,
.iconList li.iconPerson span,
.jobBox .headerBox span {
	font-family: 'AzoSans Bold', Helvetica, Arial, sans-serif;
	text-transform: none;
}

/* 'TheMixOsF SemiBold' -> 'AzoSans Bold' */
h1 b,
h1 strong,
h2,
.contentColumnBox > .gridBoxAD > .gridItemB h2,
h3,
.textBox .contentWrapper h3,
.textBox .contentWrapper h2,
.imageSlider h2,
.linkedButton.typeA .bgLeft,
.linkedButton.typeB .bgLeft,
.linkListBox .linkItem a,
.locationSearchBar input[type="text"],
.locationSearchBar input.isPlaceholder[type="text"],
.toShopLogin .linkedButton .bgLeft,
.boxContainerHeadline h2,
.contentColumnBox .yearSelect li,
.uaTablet .categorySelect li,
.uaDesktop .categorySelect li,
.pressBoxOverviewContainer .yearGroup .monthGroup > h3,
.newsletterSignInSidebar #email,
.borderedContainer > .headerBox h2,
.moreLocationsBox h2,
.moreLocationsBox h3,
.copyrightBox h2,
.downloadContainer .contentBox .downloadList h3,
.rssFeedBox h2,
.addressBox h3,
.calendarItem .number,
.roundabout-navigation td .navItem p,
.styledButton .label,
.craftsSelect .fakeTitle,
.actionSelect .fakeTitle,
.styledHeading h2,
.divOverlay .overlayText,
.addEntourage button,
.content-switcher button,
.downloadList .downloadItem .gridBoxAE .gridItemB a {
	font-family: 'AzoSans Bold', Arial, Helvetica, sans-serif;
	text-transform: none;
}


/* 'TheSansOsF Plain' -> 'AzoSans Regular' */
p,
ol > li,
.contentColumnBox ul li,
.textBox .contentWrapper p,
.downloadBox .downloadItem p,
.linkListBox .linkItem p,
.contactPersonBox span,
.contactPersonBox a,
.contactPersonBox .phone,
.gearsFoldingBox .headerBox h3,
.gearsAppendingBox .headerBox h3,
ul.iconList > li,
.contactInfoBox table th,
.contactInfoBox table td,
.fakeSelect .fakeTitle,
.rssFeedBox p a,
.contactBox .errorLog,
.contactBox textarea,
.calenderForm label,
.architectForm label,
.onlineShopPanel .msgBox,
.styledTextField input[type="password"],
.styledTextField input[type="text"],
.contactBox input[type="text"],
.contactBox select,
.contactBox textarea,
.contactBox label,
.tx-felogin-pi1 label,
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"],
.contentFrameBoxBody > .contentColumnBox > .gridBox > .gridItemB a,
.extraNav ul.options > li > a,
.extraNav ul.options > li > span,
.calendarItem .number {
	font-family: 'AzoSans Regular', Arial, Helvetica, sans-serif;
	text-transform: none;
}


/*h5,*/
b,
strong {
	font-family: 'AzoSans Medium', Arial, Helvetica, sans-serif;
	text-transform: none;
}

/* patch: new-rk-ci-01 (end) */

/* TESTING */

h1 {
	margin-bottom: 20px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-family: 'AzoSans Light', Helvetica, Arial, sans-serif; /* patch: new-rk-ci-01 */
	font-size: 30px;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #000;
}

h2 {
	margin-bottom: 10px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 16px; /* text-transform: none; patch: new-rk-ci-01 18px->14px */
	line-height: 20px; /* text-transform: none; patch: new-rk-ci-01 20px->22px */
	letter-spacing: 0.3px; /* patch: new-rk-ci-01 */
	text-transform: none; /* patch: new-rk-ci-01 */
	color: #000;
}

.contentColumnBox > .gridBoxAD > .gridItemB h2 {
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 20px;
}

h3 {
	margin-bottom: 6px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;	/* patch: new-rk-ci-01 15px->14px */
	line-height: 17px;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #cc0033;
}

h4 {
	margin-bottom: 10px;
	/* font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 20px; /* patch: new-rk-ci-01, add */
	color: #cc0033;
}


/* e.g. introduction texts */

h5 {
	margin-bottom: 20px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px; /* patch: new-rk-ci-01 16px->14px */
	line-height: 22px;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #000000; /* patch: new-rk-ci-01 old: #9b9b9b*/
}

sub {
	vertical-align: sub;
}

.responsiveGrid > h1,
.responsiveGrid > h2,
.responsiveGrid > h3 {
	padding: 0 10px;
}

p {
	margin-bottom: 14px;
	/* was 10px */
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
	color: #000;
}

.marginBottom0 {
	margin-bottom: 0;
}

/* patch: new-rk-ci-01 - start */
/*
b {
	font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
*/
/* patch: new-rk-ci-01 - end */

a {
	text-decoration: none;
	color: #cc0033;
}


/*CRO20150327*/


/* patch: new-rk-ci-01 - start */
/*
strong {
	font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif;
}
*/
/* patch: new-rk-ci-01 - end */


/*CRO20150327*/

i {
	font-style: italic;
}



/*------------------------------------*\
    #Ordered list
\*------------------------------------*/
/*CRO20150327*/

ol {
	counter-reset: crocounter; /* Initiate a counter */
}

ol > li {
	position: relative;
	list-style:none; /* Disable the normal item numbering */
	margin-bottom: 14px;/* was 10px */
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
	color: #000;
}

ol > li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	content: counter(crocounter, decimal) '.'; /* Use the counter as content */
	counter-increment: crocounter; /* Increment the counter by 1 */
	color:#000;
	text-align: center;
}

ol > li > * {
	display: inline-block;
	padding-left: 2em;
}

.responsiveGrid > p {
	padding: 0 10px;
}

.responsiveGrid > ul {
	padding: 0 10px;
}

.contentColumnBox ul {
	margin-bottom: 10px;
}

.contentColumnBox ul li {
	padding-left: 15px;
	padding-bottom: 5px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
	background: url('../images/content/icon_list.png') no-repeat 0 3px transparent scroll;
}

/* Remove custom bullet points */
.contentColumnBox .historySlider ul li,
.contentColumnBox .historyCarousel ul li,
.contentColumnBox .roundaboutFrame ul li {
	padding: 0px;
	background: none;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

img.opensGallery {
	cursor: pointer;
}


.fontSmall {
	font-size: 12px;
	line-height: 15px;
}

/*cwa 20150410 */


span.error.styledTextField {
	border: 1px solid red;
}

/* ---------- Horizontal rulers start ---------- */
.contentColumnBox > .gridBoxAD > .gridItemB hr {
	padding-bottom: 1px;
	margin-bottom: 10px;
	border: none;
}

/* Linie über Öffnungszeiten auf den Standortdetailseiten */
.contentColumnBox > .gridBoxAD > .gridItemB hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #7b7b7b;
}

.contentColumnBox > .gridBoxAD > .gridItemB hr.dotted {
	margin-top: 0px;
	margin-bottom: 10px;
	border: none;
	background: url('../images/content/dashed_border.png') repeat-x scroll 0 top transparent;
}

/* Horizontal rulers for IE < 8 */
div.solid {
	margin-bottom: 10px;
	padding-bottom: 1px;
	border-bottom: 1px solid #7b7b7b;
}

.contentColumnBox > .gridBoxAD > .gridItemB .solid {
	margin-top: 10px;
}

div.dotted {
	margin-bottom: 10px;
	padding-bottom: 1px;
	height: 1px;
	background: url('../images/content/dashed_border.png') repeat-x scroll 0 top transparent;
}
/* ---------- Horizontal rulers end ---------- */

.metaContent {
	display: none;
}

/* ---------- Grid boxes start ---------- */
.gridBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.gridBox .gridItem {
	float: left;
	background-color: transparent;
}

.ie7 .gridBox {
	overflow: hidden;
}

.gridBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ---------- Grid boxes end ---------- */



/* ---------- Layout switcher start ---------- */
.layoutSwitcher {
	background-color: transparent;
}
/* ---------- Layout switcher end ---------- */



/* ---------- Text box start ---------- */
.textBox .contentWrapper {
	position: relative;
	padding: 10px 10px 0px 10px;
}

.lte8 .textBox .contentWrapper {
	padding: 15px;
}

.textBox .contentWrapper h3 {
	margin-bottom: 10px;
	/* Make space for link icon */
	padding-right: 35px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7b7b7b;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 15px;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #7b7b7b;
}

.textBox .contentWrapper h2 {
	margin-bottom: 10px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 15px;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #CC0033;
}

.textBox .contentWrapper h1,
.textBox .contentWrapper h2,
.textBox .contentWrapper h3,
.textBox .contentWrapper h4,
.textBox .contentWrapper h5,
.textBox .contentWrapper h6 {
	margin-left: 0;
	margin-right: 0;
}

.textBox .contentWrapper p {
	margin: 0;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
	color: #000;
}

.textBox a.icon {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 28px;
	height: 23px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

.textBox a.icon.toRaabKarcher {
	background: url('../images/content/more_button.png') no-repeat 0 0 transparent scroll;
}

.textBox a.icon.toFacebook {
	background: url('../images/content/link_to_facebook.png') no-repeat 0 0 transparent scroll;
}

/* ---------- Text box end ---------- */



/* ---------- Image box start ---------- */
.imageBox {
	padding: 5px 5px;
}

.imageBox img {
	margin: 0;
	width: 100%;
	height: auto;
}

.imageBox .contentWrapper {
	position: relative;
}

/*
.lte8 .imageBox .contentWrapper {
	padding: 10px;
}

.ie7 .imageBox .contentWrapper {
	padding: 0px;
}
*/
/* ---------- Image box end ---------- */



/* ---------- Slider box start ---------- */
.sliderBox {
	padding: 5px 5px;
}

.sliderBox img {
	margin: 0;
	width: 100%;
	height: 100%;
}

.lte8 .sliderBox .contentWrapper {
	padding: 10px;
}
/* ---------- Slider box end ---------- */



/* ---------- Image slider start ---------- */
.imageSlider {
	position: relative;
	margin-bottom: 20px;
	width: 705px;
	overflow: hidden;
}

.imageSlider .flexslider {
	margin-bottom: 0px;
	width: 700px;
	/* width: 705px; */
	/* width: 710px; */
	height: 145px;
	border-radius: 0;
	box-shadow: none;
}

/* ATTENTION: Only for large layout! */
.imageSlider .flexslider .flex-viewport {
	overflow: visible !important;
}

.imageSlider h2 {
	margin-right: 5px;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-right: 52px;
	border-bottom: 2px solid #cc0033;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 18px;
	line-height: 20px;
}

.imageSlider .flexslider ul {
	margin: 0;
}

.imageSlider .flexslider ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.imageSlider .flexslider ul li {
	padding: 0;
	background-image: none;
}

.imageSlider .flexslider .slides > li,
.imageSlider .flexslider .slides > li img {
	margin-bottom: 0;
	width: 230px !important;
	height: 145px !important;
}

.imageSlider .flexslider .slides:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.imageSlider .flex-direction-nav a {
	position: absolute;
	top: 0px;
	top: 50%;
	margin-top: -33px;
	margin-top: -24px;
	width: 16px;
	width: 25px;
	height: 23px;
	height: 48px;
	opacity: 1 !important;
}

/* Previous */
.imageSlider .flexslider .flex-direction-nav .flex-prev {
	left: auto !important;
	left: 0px !important;
	right: 41px;
	right: auto;
	background: url('../images/content/icon_arrow_left_02.png') no-repeat 0 0 transparent scroll;
}

/* Next */
.imageSlider .flexslider .flex-direction-nav .flex-next {
	right: 5px;
	right: 0px;
	background: url('../images/content/icon_arrow_right_02.png') no-repeat 0 0 transparent scroll;
}

.imageSlider .flexslider .flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	display: none;
}

.slideNumber {
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -15px;
	padding-top: 5px;
	width: 30px;
	height: 25px;
	/* font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: #cc0033;
	background: url('../images/content/white_circle.png') no-repeat 0 0 transparent scroll;
}

.slideNumber.lastNumber {
	left: auto;
	right: -15px;
	right: -5px;
}

.imageSlider .galleryBoxContent {
	display: none;
}

/* ---------- Image slider end ---------- */



/* ---------- Folding box start ---------- */
.foldingBox {
	padding: 10px;
}

.foldingBox img {
	margin: 0;
}
/* ---------- Folding box end ---------- */



/* ---------- Linked button start ---------- */
.linkedButton {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	text-decoration: none;
}

.ie7 .linkedButton {
	display: inline;
}

.linkedButton.typeA .bgLeft {
	display: block;
	margin-right: 32px;
	padding: 9px 10px 0 10px;
	height: 23px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 16px;
	white-space: nowrap;
	/* Prevents line break */
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #fff;
	background: url('../images/content/linked_button_a_bg_left.png') no-repeat 0 0 transparent scroll;
	text-transform: uppercase;
}

.linkedButton.typeA .bgRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('../images/content/linked_button_a_bg_right.png') no-repeat 0 0 transparent scroll;
}

.linkedButton.typeB .bgLeft {
	display: block;
	margin-right: 40px;
	padding: 9px 10px 0 10px;
	height: 21px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 12px;
	line-height: 12px;
	white-space: nowrap;
	/* Prevents line break */
	
	letter-spacing: 0.3px; /* patch: new-rk-ci-01 */
	text-transform: uppercase; /* patch: new-rk-ci-01 */
	color: #cc0033;
	background: url('../images/content/linked_button_b_bg_left.png') no-repeat 0 0 transparent scroll;
}

.linkedButton.typeB .bgRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 30px;
	background: url('../images/content/linked_button_b_bg_right.png') no-repeat 0 0 transparent scroll;
}

/*CRO20150331*/
.linkedButton.pagination {
	display: block;
	margin-bottom: 0;
}

.linkedButton.pagination .bgLeft {
	display: inline-block;
	margin-right: 6px;
	padding-top: 6px;
	padding-right: 4px;
	padding-left: 10px;
	height: 32px;
	color: #fff;
	background: url('../images/content/pagination-button_01.png') no-repeat left 0 transparent scroll;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.linkedButton.pagination .bgRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 32px;
	background: url('../images/content/pagination-button_02.png') no-repeat right 0 transparent scroll;
}
/*CRO20150331*/
/* ---------- Linked button end ---------- */



/* ---------- Location search bar start ---------- */
.locationSearchBar {
	position: relative;
	padding: 15px;
	height: 30px;
}

.locationSearchBar p {
	margin-bottom: 0px;
}

.locationSearchBar input[type="text"] {
	padding-left: 10px;
	padding-right: 60px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	width: 270px;
	height: 30px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 15px;
	line-height: 15px;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #cc0033;
	background: url('../images/content/bg_input_newsletter.png') no-repeat scroll 0 0 #FAFAFA;
}

/* Eingabefeld wurde nicht befüllt */
.locationSearchBar input.isPlaceholder[type="text"] {
	color: #cc0033;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.locationSearchBar input[type="submit"] {
	border: none transparent;
}

/* Invalid email adress */
.locationSearchBar input.error {
	outline: 1px solid #cc0033;
}

.ie7 .locationSearchBar input[type="text"] {
	width: 190px;
}

.lte8 .locationSearchBar input {
	padding-top: 10px;
}

.locationSearchBar input.empty {
	color: #cc0033;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.locationSearchBar input:focus {
	color: #000;
	text-transform: none;
}

.locationSearchBar input.magnifier {
	display: block;
	position: absolute;
	padding: 0px;
	top: -31px;
	right: -10px;
	width: 74px;
	height: 81px;
	background: url('../images/content/icon_location_search.png') no-repeat 0 0 transparent scroll !important;
}

.locationSearchBar .newsletter {
	display: block;
	padding: 0px !important;
	position: absolute;
	top: 1px;
	right: 0px;
	width: 75px;
	height: 58px;
	background: url('../images/content/icon_newsletter_02.png') no-repeat 0 0 transparent scroll !important;
}
/* ---------- Location search bar end ---------- */



/* ---------- Onlineshop login start ---------- */
.toShopLogin {
	position: relative;
	width: 300px;
	height: 60px;
}

.toShopLogin .linkedButton {
	margin-top: 15px;
	margin-left: 13px;
	margin-bottom: 0px;
	width: 188px;
}

.toShopLogin .linkedButton .bgLeft {
	display: block;
	margin-right: 32px;
	padding: 9px 9px 0 9px;
	height: 23px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 16px;
	font-size: 15px;
	white-space: nowrap;
	/* Prevents line break */
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #fff;
	background: url('../images/content/linked_button_a_bg_left.png') no-repeat 0 0 transparent scroll;
}

.toShopLogin .linkedButton .bgRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('../images/content/linked_button_a_bg_right.png') no-repeat 0 0 transparent scroll;
}

.toShopLogin .trolley {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 70px;
	background: url('../images/content/icon_shop.png') no-repeat 0 0 transparent scroll;
}
/* ---------- Onlineshop login end ---------- */



/* ---------- Box container headline start ---------- */
/* CRO 06.08.13 start */
.boxContainerHeadline {
	position: relative;
}

.boxContainerHeadline h2 {
	margin-bottom: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #cc0033;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 18px;
	line-height: 20px;
}

.decoTypeConcrete .contentColumnBox > .gridBoxAD > .gridItemB .boxContainerHeadline h2 {
	color: #000;
	border-bottom: 1px solid #cc0033;
}

.decoTypeMap .contentColumnBox > .gridBoxAD > .gridItemB .boxContainerHeadline h2 {
	background: url("../images/content/dashed_border.png") repeat-x scroll 0 bottom transparent;
	border: medium none;
	color: #CC0033;
	padding-bottom: 10px;

}

.boxContainerHeadline .iconLink {
	position: absolute;
	top: 0;
	right: 0;
}

.boxContainerHeadline .iconLink a {
	display: block;
}

.boxContainerHeadline .iconLink.gallery a {
	width: 28px;
	height: 23px;
	background: url('../images/content/icon_gallery.png') no-repeat 0 0 transparent scroll;
}
/* CRO 06.08.13 end */
/* ---------- Box container headline end ---------- */



/* ---------- Download box start ---------- */
.downloadBox {
	margin-bottom: 20px;
}

.downloadBox h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cc0033;
}

.decoTypeMap .downloadBox h2 {
	border: none;
	padding-bottom: 10px;
	color: #cc0033;
	background: url('../images/content/dashed_border.png') transparent 0 bottom repeat-x scroll;
}

.decoTypeMap .downloadBox .downloadItem a {
	/* font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	color: #000;
}

.downloadBox ul li {
	margin-bottom: 10px;
	padding: 0;
	background: none;
}

/* CRO 06.08.14 start */
.downloadBox .downloadItem {
	position: relative;
	padding-left: 35px;
	padding-bottom: 10px;
	background: url('../images/content/dashed_border.png') repeat-x left bottom transparent scroll;
	overflow: hidden;
}
/* CRO 06.08.14 end */

.downloadBox .downloadItem p {
	margin-bottom: 0px;
}

.downloadBox .downloadItem.typeFullsizeImage {
	padding-left: 0;
}

.downloadBox ul li.last .downloadItem {
	background: none;
}

.downloadBox .downloadItem .typeIcon {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 26px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	cursor: pointer;
}

.downloadBox .downloadItem.typeImage .typeIcon {
	background: url('../images/content/icon_image.png') no-repeat 0 0 transparent scroll;
}

.downloadBox .downloadItem.typePdf .typeIcon {
	background: url('../images/content/icon_pdf.png') no-repeat 0 0 transparent scroll;
}

/* CRO 06.08.14 start */
.downloadBox .downloadItem.typeFlippingbook .typeIcon {
	width: 25px;
	height: 29px;
	background: url('../images/content/icon_flippingbook_raabkarcher.png') no-repeat 0 0 transparent scroll;
}
/* CRO 06.08.14 end */

.downloadBox .downloadItem a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	/* font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	color: #cc0033;
}

.downloadBox .downloadItem p {
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
}
/* ---------- Download box end ---------- */



/* ---------- Link list start ---------- */
.linkListBox {
	margin-bottom: 20px;
}

.linkListBox h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cc0033;
}

.linkListBox ul li {
	margin-bottom: 10px;
	padding: 0;
	background: none;
}

.linkListBox .linkItem {
	overflow: hidden;
	position: relative;
	padding-right: 46px;
	padding-bottom: 10px;
	background: url('../images/content/dashed_border.png') repeat-x left bottom transparent scroll;
}

.linkListBox ul li.last .linkItem {
	background: none;
}

/* CRO 06.08.14 start */
.linkListBox .linkItem .linkIcon {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 23px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	background: url('../images/content/more_button.png') no-repeat 0 0 transparent scroll;
	cursor: pointer;
}

.linkListBox .linkItem.typeFlippingbook .linkIcon {
	width: 24px;
	height: 29px;
	background-image: url('../images/content/icon_flippingbook_raabkarcher.png');
}
/* CRO 06.08.14 end */

.linkListBox .linkItem a {
	display: block;
	text-decoration: none;
	color: #cc0033;
}

.linkListBox .linkItem a,
.linkListBox .linkItem p {
	margin-bottom: 0px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
}
/* ---------- Link list box end ---------- */



/* ---------- Contact person box start ---------- */
.contactPersonBox {
	margin-bottom: 20px;
}

.contactPersonBox h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cc0033;
}

.contactPersonBox .mediaPicture {
	padding-left: 0;
	height: auto;
}

.contactPersonBox span,
.contactPersonBox a {
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}

.contactPersonBox a {
	display: block;
	padding-left: 32px;
	color: #cc0033;
}

.contactPersonBox h4 {
	margin-bottom: 0px;
	font-family: 'TheSansOsF Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.contactPersonBox p {
	padding-bottom: 10px;
	font-size: 13px;
	background: url("../images/content/dashed_border.png") repeat-x scroll left bottom transparent;
}

.contactPersonBox .phone {
	display: block;
	padding-left: 32px;
	min-height: 20px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	background: url('../images/content/icon_smartphone.png') no-repeat 5px 0 transparent scroll;
}

/* iPad fix */
.contactPersonBox .phone a {
	padding: 0px;
}

.contactPersonBox .mail {
	background: url('../images/content/icon_mail.png') no-repeat 0 4px transparent scroll;
}
/* ---------- Contact person box end ---------- */



/* ---------- Onlineshop login sidebar start ---------- */
.onlineshopLoginSidebar {
	display: block;
	position: relative;
	margin-bottom: 20px;
	width: 220px;
	height: 50px;
	font-size: 0;
	background: url('../images/content/onlineshop_login_sidebar_l.jpg') no-repeat 0 0 transparent scroll;
}

.onlineshopLoginSidebar .linkedButton {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 164px;
}

.onlineshopLoginSidebar .linkedButton.typeA .bgLeft {
	padding-top: 10px;
	padding-left: 5px;
	font-size: 11px;
}

.onlineshopLoginSidebar .trolley {
	display: block;
	position: absolute;
	top: 8px;
	right: 0px;
	width: 59px;
	height: 42px;
	background: url('../images/content/icon_shop.png') no-repeat 0 0 transparent scroll;
	background-size: 59px 42px;
}

.lte8 .onlineshopLoginSidebar .trolley {
	background: url('../images/content/icon_shop_l.png') no-repeat 0 0 transparent scroll;
}
/* ---------- Onlineshop login sidebar end ---------- */



/* ---------- Newsletter sign in sidebar start ---------- */
.newsletterSignInSidebar {
	display: block;
	position: relative;
	margin-bottom: 20px;
	width: 220px;
	height: 50px;
	background: url('../images/content/newsletter_sign_in_sidebar_left.jpg') no-repeat 0 0 transparent scroll;
}

.newsletterSignInSidebar #newsletterSubmit {
	-webkit-appearance: none;
	border-radius: 0;
}

.newsletterSignInSidebar #email {
	margin: 0;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
	padding-top: 2px;
	padding-left: 4px;
	border: none;
	width: 164px;
	height: 30px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 14px;
	color: #cc0033;
	outline: none;
	background-color: transparent;
}

.lte9 .newsletterSignInSidebar #email {
	padding-top: 6px;
	height: 22px;
	line-height: 16px;
}

.ie8 .newsletterSignInSidebar #email {
	padding-top: 8px;
	height: 30px;
}

.newsletterSignInSidebar #email.error {
	outline: 1px solid #cc0033;
}

/* IE7 outline substitute */
.ie7 .newsletterSignInSidebar #email.error {
	width: 158px;
	height: 20px;
	border: 1px solid #cc0033;
}

.uaIPad .newsletterSignInSidebar #email {
	height: 50px;
	padding-top: 2px;
}

.newsletterSignInSidebar #newsletterSubmit {
	position: absolute;
	top: 0;
	right: 0;
}
/* ---------- Newsletter sign in sidebar end ---------- */



/* ---------- Gears folding box start ---------- */
.gearsFoldingBoxGroup {
	margin-bottom: 40px;
}

.gearsFoldingBox,
.gearsAppendingBox {
	margin-bottom: 7px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.gearsFoldingBox .headerBox,
.gearsAppendingBox .headerBox {
	position: relative;
	border: 1px solid transparent;
	cursor: pointer;
}

.gearsAppendingBox.opening .headerBox,
.gearsAppendingBox.opened .headerBox {
	border: 1px solid #cc0033;
}

.gearsFoldingBox .headerBox > img,
.gearsAppendingBox .headerBox > img {
	margin-bottom: 0;
}

.gearsFoldingBox .headerBox h3,
.gearsAppendingBox .headerBox h3 {
	margin: 0;
	padding: 8px 40px 0 10px; /* patch: new-rk-ci-01 10px 40px 0 10px -> 8px 40px 0 10px */
	height: 22px; /* patch: new-rk-ci-01 22px -> 20px */
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	letter-spacing: 0.3px; /* patch: new-rk-ci-01 */
	text-transform: uppercase; /* patch: new-rk-ci-01 */
	background: url('../images/content/gears_folding_box_header_box_bg.png') repeat-x 0 0 transparent scroll;
}

.gearsAppendingBox.closed .headerBox h3 {
	color: #cc0033;
}

.gearsFoldingBox .contentBox,
.gearsAppendingBox .contentBox {
	height: 0px;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.contentColumnBox .gearsFoldingBox .contentBox .gridBox,
.contentColumnBox .gearsAppendingBox .contentBox .gridBox {
	margin-bottom: 10px;
}

.gearsFoldingBox .contentBox img,
.gearsFoldingBox .contentBox img {
	margin-bottom: 10px;
	margin-right: 10px;
	width: auto;
}

.gearsFoldingBox .contentWrapper p:after,
.gearsAppendingBox .contentWrapper p:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.gearsFoldingBox .contentWrapper table td,
.gearsAppendingBox .contentWrapper table td {
	vertical-align: top;
}

.gearsFoldingBox.closed .headerBox .stateIcon,
.gearsFoldingBox .headerBox .stateIcon,
.gearsAppendingBox.closed .headerBox .stateIcon,
.gearsAppendingBox .headerBox .stateIcon {
	display: block;
	position: absolute;
	bottom: 7px;
	right: 10px;
	width: 20px;
	height: 15px;
	background: url('../images/content/folding_box_open.png') no-repeat 0 0 transparent scroll;
}

.gearsFoldingBox.opened .headerBox .stateIcon,
.gearsAppendingBox.opened .headerBox .stateIcon {
	background: url('../images/content/folding_box_close.png') no-repeat 0 0 transparent scroll;
}

.gearsFoldingBox .contentBox,
.gearsAppendingBox .contentBox {
	position: relative;
}

.gearsFoldingBox.initialized .contentBox .contentWrapper,
.gearsAppendingBox.initialized .contentBox .contentWrapper {
	position: absolute;
	bottom: -10px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.ie7 .gearsFoldingBox .contentBox {
	overflow: hidden;
	min-height: 1%;
}

/* ---------- Gears folding box start ---------- */



/* ---------- Gears appending box start ---------- */

.gearsAppendingBoxList {
	font-size: 0;
	line-height: 0;
}

.gearsAppendingBoxGroup .gearsAppendingBoxList > li.last {
	padding: 0;
}

.gearsAppendingBoxGroup .gearsAppendingBoxList > li {
	display: inline-block;
	padding: 0 2% 0 0;
	width: 49%;
	background-image: none;
}

.ie7 .gearsAppendingBoxList li {
	display: inline;
}

.gearsAppendingBoxList li.appendingBoxContent {
	padding: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.gearsAppendingBoxList li.appendingBoxContent img {
	margin-right: 1%;
	margin-bottom: 1%;
	width: auto;
}

.appendingBoxContent .contentWrapper p:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.contenttable td {
	padding-right: 5px;
	vertical-align: top;
}

/* ---------- Gears appending box start ---------- */



/* ---------- Press box overview start ---------- */
.pressBoxOverviewContainer {
	position: relative;
	background-color: #fff;
}

.pressBoxOverviewContainer {
	/* padding-top: 20px; Won't be needed without the year select */
	padding-top: 20px;
}

.uaTablet .downloadContainerWrapper,
.uaDesktop .downloadContainerWrapper {
	padding-top: 50px;
}

.uaDesktop .yearSelectContainer {
	/* display: none; */
}

.yearSelectContainer,
.uaTablet .categorySelectContainer,
.uaDesktop .categorySelectContainer {
	position: absolute;
	top: -30px;
	width: 300px;
	cursor: pointer;
}

.uaTablet .categorySelectContainer,
.uaDesktop .categorySelectContainer {
	top: 0px;
}

.yearSelectContainer h3,
.uaTablet .categorySelectContainer h3,
.uaDesktop .categorySelectContainer h3 {
	margin: 0;
	padding: 9px 40px 0 10px;
	height: 21px;
	font-size: 12px;
	line-height: 12px;
	user-select: none;
	/* text-transform: none; patch: new-rk-ci-01 */
	background: url('../images/content/gears_folding_box_header_box_bg.png') repeat-x 0 0 transparent scroll;
}

.yearSelectContainer .stateIcon,
.uaTablet .categorySelectContainer .stateIcon,
.uaDesktop .categorySelectContainer .stateIcon {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 10px;
	width: 17px;
	height: 13px;
	background: url('../images/content/folding_box_open.png') no-repeat 0 0 transparent scroll;
}

.yearSelectContainer.opened .yearSelect,
.uaTablet .categorySelectContainer.opened .categorySelect,
.uaDesktop .categorySelectContainer.opened .categorySelect {
	display: block;
}

.yearSelectContainer.opened .stateIcon,
.uaTablet .categorySelectContainer.opened .stateIcon,
.uaDesktop .categorySelectContainer.opened .stateIcon {
	background: url('../images/content/folding_box_close.png') no-repeat 0 0 transparent scroll;
}

.pressBoxOverviewContainer .yearSelect {
	margin-bottom: 20px;
}

.uaDesktop .yearSelect,
.uaTablet .yearSelect,
.uaTablet .categorySelect,
.uaDesktop .categorySelect {
	display: none;
	position: absolute;
	top: 31px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0px;
	background: url('../images/content/bg_year_select_l.jpg') no-repeat 0 0 transparent scroll;
}

.contentColumnBox .yearSelect li,
.uaTablet .categorySelect li,
.uaDesktop .categorySelect li {
	display: block;
	padding: 10px 10px 0 10px;
	height: 24px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 12px;
	background-image: none;
}

select.yearSelect,
select.categorySelect {
	display: none;
	margin: 0 auto;
	width: 260px;
}

select.categorySelect {
	display: block;
	margin-bottom: 20px;
}

select.yearSelect,
.yearSelect .active,
select.categorySelect,
.categorySelect .active {
	color: #cc0033;
}

select.yearSelect option,
select.categorySelect option {
	color: #000;
}

.pressBoxOverviewContainer .yearGroup .monthGroup {
	margin-bottom: 40px;
}

.pressBoxOverviewContainer .yearGroup .monthGroup > h3 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #cc0033;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 20px;
	color: #000;
}

.pressBoxOverview {
	margin-bottom: 25px;
}

.pressBoxOverview .headerBox {
	position: relative;
}

.pressBoxOverview .headerBox h5 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7b7b7b;
	font-size: 15px;
	line-height: 16px;
	color: #7b7b7b;
}

/* Options menu */
.pressBoxOverview .headerBox ul {
	font-size: 0;
	line-height: 0;
}

.pressBoxOverview .headerBox ul li {
	margin: 0;
	padding: 0;
}

.pressBoxOverview .headerBox ul.options {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.pressBoxOverview .headerBox ul.options li {
	display: inline-block;
	margin-right: 10px;
	background: none no-repeat 0 0 transparent scroll;
}

.ie7 .pressBoxOverview .headerBox ul.options li {
	display: inline;
}

.pressBoxOverview .headerBox ul.options li a,
.pressBoxOverview .headerBox ul.options li span {
	display: block;
	position: relative;
	padding: 0;
	width: 20px;
	height: 23px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.pressBoxOverview .headerBox ul.options li.last {
	margin-right: 0;
}

.pressBoxOverview .headerBox ul.options li.downloadImage {
	background-image: url('../images/content/icon_press_image.png');
}

.pressBoxOverview .headerBox ul.options li.downloadPdf {
	background-image: url('../images/content/icon_press_pdf.png');
}

.pressBoxOverview .headerBox ul.options li.share {
	background-image: url('../images/content/icon_sharing_options.png');
	background-size: 20px 21px;
}

.lte8 .pressBoxOverview .headerBox ul.options li.share {
	background-image: url('../images/content/icon_sharing_options_ie.png');
}

/* Sharing options menu */
.pressBoxOverview .headerBox ul.sharingOptions {
	display: none;
	position: absolute;
	right: 0;
	top: 25px;
	white-space: nowrap;
}

.pressBoxOverview .headerBox .share.opened ul.sharingOptions {
	display: block;
}

.pressBoxOverview .headerBox ul.sharingOptions li {
	margin-right: 5px;
	background-size: 20px 21px;
}

.pressBoxOverview .headerBox ul.sharingOptions li.mail {
	background-image: url('../images/content/icon_share_mail.png');
}

.lte8 .pressBoxOverview .headerBox ul.sharingOptions li.mail {
	background-image: url('../images/content/icon_share_mail_ie.png');
}

.pressBoxOverview .headerBox ul.sharingOptions li.twitter {
	background-image: url('../images/content/icon_share_twitter.png');
}

.pressBoxOverview .headerBox ul.sharingOptions li.xing {
	background-image: url('../images/content/icon_share_xing.png');
}

.lte8 .pressBoxOverview .headerBox ul.sharingOptions li.xing {
	background-image: url('../images/content/icon_share_xing_ie.png');
}

.pressBoxOverview .headerBox ul.sharingOptions li.facebook {
	background-image: url('../images/content/icon_share_facebook.png');
}

.lte8 .pressBoxOverview .headerBox ul.sharingOptions li.facebook {
	background-image: url('../images/content/icon_share_facebook_ie.png');
}

.pressBoxOverview .contentBox h2 {
	margin-bottom: 0;
}

.pressBoxOverview .contentBox h2 a {
	font-size: 15px;
	color: #cc0033;
	text-decoration: none;
}
/* ---------- Press box overview end ---------- */



/* ---------- Press box detail start ---------- */
.pressBoxDetail {
	padding-top: 18px;
}

.pressBoxDetail .headerBox {
	position: relative;
}

/* Press item navigation */
.pressBoxDetail .headerBox ul.navigation {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
}

.pressBoxDetail .headerBox ul.navigation li {
	display: inline-block;
	padding: 0;
	background: none no-repeat 0 0 transparent scroll;
}

.pressBoxDetail .headerBox ul.navigation li.first a {
	background: url('../images/content/icon_arrow_left.png') no-repeat 0 0 transparent scroll;
}

.pressBoxDetail .headerBox ul.navigation li.last a {
	margin-left: 20px;
	background: url('../images/content/icon_arrow_right.png') no-repeat 0 0 transparent scroll;
}

.ie7 .pressBoxDetail .headerBox ul.navigation li {
	display: inline;
}

.pressBoxDetail .headerBox ul.navigation li a {
	display: block;
	position: relative;
	padding: 0;
	width: 16px;
	height: 23px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.pressBoxDetail .headerBox h5 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7b7b7b;
	font-size: 15px;
	color: #7b7b7b;
}

.pressBoxDetail .contentBox h2 {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 20px;
	color: #cc0033;
}

.pressBoxDetail .contentBox h5 {
	font-size: 16px;
	color: #9b9b9b;
}
/* ---------- Press box detail end ---------- */



/* ---------- Contact info box start ---------- */
.contactInfoBox h3,
.contactBoxContent h3{
	font-family: 'TheSansOsF Bold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-transform: none;
}

.contactInfoBox h4
.contactBoxContent h4 {
	color: #000;
}

ul.iconList > li {
	display: block;
	margin-bottom: 5px;
	padding-left: 32px;
	padding-bottom: 0px;
	height: 20px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 12px;
	line-height: 20px;
	background: none;
}

[itemprop="address"] h3 {
	margin-bottom: 0px;
	line-height: 20px;
}

.contactInfoBox span,
.contactBoxContent span {
	font-size: 12px;
	line-height: 16px;
}

.contactInfoBox h3 > span,
.contactInfoBox h4 > span,
.contactBoxContent h3 > span,
.contactBoxContent h4 > span {
	font-size: 14px;
	line-height: 20px;
}

/* Kategorien bei den Öffnungszeiten */
div[itemprop="location"] h4 {
	margin-bottom: 0px;
}

div[itemprop="location"] h4 > span {
	font-size: 12px;
	line-height: 21px;
}

.iconList li span {
	display: block;
	color: #000;
}

.ie7 .iconList li span {
	display: inline;
}

.iconList li a {
	display: block;
	color: #cc0033;
}

.iconList li a {
	text-decoration: none;
}

.iconList li.iconPhone {
	background: url('../images/content/icon_smartphone.png') transparent 5px 0 no-repeat scroll;
}

.iconList li.iconFax {
	background: url('../images/content/icon_fax.png') transparent 0 3px no-repeat scroll;
}

.iconList li.iconMail {
	background: url('../images/content/icon_mail.png') transparent 0 4px no-repeat scroll;
}

.iconList li.iconPerson {
	background: url('../images/content/icon_person.png') transparent 2px 1px no-repeat scroll;
}

.iconList li.iconPerson span {
	/* font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
}

.iconList li.iconDirections {
	background: url('../images/content/icon_route.png') transparent 7px 0 no-repeat scroll;
}

.contactInfoBox .gearsFoldingBox {
	margin-bottom: 0;
}

.contactInfoBox .gearsFoldingBox.closed .headerBox .stateIcon {
	bottom: 9px;
}

.contactInfoBox .gearsFoldingBox .headerBox {
	margin-bottom: 0;
	height: 30px;
	background: url('../images/content/dashed_border.png') transparent 0 top repeat-x scroll;
}

.contactInfoBox .gearsFoldingBox .headerBox h4 {
	margin-bottom: 0px;
	line-height: 30px;
}

.contactInfoBox .gearsFoldingBox.initialized .contentBox .contentWrapper {
	bottom: 0;
}

.contactInfoBox table {
	margin-bottom: 9px;
}

.contactInfoBox table th,
.contactInfoBox table td {
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

.contactInfoBox table th {
	padding-right: 5px;
	width: 45px;
	text-align: left;
	font-weight: normal;
}

/* AHE 20151204 START */
.acceptCheck label {
    display: block;
    margin-top: 20px;
    padding-left: 23px;
    text-indent: -23px;
}

input.checkBoxes {
	width: 15px;
	height: 15px;
	margin: 0;
	margin-right: 5px;
}

.lte9 input.checkBoxes {
	border: none;
	padding: 0;
	background: none;
	width: 15px;
	height: 15px;
	margin-top: 5px;
	padding-top: 0px;
	box-shadow: 0;
	border-radius: 0;
}
/* AHE 20151204 END */

/* ---------- Contact info box end ---------- */



/* ---------- Bordered container start ---------- */
.borderedContainer {
	margin-bottom: 40px;
}

.borderedContainer > .headerBox {
	position: relative;
	width: 100%;
	height: 30px;
	background: url('../images/content/bg_folding_box_container_top.png') #fff 0 0 no-repeat scroll;
}

.borderedContainer > .headerBox h2 {
	margin: 0 10px;
	padding: 8px 10px 0px 10px;
	height: 22px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background-color: #cc0033;
}

.borderedContainer .borderedContainerIcon {
	display: block;
	position: absolute;
	right: 20px;
}

.borderedContainer.service .borderedContainerIcon {
	top: 4px;
	width: 30px;
	height: 23px;
	background: url('../images/content/icon_service.png') transparent 0 0 no-repeat scroll;
}

.borderedContainer.brands .borderedContainerIcon {
	top: 4px;
	width: 14px;
	height: 21px;
	background: url('../images/content/icon_raab_karcher.png') transparent 0 0 no-repeat scroll;
}

.borderedContainer > .contentBox {
	padding: 10px 10px 0px 10px;
	background: url('../images/content/bg_folding_box_container.png') #fff 0 0 repeat-y scroll;
}
/* ---------- Bordered container end ---------- */



/* ---------- Brand box start ---------- */
.brandBox {
	overflow: hidden;
}

.brandBox .borderedContainer > .contentBox {
	padding-bottom: 0;
}

.brandBox .brandList {
	margin: 0;
	padding: 0;
	width: 715px;
}

.brandBox .brandList li {
	display: inline-block;
	margin-right: 35px;
	margin-bottom: 35px;
	padding: 0;
	background-image: none;
}

.ie7 .brandBox .brandList li {
	display: inline;
}


.ie8 .brandBox .brandList:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.ie8 .brandBox .brandList li {
	display: block;
	float: left;
}

.brandBox .brandList li a {
	text-decoration: none;
}

.brandBox .brandList li span {
	display: none;
	line-height: 0px;
	font-size: 0px;
}

.brandBox .brandList li img {
	margin-bottom: 0;
	width: 80px;
	height: auto;
}
/* ---------- Brand box end ---------- */



/* ---------- More locations box start ---------- */
.moreLocationsBox .gridBoxBA .gridItem {
	width: 220px;
}

.moreLocationsBox .gridBoxBA .gridItemLast {
	margin-right: 0;
}

.moreLocationsBox span.streetAddress {
	display: block;
}

.moreLocationsBox h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #cc0033;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 18px;
	line-height: 20px;
}

.moreLocationsBox h3 {
	margin-bottom: 0px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 15px;
	line-height: 20px;
	color: #7b7b7b;
}
/* ---------- More locations box end ---------- */



/* ---------- Event box start ---------- */
.eventBox {
	overflow: hidden;
}

.eventBox .headerBox {
	position: relative;
}

.eventBox .headerBox h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #cc0033;
}

.eventBox .galleryBox.icon {
	position: absolute;
	top: 0;
	right: 0;
}

.eventBox .galleryBox.icon .galleryBoxContent {
	display: none;
}

.eventBox .galleryBox.icon .galleryBoxButton {
	width: 28px;
	height: 23px;
	background: url('../images/content/icon_gallery.png') transparent 0 0 no-repeat scroll;
}

.eventBox .contentBox .gridBoxBA .gridItem {
	width: 220px;
}

.eventBox .contentBox .gridBoxBA .gridItem a {
	text-decoration: none;
}

.eventBox .contentBox .gridBoxBA .gridItemC {
	margin-right: 0px;
}

.eventBox .contentBox .gridBoxBA .gridItemC:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Flyer download */
.flyerDownload {
	display: block;
	position: relative;
	margin-bottom: 20px;
	width: 70px;
	height: 140px;
	background-color: gray;
}

.flyerDownload.sizeB {
	width: 220px;
	height: auto;
}

.flyerDownload img {
	margin-bottom: 0px;
}

.flyerDownload .flyerDownloadButton {
	position: absolute;
	left: -4px;
	bottom: -8px;
	width: 78px;
	height: 28px;
	background: url('../images/content/icon_flyer_download.png') #fff 0 0 no-repeat scroll;
}

.flyerDownload.sizeB .flyerDownloadButton {
	width: 228px;
	background: url('../images/content/icon_flyer_download_02.png') #fff 0 0 no-repeat scroll;
}

/* Icon for further events */
.eventBox .contentBox .gridBoxBA .gridItemC img {
	float: left;
	margin-right: 10px;
	width: auto;
}

.eventBox .contentBox .gridBoxBA .gridItemC p {
	margin-bottom: 0px;
}

.eventBox .contentBox .gridBoxBA .gridItemC a {
	color: #cc0033;
}
/* ---------- Event box end ---------- */



/* ---------- Job box start ---------- */
.jobBox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #7b7b7b;
}

.jobBox .headerBox {
	position: relative;
	margin-bottom: 10px;
	border-top: 2px solid #cc0033;
}

.jobBox .headerBox span {
	display: block;
	position: absolute;
	top: 16px;
	left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 34px;
	/* font-family: 'TheSansOsF Bold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	/* text-transform: none; patch: new-rk-ci-01 */
	color: #fff;
	background: url('../images/content/icon_arrow_right.png') transparent right center no-repeat scroll;
}

.jobBox .headerBox img,
.jobBox .headerBox p {
	margin-bottom: 0px;
}

.jobBox .contentBox {
	padding: 10px 0px;
	background: url('../images/content/bg_job_box.png') #f1f1f1 0 bottom no-repeat scroll;
}

.jobBox .contentBox h2 {
	padding: 0 10px;
	color: #cc0033;
}

.jobBox .contentBox ul.jobList {
	margin-bottom: 0px;
}

.jobBox .contentBox ul.jobList li {
	padding: 0;
	padding-top: 9px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: url('../images/content/dashed_border.png') transparent 0 top repeat-x scroll;
}

.jobBox .contentBox ul.jobList li a {
	display: block;
	padding-right: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	text-decoration: none;
	background: url('../images/content/icon_arrow_right.png') transparent right center no-repeat scroll;
}
/* ---------- Job box end ---------- */



/* ---------- News box start ---------- */
.newsBox {
	margin-bottom: 20px;
	padding-bottom: 1px;
}

.newsBox .headerBox {
	position: relative;
}

.newsBox .headerBox .anchor {
	font-size: 0;
	line-height: 0;
	height: 0;
}

.newsBox .headerBox h5 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7b7b7b;
	font-size: 15px;
	line-height: 16px;
	color: #7b7b7b;
}

/* Options menu */
.newsBox .headerBox ul {
	font-size: 0;
	line-height: 0;
}

.newsBox .headerBox ul li {
	margin: 0;
	padding: 0;
}

.newsBox .headerBox ul.options {
	position: absolute;
	top: -2px;
	top: -8px;
	right: 0;
	margin: 0;
	padding: 0;
}

.newsBox .headerBox ul.options li {
	display: inline-block;
	background: none no-repeat 0 0 transparent scroll;
}

.ie7 .newsBox .headerBox ul.options li {
	display: inline;
}

.newsBox .headerBox ul.options li a,
.newsBox .headerBox ul.options li span {
	display: block;
	position: relative;
	padding: 0;
	width: 20px;
	width: 30px;
	height: 23px;
	height: 31px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.newsBox .headerBox ul.options li.last {
	margin-right: 0;
}

.newsBox .headerBox ul.options li.downloadImage {
	background-image: url('../images/content/icon_press_image.png');
}

.newsBox .headerBox ul.options li.downloadPdf {
	background-image: url('../images/content/icon_press_pdf.png');
}

.newsBox .headerBox ul.options li.share {
	background-image: url('../images/content/icon_sharing_options.png');
}

/* Sharing options menu */
.newsBox .headerBox ul.sharingOptions {
	display: none;
	position: absolute;
	right: 0;
	top: 25px;
	top: 32px;
	white-space: nowrap;
}

.newsBox .headerBox .share.opened ul.sharingOptions {
	display: block;
}

.newsBox .headerBox ul.sharingOptions li {
	margin-right: 5px;
}

.newsBox .headerBox ul.sharingOptions li.mail {
	background-image: url('../images/content/icon_share_mail.png');
}

.newsBox .headerBox ul.sharingOptions li.twitter {
	background-image: url('../images/content/icon_share_twitter_sidebar.png');
}

.newsBox .headerBox ul.sharingOptions li.xing {
	background-image: url('../images/content/icon_share_xing.png');
}

.newsBox .headerBox ul.sharingOptions li.facebook {
	background-image: url('../images/content/icon_share_facebook.png');
}

.newsBox .contentBox h2 {
	margin-bottom: 10px;
	font-size: 15px;
	color: #cc0033;
}

.newsBox .contentBox p {
	margin-bottom: 20px;
}

.newsBox .contentBox img,
.newsBox .contentBox .gridBox h5 {
	margin-bottom: 0;
	height: auto;
}
/* ---------- News box end ---------- */



/* ---------- Copyright box start ---------- */
.copyrightBox,
#gearsOverlay .overlayTable .copyrightBox table tr > td {
	text-align: left;
}

.copyrightBox .confirm {
	cursor: pointer;
}

.copyrightBox .confirm .bgRight {
	background-image: url('../images/content/linked_button_a_bg_right_02.png');
}

.copyrightBox h2 {
	margin-bottom: 70px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 30px;
	line-height: 30px;
	color: #fff;
}

.copyrightBox .red {
	color: #cc0033;
}

.copyrightBox table td {
	padding: 0 10px 25px 0px;
	color: #fff;
}

.copyrightBox .copyrightTerms {
	padding: 10px;
	height: 150px;
	overflow: hidden;
	overflow-y: auto;
}

.copyrightBox .copyrightTerms p {
	color: #fff;
}
/* ---------- Copyright end ---------- */



/* ---------- Extra nav start ---------- */
.extraNav ul.options {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

.extraNav ul.options > li {
	font-size: 0px;
	line-height: 0px;
	display: inline-block;
	background: none no-repeat 0 0 transparent scroll;
}

.extraNav ul.options li.print {
	margin-right: 8px;
	background: url('../images/content/icon_print_sidebar.png') transparent 0 0 no-repeat scroll;
}

.extraNav ul.options li.share {
	margin-right: 0;
	background: url('../images/content/icon_sharing_options_sidebar.png') transparent 0 0 no-repeat scroll;
}

.ie7 .extraNav ul.options > li {
	display: inline;
}

.extraNav ul.options li a,
.extraNav ul.options li span {
	display: block;
	position: relative;
	padding: 0;
	cursor: pointer;
}

.extraNav ul.options > li > a,
.extraNav ul.options > li > span {
	padding-top: 10px;
	padding-bottom: 1px;
	padding-left: 8px;
	width: 103px;
	height: 20px;
/* 	font-family: 'TheMixOsF SemiBold',Arial,Helvetica,sans-serif; */
	font-size: 13px;
	line-height: 13px;

/*
	font-size: 0px;
	line-height: 0px;
*/
	color: #cc0033;
	text-transform: uppercase;
	text-decoration: none;
}

.extraNav ul.options ul.sharingOptions {
	display: none;
	position: absolute;
	right: 0px;
	top: 33px;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.extraNav ul.options .share.opened ul.sharingOptions {
	display: block;
}

.extraNav ul.options li ul.sharingOptions a {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

.extraNav ul.sharingOptions li {
	display: inline-block;
	margin-right: 1px;
}

.ie7 .extraNav ul.sharingOptions li {
	display: inline;
}

.extraNav ul.sharingOptions li.last {
	margin-right: 0;
}

.extraNav ul.sharingOptions li a {
	display: block;
	width: 30px;
	height: 30px;
}

.extraNav ul.sharingOptions li.mail {
	background-image: url('../images/content/icon_share_mail.png');
}

.extraNav ul.sharingOptions li.twitter {
	background-image: url('../images/content/icon_share_twitter_sidebar.png');
}

.extraNav ul.sharingOptions li.facebook {
	background-image: url('../images/content/icon_share_facebook.png');
}

.extraNav ul.sharingOptions li.xing {
	background-image: url('../images/content/icon_share_xing.png');
}
/* ---------- Extra nav end ---------- */



/* ---------- Downloads start ---------- */
.downloadContainer {
	/* padding-top: 20px; */
}

.downloadContainer .headerBox h2 {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #cc0033;
}

.downloadContainer .contentBox .downloadList {
	margin-bottom: 40px;
}

.downloadContainer .contentBox .downloadList li {
	margin-bottom: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	background: url("../images/content/dashed_border.png") repeat-x scroll left bottom transparent;
}

.downloadContainer .contentBox .downloadList li.last {
	margin-bottom: 0px;
	background: none;
}

.downloadContainer .contentBox .downloadList h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7b7b7b;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 15px;
	color: #7b7b7b;
}

.downloadList .downloadItem img {
	margin-bottom: 0px;
	width: 100px;
	height: auto;
}

.downloadList .downloadItem .gridBoxAE .gridItemA {
	margin-right: 20px;
	width: 100px;
}

/* CRO 07.08.14 start */
.downloadList .downloadItem .gridBoxAE .gridItemB {
	padding-left: 32px;
	width: 548px;
}

.downloadList .downloadItem.typePdf .gridBoxAE .gridItemB {
	background: url('../images/content/icon_pdf.png') no-repeat 0 0 transparent scroll;
}

.downloadList .downloadItem.typeFlippingbook .gridBoxAE .gridItemB {
	background: url('../images/content/icon_flippingbook_raabkarcher.png') no-repeat 0 0 transparent scroll;
}
/* CRO 07.08.14 end */

.downloadList .downloadItem .gridBoxAE .gridItemB a {
	text-decoration: none;
	line-height: 20px;
	color: #cc0033;
	font-size: 13px; /* patch: new-rk-ci-01 add */
}

.downloadList .downloadItem .gridBoxAE .gridItemB p {
	margin-bottom: 0px;
	line-height: 20px;
}

.downloadList .downloadItem .gridBoxAE .gridItemB .downloadSize {
	color: #7b7b7b;
}
/* ---------- Downloads end ---------- */



/* ---------- Newsletter box start ---------- */

/* AHE 20160112  START*/
.newsletterBox {
	position: relative;
	padding-left: 250px;
}

.newsletterBox.fromFooter {
	min-height: 413px;
}
/* AHE 20160112 END */

.newsletterBox {
	position: relative;
	padding-left: 250px;
	padding-bottom: 45px;
}

.newsletterBox.fromFooter {
	min-height: 413px;
}

.success2 {
	height: 458px;
}

.newsletterBox .contentBox {
	background-color: transparent;
}

/* AHE 20160112 START */
.newsletterBox .contentBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.newsletterBox form {
	margin-top: 20px;
	margin-left: 80px;
	padding: 15px;
	width: 630px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
	        box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
}
/* AHE 0160112 END */

.newsletterBox.fromFooter form {
	height: auto;
}

.newsletterBox .singleField,
.newsletterBox .gridBoxAA {
	margin-bottom: 10px;
}

.newsletterBox .gridBoxAA .gridItemA {
	margin-right: 20px;
	width: 290px;
}

.newsletterBox .gridBoxAA .gridItemB {
	width: 290px;
}

.newsletterBox input,
.newsletterBox select {
	display: inline-block;

}

/*CRO20150807*/
.newsletterBox input[type="text"],
.newsletterBox select {
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	height: 30px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	color: #000;
	background: url('../images/content/bg_input_newsletter.png') no-repeat 0 0 #fafafa scroll;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.newsletterBox input[type="text"] {
	padding-top: 5px;
	width: 290px;
}

.noJS .newsletterBox input#submitButton {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 4px;
}

.newsletterBox input#submitButton {
	display: none;
}

.ie7 .newsletterBox input,
.ie7 .newsletterBox select {
	display: block;
	padding-top: 10px !important;
	padding-bottom: 0px !important;
	width: 270px;
	height: 20px;
}

.ie8 .newsletterBox input,
.ie8 .newsletterBox select {
	padding-top: 10px !important;
	padding-bottom: 0px !important;
}

.newsletterBox input.empty {
	color: #9b9b9b;
	text-transform: uppercase;
}

.newsletterBox input:focus {
	color: #000;
	text-transform: none;
}

.newsletterBox input#email,
.newsletterBox input#adress {
	width: 600px;
}

.ie7 .newsletterBox input#email,
.ie7 .newsletterBox input#adress {
	width: 580px;
}

/* Typing */
.newsletterBox.fromFooter input#email.empty:focus {
	outline: none;
	color: #000;
}

/* Not typing/empty */
.newsletterBox.fromFooter input#email.empty,
.newsletterBox.fromFooter input#email.empty.error {
	color: #9b9b9b;
}

/* Typing/error */
.newsletterBox.fromFooter input#email.error,
.newsletterBox.fromFooter input#email.error:focus {
	outline: 1px solid #cc0033;
	color: #cc0033;
}

.newsletterBox select {
	width: 99px;
	margin-right: 10px;
}

.ie7 .newsletterBox select {
	float: left;
	width: 100px;
}

.newsletterBox input#prename {
	width: 180px;
}

.ie7 .newsletterBox input#prename {
	width: 160px;
}

.newsletterBox .errorLog {
	margin-bottom: 10px;
	color: #cc0033;
}

.newsletterBox .dataRetrieval {
	background: url('../images/content/bg_data_retrieval_l.png') no-repeat 0 0 #fafafa scroll;
}

.newsletterBox .dataRetrieval .textContent {
	padding: 10px;
	width: 580px;
	height: 60px;
	overflow: hidden;
	overflow: auto;
}

.ie7 .newsletterBox .dataRetrieval .textContent {
	height: 55px;
}

.dataRetrieval .textContent p {
	font-size: 10px;
}

.dataRetrieval .textContent h3 {
	margin-bottom: 10px;
	color: #000;
}

.noJS .newsletterBox .linkedButton {
	display: none;
}

/* AHE 20160112 START */
.newsletterBox .linkedButton {
	float: right;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 10px;
	width: 150px;
}

.crane {
	position: absolute;
	left: -80px;
	width: 865px;
	height: 620px;
}

.newsletterBox .acceptCheck label {
	margin-top: 10px;
	width: inherit;
	height: inherit;
	font-size: 13px;
}
.newsletterBox input.checkBoxes {
	margin-right: 5px;
	width: 15px;
	height: 15px;
	margin: 0;
}
/* AHE 20160112 END */

/*
.newsletterBox .linkedButton {
	position: absolute;
	right: 3px;
	bottom: 0px;
	margin-bottom: 10px;
	width: 150px;
}
*/
/*
.newsletterBox.fromFooter .linkedButton {
	top: 250px;
	bottom: auto;
}*/
/*
.crane {
	position: absolute;
	left: -80px;
	bottom: -462px;
	margin-bottom: 0px;
	width: 865px;
	height: 620px;
}
*/

/* ---------- Newsletter box end ---------- */



/* ---------- Fake select start ---------- */
.fakeSelect {
	position: relative;
	cursor: pointer;
}

.fakeSelect.empty,
.fakeSelect.error {
	outline: 1px solid #CC0033
}

.fakeSelect.redPlaceholder .fakeTitle {
	color: #cc0033;
}

.fakeSelect .fakeTitle {
	display: block;
	padding-top: 7px;
	font-size: 13px;
	line-height: 18px;
	font-family: "TheSansOsF Plain",Arial,Helvetica,sans-serif;
	color: #333;
}

.fakeSelect.error .fakeTitle {
	color: #cc0033;
}

.fakeSelect .stateIcon {
	position: absolute;
}

/* CRO20150923 */
.fakeSelect ul {
	display: none;
	width: 100%;
	max-height: 120px;
	border-bottom: 1px solid #cbcdcd;
	border-left: 1px solid #cbcdcd;
	background-color: #FAFAFA;
	z-index: 1;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.fakeSelect.listOpened ul {
	display: block;
}

.fakeSelect ul li {
	margin: 0;
	padding: 0;
	background: none;
}

.titleSelect {
	display: inline-block;
	margin-right: 10px;
	width: 100px;
	height: 30px;
	background: url('../images/content/bg_input_newsletter.png') no-repeat scroll 0 0 #FAFAFA;
}

.titleSelect .fakeTitle {
	padding: 10px 10px 0px 10px;
	font-size: 13px;
	line-height: 13px;
	color: #333;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.titleSelect .stateIcon {
	top: 10px;
	right: 10px;
	width: 17px;
	height: 12px;
	background: url('../images/content/icon_fake_select_open.png') no-repeat scroll 0 0 transparent;
}

.titleSelect.listOpened .stateIcon {
	background: url('../images/content/icon_fake_select_close.png') no-repeat scroll 0 0 transparent;
}

.titleSelect ul {
	position: absolute;
	top: 30px;
	left: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}

.titleSelect ul li {
	padding: 10px 10px 0px 10px;
	height: 22px;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.titleSelect ul li.active {
	color: #cc0033;
}
/* ---------- Fake select end ---------- */



/* ---------- RSS feed box start ---------- */
.rssFeedBox {
	position: relative;
	margin-bottom: 20px;
	border-top: 2px solid #cc0033;
	background: url("../images/content/bg_rss_feed_box.png") repeat-x scroll 0 bottom #F1F1F1;
}

.rssFeedBox a {
	display: block;
	padding: 10px;
}

.rssFeedBox h2 {
	margin-bottom: 0px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 15px;
	background: url("../images/content/dashed_border.png") repeat-x scroll left bottom transparent;
}

.rssFeedBox p {
	margin-bottom: 0px;
}

.rssFeedBox p a {
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
	color: #000;
}

.rssFeedBox .icon {
	position: absolute;
	top: 6px;
	right: 10px;
	padding: 0px;
	width: 20px;
	height: 19px;
	background: url('../images/content/icon_rss.png') no-repeat scroll 0 0 transparent;
}
/* ---------- RSS feed box end ---------- */



/* ---------- Store list start ---------- */
.storeListBox {
	background-color: #fff;
}

.storeList {
	padding: 1px 10px 1px 10px;
}

.storeListItem {
	position: relative;
	margin-bottom: 10px;
	padding: 10px 0px 17px 0px;
	border-bottom: 1px solid #7b7b7b;
	cursor: pointer;
}

.storeListItem .adressBox {
	padding-right: 30px;
}

.noJS .storeListItem {
	cursor: default;
}

.storeListItem.last {
	margin-bottom: 0;
	border-bottom: 0 none;
}

.storeListItem.isVisible {
	display: block;
}

.storeListItem.notVisible {
	display: none;
}

.addressBox h3 {
	margin-bottom: 0px;
	/* font-family: 'TheMixOsF SemiBold', Helvetica, Arial, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 20px;
	color: #7b7b7b;
}

.addressBox p {
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 17px;
	color: #000;
}

.storeListItem.active .addressBox h3 {
	color: #cc0033;
}

.linkBox {
	position: absolute;
	top: 15px;
	right: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

.linkBox p {
	margin-bottom: 0px;
}

.linkBox .linkedButton.typeStoreList {
	display: block;
	margin-bottom: 0px;
	width: 24px;
	height: 28px;
	background: url('../images/content/more_button_02.png') no-repeat scroll 0 0 transparent;
}
/* ---------- Store list end ---------- */



/* ---------- White bar start ---------- */
.whiteBar {
	position: absolute;
	bottom: 0px;
	left: 5px;
	width: 960px;
	height: 15px;
	background-color: #fff;
}
/* ---------- White bar end ---------- */



/* ---------- Gallery box start ---------- */
.galleryBox.icon {
	position: absolute;
	top: 0px;
	right: 0px;
}

.galleryBox .galleryBoxContent {
	display: none;
}


.galleryBox .galleryBoxContent img {
	max-width: 100%;
/*
	width: 100%;
	height: auto;
*/
}


.galleryBox .galleryBoxButton {
	display: block;
	cursor: pointer;
}

.galleryBox.icon .galleryBoxButton {
	width: 28px;
	height: 23px;
	background: url('../images/content/icon_gallery.png') no-repeat 0 0 transparent scroll;
}

.galleryBox.slideshow .galleryBoxButton {
	width: 228px;
	height: 28px;
	background: url('../images/content/button_slideshow_l.png') no-repeat 0 0 transparent scroll;
}

.galleryBox.gallery .galleryBoxButton {

}

.galleryBox.slideshow .galleryBoxButton {

}
/* ---------- Gallery box end ---------- */



/* ---------- Fotorama start ---------- */
#gearsOverlay .fotorama {
	max-height: 580px;
}

#gearsOverlay .fotorama__wrap {
	margin: 0 auto;
	max-height: 580px;
}

.lte8 #gearsOverlay .fotorama,
.lte8 #gearsOverlay .fotorama__wrap {
	max-height: 500px;
}

#gearsOverlay .fotorama .fotorama__nav-wrap {
/*
	position: absolute;
	bottom: -68px;
*/
}
/* ---------- Fotorama end ---------- */



/* ---------- Contact box start ---------- */
#headContentInner h1.headlineContactForm {
	padding-left: 335px;
}

.contactBox {
	position: relative;
	padding-left: 334px;
	padding-bottom: 55px;
}

.contactBox.success {
	padding-left: 400px;
	min-height: 370px;
}

.contactBox .contentBox {
	background-color: transparent;
}

/* CRO20151111 */
.contactBox form {
	margin-left: 0px;
	padding: 15px;
	width: 626px;
/* 	height: 386px; */
	background: url('../images/content/bg_contact_box_l.png') no-repeat 0 0 transparent scroll;
	background-image: none;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
	        box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
}
/* CRO20151111 */

.contactBox .singleField,
.contactBox .gridBoxAA {
	margin-bottom: 10px;
}

.contactBox .gridBoxAA .gridItemA {
	margin-right: 20px;
	width: 288px;
}

.contactBox .gridBoxAA .gridItemB {
	width: 288px;
}

.contactBox input,
.contactBox select {
	display: inline-block;

}

.contactBox input[type="text"],
.contactBox select {
	padding-right: 10px;
	padding-left: 10px;
	border: none;
	border-radius: 0;
	width: 288px;
	height: 30px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	color: #000;
	background: url('../images/content/bg_input_newsletter.png') no-repeat scroll 0 0 #FAFAFA;
	-webkit-appearance: none;
}

/* Beim Eingeben */
.contactBox input[type="text"]:focus,
.contactBox input.empty[type="text"]:focus {
	color: #000;
}

/* Leere/keine Eingabe erfolgt */
.contactBox input[type="text"].empty {
	color: #9B9B9B;
}

/* Required fields start */
.contactBox input[type="text"].redPlaceholder.empty {
	color: #cc0033;
}

.contactBox input[type="text"].redPlaceholder.empty:focus {
	color: #000;
}
/* Required fields end */

.noJS .contactBox input#submitButton {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.contactBox input#submitButton {
	display: none;
}

.ie7 .contactBox input,
.ie7 .contactBox select {
	display: block;
	padding-top: 10px !important;
	padding-bottom: 0px !important;
	width: 268px;
	height: 20px;
}

/* CRO 27.10.14 start */
.ie8 .contactBox input,
.ie8 .contactBox select {
	padding-top: 10px;
	padding-bottom: 0px;
}
/* CRO 27.10.14 end */

.contactBox .error,
.lte9 .contactBox .redPlaceholder.empty {
	outline: 1px solid #cc0033;
}

.contactBox .error:focus,
.lte9 .contactBox .redPlaceholder:focus {
	color: #000;
}

.contactBox input#street,
.contactBox input#adress {
	width: 596px;
}

.ie7 .contactBox input#street,
.ie7 .contactBox input#adress {
	width: 576px;
}


.contactBox select {
	width: 99px;
	margin-right: 10px;
}

.ie7 .contactBox select {
	float: left;
	width: 100px;
}

.contactBox input#prename {
	width: 178px;
}

.ie7 .contactBox input#prename {
	width: 154px;
}

.contactBox .errorLog {
	margin-bottom: 10px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 1.2em;
	color: #cc0033;
}

.contactBox textarea {
	padding: 10px;
	border: none;
	border-radius: 0;
	width: 100%;
	height: 100px;
	resize: none;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	color: #000;
	background: url('../images/content/bg_data_retrieval_l.png') no-repeat 0 0 #fafafa scroll;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contactBox textarea.empty {
	color: #cc0033;
}

.contactBox textarea:focus {
	color: #000;
}

.ie7 .contactBox textarea {
	width: 576px;
	min-height: 1px;
	height: 25px;
	border-width: 0px;
}

.contactBox .dataRetrieval {
	background: url('../images/content/bg_data_retrieval_l.png') no-repeat 0 0 #fafafa scroll;
}

.contactBox .dataRetrieval .textContent {
	padding: 10px;
	width: 580px;
	height: 50px;
	overflow: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.lte8 .contactBox .dataRetrieval .textContent {
	height: 40px;
}

.noJS .contactBox .linkedButton {
	display: none;
}

.contactBox .linkedButton {
	position: absolute;
	right: 1px;
	bottom: 0px;
	margin-bottom: 10px;
	width: 150px;
}
/*
.excavator {
	position: absolute;
	left: -110px;
	bottom: -560px;
	margin-bottom: 0px;
	width: 831px;
	height: 768px;
}
*/
/* AHE 20160112 */
.excavator {
	position: absolute;
	left: -110px;
	width: 831px;
	height: 768px;
}
/* AHE 20160112 */

/* ---------- Contact box end ---------- */



/* ---------- Video box start ---------- */
.videoBox {
	position: relative;
	cursor: pointer;
}

.videoBox .videoBoxContent img {
	margin-bottom: 0px;
	width: 220px;
	height: auto;
}

.videoBox .videoBoxButton {
	position: relative;
	left: -4px;
	width: 228px;
	height: 28px;
	background: url('../images/content/button_video_m.png') transparent 0px 0px no-repeat scroll;
}

#myKaltura {
	margin: 0 auto;
}
/* ---------- Video box end ---------- */


/* ---------- widescreener start ---------- */

.gearsWidescreener {
	/*min-height: 200px;
	background-color: cornflowerblue;*/
}

.gearsWidescreenerInner {
	/*min-height: 200px;
	background-color: deepskyblue;*/
}


/* ---------- widescreener end ---------- */

/* ---------- fade slider start ---------- */
.gearsFadeBox {
	display: none;
}

.gearsFadeBox.initialized {
	display: block;
}

/* ---------- fade slider end ---------- */



/* ---------- Contact box content start ---------- */
.contentColumnBox .contactBoxContent {
	margin: 0px;
	padding: 0px;
	width: 740px;
}

.contentColumnBox .contactBoxContent > li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	width: 160px;
	min-height: 20px;
	background-image: none;
	vertical-align: top;
}

/* Übergangsweise ausgeblendet! */
.contentColumnBox .contactBoxContent li.iconPerson,
.contentColumnBox .contactBoxContent li.iconMail {
	display: none;
}

.ie7 .contentColumnBox .contactBoxContent > li {
	display: inline;
}

.contactBoxContent > li span {
	line-height: 20px;
}
/* ---------- Contact box content end ---------- */



/* ---------- Div overlay start ---------- */
.divOverlay {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url('../images/content/image_box_overlay.png') transparent 0px 0px repeat scroll;
	-moz-transition: opacity 0.5s, easeInOutSine;
	-webkit-transition: opacity 0.5s, easeInOutSine;
	-o-transition: opacity 0.5s, easeInOutSine;
	transition: opacity 0.5s, easeInOutSine;
}

.lte9 .divOverlay {
	opacity: 1;
	display: none;
}

.showOverlay .divOverlay {
	opacity: 1;
	-moz-transition: opacity 1s, easeInOutSine;
	-webkit-transition: opacity 1s, easeInOutSine;
	-o-transition: opacity 1s, easeInOutSine;
	transition: opacity 1s, easeInOutSine;
}

.lte9 .showOverlay .divOverlay {
	display: block;
}

.divOverlay h2 {
	padding: 14px 10px;
	font-size: 15px;
	line-height: 20px; /* patch: new-rk-ci-01 17px->20px */
	color: #fff;
}
/* ---------- Div overlay end ---------- */



/* ---------- Handwerkervermittlung start ---------- */
.handwerkervermittlungSidebar {
	display: block;
	position: relative;
	margin-bottom: 20px;
	width: 220px;
	height: 50px;
	font-size: 0;
	background: url('../images/content/handwerkervermittlung_sidebar_l.jpg') no-repeat 0 0 transparent scroll;
}

.handwerkervermittlungSidebar .linkedButton {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 180px;
	/* width: 215px; */
}

.handwerkervermittlungSidebar .linkedButton.typeA .bgLeft {
	padding-top: 11px;
	padding-left: 5px;
	padding-right: 0;
	font-size: 10px;
	height: 25px;
}
/* ---------- Handwerkervermittlung end ---------- */



/* ---------- History slider start ---------- */
.contentColumnBox .historySliderWrapper .historyCarousel ul,
.contentColumnBox .historySliderWrapper .historySlider ul {
	margin: 0px;
}

.historyCarousel,
.historySlider {
	position: relative;
}

/* History carousel */
.historySliderWrapper .historyCarousel {
	overflow: hidden;
	margin: 0px;
	padding-bottom: 5px;
	background: url('../images/content/bg_history_carousel.png') repeat-x scroll 0 bottom #fff;
}

.historyCarousel .flex-viewport {
	overflow: visible !important;
	background-color: #fff;
}

.uaAndroid .historyCarousel .flex-viewport {
	overflow-x: hidden !important;
	overflow-y: visible !important;
}

.historyCarousel .slides > li {
/*
	width: 70px !important;
	height: 65px !important;
*/
}

.historyCarousel .slides > li > img {
	width: 80px;
	height: 70px;
}


.uaDesktop .historyCarousel .slides > li:hover .defaultState,
.historyCarousel .slides > li.flex-active-slide .defaultState,
.historyCarousel .slides > li .activeState {
	display: none;
}

.uaDesktop .historyCarousel .slides > li:hover .activeState,
.historyCarousel .slides > li.flex-active-slide .activeState {
	display: block;
}

/* History slider */
.historySliderWrapper .historySlider {
	margin: 0px;
}

.historySlider .historySlideContent > img {
	margin-bottom: 10px;
}

.historySlider .flex-direction-nav a {
	top: 0px;
	margin: 0px;
	width: 50px;
	height: 465px;
	opacity: 1;
	background-image: none;
}

.historySlider .flex-direction-nav .flex-prev {
	left: 0px;
	background: url('../images/content/icon_arrow_left.png') no-repeat left center transparent scroll;
}

.historySlider .flex-direction-nav .flex-next {
	right: 0px;
	background: url('../images/content/icon_arrow_right.png') no-repeat right center transparent scroll;
}

.historySlider .flex-direction-nav .flex-disabled {
	display: none;
}

.contentColumnBox .historySlider .historySlideContent ul > li {
	padding-left: 15px;
	padding-bottom: 5px;
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 13px;
	line-height: 17px;
	background: url('../images/content/icon_list.png') no-repeat 0 3px transparent scroll;
}
/* ---------- History slider end ---------- */



/* REMOVE: EXAMPLE STYLES start */

.exampleHeaderSliderImage {
	position: relative;
	width: 960px;
	height: 595px;
}

.exampleHeaderSliderImageInner {
	position: absolute;
	left: -1000px;
	top: 0;
	width: 2960px;
	height: 595px;
	background: url('../assets/images/example-content-top-slider-l-01.png') #97c4e1 center top no-repeat scroll;
}

.exampleContentBottomImage {
	display: none;
	position: relative;
	width: 960px;
	height: 150px;
}

.exampleContentBottomImageInner {
	position: absolute;
	left: -50px;
	top: 0;
	width: 1060px;
	height: 150px;
	background: url('../assets/images/example-content-bottom-l-01.png') transparent center top no-repeat scroll;
}

/* REMOVE: EXAMPLE STYLES end */

/* ---------- Special calender start ---------- */

.reset {
	background: none repeat scroll 0 0 #FFFFFF;
	cursor: pointer;
	display: block;
	padding: 10px;
	text-align: center;
}

.specialCalendar ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.specialCalendar ul li {
	float: left;
	padding: 10px;
}
.specialCalendar .calendarItem[data-animation="3"].hideOverflow,
.specialCalendar .calendarItem[data-animation="4"].hideOverflow,
.lte9 .specialCalendar .calendarItem[data-animation="3"],
.lte9 .specialCalendar .calendarItem[data-animation="4"],
.specialCalendar .calendarItem {
	position: relative;
	overflow: hidden;
}

.specialCalendar .calendarItem[data-animation="3"],
.specialCalendar .calendarItem[data-animation="4"] {
	overflow: visible;
	-webkit-transform: translateZ(1px);
	transform: translateZ(1px);
}

.specialCalendar .calendarItem.previous {
	overflow: hidden;
}

.specialCalendar .calendarItem {
	padding: 5px;
	width: 130px;
	height: 130px;
	background-color: #fff;
}

.specialCalendar .calendarItem[data-day="1"],
.specialCalendar .calendarItem[data-day="6"],
.specialCalendar .calendarItem[data-day="7"],
.specialCalendar .calendarItem[data-day="14"],
.specialCalendar .calendarItem[data-day="21"],
.specialCalendar .calendarItem[data-day="24"] {
	width: 290px;
}

.specialCalendar .calendarItem[data-day="1"] .door img,
.specialCalendar .calendarItem[data-day="6"] .door img,
.specialCalendar .calendarItem[data-day="7"] .door img,
.specialCalendar .calendarItem[data-day="14"] .door img,
.specialCalendar .calendarItem[data-day="21"] .door img,
.specialCalendar .calendarItem[data-day="24"] .door img {
	width: 290px;
}

.specialCalendar .calendarItem[data-day="1"] .leftWing img,
.specialCalendar .calendarItem[data-day="6"] .leftWing img,
.specialCalendar .calendarItem[data-day="7"] .leftWing img,
.specialCalendar .calendarItem[data-day="14"] .leftWing img,
.specialCalendar .calendarItem[data-day="21"] .leftWing img,
.specialCalendar .calendarItem[data-day="24"] .leftWing img {
	left: 5px;
}

.specialCalendar .calendarItem[data-day="1"] .rightWing img,
.specialCalendar .calendarItem[data-day="6"] .rightWing img,
.specialCalendar .calendarItem[data-day="7"] .rightWing img,
.specialCalendar .calendarItem[data-day="14"] .rightWing img,
.specialCalendar .calendarItem[data-day="21"] .rightWing img,
.specialCalendar .calendarItem[data-day="24"] .rightWing img {
	left: auto;
	right: 5px;
}



.calendarItem.current {
	z-index: 1;
}

.calendarItem.current .door {
	cursor: pointer;
}

.calendarItem .door {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;

	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);


	-webkit-transform: translateZ(1px);
	transform: translateZ(1px);

}

.ie7 .calendarItem .door {
	height: 140px;
}

.calendarItem .door img {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 130px;
	height: 130px;
}

.calendarItem[data-animation="1"] .door {

	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;

}

.calendarItem[data-animation="2"] .door {

	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;

	-webkit-transform: scale(1);
	transform: scale(1);
}

.calendarItem[data-animation="3"] .door {
	opacity: 1;
}

.calendarItem[data-animation="4"] .door {
	opacity: 1;
	background-color: transparent;
}

.calendarItem[data-animation="3"] .door.hide,
.calendarItem[data-animation="4"] .door.hide {
	display: none;
}

.calendarItem[data-animation="4"] .door .leftWing,
.calendarItem[data-animation="4"] .door .rightWing {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
}

.calendarItem[data-animation="4"] .door .leftWing {
	left: 0;
}

.calendarItem[data-animation="4"] .door .rightWing {
	right: 0;
}

.calendarItem .door.opened {

	top: -100%;
	left: -100%;

	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.calendarItem .door.opened2 {

	-webkit-transform: scale(0);
	transform: scale(0);

	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.calendarItem .door.opened3 {

	-webkit-transform-origin: 0 50%;
	-webkit-animation: flipOutLeft .5s both linear;
	-moz-transform-origin: 0 50%;
	-moz-animation: flipOutLeft .5s both linear;
	transform-origin: 0 50%;
	animation: flipOutLeft .5s both linear;

	-webkit-animation-direction: alternate;
}

.calendarItem .door.opened4 .leftWing {

	-webkit-transform-origin: 0 50%;
	-webkit-animation: flipOutLeft .5s both linear;
	-moz-transform-origin: 0 50%;
	-moz-animation: flipOutLeft .5s both linear;
	transform-origin: 0 50%;
	animation: flipOutLeft .5s both linear;

}

.calendarItem .door.opened4 .rightWing {

	-webkit-transform-origin: 100% 50%;
	-webkit-animation: flipOutRight .5s both linear;
	-moz-transform-origin: 100% 50%;
	-moz-animation: flipOutRight .5s both linear;
	transform-origin: 100% 50%;
	animation: flipOutRight .5s both linear;

}

@-webkit-keyframes flipOutLeft {
	from {
		-webkit-transform: perspective(600px) rotateY(0deg) translateZ(2px);
	}
	to {
		-webkit-transform: perspective(600px) rotateY(-90deg) translateZ(1px);
	}
}

@keyframes flipOutLeft {
	from {
		transform: perspective(600px) rotateY(0deg) translateZ(2px);
	}
	to {
		transform: perspective(600px) rotateY(-90deg) translateZ(1px);
	}
}

@-webkit-keyframes flipOutRight {
	from {
		-webkit-transform: perspective(600px) rotateY(0deg) translateZ(2px);
	}
	to {
		-webkit-transform: perspective(600px) rotateY(90deg) translateZ(1px);
	}
}

@keyframes flipOutRight {
	from {
		transform: perspective(600px) rotateY(0deg) translateZ(2px);
	}
	to {
		transform: perspective(600px) rotateY(90deg) translateZ(1px);
	}
}

.calendarItem.previous .door {
	left: -100%;
}

.calendarItem .number {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
/* 	font-family: 'TheMixOsF SemiBold',​ Arial, ​Helvetica, ​sans-serif; */
	font-size: 20px;
	line-height: 20px;
	text-align: right;
	color: #cc0033;
}

.calendarItem.opened,
.calendarItem.previous .content {
	display: block;
	width: 100%;
	height: 100%;
}

.calendarItem .content a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.calendarItem .content .overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ie7 .calendarItem .content .overlay {
	height: 140px;
}

.calendarItem .content img {
	width: 130px;
	height: 130px;
}

/* Große Kalendertürchen */
.calendarItem[data-animation="4"] .content img {
	width: 290px;
	height: 130px;
}

.calendarItem .content .overlay .text {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4%;
	width: 92%;
	color: #fff;
	background: url("../images/content/image_box_overlay.png") repeat scroll 0 0 transparent;
}

/* Fix width issue for transparent textbox on iPad */
.uaIPhone .calendarItem.current .content .overlay .text,
.uaIPhone .calendarItem.previous .content .overlay .text,
.uaIPad .calendarItem.current .content .overlay .text,
.uaIPad .calendarItem.previous .content .overlay .text {
	width: 93%;
}

/* ---------- Special calender end ---------- */

/* ---------- Calender form start ---------- */

.calenderForm {
	padding: 0;
}

.calenderForm form {
	padding: 0;
	height: auto;
	background: none;
}

.lte9 .calenderForm .redPlaceholder.empty {
	outline: none;
}

.lte9 .calenderForm .error {
	outline: none;
	border: 1px solid #cc0033;
}

.calenderForm .linkedButton {
	position: relative;
	right: auto;
	width: auto;
}

.calenderForm .gridBoxAA.checkboxes .gridItem {
	margin: 0;
	width: 100%;
}

.calenderForm h2 {
	width: 596px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.calenderForm .checkboxes span {
	display: block;
	position: relative;
	padding: 5px;
}

.calenderForm .checkboxes label a {
	text-decoration: underline;
}

.calenderForm .checkboxes .gridItemA span {
	color: #cc0033;
}

.calenderForm .checkboxes span {
	padding: 10px;
	outline: none;
}

.calenderForm .checkboxes span.error {
	padding: 9px;
	border: 1px solid #cc0033;
}

.ie7 .calenderForm .checkboxes span.error {
	overflow: hidden;
}

.calenderForm label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.calenderForm .gridItemContent span:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.contactBox input[type="text"].empty {
	color: #c03;
}

.calenderForm input[type="checkbox"] {
	margin: 0;
	margin-right: 10px;
	padding: 0 !important;
	width: auto;
}

.ie7 .calenderForm input[type="checkbox"]{
	float: left;
}

.ie7 .calenderForm input,
.ie7 .calenderForm select,
.ie8 .calenderForm input,
.ie8 .calenderForm select {
	padding-top: 6px !important;
	padding-bottom: 0px !important;
}

.ie7 .calenderForm input[type="checkbox"],
.ie8 .calenderForm input[type="checkbox"] {
	padding-top: 0px !important;
}

.ie9 .calenderForm input#lastname.error {
	width: 286px;
}

.ie7 .calenderForm input#lastname.error {
	width: 266px;
}

.calenderForm input#recipient {
	margin-bottom: 10px;
	width: 596px;
}

.calenderForm input#recipient.error {
	margin-left: 1px;
	width: 594px;
}

.ie9 .calenderForm input#recipient.error {
	width: 594px;
}

.ie7 .calenderForm input#recipient.error {
	width: 574px;
}

.calenderForm .dataRetrieval {
	margin-bottom: 15px;
}

.calenderForm .dataRetrieval .textContent {
	height: 85px;
}

.calendarRegistration {
	display: none;
}

/* ---------- Calender form end ---------- */

/* Sharing buttons on front page */
.contentBox ul.sharingOptions {
	white-space: nowrap;
	font-size: 0;
}

.contentBox ul.sharingOptions a {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

.contentBox ul.sharingOptions li {
	display: inline-block;
	margin-right: 1px;
}

.ie7 .contentBox ul.sharingOptions li {
	display: inline;
}

.contentBox ul.sharingOptions li.last {
	margin-right: 0;
}

.contentBox ul.sharingOptions li a {
	display: block;
	width: 30px;
	height: 30px;
}

.contentBox ul.sharingOptions li.mail {
	background-image: url('../images/content/icon_share_mail.png');
}

.contentBox ul.sharingOptions li.twitter {
	background-image: url('../images/content/icon_share_twitter_sidebar.png');
}

.contentBox ul.sharingOptions li.facebook {
	background-image: url('../images/content/icon_share_facebook.png');
}

.contentBox ul.sharingOptions li.xing {
	background-image: url('../images/content/icon_share_xing.png');
}

/* Calendar prices */
.calendarPrice img {
	margin: 0 auto;
	width: 150px;
	height: 150px;
}






/* ---------- Easter eggs start ---------- */

.eeAnchorWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
}

.eeAnchor {
	position: relative;
	margin: 0 auto;
	width: 970px;
	height: 0;
}

.uaMediumScreen .eeAnchor {
	width: 730px;
}

.ee {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1100;
}

.ee.aboveBasket {
	z-index: 800;
}

.ee.shaking {
	transform: rotate(0deg) translateX(0px);
	transform-origin: 50% 95%;

  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: eggShaking;
  animation-name: eggShaking;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}

.ee.hopping {
	transform: translateY(0px);
	transform-origin: 50% 95%;

  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: eggHopping;
  animation-name: eggHopping;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}



/* Easter egg 01 */
.ee[data-identifier="1"] {
	background: url('../images/ostereier/icon-ei-02.png') transparent center center no-repeat scroll;
	background-size: 30px 30px;
}

.lte9 .ee[data-identifier="1"] {
	background-image: url('../images/ostereier/icon-ei-02-02.png');
}

.ee.inBasket[data-identifier="1"] {
	top: 10px;
	left: 550px;
	z-index: 600;
}

.uaMediumScreen .ee.inBasket[data-identifier="1"] {
	left: 310px;
}

/* Easter egg 02 */
.ee[data-identifier="2"] {
	background: url('../images/ostereier/icon-ei-03.png') transparent center center no-repeat scroll;
	background-size: 30px 30px;
}

.lte9 .ee[data-identifier="2"] {
	background-image: url('../images/ostereier/icon-ei-03-02.png');
}

.ee.inBasket[data-identifier="2"] {
	top: 5px;
	left: 575px;
	z-index: 700;
}

.uaMediumScreen .ee.inBasket[data-identifier="2"] {
	left: 335px;
}

/* Easter egg 03 */
.ee[data-identifier="3"] {
	background: url('../images/ostereier/icon-ei-04.png') transparent center center no-repeat scroll;
	background-size: 30px 30px;
}

.lte9 .ee[data-identifier="3"] {
	background-image: url('../images/ostereier/icon-ei-04-02.png');
}

.ee.inBasket[data-identifier="3"] {
	top: 8px;
	left: 590px;
	z-index: 800;
}

.uaMediumScreen .ee.inBasket[data-identifier="3"] {
	left: 350px;
}

.uaMobile .ee {
	-ms-transform: scale(1);
	-webkit-transform:scale(1);
	transform: scale(1);

	-webkit-transition: all 0 ease-in-out;
	-moz-transition: all 0 ease-in-out;
	-ms-transition: all 0 ease-in-out;
	-o-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}

.uaMobile .ee.disappear {

	-ms-transform: scale(0);
	-webkit-transform:scale(0);
	transform: scale(0);

	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.eeB {
	background-color: #808000;
	height: 100px;
	position: absolute;
	right: 330px;
	top: -30px;
	width: 100px;
	z-index: 900;
	cursor: pointer;
	background: url('../images/ostereier/icon-korb-01.png') transparent center center no-repeat scroll;
	background-size: 100px 100px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.lte9 .eeB {
	background-image: url('../images/ostereier/icon-korb-02.png')
}

.eeBBubble {
	position: absolute;
	top: 14px;
	right: 450px;
	padding: 10px;
	border: 1px solid #cc0033;
	width: 180px;
	background-color: #fff;

	-ms-transform: scale(0);
	-webkit-transform:scale(0);
	transform: scale(0);

	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;

	z-index: 1000;
}

.uaMobile .eeBBubble {
	top: 70px;
	right: 10px;
}

.lte9 .eeBBubble {
	display: none;
}

.lte9 .eeBBubble.show {
	display: block;
}

.eeBBubble.scaleUp {
	-ms-transform: scale(1);
	-webkit-transform:scale(1);
	transform: scale(1);

	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.eeBBubble .bubbleText {
	margin-bottom: 0;
}

.eeBBubble .close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-color: #cc0033;
	cursor: pointer;
	background: url('../images/content/icon_close_overlay.png') no-repeat center center #cc0033 scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.uaDesktop.uaSmallScreen .eeAnchorWrapper {
	display: none;
}

.uaMobile .eeB {
	top: 0;
	right: 22px;
	width: 128px;
	height: 20px;
	background-color: transparent;
	background-image: none;
}

.eeCount {
	display: none;
}

.uaMobile .eeCount {
	display: block;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	color: #CC0033;
	background: url('../images/ostereier/icon-ei-01.png') transparent left top no-repeat scroll;
	background-size: 20px 20px;
}

@-webkit-keyframes eggShaking {
  from {
    -webkit-transform: rotate(0deg) translateX(0px);
  }
  20% {
    -webkit-transform: rotate(10deg) translateX(2px);
  }
  80% {
    -webkit-transform: rotate(-10deg) translateX(-2px);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0px);
  }
}

@keyframes eggShaking {
  from {
    transform: rotate(0deg) translateX(0px);
  }
  20% {
    transform: rotate(10deg) translateX(2px);
  }
  80% {
    transform: rotate(-10deg) translateX(-2px);
  }
  to {
    transform: rotate(0deg) translateX(0px);
  }
}

@-webkit-keyframes eggHopping {
  from {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(0px);
  }
}

@keyframes eggHopping {
  from {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(0px);
  }
}

/* ---------- Easter eggs end ---------- */



/*------------------------------------*\
    #Architect form
\*------------------------------------*/

#headContentInner h1.headlineContactForm.architect {
	padding-left: 0;
}

.contactBox .architectForm {
	background: url("../images/architect/bg_architect_box_l_02.png") no-repeat scroll 0 0 transparent;
	height: 690px;
	margin-left: 0;
	padding: 15px;
	width: 596px;
}

.architectForm label {
	display: inline-block;
	width: 190px;
	color: #000;
	font-family: "TheSansOsF Plain",Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 17px;
}

.architectForm [type="checkbox"] {
	vertical-align: top;
}

.architectBox .keyVisual {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 233px;
	height: 340px;
}

.architectBox .keyVisual a,
.architectBox .keyVisual span {
	display: block;
}

.architectBox .keyVisual span {
	padding-top: 10px;
	line-height: 20px;
}

.contactBox.architectBox .gridBoxAA .gridItemA,
.contactBox.architectBox .gridBoxAA .gridItemB {
	width: 100%;
}

.fontSize11 {
	font-size: 11px;
}





/* ---------- roundabout start ---------- */

.roundaboutFrame {
	position: relative;
	margin-bottom: 16px;
	width: 704px;
	/*height: 365px;*/
	height: 315px;
	overflow: hidden;
	padding-top: 30px;
}

.roundaboutFrame li h3,
.roundaboutFrame li h4 {
	display: none;
}

.roundaboutMobile {
	display: none;
}

body .roundaboutFrame li h3 {
	display: none;
}

.roundabout-holder {
  margin: 0 auto;
  padding: 0;
  width: 500px;
	height: 300px;
  list-style: none outside none;
}

.roundabout-moveable-item {
  cursor: pointer;
  width: 225px;
  height: 300px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.5);
	overflow: hidden;
}

.gridMain ul li.roundabout-moveable-item {
	padding-left: 0;
	background: none transparent;
}


.roundabout-moveable-item img {
  width: 100%;
  height: auto;
}

.roundabout-moveable-item p {
  margin: 0;
  padding: 0;
}

.roundabout-moveable-item a {
  display: block;
}

.roundabout-navigation {
	margin: 20px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

.roundaboutLimit8 .roundabout-navigation {
	/*margin-left: -30px;
	width: 764px;*/
}

.roundaboutLimit12 .roundabout-navigation {
	margin-left: -13px;
	width: 730px;
}


.roundabout-navigation td {
  padding: 0;
}

.roundabout-navigation td .navItem {
	display: inline-block;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	width: 75px;
  background-color: #000000;
}

.roundabout-navigation td .navItem.enabled {
  cursor: pointer;
}

/*.roundabout-navigation td.active .navItem {
	border-bottom-color: #da021a;
}*/

.roundabout-navigation td .navItem p {
	margin: 0;
	font-family: "TheMixOsF SemiBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	text-transform: none;
	text-align: center;
	color: #ffffff;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.roundabout-navigation td .navItem p:first-child {
	display: none;
}

.roundabout-navigation td.active .navItem {
	background-color: #cc0033;
}

.roundaboutNavigationPrev {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 290;
	width: 20px;
	height: 100%;
	background: url(../images/content/icon_arrow_left.png) transparent left center no-repeat scroll;
	cursor: pointer;
}

.roundaboutNavigationNext {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 290;
	width: 20px;
	height: 100%;
	background: url(../images/content/icon_arrow_right.png) transparent right center no-repeat scroll;
	cursor: pointer;
}


/* ----------- roundabout end ----------- */

.plainSlider {
	margin-bottom: 14px;
	width: 700px;
	height: 394px;
}

.plainSlider .slides > li {
	position: relative;
	padding: 0;
	height: 394px;
	background-image: none;
	text-align: center;
}

.plainSlider .slides > li img {
	display: inline-block;
	width: 100%;
	height: auto;
}

.plainSlider .slides > li p {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: 0;
	font-size: 10px;
	padding: 2px 7px;
	background-color: #777777;
	background-color: rgba(0, 0, 0, 0.4);
	color: #ffffff;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.contentColumnBox .plainSlider ul li {
	padding: 0;
	background-image: none;
}

.contentColumnBox .plainSlider ul {
	margin: 0;
}

.plainSlider .flex-direction-nav a {
	background-image: none;
	height: 394px;
	margin: 0;
	opacity: 1;
	top: 0;
	width: 50px;
}

.plainSlider .flex-direction-nav .flex-next {
	background: url("../images/content/icon_arrow_right.png") no-repeat scroll right center transparent;
	right: 0;
}

.plainSlider .flex-direction-nav .flex-prev {
	background: url("../images/content/icon_arrow_left.png") no-repeat scroll left center transparent;
	left: 0;
}




.countdownBox {
	position: relative;
	margin-bottom: 14px;
	width: 700px;
	height: 320px;
	background:  url("../assets/images/countdown-bg-01.png") #dc0029 bottom center no-repeat scroll;
	background-size: 100% auto;
}

.countdownBox p {
	margin: 0;
	padding: 0;
}

.countdownBox p.logo {
	position: absolute;
	left: 20px;
	top: 50px;
	float: none;
	margin: 0;
	padding: 0;
	width: 220px;
}

.countdownBox h3 {
	position: absolute;
	left: 280px;
	top: 50px;
	width: 400px;
	font-size: 72px;
	line-height: 72px;
	color: #ffffff;
}

.countdownBox p.counter {
	position: absolute;
	left: 0px;
	bottom: 10px;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align:center;
	color: #ffffff;
}

.countdownBox p.counter span {
	display: inline-block;
	width: 15px;
	text-align: center;
	font-size: 25px;
}












/*
 *
 * Online Shop Login
 *
 */

.onlineShopPanel {
	margin-bottom: 20px;
	height: 300px;
}


#seoSliderB .onlineShopPanel {
	margin-bottom: 0;
	width: 100%;
	height: 100%;
}

.onlineShopPanel p {
	margin-bottom: 10px;
}

.onlineShopPanel p.fontSmall {
	font-size: 12px;
	line-height: 15px;
}

.onlineShopPanel h2 {
	border-bottom: 1px solid #cc0033;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#seoSliderB .onlineShopPanel h2 {
	border-bottom: 0 none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.onlineShopPanel.passwordBoxActive .loginBox {
	display: none;
}

.onlineShopPanel .passwordBox {
	display: none;
}

.onlineShopPanel.passwordBoxActive .passwordBox {
	display: block;
}

.onlineShopPanel .msgBox {
	display: none;
	margin-bottom: 10px;
	border: 1px solid #cc0033;
	padding: 3px 9px 3px 9px;
	font-family: "Univers LT W01 45 Light", "Arial", sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #cc0033;
}

.onlineShopPanel .error .msgBox {
	display: block;
}


.fadeBoxInfoWindow .onlineShopPanel .framedImage {
	border: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.styledTextField .inputPassword.placeholder {
	background: url(../images/content/styled-password-placeholder-03.png) transparent 0px 7px no-repeat scroll;
}

.styledTextField [name="UserName"].placeholder {
	/* background: url(../images/content/styled-password-placeholder-01.png) transparent 0px 3px no-repeat scroll; */
	background: url(../images/content/styled-username-placeholder-03.png) transparent 0px 7px no-repeat scroll;
}

.lte8 .styledTextField .inputPassword.placeholder,
.lte8 .styledTextField [name="UserName"].placeholder {
	background-position: 0px 3px;
}

.styledTextField {
	display: inline-block;
	position: relative;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
	background: url(../images/content/styled-text-field-bg-01.png) transparent left top repeat-x scroll;
}

.lte8 .styledTextField {
	padding-top: 6px;
	height: 23px;
}

.styledTextField.fullWidth {
	display: block;
}

.styledTextField input[type="password"],
.styledTextField input[type="text"] {
	margin: 0;
	border: 0 none;
	padding: 0;
	background: transparent;
	/* font-family: "Bembo W01", "Arial", sans-serif; */
	/* font-family: 'TheSansOsF Plain', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	color: #777777;
}

.styledTextField.fullWidth input {
	width: 100%;
}

.styledTextField .deco {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 31px;
	background: url(../images/content/styled-text-field-deco-01.png) transparent left top no-repeat scroll;
}

.styledButton {
	display: inline-block;
	position: relative;
	padding: 0 21px 0 0;
	height: 31px;
	cursor: pointer;
}

.styledButton.fullWidth {
	display: block;
}

.styledButton .label {
	display: inline-block;
	margin: 0;
	border: 0 none;
	padding: 7px 5px 0 11px;
	height: 24px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	/* text-transform: none; patch: new-rk-ci-01 */
	background: url(../images/content/styled-button-red-bg-01.png) transparent left top repeat-x scroll;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); patch: new-rk-ci-01 */
	text-transform: uppercase;
}

#seoSliderB .styledButton .label {
	font-size: 16px;
	line-height: 18px;
}

.styledButton.white .label {
	color: #777777;
	background-image: url(../images/content/styled-button-white-bg-01.png);
	/* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75); patch: new-rk-ci-01 */
}

.styledButton.fullWidth .label {
	width: 100%;
}

.styledButton .deco {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 31px;
	background: url(../images/content/styled-button-red-deco-01.png) transparent left top no-repeat scroll;
}

.styledButton.white .deco {
	background-image: url(../images/content/styled-button-white-deco-01.png);
}


/* IE FIXES */

.lte8 #seoSliderB .styledTextField {
	position: static;
	background-image: url(../images/content/styled-text-field-iefix-01.png);
}

.lte8 #seoSliderB .styledTextField .deco {
	display: none;
}

.lte8 #seoSliderB .styledButton {
	position: static;
	background: url(../images/content/styled-button-red-iefix-01.png) transparent left top no-repeat scroll;
}

.lte8 #seoSliderB .styledButton.white {
	background-image: url(../images/content/styled-button-white-iefix-01.png);
}

.lte8 #seoSliderB .styledButton .label {
	background-image: none;
}

.lte8 #seoSliderB .styledButton .deco {
	display: none;
}


/* special bars home */

.locationSearchBar input[type="text"] {
	width: 100%;
}

.contentBoxWrapper.sizeZ {
	background: url("../images/screen/shadow_size_z_l.png") no-repeat scroll 0 0 transparent;
}



/* CRO 06.11.14 start */
/*------------------------------------*\
    #Tutorial overlay
\*------------------------------------*/

#tutorialOverlay {
	background: url("../images/content/tutorial-bg-01.png") repeat scroll 0 0 transparent;
	background: url("../images/content/trans_bg_grey.png") repeat scroll 0 0 transparent;
	background: url("../images/content/bg-trans-0.9.png") repeat scroll 0 0 transparent;
	background: url("../images/content/bg-trans-0.8.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	min-height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
}
.animationFadeIn {
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	opacity: 0;
}
.lte9 .animationFadeIn {
	opacity: 1;
}
.animationFadeIn.start {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
}
.animationFadeIn.delay1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.animationFadeIn.delay2 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.animationFadeIn.delay3 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.animationFadeIn.delay4 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.animationFadeIn.delay5 {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#tutorialOverlay .frame {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 960px;
}

#tutorialOverlay .welcome {
	border: 1px dotted #fff;
	box-sizing: border-box;
	left: 0;
	padding: 15px;
	position: absolute;
	top: 300px;
	width: 350px;
}

#tutorialOverlay .info {
	padding: 15px;
	position: absolute;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#tutorialOverlay h2,
#tutorialOverlay p {
	color: #fff;
	text-align: center;
}

#tutorialOverlay p {
	margin-bottom: 0;
}

#tutorialOverlay .arrow {
	display: block;
	position: absolute;
}

#tutorialOverlay .arrow.arrow1 {
	width: 82px;
	height: 89px;
	background: url("../images/content/custom-arrow-01.png") no-repeat scroll 0 0 transparent;
}

#tutorialOverlay .arrow.arrow2 {
	width: 96px;
	height: 69px;
	background: url("../images/content/custom-arrow-02.png") no-repeat scroll 0 0 transparent;
}

#tutorialOverlay .arrow.arrow3 {
	width: 89px;
	height: 83px;
	background: url("../images/content/custom-arrow-03.png") no-repeat scroll 0 0 transparent;
}


#tutorialOverlay .arrow.arrow4 {
	width: 34px;
	height: 109px;
	background: url("../images/content/custom-arrow-04.png") no-repeat scroll 0 0 transparent;
}

#tutorialOverlay .arrow.arrow5 {
	width: 68px;
	height: 96px;
	background: url("../images/content/custom-arrow-05.png") no-repeat scroll 0 0 transparent;
}

#tutorialOverlay .arrow.arrow6 {
	width: 68px;
	height: 96px;
	background: url("../images/content/custom-arrow-06.png") no-repeat scroll 0 0 transparent;
}

#tutorialOverlay .thema {
	left: 40px;
	top: 180px;
	width: 350px;
}

#tutorialOverlay .thema .arrow {
	left: 110px;
	top: -90px;
}

#tutorialOverlay .standort {
	left: 0px;
	top: 750px;
	width: 350px;
}

#tutorialOverlay .standort .arrow {
	left: 90px;
	top: -90px;
}

#tutorialOverlay .onlineShop {
	left: 250px;
	top: 490px;
	width: 350px;
}

#tutorialOverlay .onlineShop .arrow {
	left: 300px;
	top: -100px;
}
/*
#tutorialOverlay .onlineShopBorder {
	border: 2px dashed #fff;
	border-radius: 20px;
	height: 430px;
	left: 640px;
	padding: 0;
	top: 160px;
	width: 316px;
}
*/
#tutorialOverlay .newsletter {
	left: 600px;
	top: 750px;
	width: 350px;
}

#tutorialOverlay .newsletter .arrow {
	left: 100px;
	top: -90px;
}
/* CRO 06.11.14 end */


/* AHE20151104 */
#tutorialOverlay .onlineShopBorder {
	top: 171px;
	left: 649px;
	width: 316px;
	height: 430px;
	padding: 0;
    background-image: url('../images/screen/login_img_saxonia_large.jpg');
    background-repeat: no-repeat; 
}



/*------------------------------------*\
    #osReg
\*------------------------------------*/
/*CRO20150327*/

.osReg {
	display: none;
}

.uaDesktop .regMail,
.uaTagMobile .regProcess {
	display: none;
}

#gearsOverlay .osReg {
	display: block;
	margin-top: 50px;
	padding: 20px;
	background-color: rgba(255,255,255,0.9);
	background-color: #fff;
}

.lte8 #gearsOverlay .osReg {
	background-color: #fff;
}

.grid:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.grid .col {
	float: left;
}

.colContent {
	position: relative;
}

.col2.gutter20 .col {
	padding-left: 20px;
	width: 50%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.osReg .displayTable {
	display: table;
}

.osReg .displayTableCell {
	display: table-cell;
	vertical-align: top;
}

.osReg .displayTable > .displayTableCell:first-child {
	width: 0;
}

.osReg .grid {
	background: url('../images/content/border-with-shadow-01-01.png') repeat-y center top transparent scroll;
}

.osReg .grid .col:first-child {
	padding-left: 0;
	padding-right: 20px;
}

.osReg .mb20 {
	margin-bottom: 20px;
}

.osReg .mb0 {
	margin-bottom: 0;
}

.osReg h3 {
	margin-bottom: 20px;
}

.osReg [type="checkbox"] {
	margin-right: 10px;
}

.uaMobile.mapMode #gearsOverlay {
	position: fixed;
}



/*------------------------------------*\
    #locationSelect
\*------------------------------------*/

.locationSelectWrapper {
	width: 100%;
	height: 30px;
}

.locationSelect {
	background: #fafafa url("../images/content/bg_input_newsletter.png") no-repeat scroll 0 0 !important;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: medium;
	color: #000;
	height: 30px;
	width: 288px;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.locationSelect .fakeTitle {
	padding: 7px 10px 0px 10px;
	width: 230px;
	overflow: hidden;
	white-space: nowrap;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.locationSelect .stateIcon {
	top: 10px;
	right: 10px;
	width: 17px;
	height: 12px;
	background: url('../images/content/icon_fake_select_open.png') no-repeat scroll 0 0 transparent;
}

.locationSelect.listOpened .stateIcon {
	background: url('../images/content/icon_fake_select_close.png') no-repeat scroll 0 0 transparent;
}

.locationSelect ul {
	position: absolute;
	top: 30px;
	left: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #cbcdcd;
	border-left: 1px solid #cbcdcd;
	height: 136px;
}

.locationSelect ul li {
	padding: 10px 10px 0px 10px;
	height: 22px;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.locationSelect ul li.active {
	color: #cc0033;
}



/*------------------------------------*\
    #styledHeading
\*------------------------------------*/
/* CRO 18.02.15 start */

.styledHeading {
	position: relative;
	padding-bottom: 10px;
	width: 100%;
	height: 30px;
}

.styledHeading h2 {
	margin: 0;
	padding: 8px 10px;
	/* font-family: 'TheMixOsF SemiBold', Arial, Helvetica, sans-serif; patch: new-rk-ci-01 */
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.3px; /* patch: new-rk-ci-01 */
	text-transform: uppercase; /* patch: new-rk-ci-01 */
	color: #fff;
	background-color: #cc0033;
}

.styledHeading .icon {
	display: block;
	position: absolute;
	right: 12px;
	top: 4px;
}

.styledHeading .iconRk {
	width: 14px;
	height: 21px;
	background: url('../images/content/icon_raab_karcher.png') transparent 0 0 no-repeat scroll;
}

/*------------------------------------*\
    #editNewsletterDataForm
\*------------------------------------*/
/*CRO20150807*/

.crane.newsletterEditImg {
	bottom: -684px;
}

.uaIPad .crane.newsletterEditImg {
	bottom: -678px;
}

.crane.specialPosition {
	bottom: -766px;
}

.uaIPad .crane.specialPosition {
	bottom: -766px;
}

.newsletterBox form {
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}

.newsletterBox label {
	color: #000;
	font-family: "TheSansOsF Plain",Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 17px;
}

.newsletterBox input[type="checkbox"] {
	margin-right: 10px;
	width: auto;
	height: auto;
}

.standortSelect {
	display: inline-block;
	margin-right: 10px;
	width: 600px;
	height: 30px;
	background: url('../images/content/bg_input_newsletter.png') no-repeat scroll 0 0 #FAFAFA;
}

.standortSelect .fakeTitle {
	padding: 10px 10px 0px 10px;
	font-size: 13px;
	line-height: 13px;
	color: #333;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.standortSelect .stateIcon {
	top: 10px;
	right: 10px;
	width: 17px;
	height: 12px;
	background: url('../images/content/icon_fake_select_open.png') no-repeat scroll 0 0 transparent;
}

.standortSelect.listOpened .stateIcon {
	background: url('../images/content/icon_fake_select_close.png') no-repeat scroll 0 0 transparent;
}

.standortSelect ul {
	position: absolute;
	top: 30px;
	left: 0px;
	margin-bottom: 0px;
	height: 130px;
}

.standortSelect ul li {
	padding: 10px 10px 0px 10px;
	height: 22px;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.standortSelect ul li.active {
	color: #cc0033;
}

.newsletterBox form#editNewsletterDataForm {
	height: auto;
	background: #fff;
	
}

/*------------------------------------*\
    #Privacy Policy
\*------------------------------------*/
/* AHE 20160112 */
.acceptCheck.error {
	outline: 1px solid #cc0033;
}



/*------------------------------------*\
    #gPrivacyPanel
\*------------------------------------*/
/* AHE 20160111 */

#gPrivacyPanelFrame {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10001;
	width: 100%;
}

#gPrivacyPanelFrame .gPrivacyPanel {
	padding: 7px 15px 15px 15px;
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#gPrivacyPanelFrame .gPrivacyPanel p {
	margin-top: 0;
	margin-bottom: 13px;
	
	font-size: 14px;
	line-height: 1.3;
}

#gPrivacyPanelFrame .gPrivacyPanel p:last-child {
	margin-bottom: 0px;
}

.gPrivacyPanelButton {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 6px 10px;
	width: auto;
	height: 20px;
	font-style: italic;
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	background-color: #cc0033;
	cursor: pointer;
	-webkit-appearance: none;
	text-transform: uppercase;
}

#gPrivacyPanelFrame .align-center {
	text-align: center;
}

#gPrivacyPanelFrame b,
#gPrivacyPanelFrame strong {
	font-weight: bold;
}

.linkedButton.typeA .bgLeft {
	height: 26px;
}

#gPrivacyPanelFrame table {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 920px;
}

/* CRO20160114 start */
form .acceptCheck label {
	display: block;
	margin-top: 20px;
	margin-right: 0;
	padding-left: 23px;
	text-indent: -23px;
}

.contactBox label {
	margin-right: 10px;
	color: #000;
	display: inline-block;
	font-family: "TheSansOsF Plain",Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 17px;
}
/* CRO20160114 end */



/*------------------------------------*\
    #Event forms
\*------------------------------------*/
/* CRO20150930 */

/* CRO20151111 */
.tx-rk-event-forms .gridItemContent,
.contactBox .gridItemContent {
	font-size: 0;
	line-height: 0;
}
/* CRO20151111 */

.input-sm {
	margin-right: 10px;
	width: 100px;
}

.entourage {
	margin-bottom: 20px;
}

.addEntourage {
	text-align: center;
}

.addEntourage button {
	padding-left: 25px;
	border: none;
	background-color: #fff;
	color: #000;
	font-family: "TheMixOsF SemiBold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
	text-align: start;
	text-decoration: none;
	/* text-transform: none; patch: new-rk-ci-01 */
}

.addEntourage button:hover,
.addEntourage button:active {
	box-shadow: none;
	background-image: url("../images/screen/nav_sub_link.png");
}

.addEntourage .plusBg {
	background-position: 10px center;
}


/* newsletter-button-01 */
.newsletter-button a {
	display: block;
	height: 60px;
	font-size: 0;
	background: url('../images/content/rk-newsletter-button-l.png') no-repeat 0 0 transparent scroll;
}

/* video-caption-01 */
.video-caption {
	padding-top: 10px;
	text-align: center;
}



/*------------------------------------*\
    #General form styles
\*------------------------------------*/

.displayInlineBlock {
	display: inline-block;
}

.contactBox input[type="text"],
.contactBox select {
	padding-right: 10px;
	padding-left: 10px;
	border: none;
	border-radius: 0;
	width: 288px;
	height: 30px;
	color: #000;
	background: url('../images/content/bg-input-text-01-01.png') no-repeat 0 0 #fafafa scroll;
	-webkit-appearance: none;
}

.singleField {
	margin-bottom: 10px;
}

.singleField input[type="text"],
.singleField select,
.singleField .fakeSelect {
	margin-bottom: 0;
	width: 100%;
}

.fakeSelect {
	display: inline-block;
	height: 30px;
	background: url('../images/content/bg-input-text-01-01.png') no-repeat 0 0 #fafafa scroll;
}

.titleSelect {
	margin-right: 10px;
	width: 100px;
}

.fakeTitle {
	padding: 7px 10px 0px 10px;
	font-size: 13px;
	line-height: 13px;
	color: #333;
}

.fakeSelect .stateIcon {
	background: transparent url("../images/content/icon_fake_select_open.png") no-repeat scroll 0 0;
	height: 12px;
	right: 10px;
	top: 10px;
	width: 17px;
}

.fakeSelect.listOpened .stateIcon {
	background: url('../images/content/icon_fake_select_close.png') no-repeat scroll 0 0 transparent;
}

.fakeSelect ul {
	position: absolute;
	top: 30px;
	left: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}

.fakeSelect ul li {
	padding: 10px 10px 0px 10px;
	height: 22px;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.fakeSelect ul li.active {
	color: #cc0033;
}

.contactBox textarea {
	padding: 10px;
	border: none;
	border-radius: 0;
	width: 100%;
	height: 100px;
	resize: none;
	color: #000;
	background: url('../images/content/bg-textarea-01-01.png') no-repeat 0 0 #fafafa scroll;
	-webkit-appearance: none;
}

.contactBox .dataRetrieval {
	background: url('../images/content/bg-textarea-01-01.png') no-repeat 0 0 #fafafa scroll;
}

.contactBox label {
	margin-right: 10px;
	color: #000;
	display: inline-block;
	font-size: 13px;
	line-height: 17px;
}

.radioWrapper > label,
.checkboxWrapper > label {
	position: relative;
	margin-bottom: 10px;
}

.radioWrapper > label {
	padding-right: 26px;
}

.checkboxWrapper > label {
	margin-right: 0;
	padding-left: 26px;
}

.radioWrapper [type="radio"],
.checkboxWrapper [type="checkbox"] {
	position: absolute;
	top: 0;
	margin: 0;
}

.radioWrapper [type="radio"] {
	right: 0;
}

.checkboxWrapper [type="checkbox"] {
	left: 0;
}



/*------------------------------------*\
    .tx-kwpevents
\*------------------------------------*/

.contactBox .contentBox {
	overflow: visible;
	background-color: transparent;
}

.contactBox.eventForm {
	padding-left: 0;
}

.contactBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.contactBox .keyVisual {
	position: static;
	float: left;
	margin-right: 24px;
	width: 310px;
}

.keyVisual a {
	display: block;
}

.contactBox .tx-kwpevents,
.contactBox .tx-rk-event-forms {
	float: left;
}

.pageTypeA .contactBox .success {
	padding: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);
}

.contactBox input#street,
.contactBox input#adress {
	width: 100%;
}

.pageTypeA .contactBox .tx-kwpevents .success {
	width: 596px;
}

.tx-kwpevents .checkboxWrapper label [type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.tx-kwpevents .radioWrapper label {
	margin-right: 20px;
	padding-left: 26px;
	padding-right: 0;

}

.tx-kwpevents .radioWrapper label [type="radio"] {
	left: 0;
	right: auto;
}

.tx-kwpevents input#prename1,
.tx-kwpevents input#prename2,
.tx-kwpevents input#prename3,
.tx-kwpevents input#prename4,
.tx-kwpevents input#prename5 {
	width: 178px;
}

.tx-kwpevents h5 {
	margin: 20px 0 5px 0;
}
