.nav li
	{
 	background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');;

	}

a img
	{
 	border: none;;

	}

body
	{
 	line-height: 145%;
	background-color: #ffffff;
	color: #000000;
	font-family: 'Barlow', sans-serif;;

	}

.wrapper
	{
 	width: 100%; overflow: hidden; ;

	}

h1
	{
 	display: block; margin-bottom: 10px; line-height: 100%;font-weight: 800; text-transform: uppercase;;
	color: #0072af;
	font-size: 70px;

	}

h2
	{
 	display: block; margin-bottom: 10px; line-height: 100%;font-weight: 800; text-transform: uppercase; ;
	color: #0d618c;
	font-size: 45px;

	}

h3
	{
 	display: block; margin-bottom: 10px; line-height: 100%;font-weight: 800; text-transform: uppercase;;
	color: #127bb5;
	font-size: 38px;

	}

h4
	{
 	display: block; margin-bottom: 10px; line-height: 130%;font-weight: 400;;
	color: #127bb5;
	font-size: 19px;

	}

h5
	{
 	display: block; margin-bottom: 10px; line-height: 100%;font-weight: 800; text-transform: uppercase;;
	color: #0d618c;
	font-size: 25px;

	}

h6
	{
 	display: block; margin-bottom: 10px; line-height: 100%; ;
	font-size: 12px;

	}

a
	{
 	text-decoration: underline;;
	color: #127bb5;

	}

a:hover
	{
 	text-decoration: none;;
	color: #000000;

	}

.allpics
	{
 
	}

.subline
	{
 	font-weight: 600;;
	font-size: 13px;

	}

.outer
	{
 	position: relative; width: 100%; z-index: 2500; padding-top: 50px; background-image:url(/upmedia/reckenberg-hintergrund.jpg); background-position: center top;   background-repeat: repeat-y; ;
	background-color: #ffffff;
	color: #000000;

	}

.outer
	{
 	background-size: contain;;

	}

.inner
	{
 	position: relative; width: 80vw; margin-left: auto; margin-right: auto;;

	}

.suchbut
	{
 	background-color: #cdcdcd;
	color: #FFFFFF;

	}

.suchfeld, .newsfeld
	{
 
	}

.submitbutton, .newsbutin, .newsbutout, .loginbutt, .submitbutt
	{
 	padding: 10px; margin-top: 2px; border: none; min-width: 200px;;
	background-color: #8aabce;
	color: #000000;
	font-size: 12px;

	}

.submitbutton:hover, .newsbutin:hover, .newsbutout:hover, .loginbutt:hover, .submitbutt:hover
	{
 	background-color: #0d618c;
	color: #ffffff;

	}

.bottom
	{
 	min-height: 100px; position: relative; z-index: 3001; line-height: 160%; padding-bottom: 50px; ;
	background-color: #0d618c;
	color: #ffffff;
	font-size: 13px;

	}

.bottom a
	{
 	color: #ffffff;

	}

.bottom a:hover
	{
 	color: #ffffff;

	}

.footer-outer
	{
 	width: 910px;;

	}

.footer-inner
	{
 	min-width: 33%; min-height: 80px; margin-top: 20px; line-height: 150%; width: 33%;

	}

.footer-inner h2
	{
 	font-weight: 400; ;
	color: #ffffff;
	font-size: 20px;

	}

.footer-inner h3
	{
 	font-weight: 600; ;
	color: #ffffff;
	font-size: 16px;

	}

.footer-inner hr
	{
 	border-color: #ffffff; margin: 20px 0; ;

	}

.footer
	{
 	position: relative; margin: 0; ;
	background-color: #ffffff;

	}

a.onit, a.nachoben, a.onit:hover, a.nachoben:hover
	{
 	font-size: 9px;

	}

.flyout
	{
 	position: relative;

	}

.Logo
	{
 	position: fixed; top: 0; min-width: 100vw;  z-index: 2000;height: 0px;;

	}

.top
	{
 	max-height: 750px; height: 40vw; position: relative;  ;

	}

.CONTENTSLIDE img
	{
 	min-width: 100vw;  width: 100%;;

	}

#slideshow
	{
 	position: fixed;  ;

	}

sup
	{
 	font-size: 70%;;

	}

.breadcrumbs
	{
 	display:none;;

	}

.right .nav a
	{
 	text-decoration: none; display: block; line-height: 22px; zoom: 1;;
	color: #5D9130;
	font-size: 14px;

	}

.right .nav li.act > a
	{
 	background-color: #ffffff;
	color: #cdcdcd;

	}

.right .nav li.subact > a
	{
 
	}

.right .nav a:hover
	{
 
	}

.right .nav > ul > li > a
	{
 	padding-left: 10px;;

	}

.right .nav > ul > li.act > a
	{
 
	}

.right .nav > ul > li.act > a
	{
 	font-weight: bold;;

	}

.right .nav > ul > li > a:hover
	{
 
	}

.flyout .nav
	{
 	position: fixed !important; top: 0; left: 0; z-index: 3010; width: 100%; ;

	}

.flyout .nav a
	{
 	text-decoration: none; display: block; line-height: 30px; padding: 0 10px; zoom: 1;;
	color: #ffffff;
	font-size: 13px;

	}

.flyout .nav li.act > a
	{
 	color: #8aabce;

	}

.flyout .nav li.subact > a
	{
 
	}

.flyout .nav a:hover
	{
 	color: #8aabce;

	}

.flyout .nav > ul > li > a
	{
 	text-transform: uppercase; font-weight: 600; ;
	font-size: 15px;

	}

.flyout .nav > ul > li.act > a
	{
 	color: #000000;

	}

.flyout .nav > ul > li > a:hover
	{
 	color: #000000;

	}

.flyout .nav > ul > li > a span
	{
 	display: block;;

	}

.flyout .nav li
	{
 	position: relative;;

	}

.flyout .nav > ul > li
	{
 	display: inline-block; *display: inline; zoom: 1; vertical-align: top; ;

	}

.flyout .nav ul ul li
	{
 
	}

.flyout .nav li:hover > ul, .flyout .nav li.js-hover > ul
	{
 	display: block;;

	}

.flyout .nav ul
	{
 	margin-left: -455px; width: 890px; top: 23px; position: fixed; padding: 0; left: 50%;;

	}

.flyout .nav ul ul
	{
 	top: 100%; left:0; margin-left: 0; position: absolute;  display: none; opacity: 0.95; alpha(opacity=95); ;

	}

.flyout .nav ul ul ul
	{
 	top: 0; left: 100%;;

	}

.fixed-navi
	{
 	 position: fixed !important;  height: 69px !important;;

	}

.fixed-navi ul
	{
 	top: 20px !important; width: 800px !important; margin-left: -365px !important;;

	}

.fixed-navi ul ul
	{
 	width: 600px !important;  left: 0 !important; margin-left: -133px !important;  margin-top: 10px; ;

	}

.fixed-navi ul ul ul
	{
 	display: block; top: 0% !important; position: relative; left: 0 !important; padding: 0 !important; width: auto; margin-left: 0 !important;;

	}

.newsubnavi
	{
 	padding: 10px 0px 10px 10px !important; ;
	background-color: #0d618c;

	}


	{
 
	}

.flyout .nav ul ul
	{
 	width: 600px; padding: 10px 0 20px 20px; left: 0; margin-left: -133px; ;

	}

.flyout .nav ul ul li a
	{
 	border-bottom: 1px solid #ffffff; margin-right: 10px; margin-top: 5px; line-height: 125%; padding:15px 5px 5px 5px;;

	}

.flyout .nav ul ul ul
	{
 	display: block; top: 0%; position: relative; left: 0 !important; padding: 0; width: auto; margin-left: 0; margin-top: 4px; ;

	}

.flyout .nav ul ul ul li a
	{
 	border-bottom: none; margin:0; line-height: 100%; padding: 2px 10px;  ;

	}

.flyout .nav ul ul ul li
	{
 	display: block;  ;

	}

.flyout .newsubnavi li
	{
 	display: inline-block; width: 200px; vertical-align: top;  ;

	}

.flyout ul li#siteid100 ul
	{
 	margin-left: -315px !important;;

	}

.flyout ul li#siteid100 ul ul
	{
 	margin-left: 0 !important;;

	}

.center
	{
 	color: #000000;

	}

.anzeige
	{
 	color: #EC5621;
	font-size: 12px;

	}

.anzeigesubline
	{
 	display: none;;
	color: #8bb600;

	}

.tipp
	{
 
	}

.tipptext
	{
 	margin: 0 10px 10px 10px; width: 180px;

	}

.textcontainerabstand
	{
 	margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #fbf2d9;;

	}

.contentrahmen
	{
 	margin: 20px; ;

	}

p
	{
 	margin-bottom: 10px;;

	}

hr
	{
 	border-top: 1px solid #127bb5; border-right: none; border-left: none; border-bottom: none;;

	}

.cycle-pager span.cycle-pager-active
	{
 	color: #000000;

	}

.center ul
	{
 	list-style: disc; margin-left: 20px; margin-bottom: 10px;;

	}

.center ol
	{
 	list-style: decimal; margin-left: 20px; margin-bottom: 10px;;

	}

.center table
	{
 	width: 100%; margin-bottom: 10px; ;

	}

.center tr
	{
 	border-bottom: 1px solid #cdcdcd;;

	}

td
	{
 	padding: 2px;;

	}

th
	{
 	padding: 5px; text-transform: uppercase; font-weight: 700;;
	background-color: #127bb5;
	color: #ffffff;

	}

tr:hover
	{
 	background-color: #dddddd;

	}

.sprachwahl
	{
 	position: absolute; top: 5px; right: 50%; z-index: 3010; margin-right: -455px; height: 20px;;

	}

.sprachwahl a img
	{
 	width: auto; height: 100%;;

	}

.txt41 h3 a
	{
 	font-weight: 400; text-decoration: none; padding: 35px 1%; margin: 0 10px 10px 0; background-color: #22bade; color: #ffffff; font-size: 16px; text-transform: none; background-image:none;;
	background-color: #127bb5;
	color: #ffffff;
	font-size: 15px;

	}

.txt41 h3 a:hover
	{
 	background-image: url(/upmedia/reckenberg-kachel-back.jpg); background-size: cover; background-blend-mode: multiply; };
	background-color: #004077;

	}

.view
	{
 	width: 32% !important; height: 32%;;

	}

.view:nth-child(3n)
	{
 	margin-right: 0px;;

	}

.view h2, .view h1 
	{
 	font-weight: 600; text-align: center; font-size: 21px; margin-top: 50%;;
	color: #ffffff;

	}

.view .mask
	{
 	background-color: rgba(123,198,235, 0); width: 90%; height: 90%; padding: 5%;;

	}

.view:hover .mask
	{
 	opacity: 1; background-color: rgba(123,198,235, 0.9); ;

	}

.large
	{
 	width: 390px; margin-left: -455px; top: 86px; padding: 0; overflow: hidden;height: 127px;;

	}

.small
	{
 	width: 65px;; margin-left: -455px; top: 0px; padding: 0; overflow: hidden; height: 70px;;

	}

.logo-responsive
	{
 	z-index: 3001; ;

	}

.logo-responsive img
	{
 	height: 100%; ;

	}

.small img
	{
 	width: 215px;;

	}

.large img
	{
 	width: 390px;;

	}

#banner-fade
	{
 	height: 65vh; margin-bottom: 5vh;;

	}

.caption-over
	{
 	background-color: rgba(200,200,200,0.9); bottom: 0px; right: 33%; width: 31%; height: 180px; padding: 20px; text-align: center;;

	}

.bjqs h1
	{
 	font-weight: 700; display: block; text-align: center; margin-bottom: 20px; padding: 0; ;
	color: #ffffff;
	font-size: 23px;

	}

.bjqs h2
	{
 	font-weight: 700; display: block; text-align: center; margin-bottom: 20px; padding: 0;;
	color: #ffffff;
	font-size: 23px;

	}

.bjqs p
	{
 	font-weight: 400; display: block; text-align: center; line-height: 110%; margin-bottom: 20px; ;
	color: #ffffff;
	font-size: 14px;

	}

.bjqs p a
	{
 	font-weight: 400; display: block; text-align: center; line-height: 110%; margin-bottom: 20px; ;
	color: #ffffff;
	font-size: 14px;

	}

.bjqs p a:hover
	{
 	color: #004595;

	}


	{
 
	}

.layout8884 dt
	{
 	border-top: 1px solid #cdcdcd; 	padding: 5px 0; ;

	}

.layout8884 dd
	{
 	display: none;;

	}

a.closed
	{
 	padding: 5px 10px; display: inline-block; text-decoration: none; cursor: pointer; margin-right: 10px;;
	background-color: #7bc6eb;
	color: #ffffff;

	}

a.closed:hover
	{
 	background-color: #aaaaaa;

	}

a.open
	{
 	padding: 5px 10px; display: inline-block; text-decoration: none;  cursor: pointer;  margin-right: 10px;;
	background-color: #cdcdcd;

	}

.contenteventssort div
	{
 	margin-top: 10px;;

	}

.contenteventssort input
	{
 	padding: 4px; margin-top: -5px;;
	font-size: 14px;
	font-family: 'Tahoma', sans-serif;;

	}

.contenteventssort .button
	{
 	padding: 7px; height: auto !important; border: none; cursor: pointer; margin-top: -14px; margin-left: 5px; width: 140px !important;;
	background-color: #7bc6eb;
	color: #ffffff;

	}

.contenteventssort .button:hover
	{
 	background-color: #aaaaaa;

	}

.contenteventssort div.contenteventssort form div
	{
 	margin-top:10px;;

	}

.layout8884 .rechts
	{
 	margin-top: 10px; ;

	}

.video-container
	{
 	    position: relative;     padding-bottom: 56.25%;     padding-top: 30px;     height: 0;     overflow: hidden;;

	}

.video-container iframe, .video-container object, .video-container embed
	{
 	position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;;

	}

.balken-navi
	{
 	position: fixed !important; top: 0; left: 0; z-index: 3000; width: 100%; height: 150px; background-color: rgba(138,171,206,0.9);;

	}

.fixed-balken
	{
 	height: 69px !important; ;

	}

.hinweis
	{
 	text-align: center; background-color: #0d618c; color: #fff; padding: 3%; width: 94%;;

	}

.hinweis a
	{
 	color: #ffffff;

	}

.hinweis h4
	{
 	color: #ffffff;

	}

.test
	{
 	z-index:4000;position: fixed; color: #ffffff; left: 5%;;

	}

.test a
	{
 	color: #ffffff;

	}

.pic8
	{
 	width: 22%; margin-right: 2%; margin-bottom: 10px; position: relative; float: left; margin-left: 0; ;

	}

.txt8
	{
 	text-align: left; margin-top: 0px; width: 76%; padding-left: 24%;;

	}

.layout8 h1
	{
 	display: block; margin-bottom: 10px; line-height: 130%; font-weight: 400; color: #8aabce; font-size: 19px; text-transform: none; float:right; width: 76%;;

	}

sub
	{
 	line-height: 40%;;
	font-size: 65%;

	}