/* Font Definition */ 
/* ------------------------------------------------------------------------------------------------------ */ 
@font-face {
    font-family: 'roboto';
    src: url('/font/Roboto-Medium.eot');
    src: url('/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('/font/Roboto-Medium.woff') format('woff'),
         url('/font/Roboto-Medium.ttf') format('truetype'),
         url('/font/Roboto-Medium.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('/font/Roboto-Light.eot');
    src: url('/font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('/font/Roboto-Light.woff') format('woff'),
         url('/font/Roboto-Light.ttf') format('truetype'),
         url('/font/Roboto-Light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('/font/roboto-Bold.eot');
    src: url('/font/roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('/font/roboto-Bold.woff') format('woff'),
         url('/font/roboto-Bold.ttf') format('truetype'),
         url('/font/roboto-Bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*General*/
h1, h2{
	font-family:robotobold,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}
hr{
	border-width:2px;
}
a, a:hover, a:focus {
	color: #0097d7;
}
.content{
	z-index:1;
	position:relative;
	padding:30px 15px 30px 15px;
}
html {
	height:100%;
}
body {
	background-color: #fff;
    border-top: 10px solid #0097d7;
    color: #999999;
	font-family:robotolight, Arial, Helvetica, sans-serif;
	font-size:18px;
	height:100%;
}

#page980 {
    margin: 0 auto;
    min-height: 100%;
	/*gleich viel Pixel wie #Done-Höhe*/
	margin-bottom:-185px;
}
#page980:after {
  content: "";
  display: block;
}
.container {
	max-width:1010px;
	width:100%;
}
#FB {
    position: absolute;
    right: 0;
    top: 124px;
    z-index: 15;
	width:49px;
	text-align:right;
}
#FB img {
	height:46px;
}
#FB a {
	display:inline-block;
	margin-bottom:10px;
	transition:opacity 200ms linear;
}
#FB a:hover,
#FB a:focus {
	opacity:0.8;
	transition:opacity 200ms linear;
}
iframe {
	max-width:100%;
	width:520px;
	height: 1700px;
}
/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar-default {
	background-color:#FFF;
	border:none;
	font-family:roboto, Arial, Helvetica, sans-serif;
}
.nav,
.navbar {
	border-radius:0;
	min-height:0;
	z-index:5;
	margin-top:0;
	margin-bottom:0;
}
.navbar-nav {
	text-transform:uppercase;
}
.nav > li {
	border-top:1px solid #E7E7E7;
}
.nav > li.active,
.nav > li:hover,
.nav > li.focus {
	background-color: #0097D7;
}
.nav > li:first-child {
	border:none;
}
.nav > li > a {
	box-shadow:none;
	font-size:25px;
	line-height: 25px;
    padding: 9px 28px;
    white-space: nowrap;
	width:auto;
}
.navbar-default .navbar-nav > li > a {
	color:#0097d7;
	background-color:transparent;
}
.navbar-default .navbar-nav > li:hover > a {
	color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	color: #FFF;
	background-color:transparent;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
	background-color:transparent;
}
/*Navi Level 2*/
ul.dropdown-menu {
	display:block;
	position:static;
	margin-left:28px;
}
.navbar-nav > li > .dropdown-menu {
	font-size:18px;
	border-radius:0;
	border:none;
	background-color:transparent;
	box-shadow:none;
	float:none;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
	border:none;
}
.dropdown-menu > li {
	display:inline-block;
}
.dropdown-menu > li > a {
	color: #0097D7;
	background-color:transparent;
}
.active .dropdown-menu > li > a,
.dropdown:hover .dropdown-menu > li > a,
.dropdown:focus .dropdown-menu > li > a {
	color:#FFF;
}
.dropdown:hover .dropdown-menu > li > a:hover, 
.dropdown:focus .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.active .dropdown-menu > .active > a,
.active:hover .dropdown-menu > .active > a { 
    background-color: #FFF;
    color: #0097D7;
}
.navbar-toggle {
	float:left;
	margin-top:0;
	margin-left:15px;
	margin-bottom:10px;
	padding:11px;
	border:none;
	border-radius:7px;
}
.navbar-default .navbar-toggle {
	background-color:#B2B2B2;
	margin-left:-6px;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color:#ddd;
}
.navbar-toggle .icon-bar {
	height:3px;
	width:24px;
	border-radius:2px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#FFF;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:7px;
}
/**************************************************************************************
  header
**************************************************************************************/
header {
	background:url(../images/background.jpg) repeat-x center top;
}
#Top {
    margin-bottom: 0;
}
#nav-service {
    display: block;
    font-family: robotolight,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:17px;
    list-style: outside none none;
    width: 100%;
	margin-bottom:0;
}
#nav-service li {
    float: right;
    padding: 7px 16px 1px 0;
    width: auto;
}
#nav-service a {
    color: #818285;
}
#Logo {
    background: url("../images/line.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 90px;
    padding-top: 22px;
	padding-left:15px;
	padding-right:15px;
    text-align: center;
	margin:0 -15px;
}
#Logo img {
	display:inline;
}
#Header {
	height:428px;
}
.carousel item{
	max-height:250px;
	overflow:hidden;
}
/*
.carousel-inner,
.carousel-inner > .item {
	position:static;
}
*/
.carousel-indicators li {
	background-color:#B7B7B7;
	border:2px solid #B7B7B7;
}

.carousel-indicators .active {
	background-color:#434648;
}
.carousel-caption {
	background-color:rgba(255, 255, 255, 0.8);
	left:0;
	right:0;
	bottom:0;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size:15px;
	line-height:28px;
	color:#0097D7;
	text-align:left;
	text-shadow:none;
	text-transform:uppercase;
	padding:10px 70px 10px 15px;
}
.carousel-indicators {
	left:auto;
	right:0;
	bottom:4px;
	margin-left:0;
	padding-right:15px;
	text-align:right;
	width:auto;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%;
}
/**************************************************************************************
  Content Ansicht
**************************************************************************************/
p, .ptext, .Content ul {
	margin-bottom:20px;
	line-height:30px;
}
#Content:empty {
	display:none;
}
#Content img{
	max-width:100%;	
}
.Content ul, .Content  ol {
	padding-left:15px;
}
.Content h1,
.Content h2,
.Content h3,
.Content h4 {
	font-family: roboto,Arial,Helvetica,sans-serif;
    font-weight: normal;
}
.Content h1,
.Content h2 {
	background-color: #0097d7;
	font-family: robotobold,Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 3px;
    width: auto;
}
.Content h1 {
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 10px;
}
.Content h2 {
    font-size: 22px;
	line-height:28px;
    margin: 5px 0 8px;
}
.Content h3 {
    color: #818285;
    font-size: 20px;
    margin: 0 0 5px;
}
.Content h4 {
    color: #818285;
    font-size: 18px;
    margin: 0 0 5px;
}
/**************************************************************************************
  Blog Ansicht
**************************************************************************************/
.blogTxt {
	margin:10px 0;
}
/**************************************************************************************
  Gallerie Ansicht
**************************************************************************************/
.galleryitem {
	margin-bottom:30px;
}
#lightgallery .background-slider {
	cursor:pointer;
}
/**************************************************************************************
  Team Ansicht
**************************************************************************************/
.teamitem > div{
    height:200px;
}
.teamitem h4 {
	margin-bottom:10px;
}
.teamitem p {
	margin-bottom:0;
	line-height:normal;
}
.mail {
	-ms-word-break: break-all;
     word-break: break-all;

     /*Non standard for webkit*/
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
/**************************************************************************************
  Footer / Done
**************************************************************************************/
footer a,footer a:hover,footer a:active,footer a:visited{
	color:#fff;
}
footer p {
	margin-bottom:0;
}
#Done {
    background: url("../images/bg-footer.png") no-repeat center bottom rgba(0, 0, 0, 0);
	background-size:100% auto;
    color: #fff;
    position: relative;
    z-index: 15;
	overflow:hidden;
}
#Done, #page980::after {
    height: 185px;
}
#Done p, #Done td {
	bottom: 0;
    font-family: robotolight,Arial,Helvetica,sans-serif;
    font-size: 10px;
    left: auto;
    margin: 0 auto;
    padding-bottom: 0;
	padding-left:10px;
    position: absolute;
	width:100%;
}
#Done a, #Done a:link, #Done a:visited {
    color: #fff;
    text-decoration: none;
}
#Done a:hover {
	text-decoration:none;
}
.mHide {
	display:none;
}
/**************************************************************************************
  Formulare
**************************************************************************************/
input[type="text"],
textarea,
input[type="password"],
select {
	color:#000;
	margin:1px;
	border:solid 1px #CCCCCC;
}
.btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
	color:#000;
    background-color:#FFF;
	border:solid 1px #CCCCCC;
}
input[disabled] {
	background-color:#DDD;
	border:none;
}
input#Code {
	margin-top:0;
}
.input-group-addon {
	min-width:111px;
	padding-bottom:5px;
}

/**************************************************************************************
  Cookie Accept
**************************************************************************************/
#cookie_directive_container > * {
	background-color:rgba(0,0,0,0.8);
	padding-top:10px;
	font-size:16px;
	color:white;
}
#cookie_directive_container a {
	
}
#cookie_directive_container a.pull-right {
	background-color: transparent;
	margin:10px;
	font-size:16px;
}
#cookie_directive_container a.pull-right:hover {
	background-color:#2C4D9B;
}
#cookie_directive_container p{
	margin-top:0px;
}
.fixed-bottom,
.navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}
/**************************************************************************************
  Listen-, Tabellen-Ansicht
**************************************************************************************/
/* Update JC 01.04.2015: unerwünschte autom. class="table" z.B. bei Tabellen auf Kontaktseite*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-color:transparent;/*#333;*/
	padding:0 8px;
}
.table-hover > tbody > tr:hover {
	background-color:transparent;/*#333;*/
}
.table > thead > tr > th.listicon,
.table > tbody > tr > th.listicon,
.table > tfoot > tr > th.listicon,
.table > thead > tr > td.listicon,
.table > tbody > tr > td.listicon, 
.table > tfoot > tr > td.listicon {
	padding-left:0;
	padding-right:0;
}
.table {
	margin-bottom:1%;
}
.table .table {
	background-color:transparent;
}

table#cmsContentList tr:hover td, tr.cmsContentList:hover td{
	background-color:#ECECEC;
}
table#cmsContentList tr:first-child td{
	background-color:transparent;
	border-bottom: solid 1px #999;
}
/**************************************************************************************
  Admin
**************************************************************************************/
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID {
	width:100% !important;
}

@media (min-width:768px){
	.content{
		padding:50px 15px 60px 15px;
	}
	#Top {
		margin-bottom: 28px;
	}
	.nav, .navbar-nav {
		display:table;
		width:100%;
	}
	.navbar-default {
		background-color:transparent;
	}
	#navbar-collapse {
		margin-left:-15px;
		margin-right:-15px;
	}
	.nav > li {
		border:none;
		display:table-cell;
		float:none;
		text-align:center;
	}
	.nav > li.active {
		background-color: transparent;
	}
	.nav > li > a {
		font-size:15px;
		line-height:16px;
		padding:9px 16px;
		box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3);
		display:block;
	}
	.navbar-default .navbar-nav > li > a {
		color: #0097d7;
		background: url("../images/nav/shadow-white.jpg") no-repeat scroll 0 0 #fff;
	}
	.navbar-default .navbar-nav > li:hover > a,
	.navbar-default .navbar-nav > li:hover > a:hover, 
	.navbar-default .navbar-nav > li:focus > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		color:#FFF;
		background-color: #0097d7;
		background: url("../images/nav/shadow-blue.jpg") no-repeat scroll 0 0 #0097d7;
	}
	.navbar-default .navbar-nav > li:first-child > a {
		background-image:none !important;
	}
	.navbar-default .navbar-nav > li.dropdown > a:after {
		content:"\00bb";
		position:relative;
		bottom:1px;
		padding-left:3px;
	}
	ul.dropdown-menu {
		padding:3px 0 0 0;
		float:left;
		display:none;
		position:absolute;
		margin-left:0;
	}
	.navbar-nav > li > .dropdown-menu {
		font-size:13px;
	}
	.dropdown-menu > li {
		display:block;
	}
	.dropdown-menu > li > a,
	.dropdown:hover .dropdown-menu > li > a,
	.dropdown:focus .dropdown-menu > li > a {
		margin-bottom:3px;
		box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3);
		padding:9px;
		line-height:13px;
		color: #0097D7;
		background-color:#FFF;
	}	
	.dropdown:hover .dropdown-menu > li > a:hover, 
	.dropdown:focus .dropdown-menu > li > a:focus, 
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus {
		background-color: #0097D7;
		color: #fff;
	}
	.carousel .item {
		max-height:363px;
	}
	.carousel-caption {
		font-size:19px;
	}
	#Done p, #Done td {
		left: 50%;
		bottom:-4px;
		margin: 0 auto 0 -315px;
		padding-left:0;
		text-align:center;
		max-width: 700px;
	}
	.mHide {
		display:inline;
	}
	#FB {top: 194px;}
	#FB img {height:63px;}
}
@media (min-width:992px){
	.nav > li > a {
		font-size:16px;
		padding:9px 28px;
	}
	.carousel-caption {
		font-size:22px;
	}
	/*Impressum*/
	.flowrow {
		width:100%;
		-webkit-column-count: 2;
   		-moz-column-count: 2;
		column-count:2;
		-webkit-column-gap: 3em;
     	-moz-column-gap: 3em;
        column-gap: 3em;
	}
	iframe {
		width:980px;
		height: 980px;
	}
}
@media (min-width:1200px){
	.carousel .item{
		max-height:428px;
	}
	#Done {background-size:auto;}
}