/*
#44A2CF
#067EB7
#045B84
#122B37
#022637
#0693D8
*/

@font-face {
    font-family: 'JustVector';
    src: url('font/justvectorv2-webfont.eot');
    src: url('font/justvectorv2-webfont.eot?#iefix') format('eot'),
         url('font/justvectorv2-webfont.woff') format('woff'),
         url('font/justvectorv2-webfont.ttf') format('truetype'),
         url('font/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;
}
.jv {font-family: 'JustVector'; text-shadow: 0 0 1px black; font-size: 36px; line-height: 22px;}
@font-face {
	font-family: 'Novecentowide-DemiBold';
	src: url('font/262991_2_0.eot');
	src: url('font/262991_2_0.eot?#iefix') format('embedded-opentype'),
	url('font/262991_2_0.woff') format('woff'),
	url('font/262991_2_0.ttf') format('truetype');
}
html, body {
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0; 
	font-family: verdana;
	font-family: 'Open Sans';
}
html {
	background: url(images/pixel-white.png);
}
#stepcounter {color: transparent; position: absolute; top: 0;}
#background {
	padding-top: 1px;

	background-image: -webkit-linear-gradient(top, #d2d2d2 0%, #b2b2b2 100%);
	background-image: -moz-linear-gradient(top, #d2d2d2 0%, #b2b2b2 100%);
	background-image: -o-linear-gradient(top, #d2d2d2 0%, #b2b2b2 100%);
	background-image: -ms-linear-gradient(top, #d2d2d2 0%, #b2b2b2 100%);
	background-image: linear-gradient(top, #d2d2d2 0%, #b2b2b2 100%);
	background: url(images/pixel-white.png);
	background-repeat: repeat;
	amargin-bottom: 60px;
	
}

a {color: black; text-decoration: none;}
a img {border: none;}
body.scrollpath {overflow: hidden;}
h1,h2, h3 {
	margin: 0; 
	font-family: 'Ubuntu', sans-serif;
	atext-transform: uppercase;
}
.underline {text-decoration: underline;}
.bold {font-weight: bold};
.italic {font-style: italic}
.clear {clear: both;}

.ubuntu {font-family: 'Ubuntu', sans-serif}
.openSans {font-family: 'Open Sans', sans-serif}
.w300 {font-weight: 300;}
.bubble .low-part {text-align: justify;}
.content {
	left: 50%;
	width: 1210px;
	margin-left: -605px;
	height: 100%;
	padding-bottom: 30px;
}
.footer .content {position: relative;}
.content.body {
	position: absolute;
	abackground: #fff;
	abox-shadow: 0 0 4px #000;
}
.footer .large-logo {
	width: 304px;
	margin: 20px 0px;
}
.footer .large-logo:first-child {margin-right: 50px;}
.footer .logo-container {margin: 0 auto; width: 663px;}

a[href='index.php?cat=consulting&page='], a[href='index.php?cat=Software&page='], a[href='index.php?cat=Technology&page='] {opacity: 0.2}
body.page .body {min-height: 100%; height: auto; position: relative;margin-top: 80px;}
body.scrollpath .content.body {background: none; box-shadow: none;}
body.scrollpath .footer {display: none;}
.footer {
	box-shadow: 0 2px 6px 0px black inset;
	min-height: 350px;
	width: 100%;
	color: white;
	text-shadow: 1px 1px black;
	padding-bottom: 20px;
}
.footer-item {
	float: left;
	width: 360px;
	border-left: 1px solid #f2f2f2;
	height: 300px;
	padding: 10px 20px;
	margin-top: 10px
}
.footer-item a {color: #ccc;}
.footer-item a:hover {color: #fff}
.footer-item p {margin: 10px 0;}
.footer-item p:first-child, .item p:first-child {margin-top: 0;}
.footer-item:first-child {border: none}
.footer-item i, .empty-icon,.col i {
	width: 30px;
	display: inline-block;
	text-align: center;
}
#breadcrumbs {
	height: 42px;
	margin: 10px 0px;
	background: #eee;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 4px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 4px 2px rgba(0,0,0,0.2);
}
.first-bc {	display: inline;}

.bc {
	position: relative;
	margin: 0 35px 0 0;
	padding: 10px 15px 10px 25px;
	top: 10px;
	margin-left: -25px;
}
.bc:hover {text-decoration: underline;}
.first-bc .bc {
	margin-left: 30px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.bc:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.footer-item img {
	height: 1.5em;
	position: absolute;
	margin-top: -0.25em
}
#breadcrumbs img {
	height: 2em;
	position: absolute;
	margin-top: 0.25em;
	margin-left: .5em;
}
#meta {
	position: absolute;
	/*left: -35px;*/
	width: 270px;
	atop: 20px;
}
#meta li {
	float: left; 
	margin: 8px 12px;
}
#menu-container { 
	position: fixed; 
	left: 50%;
	top: 5px;
	z-index: 20; 
	width: 1212px; 
	margin-left: -606px;
	amargin: 0 auto;
	font-family: 'verdana';
	border-radius: 8px;
}

#top-bar {
	position: relative;
	border: solid 1px #122B37;
	border-left: none;
}
#top-bar, #corner, .buffer,#end {
	border: solid 1px #122B37;
	height: 50px;
	display: inline-block;
}
.buffer {display: none;}
#low-bar {
	display: inline-block;
	height: 90px;
	width: 160px;
	margin: -5px 0 0 0;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border: solid 1px #122B37;
	border-top: none;
	-webkit-box-shadow: 1px -1px 1px rgba(255,255,255,0.8) inset, 1px 2px 3px rgba(0,0,0,0.2);
	box-shadow: 1px -1px 1px rgba(255,255,255,0.8) inset, 1px 2px 3px rgba(0,0,0,0.2);
}
#top-bar, .buffer, #end {border-left: none;}
#top-bar, .buffer, #corner {border-right: none; }
#corner {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-color:  #122B37;
	width: 90px;
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset;
}
#low-bar {width: 160px; margin-left: 0px; display: none;}
#logo3 {
	width: 40px;
	display: block;
	margin: 6px auto;
}
.team { display: block; margin: 0 auto; width: 75% }
.efre {display: block; margin: 35px auto;}
.buffer, #end{
	width: 30px;
	width: 55px;
	position: relative;
}
#end {
	width: 280px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-box-shadow: -1px 1px 1px rgba(255,255,255,0.8) inset, 1px 2px 3px rgba(0,0,0,0.2);
	box-shadow: -1px 1px 1px rgba(255,255,255,0.8) inset, 1px 2px 3px rgba(0,0,0,0.2);
}
#end .white-shadow {border-top-right-radius: 8px;}
.white-shadow {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 0;
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,0.8) inset;
	box-shadow: -1px -1px 1px rgba(255,255,255,0.8) inset;
}
.black-shadow {
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: 0;
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
}


#low-bar img {
	width: 120px;
	margin: -40px 20px 0;
}

#logo2 {
	width: 200px;
	display: block;
	margin: 0px auto;
}
#tag-line {
	opacity: 0;
	display: inline-block; 
	width: 740px;
	color: #03496A;
	font-family: 'Novecentowide-DemiBold';
	abackground: #333;
	padding-bottom: 20px;
	atext-shadow: 1px 1px black;
	  -webkit-transition: all 0.35s ease-out;  
     -moz-transition: all 0.35s ease-out;  
       -o-transition: all 0.35s ease-out;  
          transition: all 0.35s ease-out; 
}
.active #tag-line {opacity: 1;}
#tag-line h1 {
	margin: 0 0 0 30px;
}
nav {
	float: left;
	position: relative;
	left: -100px;
}
#menu-leiste {
	position: relative;
	width: 100%;
	margin-left: 120px;
	margin-left: 100px;
	border-bottom: #000;
	height: 50px;
	border-top-left-radius: 8px;
}
#fake-1, #fake-2 {background: #122B37;z-index: 7;width: 12px;}
#fake-1 {
	left: 0px;
	border-top-left-radius: 8px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
}
#fake-2 {
	left: 650px;
	left: 680px;
	border-top-right-radius: 8px;
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.3) inset;
	box-shadow: -1px 1px 1px rgba(0,0,0,0.3) inset;
}

#fake-3 {
	left: 10px;
	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.3) inset;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.3) inset;
	z-index: 7;
}
#shadow-left {
	 -webkit-box-shadow: -1px 0px 1px rgba(0,0,0,0.2),0px 2px 0px rgba(0,0,0,0.3) inset;
	box-shadow: -1px 0px 1px rgba(0,0,0,0.2),0px 2px 0px rgba(0,0,0,0.3) inset;
	position: absolute;
	left: 1px;
	height: 100%;


}
#shadow-right {
	 -webkit-box-shadow: 1px 0px 1px  rgba(0,0,0,0.2),0px 2px 0px rgba(0,0,0,0.3) inset;
	box-shadow: 1px 0px 1px  rgba(0,0,0,0.2),0px 2px 0px rgba(0,0,0,0.3) inset;
	position: absolute;
	right: 1px;
	height: 100%;

}

.fake {
	position: absolute;
	height: 21px;
	top: 30px;
	  -webkit-transition: all 0.35s ease-out;  
     -moz-transition: all 0.35s ease-out;  
       -o-transition: all 0.35s ease-out;  
          transition: all 0.35s ease-out; 
}

#untermenu-container {
	position: absolute;
	bottom: -2px;
	left: 10px;
  -webkit-transition: all 0.35s ease-out;  
     -moz-transition: all 0.35s ease-out;  
       -o-transition: all 0.35s ease-out;  
          transition: all 0.35s ease-out; 
}
#untermenu-container, #fake-3 {width: 640px; width: 670px;}
#untermenu {
	position: relative;
	height: 0px;
	width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out; 
}
#untermenu, #fake-3 {
	background: #034A6A;
}
#leiste {
	position: relative;
	z-index: 10;
	height: 20px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	left: -10px;
	border-radius: 2px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: solid 1px #122B37;
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);

}
.dunkler-gradient {
	background: #14c1ff;
	background: #045984;
	background-image: -webkit-linear-gradient(bottom, rgb(18,43,55) 0%, rgb(4,89,132) 58%);
	background-image: -moz-linear-gradient(bottom, rgb(18,43,55) 0%, rgb(4,89,132) 58%);
	background-image: -o-linear-gradient(bottom, rgb(18,43,55) 0%, rgb(4,89,132) 58%);
	background-image: -ms-linear-gradient(bottom, rgb(18,43,55) 0%, rgb(4,89,132) 58%);
	background-image: linear-gradient(bottom, rgb(18,43,55) 0%, rgb(4,89,132) 58%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#045984', endColorstr='#122B37');
	zoom: 1;
}
.heller-gradient {
	background: white;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e9e9), to(#eee));
	background-image: -webkit-linear-gradient(#e9e9e9 0%, #eee 100%);
	background-image: -moz-linear-gradient(#e9e9e9 0%, #eee 100%);
	background-image: -o-linear-gradient(#e9e9e9 0%, #eee 100%);
	background-image: linear-gradient(#e9e9e9 0%, #eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#eeeeee');
	zoom: 1;
}
#menu-leiste:hover #leiste {

}
#menu-leiste:hover #untermenu-container {
	bottom: -113px;
}
#menu-leiste:hover #untermenu {
	height: 110px;
}
#menu-leiste:hover #fake-1 {
	 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset,0px 3px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset,0px 3px 3px rgba(0,0,0,0.1);
}
#menu-leiste:hover #fake-2 {
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.3) inset,0px 3px 3px rgba(0,0,0,0.1);
	box-shadow: -1px 1px 1px rgba(0,0,0,0.3) inset,0px 3px 3px rgba(0,0,0,0.1);
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#start {width: 120px;}
#consulting {width: 205px;}
#hardware {width: 205px;  width: 225px;}
#software {width: 190px;}
.nav-item {
	display: inline-block;
	margin: 8px 0px;
}
.nav-item a {	color: #ddd; text-shadow: 1px 1px black; font-weight: bold}
.nav-item:hover a{	color: #69B3D6; }

.subsub-item {margin-left: 10px;}
.subsub-link {color: #bbb;}
.subsub-item:hover  .subsub-link {color: #fff;}
					.subnav-link {color: #fff;}
.subnav-item:hover  .subnav-link {color: #44A2CF;}

.subsub-link.active       {color: #44A2CF;}
.subsub-link.active:hover {color: #44A2CF;}
.subnav {
	padding: 0;
	min-width: 100px;
	margin: 0px 10px;
	float: left;
	padding-top: 20px;
	color: white;
	text-shadow: 1px 1px black;
}

.subnav-item {
	display: block;
}
.points {
	width: 80px;
	margin: 10px auto;
}
.point {
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	border-radius: 50%;
	cursor: pointer;
	background: #eee;
	box-shadow: 1px 1px 2px #000 inset;
	border: 1px solid #bbb;
}
.point:hover {background: #067CB7;box-shadow: none}
.point.active {
	background: #067CB7;
	box-shadow: -1px -1px 2px #fff;
	border: 1px solid #067CB7;
}
.item {
	float: left;
	position: relative;
	margin-left: 37px;
	margin-bottom: 25px;
	width: 270px;
	border-radius: 4px;
		z-index: 1;
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 4px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 4px 2px rgba(0,0,0,0.2);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.left .main.item {float: right;}
.small-items .padder {padding: 10px;}

.left .small-items.text .item {
	margin-left: 0;
	margin-right: 37px;
	margin-right: 20px;
	float: right;
}
.small-items .item.small-dia {height: 150px;}
.item:last-child {
	margin-right: 0;
	margin-bottom: 0px;
}
.item.big {
	margin: 0;
	display: block;
	width: 900px;
	height: 500px;
}
.item-box {margin: 20px 0;}
.item-bot {
	border-top: solid 1px #0693D8;
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	font-size: 1.4em;
	background: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4) inset;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.4) inset;
}
.item.main, .edit .chapter {
	margin: 0;
	display: block;
	width: 917px;
	min-height: 500px;

}

.veil {
	width: 100%;
	height: 100%;
	background: #bbb;
	position: absolute;
	z-index: 100
}
.veil img {
	width: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 30%;
	margin-top: -50px;
}
.loading .item.main, .loading .item.big {
	opacity: 0.5;
}
.loader {
	position: absolute;
	height: 100px;
	width: 100px;
	margin-top: 200px;
	left: 50%;
	margin-left: -50px;

}
.loader img {
	width: 100px;
	height: 100px;
}
.loading .loader {
	opacity: 1;
	display: block;
	z-index: 10;
}
.item.main.full {width: 1210px;}
.item.main .padder {	padding: 20px;}
.item h2 {font-size: 16px; line-height: 22px; margin-bottom: 4px; clear: both;}
.item a {color: #0693D8;}
.item .paragraphs-container {
	float: right;
	width: 544px;
	border-right: 1px solid #bbb; 
	padding-right: 15px;
	margin-right: -1px;
}
#referenzen  {float: none;}
.item.full .paragraphs-container{
	width: 730px;
}
.paragraphs-container.single {width: 100%;}
.paragraphs-container li {font-size: 14px;}

.paragraphs-container .ref-wrapper {afloat: left; margin-right: 10px; margin-bottom: 1px;}
.ref-wrapper img {
	padding: 5px;
	width: 200px;
	background: #eee;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);

}
.ref-wrapper:hover img {box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);}
.paragraphs-container ul, .low-part ul {list-style: square; padding-left: 25px;}
.main.item p  {margin-top: 1px; text-align: justify; font-size: 14px;}
.main .side {
	float: right; 
	width: 315px;  
	padding-left: 10px;
	border-left: 1px solid #bbb; 
}
.main.full .side {width: 410px;}
.main .side h3 {
	margin-bottom: 1em;
}



img.in-p {
	max-width: 100%;
	margin: 0 auto 20px auto;
	display: block;
}
img.in-p.portrait {width: 275px;} 
div.in-p {
	padding-top: 10px;
	text-align: justify;
	overflow: hidden;
		  -webkit-transition: all 0.35s linear;  
     -moz-transition: all 0.35s ease-out;  
       -o-transition: all 0.35s ease-out;  
          transition: all 0.35s ease-out; 
}
.bank {
	position: fixed;
	top: 100px;
	left: 40%;
	width: 300px;
	padding: 30px;
	z-index: 1000;
	box-shadow: 0 0 3000px 200px rgba(0,0,0,0.3);
}

div.in-p:first-child {padding-bottom: 10px; border-bottom: 1px solid #bbb; }
 div.in-p.contact {border-bottom: 1px solid #bbb;}
 div.in-p.contact {border-bottom: none;}
.detail-switch {cursor: pointer;}
.side .details {height: 0; overflow: hidden;}
.side.show-details .details {height: auto;}
.side.show-details .contact {}
.side.show-details .refs {} 

.refs {	border-top: 1px solid #bbb;}
.refs.downunder h3 { margin: 1em 0;} 
.refs.downunder .ref-wrapper {float: left;}

.ref-wrapper { margin-right: 15px;}
.ref-wrapper.last {margin-right: 0;}

.fleft .details, .fleft img {float: left;}
.fright .details, .fright img {float: right;}
.fleft .details, .fright .details { margin:0 20px;}
img.no-float {float: none;margin-bottom: -4px;}
.dia-1.dia {top: -100%;		background-image: url(images/900_lamps.jpg);}
.dia-4.dia {left: -100%;	background-image: url(images/900_cubes.jpg);}
.dia-2.dia {right: -100%;	background-image: url(images/900_cloud.jpg);}
.dia-3.dia {bottom: -100%;  background-image: url(images/900_guys.jpg);}

.dia-1.dia.active {top: 0;	}
.dia-4.dia.active {left: 0;}
.dia-2.dia.active {right: 0;}
.dia-3.dia.active {bottom: 0; }

.item-bot, .item-bot h1 {text-align: center; color: white}
.window {
	display: block;
	position: relative;
	overflow: hidden;	
    width: 100%;
	height: 100%;
	background: #f2f2f2;
	border: solid 1px #122B37;
	border-radius: 4px;
}

.dia {
    width: 100%;
	height: 100%;
	position: absolute;
			  -webkit-transition: all 2.35s ease-out;  
     -moz-transition: all 0.35s ease-out;  
       -o-transition: all 0.35s ease-out;  
          transition: all 0.35s ease-out; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	cursor: pointer;
}
.big .dia {cursor: default;}

.overlay {
	padding: 20px;
	background: rgba(0,0,0,0.4);
	color: white;
	border-bottom: solid 1px #0693D8;
}
.overlay-text a {color: white; text-decoration: underline;}
.path-stop-container {	position: absolute;}
.iconcontainer {
	width: 100px;
	z-index: 15;
	position: relative;
}
.iconcontainer.right-icon {	float: right;margin-top: 100px;}
.iconcontainer.left-icon {  float: left;margin-top: 100px;}
.iconcontainer.top-icon {margin-bottom: 50px; margin-left: 215px}
.iconcontainer.bottom-icon {margin-top: 40px; margin-left: 215px}

.icon-blue{
	color: #0679B7;
}
.icon-stack-base2 {
	overflow: hidden;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 1px solid #122B37;
	-webkit-box-shadow: 0 0 5px black;
	box-shadow: 0 0 5px black;
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.8) inset;
	background: #0679B7;
	background: #045A84;
	background-image: -webkit-linear-gradient(bottom, rgb(4,89,132) 0%, rgb(6,124,183) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(4,89,132) 0%, rgb(6,124,183) 100%);
	background-image: -o-linear-gradient(bottom, rgb(4,89,132) 0%, rgb(6,124,183) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(4,89,132) 0%, rgb(6,124,183) 100%);
	background-image: linear-gradient(bottom, rgb(4,89,132) 0%, rgb(6,124,183) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#067CB7', endColorstr='#045984');
zoom: 1;*/

}
.bubble .highlight, .add-on .highlight, .item .highlight, span.highlight, a.high-light{ color: #0693D8 }

.bubble, .add-on {
	position: relative;
	border-radius: 8px;
	color: #0693D8;
	color: #444;
	height: 400px;
    box-shadow: 0 0 2px 1px rgba( 1, 1, 1, .4 );
    z-index: 1;

    	-webkit-transition: 1.5s all ease-in;
	-moz-transition: 1s all ease-in;
	-o-transition: 1s all ease-in;
	-ms-transition: 1s all ease-in;
	transition: 1s all ease-in;
		background: #e9e9e9;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e9e9), to(#eee));
	background-image: -webkit-linear-gradient(#e9e9e9 0%, #eee 100%);
	background-image: -moz-linear-gradient(#e9e9e9 0%, #eee 100%);
	background-image: -o-linear-gradient(#e9e9e9 0%, #eee 100%);
	background-image: linear-gradient(#e9e9e9 0%, #eee 100%);

}
.path-stop-container li a {
	color: #0693D8;
	text-decoration: underline;
}
.bubble {width: 480px;	}
.bubble h1 {
	text-align: center;
	afont-family: 'Novecentowide-DemiBold';
	font-size: 1.5em;
	color: black; 
	text-shadow: 1px 1px  rgba( 1, 1, 1, .3 ); 
}
.bubble::before, .bc::before {
    background-color: #eee;
    content: "\00a0";
    display: block;
    height: 40px;
    position: absolute;
    width:  40px;
    transform:             rotate( 45deg ) skew( 0deg );
        -moz-transform:    rotate( 45deg ) skew( 0deg );
        -ms-transform:     rotate( 45deg ) skew( 0deg );
        -o-transform:      rotate( 45deg ) skew( 0deg );
        -webkit-transform: rotate( 45deg ) skew( 0deg );
}
.bc::before {
	height: 29px;
	width:  29px;
	border-top: 1px solid rgba(0,0,0,0.4);
	border-right: 1px solid rgba(0,0,0,0.4);
	top: 6px;
	right: -15px;
	background: transparent;
}
.bc:hover::before {border-width: 2px;}
.bc:last-child:before {content: none;}
 .col.wide {width: 440px;}
.bubble.main .low-part, .bubble.main .high-part  {width: 450px;}

.high-part {
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #eee;
	padding: 10px 15px;
} 
.second-heading {font-size: 22px;}
.low-part {
	padding: 20px 15px 10px 15px;
	border-top: 1px solid #ddd;
	position: relative;
}
.low-part h4 {margin-top: 20px; text-align: center;}
.low-part.justa {text-align: justify;}
.col {
	float: left;
	padding-left: 10px;
}
.col.half {
	width: 45%;
}
.col.first {
	border-right: 1px solid #bbb
}
.col.wide {
	margin-top: 10px;
	border-top: 1px solid #bbb;
}
.col a {color: #0693D8;}
.small-items .low-part {padding: 10px}
.small-items .high-part{padding: 7px;}
.small-items h3 {text-align: center;}
.hidden {display: none;}
.high-part:before {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	bottom: 0px;
	width: 90%;
	height: 5%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	left: 5%;
}
.right-triangle .high-part {min-height: 200px;}
.left-triangle {float: right; margin-left: 50px;}
.left-triangle::before {
	top: 130px;
    box-shadow: -1px 1px 2px 0 rgba( 1, 1, 1, .4 );
    left: -20px;         
}
.right-triangle{float: left; margin-right: 50px;}
.right-triangle::before {
	top:  130px;
    box-shadow: 1px -1px 1px 0 rgba( 1, 1, 1, .4 );
    right: -20px;   
}
.top-triangle::before {
	top: -20px;
	left: 50%;
    box-shadow: -1px -1px 1px 0 rgba( 1, 1, 1, .4 );  
}
.bottom-triangle::before {
	bottom: -20px;
	left: 50%;
    box-shadow: 1px 1px 1px 0 rgba( 1, 1, 1, .4 );  
}
.inactive .bubble {opacity: 0;}
.active .bubble, .active .add-on {
	opacity: 1;
}
.bubble.main {display: inline-block;}
.add-on {
	opacity: 0.01;
	position: absolute;
	top: 0;
	width: 300px;
	height: 400px;

}
		.add-on.left {	left: 0;}
.active .add-on.left {	left: -310px;}

		.add-on.right {	right: 0;}
.active .add-on.right {	right: -310px;}

.path-stop-container:nth-child(2) {	left: -180px;	top: -100px;}
.path-stop-container:nth-child(3) {	left: -180px;	top: 450px;	}
.path-stop-container:nth-child(4) { left: 850px;	top: 540px;}
.path-stop-container:nth-child(5) { left: 1850px;	top: 540px;}
.path-stop-container:nth-child(6) { left: 2850px;	top: 540px;}
.path-stop-container:nth-child(7) {	left: 3850px;	top: 540px;	}
.path-stop-container:nth-child(10) {left: 4850px; 	top: 540px;	}
.path-stop-container:nth-child(11) {left: 120px;	top: -375px;} 

.ninty-deg {
		-webkit-transform: rotate(90deg) translateY(2.5em);
	-moz-transform: rotate(90deg) translateY(2.5em);
	-o-transform: rotate(90deg) translateY(2.5em);
	-ms-transform: rotate(90deg) translateY(2.5em);
	transform: rotate(90deg) translateY(2.5em);
}

.minus-ninty-deg {
		-webkit-transform: rotate(-90deg) translateY(2.5em);
	-moz-transform: rotate(-90deg) translateY(2.5em);
	-o-transform: rotate(-90deg) translateY(2.5em);
	-ms-transform: rotate(-90deg) translateY(2.5em);
	transform: rotate(-90deg) translateY(2.5em);
}

.sp-canvas-start {
	opacity: 0;
}
.sp-scroll-bar {
	position: fixed;

	z-index: 9999;
	right: 0;
	top: 5%;
	width: 15px;
	height: 90%;
	border-radius: 5px;
}

.sp-scroll-bar:hover {
	background: white;
	background: rgba(255,255,255, 0.1);
}

.sp-scroll-bar .sp-scroll-handle {
	position: absolute;
	width: 100%;
	height: 50px;
	border-radius: inherit;
	background: #045A84;
}

/**********************************EDIT*************************/
.edit textarea {
	width: 500px;
	height: 150px;
}

.edit input[type='text'] {
	width: 500px;
}
.edit input[type='text'] { 
	width: 250px;
}
.edit .chapter {
 margin-bottom: 30px;
 padding: 20px;
 min-height: 0px;
 width: 650px;
}
.edit .chapter.viertel {
	width: 250px;
	float: left;
	margin-right: 20px;
}
.edit .chapter.viertel.last {
	margin-right: 0;
}
.edit .chapter.halb {
	width: 530px;
	margin-right: 20px;
	float: left;
}


@media all and (max-width: 1250px) {

	#small-items {
		display: none;
	}
	.content, #menu-container {
		width: 960px;
		margin-left: -480px;
	}
	.item.main {
		width: 960px
	}

	.footer-item {
		width: 279px;
	}
	nav {left: -40px;}
	#start, #start-dummy {width: 60px;}
	#corner {width: 10px;}
	#logo3 {display: none;}
	#end {width: 228px;}
	#menu-leiste {margin-left: 40px;}
	#meta li {margin: 8px 6px;}

	.item.big {
		width: 960px;
		margin-bottom: 20px;
		
	}

	.right-triangle {margin-right: 35px;}
	.left-triangle  {margin-left:  35px;}

	.path-stop-container:nth-child(2),
	.path-stop-container:nth-child(3) {	left: -95px;}

	.bubble {width: 410px; font-size: 0.9em}
	.bubble.main .high-part,
	.bubble.main .low-part  {width: 380px}
	.efre {width: 100%;}

	.active .add-on.right {right: -260px}
	.active .add-on.left {left: -260px}
	.add-on {width: 250px;}
	.add-on h2 {font-size: 1.2em}

	.iconcontainer.bottom-icon {margin-left: 175px;}



	.main.full .side {width: 334px;}
	.item.full .paragraphs-container {width: 570px;}
	img.in-p.portrait {width: 205px}







	#contact-form input, #contact-form select, #contact-form textarea
	 {	width: 324px;}
	 #contact-form #submit-button {width: 335px;}



}