/* UTF8: äöüß
 * ----------------------------------------------------------------------------------
 * Author:	Michael Diekmann
 * Copyright:	www.aikon-media.de
 * Date:	2018-08-01
 * ----------------------------------------------------------------------------------
 */


a.svg {
	position:			relative;
	display:			block;
}

a.svg:after {
	content:			"";
	position:			absolute;
	top:				0;
	right:				0;
	bottom:				0;
	left:				0;
}

body {
	background:			#eaeaea;
}


div.page {
	background:			#FFFFFF;
	color:				#494848;
	box-shadow:			0px 0px 3px #888888;
}

header {
	position:			relative;
	background:			#BBCDEB;
	background:			linear-gradient(to bottom, #FFFFFF 40%, #CCCCCC 90%);
	border-bottom:			0.5em solid #FFFFFF;
}

header .logo object {
	min-height:			100px;
	text-align:			center;
}

header .trodat img,
header .schreibwaren img {
	max-height:			100px;
	text-align:			center;
}

header .info {
	color:				#FFFFFF;
	background:			#1258A5;
}

header .info h3 {
	font-size:			16pt;
	text-overflow:			ellipsis;
	white-space:			nowrap;
	overflow:			hidden;
}

header a {
	color:				#FFFFFF;
}

header a:hover {
	color:				#c0cce9;
}

header .info table td {
	white-space:			nowrap;
}

nav.navbar-default {
	background:			#1258a5;
	border-radius:			0px 0px 0px 0px;
	border:				none;
	margin:				0px -15px 0px -15px;
}

nav a {
	color:				#FFFFFF !important;
	text-transform:			uppercase;
}

nav a:hover {
	background:			#6e9ed4 !important;
	box-shadow:			none;
}

nav a.current,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
	color:				#1258a5 !important;
	background:			#bbcdeb !important;
	box-shadow:			none;
}

nav .navbar-toggle {
	background-color:		#6e9ed4;
}

nav .icon-bar {
	background-color:		#FFFFFF !important;
}

main #MapArea {
	height:				700px;
	margin-top:			40px;
	margin-bottom:			50px;
}

main h1 {
	font-size:			18pt;
	color:				#1258a5;
	text-transform:			uppercase;
}

main h2 {
	font-size:			16pt;
	color:				#1258a5;
	text-transform:			uppercase;
}

main h1 + h2 {
	margin-top:			0em;
}

main h3 {
	font-size:			15pt;
	color:				#1258a5;
}

main h4 {
	font-size:			14pt;
	color:				#1258a5;
}

main h5 {
	font-size:			13pt;
	color:				#1258a5;
}

main h6 {
	font-size:			12pt;
	color:				#1258a5;
}

main hr.separator {
	border:				none;
	background-color:		transparent;
	height:				1px;
	border-top:			1px solid #bbcdeb;
	margin:				25px 0px 15px 0px;
	clear:				both;
}

@media only screen and (min-width: 992px) and  (max-width: 99999999px) {
	header div.separator,
	main div.separator {
		border-right:			1px dotted #bbcdeb;
	}
}

@media only screen and (max-width: 992px) {
	header div.separator,
	main div.separator {
		padding-bottom:			15px;
		border-bottom:			1px dotted #bbcdeb;
	}
}

main a.goahead {
	background:			transparent url('/media/misc/list-bullet.png') 0% 0% no-repeat;
	padding-left:			16px;
}

main a[href^='http:'],
main a[href^='https:'] {
	background:			transparent url('/media/misc/offpage-link.png') 100% 50% no-repeat;
	padding-right:			13px;
	color:				#008FC4;
	text-decoration:		none;
}
main a[href^='http:']:hover,
main a[href^='https:']:hover {
	background:			transparent url('/media/misc/offpage-link.png') 100% 50% no-repeat;
	padding-right:			13px;
	color:				#008800;
	text-decoration:		underline;
}

main h1.separator {
	border-bottom:			1px dotted #bbcdeb;
	padding-bottom:			10px;
	margin-bottom:			20px;
}

main .hseparator {
	padding-bottom:			10px;
	border-bottom:			1px dotted #bbcdeb;
}

main div.entry {
	position:			relative;
	height:				95px;
	text-align:			center;
}

main div.entry span.helper {
	height:				100%;
	vertical-align:			middle;
	display:			inline-block;
}

footer {
	padding-top:			105px;
	height:				auto;
	min-height:			153px;
	background-color:		#1258a5;
	background-image:		url('/media/bg-footer-wave.png');
	background-repeat:		no-repeat;
	color:				#FFFFFF;
}

footer .contact img {
	position:			relative;
	float:				left;
	width:				62px;
	margin:				6px 16px 0px 10px;
}

footer .contact p {
	line-height:			13pt;
	margin:				17px 0px 0px 10px;
}

footer .contact h4 {
	margin:				0px 0px 0px 10px;
	padding:			0px 0px 0px 0px;
	white-space:			nowrap;
	font-weight:			bold;
	font-size:			12pt;
	line-height:			14pt;
}

footer .contact h2 {
	margin:				10px 0px 0px 10px;
	padding:			0px 0px 0px 0px;
	white-space:			nowrap;
	font-weight:			bold;
	font-size:			20pt;
	line-height:			22pt;
}

footer .contact a {
	color:				#FFFFFF;
}

footer .contact a:hover {
	color:				#c0cce9;
	text-decoration:		underline;
}

footer .contact h3 {
	margin:				17px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	white-space:			nowrap;
	font-weight:			bold;
	font-size:			12pt;
	line-height:			14pt;
}

footer .contact p {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
}

footer .links li {
	list-style-image:		url('/media/misc/list-bullet-footer.png');
}

footer .links a {
	padding:			1px 5px 1px 5px;
	color:				#FFFFFF;
}

footer .links a:hover {
	color:				#FFFFFF;
	background-color:		#6e9ed4;
	text-decoration:		none;
	border-radius:			5px 5px 5px 5px;
}

footer .links a.current {
	color:				#1258a5;
	background-color:		#bbcdeb;
	border-radius:			5px 5px 5px 5px;
}

footer .copyright {
	color:				#c0cce9;
}

footer .copyright a {
	color:				#c0cce9;
}

footer .copyright a:hover {
	color:				#FFFFFF;
}


footer a.facebook {
	display:			block;
	width:				35px;
	height:				35px;
	margin-right:			8px;
	margin-bottom:			8px;
	background:			#2365ac;
}

footer a.facebook:hover {
	color:				#FFFFFF;
	background:			#5195de;
}


/*
#///////////////////////////////////////////////////////////////////////#
# jquery.bxslider.css							#
#///////////////////////////////////////////////////////////////////////#
*/

ul.bxslider,
ul.bxslider li,
ul.bxslider li a,
ul.bxslider li a img,
.bx-wrapper,
.bx-viewport,
.bx-pager,
.bx-default-pager {
	margin:				0px 0px 0px 0px !important;
	padding:			0px 0px 0px 0px !important;
}

.bx-wrapper ul.bxslider {
	margin:				0px 0px 0px 0px !important;
	padding:			0px 0px 0px 0px !important;
}

.bx-wrapper ul.bxslider li {
	list-style:			none;
}

.bx-wrapper {
	position:			relative;
	margin:				0px 0px 0px 0px !important;
	padding:				0px 0px 0px 0px !important;
	background-color:		transparent;
}

.bx-wrapper .bx-viewport {
	position:			relative;
	left:				0px;
	margin:				0px 0px 0px 0px !important;
	padding:			0px 0px 0px 0px !important;
	-moz-box-shadow:		none;
	-webkit-box-shadow:		none;
	background-color:		transparent;
	box-shadow:			none;
	border:				none;
}

.bx-controls {
	position:			relative;
	margin:				0px 0px 38px 0px !important;
	z-index:			1;
}

.bx-controls-direction {
	display:			none;
}

.bx-wrapper .bx-caption {
	top:				0em !important;
	left:				0em !important;
	text-align:			right;
	background:			transparent !important;
}

.bx-wrapper .bx-caption span {
	color:				#1258a5;
	padding:			0.5em 0.5em 0.5em 0.8em !important;
	text-shadow:			0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF;
}

@media only screen and (max-width: 970px) {
	.bx-wrapper .bx-caption span {
		font-size:			23pt;
	}
}

@media only screen and (max-width: 750px) {
	.bx-wrapper .bx-caption span {
		font-size:			18pt;
	}
}

div.bxslider-navigation {
	position:			relative;
	float:				left;
	width:				100%;
	padding:			216px 0px 0px 0px;
	z-index:			1;
}

#bxslider-prev a {
	position:			relative;
	float:				left;
	width:				39px;
	height:				39px;
	margin:				0px 0px 0px 15px;
	background-image:		url('/media/jquery.bxslider/iconset-navigation.png');
	background-position:		0px 0px;
	background-repeat:		no-repeat;
	display:			block;
}

#bxslider-prev a:hover {
	background-image:		url('/media/jquery.bxslider/iconset-navigation.png');
	background-position:		0px -39px;
	background-repeat:		no-repeat;
}

#bxslider-next a {
	position:			relative;
	float:				right;
	width:				39px;
	height:				39px;
	margin:				0px 15px 0px 0px;
	background-image:		url('/media/jquery.bxslider/iconset-navigation.png');
	background-position:		-39px 0px;
	background-repeat:		no-repeat;
	display:			block;
}

#bxslider-next a:hover {
	background-image:		url('/media/jquery.bxslider/iconset-navigation.png');
	background-position:		-39px -39px;
	background-repeat:		no-repeat;
}