@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Ruda', sans-serif;	
}


h1, h2, h3, a {
	color: #AA072A;
}

.accent {
	color: #00617D;
}


img.img-full {
	width: 100%;
}

a[class^="link-"], a[class*=" link-"] {
    white-space: nowrap;
}
a[class^="link-"]:before, a[class*=" link-"]:before {
    font-family: 'FontAwesome';
}

a[class^="link-"]:before, a[class*=" link-"]:before, li:before,
.accordion .panel-default .panel-title > a:before
 {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #F8B21C;
    margin-right: 5px;
	min-width: 20px;
    -webkit-font-smoothing: antialiased;
	
}

li:before {
	display: inline-block;
}

a[class^="link-"]:hover, a[class*=" link-"]:hover {
	text-decoration: none;
}
a[class^="link-"]:hover span, a[class*=" link-"]:hover span{
	text-decoration: underline;
}
a.link-intern:before {
	content:"\f054";
}
a.link-extern:before {
	content:"\f08e";
}
a.link-mail:before {
	content:"\f003";	
}

a.link-pdf:before {
	content:"\f1c1";
}




ul {
	list-style-type: none;
}

.text-content li {
	text-indent: -20px;
}
.text-content li:before {
	content:"\f00c";	
	margin-right: 0;
	text-indent: -7px;
}

.maincontent .publications li:before {
	content:"\f02d";
}

.text-content ul.margin li, .text-content ul.ul-margin li {
	margin-bottom: .5em;
}


.info-box {
	border-radius: 6px;
	padding: 6px;
	background-color: #f3f3f3;
}

.info-box p:last-child {
	margin-bottom: 0;
}


/* -------------------------------------------------- Special Languages------------------------------------------------- */

span.spec-lan {
		font-family: Arial, Helvetica, sans-serif;
}

[lang='ar'] {
	font-family: Arial, Helvetica, sans-serif;
	direction: rtl;	
}

[lang='ru'] {
	font-family: Arial, Helvetica, sans-serif;
}




/* -------------------------------------------------------- Header ----------------------------------------------------- */

.page-header {
	background-color: #003366;
	border-top: 10px solid #EE7F00;
	margin-top: 0;
	padding-top: 18px;
	padding-bottom: 0;
	width: 100%;
	/*opacity: .5;*/

}


@media (min-width: 768px) {
.page-header.affix {
	margin-top: -70px;
	z-index: 100;
}
}

.logo-area {
	height: 76px;
}



#header-logo {
	float: left;
	margin-bottom: 15px;
/*	margin-top: 47px;*/
}

#header-logo-standard {
	position: relative;
	width: 70px;
	height: auto;
}

#header-logo-subline {
	position: absolute;
	display: block;
	width: 200px;
	height: auto;
	margin-left: 17px;
	margin-top: -9px;
}

@media (min-width: 768px) {
.logo-area {
	height: 114px;
}

#header-logo {
	margin-top: 0;
}
#header-logo-standard {
	width: auto;
}

#header-logo-subline {
	width: auto;
	margin-left: 28px;
	margin-top: -17px;
}
}

#header-logo-small {
	display: none;
	position: absolute;
	top: 70px;
}

#header-logo-online-beratung {
	position: relative;
	right: 0;
	top: 84px;
	float: right;
	z-index:100;
}

#header-logo-online-beratung img {
	position: relative;
	
}
#header-logo-online-beratung {
	background: url(/_themes/01/images/online_beratung_small.png) no-repeat;
}

#header-logo-online-beratung a {
	display: block;
	min-width: 82px;
	min-height: 28px;
}
@media (min-width: 768px) {
	#header-logo-online-beratung {
		position: inherit;
		background: none;
		float: right;
		margin-top: 29px;
	}

/*.affix + .container, .affix + .container.maincontent  {*/
    /* margin-top: 198px;*/
.affix + #content {
	padding-top: 198px;
}
}
@media (max-width: 767px) {
	.page-header.affix {
		position: inherit;
	}
}



/* -------------------------------------------------------- Navbar ----------------------------------------------------- */

.navbar-bjb {
	background-color: #00617D;
	font-size: 16px;
	border-radius: 0;
	min-height: inherit;
	margin-bottom: 0;
}

.navbar-bjb a {
	color: #fff;
}

.navbar-collapse {
	padding-left: 46px;
}

ul.navbar-nav {
}


.navbar-nav > li > a {
	padding: 6px 10px;
}


.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #ffff00;
}


.navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {
	background-color: transparent;
	color: #ffff00;
    border-color: #337ab7; 
}

/*
.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
	color: #ffff00;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
	color: #ffff00;
    border-color: #337ab7; 
}
*/


.dropdown-menu {
	background-color: #00617D;
	font-size: 16px;
}

.dropdown-menu > li > a {
	color: #fff;
	padding: 3px 10px;
}


.dropdown-menu > li > a:hover {
	background-color: inherit;
	color: #FFFF00;
}

.dropdown-menu {
	border: none;
	border-radius: 0;
	border-top: 4px solid transparent;
}
.open .dropdown-menu:before  {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background:url(/_themes/01/images/nav_corner.png) no-repeat;
	position: absolute;
	left: -20px;
	top: 0px;
}

.navbar-toggle {
	float: left;
	color: #fff;
	font-size: 21px;
	padding: 2px 10px 0;
	margin: 3px 15px;
}
.navbar-toggle:hover {
	background-color: #007697;
}

/* Dietmars Vorschlag */
/* Hierzu body class="v2" */
.v2 .nav > li > a:hover, .v2 .nav > li > a:focus,
.v2 .nav .open > a, .v2 .nav .open > a:hover, .v2 .nav .open > a:focus {

    background-color: #007697; 
	color: #fff;
}

.v2 .dropdown-menu > li > a:hover {
	background-color: #007697;
	color: #fff;
}

@media (min-width: 992px) {

.navbar-nav > li {
	margin-right: 30px;
}
}

/* -------------------------------------------------------- Carousel ----------------------------------------------------- */

.carousel-controls {
	float: right;
	margin-top: 10px;
}
.carousel-controls a, .carousel-controls a:focus  {
	font-size: 25px;
	color: #F8B21C;
	text-decoration: none;
}

.carousel-controls a:hover   {
	font-size: 25px;
	color: #F9C555;
	text-decoration: none;
}


.carousel-indicators li {
	border-color: #F8B21C;
}

.carousel-indicators li.active {
	background-color:#F8B21C
}

/* ---- SlideJS-Variante ---- */

.slidesjs-navigation {
	display: block;
	overflow:hidden;
/*	text-indent: 20px;*/
	float: left;
}
.slidesjs-navigation, .slidesjs-pagination {
	color: #F8B21C;
	width: 20px;
	font-size: 25px;

}

/*.slidesjs-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
*/

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  float: left;
  overflow: hidden;
}


/*.slidesjs-navigation:before {
	font-family: FontAwesome;
	font-size: 25px
}

.slidesjs-previous:before {
	content: "\f053";
}

.slidesjs-next:before {
	content:"\f054";
}*/



@media (min-width: 992px) {

.head-slides {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
}
}


/*.carousel-fade .carousel-inner .item,*/
.carousel-fade .carousel-inner .item {
  /*opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  transition-duration: 5s;*/
  
  transition: none;

}
.carousel-fade .carousel-inner .active {
  /*opacity: 1;*/
}


/* -------------------------------------------------------- Content ----------------------------------------------------- */

.container.maincontent {
	padding-top: 30px;
}

.maincontent hr {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #00A5B6;
	height: 10px;
}

.maincontent h1, .maincontent h2 {
	font-size: 18px;
	font-weight: bold;
}

.maincontent h3 {
	font-size: 14px;
	font-weight: bold;
}


.maincontent h1 {
	font-size: 22px;
}

.content-offset {
/*	margin-left: 30px;*/
}

.row.content-offset {
/*	margin-left: 15px;*/
}

.content-offset hr {
/*	margin-left: -30px;*/
}

/* -------------------------------------------------------- Forms ---------------------------------------------------- */

.form-field, .form-group {
	margin-top: 20px;
}

.error {
	color: red;
}

.error-msg {
	background: #F8EFDB;
	padding: 10px;
}

.text-content .error-msg li:before {
	 content: "\f06a";
}


/* -------------------------------------------------------- Team ---------------------------------------------------- */

.team .img-subtitle {
	display: block;
	position: absolute;
	bottom: 40px;
	background:rgba(255,255,255,0.53);
	padding: 6px 10px 6px 30px;
}

.team-photo {
	position: relative;
}

@media (max-width: 767px) {
.team .row-eq-height > div:nth-child(2n+1) {
	clear: left;
}
}
@media (min-width: 768px) {
.team .row-eq-height > div:nth-child(3n+1) {
	clear: left;
}
}

@media (min-width: 480px) and (max-width: 767px) {
	.col-xsl-6 {
		width: 50%;
	}
}

/* ---------------------------------------------------------- FAQ ------------------------------------------------------ */

.panel.panel-default {
    -webkit-box-shadow: none;
    box-shadow: none;	
	border-color: #00A5B6;
	border-color: #00617D;
	.content-offset hr
}
.panel-default > .panel-heading {
	background-color: #00A5B6;
	background-color: #00617D;
	color: #fff;
}

.panel-default .panel-title > a {
/*	display:block;
	float: left;*/
}

.accordion .panel-default .panel-title > a:before {
	content:"\f078";		
}
.accordion .panel-default .panel-title > a.collapsed:before {
	content:"\f054";	
}

.panel-title a:hover, .panel-title a:focus {
	text-decoration: none;
}



/* -------------------------------------------------------- Slogans ---------------------------------------------------- */


#slogans {
	display: none;
}
.slogan {
	margin: 20px 0;
}

/*.slidesjs-container, .slidesjs-control {
	height: auto !important;
}

.slidesjs-slide {
	position: relative !important;
}*/


@media (min-width: 500px) and (max-width: 767px) {
	.slogans {
		width: 60%;
		margin-left: 20%;
	}
}

@media (min-width: 768px) {

.slogan.margin-170 {
	margin-top: 170px;
}
}

/* -------------------------------------------------------- Anfahrt ----------------------------------------------------- */


.embed-responsive-map {
	padding-bottom: 50%
}


@media (min-width: 768px) {
	.embed-responsive-map {
		padding-bottom: 32.63%
	}
}

/* -------------------------------------------------------- Footer ----------------------------------------------------- */

.page-footer {
	background-color: #00A5B6;
	height: 300px;
	margin-top: 30px;
}
#footer-nav {
	border-bottom: 10px solid #EE7F00;
}
#navbar-footer .nav {
	padding-left: 46px;
}

hr.red-bar {
	display: block;
	height: 5px;
	background-color: #8C161B;
	border: none;

}