@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background: #efefef;
	background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); /* IE10+ */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #dddddd 0%, #ffffff 100%); /* W3C */
	background-attachment: fixed;
	font-family: 'Roboto', sans-serif;
}
.container {
	background: none;
}
/* styles */
h1, h2, h3, h4 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #2573ae;
}
h1 {
	font-size: 1.6em;/*font-variant:small-caps;*/
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.1em;
}
hr {
	max-width: 80%;
}
.cookie {
    position: fixed;
	z-index: 999;
    height: 75px;
    bottom: 0;
    width: 100%;
	font-size: 0.9em;
	padding-top: 10px;
	background:#333333;
	color: #fff
}
.cookie p {
	margin-top: 10px
}
.cookie i {
	cursor: pointer
}
.cookie a {
	color: #fff;
	text-decoration:underline;
}
.cookie button {
	margin-top: -5px;
	margin-right: 15px;
	padding: 5px 12px;
	border: solid 1px black;
	color: black;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	border-radius: 100px;
}
.cookie button:hover {
	color: #fff;
	background-color: #2d2d2d;
	transition: .5s;
}
@media (max-width: 400px) {
	.cookie {
		height: 100px;
	}
}
.header-line {
	background-color: #2573ae;
	margin-bottom: 25px;
}
.header {
	height: 90px;
}
.header .logo {
	top: 0;
	z-index: 1;
	position:absolute;
}
.header h3 {
	color: #dfdfdf;
	padding-top: 0;
	margin-top: -15px;
	margin-left: 15px;
	display: inline-block;
	z-index: 2;
	position:absolute;
	font-size: 1em;
}
.header .topnavi {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 0.8em;
}
.header .topnavi, .header .topnavi a {
	color: #efefef;
}
.header .topnavi a.active {
	text-decoration:underline;
	color: #fff;
}
.header form {
	margin-top: 10px;
	margin-right: 10px;
	height: 36px;
}
.form-control, .input-group-addon {
	border-radius: 5px;
}
.searchfield {
	width: 150px;
	margin-right: 5px;
}
.header button, .header input {
	float: right
}
.breadcrumb {
	background-color: #fff;
	border: 0;
	font-size: 0.8em;
	padding: 0;
}
.print_info {
	display: none;
}
.print_button {
	margin: 1px 3px 0 3px;
	color: #999;
	font-size: 1.4em;
}
.print_button:hover {
	color: #666;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
.admin_button {
	margin-right: 25px;
	opacity: 0.3;
	cursor:pointer;
}
.admin_button:hover {
	opacity: 1;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
.tooltip.left .tooltip-inner {
	background-color: #CCC;
	text-align: right;
	color: #333
}
.tooltip.left .tooltip-inner b {
	float:left;
	margin-right: 5px;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #CCC;
}
.alert {
	border-radius: 10px;
}
/* Start */
.startboxes {
	margin-top: 10px;
	margin-bottom: 20px;
}
.infobox {
	min-height: 200px;
	padding: 15px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size: 0.9em;
}
.infobox h2 {
	padding:0;
	margin-top: 0;
	color: #fff;
	font-size: 1.5em;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.infobox span {
	color: #efefef;
}
.infobox a {
	margin-top: 20px;
	color: #fff;
	font-size: 0.9em;
}
.infobox-link, .cursor {
	cursor: pointer;
}
.infobox .btn {
	color: #000;
}
.infobox img {
	margin-bottom: 10px;
	width: 100%;
}
.startbox a {
	font-size: 0.85em;
}
.start-infobox-1 {
	margin-top:	10px;
	background-color: #5ea3d7;
	background-image: -webkit-linear-gradient(#5ea3d7 0%, #2573ae 100%);
	background-image: -moz-linear-gradient(#5ea3d7 0%, #2573ae 100%);
	background-image: -o-linear-gradient(#5ea3d7 0%, #2573ae 100%);
	background-image: linear-gradient(#5ea3d7 0%, #2573ae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea3d7', endColorstr='#2573ae');
}
.start-infobox-1:hover {
	-webkit-box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);

	transition: box-shadow .7s ease-in-out;
	-o-transition: box-shadow .7s ease-in-out;
	-moz-transition: box-shadow .7s ease-in-out;
	-webkit-transition: box-shadow .7s ease-in-out;
}
.start-infobox-2 {
	margin-top:	10px;
	background-color: #f48221;
	background-image: -webkit-linear-gradient(#f48221 0%, #dc751d 100%);
	background-image: -moz-linear-gradient(#f48221 0%, #dc751d 100%);
	background-image: -o-linear-gradient(#f48221 0%, #dc751d 100%);
	background-image: linear-gradient(#f48221 0%, #dc751d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48221', endColorstr='#dc751d');
}
.start-infobox-2:hover {
	-webkit-box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);

	transition: box-shadow .7s ease-in-out;
	-o-transition: box-shadow .7s ease-in-out;
	-moz-transition: box-shadow .7s ease-in-out;
	-webkit-transition: box-shadow .7s ease-in-out;
}
.start-infobox-3 {
	margin-top:	10px;
	background-color: #5ea3d7;
	background-image: -webkit-linear-gradient(#5ea3d7 0%, #2573ae 100%);
	background-image: -moz-linear-gradient(#5ea3d7 0%, #2573ae 100%);
	background-image: -o-linear-gradient(#5ea3d7 0%, #2573ae 100%);
	background-image: linear-gradient(#5ea3d7 0%, #2573ae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea3d7', endColorstr='#2573ae');
}
.start-infobox-3:hover {
	-webkit-box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 55px 0px rgba(0,0,0,0.3);

	transition: box-shadow .7s ease-in-out;
	-o-transition: box-shadow .7s ease-in-out;
	-moz-transition: box-shadow .7s ease-in-out;
	-webkit-transition: box-shadow .7s ease-in-out;
}

.infobox-1 {
	min-height: 200px;
	padding: 15px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color: #333;
	font-size: 0.9em;
}
.infobox-1 h2 {
	margin-top:0;
	padding-top: 0;
}
.infobox-1 img {
	margin-bottom: 10px;
	width: 100%;
}
.infobox-1 a {
	font-size: 0.9em;
}
.infobox-12 {
	min-height: 200px;
	padding: 15px;
	font-size: 0.9em;
}
.infobox-12 h2 {
	margin-top: 0px;
}
.starttext {
	-webkit-columns: 300px 3;
	-moz-columns: 300px 3;
	columns: 300px 3;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	-webkit-column-rule: 1px dotted #ccc; /* Chrome, Safari, Opera */
	-moz-column-rule: 1px dotted #ccc; /* Firefox */
	column-rule: 1px dotted #ccc;
}
/* Main */
#main-content {
	padding: 15px;
	border-radius: 15px;
	background-color: #fff;
	font-size: 1em;
}
#main-content .blog-main, #main-content .blog-sidebar {
	margin-top: 25px;
}
#main-content h1, .blog-main h1 {
	margin-top: 0px;
	font-size: 2em;
	text-align:center;
}
.blog-main h1 span {
	font-size: 2em
}
.blog-main h2, .blog-main h3 {
	text-align: center;
}
.blog-main h2 {
	margin-bottom: 25px;
}
.blog-main img {
	display: block;
	height: auto;
	max-width: 100%;
	display: block;
}
.blog-main img .no-border {
	border:none;
}
table {
	font-size: 1em
}
.table thead {
	background-color: #ccc;
	color: #fff;
	text-transform: uppercase;
}
.table-striped tbody tr:nth-child(odd) {
	background-color: #efefef;
}
.table-striped tbody tr:hover {
	background-color: #dfdfdf;
}
.imprint {
	width: 100%;
	margin: 25px 0;
	padding: 25px 50px;
	background-color: #efefef;
	border: 1px solid #ccc
}
.imprint table {
	width: 100%;
	border-collapse: collapse;
}
.imprint th {
	padding-bottom: 5px;
	font-size: 2em;
}
.imprint td {
	padding-bottom: 3px;
	font-size: 1.1em;
}
/* Tabs */
.nav-tabs {
	border-radius: 15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 1px;
}
.nav-tabs > li > a {
	border: none;
	color: #666;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
	border: none;
	color: #4285F4 !important;
	background: transparent;
}
.nav-tabs > li > a::after {
	content: "";
	background: #4285F4;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
	transform: scale(1);
}
.tab-nav > li > a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}
.tab-pane {
	padding: 15px 0;
}
.tab-content {
	padding:20px
}
/* Maps */
.map {
	margin-top: 25px;
}
.map_container {
	margin-bottom: 65px;
	width: 100%;
	height: 340px;/*padding-bottom: 56.25%;  Ratio 16:9 ( 100%/16*9 = 56.25% ) */

}
.map_container .map_canvas {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.map_container .map_canvas  iframe {
	border-radius: 15px;
}
/*kde */
.kde, .city-voucher {
	margin-top: 25px;
	padding: 15px;
	background-color: #fff;
	border-radius: 15px;
}
.kde .kde-container {


}
/* Lightbox */
.modal-dialog {
	width:600px;
}
.thumbnail {
	margin-bottom:6px;
}
.thumbnail:hover {
	opacity:0.7
}
/* Lightbox Caption */
/* youtube */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Footer */
.footer-line {
	position: fixed;
	bottom:0;
	background-color: #2573ae;
	height: 50px;
	width:100%;
	padding: 15px;
	text-align: center;
	opacity: 0.8;
}
.footer-line, .footer-line a {
	color: #efefef;
}
.footer-line .copyright {
	color: #efefef;
	font-style:italic;
}
/* Carousel */
.carousel {
	margin-bottom: 15px;
	width: 100%;
}
.carousel img {
	border-radius: 15px;
}
.carousel-caption a {
	margin-top: 20px;
}
.carousel-caption h2 {
	margin-top: 0;
	padding: 15px;
	color: #808080;
	font-size: 1.5em;
	text-align: right;
	font-weight: bold;
	text-shadow: none;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.8);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-caption {
	color: #000;
	position: absolute;
	top: -20px;
	left: 0px;
	width: 100%;
	min-height: 450px;
}
.carousel-control.left, .carousel-control.right {
	background: none !important;
 	filter: progid: none !important;
	outline: 0;
}
.carousel .carousel-control {
	visibility: hidden;
}
.carousel:hover .carousel-control {
	visibility: visible;
}
.carousel-indicators {
	bottom: 0px;
}
.carousel-indicators li {
	background-color: #999 !important;
	background-color: rgba(70,70,70,.25) !important;
	margin-right:5px;
}
.carousel-indicators .active {
	background-color: #444 !important;
	margin-right:5px;
	padding: 6px;
}
/* Logo */
.logo {
	z-index: 1;
	position:absolute;
}
/* custom navbar */
.navbar-form {
	display: none
}
.navbar-default {
	border: none;
	background: none;
}
.navbar-default ul {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f48221;
	border: none;
	border-radius: 15px;
	font-size: 1.2em;
}
.navbar-default .navbar-nav ul {
	padding-left: 10px;
	padding-right: 10px;
}
.navbar-default .navbar-nav li {
	padding-top: 0;
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background-color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #fff;

}
.navbar-default {
	border-color: none;
}
.navbar-default .navbar-brand {
	visibility:hidden
}
.navbar-default .navbar-nav>li>a {
	border-radius: 5px;
	color: #fff
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #666
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #666
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #666
}
.dropdown-menu {
	border: none;
}
.dropdown-menu>li>a, .dropdown-header {
	color: #fff;
	font-size: 0.7em;
	border-radius: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #efefef;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #666;
	background-color: #fff;
}
ul.dropdown-menu>li.active>a:hover {
	background: #fff !important;
	color: #666
}
ul.dropdown-menu>li.active>a {
	background: #fff !important;
	color: #666
}
.navbar-default .navbar-nav>.dropdown>a .caret {
	color: #fff
}
.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.active.dropdown>a .caret, .navbar-default .navbar-nav>.active.dropdown>a:active .caret {
	color: #666
}
.navbar-nav {
	margin-right: -30px
}
.navbar-default .navbar-nav {
	font-family: 'Lato', sans-serif;
}
/* Sidebar */
.sub-nav ul {
	margin-bottom:15px;
	background-color: #efefef;
	border-radius: 5px;
}
.sub-nav .nav-pills>li {
	margin:0;
	padding:0;
}
.sub-nav .nav-pills>li>a {
	border-radius: 5px;
	border-bottom: 1px dotted #ddd;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub-nav .nav-pills>li>a:hover {
	background-color:#f48221;
	color: #fff;
}
.sub-nav .nav-pills>li.active>a {
	background-color: #f48221;
}
.sub-nav .nav-pills>li.active>a:hover {
	background-color:#f48221;
}
.sub-nav .nav-pills>li.sub-nav-li {
	font-size: 0.9em;
}
.sub-nav-li .caret {
	transform: rotate(-90deg);
}
.sub-nav h4 {
	font-style: italic;
	padding: 10px 15px;
	background-color: none;
	color: #666;
	font-size: 1.5em;
	border-bottom: 2px solid #ddd;
	display:none
}
.sub-nav .nav-pills .seperator {
	background-color: #efefef;
	padding: 3px 5px;
}
.well {
	border-radius: 10px;
	border: 0;
}
. well .glyphicon {
 float: left;
}
/* Gallery */
.gallery-img-name {
	font-size: 0.8em;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* =UItoTop jQuery Plugin 1.2
-------------------------------------------------------------- */
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 75px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: 100%;
	background: url(../images/design/totop.png) no-repeat left top;
	opacity: 50;
	/*filter: alpha(opacity=5000);*/
  z-index: 2;
}
#toTopHover {
	background: url(../images/design/totop.png) no-repeat left -51px;
	width: 51px;
	height: 51px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;/*filter: alpha(opacity=0);*/
}
#toTop:active, #toTop:focus {
	outline: none;
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.container {
	max-width: 480px;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.container {
	max-width: 768px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.container {
	max-width: 992px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.container {
	max-width: 1200px;
}
}

/* ##################################### ---> */

@media only screen and (max-width:1200px) {
.carousel {
	height: 285px;
}
}
@media only screen and (max-width:991px) {
.carousel {
	height: 216px;
}
}
@media only screen and (max-width:767px) {
.carousel {
	height: 132px;
}
.logo {
	z-index: 1;
	position:absolute;
}
.navbar-default {
	background-color: #f4821f;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.navbar-default ul {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 0px;
}
.navbar-default .navbar-nav ul {
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-default .navbar-brand {
	color: #fff;
	visibility:visible
}
.navbar-default .navbar-brand:hover {
	color: #fff
}
.navbar-default .dropdown-header {
	color: #ccc;
}
.navbar-default .dropdown-menu li:hover {
	background: #fff;
	border-radius: 5px;
	color: red;
}
.navbar-form {
	display:block
}
.navbar-form input {
	width: 65%;
	border-radius: 5px;
}
.navbar-form button {
	width: 25%;
	float: right
}
.map_container {
	margin-bottom: 20px;
}
.copyright {
	font-size: 0.8em;
}
.header form, .print_button, .carousel-caption, .admin_button {
	display:none
}
}
@media only screen and (min-width: 550px) and (max-width:767px) {
.logo {
	width: 38%;
}
}
@media only screen and (max-width:767px) {
.logo {
	margin-top: 30px;
}
.header h3 {
	margin-top: 10px;
	right: 10px;
}
}
@media only screen and (max-width:640px) {
.carousel {
	height: 132px;
}
.start-news {
	width:100%;
}
}

@media only screen and (max-width:550px) {
.carousel {
	height: 130px;
}
.header {
	height: 100px;
}

}
@media only screen and (max-width: 480px) {
.carousel {
	display: none
}
}
/* <-- ################################# */
/* Mail */
.required_border {
	border: 1px solid #C00;
}
.required_text {
	color: #C00;
}
#contact_form .btn {
	margin-top: 10px;
}
#contact_form label {
	padding-top: 5px;
}
.glyphicon-spin {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}

/*printer styles*/
 @media print {
/*hide column when printing*/

.header h2, #print-btn #update-btn #nav-left #nav-bar, #selectUnitContainer, .navbar, .sidebar-nav, #print-btn, #update-btn, #units, #nav-left, .navbar, .blog-sidebar, .sidebar-nav, .modal, .header form, .carousel, .startboxes, .blog-news, .map_content, .topnavi, .breadcrumb, .print_button, .admin_button, .map_container, .footline {
	display: none
}
.print_info {
	display: inline-block
}
#main-content {
	margin-top: 0px;
}
.well .span12 {
	width: 100%;
	visibility: visible;
}
.container {
	border:none;
}
a[href]:after {
	content: none !important;
}
}