<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html * {
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
/*	background: url(/images/bg-top-light.jpg) repeat-x 0 0 #347fcc;*/
/*	background-color:#0066cc; */

/*  kst 09.05.2020 deaktiviert da neue Hintergrundfarbe
    background: rgb(7,118,191);
*/

background-color: rgb(33,44,63) !important;
/*background: linear-gradient(180deg, rgba(7,118,191,1) 0%, rgba(6,118,191,1) 35%, rgba(0,102,204,1) 50%, rgba(0,102,204,1) 100%);
*/
/*    background: linear-gradient(180deg, rgb(2,66,132) -150px, rgba(6,118,191,1) 350px, rgba(0,102,204,1) 50%, rgba(0,102,204,1) 70%);
*/
/*
			background: linear-gradient(180deg, rgb(2,66,132) 0px, rgb(16,49,83) 350px, rgba(0,102,204,1) 1200px, rgba(0,102,204,1) 70%);
*/
/*      kst 09.05.2020 deaktiviert da neue Hintergrundfarbe
        background:linear-gradient(180deg, rgb(2,66,132) 0px, rgb(16,49,83) 350px, rgb(2,66,132)  1200px, rgb(2,66,132)  70%);
*/
	/* [disabled]color: #000000; */
	padding-top: 10px;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: rgb(60,80,120);
    cursor:pointer !important;
}

a:hover {
	text-decoration: underline;
	color: rgb(90, 114, 156);
}

p {
	margin: 1.5em 0em;
}

td {
	vertical-align: top;
}

.left {
	float: left !important;
	margin-left:0em !important;
}

.right {
	float: right !important;
	margin-right:0em !important
}

.frame {
	border:1px solid black;
}

.clear {
	clear: both !important;
	float: none !important;
	font-size: 1px;
}

.bold {
	font-weight: bold !important;
}

.underline {
	text-decoration: underline !important;
}

.blue {
	color: #0a55a3;
}

.center {
	text-align: center;
}

.centered {
	/* Zentriert ein DIV-Element! */
	/* 	Important:
		===========
		If you want to use this class, you need to set the
		.width of your DIV elements! */
	margin-left: auto;
	margin-right: auto;	
}

.block {
	display: block;
}

.margin10 {
	margin: 1em 0em;
}

h1 {
	margin: .7em 0em;
	font-size: 22px;
	line-height:26px;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 2em;
}

h3 {
	font-size: 1em;
	font-weight:bold;
	margin-top: 2em;
	padding-bottom:0;
	margin-bottom:0;
}

h4 {
	font-size: 1em;
	margin: .5em 0em;
}

ul {
	list-style: none;
}

.bg-top {
	height: 800px;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
/*	background: url(/images/bg-top.jpg) no-repeat center top; */
}

.bg-bottom {
	height: 360px;
	width: 100%;
	position: absolute;
	z-index: -1;
	margin-top: -275px;
	left: 0px;
/*	background: url(/images/bg-bottom.jpg) no-repeat center bottom; */
/*	background-color:#0066cc;*/
	background-color:transparent;
}

#main, #header, #mainMenu, #subMenu, #footer {
	margin: 0px auto;
	width: 960px;
	text-align: left;
	position: relative;
	z-index: 0;
	background: #ffffff;
}


/*---------------------------------- HEADER ----------------------------------*/

#header {
	height: 66px;
	background: url(/images/bg-header2.png) repeat-x 0 0;
	padding-top: 2px;
}

.logo {
	display: block;
	height: 65px;
	width: 170px;
}


/*------------------------------ Main Menu / Sub Menu ------------------------------*/


#mainMenu {
	height: 38px;
	background: url(/images/bg-mainmenu.png) repeat-x 0 0 #004c91;
}

#subMenu {
	height: 35px;
	background: url(/images/bg-submenu.png) repeat-x 0 0 #dddddd;
}

#mainMenu li, #subMenu li {
	float: left;
}

#mainMenu li {
	background: url(/images/bg-mainmenu-item.png) no-repeat 100% 0;
	padding-right: 2px;
}

#subMenu li {
	margin: 0px -1px 0px 0px;
}

#mainMenu a, #subMenu a {
	display: block;
	text-transform: uppercase;
	height: 38px;
	padding: 0px  15px;
	color: #ffffff;
	line-height: 38px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none !important;
	float: left;
}

#subMenu a {
	color: #595959;
	line-height: 34px;
	height: 35px;
}

#mainMenu a:hover, #mainMenu a.active {
	background: url(/images/bg-mainmenu-active.png) repeat-x 0 0 #00306d;
}

#subMenu a:hover, #subMenu a.active {
	background: url(/images/bg-submenu-active.png) repeat-x 0 0 #b9b9b9;
	border-right: 1px solid #9d9d9d;
	border-left: 1px solid #9d9d9d;
	padding: 0px 14px;	
}

/*---------------------------------- Main ----------------------------------*/

#main {
	border-top: 2px solid #ffffff;
}

.leftCol {
	background: url(/images/bg-leftcol.png) repeat-y 100% 0 #efefef;
	width: 210px;
	font-size: 12px;
}

.leftCol .title {
	margin-left: 18px;
}

.leftBlockBottom {
	background: url(/images/bg-block-bottom.png) no-repeat 0 100%;
	height: 2px;
}

.leftBlock {
	padding: 10px 8px 10px 10px;	
	margin-right: 2px;

    /* Wenn ein Fade (Fading) von dunkel nach hell gewï¿½nscht wï¿½re:
       background: url(/images/bg-block-top.png) repeat-x 0 0;  
    */
    
	/* ula, 18.05.2011
		Wir geben die Breite an, damit der LeftBlock beim Aufbau sich nicht zuerst
		aufs Maximum ausbreitet, was beim Aufbau der Page unschï¿½n ist. */
	width: 190px;
}

.win7 {
	margin-right: 10px;
	padding: 9px 0px;
}

.rightCol {
	padding: 0 20px 0 20px;
	background: url(/images/bg-content.png) repeat-x 0 0 #ffffff;
}

.modbtn {
	display: block;
	height: 49px;
	width: 201px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	text-align: center;
	line-height: 45px;
	background: url(/images/btn.png) no-repeat 0 0 #0e5eb0;
	text-decoration: none !important;
	margin: .5em .5em 2em 0em;
	border:none;
	cursor:pointer;
}

.modbtn:focus, .modbtn:hover {
	background: url(/images/btn-focus.png) no-repeat 0 0 #0e5eb0;
}

.icons {
	border-top: 1px solid #2A4956;
	padding-top: 3px;
	width: 164px;
}

.comment {
	background: #f2f2f2;
	padding: .1em 1.5em;
	margin-bottom: 3px;
}

.hiddenlink {
	/* Ein Link, dem man nicht ansieht, dass er ein Link ist
 	   Er ist nï¿½mlich schwarz und nicht unterstrichen... */
	color:black !important;
	text-decoration:none !important;
}

/*---------------------------- Footer ----------------------------*/

#footer {
	background: url(/images/bg-footer.png) repeat-x 0 0 #ededed;
	padding: 20px 0px;
	font-size: 12px;
	text-align: center;
	z-index:0;
}

#footer, #footer a {
	color: #646464;
}

/*---------------------------- Urs --------------------------------*/

td.leftCol, td.rightCol, td#footer {
	vertical-align: top;
}

td.rightCol {
	width:710px;
}

td.leftCol {
	width:210px;
	max-width:210px;
}

.rightCol a {
	text-decoration:underline;
}

.PaddingImage {
	margin-right:1em;
	margin-left:1em;
	margin-top:0;
	margin-bottom:1em;
}

.PaddingImageLeft {
	margin-right:1em;
	margin-left:0em;
	margin-top:0;
	margin-bottom:1em;
}

.PaddingImageRight {
	margin-right:0em;
	margin-left:1em;
	margin-top:0;
	margin-bottom:1em;
}

.submitlink
{
	margin: 0;
	padding: 0;
	display: inline;
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-decoration: underline;
	font:inherit;
}

.btnWhite {
	display: block;
	height: 49px;
	/* width: 201px; */
	width:auto;
	padding-left:10px;
	padding-right:10px;
	color:#000;
	font-weight: bold;
	text-transform: none;
	font-size: 1.1em;
	text-align: center;
	line-height: 49px;
	text-decoration: none !important;
	margin: .5em .5em 2em 0em;
}

.SubTitle {
	padding-top: 2em;
	font-size: 1.1em;
	color:#000;
	/* color: #0a55a3; */
	line-height: 1em;
	font-weight:bold;
}

.rightCol {
	/* Bei kleiner Hï¿½he siehts schlecht aus: */
	min-height:865px;
}

table.TableDesignDefault td {
	padding-left:0.5em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-right:0.5em;
}

table.TableDesignCentered td {
	padding-left:0.5em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-right:0.5em;
	vertical-align:middle;
}

.Button {
	height:2.5em;
	width:15em;
}

.ButtonSm {
	height:25px;
	width:117px;
	font-size:13px;
}

.TextBoxSm {
	height:17px;
	width:136px;
	font-size:13px;	
	padding: 5px 5px 5px 5px;
}

.leftCol {
	/* damit die Grï¿½sse mindestens 865 Pixel hoch ist, ansonsten siehts 
		im Browser schlecht aus mit dem Hintergrundbild. Merke:
		min-height wï¿½rde im Firefox nicht funktionieren! */
	height: 865px;
}

tr.TableDesignBlueOddRow { 
background-color: #EAEAEA; 
}

tr.TableDesignBlueHeaderRow {
	background-color:#0066CC;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom:1px solid black;
}

table.TableDesignBlue {
	background-color:#FFFFFF;
	border-collapse: collapse;
	border-spacing: 0px 0px;
/*	border:1px solid #0066CC; */
	border:0;
}

table.TableDesignBlue td {
	border:0px;
	padding-left:0.5em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-right:0.5em;
	vertical-align:middle;	
}

blockquote {
	padding-left:30px;
}

.errorstyle{
    z-index:100000;
    position:relative;
    font-size:16px;
    background-color:white;
    padding:5px;opacity:0.8;
    border-color:red;
    border-style:solid;
    border-width:1px;
}

.newsline {
	width:100%;
	border-top-style:dotted;
	border-top-color:#CCC;
	border-top-width:1px;
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:5px;
	color:#333;
}

.linie {
	width:100%;
	border-bottom-style:dotted;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
	padding-bottom:0px;
	margin-bottom:5px;
}

a.TitleLink:hover {
	text-decoration: underline;
}

a.TitleLink {
	text-decoration:none;
	color:black;
}

.PaddingImageCentered {
	display: block;
	margin:10px auto 10px auto;	
}

.picture {
	/* Element fï¿½r Bild mit Bildunterschrift.
	   MERKE: Der Benutzer muss die Width selber angeben,
	   		  sonst funktioniert es nicht! */
	margin-left: 1em;
	font-weight:200;
	margin-bottom:1em;
    text-align:right;
    font-size:18px;
}

.picture img {
	/* 	In einem Bild mit Bildunterschrift
		wird vertikal etwas Abstand zur
		Bildunterschrift gelassen. */
	margin-bottom:8px;
	display:block;
    border: 1px solid rgba(35,91,165,0.3);    
}

.full {
	width:100%;
}

.half {
	width:50%;
}

.BigButton
{
	height:30px;
	display:inline;
	margin-top:15px;
	display:block;
	padding-left:10px !important;
	padding-right:10px !important;
	width:150px;
}

.Button {
	height:2.5em;
	width:15em;
}

.ButtonSm {
	height:25px;
	width:117px;
	font-size:13px;
}

.rightCol td, .rightCol th {
	margin:4px 0 4px 0;
	padding:4px 0 4px 0;
}

.rightCol input[type="number"] {
	width:150px;
}

.rightCol input[type="submit"], .rightCol input[type="button"] {
	/* Die Buttons sollen etwas inneren Abstand haben */
	padding:3px 10px 3px 10px;
}

ul.BulletList
{
	padding-left:5px;
}

ul.BulletList li
{
	font-weight:bold;
	background: url(/images/icons/ok.png) no-repeat left top;
	padding: 0px 0px 3px 20px;
	list-style: none;
	margin: 0 0 1em 0;
}

a[rel~=external]:after {
	/**  
	 * Allen Links folgt ein  geschï¿½tztes Leerzeichen U+00A0 
	 * und ein Nord-Ost-Pfeil U+2197
	 */
	content: "\00A0\2197\00A0";
}

/* 	ula, 26.03.2012
	Cell Styles for Tables */
.TableHeaderCellStyle {
  border-bottom: 1px solid; border-right:1px solid; border-color:#0066CC; background-color:#4678B5; color:white;
  text-align:left;
  padding:5px !important;
}
.TableHeaderCellStyleLast {
  border-bottom: 1px solid; border-color:#0066CC; background-color:#4678B5; color:white;
  text-align:left;  
  padding:5px !important;
}
.TableCellStyle {
  border-bottom: 0px solid; border-right:1px solid; border-color:#0066CC; background-color:#FFFFFF; color:#0;
  padding:5px !important;
}
.TableCellStyleLast {
  border-bottom: 0px solid; border-color:#0066CC; background-color:FFFFFF; color:#0;
  padding:5px !important;
}
.TableCellStyleOdd {
  border-bottom: 0px solid; border-right:1px solid; border-color:#0066CC; background-color:#CCCCCC; color:#0;
  padding:5px !important;  
}
.TableCellStyleLastOdd {
  border-bottom: 0px solid; border-color:#0066CC; background-color:#CCCCCC; color:#0;
  padding:5px !important;
}

/* Links fï¿½r zum Lï¿½schen von Datensï¿½tzen: */
a.delete { 
 background-image:url(/images/icons/deleteg.png);
 width:16px;
 height:16px;
 display: block;
 float:left;
 text-decoration:none;
}
a.delete:hover { 
 background-image:url(/images/icons/delete.png);
 width:16px;
 height:16px; 
 display: block;
 float:left;
 text-decoration:none; 
}

.effect8:hover
{
	background:#f0f0f0;
}

/*-------------------------- Oliver ---------------------------------*/

.modinput {
	padding:7px !important;
        box-sizing: border-box;
	/*
	border:1px solid lightgrey;
	border-radius:5px;	*/
}
.modlabel {
	display:block;
	line-height:30px;	
}

.ispacer {
    padding:10px;
    padding-left:0px;
    clear:both;
}

.ispacer-single {
    padding:10px;
    padding-left:10px;
}

.ispacer label {
    display:block;
    width:291px;
    float:left;
    line-height:30px;
}

.ispacer label.labelselect {
    line-height:35px;
}

.ispacer input {
    display:block;
    width:250px;
    float:left;
}

.select {
    padding:10px 10px 0px 0px !important;
}

/*--------------------- Konstantin und Urs -----------------------------*/
/*----------------------Button fï¿½r den Kauf ----------------------------*/

.btnContrast {
	position:relative;
	left:-20px;
}
.btnContrast input, .btnContrast a {
/*	box-shadow: 1px 1px 2px 1px gray;*/
}
.btnContrast input:focus, .btnContrast a:focus  {
	/** Beim Klicken entsteht ein unschï¿½ner Rahmen.
		Diesen nehmen wir weg.
	*/
	outline: none;
}
.btnContrast img {
    cursor:pointer;
}

.btnContrast.blue input, .btnContrast.blue a {
/*	background: linear-gradient(180deg, #6F9FCE, #0E57A4);*/
/*	border:1px solid #4786C1;*/
}
.btnContrast.blue:not(.noHover):hover input, .btnContrast.blue:not(.noHover):hover a {
/*	background: linear-gradient(180deg, #3C71A3, #00478E);*/
}
.btnContrast.blue:not(.noHover):active input, .btnContrast.blue:not(.noHover):active a {
/*	background: linear-gradient(180deg, #00478E, #3C71A3);*/
}


.btnContrast.red input, .btnContrast.red a {
background: rgb(214,55,55); /* Old browsers */
}

.btnContrast.red:not(.noHover):hover input, .btnContrast.red:not(.noHover):hover a {
	background: rgb(216,0,0); /* Old browsers */
}

.btnContrast.red:not(.noHover):active input, .btnContrast.red:not(.noHover):active a {
	background: rgb(158,0,0); /* Old browsers */
}

.btnContrast input, .btnContrast a {
	background: rgb(13,155,51); /* Old browsers */

	border:0px solid #1E802D;
	border-radius: 5px;
	text-transform: uppercase;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;

	font-size:15px;
	font-weight:bold;
	height:40px;
		
	text-decoration:none;
/*	text-shadow:0px -1px 0px #2f6627;*/
	padding-right:20px !important;
	padding-left:20px !important;
}

.btnContrast:not(.noHover):hover input, .btnContrast:not(.noHover):hover a {
background: rgb(10,119,39); /* Old browsers */
}
.btnContrast:not(.noHover):active input, .btnContrast:not(.noHover):active a {
	background: rgb(41,84,32); /* Old browsers */
}
.btnContrast a {
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}
.btnContrast.withImage32x32 input, .btnContrast.withImage32x32 a {
	padding-left:40px !important;
}
.btnContrast.withImage32x32 img {
	position:relative;
	left:40px;
	top:7px;	
}
.btnContrast.withImage16x16 input, .btnContrast.withImage16x16 a {
	padding-left:41px !important;
}
.btnContrast.withImage16x16 img {
	position:relative;
	left:39px;
	top:2px;	
}
.withImage16x16 {
	/* Platzhalter fï¿½r Intellisense, damit Intellisense in Dreamweaver funktioniert */
}
.withImage32x32 {
	/* Platzhalter fï¿½r Intellisense, damit Intellisense in Dreamweaver funktioniert */
}

.btn {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	background-color:#A8D5EA;
	text-decoration: none !important;
	margin: .3em .3em 1em 0em;
	padding: 5px;
	border:1px solid grey;
	cursor:pointer;
}

.partnerlogo { 
	width: 150px; 
	height: 150px; 
	margin: 5px; 
	float:left;
	padding:10px;
	border:1px solid whitesmoke;
	box-shadow:3px 3px 5px whitesmoke;
	
}
.first {
	margin-left:0;
}
.last {
	float:none;
}
.partnerlogo img { 
	object-fit: contain; 
	width: 100%; 
	height: 100%;
}

.logo {
	display:block;
	clear:both;
}
.logo img {
	object-fit: contain; 
	width:80px;
	height:55px;
}

.topBlur {
	box-shadow: 0 -5px 5px -5px white;
}

.rightBlur {
	box-shadow: 5px 0 5px -5px white;
}

.bottomBlur {
	box-shadow: 0 5px 5px -5px white;
}

.leftBlur {
	box-shadow: -5px 0 5px -5px white;
}

@media (max-width: 960px) {
	table#main&gt;tbody&gt;tr,
	table#main&gt;tbody&gt;tr&gt;td,
	table#main{
		display:block;
	}
	table#main&gt;tbody&gt;tr:first-child{
		display:flex;
		flex-direction:column-reverse;
	}
	.leftBlock,
	td.rightCol,
	td.leftcol{
		width:100%;
		height:auto;
		max-width:100%;
		overflow:hidden;
		box-sizing:border-box;
	}
	table#main&gt;tbody&gt;tr&gt;td.leftcol{
		position:absolute;
		top:0px;
		left:0;
		width:100%;
		z-index:15;
		display:none;
	}
	#main, #header, #mainMenu, #subMenu, #footer{
		width:100%;
	}
	.btnContrast input, .btnContrast a{
		font-size:12px;
	}
	.btnContrast.withImage16x16{
		width:50%!important;
		display:inline-block;
		left:0!important;
		float:left!important;
	}
	.btnContrast.withImage16x16 img{
		position:absolute;
		left:10px;
	}
	.btnContrast.withImage16x16 a{
		padding-left:30px!important;
		padding-right:10px!important;
	}
	.rightCol{
		min-height:0;
		padding:0 15px 0 15px;
	}
	td.rightCol{
		box-sizing:border-box;
	}
	.leftCol .logo{
		margin:0 auto;
	}
	.linie{
		clear:both;
		line-height:0px!important;
	}
	#header{
		display:flex;
		padding:0 15px;
		align-items:center;
		position:relative;
		width:100%;
		box-sizing:border-box;
		justify-content:space-between;
	}
	#mainMenu2{
		position:absolute;
		height:auto!important;
		top:100%;
		left:0;
		z-index:9;
		background:rgb(35,91,165);
		width:100%;
		padding-top:30px;
		display:none;
		flex-direction:column-reverse;
	}
	#mainMenu2.vis{
		display:flex;
	}
	.headermenuline{
		display:none;
	}
	#mainMenu2 li{
		display:block;
		float:none!important;
		padding:0!important;
		margin-top:0!important;
	}
	#mainMenu2 li a{
		color:#fff;
		/* ula, 05.01.2021
           Ohne Abstand etwas moderner in der Erscheinung!
          padding:0 15px!important;
        */
        padding:0 0 !important;
		float:none;
		display:block;
	}
	#header a.logo img{
		display:none;
	}
	#header a.logo{
		width:50px!important;
		height:50px!important;
		display:block;
		background:url('/images/logo_mobile.png')no-repeat center;
		background-size:contain;
	}
	a.burger{
		display:block;
		width:50px;
		height:50px;
		background:url('/images/burger.png')no-repeat center;
		background-size:contain;
	}
	.clear_b{
		display:none;
	}
	#newsletter tbody{
		width:100%;
		display:block;
	}
	.TableDesignDefault,
	.TableDesignDefault tr,
	.TableDesignDefault td{
		padding:0!important;
	}
	.TableDesignDefault,
	.TableDesignDefault tr,
	.TableDesignDefault td,
	#newsletter td,
	#newsletter .Narrow{
		width:100%!important;
		display:block;
		box-sizing:border-box;
	}
	#newsletter input{
		width:100%!important;
		padding:15px;
		height:auto!important;
		box-sizing:border-box;
	}
	img[align="right"]{
		display:none;
	}
	table.TableDesignBlue img[width="110"]{
		width:100%;
		height:auto;
	}
	table.TableDesignBlue tr,
	table.TableDesignBlue td{
		width:100%!important;
		font-size:8px;
		box-sizing:border-box;
		padding:5px!important;
	}
	.partnerlogo{
		margin:0 auto!important;
		float:none!important;
	}
	table.TableDesignBlue td{
		width:25%!important;
	}
	form#login input{
		width:100%!important;
	}
	img{
		/*max-width:100%;*/
		height:auto!important;
	}
	div[style*="width:"],
	div[style*="float:right"],
	div[style*="float:left"]{
		float:none!important;
		width:100%!important;
	}
	img[align="left"],
	.float_right{
		float:none!important;
		width:100%;
        max-width: 100% !important;
	}
}







#title {
    font-size: 60px;
    font-weight: 300;
    position: absolute;
    margin-left: 33px;
    margin-top: 37px;
    margin-right: 33px;
    text-align-last: right;
    line-height: 1em;
    color: rgb(33,44,63);
    text-decoration: dashed;
    text-shadow: 1px 2px 3px #ced4da;
}

body, .rightCol {
    /* Alternative Serifenschrift:
    font:1em/1.5em georgia,"times new roman",serif;*/
    font-family: 'Open Sans', sans-serif;
}

.rightCol {
    letter-spacing: 0.02em;
}









/* Start Redesign 2018 | 18.11.2018
   Konstantin Stratigenas &amp; Milan Marko
*/
    #header {
        height: 92px !important;
        padding-top: 0px !important;
        background: white !important;
        background-color:white;
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+49,f7f7f7+100 */
        background: rgb(247,247,247) !important;
        background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 49%, rgba(247,247,247,1) 100%) !important;
        background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 49%,rgba(247,247,247,1) 100%) !important;
        background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 49%,rgba(247,247,247,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=0 ) !important;
        
    }
    
    #mainMenu2 {
    	height: 92px;
    }
    
    #mainMenu2 li {
    	float: right;
        margin-top: 28px;
    }
    
    #mainMenu2 li {
    	padding-right: 20px;
    }
    
    #mainMenu2 a {
    	display: block;
    	text-transform: uppercase;
    	height: 38px;
    	color: rgb(35,91,165);
    	line-height: 38px;
    	font-weight: bold;
    	font-size: 14px;
    	text-decoration: none !important;
    	float: left;
    }
    
    #mainMenu2 a:hover, #mainMenu2 a.activemenu {
    	color: #8aad00;
    }
    .leftCol li {
    	margin: 2px -5px 2px -6px;
   	    _height: 20px;
    }
    
    .leftCol li a {
    	text-decoration: none !important;
    	color: #000000;
    	display: block;        
    	background: rgb(229,229,229);
    	padding: 5px 5px 5px 5px;
        border:1px solid transparent;
    }
    .leftCol li .submenua:hover, .leftCol li .submenua.active {
        color: #8aad00 !important;
    }
    .leftCol li a:hover, .leftCol li a.active {
    	padding: 5px 5px 5px 5px;
        background-color: #dcdcdc;
        border: 1px solid #c0c0c0;
    }
    
    .leftCol .title {
        margin-left: 0px !important;
    }
    
    .leftBlock {
        padding-right:10px;
        border-bottom:1px solid rgb(35,91,165);
    }
    
    .submenu_partnerfinden, .submenu_partnerwerden, .submenu_partnerlogin {
    	background: url(/images/bg-li.gif) no-repeat 12px 11px !important;
    	padding: 5px 5px 5px 25px !important;
        border:1px solid transparent;
    }
    .submenu_partnerfinden:hover, .submenu_partnerfinden.active,   .submenu_partnerwerden:hover, .submenu_partnerwerden.active, .submenu_partnerlogin:hover, .submenu_partnerlogin.active {
    	padding: 5px 5px 5px 5px;
        border: 1px solid #c0c0c0;
        background-color: #dcdcdc !important;
    }
    .submenu_partnerlogin {
        margin-bottom:10px;
    }
    
    #main {
        border-top: 1px solid #ffffff !important;
    }
    
    
    /* Grï¿½ner Deko-Rand unten am aktiven Hauptmenï¿½ */
    #mainMenu2 .activemenu {
        border-bottom:3px solid rgba(138,173,0,1); /* frï¿½her 181,230,29 */
        padding-bottom:23px;
        box-shadow: 0 2px 2px -2px rgba(138,173,0,1);
    }
    @media (max-width: 960px)
    {
        #mainMenu2 .activemenu {
            box-shadow:none;
        }
    }

    #mainMenu2 a {
        border-bottom:3px solid transparent;
        padding-bottom:23px;
        box-sizing: content-box !important;
    }
    #mainMenu2 a:not(.activemenu) {
        -webkit-transition: 0.6s;
        transition: 0.6s;
        border-bottom-color:transparent;
    }
    #mainMenu2 a:hover {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-bottom-color:rgba(138,173,0,1);
        padding-bottom:23px;
        box-shadow: 0 2px 2px -2px rgba(138,173,0,1);
    }
    
    td#footer {
    	background: rgb(33,44,63) !important;
    	color:#ccc;
    	font-weight: 100;
    	text-align: left !important;
    	font-size: 15px !important;
    }
    .footer-block li {
        padding-bottom:7px;
    }
    @media (max-width: 960px) { 
        #footer div {
            margin-left:25px;
            width: calc(100vw - 25px);
        }
    }
    @media (min-width: 961px) {
        td#footer div.footer-block {
        	width: 295px !important;
        	max-width: 295px !important;
        	float:left;
        	margin-right: 25px;
        }
    }
    @media (max-width: 960px) {    
        .footer-content {
        	background: rgb(33,44,63) !important;
            display: table-row !important;
            width:100% !important;
            margin-right: 25px;
        }
    }
    td#footer a {
    	background: rgb(33,44,63) !important;
    	color:#ccc;
    	font-weight: 100;
    	text-align: left !important;
    	font-size: 15px;
    }
    td#footer h4 {
    	color:#8AAD09 !important;
    	font-weight: 100 !important;
    	text-align: left !important;
    	font-size: 16px !important;
    	margin-top: 18px;
    	margin-bottom: 8px;
    }
    td#footer li {
    	margin-bottom: 5px;
    }
/* Ende Redesign 2018 */









/* Start Redesign 2021 */
.leftCol {
    height: auto;
}

@media (max-width: 960px) {
    body {
        margin-top:-10px !important;
    }
    #mainMenu2 li {
        margin: 0 2em 1em 2em !important;
    }
    #mainMenu2 li:first-child {
        margin-bottom:2em !important;
    }
    td.leftCol {
        z-index:200 !important;
   	    box-shadow: 0 0px 51px 10px rgb(0 0 0);
        border-bottom: 4px solid rgba(138,173,0,1);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding-bottom: 20px;
    }
}

/*  ula, 06.01.2021
    Damit auf dem Desktop das Menï¿½ oben angezeigt wird.
*/
@media (min-width: 961px) {
    
    /*table#main&gt;tbody&gt;tr,
	table#main&gt;tbody&gt;tr&gt;td,
	table#main
    {
		display:block;
	}*/
	table#main&gt;tbody&gt;tr:first-child{
		display:flex;
		flex-direction:column-reverse;
	}
	td.rightCol,
	td.leftcol{
		width:100%;
		height:auto;
		max-width:100%;
		overflow:hidden;
		box-sizing:border-box;
	}
	table#main&gt;tbody&gt;tr&gt;td.leftcol{
		position:absolute;
		top:0px;
		left:0;
		width:100%;
		z-index:15;
		display:none;
	}
    td.leftCol {
        left: 300px !important;
        width: 642px !important;

        border-radius: 0 0 5px 5px;
        border-bottom: 4px solid #8aad00;

    /* Wenn ein Fade (Fading) von dunkel nach hell gewï¿½nscht wï¿½re:
       background: url(/images/bg-block-top.png) repeat-x 0 0;  
    */
        background-color: #EFEFEF;
        
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 0.5em;
        
    	user-select: none;
    }
    .leftBlock {
        background: transparent;
    }
}

.leftCol {
	/* per default das Menu ausblenden */
	display: none;
    width: 100vw !important;
    box-shadow: 10px 10px 56px 0px rgba(0,0,0,0.75);
}

.leftBlock {
    float: left;
    margin-right: 0;
    border: 0 !important;
}

.leftBlockBottom {
    display: none;
}

.leftBanner {
    width: 198px;
    left: 0;
    display: inline-block;
    float: left;    
}

.leftBanner img {
    width: 208px;
    padding-top: 71px;
}

#mainMenu2 {
    border-bottom: 1px solid rgb(35,91,165);
}

.menuPicture img {
    width:417px;
}
div.menuPicture {
    width: 417px;
    display: inline-table;
    position: absolute;
    right: 8px;
    top: 12px;
}


/* Titel im Menu */
.menuContainer h2 {
    font-style: normal ;
    line-height: 1em ;
    word-break: break-word;
   	margin: .7em 0em;
    color:rgba(35,91,165,0.7);
    font-size:23px;
    font-weight:600;
	font-family: myriad-pro, sans-serif;
    margin-left: 5px;
    margin-bottom: 0;
    padding-top:0.5em;
    clear:both;
}

.menuContainer h2:first-child {
    padding-top:0em;
}    

.menuContainer span {
    margin-bottom: 7px;
    margin-top: 7px;
    display: block;
}

.menuRow {
    clear: both;
}

/* Schriftart umstellen... */
body, .rightCol {
    /* Alternative Schriftarten:
    font:1em/1.5em georgia,"times new roman",serif;
    font-family: 'Open Sans', sans-serif;
    */
	font-family: myriad-pro, sans-serif;    
}

.rightCol {
    letter-spacing: 0.02em;
}



@media (max-width: 960px) {
    #footer div {
        margin-left:25px;
        width: calc(100vw - 25px);
    }
    td#footer a {
        font-size: 19px !important;
        line-height: 1.3em;
        background: unset;        
    }
    td#footer h4 {
        font-size: 23px !important;
        margin-top: 2em !important;
    }
    td#footer, td#footer div {
        background:unset;
    }
    td#footer {
        background:unset;
    }
    td.rightCol {
        width:100vw;
        max-width:100vw;
    }
    .leftBlock li a div:first-child {
        width: 16px !important;
        float: left !important;
    }
    .leftBlock li a div:first-child + div {
        padding: 0px 0px 0px 24px !important;
        width: calc(100% - 43px) !important;
    }
    td.leftCol {
	   font-size:18px;
    }
    .leftBlock li a div:first-child img {
        padding-top: 4px;
    }
    .submenu_partnerfinden, .submenu_partnerwerden, .submenu_partnerlogin {
        background: url(/images/bg-li.gif) no-repeat 12px 14px !important;
    }
}



/* Hilfs-Klassen... */
.noword-break, .no-word-break {
    /* Schaltet den normalerweise verwendeten Zwischen-den-Wï¿½rtern-Umbruch aus. */
    word-break:normal;
}

.nomargin, .nospace, .no-margin, .no-space {
    margin-top: 0;
}

.space1, .space, .margin, .margin-top {
    /* Eine Zeilenhï¿½he weiter unten im Paragraphen positionieren... */
    margin-top:1em;
}

.margin-bottom {
    margin-bottom:1em;
}

.top {
    margin-top:-25px !important;
}

.toptop {
    margin-top:-50px !important;
}

.down {
    margin-top:25px !important;
}

.downdown {
    margin-top:50px !important;
}

.bottombottom {
    margin-bottom:50px !important;
}

.bottom {
    margin-bottom:25px !important;
}

a.btn_menu.language
{
    color: lightsteelblue !important;
}</pre></body></html>