.bvi {} /* Beraten. Vernetzen. Informieren - Farbe blau */

.txt_marineblau { color: #a5cd32; /* #0a68a1 */ } /* rgb: 10, 104, 161 */
.txt_dunkelrot 	{ color: #9d0031; } /* rgb: 157, 0, 49 */
.txt_senfgelb 	{ color: #ea9406; } /* rgb: 234, 148, 6 */
.txt_black		{ color: #000000 !important;} 
.txt_gruen		{ color: #a5cd32; }
.bg_grau		{ background-color: #f2f3f3; }
.bg_dunkelgrau	{ background-color: #7e8283; }


.bvi h1, .bvi h2, .bvi h3, .bvi h4, .bvi h5, .bvi h6,
.bvi a.spitze, .bvi a.spitze:before, .bvi a,
.bvi .down:before, .bvi #nav ul li a.home-icon,
.bvi a.spitze.txt_black:hover:before,
.bvi .projekte_filter,
.bvi .landkreis_filter,
.galerie .navigation .icon:hover,
.formular .allesok h1 {
    color:  #0a68a1;
}

.bvi a.spitze:hover, .bvi a.spitze:before:hover, .bvi a:hover, .formular .allesok, a:hover {
	color: #000 !important;
}

.bvi li:before,
.close_btn {
	background-color: #0a68a1;
}

#nav ul li.aktiv_big a {
	color: #FFF;
}

#nav ul li.aktiv_big:hover,
#nav ul li:hover,  
#nav ul li.aktiv,
#nav ul li.aktiv_big,
#nav ul li a.aktiv {
	background-color:  rgba(10, 104, 161, 1); 
}

#nav ul li a  {
	background-color: rgba(10, 104, 161, 0.15);
} 

.dreieck_mblau:after {
  	border-bottom: 46px solid rgba(10, 104, 161, 0.15); 
}

#nav ul li:hover:after,
#nav ul li.aktiv:after,
#nav ul li.aktiv_big:after {
	border-bottom-color: rgba(10, 104, 161, 1); 
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

#footer {
    height: 60px;
    color: #7e8283;
}

#footer a {
	color: #7e8283;
}

#footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #FFF;
    border-top: 2px solid #f0f0f0;
}

/*#footer ul, #footer .footertext {
	margin-top: 20px;
}*/

#footer .footertext {
	width: 45%;
}

@media screen and (max-width: 988px) {
	#nav ul li.aktiv_big:after { border-bottom-color: rgba(10, 104, 161, 0.15); }
	#nav ul li.aktiv_big:hover:after{ border-bottom-color: rgba(10, 104, 161, 1); }
	
	.bvi #nav ul li a.home-icon.aktiv,
	.bvi #nav ul li a.home-icon {
		color: rgba(10, 104, 161, 1);
		background-color: rgba(10, 104, 161, 0.15);
	}	
	.bvi #nav ul li a.aktiv_big {
		color: rgba(10, 104, 161, 1);
	}

	.bvi #nav ul li.aktiv_big {
		background-color: transparent;
	}
	
	#nav ul li.aktiv_big:hover {
		background-color: rgba(10, 104, 161, 1);
		color: #fff;
	}
	.bvi #nav ul li a.home-icon:hover {
		color: #fff;
	}
	
	/*#nav ul li.aktiv_big a {
		color: #0a68a1 !important;
	}*/
	
	/*#nav ul li.aktiv_big:hover {
		background-color: rgba(10, 104, 161, 1);
	}*/
	
	#sitewrap { margin-bottom: 75px; }
	
	#footer {
		height: auto;
	}
}	

@media screen and (max-width: 600px) {
	#sitewrap { margin-bottom: 50px; }
}


/********************** NEWS ******************************/



.inner-content.news .rahmen {
    overflow: hidden;
}


.inner-content.news {
    background-color: #f9fbfd;
    border: 1px solid #0a68a1;
    box-sizing: border-box;
    position: relative;
}

#sitewrap .content2_3 .inner-content.news {
	overflow: inherit;
}

.inner-content.news:after {
    position: absolute;
    bottom: -8px;
    right: 25px;
    content: " ";
    width: 25px;
    height: 25px;
    background: #fff;
    border-top: 1px solid #0a68a1;
    border-left: 1px solid #0a68a1;
    border-bottom: 0px solid #FFF;
    border-right: 0px solid #FFF;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 1px;
    -moz-border-bottom-right-radius: 1px;
    -moz-border-bottom-left-radius: 1px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(45deg);
    transform-origin: 20% 40%;
}



.inner-content.news .img.landscape,
.inner-content.news .img.portrait {
	float: left;
	width: auto;
	height: auto;
	padding-right: 20px;
	/*padding-bottom: 20px;*/
}

.inner-content.news .meldungstext {
	position: relative;
}

.meldungstitel {
	position: relative;
	box-sizing: border-box;
}

.inner-content.news .meldungstext .kld {
	font-size: 0.875em;
}

.inner-content.news .meldungstext {
	/*margin-bottom: 20px;*/
	padding: 15px;
}

.bvi hr {
	height: 3px;
	color: #0a68a1;
	/*border: 1px solid #0a68a1;*/
	background-color: #0a68a1;
	border: none;
}

.pin {
	position: absolute;
	right: 0; top: 0;
}

/********************** PROJEKTBÖRSE ******************************/

.bundesland_filter.down {
	color: #0a68a1;
	font-weight: 700;
	margin-bottom: 10px;
}

.filterzeile {
	overflow: hidden;
	margin-bottom: 5px;
}
.filterzeile .filterzeile_links, 
.filterzeile .filterzeile_rechts {
	float: left;
}

.filterzeile .filterzeile_links { 
	width: 11%;
	font-weight: 700; 
}

.filterzeile .filterzeile_rechts { width: 89%; }

.filter_btn {
	display: inline-block;
	color: #000;
	font-weight: 400;
	font-size: 14px;
	background-color: rgba(10, 104, 161, 0.15);
	text-transform: none;
	padding: 5px 10px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	cursor: pointer;
	margin-bottom: 5px;
}

.filter_btn:hover,
.filter_btn.aktiv {
	background-color: rgba(10, 104, 161, 1);
    color: #fff !important;
}

.zeile {
	overflow: hidden;
}

.zeile .zeile_links {
	float: left;
	width: 18%;
	line-height: 24px;
	font-size: 14px;
	font-weight: 700;
}

.zeile .zeile_rechts {
	float: left;
	width: 82%;
}

@media screen and (max-width: 988px) {
	.zeile .zeile_links { width: 22%; }
	.zeile .zeile_rechts { width: 78%; }
	.filterzeile .filterzeile_links { width: 15%; }
	.filterzeile .filterzeile_rechts { width: 85%; }
	#footer .footerwrap .footertext { width: 40%; }
	#footer .footerwrap ul { width: 60%; }
}

@media screen and (max-width: 600px) {
	.zeile .zeile_links { width: 30%; }
	.zeile .zeile_rechts { width: 70%; }
	.filterzeile .filterzeile_links { width: 20%; }
	.filterzeile .filterzeile_rechts { width: 80%; }
	#footer .footerwrap .footertext { width: 50%; }
	#footer .footerwrap ul { width: 50%; }
}

@media screen and (max-width: 400px) {
	.zeile .zeile_links { width: 100%; font-weight: 700;}
	.zeile .zeile_rechts { width: 100%; }
}

.fancybox-inner, 
.fancybox-outer {
	position: static !important;
}

.fancybox-inner .formular {
    padding: 0;
    width: 100%;
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: static;
}

.formular .btn,
.btn {
	height: 42px;
	line-height: 42px;
}


.eintragen {
	font-family: 'Seravek-Bold';
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	width: auto;
	padding-right: 46px;
	height: auto;
	text-align: left;
	text-transform: none;
	line-height: inherit;
	background-color: inherit;
	color: #0a68a1;
	background: none;
	border: none;
	cursor: pointer;
}

.fancybox-inner .formular .formsubmit {
	position: absolute;
	bottom: 0;
}

#rex-webseite .formular .submit.btn {
	display: none;
}

.formular .allesok {
	color: #000;
}

.filter .bl_filter {
	color: #0a68a1;
	font-weight: 700;
}

.filter {
	padding: 0 0 20px 0;
}

.form_kld {
	font-size: 0.8em;
}

p#xform-formular-text {
	margin-bottom: 2px;	
}

/****************** REGIONALSTELLLEN *****************/

.inner-content.regio strong + p,
.inner-content.regio strong + ul {
	margin-top: 0;
}

#sitewrap .content2_3 .inner-content.regio p:last-of-type {
	margin-bottom: inherit;
}

.inner-content.regio + hr {
	margin: 20px 0;
}

.inner-content.regio:last-of-type + hr {
	display: none;
}


/*********************** INTERN **************************/


ul.unter_nav, 
ul.intern_nav {
	padding-left: 0;
}

.unter_nav li, 
.intern_nav li {
	padding-left: 0;
}

.unter_nav li {
	padding-bottom: 10px;
}

.intern_nav li a, 
.unter_nav li a {
	color: #000;
}

.intern_nav li a:hover,
.unter_nav li a:hover {
	color: #0a68a1;
}

.intern_nav li:before,
.unter_nav li:before {
	content: none;
}


/*********************** 2-Block-Zeile **************************/

.block50 {
	width: 48%;
	height: auto;
	float: left;
	margin-bottom: 4%;
}

.block50:nth-child(odd) {
	margin-right: 4%;
}

.block50 .img {
	width: 100%;
	height: auto;
	text-align: center;
}

.block50 .img img {
	min-width: 80%;
	height: auto;
}


/*********************** AUFKLAPPINFO **************************/

.aufklappinfobtn + div.aufklappinfo img {
	float: left;
	margin: 2px 4% 4% 0;
	
}

.aufklappinfobtn + div.aufklappinfo img + p {
	margin-top: 0;
}


.aufklappinfo {
	margin-top: 1em;
	border: 1px solid transparent;
}

/********************** HEFTE ********************/

.inner-content.heft .hefticon {
	border: 1px solid #c0c0c0;
}

/************** INTERN ****************/

.login_form input[type="text"], .login_form input[type="password"] {
	width: 180px;
	padding: 0 5px;
}

/*************** LOGOS ****************/

img.logo_hoch,
img.logo_quer {
	width: 100%;
	height: auto;
	border: 1px solid #f4f4f4;
	padding: 5px;
}

img.vollbild {
	width: 100%;
	height: auto;
}

img.logo_hoch {	max-width: 200px; }
img.logo_quer { max-width: 400px; }


#sitewrap .sidebar img {
	max-width: 100%;
	height: auto;
}

/* ******************** STÖRER ************** */

.stoerer {
    position: absolute;
    right: 0;
    top: 300px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90px;
    /*padding: 8px;*/
    height: 90px;
    /*margin-top: 25px;*/
    margin-right: 50px;
  	display: inline-block;
    /*background-color: #fff;*/
   	text-align: center;
    /*border: 8px solid #0a68a1;*/
    border-right: none;
    font-weight: 400;
} 

@media screen and (max-width: 768px) {
	.stoerer {
		top: 250px;
	}
}

.stoerer a {
	font-weight: 400;
}

.stoerer a strong,
.stoerer strong {
	font-weight: bold;
	color: #0FA2E3;
}

/*.stoerer:before {
  position: absolute;
  display: block;
  content: "";
  width: 70px;
  height: 70px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -webkit-transition: border-color 0.3s;
  -moz-transform: rotate(45deg);
  -moz-transition: border-color 0.3s;
  transform: rotate(45deg);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.25);
}*/

.stoerer-inner {
  width: 85px;
  height: 85px;
  position: relative;
  margin-top: 5px;
  display: inline-block;
  z-index: 1000;
}

.stoerer:after {
  position: absolute;
  display: block;
  content: "";
  width: 80px;
  height: 80px;
  left: 0;
  top: -10px;
  right: 0;
  bottom: 0;
  border: 5px solid #0FA2E3;
  background-color: #fff;
  
  -webkit-transform: rotate(45deg);
  -webkit-transition: border-color 0.3s;
  -moz-transform: rotate(45deg);
  -moz-transition: border-color 0.3s;
  transform: rotate(45deg);
}
.newsside .nblock,.newsside h3

{
margin-bottom:10px;
}

.newsside .nblock .datum
{
font-weight:normal;
}