:root { font-size: 16px; }
* {	-webkit-overflow-scrolling:touch; -webkit-box-sizing: border-box; box-sizing: border-box; }
a, a:link, a:visited, a:hover, a:active, a:focus { outline:medium none; }


html,
body {
    width: 100%;
    height: 100%;
	font-family: "ff-meta-web-pro",sans-serif;
	font-weight:normal;
	color:#555555;
}

/* ### ### ### ### BODY ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
body { padding-top: 50px; }

@media(min-width:768px) {
	body { padding-top: 0; }
}

/* ### ### ### ### MAIN-NAVIGATION ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.navbar-default { background-color: #CA1013; border-color: #FFF; }

/* title */
.navbar-default .navbar-brand {	color: #FFF; display:none; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #FFF; }


.navbar-default .navbar-nav > li > a { color: #FFF; letter-spacing:0; font-size:16px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #000; background-color: #E7E7E7; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { color: #000; background-color: #E7E7E7; }
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus { color: #000; background-color: #E5E5E5; }

.dropdown-menu {
	background-color:#E5E5E5;
	border:0;
	border-radius:0;
	-webkit-box-shadow:0 6px 6px rgba(0,0,0,0.175);
	box-shadow:0 6px 6px rgba(0,0,0,0.175);
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
}

.current-top { color:#000 !important; }

.dropdown-menu>li>a { color:#000; font-size:16px; }

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus { color:#000000; background-color:#f5f5f5; }

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus { color:#000; background-color:#f5f5f5; }

.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { position:relative; display: block; -webkit-box-shadow:none; box-shadow:none; padding:0; padding-left:15px; margin-top:0; margin-bottom:0;}
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu:hover > a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }

.navbar-toggle {
	position:relative;
	float:right;
	margin-right:0;
	padding:9px 10px;
	margin-top:8px;
	margin-bottom:8px;
	background-color:transparent;
	background-image:none;
	border:1px solid transparent;
	border-radius:0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color:transparent; }
.navbar-default .navbar-toggle:hover { border-color:#fff; }
.navbar-default .navbar-toggle:focus { border-color:#fff; background-color:transparent; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #888 !important; }
.navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff !important; }


.icon-bar {	background-color:#FFF !important; }
.navbar-default .navbar-header .text { display: none; }
.navbar-text { color:#FFF !important; }

.sub-head { display:block; font-size: 16px; border-bottom:1px solid #000; color:#000; padding-bottom:5px; margin-bottom:5px; }

.list-unstyled a,
.list-unstyled a:link,
.list-unstyled a:active { display:block; font-size: 14px; color:#000; }

.sub-head:hover,
.list-unstyled a:hover { color:#888; text-decoration:none; }

@media(max-width:767px) {
	#navbar { padding-left:10px; padding-right:10px; margin-top:100px; }
	.navbar-default .navbar-nav > li> a.nav-fa-open:after {
		content: "\f107";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #fff;
		font-size: 18px;
		padding-right: 0.5em;
		position: absolute;
		top: 10px;
		right: 0;
	}
	
	.navbar-default .navbar-nav > li.open > a.nav-fa-open:after {
		content: "\f106";
	}
	
	.navbar-default .navbar-nav > li > a.nav-fa-more:after {
		content: "\f105";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #fff;
		font-size: 18px;
		padding-right: 0.5em;
		position: absolute;
		top: 10px;
		right: 0;
	}
	
	.navbar-default .navbar-nav { padding:0; margin:0; }
	.navbar-default .navbar-nav > li { border-bottom:1px solid #fff; }
	.navbar-default .navbar-nav > li:last-child { border-bottom:none; }
	.navbar-default .navbar-nav .dropdown-menu { background-color:#fff; }
	.navbar-default .navbar-nav .dropdown-menu .yamm-content { padding:15px; padding-top:0; }
	.navbar-default .navbar-nav .dropdown-menu .yamm-content  .sub-head { padding-top:12px; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#000; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#FFF; background-color:transparent}
	.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:#FFF; background-color:transparent}
}

@media(min-width:768px) {
.navbar-default .navbar-brand { display:none; }
.navbar-default { top:244px; position:absolute; border:none; background-color:transparent; }
.goToTop { position: fixed; top:0; }
	   		
	.navbar {
		border:0;
		background-image:url(../media/header_navbox.png);
		background-repeat:no-repeat;
		background-position:top center;
		background-color:#FFFFFF;
		text-align:center;
		min-height:40px;
	}
	
	.navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }
	.navbar-default .navbar-nav > li { height:40px; }
	.navbar-default .navbar-nav > li > a { padding-left:8px; padding-right:8px; font-size:15px; padding-top:11px; padding-bottom:9px; }
	
	/* HOVER MAIN-NAV*/
	/*ul.nav li.dropdown:hover ul.dropdown-menu { display: block; margin-top:0px; }*/
}

@media(min-width:992px) {
	.navbar-default { top:327px; position:absolute; border:none; background-color:transparent; }
	.goToTop { position: fixed; top:0; }
	.navbar { background-color:#FFFFFF; background-image:url(../media/header_navbox-l.png); text-align:center; min-height:45px; }
	.navbar-default .navbar-nav > li { height:45px; }
	.navbar-default .navbar-nav > li > a { padding-left:16px; padding-right:16px; font-size:18px; padding-top:13px; padding-bottom:12px; }
}

@media(min-width:1199px) {
	.navbar-default { top:394px; position:absolute; border:none; background-color:transparent; }
	.goToTop { position: fixed; top:0; }
	.navbar { background-color:#FFFFFF; background-image:url(../media/header_navbox-xl.png); text-align:center; min-height:50px; }
	.navbar-default .navbar-nav > li { height:50px; }
	.navbar-default .navbar-nav > li > a { padding-left:19px; padding-right:19px; font-size:21px; padding-top:16px; padding-bottom:14px; }
}

/* ### ### ### ### SLIDESHOW ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

/* ### ### ### ### SLIDESHOW ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
#slider .container,
#slider .row { background-color:#AA3739; }
#slider .flexslider { width: 100%; }
#slider .flexslider img { width: 100%; }

@media(max-width:480px) { #slider { height: auto; min-height:120px; max-height:25%; overflow:hidden; } }
@media(max-width:768px) { #slider { height: auto; min-height:120px; max-height:45%; overflow:hidden; } }
@media(min-width:768px) { #slider { height: 300px; } }
@media(min-width:992px) { #slider { height: 388px; } }
@media(min-width:1199px) { #slider { height: 468px; } }

/* ### ### ### ### CONTENT-CONTAINER ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */

.content-container {
	background-color:#E5E5E5; 
	margin-top:0;
	padding-top:25px;
	border-bottom:2px solid #FFFFFF;	
}

@media(min-width:768px) {
	.content-container {
		margin-top:25px;
		padding-top:0;
		/*-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);*/	
	}
	
	#main-content { padding-bottom:25px; }
}

#main-content #sub { display:none; }

table tr .inner-link { display: block; width: 100%; height: 100%; }
/* Modules */



/* ### ### ### ### LOGO HEADER ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
.logobox {
	position:fixed;
	top:10px;
	left:15px;
	z-index:9999;	
}

.logo-innerbox {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:110px;
	height:110px;
	background-color:#FFF;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}

.logo-innerbox img {
	opacity:none;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin-top:0;
	width:100%;
}

@media(min-width:768px) {
	.logobox { position:absolute; top:0; left:inherit; display:block; width:100%; height:100%; z-index:14; }
	.logo-innerbox {
		position:relative;
		margin-left:65%; 
		margin-right:auto;
		width:180px;
		height:100%;
		background-color:#FFF;
		opacity: 0.85;
    	filter: alpha(opacity=85); /* For IE8 and earlier */
		padding-top:0;
		padding-left:10px;
		padding-right:10px;
	}
	
	.logo-innerbox img {
	opacity:none;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin-top:35%;
	width:100%;
	}
}

@media(min-width:992px) {
	.logo-innerbox { margin-left:65%; margin-right:auto; width:260px; padding-left:20px; padding-right:20px; }
}

/* ### ### ### ### PANELS ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
/*.wopi-bis { display:none; }*/

.panel-head-default {
	background-color:transparent;
	border:0;
	border-radius:0;
	margin:0;
	margin-bottom:15px;
}

.panel-head-default .panel-arrow {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	z-index:10;
	right:25px;
	background-image:url(../media/panel-arrow-0.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	margin-top:-5px;
}

.panel-head-default .panel-arrow:hover {
	background-image:url(../media/panel-arrow-1.png);
}

.panel-head-default .panel-heading {
	display:block;
	height:30px;
	background:#CA1013;	
	color:#FFF;	
	border:0;
	border-radius:0;
	padding:0;
	margin:0;
	margin-top:5px;
}

.panel-head-default .panel-heading h4 {
	font-size:16px;
	text-transform:uppercase;
	padding:0;
	padding-top:8px;
	padding-left:10px;
	margin:0;
}

.panel-head-default .panel-heading a,
.panel-head-default .panel-heading a:link,
.panel-head-default .panel-heading a:active,
.panel-head-default .panel-heading a:visited {
	color:#FFF;
	text-decoration:none;
}

.panel-head-default .panel-heading a:hover {
	color:#888;
	text-decoration:none;
}

.panel-head-default .panel-body {
	padding:0;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#E5E5E5;
	border:0;
	border-radius:0;	
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
}

.panel-head-default .panel-body tr:hover {
	color:#888;
	text-decoration:none;
	cursor:pointer;
}


.panel-head-default .panel-body table {
	width:100%;
	margin:0;
	padding:0;
}

.panel-head-default .panel-body tr {
	border-bottom:1px solid #FFF;
}

.panel-head-default .panel-body .panel-td-flex {
	
}

.panel-head-default .panel-body .panel-td-a {
	width:11%; 
	text-align:center;
}

.panel-head-default .panel-body .panel-td-b {
	width:3%; 
	text-align:center;
}

.panel-head-default .panel-body .panel-td-c {
	width:15%; 
	text-align:center;
}

.panel-head-default .panel-body .panel-td-cc {
	width:20%; 
	text-align:center;
}

.panel-head-default .panel-body .panel-td-d {
	width:4%; 
	text-align:center;
}

.panel-head-default .panel-body .panel-td-e {
	text-align:left;
}

.panel-head-default .panel-body .panel-td-f {
	width:60%; 
	text-align:left;
}

.panel-head-default .panel-body .panel-td-g {
	width:30%; 
	text-align:center;
}

.panel-head-default .panel-body .panel-td-h {
	width:40%; 
	text-align:center;
}


#box-mask {
	position:relative;
	height:85px;	
}

#box-termine, #box-uebungen, #box-pikett {
	position:absolute;
}

#box-termine {
	display:none;
}

#panel-indicators { position:relative; padding:0; padding-top:10px; margin:0; list-style:none;text-align:center; }
#panel-indicators li { display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0) }
#panel-indicators .active { margin:0;width:12px;height:12px;background-color:#fff }

/* ### ### ### ### FOOTER ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### ### */
footer {
	padding:0;
    margin:0;
	margin-bottom:35px;
	background-color:#CA1013;
	color:#FFF;
}

@media(min-width:768px) {
	footer {
		/*-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);	*/
		color:#FFF;
	}
}

.container-footer,
.container-footer .row { padding:0; margin-left:auto; margin-right:auto; }


#footer-left,
#footer-right { padding:0; margin:0; }


footer a,
footer a:link,
footer a:visited {
	color:#FFF;
	text-decoration:none;	
}

footer a:hover {
	color:#000;	
}


.container-footer p {
	margin-top:30px;	
}

.container-footer table {
	margin-top:30px;	
	margin-bottom:50px;
	width:100%;
}

.container-footer td {
	vertical-align:top;
	border:0;
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}


@media(min-width:768px) {
		
	.panel-head-default .panel-heading h4 {
		font-size:12px;
		padding-top:10px;
		padding-left:10px;
	}
	
	.panel-head-default .panel-body td {
		font-size:12px;
		padding-top:2px;
	}
	
	.panel-head-default .panel-body .panel-td-flex {
		display:none;	
	}
	
	.panel-head-default .panel-body .panel-td-c {
		width:21%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-cc {
		width:30%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-d {
		width:2%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-g {
		width:40%; 
		text-align:center;
	}
	
	#box-mask {
	position:relative;
	height:79px;	
	}
	
	#main-content #sub {
		display:block;
	}
}


@media(min-width:992px) {	
	.panel-head-default .panel-heading h4 {
		font-size:15px;
		padding-top:9px;
		padding-left:10px;
	}
	
	.panel-head-default .panel-body td {
		font-size:inherit;
		line-height:inherit;
	}
	
	.panel-head-default .panel-body .panel-td-flex {
		display:table-cell;
	}
	
	.panel-head-default .panel-body .panel-td-c {
		width:15%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-cc {
		width:20%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-d {
		width:1%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-e {
		text-align:left;
	}
	
	.panel-head-default .panel-body .panel-td-g {
		width:35%; 
	}
	
	#box-mask {
	position:relative;
	height:93px;	
}
}

@media(min-width:1199px) {
	.panel-head-default .panel-body .panel-td-flex {
		display:table-cell;
	}
	
	.panel-head-default .panel-body .panel-td-d {
		width:2%; 
		text-align:center;
	}
	
	.panel-head-default .panel-body .panel-td-g {
		width:30%; 
	}
}

/* ### ### ### FORMULAR ### ### ### ### ### ### ### ### ### ### ### ### ### */
.rex-yform { margin-bottom:25px; }
.rex-yform .alert-danger { display:none; }

.formtext {	margin-bottom:15px; }
.form_warning { color:#CA1013; }

.forminfo {
	background-color:rgba(237,245,250,1.00);
	border:1px solid #555555;
	padding:15px;
	margin-bottom:25px;
}

.form-control {
  color: #181716;
  background-color:transparent;
  background-image: none;
  border: 1px solid #555555;
  border-radius: 2px;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.rex-yform .input-group-addon { border-color: #555; }
.rex-yform .input-group-btn .btn-default { border-color: #555; }

.formtext label,
.formtextarea label,
.form-group label { font-size:14px; }

.rex-yform .form-group { clear:both; }
.rex-yform .control-label { display:block; }
.rex-yform .radio { display:inline-block; margin-right:15px; margin-top:0; }