
	/* -------------------------------------------------------------
  	www.onoffice.de - Stylesheet
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Company:	onOffice Software GmbH
   	Release:	1.0
 	------------------------------------------------------------- */

	/* -------------------------------------------------------------
	01f
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Contents. Default settings
		02. Wrapper
		03. Header
			03.01 Logo
			03.02 Main-Navigation
			03.03 Service-Navigation
		04. Banner
			04.01 Slider-Content
			04.02 Slider-Navigation
			04.03 Slider-Navigation-Background
			04.04 Handwrite
			04.05 Online Test
		05. Press
		06. Main
			06.01 Sidebar
			06.02 Content
		07. Social-Media
			07.01 Icons
			07.02 Test-Button
		08. Footer
		09. Contact
		10. Ansprechpartner
		11. Content
			11.01 Headlines
			11.02 Small-Module
			11.03 Medium-Module
			11.04 Large-Module
			11.05 Separator
			11.06 Large-Headline
			11.07 News-Module
			11.08 References
			11.09 Information-box
			11.10 Tabs
			11.11 Team
			11.12 Prices
	------------------------------------------------------------- */

	/* -------------------------------------------------------------
   	01. Default settings
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #424242;
		background: #393738;
	}

	a, a:visited, a:active {
		color: #80aad4;
		text-decoration: underline;
		cursor: pointer;
	}

		a:hover {
			color: #7497bd;
			text-decoration: underline;
			cursor: pointer;
		}

	.hidden {
		height: 1px;
		width: 1px;
		left: -1000000px;
		overflow: hidden;
		position: absolute;
		top: -1000000px;
	}

	h1, h2 {
		margin: 0 0 18px 0;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-style: italic;
		line-height: 24px;
	}

	h3, h4, h5, h6 {
		margin: 0 0 18px 0;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-style: italic;
		line-height: 24px;
	}

	p {
		margin: 0 0 18px 0;
		line-height: 24px;
	}

		p.small {
			font-size: 11px;
		}

	img {
		border: none;
	}

		.img-float-left {
			padding: 4px 18px 18px 0;
			float: left;
			display: inline;
		}

		.img-float-right {
			padding: 4px 0 18px 18px;
			float: right;
			display: inline;
		}

	.content ul {
		margin: 0 0 18px 20px;
	}

	ul li {
		list-style: none;
	}

		.content ul li {
			margin: 0 0 9px 0;
			list-style: disc outside;
		}

	label {
		margin: 0 0 10px 0;
		display: block;
	}

	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		resize: none;
	}

	strong.blue {
		color: #80acd3;
	}

	.no-padding {
		padding: 0 !important;
	}

	.no-border {
		border: none !important;
	}

	.no-margin {
		margin: 0 !important;
	}

		.no-margin-outside {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

		.no-margin-right {
			margin-right: 0 !important;
		}

	.clear {
		clear: both;
	}

	.center {
		text-align: center;
	}

	.handwrite {
		font-family: 'Rock Salt', cursive !important;
	}

	.onoffice-font {
		font-family: 'Open Sans', sans-serif !important;
	}

	.onoffice-blue {
		color: #80aad4;
	}

	/* -------------------------------------------------------------
   	02. Wrapper
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.wrapper {
		width: 100%;
	}

		.wrapper .wrapper-center {
			min-width: 940px;
			max-width: 990px;
			margin: 0 auto;
			position: relative;
		}

	/* -------------------------------------------------------------
	03. Header
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.header, .header .wrapper-center {
		height: 85px;
		background: #fff;
	}

		/* 03.01 Logo */

		.header h1 {
			margin: 0;
			position: absolute;
			left: 0;
			/*bottom: 13px;*/
			bottom: 24px;
		}

		/* 03.02 Main-Navigation */

		.header .main-navigation {
			position: absolute;
			/*left: 200px;*/
			right: 0;
			bottom: 0;
		}

			.header .main-navigation li {
				float: left;
				display: inline;
			}

			.header .main-navigation a {
				padding: 15px 8px;
				display: block;
				text-align: center;
				text-decoration: none;
				color: #444;
				font-size: 14px;
			}

				.header .main-navigation a:hover {
					color: #7497bd;
				}

				.header .main-navigation .selected, .header .main-navigation .selected:hover {
					padding: 15px 8px 12px 8px;
					border-bottom: 3px solid #80aad4;
					font-weight: bold;
					color: #444;
					cursor: default;
				}

		/* 03.03 Service-Navigation */

		.header .service-navigation {
			position: absolute;
			top: 5px;
			right: 0;
		}

			.header .service-navigation li {
				margin: 0 5px 0 0;
				float: left;
				display: inline;
				position: relative;
			}

				.header .service-navigation li.last {
					margin: 0;
				}

			.header .service-navigation a {
				padding: 5px 10px;
				color: #656565;
				text-decoration: none;
				display: block;
			}

				.header .service-navigation a.active {
					border-bottom: 1px solid #6a6a6a;
					background: #4a4a4a;
					-webkit-border-radius: 5px 5px 0 0;
					-moz-border-radius: 5px 5px 0 0;
					border-radius: 5px 5px 0 0;
					color: #fff;
				}

				.header .service-navigation a.blue-button {
					background: #ff9d00;
					color: #fff;
					padding: 5px 10px;
					display: block;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					font-family: "Open Sans", sans-serif;
					font-style: italic;
				}

					.header .service-navigation a.blue-button:hover {
						background: #ec9100;
					}

				.header .service-navigation li.language a {
					padding: 0;
					opacity: 0.6;
				}

					.header .service-navigation li.language a:hover {
						opacity: 1;
					}

					.header .service-navigation li.language img {
						height: 18px;
						margin: 3px 0 0 0;
					}

			/*.header .service-navigation ul {
				position: absolute;
				top: 27px;
				left: 0;
				z-index: 1000;
				display: none;
			}

				.header .service-navigation ul li {
					background: #4a4a4a;
					margin: 0;
				}

					.header .service-navigation ul li.last {
						-webkit-border-radius: 0 0 5px 5px;
						-moz-border-radius: 0 0 5px 5px;
						border-radius: 0 0 5px 5px;
					}

				.header .service-navigation ul a {
					width: 75px;
					padding: 5px 10px;
					border-bottom: 1px solid #6a6a6a;
					display: block;
					color: #fff;
					font-size: 12px;
				}

					.header .service-navigation ul li.last a {
						border: 0;
					}*/

	/* -------------------------------------------------------------
	04. Banner
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.large-banner {
		height: 350px;
		/*height: 413px;*/
		background: url(../images/template/banner-background.jpg) repeat-x #80acd3;
		position: relative;
		overflow: hidden;
	}

		.large-banner .wrapper-center {
			height: 350px;
			/*height: 413px;*/
		}

		/* 04.01 Slider-Content */

		.large-banner .slider-content div {
			height: 332px;
			/*height: 375px;*/
			width: 550px;
			padding: 18px 0 0 0;
			/*padding: 38px 0 0 0;*/
			position: absolute;
			top: 0;
			z-index: 0;
			color: #fff;
		}

		.large-banner .slider-content h2 {
			font-size: 28px;
			line-height: 30px;
		}

		.large-banner .slider-content h3 {
			font-size: 20px;
		}

		/* 04.02 Slider-Navigation */

		.large-banner .slider-navigation {
			position: absolute;
			bottom: 6px;
			left: 460px;
			z-index: 97;
		}

			.large-banner .slider-navigation li {
				margin: 0 5px;
				float: left;
				display: inline;
			}

			.large-banner .slider-navigation a {
				height: 10px;
				width: 10px;
				display: block;
				background: url(../images/content-test/slider-navigation-link.png) no-repeat 0 0;
			}

				.large-banner .slider-navigation .active {
					background-position: 0 -10px;
				}

		/* 04.03 Slider-Navigation-Background */

		.large-banner .slider-navigation-background {
			height: 25px;
			width: 100%;
			background: #000;
			opacity: .25;
			filter: alpha(opacity=25);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 50;
		}

		/* 04.04 Handwrite */

		.large-banner .handwrite {
			margin: 0;
			color: #fff;
			font-size: 14px;
			position: absolute;
			bottom: 4px;
			left: 0;
			z-index: 97;
		}

		/* 04.05 Online Test */

		.large-banner form {
			width: 310px;
			position: absolute;
			top: 18px;
			right: 88px;
			color: #fff;
			z-index: 50;
		}

			.large-banner form h2 {
				font-size: 24px;
				margin: 0 0 18px 0;
			}

			.large-banner form label {
				margin: 0 0 5px 0;
				display: block;
			}

			.large-banner form input {
				width: 280px;
				padding: 10px;
				border: 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: inset 1px 1px 2px 1px #797979;
				-moz-box-shadow:  inset 1px 1px 2px 1px #797979;
				box-shadow: inset 1px 1px 2px 1px #797979;
				margin: 0 0 14px 0;
				color: #424242;
			}

				.large-banner form .submit {
					width: 300px;
					padding: 8px 10px;
					border: 1px solid #a5a5a5;
					margin: 0;
					cursor: pointer;
					background: rgb(150,180,50);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YjQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmE1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top, rgba(150,180,50,1) 0%, rgba(139,165,46,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,180,50,1)), color-stop(100%,rgba(139,165,46,1)));
					background: -webkit-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: -o-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: -ms-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: linear-gradient(to bottom, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b432', endColorstr='#8ba52e',GradientType=0 );
					color: #fff;
					font-size: 16px;
					-webkit-box-shadow: 0px 0px 5px #5e5e5e;
					-moz-box-shadow: 0px 0px 5px #5e5e5e;
					box-shadow: 0px 0px 5px #5e5e5e;
				}

	.small-banner {
		height: 50px;
		background: url(../images/template/banner-background.jpg) repeat-x #80acd3;
		position: relative;
	}

		.small-banner .button {
			padding: 5px 15px;
			border: 1px solid #a5a5a5;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin: 0;
			cursor: pointer;
			text-decoration: none;
			background: #4a4a4a;
			color: #fff;
			font-size: 14px;
			-webkit-box-shadow: 0px 0px 5px #5e5e5e;
			-moz-box-shadow: 0px 0px 5px #5e5e5e;
			box-shadow: 0px 0px 5px #5e5e5e;
			position: absolute;
			top: 10px;
			right: 0;
		}



	/* -------------------------------------------------------------
	05. Press
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.press {
		height: 75px;
		border-bottom: 1px solid #ddd;
		background: #f0f0f0;
	}

		.press .wrapper-center {
			height: 75px;
			background: url(../images/template/press-arrow.jpg) no-repeat 46px 3px;
		}

		.press img {
			position: absolute;
			top: 17px;
		}

			.press .immobilienzeitung { left: 109px; }
			.press .ivd { left: 380px; }
			.press .ivp { left: 470px; }
			.press .immobilienporfi { left: 605px; }
			.press .immobilien-wirtschaft { left: 782px; }

	/* -------------------------------------------------------------
	06. Main
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.main {
		padding: 40px 0 0 0;
		background: #fff;
	}

		/* 06.01 Sidebar */

		.main .sidebar {
			width: 280px;
			float: left;
			display: inline;
			position: relative;
		}

			.main .sidebar ul {
				width: 260px;
				border-top: 1px solid #ddd;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin: 0 0 40px 0;
			}

				.main .sidebar ul ul {
					padding: 8px 0;
					border-top: 0;
					border-bottom: 1px solid #ddd;
					-webkit-border-radius: 0 !important;
					-khtml-border-radius: 0 !important;
					-moz-border-radius: 0 !important;
					border-radius: 0 !important;
					margin: 0;
					background: #f0f0f0;
				}

			.main .sidebar ul a {
				padding: 15px;
				border-bottom: 1px solid #ddd;
				background: #f0f0f0;
				display: block;
				text-decoration: none;
				color: #444;
			}

				.main .sidebar ul li {
					clear: both;
				}

				.main .sidebar ul a span {
					/*display: block;
					float: left;*/
				}

				.main .sidebar ul a span:first-letter {
					text-transform: capitalize !important;
				}

				.main .sidebar ul a.onoffice-link span:first-letter {
					text-transform: none !important;
				}

				.main .sidebar ul a.first {
					-webkit-border-radius: 5px 5px 0 0;
					-khtml-border-radius: 5px 5px 0 0;
					-moz-border-radius: 5px 5px 0 0;
					border-radius: 5px 5px 0 0;
				}

				.main .sidebar ul a.last {
					-webkit-border-radius: 0 0 5px 5px;
					-khtml-border-radius: 0 0 5px 5px;
					-moz-border-radius: 0 0 5px 5px;
					border-radius: 0 0 5px 5px;
				}

				.main .sidebar ul ul a {
					padding: 5px 15px 5px 30px;
					border: 0;
				}

				.main .sidebar ul a:hover {
					padding: 15px 12px 15px 18px;
					background: #e3e3e3;
				}

				.main .sidebar ul ul a:hover {
					padding: 5px 15px 5px 33px;
				}

				.main .sidebar ul .selected {
					background: #e3e3e3;
					/*background: #80AAD4;
					color: #fff;*/
					font-weight: bold;
				}

					.main .sidebar ul .selected:hover {
						padding: 15px;
						background: #e3e3e3;
						font-weight: bold;
						cursor: default;
					}

					.main .sidebar ul ul .selected:hover {
						padding: 5px 15px 5px 30px;
					}

		/* 06.02 Content */

		.main .content {
			max-width: 635px;
			padding: 0 0 22px 0;
			float: right;
			display: inline;
			position: relative;
		}

		.main .no-sidebar {
			width: 990px !important;
			max-width: inherit !important;
			float: inherit !important;
			display: inherit !important;
			position: relative;
		}

		img.pic-function {
			margin-top: 10px;
		}

	/* -------------------------------------------------------------
	07. Social-Media
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.social-media {
		height: 120px;
		background: #4a4a4a;
		color: #f3f3f3;
	}

		.social-media .wrapper-center {
			height: 120px;
			background: url(../images/template/social-media-arrow.jpg) no-repeat 608px 65px;
		}

		.social-media h2 {
			position: absolute;
			top: 44px;
			left: 372px;
		}

		/* 07.01 Icons */

		.social-media ul {
			position: absolute;
			top: 35px;
			left: 680px;
		}

			.social-media ul li {
				margin: 0 20px 0 0;
				float: left;
				display: inline;
			}

			.social-media ul a {
				min-width: 32px;
				padding: 42px 0 0 0;
				background: url(../images/template/social-media-icons.jpg) no-repeat;
				display: block;
				color: #fff;
				text-decoration: none;
				text-align: center;
			}

				.social-media .facebook { background-position: 12px 0 }
				.social-media .twitter { background-position: -65px 0 }
				.social-media .xing { background-position: -123px 0 }
				.social-media .youtube { background-position: -175px 0 }

		/* 07.02 Test-Button */

		/*.social-media .button {
			height: 99px;
			width: 301px;
			position: absolute;
			top: 11px;
			left: 0;
			display: block;
			background: url(../images/template/social-media-button-background.jpg) no-repeat 0 0;
		}
			.social-media .button:hover {
				background-position: 0 -99px;
			}*/

		.social-media .button {
			width: 200px;
			padding: 15px;
			text-align: center;
			border: 1px solid #a5a5a5;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin: 0;
			cursor: pointer;
			text-decoration: none;
			/*background: #ff9d00;*/
			background: rgb(150,180,50);
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YjQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmE1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, rgba(150,180,50,1) 0%, rgba(139,165,46,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,180,50,1)), color-stop(100%,rgba(139,165,46,1)));
			background: -webkit-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
			background: -o-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
			background: -ms-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
			background: linear-gradient(to bottom, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b432', endColorstr='#8ba52e',GradientType=0 );
			color: #fff;
			font-size: 16px;
			-webkit-box-shadow: 0px 0px 5px #5e5e5e;
			-moz-box-shadow: 0px 0px 5px #5e5e5e;
			box-shadow: 0px 0px 5px #5e5e5e;
			position: absolute;
			top: 30px;
			left: 0;
		}

			.social-media .button:hover {
				background: rgb(139,165,46);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmI0MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top, rgba(139,165,46,1) 0%, rgba(150,180,50,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,165,46,1)), color-stop(100%,rgba(150,180,50,1)));
				background: -webkit-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
				background: -o-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
				background: -ms-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
				background: linear-gradient(to bottom, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba52e', endColorstr='#96b432',GradientType=0 );
			}



		.social-media .test-it-now {
			color: #fff;
			display: block;
			float: left;
			text-decoration: none;
			padding: 18px;
			margin: 20px 0;
			border-radius: 10px;
			-o-border-radius: 10px;
			-ie-border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
			-o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
			-ie-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
			text-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
			-o-text-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
			-ie-text-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
			-moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
			-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
			border: 1px solid #ff9c00;
			background: #ff9c00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ff9c00 0%, #db8700 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(100%,#db8700)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ff9c00 0%,#db8700 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ff9c00 0%,#db8700 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ff9c00 0%,#db8700 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ff9c00 0%,#db8700 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#db8700',GradientType=0 ); /* IE6-9 */
		}
		.social-media .test-it-now:hover {
			background: #db8700; /* Old browsers */
			background: -moz-linear-gradient(top,  #db8700 0%, #ff9c00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db8700), color-stop(100%,#ff9c00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #db8700 0%,#ff9c00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #db8700 0%,#ff9c00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #db8700 0%,#ff9c00 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #db8700 0%,#ff9c00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8700', endColorstr='#ff9c00',GradientType=0 ); /* IE6-9 */
		}
			.social-media .test-it-now strong {
				display: block;
				text-align: center;
				font-size: 19px;
				font-weight: 400;
				font-style: italic;
			}
			.social-media .test-it-now span {
				display: block;
				text-align: center;
				font-size: 15px;
				font-weight: 300;
				font-style: italic;
			}

	/* -------------------------------------------------------------
	08. Footer
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.footer {
		padding: 20px 0 15px 0;
	}

		.footer .list {
			width: 138px;
			margin: 0 32px 0 0;
			float: left;
			display: inline;
		}

		.footer h3 {
			margin: 0;
			color: #fff;
		}

		.footer ul {
			margin: 5px 0 10px 0;
		}

		.footer a {
			padding: 5px 0;
			border-bottom: 1px solid #575556;
			display: block;
			color: #6b696a;
			text-decoration: none;
		}

			.footer a:hover {
				color: #929192;
			}

	/* -------------------------------------------------------------
	09. Contact
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.contact {
		width: 240px;
		height: 100%;
		padding: 20px;
		border-right: 1px solid #fff;
		-webkit-box-shadow: 0px 0px 5px #5e5e5e;
		-moz-box-shadow: 0px 0px 5px #5e5e5e;
		box-shadow: 0px 0px 5px #5e5e5e;
		background: #80aad4;
		position: fixed;
		top: 0;
		left: -281px;
		z-index: 100;
		color: #fff;
	}

		.contact div {
			position: absolute;
			top: 50%;
			left: 20px;
			margin-top: -194px;
		}

		.contact h2 {
			font-size: 20px;
		}

		.contact img {
			border: 1px solid #fff;
			margin: 0 0 18px 0;
		}

		.contact p {
			font-size: 16px;
			line-height: 24px;
			text-align: center;
		}

			.contact p a {
				color: #fff;
			}

		.contact .button {
			border: 0;
			margin: -50px 0 0 0;
			position: absolute;
			right: -55px;
			top: 50%;
			z-index: 99;
			cursor: pointer;
		}

		.contact form {
			width: 240px;
			margin: 0 0 10px 0;
			color: #fff;
			z-index: 50;
		}

			.contact form h2 {
				font-size: 24px;
				margin: 0 0 18px 0;
			}

			.contact form label {
				margin: 0 0 5px 0;
				display: block;
			}

			.contact form input, .contact form textarea {
				width: 220px;
				padding: 10px;
				border: 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: inset 1px 1px 2px 1px #797979;
				-moz-box-shadow:  inset 1px 1px 2px 1px #797979;
				box-shadow: inset 1px 1px 2px 1px #797979;
				margin: 0 0 14px 0;
				color: #424242;
			}

				.contact form .submit {
					width: 240px;
					padding: 8px 10px;
					border: 1px solid #a5a5a5;
					margin: 0;
					cursor: pointer;
					background: #4a4a4a;
					color: #fff;
					font-size: 16px;
					-webkit-box-shadow: 0px 0px 5px #5e5e5e;
					-moz-box-shadow: 0px 0px 5px #5e5e5e;
					box-shadow: 0px 0px 5px #5e5e5e;
				}

	/* -------------------------------------------------------------
	09.1 Contact
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.preview-contact {
		height: 400px;
		width: 750px;
		padding: 25px;
		border: 5px solid #fff;
		margin: -185px 0 0 -400px;
		position: fixed;
		top: 50%;
		left: 50%;
		/*overflow: hidden;*/
		background: #f0f0f0;
		color: #424242;
		-webkit-box-shadow: 0px 0px 10px #5e5e5e;
		-moz-box-shadow: 0px 0px 10px #5e5e5e;
		box-shadow: 0px 0px 10px #5e5e5e;
		z-index: 20000;
		display: none;
	}

		.preview-contact .tabs {
			height: 28px;
			margin: 0 0 10px 0;
		}

			.preview-contact .tabs li {
				margin: 0 10px 0 0;
				float: left;
				display: inline;
				position: relative;
			}

				.preview-contact .tabs li img {
					border: 0;
					margin: 0 0 0 -5px;
					position: absolute;
					bottom: -14px;
					left: 50%;
					display: none;
				}

					.preview-contact .tabs li.active img {
						display: block;
					}

			.preview-contact .tabs a {
				padding: 8px;
				font-weight: bold;
			}

				.preview-contact .tabs li.active a {
					padding: 7px;
					border: 1px solid #bbb;
					border-radius: 5px;
				    background: #fff;
				    text-decoration: none;
				    color: #424242;
		    	}

		.preview-contact .tab-content {
			width: 475px;
			float: left;
			display: inline;
		}

			.preview-contact .tab-content .tab-content-left {
				width: 230px;
				float: left;
				display: inline;
			}

			.preview-contact .tab-content .tab-content-right {
				width: 230px;
				float: right;
				display: inline;
			}

			.preview-contact .tab-content h2 {
				color: #424242;
			}

			.preview-contact .tab-content span {
				color: #424242;
			    font-family: Arial,Helvetica,sans-serif;
			    font-size: 12px;
			    line-height: 18px;
   				margin: 0 0 18px;
   				display: block;
			}

		.preview-contact .contact-sidebar {
			width: 250px;
/*			padding: 35px 0 0 0;
			float: right;
			display: inline;*/
			position: absolute;
			top: 105px;
			right: 25px;
		}

			.preview-contact .contact-sidebar img {
				border: 5px solid #fff;
				margin: 0;
			}

		.contact-background {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			background: #000;
			opacity: .5;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			display: none;
			z-index: 10000;
		}

		/*.preview-contact div {
			position: absolute;
			top: 50%;
			left: 20px;
			margin-top: -194px;
		}*/

		.preview-contact h2 {
			font-size: 20px;
		}

		.preview-contact .close {
			height: 51px;
			width: 51px;
			position: absolute;
			top: -28px;
			right: -28px;
			cursor: pointer;
			background: url(../images/template/prices-preview-close.png) no-repeat;
		}

		.preview-contact img {
			border: 1px solid #fff;
			margin: 0 0 18px 0;
		}

		.preview-contact p {
			font-size: 16px;
			line-height: 24px;
			text-align: center;
		}

			.preview-contact p a {
				color: #fff;
			}

		.preview-contact .button, .contact-button {
			height: 100px;
			width: 41px;
			border: 0;
			margin: -75px 0 0 0;
			position: fixed;
			left: 0;
			top: 50%;
			z-index: 9999;
			cursor: pointer;
			display: block;
			background: url(../images/template/contact-button.png);
		}

		.preview-contact form {
			width: 475px;
			margin: 0 0 10px 0;
			color: #fff;
			z-index: 50;
		}

			.preview-contact form input, .preview-contact form textarea {
				width: 210px;
				padding: 10px;
				border: 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: inset 1px 1px 2px 1px #797979;
				-moz-box-shadow:  inset 1px 1px 2px 1px #797979;
				box-shadow: inset 1px 1px 2px 1px #797979;
				margin: 0 0 14px 0;
				color: #424242;
			}

				.preview-contact form .submit {
					width: 265px;
					padding: 8px 10px;
					border: 1px solid #a5a5a5;
					margin: 0;
					cursor: pointer;
					background: #4a4a4a;
					color: #fff;
					font-size: 16px;
					-webkit-box-shadow: 0px 0px 5px #5e5e5e;
					-moz-box-shadow: 0px 0px 5px #5e5e5e;
					box-shadow: 0px 0px 5px #5e5e5e;
				}

	.form-alert {
		padding: 25px;
		border: 5px solid #fff;
		position: fixed;
		top: 50%;
		left: 50%;
		/*overflow: hidden;*/
		background: #ececec;
		color: #424242;
		-webkit-box-shadow: 0px 0px 10px #5e5e5e;
		-moz-box-shadow: 0px 0px 10px #5e5e5e;
		box-shadow: 0px 0px 10px #5e5e5e;
		z-index: 20000;
		display: none;
	}

		.form-alert h2 {
			font-size: 20px;
			margin: 0 !important;
		}

		.form-alert ul {
			margin: 18px 0 0 20px;
		}

			.form-alert ul li {
				margin: 0 0 9px 0;
				list-style: disc outside;
			}

		.form-alert .close {
			height: 51px;
			width: 51px;
			position: absolute;
			top: -28px;
			right: -28px;
			cursor: pointer;
			background: url(../images/template/prices-preview-close.png) no-repeat;
		}

		.form-alert p {
			font-size: 16px;
			line-height: 24px;
			text-align: center;
		}

			.form-alert p a {
				color: #fff;
			}

	/* -------------------------------------------------------------
	10. Ansprechpartner
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

   	.preview-asp {
		width: 945px;
		padding: 15px;
		border: 5px solid #fff;
		margin: -363px 0 0 -493px;
		position: fixed;
		top: 50%;
		left: 50%;
		background: #f0f0f0;
		color: #424242;
		-webkit-box-shadow: 0px 0px 10px #5e5e5e;
		-moz-box-shadow: 0px 0px 10px #5e5e5e;
		box-shadow: 0px 0px 10px #5e5e5e;
		z-index: 20000;
		display: none;
	}

	.asp-background {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #000;
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		display: none;
		z-index: 10000;
	}

	.preview-asp h2 {
		font-size: 20px;
	}

	.preview-asp .close {
		height: 51px;
		width: 51px;
		position: absolute;
		top: -28px;
		right: -28px;
		cursor: pointer;
		background: url(../images/template/prices-preview-close.png) no-repeat;
	}

	.preview-asp .image {
		height: 130px !important;
		width: 170px !important;
		background: #fff !important;
		float: left !important;
		display: inline !important;
	}

		.preview-asp .image img {
			width: 170px;
		}

	.preview-asp p {
		font-size: 16px;
		line-height: 24px;
	}

		.preview-asp p a {
			color: #fff;
		}

	.preview-asp .button, .asp-button {
		height: 184px;
		width: 41px;
		border: 0;
		margin: 20px 0 0 0;
		position: fixed;
		left: 0;
		top: 50%;
		z-index: 9999;
		cursor: pointer;
		display: block;
		background: url(../images/template/asp-button.png);
	}

	.preview-asp .asp-team {
		width: 460px;
		margin: 0 25px 25px 0 !important;
		float: left;
		display: inline;
	}

		.preview-asp .no-margin-right {
			margin: 0 0 20px 0 !important;
		}

		.preview-asp .no-margin-bottom {
			margin-bottom: 0 !important;
		}

	.preview-asp .information {
		width: 255px !important;
	}

		.preview-asp .information h3 {
			font-size: 18px;
			margin: 0 0 10px 0;
		}

		.preview-asp .information h4 {
			font-size: 15px;
		}

		.preview-asp .information p {
			font-size: 13px;
			line-height: 20px;
		}

			.preview-asp .information p.function {
				margin: 0 0 10px 0;
			}

	/* -------------------------------------------------------------
	11. Content
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		/* 11.01 Headlines */

		 .content .aut, .slide .aut {
		 	display: none;
		 }

		.content .deu, .content .aut {
			float: left;
		}

		.content h2 {
			margin: 0 0 40px 0;
			font-size: 24px;
			color: #000;
		}

			.content .big {
				font-size: 28px;
			}

		.content h3 {
			margin: 0 0 10px 0;
			font-size: 18px;
			color: #000;
		}

		.content h4 {
			margin: 0 0 10px 0;
			font-size: 14px;
			color: #000;
		}

		span.function-nr {
		    background: #E3E3E3;
		    font-size: 12px;
		    margin: 0 10px 0 0;
		    padding: 5px 10px;
		    border-radius: 5px;
		    float: left;
		}

		.line {
			clear: both;
			background: #DDDDDD;
			height: 1px;
			margin: 30px 0;
		}

		/* 11.02 Small-Module */

		.content .small-module {
			width: 280px;
			margin: 0 75px 40px 0;
			float: left;
			display: inline;
		}

			.content .small-module .image {
				height: 150px;
				width: 280px;
				margin: 0 0 15px 0;
				background: url(../images/template/image-placeholder.jpg) top left;
			}

		/* 11.03 Medium-Module */

		.content .medium-module {
			width: 458px;
			margin: 0 74px 40px 0;
			float: left;
			display: inline;
		}

			.content .medium-module .image {
				height: 150px;
				width: 280px;
				margin: 0 0 15px 0;
				background: url(../images/template/image-placeholder.jpg) top left;
			}

			.content .medium-module h3 {
				font-size: 20px;
				margin: 0 0 20px 0;
			}

		/* 11.0x two-thirds-module */

		.content .two-thirds-module {
			width: 635px;
			margin: 0 0 40px 0;
			float: left;
			display: inline;
		}

		/* 11.04 Large-Module */

		.content .large-module {
			width: 990px;
			margin: 0 0 40px 0;
			float: left;
			display: inline;
		}

		/* 11.05 Separator */

		.content .separator {
			width: 990px;
			height: 15px;
			padding: 0 0 26px 0;
			margin: 40px 0 0 0;
			background: url(../images/template/large-separator.jpg) no-repeat top left;
			clear: both;
		}

		.content .two-thirds-separator {
			width: 635px;
			height: 20px;
			padding: 0 0 26px 0;
			margin: 40px 0 0 0;
			background: url(../images/template/two-thirds-separator.jpg) no-repeat top left;
			clear: both;
		}

		/* 11.06 Large-Headline */

		.content .large-headline {
			width: 990px;
			padding: 0 0 40px 0;
			position: relative;
		}

		.content .two-thirds-headline {
			width: 635px;
			padding: 0 0 40px 0;
			position: relative;
		}

			.content .headline-webdesign {
				display: none;
			}

			.content .large-headline h2, .content .large-headline h3, .content .two-thirds-headline h2, .content .two-thirds-headline h3 {
				text-align: center;
			}

				.content .large-headline h2, .content .two-thirds-headline h2 {
					margin: 0 0 10px 0;
				}

				.content .large-headline h3, .content .two-thirds-headline h3 {
					margin: 0;
				}

				.content .two-thirds-headline .button,
				 a.blackbutton {
					padding: 5px 50px;
					border: 1px solid #a5a5a5;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					margin: 0;
					cursor: pointer;
					text-decoration: none;
					background: #4a4a4a;
					color: #fff;
					font-size: 14px;
					-webkit-box-shadow: 0px 0px 5px #5e5e5e;
					-moz-box-shadow: 0px 0px 5px #5e5e5e;
					box-shadow: 0px 0px 5px #5e5e5e;
				}

			.content .large-headline img, .content .two-thirds-headline img {
				position: absolute;
			}

		/* 11.07 News-Module */

		.content .news-module {
			padding: 0 0 20px 0;
			border-bottom: 1px solid #c2c2c2;
			margin: 0 0 20px 0;
		}

			.content .news-module .image {
				height: 130px;
				width: 160px;
				margin: 0 20px 0 0;
				background: url(../images/template/image-placeholder.jpg) top left;
				float: left;
				display: inline;
			}

			.content .news-module h3, .content .news-module h4 {
				margin: 0 0 0 180px !important;
				font-size: 14px;
				color: #000;
			}

			.content .news-module p {
				margin: 0 0 0 180px !important;
			}

				.content .news-module p.date {
					margin: 0 0 18px 180px !important;
				}

			.content .news-module .social {
				height: 20px;
				margin: 0 0 18px 0;
			}

			.content .news-module .social li {
				float: left;
				display: inline;
			}

		/*.content .news-details h2 {
			margin: 0 0 22px 0;
		}

		.content .news-details {
			margin: 0 0 40px 0;
		}

		.content .news-details .social {
			height: 20px;
			margin: 0 0 18px 0;
		}

			.content .news-details .social li {
				float: left;
				display: inline;
			}

		.content .news-details .image {
			margin: 0 20px 18px 0;
			float: left;
			display: inline;
		}*/

		/* 11.08 References */

		.content .references {
			border-bottom: 1px solid #ddd;
			background: #f0f0f0;
		}

			.content .references .image {
				margin: 0;
				overflow: hidden;
				background: url(../images/template/references.jpg) no-repeat;
				display: block;
			}

				.content .references .first { background-position: 0 0; }
				.content .references .second { background-position: -280px 0; }
				.content .references .third { background-position: -560px 0; }

					.content .references:hover .first { background-position: 0 -150px; }
					.content .references:hover .second { background-position: -280px -150px; }
					.content .references:hover .third { background-position: -560px -150px; }

			.content .references p {
				padding: 15px 15px;
				color: #000;
			}

		/* 11.09 Information-Box */

			.content .information-box {
				width: 948px;
				padding: 20px;
				border: 1px solid #e0e0e0;
				background: #f7f7f7;
			}

				.body-startseite .content .information-box {
					width: 100%;
					padding: 20px 0 0 0;
					border: 0;
					margin: 0 0;
					background: #fff;
				}

					.body-startseite .content .information-box .tabs {
						height: 15px;
						padding: 10px;
						margin: 0 0 20px 0;
						background: #eee;
						color: #4d4d4d;
					}

						.body-startseite .content .information-box .tabs li {
							padding: 0;
							margin: 0;
							font-size: 14px;
						}

						.body-startseite .content .information-box .tabs a {
							font-size: 14px;
							color: #4d4d4d;
						}

							.body-startseite .content .information-box .tabs a.active {
								font-weight: bold;
							}

					.body-startseite .content .information-box h2 {
						font-size: 14px;
						margin: 0 0 15px 0;
					}

					.body-startseite .content .information-box p {
						font-size: 12px;
					}

					.body-startseite .content .information-box span {
						width: 485px;
						margin: 0 20px 20px 0;
						float: left;
						display: inline;
					}

		/* 11.10 Tabs */

		.tabs ul li {
			padding: 0 0 20px 0;
			float: left;
			display: inline;
			font-size: 18px;
		}

		.tabs ul a {
			color: #000;
			text-decoration: none;
		}

		.tabs .tab-content {
			clear: both;
		}

			.tabs .tab-content div {
				display: none;
			}

		/* 11.11 Team */

		.team {
			margin: 0 0 20px 0 !important;
		}

			.team .image {
				height: 184px;
				width: 240px;
				padding: 5px;
				border: 1px solid #ccc;
				float: left;
				display: inline;
				text-align: center;
			}

			.team .information {
				width: 355px;
				float: right;
				display: inline;
			}

				.team .information h4 {
					margin: 0;
					line-height: 18px;
				}

				.team .information p {
					line-height: 20px;
				}

		/* 11.12 Prices */

		.prices {
			width: 100%;
			margin: 0 0 40px 0;
		}

			.prices td {
				vertical-align: middle;
			}

				.prices .headline td {
					height: 75px;
					padding: 0 15px;
					border: 1px solid #c2c2c2;
					font-family: 'Open Sans', sans-serif;
					font-size: 18px;
					font-weight: normal;
					text-align: left;
				}

				.prices .grey td {
					padding: 0 15px 0 15px;
					border-width: 0 1px 1px 1px;
					border-style: solid;
					border-color: #c2c2c2;
					line-height: 40px;
					background: #ececec !important;
					font-size: 14px;
					font-family: 'Open Sans', sans-serif;
				}

					.prices .grey a {
						display: block;
						color: #424242;
						text-decoration: none;
						position: relative;
						font-weight: bold;
					}

						.prices .grey a span {
							position: absolute;
							top: 0;
							right: 0;
							font-size: 12px;
							font-weight: normal;
							text-decoration: underline;
						}

				.prices td.label {
					border-width: 0 0 1px 1px;
					border-style: solid;
					border-color: #c2c2c2;
				}

					.prices td.label a {
						padding: 0 150px 0 15px;
						line-height: 40px;
						display: block;
						text-decoration: none;
						/*font-weight: bold;*/
						color: #424242;
						position: relative;
					}

						.prices td.label a:hover {
							background: #424242;
							color: #fff;
						}

						.prices td.label a span {
							position: absolute;
							right: 15px;
							top: 0;
							font-weight: normal;
							display: none;
						}

							.prices td.label a:hover span {
								display: block;
							}

				.prices td.value {
					width: 150px;
					border-width: 0 1px 1px 1px;
					border-style: solid;
					border-color: #fff #c2c2c2 #fff #fff;
					text-align: center;
					line-height: 40px;
					font-size: 14px;
					font-family: 'Open Sans', sans-serif;
					color: #fff;
					background: #80aad4;
				}

	.prices-preview {
		width: 750px;
		border: 5px solid #fff;
		margin: -250px 0 0 -380px;
		position: fixed;
		top: 50%;
		left: 50%;
		/*overflow: hidden;*/
		background: #ececec;
		color: #424242;
		-webkit-box-shadow: 0px 0px 10px #5e5e5e;
		-moz-box-shadow: 0px 0px 10px #5e5e5e;
		box-shadow: 0px 0px 10px #5e5e5e;
		z-index: 1000;
	}

		.prices-preview .close {
			height: 51px;
			width: 51px;
			position: absolute;
			top: -28px;
			right: -28px;
			cursor: pointer;
			background: url(../images/template/prices-preview-close.png) no-repeat;
		}

		.prices-preview .arrow {
			margin: 0;
			position: absolute;
			bottom: 10px;
			right: 10px;
		}

			.prices-preview .arrow li {
				margin: 0 0 0 10px;
				float: left;
				display: inline;
				list-style: none;
			}

				.prices-preview .arrow li a {
					height: 31px;
					width: 31px;
					display: block;
				}

					.prices-preview .arrow li a.next {
						background: url(../images/template/prices-preview-next.png) no-repeat;
					}

					.prices-preview .arrow li a.prev {
						background: url(../images/template/prices-preview-prev.png) no-repeat;
					}

		.prices-preview .overflow {
			width: 750px;
			overflow: hidden;
			position: relative;
		}

		.prices-preview .slide {
			position: absolute;
			top: 0;
			left: 0;
		}

		.prices-preview .preview {
			width: 710px;
			padding: 20px 20px 43px 20px;
			float: left;
			display: block;
		}

			.prices-preview .preview .image {
				width: 280px;
				float: left;
				display: inline;
			}

			.prices-preview .preview .information {
				width: 390px;
				float: right;
				display: inline;
			}

	/* Maps */

	.map {
		height: 300px;
		border: 5px solid #f0f0f0;
		margin:  0 0 18px 0;
	}

	/* Referenzseiten-Slider */

	.body-referenzen .slider {
	    height: 450px;
	    overflow: hidden;
	    position: relative;
	    width: 640px;
	    margin-bottom: 40px;
	}

	.body-referenzen .slider-content div.slide-element {
	    height: 400px;
	    position: absolute;
	    top: 0;
	    z-index: 0;
	}

	.body-referenzen .slidepic {
	    height: 400px;
	    width: 640px;
	}

	.body-referenzen .slidepic-description {
	    height: 20px;
	    left: 100px;
	    position: absolute;
	    text-align: center;
	    bottom: -40px;
	    width: 420px;
	    z-index: 999;
	    padding: 10px 0;
	}

	.body-referenzen .slider-navigation li {
		list-style: none;
	}

	.body-referenzen .slider-navigation a {
	    background-image: url("../images/template/button-ref-prev-next.png");
	    background-repeat: no-repeat;
	    display: block;
	    height: 23px;
	    width: 23px;
	    position: absolute;
	    top: 410px;
	}

		.body-referenzen .slider-navigation a.prev {
			background-position: 0 0;
			left: 20px;
		}

		.body-referenzen .slider-navigation a.next {
			background-position: 0 -23px;
			right: 20px;
		}

	.content .ref-module {
		display: inline;
		float: left;
		width: 300px;
		height: 150px;
		overflow: hidden;
		margin: 0 30px 30px 0 ;
		text-transform: none;
		-moz-box-shadow: 0 0 3px #9e9e9e;
		-webkit-box-shadow: 0 0 3px #9e9e9e;
		box-shadow: 0 0 3px #9e9e9e;
	}

	.content .ref-module-large {
		width: 640px;
		height: 320px;
		margin: 0 0 80px 0 ;
		text-transform: none;
		-moz-box-shadow: 0 0 3px #9e9e9e;
		-webkit-box-shadow: 0 0 3px #9e9e9e;
		box-shadow: 0 0 3px #9e9e9e;
	}

		.content .ref-module-large a p {
			margin-top: 10px;
			text-align: center;
		}

	.content .ref-mobile-module {
		display: inline;
		float: left;
		width: 300px;
		height: 300px;
		overflow: hidden;
		margin: 0 30px 30px 0 ;
		text-transform: none;
		-moz-box-shadow: 0 0 3px #9e9e9e;
		-webkit-box-shadow: 0 0 3px #9e9e9e;
		box-shadow: 0 0 3px #9e9e9e;
	}

	.content .expose-module-large {
	    box-shadow: 0 0 3px #9E9E9E;
	    -webkit-box-shadow: 0 0 3px #9E9E9E;
	    -moz-box-shadow: 0 0 3px #9E9E9E;
	    margin: 40px 0 15px;
	    text-transform: none;
	    width: 640px;
	}

	.content .expose-module-half {
		box-shadow: 0 0 3px #9E9E9E;
		-webkit-box-shadow: 0 0 3px #9E9E9E;
		-moz-box-shadow: 0 0 3px #9E9E9E;
		margin: 0 0 80px;
		text-transform: none;
		width: 310px;
		float: left;
		display: inline;
		margin: 40px 10px 15px 0;
	}

	.body-portalpartner .logos, .body-portale--schnittstellen .logos, .body-referenzen--erfolge-eng .logos, .body-referenzen--erfolge-esp .logos, .body-referenzen--erfolge-fra .logos, .body-referenzen--erfolge-pol .logos, .body-referenzen--erfolge-ita .logos, .body-kundenmeinungen-eng .logos, .body-kundenmeinungen-esp .logos, .body-kundenmeinungen-fra .logos, .body-kundenmeinungen-pol .logos, .body-kundenmeinungen-ita .logos, .body-unsere-kunden-in-oesterreich .logos, .body-unsere-kunden-in-der-schweiz .logos {
		width: 205px;
		height: 110px;
		margin: 0 10px 10px 0;
		display: block;
		float: left;
		display: inline;
		text-align: center;
	}

		.body-portalpartner .logos-last, .body-portale--schnittstellen .logos-last, .body-referenzen--erfolge-eng .logos-last, .body-referenzen--erfolge-esp .logos-last, .body-referenzen--erfolge-fra .logos-last, .body-referenzen--erfolge-pol .logos-last, .body-referenzen--erfolge-ita .logos-last, .body-kundenmeinungen-eng .logos-last, .body-kundenmeinungen-esp .logos-last, .body-kundenmeinungen-fra .logos-last, .body-kundenmeinungen-pol .logos-last, .body-kundenmeinungen-ita .logos-last, .body-unsere-kunden-in-oesterreich .logos-last, .body-unsere-kunden-in-der-schweiz .logos-last {
			margin: 0 0 10px 0 !important;
		}

	.body-referenzen--erfolge .content .two-thirds-module p {
		margin: 0 0 18px 210px;
	}

	.quote {
		background: url('../images/template/quote-grey.png') no-repeat left top;
		margin-bottom: 40px;
		padding: 10px 0 0 0;
		font-style: italic;
		float:right;
		width: 435px;
	}

	p.quote-indent {
		text-indent: 20px;
	}

	.quote p {
		padding: 0 0 0 20px;
	}

	.quote-name {
		font-style: normal;
		font-size: 11px;
	}

	img.quote-logo {
		float:left;
		margin-right: 20px;
		margin-top: 30px;

	}

	/* Formulare */

	.content form label {
		margin: 0 0 5px 0;
		display: block;
	}

	.content form p {
		font-weight: bold;
		margin: 0 0 10px 0 !important;
	}

	.content form li {
		font-weight: bold;
	}

	.content form input, .content form textarea {
		width: 220px;
		padding: 10px;
		border: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 1px 1px 2px 1px #797979;
		-moz-box-shadow:  inset 1px 1px 2px 1px #797979;
		box-shadow: inset 1px 1px 2px 1px #797979;
		margin: 0 0 14px 0;
		color: #424242;
	}

		.content form input.submit {
			width: 240px;
			padding: 8px 10px;
			border: 1px solid #a5a5a5;
			margin: 0;
			cursor: pointer;
			background: #4a4a4a;
			color: #fff;
			font-size: 16px;
			-webkit-box-shadow: 0px 0px 5px #5e5e5e;
			-moz-box-shadow: 0px 0px 5px #5e5e5e;
			box-shadow: 0px 0px 5px #5e5e5e;
		}

	.content form select {
		width: 240px;
		padding: 10px;
		border: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 1px 1px 2px 1px #797979;
		-moz-box-shadow:  inset 1px 1px 2px 1px #797979;
		box-shadow: inset 1px 1px 2px 1px #797979;
		margin: 0 0 14px 0;
		color: #424242;
	}
	.smart-pro-form input, .smart-pro-form select, .smart-pro-form textarea {
		margin: 0 0 20px 0 !important;
	}
	.smart-pro-form textarea {
		height: 117px !important;
	}
	.smart-pro-schulung {
		background: #f4f4f4;
		padding: 10px;
		margin: 0 0 10px 0;
		position: relative;
	}
	.zusatzmodule {
		height: 25px;
		overflow: hidden;
	}
		.zusatzmodule h5 {
			margin: 0 0 9px 0 !important;
		}
		.smart-pro-schulung span#aufklappen {
			width: 20px;
			height: 20px;
			position: absolute;
			top: 10px;
			right: 10px;
			cursor: pointer;
		}
		.smart-pro-schulung span.closed {
			background: url(../images/template/Icon-Plus.png) 0px 0px no-repeat;
		}
		.smart-pro-schulung span.closed:hover {
			background: url(../images/template/Icon-Plus.png) 0px -20px no-repeat;
		}
		.smart-pro-schulung span.opened {
			background: url(../images/template/Icon-Plus.png) -20px 0px no-repeat;
		}
		.smart-pro-schulung span.opened:hover {
			background: url(../images/template/Icon-Plus.png) -20px -20px no-repeat;
		}
		.smart-pro-schulung h5 {
			color: #7497bd;
			font-weight: bold;
			font-size: 13px;
			margin: 0 0 5px 0;
		}
		.smart-pro-schulung input {
			width: 240px !important;
		}
		.smart-pro-schulung input.anzahl_personen {
			margin: 0 !important;
		}
		.content form .form-checkbox {
			height: 20px;
			margin: 0 0 10px 0;
			position: relative;
		}
			.content form .form-checkbox input {
				width: 13px !important;
				-webkit-box-shadow: none;
				-moz-box-shadow:  none;
				box-shadow: none;
				margin: 0;
				position: absolute;
				top: 2px;
			}
			.content form .form-checkbox strong {
				position: absolute;
				top: 1px;
				left: 55px;
			}
			.content form .form-checkbox .info-icon {
				width: 16px;
				height: 16px;
				background: url(../images/template/Icon-Information.jpg) top left;
				position: absolute;
				top: 1px;
				left: 26px;
			}
				.content form .form-checkbox .info-icon:hover {
					background-position: bottom left;
				}
			.content form .form-checkbox span {
				position: absolute;
				left: 30px;
				top: 20px;
			}


		.content form .form-radiobutton {
			padding: 5px 0;
		}
			.content form .form-radiobutton span.radio-label {
				display: block;
				float: left;
				width: 140px;
			}
			.content form .form-radiobutton input {
				width: 13px !important;
				border: none;
				-webkit-box-shadow: none;
				-moz-box-shadow:  none;
				box-shadow: none;
				margin: 0 !important;
			}
			.content form .form-radiobutton span.radio-yes {
				margin: 0 15px 0 0;
			}

	.pic-left, .pic-right, .text-left, .text-right {
		display: inline;
		margin-bottom: 30px;
	}

	.pic-left, .text-left {
		float: left;
		width: 495px;
	}

	.pic-right, .text-right {
		float: right;
		width: 495px;
	}

	.text-right {
		padding-left: 20px;
		width: 475px;
	}

	.text-left {
		padding-right: 20px;
		width: 475px;
	}

	.legend {
		border-top: 1px solid #ddd;
		clear: both;
		padding-top: 10px;
		margin-bottom: 20px;
		color: #8a8a8a;
		text-align: center;
	}

	.ampelkasten {
		margin: 0 29px;
		float: left;
		display: inline;
		text-align: center;
	}

		.ampelkasten iframe {
			width: 65px;
			margin: 0 auto;
		}

	.plan-small {
		cursor: pointer;
	}

	.plan-big {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        z-index: 10001;
        display: none;
	}


	.bb-link {
		font-family: 'Open Sans',sans-serif;
	    font-size: 34px;
	    font-weight: 400;
	    font-style: italic;
	    line-height: 44px;
	    position: absolute;
	    top: 24px;
	    left: 105px;
	}

	.bb-pfeil {
		height: 62px;
		width: 81px;
		background: url(../images/startseite/bb-pfeil.jpg) no-repeat center center;
		display: block;
		position: absolute;
		top: 39px;
		left: -37px;
	}


	.countdown {
		margin: 0 0 75px 0;
		float: left;
		width: 100%;
	}
		.countdown div {
			width: 25%;
			float: left;
		}
			.countdown div strong {
				display: block;
				font-family: 'Open Sans',sans-serif;
				font-weight: 300;
				font-size: 140px;
				line-height: 140px;
				margin: 0 20px;
				text-align: center;
				border-bottom: 3px solid #80aad4;
			}
			.countdown div span {
				display: block;
				color: #80aad4;
				text-transform: uppercase;
				text-align: center;
				font-size: 25px;
				font-family: 'Open Sans',sans-serif;
				font-weight: 300;
			}

	/* -------------------------------------------------------------
	Headline styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.header .logo {
		/*bottom: 16px;*/
		bottom: 24px;
		left: 0;
		margin: 0;
		position: absolute;
	}

	.large-banner .slider-content .mainhead {
		font-family: "Open Sans",sans-serif;
		font-style: italic;
		font-weight: 400;
		margin: 0 0 18px;
		font-size: 28px;
		line-height: 30px;
		display: block;
	}

	.large-banner .slider-content .subhead {
		font-family: "Open Sans",sans-serif;
		font-size: 20px;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		margin: 0 0 18px;
		display: block;
	}

	.large-banner form .form-head {
		display: block;
		font-size: 24px;
		font-family: "Open Sans",sans-serif;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		margin: 0 0 18px;
	}

	.social-media .handwrite {
		/*left: 372px;*/
		left: 410px;
		position: absolute;
		top: 44px;
		font-size: 14px;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		margin: 0 0 18px;
	}

	.footer-whiteheader {
		font-family: "Open Sans",sans-serif;
		font-size: 13px;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		color: #fff;
		margin: 0;
	}

	.preview-contact-header {
		font-family: "Open Sans",sans-serif;
		font-size: 20px;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		margin: 0 0 18px;
		color: #424242;
	}

	.contact div.contact-whiteheader {
		color: #fff;
		font-family: "Open Sans",sans-serif;
		font-size: 20px;
		font-style: italic;
		font-weight: 400;
		left: auto;
		line-height: 24px;
		margin: 0 0 18px;
		position: relative;
		top: auto;
	}

	.preview-asp-header-main {
		font-family: "Open Sans",sans-serif;
		font-size: 20px;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		margin: 0 0 18px;
	}

	.preview-asp-header-department {
		font-family: "Open Sans",sans-serif;
		font-style: italic;
		font-weight: 400;
		line-height: 24px;
		font-size: 18px;
		margin: 0 0 10px;
	}

	.preview-asp-header-person {
		font-family: "Open Sans",sans-serif;
		font-size: 15px;
		font-style: italic;
		font-weight: 400;
		line-height: 18px;
		margin: 0;
	}

	/** Bestellerprinzip **/

	.body-bestellerprinzip .main {
		background: url(../bilder/bestellerprinzip/background.jpg) no-repeat center center #fff;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
		font-size: 18px;
		line-height: 30px;
	}

		.body-bestellerprinzip .main p {
			line-height: 30px;
		}

		.body-bestellerprinzip .main ul {
			margin: 0 0 25px 40px;
		}

		.body-bestellerprinzip .main h2 {
			padding: 20px 0 0 0;
			color: #80aad4;
		}

		.body-bestellerprinzip .main .wrapper-center {
			width: 690px;
			padding: 30px 150px 50px 150px;
			margin: 50px auto;
			background: rgba(255, 255, 255, 0.75);
			-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
		}

		.body-bestellerprinzip .main .no-sidebar {
			width: 690px !important;
			padding: 0;
		}

		.body-bestellerprinzip .main .button {
			margin: 25px 0 50px 0;
			text-align: center;
		}

			.body-bestellerprinzip .main .button a {
				width: 450px;
				padding: 10px 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin: 0 auto;
				background: rgb(130,167,209);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjg5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
				background: -webkit-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: -o-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: -ms-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: linear-gradient(to bottom,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );
				display: block;
				font-family: "Open Sans", sans-serif;
				font-style: italic;
				font-size: 20px;
				font-weight: 600;
				color: #fff;
				text-align: center;
				text-decoration: none;
				-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
			}

				.body-bestellerprinzip .main .button a:hover {
					background: rgb(107,137,172);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiODlhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					background: -moz-linear-gradient(top,  rgba(107,137,172,1) 0%, rgba(130,167,209,1) 98%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,137,172,1)), color-stop(98%,rgba(130,167,209,1)));
					background: -webkit-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: -o-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: -ms-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: linear-gradient(to bottom,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89ac', endColorstr='#82a7d1',GradientType=0 );
				}


	/** New 2015 **/

	.reference-banner {
		height: 450px;
		border-bottom: 23px solid #82a7d1;
		background-color: #3c4f60;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: visible !important;
	}

		.reference-banner.mettenbrink {
			/*background-image: url(../images/ref-banner/mettenbrink.png);*/
			background-image: url(../images/ref-banner/showcase.png);
			background-color: #575651;
		}

		.reference-banner blockquote {
			width: 300px;
			position: absolute;
			top: 20px;
			left: 100px;
			font-family: "Open Sans", sans-serif;
			font-style: italic;
			font-size: 16px;
			font-weight: 400;
			color: #fff;
		}

			.reference-banner blockquote p {
				margin: 0 0 10px 0;
				line-height: 26px;
			}

			.reference-banner blockquote cite {
				font-size: 12px;
				font-weight: 300;
			}

			.reference-banner.mettenbrink blockquote {
				top: 105px;
				left: 369px;
			}

		.reference-banner .arrow {
			height: 85px;
			width: 98px;
			background: url(../images/ref-banner/arrow.png);
			position: absolute;
		}

			.reference-banner.mettenbrink .arrow {
				top: 260px;
				left: 575px;
			}

		.reference-banner .buttons {
			height: 347px;
			padding: 103px 25px 0 25px;
			background: rgba(0, 0, 0, 0.25);
			position: absolute;
			top: 0;
			right: 0;
		}

			.reference-banner .buttons a {
				width: 250px;
				padding: 10px 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin: 0 0 50px 0;
				background: rgb(130,167,209);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjg5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
				background: -webkit-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: -o-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: -ms-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: linear-gradient(to bottom,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );
				display: block;
				font-family: "Open Sans", sans-serif;
				font-style: italic;
				font-size: 20px;
				font-weight: 600;
				color: #fff;
				text-align: center;
				text-decoration: none;
				-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
			}

				.reference-banner .buttons a:hover {
					background: rgb(107,137,172);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiODlhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					background: -moz-linear-gradient(top,  rgba(107,137,172,1) 0%, rgba(130,167,209,1) 98%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,137,172,1)), color-stop(98%,rgba(130,167,209,1)));
					background: -webkit-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: -o-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: -ms-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: linear-gradient(to bottom,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89ac', endColorstr='#82a7d1',GradientType=0 );
				}

				@-webkit-keyframes social-links {
					25% {
						-webkit-transform: scale(1.05);
						transform: scale(1.05);
					}
					75% {
						-webkit-transform: scale(0.95);
						transform: scale(0.95);
					}
				}

				@keyframes social-links {
					25% {
						-webkit-transform: scale(1.05);
						transform: scale(1.05);
					}
					75% {
						-webkit-transform: scale(0.95);
						transform: scale(0.95);
					}
				}

				.reference-banner .buttons a.green {
					background: rgb(150,180,50);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YjQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmE1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top, rgba(150,180,50,1) 0%, rgba(139,165,46,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,180,50,1)), color-stop(100%,rgba(139,165,46,1)));
					background: -webkit-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: -o-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: -ms-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: linear-gradient(to bottom, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b432', endColorstr='#8ba52e',GradientType=0 );
					-webkit-animation-name: social-links;
					animation-name: social-links;
					-webkit-animation-duration: 2.5s;
					animation-duration: 2.5s;
					-webkit-animation-timing-function: linear;
					animation-timing-function: linear;
					-webkit-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
				}

					.reference-banner .buttons a.green:hover {
						background: rgb(139,165,46);
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmI0MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top, rgba(139,165,46,1) 0%, rgba(150,180,50,1) 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,165,46,1)), color-stop(100%,rgba(150,180,50,1)));
						background: -webkit-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						background: -o-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						background: -ms-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						background: linear-gradient(to bottom, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba52e', endColorstr='#96b432',GradientType=0 );
					}

			.reference-banner .buttons .original {
				height: 149px;
				width: 136px;
				background: url(../images/das-original-seit-2001.png) no-repeat center center;
				position: absolute;
				bottom: -85px;
				left: 82px;
			}

	.new-homepage h1 {
		margin: 0 0 40px 0;
		font-size: 32px;
		font-family: "Open Sans", sans-serif;
		font-style: italic;
		font-weight: 400;
		line-height: 18px;
	}

	.new-homepage .content p {
		margin: 0 0 50px 0;
		font-size: 18px;
		line-height: 28px;
	}

		.new-homepage .content p.headline-h2 {
			margin: 0 0 40px 0;
			font-size: 32px;
			font-family: "Open Sans", sans-serif;
			font-style: italic;
			font-weight: 400;
			line-height: 18px;
		}

		.new-homepage .content p.button a {
			width: 250px;
			padding: 10px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin: 0 10px;
			background: rgb(150,180,50);
			background: rgb(130,167,209);
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjg5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
			background: -webkit-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
			background: -o-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
			background: -ms-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
			background: linear-gradient(to bottom,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );
			display: inline-block;
			font-family: "Open Sans", sans-serif;
			font-style: italic;
			font-size: 20px;
			font-weight: 600;
			color: #fff;
			text-align: center;
			text-decoration: none;
			-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
		}

			.new-homepage .content p.button a:hover {
				background: rgb(107,137,172);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiODlhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top,  rgba(107,137,172,1) 0%, rgba(130,167,209,1) 98%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,137,172,1)), color-stop(98%,rgba(130,167,209,1)));
				background: -webkit-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
				background: -o-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
				background: -ms-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
				background: linear-gradient(to bottom,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89ac', endColorstr='#82a7d1',GradientType=0 );
			}

			.new-homepage .content p.button a.green {
				background: rgb(150,180,50);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YjQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmE1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top, rgba(150,180,50,1) 0%, rgba(139,165,46,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,180,50,1)), color-stop(100%,rgba(139,165,46,1)));
				background: -webkit-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
				background: -o-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
				background: -ms-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
				background: linear-gradient(to bottom, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b432', endColorstr='#8ba52e',GradientType=0 );
			}

				.new-homepage .content p.button a.green:hover {
					background: rgb(139,165,46);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmI0MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top, rgba(139,165,46,1) 0%, rgba(150,180,50,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,165,46,1)), color-stop(100%,rgba(150,180,50,1)));
					background: -webkit-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
					background: -o-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
					background: -ms-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
					background: linear-gradient(to bottom, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba52e', endColorstr='#96b432',GradientType=0 );
				}

	.new-homepage .content a {
		font-family: "Open Sans", sans-serif;
		font-style: italic;
	}

	.story {
		width: 300px;
		border-bottom: 4px solid #ddd;
		margin: 0 45px 50px 0;
		float: left;
		display: inline;
		background: #eee;
	}

		.story .image {
			padding: 10px;
			margin: 0 0 10px 0;
			background: #fff;
		}

			.story .image:hover a {
				filter: alpha(opacity=90);
				opacity: 0.9;
			}

			.story .image a {
				height: 35px;
				width: 235px;
				padding: 165px 0 0 65px;
				display: block;
				font-size: 20px;
				font-weight: 600;
				font-style: normal;
				color: #fff;
				text-decoration: none;
				background-color: #eee;
				background-repeat: no-repeat;
				background-position: center center;
				position: relative;
			}

				.story .image a span {
					z-index: 100;
					position: relative;
				}

				.story .image a:after {
					content: '';
					width: 100%;
					padding: 20px 0;
					display: block;
					background: url(../images/story/play.png) no-repeat 20px center rgba(0, 0 ,0, 0.35);
					position: absolute;
					bottom: 0;
					left: 0;
				}

				.story .image a.phi {
					background-image: url(../images/story/phi.jpg);
				}

				.story .image a.immoprofis {
					background-image: url(../images/story/immoprofis.jpg);
				}

				.story .image a.vpi {
					background-image: url(../images/story/vpi.jpg);
				}

		.story p {
			padding: 0 10px;
			margin: 0 0 20px 0 !important;
			font-size: 18px;
			font-family: "Open Sans", sans-serif;
			font-weight: 600;
			line-height: 22px;
			color: #232323;
		}

			.story p i {
				font-weight: 600;
				font-size: italic;
			}

			.story p.small {
				margin: 0 0 10px 0 !important;
				font-size: 14px;
				font-family: "Open Sans", sans-serif;
				font-weight: 400;
				line-height: 22px;
				color: #232323;
			}

			.story p span {
				margin: 0 0 10px 0 !important;
				font-size: 12px;
				font-family: "Open Sans", sans-serif;
				font-weight: 400;
				font-style: italic;
				line-height: 22px;
				color: #232323;
				display: block;
			}



	.new-prices {
		width: 100%;
		padding: 20px 0 50px 0;
		float: left;
		display: inline;
	}

		.new-prices > div {
			width: 25%;
			float: left;
			display: inline;
			text-align: center;
			position: relative;
		}

			.new-prices div.information {
				padding: 93px 0 0 0;
				text-align: left;
			}

				.new-prices div.information .hover {
					font-weight: bold;
				}

			.new-prices div.packet {
				border-top: 5px solid #80acd3;
				background: #f7f7f7;
			}

				.new-prices div.packet a {
					padding: 10px 0;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					margin: 0 20px 20px 20px;
					background: rgb(130,167,209);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjg5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
					background: -webkit-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
					background: -o-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
					background: -ms-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
					background: linear-gradient(to bottom,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );
					display: block;
					font-family: "Open Sans", sans-serif;
					font-style: italic;
					font-size: 16px;
					font-weight: 600;
					color: #fff;
					text-align: center;
					text-decoration: none;
					-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
					-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
					box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				}

					.new-prices div.packet a:hover {
						background: rgb(107,137,172);
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiODlhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
						background: -moz-linear-gradient(top,  rgba(107,137,172,1) 0%, rgba(130,167,209,1) 98%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,137,172,1)), color-stop(98%,rgba(130,167,209,1)));
						background: -webkit-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
						background: -o-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
						background: -ms-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
						background: linear-gradient(to bottom,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89ac', endColorstr='#82a7d1',GradientType=0 );
					}

					.new-prices div.packet a.green {
						background: rgb(150,180,50);
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YjQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmE1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top, rgba(150,180,50,1) 0%, rgba(139,165,46,1) 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,180,50,1)), color-stop(100%,rgba(139,165,46,1)));
						background: -webkit-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
						background: -o-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
						background: -ms-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
						background: linear-gradient(to bottom, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b432', endColorstr='#8ba52e',GradientType=0 );
					}

						.new-prices div.packet a.green:hover {
							background: rgb(139,165,46);
							background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmI0MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
							background: -moz-linear-gradient(top, rgba(139,165,46,1) 0%, rgba(150,180,50,1) 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,165,46,1)), color-stop(100%,rgba(150,180,50,1)));
							background: -webkit-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
							background: -o-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
							background: -ms-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
							background: linear-gradient(to bottom, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba52e', endColorstr='#96b432',GradientType=0 );
						}

			.new-prices div.highlight {
				padding: 20px 0;
				border-color: #fff;
				margin: -20px 0 0 0;
				background: #80acd3;
				color: #fff;
				-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
				z-index: 100;
			}

				.new-prices div.highlight a {
					margin: 20px 20px 0 20px;
				}

				.new-prices div.highlight .bestseller {
					padding: 5px 10px;
					background: #fee67c;
					color: #000;
					text-transform: uppercase;
					font-weight: bold;
					position: absolute;
					top: -15px;
					right: 10px;
				}

		.new-prices h2 {
			padding: 20px 0 0 0;
			margin: 0 0 20px 0;
			font-size: 20px;
		}

			.new-prices div.highlight h2 {
				padding: 0 0 20px 0;
				color: #fff;
			}

			.new-prices h2 span {
				font-size: 12px;
				display: block;
			}

			.new-prices h2 strong {
				color: #80acd3;
			}

				.new-prices div.highlight h2 strong {
					color: #fff;
				}

		.new-prices ul {
			padding: 0;
			margin: 0;
		}

			.new-prices ul li {
				padding: 10px;
				border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
				margin: 0;
				list-style: none;
			}

				.new-prices ul li:last-child {
					border-bottom: 0;
				}

				.new-prices div.highlight li {
					border-color: rgba(255, 255, 255, 0.25);
				}

				.new-prices ul li .grey {
					color: rgba(0, 0, 0, 0.25);
				}

					.new-prices div.highlight .grey {
						color: rgba(255, 255, 255, 0.25);
					}

		.new-prices .monthly {
			width: 100%;
			padding: 20px 0;
			text-align: center;
		}

			.new-prices div.highlight .monthly {
				padding: 40px 0 0 0;
			}

			.new-prices .monthly strong {
				display: block;
				font-size: 20px;
			}

			.new-prices .monthly span {
				display: block;
				font-size: 12px;
				font-style: italic;
			}

	.price-module {
		background: #f7f7f7;
		border-top: 5px solid #80acd3;
		display: inline;
		float: left;
		margin: 0 45px 0 0;
		width: 300px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

		.price-module.half {
			width: 472px;
		}

		.price-module.akademie {
			height: 518px;
		}

		.price-module:hover {
			-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
		}

		.price-module.last {
			margin: 0 0 0 0;
		}

		.price-module .description {
			padding: 20px;
		}

			.price-module .description h3 {
				margin: 0 0 20px 0;
				font-size: 20px;
				text-align: center;
			}

			.price-module .description p {
				margin: 0;
				text-align: center;
			}

		.module-price {
			padding: 0 20px 2px 20px;
		}

			.module-price p {
				text-align: center;
				font-size: 12px;
				font-style: italic;
			}

				.module-price p strong {
					display: block;
					font-size: 20px;
					font-style: normal;
				}


	.signet {
		text-align: center;
	}

		.signet img {
			margin: 0 10px;
		}




	.pros-icon {
		width: 33.3333%;
		padding: 0 15px 15px 15px;
		float: left;
		display: inline;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.pros-icon.large-padding-left {
			margin: 0 0 0 166px;
		}

		.pros-icon .icon {
			text-align: center;
		}

			.pros-icon .icon i {
				border: 1px solid #efefef;
				border-radius: 4px;
				color: #80acd3;
				display: inline-block;
				font-size: 35px;
				height: 80px;
				line-height: 80px;
				margin: 0 0 15px;
				text-align: center;
				width: 80px;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}

				.pros-icon:hover .icon i {
					background: #80acd3;
					color: #fff;
				}

		.pros-icon p {
			text-align: center;
		}

		.pros-button {
			margin: 60px 0;
		}

			.pros-button a {
				width: 250px;
				padding: 10px 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin: 0 10px;
				background: rgb(150,180,50);
				background: rgb(130,167,209);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjg5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
				background: -webkit-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: -o-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: -ms-linear-gradient(top,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				background: linear-gradient(to bottom,  rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );
				display: inline-block;
				font-family: "Open Sans", sans-serif;
				font-style: italic;
				font-size: 20px;
				font-weight: 600;
				color: #fff;
				text-align: center;
				text-decoration: none;
				-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
			}

				.pros-button a:hover {
					background: rgb(107,137,172);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiODlhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzgyYTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					background: -moz-linear-gradient(top,  rgba(107,137,172,1) 0%, rgba(130,167,209,1) 98%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,137,172,1)), color-stop(98%,rgba(130,167,209,1)));
					background: -webkit-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: -o-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: -ms-linear-gradient(top,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					background: linear-gradient(to bottom,  rgba(107,137,172,1) 0%,rgba(130,167,209,1) 98%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89ac', endColorstr='#82a7d1',GradientType=0 );
				}

				.pros-button a.green {
					background: rgb(150,180,50);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YjQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmE1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top, rgba(150,180,50,1) 0%, rgba(139,165,46,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,180,50,1)), color-stop(100%,rgba(139,165,46,1)));
					background: -webkit-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: -o-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: -ms-linear-gradient(top, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					background: linear-gradient(to bottom, rgba(150,180,50,1) 0%,rgba(139,165,46,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b432', endColorstr='#8ba52e',GradientType=0 );
				}

					.pros-button a.green:hover {
						background: rgb(139,165,46);
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYTUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmI0MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top, rgba(139,165,46,1) 0%, rgba(150,180,50,1) 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,165,46,1)), color-stop(100%,rgba(150,180,50,1)));
						background: -webkit-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						background: -o-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						background: -ms-linear-gradient(top, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						background: linear-gradient(to bottom, rgba(139,165,46,1) 0%,rgba(150,180,50,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba52e', endColorstr='#96b432',GradientType=0 );
					}

	.ein-mausklick {
		padding: 100px 0;
		background: url(../images/vorteile-neu/vorteile-2.jpg) no-repeat center center;
	}

	.preis-leistung {
		padding: 100px 0;
		background: url(../images/vorteile-neu/vorteile-3.jpg) no-repeat center center;
	}

	.small-space {
		padding: 0 200px;
	}


	section .left {
		width: 50%;
		padding: 0 25px 0 0;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section .right {
		width: 50%;
		padding: 0 0 0 25px;
		float: right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section .reference {
			padding: 0 0 25px 0;
			border-bottom: 1px solid #ddd;
			margin: 0 0 50px 0;
		}

			section .reference.last {
				padding: 0;
				border: 0;
				margin: 0;
			}

			section .reference .image {
				width: 120px;
				height: 120px;
				border: 2px solid #ddd;
				margin: 0 10px 10px 0;
				-webkit-border-radius: 120px;
				-moz-border-radius: 120px;
				border-radius: 120px;
				background: #fff;
				position: relative;
				float: left;
				display: inline;
			}

				section .reference .image img {
					position: absolute;
					top: 50%;
					left: 50%;
				}

			section .reference p {
				font-family: georgia;
				font-style: italic;
				line-height: 26px;
				font-size: 14px;
			}

			section .reference cite {
				margin: -10px 0 0 0;
				padding: 0 0 25px 0;
				font-size: 11px;
				font-style: normal;
				display: block;
			}

				section .reference cite.small-text {
					margin: -10px 0 0 130px;
				}


.new-ref {

}

	.new-ref p {
		margin: 0 0 18px 220px;
	}


	/* -------------------------------------------------------------
	Premium Templates
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.premium-templates {
		display: inline-block;
		position: relative;
	}

	.premium-right {
		float: right;
		margin: 100px 0 0 0;
		width: 240px;
	}

	.premium-right h2 {
		text-align: center;
	}

	.premium-templates h3 {
		text-align: right;
		font-style: normal;
		margin: 0 0 20px;
		padding: 0 20px;
	}

	.premium-templates a {
		text-decoration: none;
	}

	.premium-right .premium-button {
/*		font-size: 16px;
		width: 200px;
		margin: 0 auto;
		display: block;
		padding: 5px 15px;
		text-align: center;
		background: #80aad4;
		border-radius: 5px;
		color: #fff;
		margin: 0 auto 15px;
		border: 1px solid #a5a5a5;
		-webkit-box-shadow: 0px 0px 5px #8e8e8e;
	    -moz-box-shadow: 0px 0px 5px #8e8e8e;
	    box-shadow: 0px 0px 5px #8e8e8e;*/
	    display: block;
	    margin: 0 auto 15px;
	    width: 220px;
	    padding: 8px 0;
	    border-radius: 5px;
	    font-weight: 600;
	    font-size: 14px;
	    font-style: italic;
	    color: #fff;
	    text-align: center;
	    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	    background: rgb(150,180,50);
	    background: rgb(130,167,209);
	    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	    background: -moz-linear-gradient(top, rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
	    background: -webkit-linear-gradient(top, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    background: -o-linear-gradient(top, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    background: -ms-linear-gradient(top, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    background: linear-gradient(to bottom, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );
	}

	.premium-right .premium-button:hover {
		background: rgb(150,180,50);
	    background: rgb(130,167,209);
	    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	    background: -moz-linear-gradient(bottom, rgba(130,167,209,1) 0%, rgba(107,137,172,1) 100%);
	    background: -webkit-gradient(linear, right bottom, right top, color-stop(0%,rgba(130,167,209,1)), color-stop(100%,rgba(107,137,172,1)));
	    background: -webkit-linear-gradient(bottom, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    background: -o-linear-gradient(bottom, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    background: -ms-linear-gradient(bottom, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    background: linear-gradient(to top, rgba(130,167,209,1) 0%,rgba(107,137,172,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7d1', endColorstr='#6b89ac',GradientType=0 );

	}

	.premium-templates .premium-image {
		display: inline-block;
		float: left;
		width: 750px;
	}

	.premium-templates .premium-image img {
		max-width: 750px;
	}

	.premium-templates .premium-details, .premium-templates .premium-referenzen {
		display: none;
		font-size: 16px;
		position: absolute;
		left: 0;
		top: 45px;
		width: 280px;
		height: 320px;
		padding: 13px 0 0 0;
		background: rgba(255, 255, 255, 0.9);
		white-space: nowrap;
	}

	.premium-templates .premium-details p, .premium-templates .premium-referenzen p {
		line-height: 20px;
		margin: 0 10px 5px 0;
		padding: 0 10px 5px 5px;
		border-bottom: 1px solid #ccc;
		text-align: right;
		font-size: 15px;
		font-weight: 600;
	}

	.premium-templates .premium-details p:last-child, .premium-templates .premium-referenzen p:last-child {
		border: none;
	}

	.premium-referenzen > a > div {
		display: inline-block;
		line-height: 20px;
		margin: 0;
		padding: 5px 10px 5px 5px;
		border-bottom: 1px solid #ccc;
		text-align: right;
		font-size: 15px;
		font-weight: 600;
		width: 255px;
	}

	.premium-referenzen .referenz-vorschau {
		display: none;
		position: absolute;
		top: -20px;
		left: 280px;
		padding: 30px 0;
		width: 450px;
		background: rgba(255, 255, 255, 0.9);
	}

	.premium-referenzen a:hover .referenz-vorschau {
		display: block;
	}
