/*General*/
html {
	height:100%;
}
body {
	background-color: #fff;
    color: #555;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:18px;
	height:100%;
}
h1, .h1,
h2, .h2,
h3, .h3
h4, .h4 {
	text-transform:uppercase;
	color: rgb(0, 148, 208);
}
h1, .h1,
h2, .h2 {
	font-weight:bold;
	/*display: inline-block;*/
    padding: 0 3px;
   /* width: auto;*/
}
h1, .h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 30px;
}
h2, .h2 {
    font-size: 32px;
	line-height:40px;
    margin: 5px 0 8px;
}
h3, .h3
h4, .h4 {
	font-size: 16px;
}
h4, .h4 {
	text-transform:none;
}
hr{
	border-width:2px;
}
a, a:hover, a:focus, .pseudolink, .fontawesome i, [onclick^="location.href="] {
	color: rgb(0, 148, 208);
	transition:color 200ms linear;
}
.pseudolink:hover,
*[onclick^="location.href="] {
	cursor:pointer;
}
.content{
	z-index:1;
	position:relative;
	padding:30px 15px 30px 15px;
}

@keyframes blinkingText{
    0%{     color: #FF0000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: #FF0000;    }
}

/**************************************************************************************
   Service Klassen (unterstützend)
**************************************************************************************/
main {}

/*Admin / Memberbereich */
.admin {font-size:16px;}

.hyphens,
.hyphens-xs,
.flowrow {
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
}
.breakword {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.date-pick.form-control {display:inline;}
.bg-highlight {
	background-color:rgba(246, 163, 18,0.7);
}
.fontawesome {margin-top:10px;}
.fontawesome i {
	font-size:18px;
}
i.m-right {
	margin-right: 15px;
}
.fontawesome i.m-left {
	margin-left: 20px;
}
.fontawesome i.big {
	font-size:32px;
}

.fontawesome i:hover {
	color: #000;
	transition:color 200ms linear;
}
.fa-birthday-cake {
	margin-right:5px;
	color:#cc0000;
/*	color: linear-gradient(rgb(0, 148, 208), red);*/
/*    animation: blinkingText 0.8s infinite;*/
}

/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar-default {
	background-color:#FFF;
	border:none;
	font-weight:normal;
}
.nav,
.navbar {
	position:static;
	border-radius:0;
	min-height:0;
	z-index:5;
	margin-top:0;
	margin-bottom:15px;
}
.navbar-nav {
	text-transform:uppercase;
}
.nav > li {
	border-top:1px solid #E7E7E7;
}
.nav > li.active,
.nav > li:hover,
.nav > li.focus,
.nav > li.open,
#BlueTop .dropdown .dropdown-menu > li:hover > a, 
#BlueTop .dropdown .dropdown-menu > li:focus > a {
	background-color: rgb(0, 148, 208);
}
/*.nav > li:first-child {
	border:none;
}*/
.nav > li > a {
	box-shadow:none;
	font-size:25px;
	line-height: 25px;
    padding: 9px 15px;
    white-space: nowrap;
	width:auto;
}
.navbar-default .navbar-nav > li > a {
	color:rgb(0, 148, 208);
	background-color:transparent;
}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #FFF;
	background-color:rgb(0, 148, 208);
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	color: #FFF;
	background-color:rgb(0, 148, 208)
}
.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;
	font-weight:bold;
}
/*Navi Level 2*/
ul.dropdown-menu:not(.dropdown-menu-right) {
	/*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: rgb(0, 148, 208);
	background-color:transparent;
}
.navbar-nav .open .dropdown-menu > li > a, 
.navbar-nav .open .dropdown-menu .dropdown-header {
	padding-left:15px;
}
.active .dropdown-menu > li > a,
.dropdown:hover .dropdown-menu > li > a,
.dropdown:focus .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
#BlueTop .dropdown-menu a:hover,
#BlueTop .dropdown-menu a:focus,
#BlueTop .dropdown-menu .active 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: rgb(0, 148, 208);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color:white;
	background-color: rgb(0, 148, 208);
	font-weight:bold;
}
.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:transparent;
	margin-left: 0;
	position:absolute;
	top:3px;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color:transparent;
}
.navbar-toggle .icon-bar {
	height:3px;
	width:24px;
	border-radius:2px;
	transition: all 0.2s;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#FFF;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:7px;
}
.navbar-toggle:not(.collapsed) .icon-bar + .icon-bar {
	/*margin-top:0;*/
}
.navbar-toggle:not(.collapsed) .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle:not(.collapsed) .middle-bar {
    opacity: 0;
}
.navbar-toggle:not(.collapsed) .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: -24% -10%;
}
/**************************************************************************************
  header
**************************************************************************************/
header {
	
}
#BlueTop {
	background-color:rgb(0, 148, 208);
	width:100%;
	height:54px;
	line-height:54px;
}
#BlueTop button {
	color:white;
	background-color:rgb(0, 148, 208);
	height:52px;
	line-height:39px;
	padding-right:0;
	border:none;
}
#BlueTop .dropdown:hover button {text-decoration:underline;}
#BlueTop button:active {box-shadow:none;}
#BlueTop .dropdown {float:right;}
#BlueTop ul.dropdown-menu {
	border-radius:0;
	border:none;
	background-color:white;
	box-shadow:none;
	min-width:0;
	position:absolute;
	left:auto;
	right:0;
	margin-top:-1px;
	padding:0;
}
#BlueTop .dropdown-menu > li{
	display:block;
	border-top:1px solid rgb(0, 148, 208);
}
#BlueTop .dropdown-menu a {
	max-width:100px;
	color:rgb(0, 148, 208);
	padding:9px;
	line-height:13px;
}
#BlueTop a.btn {
	color:white;
	background-color:rgb(0, 148, 208);
	height:52px;
	line-height:39px;
	padding-right:0;
	border:none;
}
#BlueTop a.btn:hover {text-decoration:underline;}

#Top {
    margin-bottom: 15px;
}
#nav-service {
    display: block;
	font-weight:300;
	font-size:18px;
	line-height:24px;
    list-style: outside none none;
    width: 100%;
	margin-bottom:0;
}
#nav-service li {
    float: right;
    padding: 7px 0 1px 15px;
    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;*/
	text-align:center;
    padding-top: 22px;
	/*padding-left:15px;
	margin:0 -15px;*/
}
#Logo img {
	display:inline;
}
#Logo strong {
	height:68px;
	line-height:68px;
	margin-right:15px;
}

#Header {
	height:428px;
}
.carousel item{
	max-height:250px;
	overflow:hidden;
}
/*
.carousel-inner,
.carousel-inner > .item {
	position:static;
}
*/
.carousel-indicators li {
	background-color:transparent;
	border:2px solid white;
}
.carousel-indicators .active {
	background-color:white;
}
.carousel-caption {
	background-color:#eeeeef;
	left:0;
	right:0;
	bottom:0;
	font-weight:normal;
	font-size:15px;
	line-height:28px;
	color:rgb(0, 148, 208);
	text-align:left;
	text-shadow:none;
	text-transform:uppercase;
	padding:10px 15px 10px 15px;
	position:static;
	min-height:110px;
}
.carousel-caption h2 {
	font-size:23px;
}
.carousel-caption a:hover,
.carousel-caption a:focus {text-decoration:none;}
.carousel-indicators {
	left:auto;
	bottom:4px;
	margin-left:0;
	padding-right:15px;
	text-align:right;
	width:100%;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%;
}
.carousel-control.right {
	z-index:10;
}
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next {
	margin-right:0;
	right:15px;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .icon-prev {
	margin-left:0;
	left:15px;
}
/**************************************************************************************
  Content Ansicht
**************************************************************************************/
p, .ptext, .Content ul {
	margin-bottom:20px;
	line-height:30px;
}
#Content:empty {
	display:none;
}
#Content form {
	margin-bottom:45px;
}
#Content img{
	max-width:100%;	
	height:auto;
}
.Content ul, .Content  ol {
	padding-left:15px;
}

/**************************************************************************************
  Custom
**************************************************************************************/
a.fa-inbox {
  position: relative;
  font-size: 2em;
/*  color: grey;
  cursor: pointer;*/
  text-decoration:none;
/*  margin-right:10px;*/
}
span.fa-comment {
  position: absolute;
  font-size: 0.6em;
  top: -4px;
  color: red;
  right: -4px;
}
span.num {
  position: absolute;
  font-size: 0.3em;
  text-align:center;
  top: 1px;
  color: #fff;
  right: 1px;
}
.fontawesome > .showstatus {
	color:#999;
}

/**************************************************************************************
  Shop
**************************************************************************************/

#SquareLinks > div {
	padding-bottom:15px;
}
#SquareLinks .tblbox {
	width:100%;
	padding-bottom:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	margin-bottom:30px;
}

#SquareLinks #lightgallery div {
	margin-bottom:30px;
}
#SquareLinks #lightgallery a,
#SquareLinks #lightgallery .Bilderrahmen,
#Carousel #lightgallery div img, 
#Carousel #lightgallery a img {
	display:block;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	text-shadow:0 0 3px #000;
	
	background-color:rgba(255,255,255,0);
	transition:	background-color 200ms linear;
}
#SquareLinks #lightgallery a:hover,
#SquareLinks #lightgallery .Bilderrahmen:hover,
#Carousel #lightgallery div img:hover,
#Carousel #lightgallery a img:hover {
	background-color:rgba(255,255,255,0.6);
    transition:	background-color 200ms linear;
}
#SquareLinks #lightgallery img {
	width:100%;
}
.tblbox > div {
	position:absolute;
	width:100%;
	height:100%;
	border: 1px solid rgb(0, 148, 208);
	text-shadow:0 0 5px #000;
	
	background-color:rgba(255,255,255,0);
	transition:	background-color 200ms linear;
	
}
.tblbox > div:hover {
	background-color: rgba(255,255,255,0.6);
	transition:	background-color 200ms linear;
}
.tblbox > div > div {
	display:table;
	width:100%;
	height:100%;
}
.tblbox a {
	font-weight:bold;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:95%;
	height:95%;
	padding:5%;
}
#SquareLinks .tblbox a small {
	font-size:85%;
}
#SquareLinks .tblbox a,
#SquareLinks .tblbox h2{
	color:#FFF;
	font-size: 22px;
	text-decoration:none;
}

#ProductText > h1 {
	margin-top:10px;
}

#ProductImage {
	cursor:pointer;
}
#ShopList > div {min-height:180px; margin-bottom:20px;}
#ShopList .row > div {padding-bottom:45px;}
#ShopList h2 {margin-top:0;font-size: 18px;}
#ShopList h2 a {text-decoration:none;}
#ShopList h2 a:hover {text-decoration:underline;}
#ShopList input.Button {position:absolute;bottom:0;width:150px;}

/**************************************************************************************
  Member Ansicht
**************************************************************************************/
.collapse #Register_chosen {
    min-width: 80% !important;
}
.table h4 {margin:0;}

@media (max-width:767px){
	#register .table-responsive thead,
	#register .table-responsive td:empty {
		display:none;
	}
	#register .table-responsive table,
	#register .table-responsive tbody,
	#register .table-responsive tr,
	#register .table-responsive td,
	#unregister .table-responsive table,
	#unregister .table-responsive tbody,
	#unregister .table-responsive tr,
	#unregister .table-responsive td {
		display:block;
	}
	#register .table-responsive tr,
	#unregister .table-responsive tr {
		border-bottom:1px solid rgb(0, 148, 208);
		overflow:auto;
	}
	
	#register .table-responsive td,
	#unregister .table-responsive td {
		float:left;
		width:50%;
		border:none;
	}
}

/**************************************************************************************
  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;
}

.Content .tblOrgPic {
	min-height:280px;
}
#Content .tblOrgPic table {
	table-layout:fixed;
}
#Content .tblOrgPic td {
	vertical-align:top;
}
#Content .tblOrgPic td:first-child img {
	width:200px;
}
#Content .tblOrgPic td:first-child {
	padding-bottom:15px;
}
#Content .tblOrgPic td:last-child {
	padding-left:15px;
}

/**************************************************************************************
  Cookie Accept
**************************************************************************************/
#cookie_directive_container > * {
	background-color:rgba(0,0,0,0.8);
	padding-top:10px;
	font-size:16px;
}
#cookie_directive_container a {
	color:#FFF;
}

#cookie_directive_container a.pull-right {
	background-color: transparent;
	margin-bottom:10px;
}

/**************************************************************************************
  Footer / Done
**************************************************************************************/
footer {
    color: #fff;
	border-top:1px solid rgb(0, 148, 208);
	background-color:rgb(0, 148, 208);
    position: relative;
	font-size:16px;
}
footer a,footer a:hover,footer a:active,footer a:visited{
	color:#fff;
}
footer p, footer td {
	margin-bottom:0;
}
#Done {
	font-size:13px;
	color: #999999;
	padding:8px 0 15px 0;
	background-color:white;
}
#Done a, #Done a:link, #Done a:visited {
    color: #999999;
    text-decoration: none;
}
#Done a:hover {
	color:rgb(0, 148, 208);
	text-decoration:none;
}
.mHide {
	display:none;
}

#footer, #page-wrap::after {
    height: 53px;
}
#page-wrap {
    margin: 0 auto;
    min-height: 100%;
	/*gleich viel Pixel wie #Done-Höhe*/
	margin-bottom:-53px;
}
#page-wrap:after {
  content: "";
  display: block;
}
/**************************************************************************************
  Formulare
**************************************************************************************/
.form-control,
input, input.form-control,
textarea, textarea.form-control,
select, select.form-control {
	font-size:inherit;
	color:#000;
	background-color:#FFF;
	border-radius:0;
	border:solid 1px #CCCCCC;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea,
select,
td > .btn {
	margin:0 0 8px 1px;
}
select.input-sm,
.btn-sm, .btn-group-sm > .btn {
	font-size:14px;
}
button:not(.navbar-toggle), html input[type="button"], input[type="reset"], input[type="submit"], .btn {
	color:#000;
    background-color:#FFF;
	border:solid 1px #CCCCCC;
	transition-property:color, background-color, border-color;
	transition-duration:200ms;
}
.btn:hover, .btn-active {
	color: #fff;
	background-color: rgb(0, 148, 208);
	border-color:rgb(0, 148, 208);
	transition-property:color, background-color, border-color;
	transition-duration:200ms;
}
.admin button, html .admin input[type="button"], .admin input[type="reset"], .admin input[type="submit"], .admin .btn{
	min-width:0;
}
input[type="file"] {
	border:1px solid #CCCCCC;
	padding:0;
}
input[disabled], input[readonly] {
	background-color:#DDD;
	border:none;
}
/*für iOS Safari wichtig*/
input[type="radio"] {border-radius:8px;}
input[type="radio"]:checked{background-color:#000;}

input#Code {
	margin-top:0;
}
form .input-group-addon:last-child {
	min-width:111px;
	background-color:#d6d6d6;
	padding-bottom:5px;
	border:none;
	border-radius:0;
}
.form-control:focus{
	border-color:rgb(0, 148, 208);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 148, 208,.075), 0 0 8px rgba(0, 148, 208,0.6);
	box-shadow: inset 0 1px 1px rgba(0, 148, 208,.075), 0 0 8px rgba(0, 148, 208, 0.6);
}
label{font-weight:normal;}
/**************************************************************************************
  Listen-, Tabellen-Ansicht
**************************************************************************************/
.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:rgb(0, 148, 208);
}
.table-hover > tbody > tr {transition:background-color 200ms linear,color 200ms linear;}
.table-hover > tbody > tr:hover {
	color:#555;
	background-color:rgba(0, 148, 208,0.4);
	transition:background-color 200ms linear,color 200ms linear;
}
.listicon,
.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:3%;
	font-size:0.9em;
}
/*.table a,*/
.table [onclick^="location.href="] {color:#555;}
.table .date {white-space:nowrap;}
.table .table {
	background-color:transparent;
}
.table > thead > tr > td,
.table > thead:first-child > tr:first-child > td {
	border-color:transparent;
	border-bottom-width:0;
}
.tbl {display:table;width:100%;}
.tbl > * {display:table-cell;vertical-align:top;}
.tbl > .trow {display:table-row;}
.tbl > .trow > * {display:table-cell;vertical-align:top;}
td.back {text-align:center;}
td.back a{color:#000000;background-color:rgb(86,86,90); display:block;line-height:85px;margin-bottom:10px;}
.admin td.back a {line-height:75px;margin:20px 0 10px 0;}

.panel-group {margin-bottom:0; padding-bottom:60px;}

.event_national,.event_vss,.event_international {position:relative;}
.event_national:before,
.event_vss:before,
.event_international:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:60px;
    background-size: contain;
/*	background-position: 10px 0px;*/
    background-repeat: no-repeat;
}
.event_national:before {background-image: url('/images/flag_national.png');}
.event_international:before {background-image: url('/images/flag_international.png');}
.event_vss:before {background-image: url('/images/flag_vss.png');}

/*Paging*/
.pagination {
	font-size:0.75em;
}
.pagination > li > a, .pagination > li > span {
    color: rgb(0, 148, 208);
    background-color: white;
    border: 1px solid rgb(0, 148, 208);
	transition:color 200ms linear, background-color 200ms linear;
}
.pagination > li > a, .pagination > li > span {
	padding:5px 9px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: white;
    background-color: rgba(0, 148, 208,0.4);
    border-color: rgb(0, 148, 208);
	transition:color 200ms linear, background-color 200ms linear;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: white;
	background-color: rgb(0, 148, 208);
    border-color: rgb(0, 148, 208);
}
/**************************************************************************************
  Admin- / Memberbereich
**************************************************************************************/
.CuteEditorGroupMenuCell img {/*Gegensteuer BS für Icons in Editor-Bar*/
	box-sizing:content-box;
}
#CE_Editor1_ID, #CE_Editor2_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}
.CuteEditorToolBarContainer {/*Gegensteuer BS für Dropdown-Menu in Editor-Bar (H1 etc).*/
    line-height: 0.9em;
}
/*lightGallery PopUp individuell definierte Höhe per gesetzer CSS-Class*/
.lg-outer.ifHeight75 .lg-video{padding-bottom:75%;}
.lg-outer.ifHeight100 .lg-video{padding-bottom:100%;}
.lg-outer.ifHeight90vh .lg-video{padding-bottom:90vh;}
.lg-outer.ifHeight90vh .lg-item {padding-top:47px;}/*damit Lightgallery Balken mit Close-Button iFrame nicht überlappt*/
/*Update JC 13.03.2019: für Scrolling iOS */
.lg-outer lg-video-cont .lg-video {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
}

@media (min-width:768px){
	.content{padding:50px 15px 75px 15px;}
	#Top {margin-bottom: 28px;}
	.carousel-caption {padding:10px 70px 10px 15px;}
	.carousel-caption h2 {font-size:30px;}
	
	.Content h1 {
    	font-size: 26px;
		line-height:38px;
	}
	.Content h2 {
		font-size: 22px;
		line-height:28px;
	}
	.table {font-size:0.95em;}
	
	#nav-service {
		font-size:12px;
		line-height:17px;
	}
	.nav, .navbar-nav {
		display:table;
		width:100%;
	}
	.navbar-default {
		background-color:transparent;
	}
	#navbar-collapse {
		margin-left:-15px;
		margin-right:-15px;
	}
	.nav > li {
		border-top:none;
		display:table-cell;
		float:none;
		text-align:center;
		vertical-align:top;
		border-bottom:1px solid rgb(0, 148, 208);
	}
	.nav > li.active {
		background-color: transparent;
	}
	.nav > li > a {
		font-size:15px;
		line-height:16px;
		padding:9px 9px;
		/*box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3);*/
		display:block;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus {
		color: rgb(0, 148, 208);
		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,
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:focus {
		color:#FFF;
		background-color: rgb(0, 148, 208);
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		font-weight:bold;
	}
	ul.dropdown-menu:not(.dropdown-menu-right) {
		padding:0;
		float:left;
		display:none;
		position:absolute;
		margin-left:0;
	}
	ul.nav li.dropdown:hover ul.dropdown-menu {
		display: block;
		border:none;
	}
	#BlueTop .dropdown-menu {
		margin-top:-1px;
	}
	.navbar-nav > li > .dropdown-menu {
		font-size:13px;
		background-color:#FFF;
	}
	.dropdown-menu > li {
		display:block;
		border-top:1px solid rgb(0, 148, 208);
	}
	.dropdown-menu > li > a,
	.dropdown:hover .dropdown-menu > li > a,
	.dropdown:focus .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		padding:9px;
		line-height:13px;
		color: rgb(0, 148, 208);
		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,
	.active .dropdown-menu > .active > a, 
	.active:hover .dropdown-menu > .active > a,	
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
	#BlueTop .dropdown .dropdown-menu > li.active > a {
		background-color: rgb(0, 148, 208);
		color: #fff;
	}
	.dropdown-menu > .active > a {
		font-weight:bold;
	}
	/*Slider / Carousel*/
	.carousel .item {
		max-height:363px;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		float:left;
		width:50%;
	}
	.carousel-caption {
		font-size:19px;
		position:relative;
		float:right;
		width:50%;
		padding:0 0 30% 0;
	}
	.caption-inner {
		position:absolute;
		top:10%;
		right: 70px;
		bottom: 10px;
		left: 8%;
	}
	.carousel-caption h2 {
		font-size:25px;
		margin-top:0;
	}
	.carousel-caption p {
		font-weight:300;
		color:#818285;
		text-transform:none;
		
	}
	.mHide {
		display:inline;
	}
}
@media (min-width:992px){
	.nav > li > a {
		font-size:16px;
		padding:9px 9px;
	}
	.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;
	}
}
@media (min-width:1200px){
	.nav > li > a {
		font-size:16px;
		padding:9px 18px;
	}
	.carousel .item{
		max-height:428px;
	}
	#Done {background-size:auto;}
}