@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700);
body {font-family: 'Poppins', sans-serif;font-size:16px;font-weight:400;color:#414141;}
.bg_body {background:#fefefe url(http://www.tierheim-gera.de/bilder/1440765606/1440765606-1445548671-bg_body.jpg) no-repeat top left fixed;}
h2 {color: #065CA4;text-transform:uppercase;font-size:24px;}
h3 {color: #666;text-transform:uppercase;font-size:22px;}
a {font-weight:400!important;padding:5px;}
/* -------------- eigene Anpassungen -------*/
.navline {line-height:0.2em;border-bottom:1px solid #becfdf;}


.wrapper {
border-right:1px solid #ccc;
box-shadow:1px 2px 30px #666;
-moz-box-shadow:1px 2px 30px #666;
-webkit-box-shadow:1px 2px 30px #666;
background:#fff;
padding:1%;
}

header {
width:100%;
border-radius:5px;
margin:0px auto;
background-color:#065CA4;
background-color:-moz-linear-gradient(#065CA4, #065597);
background-color:-ms-linear-gradient(#065CA4, #065597);
background-color:-o-linear-gradient(#065CA4, #065597);
background-color:linear-gradient(#065CA4, #065597);
background-color:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#065CA4), to(#065597));
background-color:-webkit-linear-gradient(#065CA4, #065597);
}
.headline img {max-width: 100%;}
.headline {text-align: center;}

/* --------------- Topnavigation ------- */
.navbar {
	box-shadow:1px 1px 8px #c7c7c7;
	-moz-box-shadow:1px 1px 8px #c7c7c7;
	-webkit-box-shadow:1px 1px 8px #c7c7c7;
	width:99,8%;
	margin:10px auto 10px auto;	
	}
.navbar-default {
background:#e7eff6;
background:-moz-linear-gradient(#e7eff6, #ccdae7);
background:-ms-linear-gradient(#e7eff6, #ccdae7);
background:-o-linear-gradient(#e7eff6, #ccdae7);
background:linear-gradient(#e7eff6, #ccdae7);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7eff6), to(#ccdae7));
background:-webkit-linear-gradient(#e7eff6, #ccdae7);
border-color: #ccdae7;}
/* title */
.navbar-default .navbar-brand {color: #777;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color: #065CA4;}
/* link */
.navbar-default .navbar-nav > li > a {color: #065CA4;line-height:2.5em;border-bottom:1px solid #becfdf;}
.dropdown-menu > li > a {color: #065CA4;font-size:16px!important;line-height:2em;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #fff;background-color:#065CA4;}
.dropdown-menu > li > a:hover,
.dropdown-menu> li > a:focus {color: #fff;background-color:#065CA4;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {color: #fff;background-color: #065CA4;}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {color: #fff;background-color: #065CA4;}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {border-top-color: #065CA4;border-bottom-color: #065CA4;}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {border-top-color: #fff;border-bottom-color: #fff;}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {border-top-color: #fff;border-bottom-color: #fff;}
/* mobile version */
.navbar-default .navbar-toggle {border-color: #065CA4;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;background-color:#065CA4;border-bottom:1px solid #eee;line-height:2.8em;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #065CA4;background-color:#e7eff6;}
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF!important;
    border:1px solid #065CA4!important;
}
.contentbox {min-height:480px;padding-top:15px;padding-bottoM:15px;width:92%;margin:0px auto;}
.contentbox img {display: block;height: auto;max-width:100%;}
.contentboxse {min-height:480px;padding:15px 40px;}
/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 320px)and (max-device-width : 480px) {
	.contentboxse {min-height:480px;padding:5px 5px;}
	}
.contentboxse img {display: block;height: auto;max-width:100%;}
.media td {border:none;padding:5px 0px;}
.media .normal {color:#065CA4;}
.media input {border-radius:5px;border:1px solid #065CA4;padding:5px;background:#f9f9f9;color:#065CA4;box-shadow:1px 1px 8px #c7c7c7;-moz-box-shadow:1px 1px 8px #c7c7c7;-webkit-box-shadow:1px 1px 8px #c7c7c7;}
.media textarea {border-radius:5px;border:1px solid #065CA4;background:#f9f9f9;color:#065CA4;box-shadow:1px 1px 8px #c7c7c7;-moz-box-shadow:1px 1px 8px #c7c7c7;-webkit-box-shadow:1px 1px 8px #c7c7c7;}
.news img {margin-right:5px}
.news {width:90%;margin:0px auto;}
.news .normal {color:#414141;}
.content {margin:0px auto;}
.bginfobox {margin-top:3px;right:0;background:#065CA4;border-radius:5px;}
.infobox {min-height:542px;padding:10px 0px;}
.sidebar-menu {margin-top:15px;}
.sidebar-menu {border:1px solid #fff;box-shadow:1px 1px 8px #aaa;-moz-box-shadow:1px 1px 8px #aaa;-webkit-box-shadow:1px 1px 8px #aaa;}
.sidebar-menu ul {list-style:none;float:left;width:86%;margin:20px auto;}
.sidebar-menu li {line-height:2.6em;text-align:center;text-transform:uppercase;font-size:16px;}
.sidebar-menu li a {color:#fff!important;display:inline;}
.sidebar-menu li a:hover {color:#59a2df!important;text-decoration:none;}
.sidebar-menu .sbtitel {color:#ddd!important;font-size:18px;text-shadow:1px 1px 1px #333;}
.sidebar-menu .divider{
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #065CA4, #59a2df, #065CA4);
  background-image: -moz-linear-gradient(left, #065CA4, #59a2df, #065CA4);
  background-image: -ms-linear-gradient(left, #065CA4, #59a2df, #065CA4);
  background-image: -o-linear-gradient(left, #065CA4, #59a2df, #065CA4); 	
}
.startcontent {margin-top:12px;}
.footerbox {margin-top:30px;padding-top:10px;} /* Abstand zum Slider */
footer {padding-bottom: 20px;}

/* SLIDERSTART */
.carouselbox {
border-top:1px solid #ddd;
border-right:0px solid #ddd;
border-bottom:0px solid #ddd;
border-left:0px solid #ddd;}

.slide {margin:0px auto;width:99%;}
#myCarousel .carousel-caption {
	left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:2px 5px 12px 10px;
	background:rgba(204,204,204,0.9);
	text-shadow:none;
	color:#065CA4;
}
.carousel-caption a {font-weight:400!important;padding:5px;}
.primary-label a {font-weight:400!important;padding:5px;}

#myCarousel .list-group {position:absolute;top:0;right:0;}
#myCarousel .list-group-item {
border-radius:0px;
cursor:pointer;
background:#065CA4;
background:-moz-linear-gradient(#065CA4, #065597);
background:-ms-linear-gradient(#065CA4, #065597);
background:-o-linear-gradient(#065CA4, #065597);
background:linear-gradient(#065CA4, #065597);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#065CA4), to(#065597));
background:-webkit-linear-gradient(#065CA4, #065597);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a62b', endColorstr='#358623', GradientType=0 );
color:#fefefe;
font-family: font-family: 'Poppins', sans-serif;}
#myCarousel .list-group .active {
background:#eee;
color:#065CA4;
border:none;
}
#myCarousel .list-group-item h4 {font-size:18px;text-align:center;}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}


#myCarousel2 .thumbnail {margin-bottom: 12px;}
.carousel-control.left, .carousel-control.right {background-image:none !important;}
.carousel-control {
	color:#fff;
	top:40%;
	color:#428BCA;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
.carousel-control:hover {color: #d9534f;}
.carousel-control.left, .carousel-control.right {background-image:none !important;}
.carousel-control.right {left:auto;right:-32px;}
.carousel-control.left {right:auto;left:-32px;}
.carousel-indicators {bottom:-30px;}
.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}