@import "editor_style.css";
@import "images/fileicons/style.css";
@import "style_utilities.css";

body,html {

	margin: 0px;
	padding: 0px;
	text-align:center; 
	font-family: 'Open Sans', sans-serif;
	display:block;
	font-size:14px;
}

/*useful config (don't delete)*/
html {overflow-y: scroll;}
span a {cursor:pointer;}
form {margin:0px;}
a {outline:none;color: #c7273f;}




/* Basis layout */

div#container {
	text-align:left; 
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

div#containerContact, div#containerService, div#containerKontaktperson {
	text-align:left; 
	width:100%;
	float:left;
	min-height:100px;
	background-color:#f2f2f1;
	padding:110px 0px 70px 0px;
	
	div#middleContact, div#middleService, div#middleKontaktperson {
		text-align:left; 
		width:960px;
		margin-left:auto;
		margin-right:auto;
		
		.left {
			width:420px;
			float:left;
			min-height:120px;
		}
		.right {
			width:520px;
			float:left;
			min-height:120px;
		}
	}/*div#middleContact, div#middleService*/
		
}/*div#containerContact, div#containerService */

div#containerKontaktperson {

	padding-top:50px ;
	
	.Text {
		margin-bottom:30px;
	}
}/*div#containerKontaktperson*/


div#containerService {

	background-color:#ffffff;
	padding:90px 0px 70px 0px;
	
	div#middleService {
		
		.left {
			width:240px;
		}
		.right {
			width:700px;
		}
	}/*div#middleService*/
}/*div#containerService */


div#top {
	width:100%;
	height:125px;
	border-bottom:2px solid #ce103c;
	
	#topInlay {
		text-align:left; 
		width:960px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		z-index:999;
		height:125px;
		display: block;
		background-image:url("/_skins/base/images/ico_coordinates_perg.png");
		background-repeat:no-repeat;
		background-position:right top;
	}
	
	.logo {
		width:290px;
		height:11px;
		position: absolute;
		top:40px;
		left:0px;
		display: block;	
	}/*.logo*/
}/*div#top*/ 


div#middle {
	width:960px;
	float:left;
	min-height:685px;
}
div#middle.middleStart {
	
	float:left;
	overflow:visible;
	min-height:610px;
	margin-bottom:30px;
}

div#container.middleStart {
	
	float:left;
	min-height:610px;
	width:100%;
	overflow: hidden;
	
}


div#mainContent {
	
	float:left;
	min-height:100px;
	width:100%;
}

.mainContentVO {
	background-image:url("/_skins/base/images/bgd_einleitungFlaeche.png");
	background-repeat:repeat-x;
	background-position:0px 0px;

	
}

#mainText {
	background-color:#f2f2f1;
	padding:90px 0px 70px 0px;
	
	.inlayText {
		text-align:left; 
		width:960px;
		margin-left:auto;
		margin-right:auto;
		
		.left {
			width:240px;
			float:left;
			min-height:100px;
		}
		.right {
			width:700px;
			float:left;
			min-height:100px;
		}
	}/*.inlayText*/
}/*.#mainText */

div#footer {
	width:100%;
	background-color:#F0F0F0;
	height:135px;
	clear:left;
	background-image:url("/_skins/base/images/bgd_footer.png");
	background-repeat:no-repeat;
	background-position:center top;
	
	
	
	#footerContent {
		text-align:left; 
		width:960px;
		margin-left:auto;
		margin-right:auto;
		padding-top:40px;
		
		a {text-decoration:none;color:#FFF;}
		
		.left {
			width:445px;
			float:left;
			min-height:70px;
			
			.top {
				text-transform:uppercase;
				width:100%;
				height:65px;
				
				.imprint {
					margin-right:20px;
				}
			}/*.top*/
			.bottom {
				width:100%;
				height:30px;
				a{
					font-size:8px;
					color:#000;}
				}
			}/*.bottom*/
		.right {
			width:510px;
			float:left;
			min-height:70px;
			
			.top {
				width:100%;
				height:53px;
			}
			.bottom {
				width:407px;
				float:right;
				height:40px;
				background-image:url("/_skins/base/images/ico_coordinates_bottom.png");
				background-repeat:no-repeat;
				background-position:center bottom;
			}/*.bottom*/
		}/*.right*/
		
		.projektmitglieder {
			color:#FFF;
			line-height:17px;
			float:right;
			width:450px;
			
			.caption {
				float:left;
				width:110px;
				font-size:12px;
				min-height:20px;
				text-transform: uppercase;
			}/*.caption*/
			
			.content {
				float:left;
				width:340px;
				min-height:20px;
				font-size:12px;
			}
			.projektmitglied {
				
				float:left;
				
				a {
					color:#FFF;
					text-decoration:none;
					&:hover {text-decoration:underline;}
				}
			}/*.projektmitglied*/
		}/*projektmitglieder*/
	
	
	}/*.footerContent*/
}/*div#footer */

/* @end */



.inlayContentbild {
	margin-bottom:40px;
}


div#navigation  { /* Navigation - Global*/

	width:530px;
	right:0px;
	bottom:2px;
	position:absolute;
	height:30px;
	display:block;
	
	.navbutton {
		display:block;
		height:30px;
		text-align:center;
		line-height:30px;
		margin-bottom:1px;
		font-size:18px;
		margin-left:0px;
		margin-right:28px;
		color:#000;
		float:left;
		text-transform:uppercase;
		width:85px;
		text-decoration: none;
		font-weight:300;
		margin-right:25px;
	}
	
	.navbutton_active  {
		border-bottom:2px solid #ce103c;
		color:#41363c;
		font-weight:600;
	}
	.navbutton1 {
		width:165px;
	}
	.navbutton2 {
		width:75px;
	}
	
	.navbutton3 {
		width:125px;
	}
	.navbutton4 {
		margin-right:0px;
	}
} /* @end */





div.ccm_form { /* Form - Global*/
	
	div{
		border-left:1px solid #FFF; border-top:1px solid #FFF; height:56px;
		background-color:#EEEEEE;
		margin-bottom:6px;
		padding:6px;
		border-bottom:1px solid #CCC;
		border-right:1px solid #CCC;
		background-repeat:no-repeat;
		background-position: 6px 3px
	}
	div label {
		width:100px;
		display: block;
		float:left;
		padding-left:36px;
	
	}
	div input, div.ccm_form div textarea  {
		width:294px;
		display: block;
		float:left;
	}
	
	div span.info {
		width:430px;
		display: block;
		float:left;
		color:#9C9C9C;
		clear:left;
		margin-left:136px;
		font-style:italic;
	}
	div span.errorMessage {
		clear:left;
		color:#E51937;
		margin-left:136px;
	}
	div span.error input, div.ccm_form div span.error textarea{
		border: 1px solid #E51937;
	
	}
	
}/* @end  */

.Stage {
	
	height:620px;
	float:left;
	display: block;
	width: 100%;
	
}

.inlayStage {
	position: absolute;
    top: 0;
    width: 100%;
  
   

	text-align: center;
	margin-bottom:30px;
	
	.details {

		background-color:#41363c;
		color:#FFF;
		position:absolute;
		bottom:50px;
		left:580px;
		width:445px;
		min-height:220px;
		text-align: center;
		display:block;
		z-index:990;
		text-align:left;
		font-size:14px;

		padding:25px 25px 20px 25px;
		
		h2 {height:45px;display: block;}
	
		.star {
			background-image:url("/_skins/base/images/stage_star.png");
			background-repeat:no-repeat;
			background-position:0px 0px;
			display:block;
			position:absolute;
			top:-25px;
			left:-25px;
			width:58px;
			height:58px;
			
		}/*.star*/
	}/*.details */
	
	.details.detailsVideo {left:50px;}
	
	.layerVideo {
		background-image:url("/_skins/base/images/ico_play_stage.png");
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:172px;
		height:148px;
		display: block;
		position: absolute;
		left:134px;
		top:91px;
		text-indent: -10000px;
	}/*.layerVideo*/
	
	.readMore {
		background-image:url("/_skins/base/images/bgd_readMore.png");
		background-repeat:no-repeat;
		background-position:right 0px;
		position: absolute;
		right:0px;
		bottom:0px;
		font-weight:600;
		width:150px;
		height:30px;
		line-height:30px;
		text-align:right;
		color:#FFF;
		padding-right:15px;
		text-decoration: none;
		
		&:hover {text-decoration: underline;}
	}
	.owl-item .item{
		
		display:block;
		border:1px solid #FFF;
	}
	.owl-item .item {
		overflow:hidden;

	}
	div.owl-carousel div.owl-video-tn {
		background-size:100% auto;
	}
	
	div.owl-carousel div.owl-video-play-icon {
		background-image:url("/_skins/base/images/ico_play_stage.png");
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-size: 140px auto;
		width:140px;
		height:140px;
		
		&:hover {
			background-position:0px -207px;
		}
	
	}
	.owl_navigation {
	
		width:98%;
		top:260px;
		pointer-events:none;
		position: absolute;
		left:10px;
		
		z-index:999;
		.button_left, .button_right {
			
			width:36px;
			height:78px;
			display:block;
			text-indent: -10000px;
			z-index:999;
			left:0px;
			pointer-events:auto;
			
			a {
				display:block;
				width:36px;
				height:78px;
				pointer-events:auto;
			}
			
			a.disabled {display:none;}
			
		}/*.button_left, .button_right */
		
		.button_left {
			float:left;
			
			&:hover {background-position:0px -122px;}

		}/*.button_left */
		
		.button_right {
			float:right;
			
			&:hover {background-position:0px -122px;}
		}/*.button_right */
		
		.button_left a{
			background-image:url("/_skins/base/images/stage_left.png");
			background-repeat:no-repeat;
			background-position:0px 0px;
			float:left;	
			&:hover {background-position:0px -122px;}

		}/*.button_left */
		
		.button_right a{
			background-image:url("/_skins/base/images/stage_right.png");
			background-repeat:no-repeat;
			background-position:0px 0px;
			float:right;
			&:hover {background-position:0px -122px;}
		}/*.button_right */
	}/*.owl_navigation*/
	
	.buttons_select {
		top:695px;
		left:608px;
		position: absolute;
		width:100px;
		height:20px;
		display:none;
		.button_select {
			
			height:23px;
			width:23px;
			display: block;
			float:left;
			text-indent: -10000px;
			margin-right:7px;
			
			a {
				display:block;
				background-image:url("/_skins/base/images/stage_ico.png");
				background-repeat:no-repeat;
				background-position:0px 0px;
			}
		}/*.button_select a*/
		
		.button_select a.active{
			background-image:url("/_skins/base/images/stage_ico.png");
			background-repeat:no-repeat;
			background-position:-30px 0px;
			
		}/*.button_select a*/
		.button_select_mod3 {margin-right:0px;}
		
	}/*.buttons_select*/
	
}/*.inlayStage*/

.listGroup {
	width:100%;
	min-height:50px;
	float:left;
	margin-bottom:10px;
	
	.listGroupInlay{
		width:960px;
		padding:110px 0px 20px 0px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		min-height:100px;
		
		.leftPart {
			width:455px;
			float:left;
			min-height:300px;
			padding-bottom:30px;
			
			h2 {
				font-size:36px;
				text-transform: uppercase;
				font-weight:300;
				height:80px;
				margin-top:20px;
				display:block;
			}
		}/*.leftPart*/
		
		
		.rightPart {
			width:505px;
			float:left;
			min-height:300px;
			
			.listItem {
				min-height:30px;
				float:left;
				width:100%;
				margin-bottom:10px;
				
				.value {
					width:165px;
					float:left;
					height:85px;
					text-align:right;
					margin-right:25px;
					
					span{
						font-family: 'Oswald', sans-serif;
						padding:0px 15px 0px 15px;
						height:55px;
						font-weight:700;
						display:inline;
						font-size:34px;
						color:#FFF;
						line-height:55px;
						
						background-color: #c7273f;
					}/*span*/
				}/*.value*/
				
				.text {
					width:315px;
					float:left;
					margin-top:30px;
					min-height:55px;
					text-align:left;
					font-size:14px;
					p {margin-top:0px;}
				}/*.text*/
				
			}/*.listItem*/
		}/*.rightPart */
	}/*.listGroupInlay*/
}/*.listGroup */

.listGroup_odd {
	background-color:#f2f2f1;
}




.referenz {
	width:100%;
	min-height:50px;
	float:left;
	margin-bottom:10px;
	
	.referenzInlay{
		width:960px;
		padding:90px 0px 20px 0px;
		margin-left:auto;
		margin-right:auto;
		
		text-align:left;
		min-height:100px;
		
		h2 {
			font-size:32px;
			line-height: 35px;
			text-transform: uppercase;
			font-weight:300;
			min-height:50px;
			float:left;
			margin-top:20px;
			display:block;
		}
		
		.leftPart {
			width:455px;
			float:left;
			min-height:100px;
			padding-bottom:30px;
			margin-bottom:30px;
			
			
			
			.logo {
				width:376px;
				height:300px;
				background-color: #FFF;
				border:1px solid #d6d6d6;
			}
		}/*.leftPart*/
		
		
		.rightPart {
			width:505px;
			float:left;
			min-height:100px;
			margin-bottom:30px;
			
			.description {
				width:100%;
				min-height:93px;
				float:left;
				margin:0px 0px 20px 0px;
			}/*.description*/
			
			.person {
				width:100%;
				min-height:20px;
				float:left;
				margin-bottom:10px;
				position:relative;
				
				.foto {
					width:120px;
					height:150px;
					float:left;
					margin-right:10px;
				}/*.foto*/
				
				.statement {
					width:360px;
					min-height:15px;
					float:left;
					font-style: italic;
					position: absolute;
					bottom:-5px;
					left:140px;
				}/*.statement*/
				
				.name {
					width:100%;
					height:25px;
					float:left;
					text-align: right;
					font-size:12px;
					font-style: normal;
					font-weight:600;
					margin-top:5px;
				}/*.name*/
				
			}/*.person*/
			
		}/*.rightPart */
		
		.Referenzbilder {
			width:100%;
			min-height:20px;
			float:left;
			margin-bottom:20px;
			
			a {
				float:left;
				margin:0px 7px 7px 0px;
				width:185px;
				height:145px;
				display: block;
			}
			
			
			
			.caption {
			    color: #ce103c;
			    display: block;
			    font-size: 16px;
			    font-weight: 600;
			    height: 40px;
			    line-height: 40px;
			    text-align: left;
			    text-transform: uppercase;
			    background-color: #ce103c;
			    color: #fff;
			    padding:0px 10px 0px 10px;
			    font-size: 16px;
			    font-weight: 600;
			    display: inline;
			}/*.caption */
		}/*.Referenzbilder*/
		
		
		.Referenzvideos {
			
			min-height:20px;
			float:left;
			margin-bottom:20px;
			
			a {
				float:left;
				margin:0px 8px 8px 0px;
				width:185px;
				height:145px;
				display: block;
				position:relative;
				
				.layer {
					background-image:url("/_skins/base/images/ico_play_stage.png");
					background-repeat:no-repeat;
					background-position:0px 0px;
					background-size: 100px auto;
					width:180px;
					height:145px;
					display: block;
					position: absolute;
					left:40px;
					top:30px;
					
					&:hover {
						background-position:0px -148px;
					}
				}/*.layer*/
			}/*a*/
			
			a.Video {
				
				width:180px;
			
			}
			
			a.Image_mod5 {
				margin-right:0px;
			}
			.caption {
			    color: #ce103c;
			    display: block;
			    font-size: 16px;
			    font-weight: 600;
			    height: 40px;
			    line-height: 40px;
			    text-align: left;
			    text-transform: uppercase;
			    background-color: #ce103c;
			    color: #fff;
			    padding:0px 10px 0px 10px;
			    font-size: 16px;
			    font-weight: 600;
			    display: inline;
			}/*.caption */
		}/*.Referenzbilder*/
	}/*.referenzInlay*/
}/*.referenz */

.referenz_odd {
	background-color:#f2f2f1;
}



.complextypes-Contentblock-skin {
		
	.referenz .referenzInlay {
			
		.leftPart {
			width:280px;
			margin-right:5px;
			padding-bottom:0px;
			
		}/*.leftPart*/
		
		.rightPart {
			width:670px;
		
		}/*.rightPart */
	}/*.referenz .referenzInlay*/
}/*.complextypes-Contentblock-skin*/

.contentabsatz {
	width:100%;
	min-height:160px;
	float:left;
	margin-bottom:20px;
	position: relative;
	padding-top:10px;
	
	.img {
		width:260px;
		height:195px;
		position: absolute;
		left:-285px;
		top:10px;
	}
	
}
.descriptionContentBlock {
	padding-top:90px;
	
}
.description .langtext {
	min-height:160px;
	
}
.Kontaktperson {
	width:320px;
	float:left;
	min-height:200px;
	margin:0px 0px 40px 0px;
	
	.foto {
		width:160px;
		height:200px;
		display: block;
		margin-bottom:10px;
	}/*.foto*/
	
	.details {
		width:295px;
		min-height:20px;
		display: block;
		float:left;
		
		.funktion {
			font-size:12px;
			height:20px;
			line-height:20px;
			display: block;
			margin-bottom:5px;
		}
		
		.email, .telefon {
			font-size:12px;
		}
	}/*.details*/
}/*.Kontaktperson*/


.einleitungMain {
	
	background-image:url("/_skins/base/images/bgd_einleitungFlaeche.png");
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:110px 0px 20px 0px;
	
	.einleitungMainInlay {
		width:960px;
		margin:0px auto 0px auto;
		text-align: left;
	
	}/*.einleitungMainInlay*/
}/*.einleitungMain*/

.inlayTeaser {
	text-align:left; 
	width:960px;
	margin-left:auto;
	margin-right:auto;


	.teaser {
	
		float:left;
		width:440px;
		height:150px;
		background-color: #ce103c;
		margin:0px 20px 20px 0px;
		text-align: left;
		padding:0px;
		color:#fff;
		position:relative;
		
		.readMore {
			background-image:url("/_skins/base/images/bgd_readMoreBlack.png");
			background-repeat:no-repeat;
			background-position:right 0px;
			position: absolute;
			right:0px;
			bottom:0px;
			font-weight:600;
			width:150px;
			height:30px;
			line-height:30px;
			text-align:right;
			color:#FFF;
			padding-right:15px;
			text-decoration: none;
			
			&:hover {text-decoration: underline;}
		}
		li {
			
			background:url("/_skins/base/images/ico_li_w.png");
			background-position:0px 8px;
			background-repeat:no-repeat;
		}
	}/*.teaser*/
	
	.details {
		padding:10px;
		float:left;
		width:420px;
		height:130px;
		font-size:12px;
		h3 {
			margin:0px;
			margin-bottom:8px;
		}
	}/*.details*/
	
	.teaser.teaser_image {
		padding:0px;
		width:440px;
		height:150px;
		background-color: #f2f2f1;
		color:#000;
		
		.readMore {
			background-image:url("/_skins/base/images/bgd_readMore.png");
			background-repeat:no-repeat;
			background-position:right 0px;
		}
		
		.details {
			width:200px;
		}/*.details*/
		
		img {
			width:220px;
			height:150px;
			float:left;
			
		}
		li {
		
			background:url("/_skins/base/images/ico_li.png"); 
			background-position:0px 8px;
			background-repeat:no-repeat;
			
		
		}
	}/*.teaser.teaser_image */
	
	
}/*.inlayTeaser */


.stageInfoDetails {

	.langtext {
		float:left;
		min-height:20px;
		width:100%;
		margin:30px 0px 30px 0px;
	}/*.langtext*/
	
	.btn_back {
		font-family: 'Oswald', sans-serif;
		padding:0px 10px 0px 25px;
		height:25px;
		font-weight:700;
		display:inline;
		font-size:18px;
		color:#FFF;
		line-height:25px;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:5px;
		background-color: #c7273f;
		border:1px solid #c7273f;
		letter-spacing:1px;
		background-image:url("/_skins/base/images/ico_back.png");
		background-repeat:no-repeat;
		background-position:7px 5px;
		
		:hover {
			background-color:#FFF;
			color:#ce103c;
			background-position:7px -57px;
		}/*:hover*/
	}/*.btn_back*/
}/*.stageInfoDetails*/

.einleitungFlaeche {
	background-image:url("/_skins/base/images/ico_einleitungFlaeche.png");
	background-repeat:no-repeat;
	background-position:right 80px;
	width:960px;
	margin:0px auto 0px auto;
	padding:110px 0px 0px 0px;
	text-align: left;
	min-height:245px;
	
	h1{
		width:290px;
		float:left;
		line-height:35px;
	}
	
	#main-einleitung {
		width:430px;
		float:left;
		min-height:100px;
		margin-top:-4px;
	}/*#main-einleitung*/
}/*.einleitungFlaeche*/


.Flaechengruppe {

	background-color: #f4f4f3;
	margin-bottom:25px;
	text-align: left;
	float:left;
	min-height:100px;
	padding-top:20px;
	width:100%;
	
	.FlaechengruppeInlay {
		width:960px;
		margin:0px auto 0px auto;
		
		.left {
			width:270px;
			margin-right:17px;
			float:left;
			min-height:100px;
			text-align: right;
			
			.titel {
				width:165px;
				float:right;
				height:85px;
				text-align:right;
				
				
				span{
					font-family: 'Oswald', sans-serif;
					padding:0px 10px 0px 10px;
					height:35px;
					font-weight:700;
					display:inline;
					font-size:22px;
					color:#FFF;
					line-height:35px;
					text-transform:uppercase;
					background-color: #c7273f;
				}/*span*/
			}/*.titel*/
		}/*.left*/
		
		.right {
			width:670px;
			float:left;
			min-height:100px;
		}/*.right*/
	}/*.FlaechengruppeInlay*/
	
	.Flaeche {
		width:670px;
		float:left;
		min-height:100px;
		margin:0px 0px 25px 0px;
		
		.left {
			width:195px;
			margin-right:30px;
			float:left;
			min-height:100px;
		}/*.left*/
		
		.right {
			width:440px;
			float:left;
			min-height:100px;
			
			.titel span{font-weight:700;}
			
			.einleitung {
				font-size:11px;
				margin-bottom:15px;
				float:left;
				min-height:5px;
			}/*.einleitung*/
		}/*.right*/
		.attribute {
		
			width:295px;
			float:left;
			min-height:20px;
			margin-right:10px;
			
			.attribut {
				
				float:left;
				height:20px;
				text-align:right;
				margin:0px 7px 7px 0px;
				
				span{
					font-family: 'Oswald', sans-serif;
					padding:0px 5px 0px 5px;
					height:20px;
					font-weight:700;
					display:inline;
					font-size:14px;
					float:left;
					color:#FFF;
					line-height:20px;
					background-color: #41363c;
				}/*span*/
			
			
			}/*.attribut*/
		}/*.attribute*/
		
		
	}/*.Flaeche*/
	
	
}/*Flaechengruppe*/

a.button {
	width:130px;
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid red;
	border-radius:5px;
	text-transform: uppercase;
	color:#ce103c;
	text-decoration:none;
	
	:hover {
		background-color:#ce103c;
		color:#FFF;
	}
}/*a.button */

.spacerGoogle {
	position:relative;
	height:65px;
	display:block;
	width:960px;
	margin:0px auto 0px auto;

	.mapContainer {
		width:185px;
		height:185px;
		display:block;
		position: absolute;
		right:5px;
		bottom:-245px;/*Spacer+Header, 185px + 60px*/
		
	}
}/*.spacerGoogle*/
.FlaecheVO {
	
	.FlaecheVOInlay {
		
		width:960px;
		margin:0px auto 0px auto;
		text-align: left;
		min-height:100%;
	}/*.FlaecheVOInlay*/
	
	
	.left {
		width:440px;
		float:left;
		min-height:100px;
		margin-right:80px;
		
		.beschreibungFlaeche {
			width:440px;
			float:left;
			min-height:20px;
			margin-bottom:40px;
		}/*.beschreibungFlaeche*/
		
		.service {
			width:440px;
			float:left;
			min-height:20px;
			margin-bottom:10px;
			
			.button {margin:0px 35px 15px 0px;}
		}/*.service*/
		
		
		.featureTable {
			width:440px;
			float:left;
			min-height:20px;
		
			.header {
				background-color:#ce103c;
				color:#FFF;
				height:32px;
				line-height:32px;
				font-size:16px;
				width:420px;
				padding:0px 10px 0px 10px;
				margin-bottom:4px;
				font-weight:600;
				
				.caption {
					width:210px;
					float:left;
					text-transform: uppercase;
				}
				.number {
					width:210px;
					float:left;
					text-align: right;
				}
			}/*header*/
			
			.featureRow {
				height:21px;
				
				div {
					float:left;
					font-size:13px;
					line-height:21px;
				}
				.spacer {
					width:33px;
					
				}/*.spacer*/
				
				.bezeichnung {
					width:200px;
					padding-left:13px;
					margin:0px 4px 0px 4px;
				}/*.bezeichnung*/
				
				.beschreibung {
					width:183px;
					text-align: center;
				}/*.beschreibung*/
			}/*.featureRow*/
			
			
			.featureRow_odd div{
				background-color:#f4f4f3;
			}/*.featureRow_odd div*/

		}/*.featureTable*/
	}/*.left*/
	
	.right {
		width:440px;
		float:left;
		min-height:100px;
		
		.maps {
			width:440px;
			float:left;
			height:190px;
			margin-bottom:35px;
			
			.details {
				width:230px;
				float:left;
				margin-right:20px;
				height:190px;
				
				.caption {
					color:#ce103c;
					font-size:16px;
					text-transform: uppercase;
					margin-bottom:15px;
					font-weight:600;
				}/*.caption*/
				
				.adresse {font-size:13px;}
			}/*.details*/
			.map {
				width:185px;
				float:left;
				background-color:#d6d6d6;
				height:185px;
			}/*.details*/
		}/*.maps*/
		
		
		.pic {
			width:440px;
			height:330px;
			display:block;
			background-color: #f4f4f3;
			margin-bottom:30px;
			
			.Video {
				width:440px;
				height:330px;
				display:block;
				position: relative;
				
				.layer {
					background-image:url("/_skins/base/images/ico_play.png");
					background-repeat:no-repeat;
					background-position:0px 0px;
					width:172px;
					height:148px;
					display: block;
					position: absolute;
					left:134px;
					top:91px;
					
					&:hover {
						background-position:0px -254px;
					}
				}/*.layer*/
				
			}/*.Video*/
		}/*.pic*/
		
		.kontakt {
			.caption {
				color:#ce103c;
				font-size:16px;
				text-transform: uppercase;
				margin-bottom:15px;
				font-weight:600;
				width:100px;
				float:left;
			}/*.caption*/
			
			.adresse {
				font-size:13px;
				width:300px;
				float:left;	
				
				a {color: #c7273f;}
			}/*.adresse*/
		}/*.kontakt*/
	}/*.right*/
	
	

	
	.header {
		height:60px;
		width:100%;
		display:block;
		
		.btn_back {
			font-family: 'Oswald', sans-serif;
			padding:0px 10px 0px 25px;
			height:25px;
			font-weight:700;
			display:inline;
			font-size:18px;
			color:#FFF;
			line-height:25px;
			text-transform:uppercase;
			text-decoration:none;
			border-radius:5px;
			background-color: #c7273f;
			border:1px solid #c7273f;
			letter-spacing:1px;
			background-image:url("/_skins/base/images/ico_back.png");
			background-repeat:no-repeat;
			background-position:7px 5px;
			
			&:hover {
				background-color:#FFF;
				color:#ce103c;
				background-position:7px -57px;
			}/*:hover*/
		}/*.btn_back*/
	}/*.header*/
}/*.FlaecheVO*/

.galerieSlider {
	
	margin:55px 0px 40px 0px;
	background-color: #f4f4f3;
	padding-top:20px;
	position: relative;
	padding-left:300px;
	height:250px;
	
	.caption {
	
		height:40px;
		display:block;

		text-align:left;
		font-size:16px;
		font-weight:600;
		text-transform:uppercase;

		padding-left:40px;
		color:#ce103c;
	}/*.caption*/
	
	.images {
		.owl_img {
			width:195px;
			height:145px;
			
			.Image {
				display:block;
			}
		}/*.owl_img*/


	}/*.images*/
	
	.owl_navigation {
		position:absolute;
		right:40px;
		width:50px;
		bottom:50px;	
		
		.button_left, .button_right {
			top:0px;
			position: absolute;
			width:18px;
			height:42px;
			text-indent: -10000px;
			z-index:999;
			
			a {
				display:block;
				width:18px;
				height:42px;
			}
			a.disabled {display:none;}
		}/*.button_left, .button_right */
		
		.button_left {
			background-image:url("/_skins/base/images/slider_left.png");
			background-repeat:no-repeat;
			background-position:0px 0px;
			left:0px;
			top:0px;
			
			&:hover {background-position:0px -61px;}

		}/*.button_left */
		
		.button_right {
			background-image:url("/_skins/base/images/slider_right.png");
			background-repeat:no-repeat;
			background-position:0px 0px;
			right:0px;
			&:hover {background-position:0px -61px;}
		}/*.button_right */
		
		.button_left, .button_right {
		
	
			a.disabled {display:none;}
			
		}/*.button_left, .button_right */
		
	}/*.owl_navigation*/
}/*.galerieSlider*/

.serviceDownloads{
	.serviceDownloadsInlay {
			
			width:100%;
			float:left;
			min-height:10px;
					
	}/*.serviceDownload*/
	.serviceDownload {
			
			float:left;
			height:30px;
			margin:20px 30px 40px 0px;
			font-family: 'Oswald', sans-serif;
			padding:1px 15px 1px 15px;
			font-weight:700;
			display:inline;
			font-size:20px;
			color:#FFF;
			line-height:30px;
			background-color:#ce103c;
			border:1px solid #ce103c;
			text-transform: uppercase;
			text-decoration: none;
			
			&:hover {
				background-color:#ffffff;
				color:#ce103c;
			}
					
	}/*.serviceDownload*/
}/*.serviceDownloads*/


.googleMapsLightbox {
	background-color:#FFFFFF;
	border:5px solid #FFF;
	border-bottom:31px solid #FFF;
	
	a.close {
		color:#FFF;
		background-image:url("/_skins/base/images/ico_close.png");
		right:0px;
		background-repeat:no-repeat;
		bottom:0px;
		display:block;
		width:140px;
		height:26px;
		position: absolute;
		cursor:pointer;
		text-indent:-10000px;
		z-index:9999;
		background-position:0px 0px;
}
}

.overlayLoading {
	display:block;
	text-align:left;
	height:20px;
	width:160px;

}
.overlayLoading div{
	background-image:url("/_skins/base/images/loading.png");
	background-repeat:no-repeat;
	background-position:center center;
	height:20px;
	width:160px;
	text-indent: -10000px;
}



.effectBox {
	
	.eb_content {
		
		background-color:#FFFFFF;
		border:5px solid #FFF;
		border-bottom:31px solid #FFF;
	}
	.inlayVideo {
		background-color:#FFFFFF;
		border:5px solid #FFF;
		border-bottom:31px solid #FFF;
		position:relative;
	}
	.inlay {
		background-image:url("/_skins/base/images/loading.png");
		background-repeat:no-repeat;
		background-position:center center;
		float:left;
		margin:0px 0px 0px 0px;
		z-index:999;
		position: relative;
	
	}
	
	.textcontent .inlay {
		background-image:none;
		
	}
	.bottom {
		padding:0px 0px 0px 0px;
		float:left;
		display:block;
		height:20px;
		width:100%;
	}
	.navleft, .navright {
		top:5px;
		position:absolute;
		width:50%;
		height:100%;
		display:block;
		cursor:pointer;
		z-index:9999;
	}

	.navright {	
		right:0px;	
	}
	
	.navleft .left, .navright .right{
		top:10px;
		position:absolute;
		.opacity(20); 
		.transition();
		height:100%;
		display:block;
		cursor:pointer;
		z-index:999;
		width:100%;
	}/*.navleft .left, .navright .right*/
	
	.navleft .left{
		background-image:url("/_skins/base/images/effectbox_left.png");
		background-position:left center;
		background-repeat:no-repeat;
		left:-50px;
	}/*.navleft .left*/
	
	.navright .right {
		background-image:url("/_skins/base/images/effectbox_right.png");
		background-position:right center;
		background-repeat:no-repeat;
		right:-50px;
	
	}/*.navright .right*/
	
	
	
	.navleft:hover .left, .navright:hover .right {
		.transition();
		.opacity(100); 
	}/*.navleft:hover .left, .navright:hover .right */
	
	a.close {
		background-image:url("/_skins/base/images/ico_close.png");
		right:-2px;
		background-repeat:no-repeat;
		bottom:-29px;
		display:block;
		width:140px;
		height:26px;
		position: absolute;
		cursor:pointer;
		z-index:9999;
		background-position:0px 0px;
	}
	
	&:hover {
		.nav .left{
			left:-55px;
		}
		.nav .right {
			right:-55px; 
		}
		.info{
			bottom:-40px;  
		}
		
	}
	
	.inlay .Bild{
		z-index:9999;
		float:left;
	}
	.inlay .Details{
		width:400px;
		margin:10px 0px 10px 20px;
		float:left;
	}
	
	
	
	.eb_content .textZeile {
	    bottom: 0px; 
	    left: 0px;
	    position: absolute;
	    background-color:#ce103c;
	    color: #FFFFFF;
	    display: inline;
	    font-size: 21px;
	    line-height: 28px;
	    padding:3px 20px 3px 0px;
	    text-align:left;
	    white-space: pre-line;
		font-family: 'Oswald', sans-serif;	
		font-weight:700;
	    border-left: 25px solid #ce103c;
	}
	.eb_content {
	    position: relative;
	}
	.counter  {
	     background-color: #CE103C;
	    border-left: 15px solid #CE103C;
	    bottom: 0px;
	    color: #FFFFFF;
	    display: inline;
	    font-family: 'Oswald',sans-serif;
	    font-size: 14px;
	    font-weight: 600;
	    line-height: 18px;
	    padding: 2px 10px 2px 0;
	    position: absolute;
	    right: 0px;
	    text-align: left;
	    white-space: pre-line;
	}

}/*.effectbox*/

.overlay {
	.opacity(60);
	background-color: #000;
}

.clearB {clear:both;}