/* --------- ABWEICHUNGEN MASTER --- ABWEICHUNGEN MASTER --- ABWEICHUNGEN MASTER ---
================================================================================== */

body {
	font-family: 'opensans', sans-serif;
	font-weight: normal;
	margin-bottom: 100px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,d4f4f9+70,d9f4e1+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 30%, #d4f4f9 70%, #d9f4e1 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 30%,#d4f4f9 70%,#d9f4e1 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ffffff 30%,#d4f4f9 70%,#d9f4e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9f4e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

@media (max-width: 992px) {
	body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,d4f4f9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 40%, #d4f4f9 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 40%,#d4f4f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ffffff 40%,#d4f4f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4f4f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}		
}	



.content {
	padding-top: 0;
}
@media (max-width: 767px) {
	.content {
		padding-top: 2em;
	}	
}


.deu,
.eng {
	position: fixed;
	right: 0;
	top: 295px;
	z-index: 100;
	clear: both;
	width: 100px;
	height: 30px;
	margin-right: -69px;
	box-shadow:  0 .1em .2em rgba(0, 0, 0, 0.6);
	padding: .3em .4em .3em 35px;
	color: #fff !important;
	text-align: left;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background: #195073 url(../images/flags/flag_rund_de.png) left center no-repeat;
	text-transform: uppercase;
	font-size: 85%;
	background-position-x: 3px;
	background-size: 25px
	}
	.eng {
		background: #195073 url(../images/flags/flag_rund_en.png) left center no-repeat;
		background-position-x: 3px;
		background-size: 25px;
		top: 330px;
		}
	.deu:hover,
	.eng:hover {
		margin-right: 0;
		-webkit-transition: .3s;
		transition: .3s;
		color: #fff !important;
		}	
	.deu a,
	.eng a {
		color: #fff !important
		}		
@media (max-width: 767px) {
	.deu,
	.eng {
		position: absolute;
		top: .6em;
		left: 172px;
		clear: none;
		width: 22px;
		height: 22px;
		border-radius: 22px;
		margin: 0;
		padding: 0;
		box-shadow:  .1em .1em .2em rgba(0, 0, 0, 0.8);
		background: url(../images/flags/flag_rund_de.png) center center no-repeat;
		}
	.eng { 
		left: 200px;
		background: url(../images/flags/flag_rund_en.png) center center no-repeat; }
	
	.deu:hover { background: url(../images/flags/flag_rund_de_hov.png) center center no-repeat; }
	.eng:hover { background: url(../images/flags/flag_rund_en_hov.png) center center no-repeat; }			
	
	a.deu span,
	a.eng span {
		display: none
		}			
	}			
			
/* --------- KARUSELL
================================================== */
.carousel-wrapper {
	margin-bottom: 3em;
	background: #fff
	}
.carousel .item {
	height: 270px;
	} 	 	
.carousel .item img { 
	} 
@media (max-width: 992px) {
	.carousel .item {
		height: 220px;
		}		
	}		
@media (max-width: 767px) {
  	.carousel .item {
		height: 130px;
		} 
	.carousel .item img { 
		transform: translateY(-5%);
		}	
	}	
@media (max-width: 480px) {
	.carousel .item {
		height: 95px;
		} 				
	}	
@media (max-width: 330px) {
	.carousel .item {
		height: 70px;
		} 				
	}		
	
	
	
.carousel-indicators {
  	top: 10px;
  	left: 5%;
  	right: 0;
  	text-align: center;
  	z-index: 1;
  	}	
.carousel-indicators li,
.carousel-indicators li.active {
  	border-radius: 0;
  	width: 8px;
  	height: 8px;
  	border-radius: 8px;
  	padding: 0;
  	margin: 0 0 0 2px;
  	border: 1px solid rgba(255, 255, 255, 0.0);
  	background: rgba(255, 255, 255, 0.5)
  	}
 .carousel-indicators li.active {
  	border: 1px solid #fff;
  	background: #fff
  	} 		


.carousel-inner {
	text-align: right !important;
	}
.carousel-caption {
	width: 90% !important;
	height: auto;
	top: 10px;
	bottom: auto !important;
	text-align: right !important;
	font-size: 80% !important;
	max-width: 1140px !important;
	margin: 0 auto !important;
	float: none !important;
	display: block;
	line-height: 1.3em !important;
	}
.carousel-caption .autor {
	background: rgba(255, 255, 255, 0.4);
	background: rgba(35, 166, 222, 0.7);
	padding: .15em .5em !important;
	border-radius: 3px;
	color: #23a6de;
	color: #fff;
	width: auto !important;
	float: right !important
	}

.carousel-caption h1 {
	font-size: 150%;
	line-height: 1.1em;
	letter-spacing: .02em;
	padding: .3em .7em;
	margin-right: 0;
	color: #fff;
	font-weight: 800;
	text-transform: none;
	text-shadow: none;
	background: rgba(35, 166, 222, 0.5);
	border-radius:	3px;
	float: none;
	width: auto;
	display: inline-block
	}
.carousel-caption h1.h1_100 { 
	width: auto;
	max-width: auto;
	}					
@media (max-width: 767px) {
  	.carousel-caption h1,
  	.carousel-caption h1.h1_100 {
		padding: .2em .6em;
		max-width: auto !important;
		width: auto !important
		}
	.carousel-caption {
		font-size: 70% !important;
		line-height: 1.2em !important;
		width: 95% !important;
		}			
	}
@media (max-width: 480px) {
  	.carousel-caption {
		display: none
		}			
	}	

/*
.carousel-caption span {
	font-size: 120%;
	padding: .3em .8em;
	margin-left: .3em;
	font-weight: normal;
	text-shadow: none;
	background: rgba(255, 255, 255, 0.6);
	border-radius:	4px;
	color: #666;
	margin-top: .3em;
	clear: both;
	float: none;
	width: auto;
	display: inline-block;
	}
.carousel-caption span a,
.carousel-caption a span {
	color: #666 !important;
	}
.carousel-caption span a:hover,
.carousel-caption a span:hover {
	color: #000 !important
	}
			
.carousel-caption span.text_100 { 
	width: auto;
	max-width: auto;
	}	


.carousel .btn {
	display: none;
	}	
*/		
/* --------- end KARUSELL -------- */
	
	
	
	
	
	



/* --------- NAVBAR
================================================== */
			
@media (min-width: 768px) {
#sticky {
	z-index: 1000;
	padding: 0;
	margin: 0
}
nav {
	z-index: 1;
	top: -4.5em;
	}
.navbar {
	border-radius: 0;
	margin: 0;
	z-index: 10;
	clear: both;
	border: none;
	}

	.navbar .container { 
		}	 	
	.navbar-header { 
		padding: 0;
		margin: 0;
		width: 100%;
		height: 40px;
		}
		.navbar-brand {
			padding-top: 0;
			padding-right: 0;
			padding-bottom: 0;
			height: auto;
			width: 100%
		 	}
		.navbar-brand .datum {
			background: #23a6de;
			border-radius: 3px;
			color: #fff;
			padding: .35em .6em;
			float: left;
			font-family: 'opensans-cond', sans-serif;
			font-weight: bold;
			font-size: 130%;
			
			box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.5)
			} 
		.navbar-brand .datum span {
			font-size: 75%;
			margin-left: .6em;
			font-family: 'opensans', sans-serif;
			font-weight: normal
			} 		
		.navbar-brand .logo {
			width: 24%;
			float: right;
			margin-top: -85px;
			}
	
	
	.navbar .collapse { 
		background: #fff;
		padding: 2.5em 0;
		margin-top: -1.4em;
		padding-top: 3.2em;
		}
		.navbar .collapse .container { 
		height: auto
		}

	
	.nav { 
		clear: right;
		}
	.nav li a {
		font-family: 'opensans-cond', sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	  	padding: .5em 1.3em;
	  	color: #fff;
	  	background: rgba(0, 0, 0, 0.25);
	  	border-radius: 4px; 
	  	font-size: 135%;
	  	white-space: nowrap;
	  	margin-right: .9em;
	  	z-index: 0;
	  	
	  	box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.5)
		}
	.nav li a:hover,
	.nav li a:focus,
	.nav li a#active {
	  	color: #fff;
	  	background: rgba(35, 166, 222, 0.8);
	  	}
	.nav li a#active {
	  	background: #23a6de;
	  	} 		
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
	  	background: #23a6de;
		color: #fff
		}		

}		

@media (max-width: 1200px) 	{
	.navbar-brand .datum {
		font-size: 95%;
		padding: .2em .5em;
	    }     
	.navbar-brand .logo {
		margin-top: -48px;
		margin-right: -1em;
		width: 24%
	    }
		
	.navbar .collapse {
		padding: 1.7em 0 1.5em 0;
	    }
	.nav li a {
		padding: .3em .6em;
		margin-right: .5em;
		font-size: 115%
	    }
	}	
	

   	
@media (min-width: 768px) 	{
	#sticky.affix {
	    z-index: 100;
	    width: 100%;
	    padding: 0;
		margin: 0;
	    top: 0;
	    background: #fff;
	    box-shadow: 0 .1em .8em rgba(0, 0, 0, 0.5);
	   }
	#sticky.affix .navbar {
		top: 0;
	    }
	#sticky.affix .navbar-brand {
		top: 0;
	    }
	#sticky.affix .navbar-brand .datum {
		font-size: 85%;
		padding: .02em .5em;
		margin-top: .5em;
		box-shadow: none;
	    }   
	#sticky.affix .navbar-brand .datum span {
		margin-left: .2em;
		}      
	#sticky.affix .navbar-brand .logo {
		margin-top: -20px;
		width: 21%
	    }
		
	#sticky.affix .navbar .collapse {
		padding: 0;
		padding-bottom: 1em
	    }
	#sticky.affix .nav li a {
		padding: .3em .7em;
		margin-right: .5em;
	    }
}
@media (min-width: 992px) 	{
	#sticky.affix .navbar-brand .logo {
		margin-top: -50px;
		width: 22%
	    }
	 }	  
@media (min-width: 1200px) 	{
	#sticky.affix .navbar-brand .logo {
		margin-top: -60px;
	    }
	 }		
		
@media (max-width: 767px) {
	#sticky.affix {
	    position: relative;
		z-index: 1000;
		}	
	
	nav {
		top: -3em;
		}
	.nav { 
		}
	.navbar {
		border: none;
		margin: 0;
		margin-bottom: -6em
		}	
	.navbar-header {
		}  
	  	  	
		
		
	.navbar-brand {
			float: left;
			width: 85%;
			margin-top: -3.5em
			}	
		.navbar-brand .datum {
			background: #23a6de;
			border-radius: 3px;
			color: #fff;
			padding: .4em .6em;
			float: left;
			font-family: 'opensans-cond', sans-serif;
			font-weight: bold;
			font-size: 90%;
			line-height: 1.1em;
			box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.5)
			} 
		.navbar-brand .datum span {
			font-size: 90%;
			font-weight: normal;
			} 			
		.navbar-brand .logo {
			float: right;
			width: 28%;
			margin-top: -65px;
			margin-right: -45px
			}
			
				
		
	.navbar-toggle {
		background: rgba(35, 166, 222, 0.6);
		border-color: none;
		color: #fff;
		float: right;
		border-radius: 3px;
		top: -60px;
		right: 0;
		position: absolute;
		z-index: 10000;
		box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.5)
		}
	.navbar-toggle:hover,
	.navbar-toggle b:hover,
	.navbar-toggle:hover b {
		color: #23a6de
		}	
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background: #23a6de;
		border-color: none;
		color: #000
		}
	.navbar-toggle .icon-bar{
		background-color: #fff;
		}
	.navbar-toggle:hover .icon-bar {
		background-color: #fff;
		}	
	
	
	
	
	.navbar .collapse {
		padding-bottom: 4em;
		padding-top: 1em;
	}
	.navbar .collapse .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.nav li a,
	.nav li a#active {
		letter-spacing: 1px;
		font-size: 115%;
		padding: .8em 1.5em;
		margin-top: 0;
		margin: 0;
		color: #23a6de;
		width: 100%;
		text-transform: uppercase;
		background: #fff;
		border-radius: 5px;
		margin-bottom: .3em;
		box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.3)
		}
	.nav li a:last-child {
		}	
	.nav li a:hover,
	.nav li a:focus,
	.nav li a#active:hover {
		background-color: rgba(35, 166, 222, 0.5);
		background-color: #23a6de;
		color: #fff;
		}
		
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
	  	font-weight: 600;
		background-color: #23a6de;
		color: #fff;
		float: left
		}	
		
	.nav li a#active {
		background-color: rgba(35, 166, 222, 0.5);
		background-color: #23a6de;
		color: #fff;
		}		
}

@media (max-width: 670px) {
	.navbar-brand {
			margin-top: -3.6em
			}
		.navbar-brand .datum {
			padding: .7em .6em;
			font-size: 75%;
			} 
		.navbar-brand .datum span {
			} 
		.navbar-brand .logo {
			width: 25%;
			margin-top: -45px;
			margin-right: -32px
			}
			
		.navbar-toggle {
			background: #23a6de;
			}	
		.navbar-toggle:hover,
		.navbar-toggle:focus {
			background: #fff;
			}
		.navbar-toggle .icon-bar{
			background-color: #fff;
			}
		.navbar-toggle:hover .icon-bar {
			background-color: #23a6de;
			}	

}
@media (max-width: 550px) {
	.navbar-brand .datum {
			font-size: 65%;
			} 
	.navbar-brand .logo {
			margin-top: -33px;
			width: 23%;
			margin-right: -25px
			}		

}
@media (max-width: 480px) {
	.navbar-brand {
			margin-top: -2em;
			margin-bottom: 2em
			}
		.navbar-brand .datum {
			padding: .3em .8em;
			font-size: 75%;
			} 
		.navbar-brand .datum span {
			clear: both;
			display: block;
			} 
		.navbar-brand .logo {
			width: 29%;
			margin-top: -32px;
			margin-right: -5px;
			}
		.navbar .collapse {
			margin-top: -2.5em
	    	}
	    	
	.navbar-toggle {
			margin-top: 2.7em;
			padding: .85em;
			}	    	
	
} 
@media (max-width: 400px) {
	.navbar-brand {
			margin-top: -1.7em;
			}
		.navbar-brand .datum {
			font-size: 62%;
			} 
		.navbar-brand .logo {
			width: 32%;
			margin-top: -26px;
			margin-right: 2px
			}	
	
	.navbar-toggle {
			margin-top: 2.9em;
			padding: .7em
			}
} 
 	

/* --------- end NAVBAR -------- */	






/* --------- DROPDOWN
================================================== */
ul.dropdown-menu{
	background: none;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none !important
	}
ul.dropdown-menu li a {
	font-size: 95%;
	margin-top: .3em;
	padding: .3em 1.5em .4em 1.5em;
	background: #23a6de;
	background: #fff;
	color: #23a6de;
	color: #666;
	box-shadow: 0 .1em .3em rgba(0, 0, 0, 0.4);
	font-weight: normal;
	text-transform: none;
	font-family: 'opensans', sans-serif;
	}
  	
@media (max-width: 767px) {
	ul.dropdown-menu{
	margin-bottom: 1em
	}
	
	ul.dropdown-menu li a#active {
		color: #fff;
	  	background: rgba(35, 166, 222, 0.8);
	  	font-size: 95%;
	  	text-transform: none;
	  	padding: .3em 1.5em .4em 1.5em;
	  	}
	
	}
 
/* --- end DROPDOWN --- */






/* --------- SUCHE
================================================== */
.suche {
	top: .8em;
	width: 200px
	}
.suche .form-group {
	width: 100%
}	
.suche .form-control {
	border-color: rgba(35, 166, 222, 0.3);
	background: #fff;
	height: 25px !important
	}
.suche .form-control:focus {
	background: #fff
	}
	
.suche .btn {
	border-color: rgba(35, 166, 222, 0.3);
	background: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    height: 25px !important
  	}
.suche .btn:hover {
	color: #23a6de !important;
	border-color: #66afe9;
	border-color: rgba(35, 166, 222, 0.3);
	/*outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
	}	
.suche .btn i {
	color: #23a6de !important;
	color: #aaa !important;
	padding-top: .25em;
	vertical-align: top
	}
.suche .btn:hover i {
	color: #23a6de !important;
	}	

.suche input::-webkit-input-placeholder {
	color: #bbb !important;
	}
	.suche input:-moz-placeholder 							{ color: #333 !important }
	.suche input::-moz-placeholder 							{ color: #333 !important }
	.suche input:-ms-input-placeholder 						{ color: #333 !important }	
	
	.suche .form-control:focus::-webkit-input-placeholder	{ color: #fff !important }
	.suche .form-control:focus:-moz-placeholder 			{ color: #fff !important }
	.suche .form-control:focus::-moz-placeholder 			{ color: #fff !important }
	.suche .form-control:focus:-ms-input-placeholder		{ color: #fff !important }		
	

@media (min-width: 768px) {		
	#sticky.affix .suche {
	width: 180px;
	margin-left:382px;
	top: .6em
	}	
	#sticky.affix .suche .form-control {
	border-color: #ddd;
	height: 22px !important
	}
	#sticky.affix .suche .btn {
	border-color: #ddd;
	height: 22px !important
	}
}

@media (max-width: 767px) {
	.suche {
	top: .5em;
	width: 150px
	}
	.suche .form-control {
	border-color: #ddd;
	background: rgba(255, 255, 255, .8);
	height: 22px !important
	}
	.suche .btn {
	border-color: #ddd;
	background: rgba(255, 255, 255, .8);
	height: 22px !important
	}
	.suche input::-webkit-input-placeholder {
	color: #999 !important;
	}
}	
	
	
/* --------- end SUCHE -------- */









/* --------- FOOTER
================================================== */
.footer {
	background: none;
	border: none;
	box-shadow: none;	
	background-image: url(../images/fuss.png);
	background-position-y: 0;
	background-position-x: center;
	background-repeat: no-repeat;
	height: 140px
}
footer .sponsoren {
	margin: 3em 0;
	width: 100%;
	height: auto;
	float: left
}

.footer-nav {
	margin-right: .7em;
	color: #888;
	float: left;
	line-height: 1.3em
}
.footer-nav:after {
	content: '|';
	color: rgba(35, 166, 222, 0.5);
	margin-left: .7em;
	font-weight: 300
}
.footer-nav:last-child:after {
	content: ''
}
.footer-nav:hover {
	color: #195073 !important
}
.footer-nav.hausfarbe:hover {
	color: #195073 !important
}

@media (max-width: 767px) {
	.footer {
		height: 100px;
		background-position-x: right;
		background-position-y: 0;
		background-size: 150%
		}
	.footer-nav {
		margin-right: .3em
		}
	.footer-nav:after {
		margin-left: .3em;
		}
}
@media (max-width: 680px) {
	.footer-nav {
		font-size: 85%
		}
}	
@media (max-width: 530px) {
	.footer {
		background-position-y: 10px;
		}
}
@media (max-width: 480px) {
	.footer {
		background: none;
		height: 70px
		}
}	
/* --------- end FOOTER -------- */



h1, h2, h3, h4, h5, h6 {
	font-family: 'opensans-cond', sans-serif;
	color: #23a6de;
	color: #195073;
	}
h1 {
	color: #23a6de;text-transform: none;
	margin-bottom: .5em;
	font-size: 330%;
	line-height: 1.1em !important
	}		
h2 { 
	}
h3 { color: #195073;
	}
h4 { color: #195073;
	}
h5 {
	}
h6 {
	}  


[class*="-6"] h1,
[class*="-5"] h1,
[class*="-4"] h1,
[class*="-3"] h1,
[class*="-2"] h1 ,
[class*="-1"] h1{
	font-size: 270%;
}

@media  (max-width:992px) {
	h1	{ font-size: 270% !important }
	
	[class*="-6"] h1,
	[class*="-5"] h1,
	[class*="-4"] h1,
	[class*="-3"] h1,
	[class*="-2"] h1 ,
	[class*="-1"] h1{
		font-size: 220%;
	}	
}



.bg-content.border,
.well.border,
.bildrahmenmitte.border,
.bild-top.border {
	border-top: 5px solid #23a6de;
	background-image: none
	}
		
	
.border 	{
	border-top: 1px dotted rgba(35, 166, 222, 0.45);
	}
	

.langtext_headline 				{ color: #23a6de }	

.font2 {
	font-family: 'opensans-cond', sans-serif;
	}
	
a								{ color: #23a6de }
a:hover							{ color: #195073; text-decoration: none }

b,
a b,
b a 							{ color: #23a6de }
a b:hover,
b a:hover 						{ color: #195073 }

a h1, 
a h2, 
a h3, 
a h4, 
a h5, 
a h6 							{ color: #23a6de !important }
a h1:hover, 
a h2:hover,
a h3:hover, 
a h4:hover, 
a h5:hover, 
a h6:hover 						{ color: #195073 !important; text-decoration: none !important; border: none !important }



.content ul li:before {
	content: '\f054';
	font-size: 85%;
	font-weight: normal
	}
	
.content ul a 								{ color: #23a6de }
.content ul a:hover 						{ color: #195073 }	
.content ul li:before 						{ color: #23a6de }
.content ul li:hover:before 				{ color: #195073 }		
.content ul.list-inline li a:hover 			{ color: #23a6de }
.content ul.list-inline li a.active 		{ background: #23a6de }		
.content ul.list-inline li a.active:hover 	{ background: #195073 }	


.icon 							{ border-bottom-color: rgba(35, 166, 222, 0.45) }
.icon a:hover 					{ color: #23a6de }
.icon i 						{ background: #23a6de; margin-top:0 }	
	
		
	
blockquote 						{ color: #23a6de }
blockquote cite 				{ color: #23a6de }	
	
	
.pagetop-scroll:hover 			{ background: #23a6de }	
	
	
.row.div-head-bg  				{ background: #23a6de }
.div-striped .row.div-head-bg 	{ background: #23a6de }	
.row.div-foot 					{ color: #23a6de } 

.table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > th,
table > thead > tr > td 		{ background: #23a6de } 

.table > thead.sub > tr > th,
.table > thead.sub > tr > td,
table > thead.sub > tr > th,
table > thead.sub > tr > td   	{ border-bottom-color: #23a6de;
								color: #23a6de; }	
.table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td			{ color: #23a6de } 

table.abc tr td a				{ background: #23a6de }
table.abc tr td a:hover  		{ color: #23a6de }


.hausfarbe_dunkel3				{ color: #b10151 }
.hausfarbe_dunkel2				{ color: #9e0148 }
.hausfarbe_dunkel				{ color: #195073 }
.hausfarbe 						{ color: #23a6de !important }
.hausfarbe_hell					{ color: #23a6de }
.hausfarbe_hell2 				{ color: #23a6de }
.hausfarbe_hell3				{ color: #23a6de }


.well {
	border: none;
	box-shadow: 0 .1em .35em rgba(0, 0, 0, 0.35)
}	
	
.bg-hausfarbe,
.bg-content.bg-hausfarbe,
.well.bg-hausfarbe,
.well-sm.bg-hausfarbe 		{ 
	background: #23a6de;
	color: #333
	}		
.bg-hausfarbe .icon { 
	border-bottom-color: rgba(255, 255, 255, 0.35);
  	}	
.bg-hausfarbe .icon i { 
	background-color: #7ed3f8;
  	}
.bg-hausfarbe .fileicon { 
	color: rgba(255, 255, 255, 0.6) !important;
  	}


.bg-hausfarbe2,
.bg-content.bg-hausfarbe2,
.well.bg-hausfarbe2,
.well-sm.bg-hausfarbe2 		{ 
	background: rgba(35, 166, 222, 0.15);
	color: #444
	}	
.well.bg-hausfarbe2,
.well-sm.bg-hausfarbe2 		{ 
	box-shadow:  .1em .1em .1em rgba(0, 0, 0, 0.15);
	}	

	.bg-hausfarbe2 h1, .bg-hausfarbe2 h1 a,
	.bg-hausfarbe2 h2, .bg-hausfarbe2 h2 a,
	.bg-hausfarbe2 h3, .bg-hausfarbe2 h3 a,
	.bg-hausfarbe2 h4, .bg-hausfarbe2 h4 a,
	.bg-hausfarbe2 h5, .bg-hausfarbe2 h5 a,
	.bg-hausfarbe2 h6, .bg-hausfarbe2 h6 a { 
		color: #23a6de !important;
		text-decoration: none
		}	
	.bg-hausfarbe2 b { 
		color: #23a6de !important;
		}	
	.bg-hausfarbe2 .icon { 
		color: #23a6de !important;
		}
	.bg-hausfarbe2 .icon { 
		color: #444 !important;
		}	
	.bg-hausfarbe2 .icon i { 
		background-color: #23a6de;
  		}	
	.bg-hausfarbe2 a,
	.bg-hausfarbe2 ul li a { 
		color: #23a6de !important;
		}
	.bg-hausfarbe2 a:hover,
	.bg-hausfarbe2 ul li a:hover { 
		text-decoration: underline;
		color: #195073
		}
						
	  		
	.bg-hausfarbe2 hr,
	.bg-hausfarbe2 .border { 
		border-top-color: #777
	  	} 		
	.bg-hausfarbe2 ul.list-lines li,
	.bg-hausfarbe2 .div-lines { 
		border-bottom-color: #555
	  	}  	
	.content .bg-hausfarbe2 ul li:before {
		color: #23a6de !important;
		}	 


	
.bg-transp,
.bg-content.bg-transp,
.well.bg-transp,
.well-sm.bg-transp 		{ 
	background: rgba(255, 255, 255, 0.6);
	color: #444
	}	
.well.bg-transp,
.well-sm.bg-transp 		{ 
	box-shadow:  .1em .1em .1em rgba(0, 0, 0, 0.15);
	}			

	.bg-transp b { 
		color: #23a6de !important;
		}	
	.bg-transp .icon { 
		color: #23a6de !important;
		}
	.bg-transp a { 
		color: #23a6de !important
		}
	.bg-transp .icon { 
		color: #444 !important;
		}	
	.bg-transp a,
	.bg-transp ul li a { 
		color: #23a6de !important;
		}
	.bg-transp a:hover,
	.bg-transp ul li a:hover { 
		text-decoration: none;
		color: #195073
		}	
	
	.bg-transp h1, .bg-transp h1 a, .bg-transp a h1,
	.bg-transp h2, .bg-transp h2 a, .bg-transp a h2,
	.bg-transp h3, .bg-transp h3 a, .bg-transp a h3,
	.bg-transp h4, .bg-transp h4 a, .bg-transp a h4,
	.bg-transp h5, .bg-transp h5 a, .bg-transp a h5,
	.bg-transp h6, .bg-transp h6 a, .bg-transp a h6 { 
		color: #23a6de !important;
		text-decoration: none
		}	
	.bg-transp h1:hover, .bg-transp h1 a:hover, .bg-transp a:hover h1,
	.bg-transp h2:hover, .bg-transp h2 a:hover, .bg-transp a:hover h2,
	.bg-transp h3:hover, .bg-transp h3 a:hover, .bg-transp a:hover h3,
	.bg-transp h4:hover, .bg-transp h4 a:hover, .bg-transp a:hover h4,
	.bg-transp h5:hover, .bg-transp h5 a:hover, .bg-transp a:hover h5,
	.bg-transp h6:hover, .bg-transp h6 a:hover, .bg-transp a:hover h6 { 
		color: #195073 !important;
		text-decoration: none !important;
		border-bottom: none !important
		}		
	.bg-transp .icon i { 
		background-color: #23a6de;
  		}		
	  				
	  		
	.bg-transp hr,
	.bg-transp .border { 
		border-top-color: #777
	  	} 		
	.bg-transp ul.list-lines li,
	.bg-transp .div-lines { 
		border-bottom-color: #555
	  	}  	
	.content .bg-transp ul li:before {
		color: #23a6de !important;
		}	  			


/* --------- SHORTVIEW
================================================== */
.shortview h1 {
	color: #23a6de;
	text-transform: uppercase;
	letter-spacing: .02em
}
.shortview a {
	color: #195073;
}
.shortview a:hover {
	color: #23a6de;
}


/* --------- end SHORTVIEW -------- */	




/* --------- PAGETOP
================================================== */
.pagetop-scroll {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: .7em;
    padding-top: 1.4em;
    text-align: center;
    bottom: 40%;
    background: rgba(35, 166, 222, 0.5)
	}
.pagetop-scroll span {
	margin-top: .1em;
    font-size: 160%;
    color: #fff
	}	
.pagetop-scroll:hover {
    background: #23a6de
    }
@media (max-width: 767px) {
	.pagetop-scroll {
		padding: 1em 1em;
		bottom:14%;
		right: 5px;
		width: 50px;
		height: 50px;
		border-radius: 50px;
    }
}
/* --------- end PAGETOP -------- */





/* --------- NEWS / TERMINE
================================================== */
.kurztext {
	/*
		border-bottom-color: rgba(35, 166, 222, 0.45);
	margin-bottom: 3em;
	*/
	margin-bottom: 1em;
	padding: 2em;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.6);
	color: #444;
	box-shadow:  .1em .1em .1em rgba(0, 0, 0, 0.15);
}

.kurztext .bildrahmenrechts,
.kurztext .bildrechts,
.kurztext .bildrahmenrechts-nb {
	margin-left: 2em
	}
.kurztext .bildrahmenlinks,
.kurztext .bildlinks,
.kurztext .bildrahmenlinks-nb {
	margin-right: 2em
	}
	@media (max-width: 767px) {
		.kurztext .bildrahmenrechts,
		.kurztext .bildrechts,
		.kurztext .bildrahmenrechts-nb {
			margin-left: 1em
		}
		.kurztext .bildrahmenlinks,
		.kurztext .bildlinks,
		.kurztext .bildrahmenlinks-nb {
			margin-right: 1em
		}
	}
	
.kurztext_headline, .row .kurztext_headline,
.termin_headline, .row .termin_headline {
	font-weight: normal;
	font-size: 270% !important;
	margin-bottom: .6em;
	line-height: 1.2em !important;
	margin-top: 0;
	color: #23a6de;
	}
	.termin_headline, .row .termin_headline {
	margin-bottom: .3em;
	}
	@media (max-width: 992px) {
		.kurztext_headline, .row .kurztext_headline,
		.termin_headline, .row .termin_headline {font-size: 230% !important}
	}
	@media (max-width: 768px) {
		.kurztext_headline, .row .kurztext_headline,
		.termin_headline, .row .termin_headline {font-size: 190% !important}
	}

.kurztext_text {
	font-size: 110%;
	line-height: 1.5em
	}	
			
	
.lesen {
	float: left
	}	

.kurztext_datum,
.langtext_datum {
	background: none;
	color: #23a6de;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0
	}	


.langtext_headline {
	font-weight: normal;;
	line-height: 1.2em !important;
	margin-bottom: 1em
	}
	@media (max-width: 992px) {
		.langtext_headline { font-size: 280% !important}
	}	

/* ----  end NEWS / TERMINE ---- */




.toggle-box {
	top:10%;
	}