/*-----------------------------------------------
C O M M O N
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	color:#000;
	font-size:15px;
	text-align:center;
	font-family:DroidSans;
	background:#fff;
	}

@font-face {
  font-family:'DroidSans';
  src: url( ../fonts/DroidSans.ttf ) format( 'truetype' );
  font-weight:normal;
  font-style:normal;
	}

@font-face {
  font-family:'DroidSerif';
  src: url( ../fonts/DroidSerif.ttf ) format( 'truetype' );
  font-weight:normal;
  font-style:normal;
	}

.container {
	width:984px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

div.clear {
	clear:both;
	height:0;
	margin:0;
	line-height:0;
	font-size:1px;
	}

a {
	color:#1D89AD;
	font-weight:normal;
	text-decoration:none;
	}

a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#73CBE8;
	}


 /*-----------------------------------------------
N A V
----------------------------------------------- */


#navBig {
	display:block;
	}

#navSmall {
	display:none;
	}

#navHome {
	background:#000;
	}

#navHome ul {
	margin:0 auto;
	list-style-type:none;
	width:944px;
	text-align:center;
	background:#000;
	}

#navHome li a {
	float:left;
	display:block;
	color:#fff;
	background:#000;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	padding:11px 28px 11px 28px;
	height:22px;
  transition:0.3s;
	}

#navHome ul li a.current {
	color:#000;
	background:#fff;
	}

#navHome ul li a:hover {
	color:#fff;
	background:#73CBE8;
	}

#nav {
	background:#000;
	 }

#nav ul {
	margin:0 auto;
	list-style-type:none;
	width:944px;
	text-align:center;
	background:#000;
	}

#nav li a {
	float:left;
	display:block;
	color:#fff;
	background:#000;
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
	padding:10px 28px 10px 28px;
	height:20px;
  transition:0.3s;
	}

#nav ul li a.current {
	color:#000;
	background:#fff;
	}

#nav ul li a:hover {
	color:#fff;
	background:#73CBE8;
	}


/*-----------------------------------------------
H E A D E R
----------------------------------------------- */


#headerHome {
	width:944px;
	height:138px;
	}

#logoHome {
	float:left;
	width:66px;
	padding:69px 0 0 0;
	}

#logoHome img {
	width:66px;
	}

#tagHome {
	float:left;
	padding:83px 0 0 26px;
	font-size:29px;
	}

#tagHome a {
	color:#000;
	}

#linkHome {
	float:right;
	padding:97px 0 0 0;
	font-size:14px;
	font-style:italic;
	}

#header {
	width:944px;
	height:123px;
	}

#logo {
	float:left;
	width:59px;
	padding:59px 0 0 0;
	}

#logo img {
	width:59px;
	}

#tag {
	float:left;
	padding:71px 0 0 22px;
	font-size:26px;
	}

#tag a {
	color:#000;
	}

#link {
	float:right;
	padding:83px 0 0 0;
	font-size:13px;
	font-style:italic;
	}


/*-----------------------------------------------
B G   I M G
----------------------------------------------- */


#bg {
	padding:0;
	margin:0;
	}

#bg .container {
	position:relative;
	}

@keyframes fadein {
  from{ transform:translateX(-20px); opacity:0; }
  to { transform:translateX(0); opacity:1; }
	}

#bg-home {
	background:url( ../i/bg-home.jpg ) center no-repeat, url( ../i/bg-home-side.jpg ) center repeat-x;
	background-size:984px 524px;
	height:524px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-home .tag1 {
	z-index:3;
	font-family:DroidSerif;
	font-size:57px;
	font-style:italic;
	padding:56px 0 393px 40px;
	animation: fadein 2s;
	}

#bg-home .tag2 {
	position:absolute;
	z-index:3;
	font-family:DroidSerif;
	bottom:301px;
	left:100px;
	font-size:93px;
	font-weight:bold;
	animation: fadein 2s;
	}

#bg-home .tag3 {
	position:absolute;
	z-index:3;
	font-family:DroidSerif;
	bottom:237px;
	left:99px;
	font-size:56px;
	font-style:italic;
	animation: fadein 2s;
	}

#bg-home .tag4 {
	position:absolute;
	z-index:3;
	font-family:DroidSerif;
	bottom:233px;
	left:317px;
	font-size:75px;
	font-weight:bold;
	font-style:italic;
	animation: fadein 2s;
	}

#bg-home .tag5 {
	position:absolute;
	z-index:3;
	font-family:DroidSerif;
	bottom:160px;
	left:147px;
	font-size:75px;
	font-weight:bold;
	animation: fadein 2s;
	}

#bg-home .what {
	position:absolute;
	z-index:3;
	bottom:180px;
	left:67px;
	}

#bg-home .what img {
	width:16px;
	height:16px;
	}

#bg-freiheit {
	background:url( ../i/bg-freiheit.jpg ) center no-repeat, url( ../i/bg-freiheit-side.jpg ) center repeat-x;
	background-size:984px 492px;
	height:492px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-freiheit .tag1 {
	text-align:left;
	font-size:29px;
	font-family:DroidSerif;
	padding:79px 0 303px 40px;
	animation: fadein 2s;
	}

#bg-freiheit .tag2 {
	position:absolute;
	text-align:right;
	font-size:16px;
	width:381px;
	bottom:16px;
	right:16px;
	padding:14px 16px;
	background:#fff;
	}

#bg-strategie {
	background:url( ../i/bg-strategie.jpg ) center no-repeat, url( ../i/bg-strategie-side.jpg ) center repeat-x;
	background-size:984px 492px;
	height:492px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-strategie .tag1 {
	text-align:left;
	font-size:33px;
	font-family:DroidSerif;
	padding:48px 492px 329px 87px;
	animation: fadein 2s;
	}

#bg-strategie .tag2 {
	position:absolute;
	text-align:right;
	font-size:16px;
	width:381px;
	bottom:16px;
	right:16px;
	padding:14px 16px;
	background:#fff;
	}


#bg-vorteile {
	background:url( ../i/bg-vorteile.jpg ) center no-repeat, url( ../i/bg-vorteile-side.jpg ) center repeat-x;
	background-size:984px 492px;
	height:492px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-vorteile .tag1 {
	font-size:29px;
	font-family:DroidSerif;
	padding:159px 79px 230px 40px;
	text-align:right;
	animation: fadein 2s;
	}

#bg-vorteile .tag2 {
	position:absolute;
	text-align:left;
	font-size:16px;
	width:381px;
	bottom:16px;
	left:16px;
	padding:14px 18px;
	background:#fff;
	}


#bg-know-how {
	background:url( ../i/bg-know-how.jpg ) center no-repeat, url( ../i/bg-know-how-side.jpg ) center repeat-x;
	background-size:984px 492px;
	height:492px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-know-how .tag1 {
	text-align:left;
	font-size:29px;
	font-family:DroidSerif;
	padding:103px 0 286px 56px;
	animation: fadein 2s;
	}

#bg-know-how .tag2 {
	position:absolute;
	text-align:right;
	font-size:16px;
	width:381px;
	bottom:16px;
	right:13px;
	padding:14px 16px;
	background:#fff;
	}


#bg-fallstudien {
	background:url( ../i/bg-fallstudien.jpg ) center no-repeat, url( ../i/bg-fallstudien-side.jpg ) center repeat-x;
	background-size:984px 492px;
	height:492px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-fallstudien .tag1 {
	font-size:35px;
	font-family:DroidSerif;
	padding:278px 0 90px 135px;
	animation: fadein 2s;
	}

#bg-fallstudien .tag2 {
	position:absolute;
	text-align:right;
	font-size:16px;
	width:381px;
	bottom:16px;
	right:16px;
	padding:14px 16px;
	background:#fff;
	}


#bg-kontakt {
	background:url( ../i/bg-kontakt-190715.jpg ) center no-repeat, url( ../i/bg-kontakt-190715-side.jpg ) center repeat-x;
	background-size:984px 492px;
	height:492px;
	margin:14px auto 0 auto;
	color:#000;
	}

#bg-kontakt .tag1 {
	text-align:left;
	font-size:29px;
	font-family:DroidSerif;
	padding:111px 0 278px 48px;
	animation: fadein 2s;
	}

#bg-kontakt .tag2 {
	position:absolute;
	text-align:right;
	font-size:16px;
	width:381px;
	bottom:16px;
	right:16px;
	padding:14px 16px;
	background:#fff;
	}


/*-----------------------------------------------
O N E
----------------------------------------------- */


#one {
	background:#E2F4FA;
	/*background:rgba(221,221,221,0.2);*/
	padding:30px 0;
	font-family:DroidSerif;
	font-size:16px;
	}

#one a {
	font-size:19px;
	}

#one a {
	transition:0.2s;
	opacity:0.8;
	}

#one a:hover {
	opacity:1;
	}

#one h5 {
	font-size:16px;
	padding:0.5em 0 0.5em 0;
	display:block;
	}

#one input {
	width:333px;
	background:#fff;
	color:#000;
	font-size:16px;
	margin:0;
	padding:6px 8px;
	border:none;
	font-family:DroidSans;
	}

#one .button {
	text-align:center;
	color:#fff;
	background:#000;
	height:29px;
	width:167px;
	border:0;
	padding:6px 8px;
	margin:0;
	font-size:16px;
	cursor:pointer;
	font-family:DroidSans;
	transition:0.3s;
	}

#one .button:hover {
	color:#fff;
	background:#73CBE8;
	height:29px;
	width:167px;
	border:0;
	padding:6px 8px;
	margin:0;
	font-size:16px;
	cursor:pointer;
	font-family:DroidSans;
	}

#one video {
	width:640px;
	height:360px;
	padding:0 0 29px 0;
	}

#one .nlBox {
	float:left;
	width:86px;
	padding:15px 0 15px 15px;
	margin:0 15px 0 0;
	background:#fff;
	font-size:16px;
	font-family:Courier New, Courier, monospace;
	}

#one .nlBoxEnd {
	float:left;
	width:86px;
	padding:15px 0 15px 15px;
	margin:0;
	background:#fff;
	font-size:16px;
	font-family:Courier New, Courier, monospace;
	}

#one .wholeNl {
	font-size:17px;
	font-family:Courier New, Courier, monospace;
	background:#fff;
	padding:40px;
	margin:0 0 20px 0;
	}


/*-----------------------------------------------
T W O
----------------------------------------------- */


#two {
	background:#fff;
	padding:21px 0 8px 0;
	}

#two .container {
	position:relative;
	width:984px;
	margin:0 auto;
	padding:10px 0 10px 0;
	text-align:left;
	}

#more a {
	position:absolute;
	padding:0;
	bottom:29px;
	}

#more img {
	padding:3px 13px 0 0;
	}


/*-----------------------------------------------
T H R E E
----------------------------------------------- */


#three {
	color:#000;
	background:#A29060;
	padding:29px 0 29px 0;
	}

#three .column-seo {
	float:left;
	padding:0 24px 0 0;
	background:url(../i/ico-seo.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-seo a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-seo a:hover,#three .column-seo a.current {
	background:url(../i/ico-seo-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-exp {
	float:left;
	padding:0 24px 0 0;
	background:url(../i/ico-exp.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-exp a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-exp a:hover,#three .column-exp a.current {
	background:url(../i/ico-exp-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-ind {
	float:left;
	padding:0 24px 0 0;
	background:url(../i/ico-individuality.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-ind a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-ind a:hover,#three .column-ind a.current {
	background:url(../i/ico-individuality-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-vip {
	float:left;
	padding:0 24px 0 0;
	background:url(../i/ico-vip.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-vip a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-vip a:hover,#three .column-vip a.current {
	background:url(../i/ico-vip-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-cms {
	float:left;
	padding:0 24px 0 0;
	background:url(../i/ico-cms.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-cms a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-cms a:hover,#three .column-cms a.current {
	background:url(../i/ico-cms-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-upd {
	float:left;
	padding:0 24px 0 0;
	background:url(../i/ico-update.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-upd a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-upd a:hover,#three .column-upd a.current {
	background:url(../i/ico-update-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-free {
	float:left;
	padding:0;
	background:url(../i/ico-freedom.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .column-free a {
	display:inline-block;
	width:64px;
	height:64px;
	}

#three .column-free a:hover,#three .column-free a.current {
	background:url(../i/ico-freedom-high.jpg) no-repeat;
	background-size:64px 64px;
	}

#three .leftHome a {
	font-size:19px;
	color:#fff;
	}

#three .leftHome a:hover {
	font-size:19px;
	color:#73CBE8;
	}

#three .h3 {
	font-size:19px;
	}

#three p {
	padding:14px 0 0 0;
	margin:0 0 0 0;
	}

#three p a {
	color:#fff;
	}

#three p a:hover {
	color:#73CBE8;
	}


/*-----------------------------------------------
F O U R
----------------------------------------------- */


#four {
	background:url(../i/bg-alps.jpg ) center no-repeat, url( ../i/bg-alps-side.jpg ) center repeat-x;
	padding:29px 0;
	font-size:19px;
	}

#four a {
	color:#1D89AD;
  transition:0.2s;
	}

#four a:hover {
	color:#A29060;
	text-shadow:1px 1px 3px #fff;
	text-shadow:-1px -1px 3px #fff;
	text-shadow:1px -1px 3px #fff;
	text-shadow:-1px 1px 3px #fff;
	}


/*-----------------------------------------------
F I V E
----------------------------------------------- */


#five {
	background:#fff;
	padding:29px 0;
	}


/*-----------------------------------------------
S U B N A V
----------------------------------------------- */


.subNav {
	float:left;
	width:262px;
	padding:0 0 29px 32px;
	margin:0;
	}

.subNav ul {
	padding:0 0 0 0;
	margin:0;
	list-style-type:none;
	}

.subNav li a {
	color:#000;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	}

.subNav li a.current {
	color:#1D89AD;
	}

.subNav li a:hover {
	color:#73CBE8;
	}

.subNav h1 {
	padding:0;
	margin:0;
	}


/*-----------------------------------------------
L E F T
----------------------------------------------- */

.leftHome {
float:left;
width:230px;
padding:0 0 15px 32px;
}

.leftHome h3 {
font-size:19px;
font-weight:normal;
font-decoration:none;
padding:0 0 14px 0;
}

.left h3 {
font-size:19px;
font-weight:normal;
font-decoration:none;
padding:0 0 14px 0;
}

.left .know-how {
font-size:19px;
font-weight:normal;
font-decoration:none;
padding:0 0 14px 40px;
}

.left {
float:left;
width:250px;
margin:0;
padding:0 0 1px 40px;
}

.left p {
width:250px;
padding:0;
margin:0;
}

.left img {
	float:left;
	padding:6px 12px 0 0;
	width:16px;
	}


/*-----------------------------------------------
M A I N
----------------------------------------------- */


.mainHome {
	float:left;
	width:640px;
	padding:0 40px;
	}

.mainHome p {
	margin:0;
	padding:0 0 1em 0;
	}

.mainHome img {
	width:186px;
	padding:0 40px 0 0;
	}

.threeColumn {
	left:254px;
	float:left;
	width:610px;
	padding:40px 0 16px 0;
	}

.main {
	float:left;
	width:610px;
	padding:0 40px;
	}

.up {
	float:left;
	width:16px;
	padding:0;
	}

h1 {
	font-size:53px;
	font-family:droidSerif;
	font-weight:normal;
	font-decoration:none;
	padding:0 0 29px 0;
	margin:0;
	}

h2 {
	font-size:29px;
	font-weight:normal;
	font-decoration:none;
	padding:0 0 11px 0;
	margin:0;
	}

h3 {
	font-size:19px;
	font-weight:normal;
	font-decoration:none;
	padding:0 0 20px 0;
	margin:0;
	}

h3 a {
	padding:0 0 14px 0;
		color:#1D89AD;
	}

h3 a:hover {
	padding:0 0 14px 0;
	color:#73CBE8;
	}

h4 {
	font-size:17px;
	font-weight:normal;
	font-decoration:none;
	padding:14px 0 29px 0;
	margin:0;
	}

h4 a {
	}

h5 {
	font-size:16px;
	font-weight:normal;
	font-decoration:none;
	padding:0;
	margin:0;
	font-family:DroidSerif;
	display:inline;
	}

h6 {
	float:left;
	font-size:19px;
	font-weight:normal;
	font-decoration:none;
	padding:0 0 20px 0;
	margin:0;
	}

p {
	padding:0 0 1em 0;
}

.columnHome {
	float:left;
	width:186px;
	padding:0 40px 0 0;
	margin:0;
	}

.columnHome a {
	transition:0.3s;
	opacity:1;
	}

.columnHome a:hover {
	opacity:0.7;
	}

.columnHome img {
	width:186px;
	padding:0 0 0 0;
	}

.column {
	float:left;
	width:176px;
	padding:0 40px 36px 0;
	}

.column a {
	transition:0.3s;
	opacity:1;
	}

.column a:hover {
	opacity:0.7;
	}

.column img {
	width:176px;
	padding:0 0 4px 0;
	}

.columnNopad {
	float:left;
	width:176px;
	padding:0 0 36px 0;
	}

.columnNopad img {
	width:176px;
	padding:0 0 4px 0;
	}

.big {
	width:436px;
	padding:10px 0 10px 40px;
	}

.full {
	padding:0 0 11px 0;
	width:627px;
	}

.full img {
	padding:0 0 10px 0;
	}

.tagHome {
	font-size:11px;
	}

.tag {
	font-size:12px;
	float:right;
	}


/*-----------------------------------------------
C O N T A C T   F O R M   I N P U T
----------------------------------------------- */


#two form {
	padding:14px 0 14px 0;
	}

#contactCont {
	padding:14px 0 14px 282px;
	}

#contactContSmall {
	display:none;
	}

#contact .key {
	float:left;
	width:175px;
	font-size:16px;
	padding:4px 16px;
	margin:4px 0;
	text-align:right;
	}

#contact .alert {
	background:#c00;
	color:#fff;
	}

#contact .val input, #contact .val textarea {
	float:left;
	width:286px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:none;
	font-size:16px;
	margin:4px 0;
	padding:4px 4px;
	}

#contact .val textarea {
	width:377px;
	background:none;
	border:1px solid #aaa;
	margin:4px 0;
	padding:4px 4px;
	}

#contact .val input:hover, #contact .val input:focus, #contact .valXS input:hover, #contact .valXS input:focus, #contact .valS input:hover, #contact .valS input:focus, #contact .valM input:hover, #contact .valM input:focus {
	float:left;
	border:none;
	border:1px solid #000;
	color:#000;
	background:none;
	font-size:16px;
	margin:4px 0;
	padding:4px 4px;
    }

#contact .val textarea:hover, #contact .val textarea:focus {
	float:left;
	color:#000;
	background:none;
	font-size:16px;
	margin:4px 0;
	padding:4px 4px;
	border:1px solid #000;
    }

#contact input.button {
	margin:16px 0 8px 0;
	padding:6px 6px 6px 6px;
	color:#fff;
	background:#000;
	border:none;
	width:135px;
	transition:0.3s;
	}

#contact input.button:hover {
	margin:16px 0 8px 0;
	padding:6px 6px 6px 6px;
	color:#fff;
	background:#73CBE8;
	border:none;
	width:135px;
	}

#contact .commLeft {
	float:left;
	font-size:16px;
	padding: 7px 8px 0 0;
	margin:0;
	}

#contact .commRight {
	float:left;
	font-size:16px;
	padding: 7px 0 0 8px;
	margin:0;
	}


/*-----------------------------------------------
F O O T E R
----------------------------------------------- */


#footerBig {
	display:block;
	}

#footerSmall {
	display:none;
	}

#footer {
	padding:29px 0;
	background:#000;
	box-shadow:0px 400px 0px 400px #000;
	}

#copyYear {
	float:left;
	color:#ccc;
	width:127px;
	font-weight:normal;
	}

#copyAddress {
	float:left;
	color:#ccc;
	width:381px;
	}

#copyAddress a {
	color:#ccc;
	}

#copyAddress a:hover {
	color:#73CBE8;
	}


#copy {
	float:left;
	width:476px;
	font-size:16px;
	color:#fff;
	}

#copy ul {
	float:left;
	color:#fff;
	padding:4px 0 40px 40px;
	margin:0;
	list-style-type:none;
	}

#copy li a {
	color:#fff;
	font-size:16px;
	text-decoration:none;
	}

#copy li a:hover,#copy li a.current {
	color:#73CBE8;
	}