/*
    Zuerst setzten wir die Eigenschaften für margin, padding und border zurück, 
    sodass Browserabweichungen ausgeglichen werden können.

    Für den kompletten HTML Bereich setzen wir die Standard Schrift und verpassen
    der Seite noch eine Hintergrundfarbe.
*/
/* logo blau  #214F5A 
   logo grün  #7EA13E

   Heading: #7EA13E
   Sub Headings / Menus: #214F5A
   Normal Text: #214F5A

*/

body {
	width: 100%;
	padding: 0%;
    margin: 0%;
}	

html {
	background-color: #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	 o-background-size: cover;
	background-size: cover;
    color: #214F5A; /* auch hier eine Farbe ähnelnd zu schwarz, aber nicht so grell */
	width: 100%;
	padding: 0%;
    margin: 0%;
	font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
	font-size:large;
}

#wrapper{
	width:100%;
	padding:0px;
	margin:0px;
}

div#content_main {
    padding-top: 120px;
}

div#container{
	padding-top: 2px;
}

div#container_header_bg {
    z-index: 4;
	position:fixed;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	display: block;
	box-sizing: border-box;	}


div#header_top_left,
div#header_top_right {
	float:left;
}
div#header_top_left {
	padding-top:0px;
	max-width:900px;
	height:auto;
	content:url("/fileadmin/images/Banner Desktop 970x90px - Teamkiste Betreute Projekttage.webp");

	
}
div#header_top_right {
	width:400px;
	text-align:right;
	padding-top:37px;
}

div#header_mobile{
	height:82px;
} 

img#mobile_menu{
	visibility:hidden;
} 
div#header_menu {
	/*padding:0px;*/
	height:32px;
	background-color:#ffffff;
	color:#214F5A ;
	left: 50%;
	width: 900px;
	
} 

p{
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:13px;
	/*color: #567882;*/
}

.ce-bodytext ul, .frame-type-text  ul {
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -0.85em;
	list-style: none;
}
.ce-bodytext li, .frame-type-text li {
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:13px;

}

.ce-bodytext li:before,.frame-type-text li:before {
    content: "▪";
    display: block;
    float: left;
    width: 1.2em;
    color: #7EA13E;
}

.btn-primary{
	margin-top:10px;
	font-size:24px;
	height:28px;
	font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
}

::marker{
	color:#214F5A;
}

/* interne Links in text (not menu, not button) */
/* link */
.ce-bodytext a:not(.linkbutton), .frame-type-text a:not(.linkbutton), .frame-type-menu_subpages .ul .li a{
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:13px;
	color: #214F5A;
	font-color:#214F5A;
	font-weight: bold;
	text-decoration:none;
}
/* link:hover */
.ce-bodytext a:hover:not(.linkbutton), .frame-type-menu_subpages .ul .li a:hover{
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:13px;
	color: #7EA13E;
	font-weight: bold;
	text-decoration:none;
}
/* interne Links in text */

/* Link-Buttons (not menu) */
/* link */
/* changed 13.08.2021: background green (standard), hover dunkeltürkis  */

.linkbutton, .linkbutton a, .ce-bodytext a:not([target=_blank]):not([target=_top]) {
	font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
	font-size:17px;
	color: #ffffff;
    background: #7EA13E repeat-x 0 -48px;
    
	text-decoration:none;
	height:58px;
	left:-20px;
    padding:20px;
    line-height:58px; /* Note: keep this value the same as the height of .menuTemplate1 li */
	
}


/* link:hover */
.linkbutton:hover, .ce-bodytext .linkbutton:hover, .ce-bodytext a:not([target=_blank]):not([target=_top]):hover {
    background: #214F5A url(bg.gif) repeat-x 0 -48px;
    color: #ffffff;
    z-index: 9;
	border-radius: 3px;
	width: -moz-fit-content;

}
/* Linkbuttons End */

/* Form-Elements Ende */
/* .form-group div */
.control-label{
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:13px;
	color: #214F5A;
}
/* input-control */
/* .input div */

.form-control{
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:13px;
	color: #214F5A;
	margin-bottom:6px;
}
/* Form-Elements Ende */
/* Tables */
.ce-table-bordered{
  color:white;
  font-family: Open Sans, sans-serif;
  font-size:12px;
}
.ce-table-bordered th{
  background-color: #214F5A;
}

.ce-table-bordered td:nth-child(1) {text-align:left}
.ce-table-bordered td:nth-child(2) {text-align: right}
.ce-table-bordered td:nth-child(3) {text-align: right}

.ce-table-bordered tr{
  background-color: #7EA13E;
}	

.ce-table-striped tr:nth-child(even) {
  background-color: #7EA13E;
}	
.ce-table-striped tr:nth-child(odd) {
  background-color: #7EA13E;
}	
/* tables End */


/* Überschriften */

/* Überschriften */

h1{
	font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
	margin-top:0px;
	margin-bottom:13px;
	align:center;
	color:#7EA13E;
	font-size: 39px;
	text-shadow: none; /*1px 1px #777777;*/
}

h2 {
	font-family: 'Yanone Kaffeesatz', Verdana, Helvetica, Arial, sans-serif;
	align:left;
	color:#214F5A;
	margin-top:0px;
	margin-bottom:13px;
	font-size: 24px;
}

h3 {
	font-family: Open Sans, sans-serif;
	align:left;
	color:#214F5A;
	margin-top:0px;
	margin-bottom:13px;
	font-size: 16px;
	letter-spacing: -1px;
	
}

h4 {
	font-family: Open Sans, sans-serif;
	align:left;
	color:#214F5A;
	margin-top:0px;
	margin-bottom:13px;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: bold;
}



/*********************
 * Textausrichtung
 */

.text-center{
	text-align:center;
}

.text-justify{
	text-align:justify;
}

.text-right{
	text-align:right;
}

.ce-center{
	align:center;
}


/*
 * Textausrichtung ENDE
 *********************************/

/*******************************
* Layouts für Elemente
*/

/*  zentriert, schmal */
.frame-layout-1 {
	clear;
	left:50%;
	width: 6000px;
	margin-left: -300px;
	position: relative;
    display: block;
    box-sizing: border-box;
}
	
/* zentriert, mittelbreit */
.frame-layout-2, .frame-11{
	clear;
	left:50%;
	width: 600px;
	margin-left: -300px;
	position: relative;
    display: block;
    box-sizing: border-box;
}

.ce-left .ce-column{  /* und verkettung */
	float:right;
	margin-right:0px;
}
/*
.ce-bodytext h3{
	margin-top: 2px;
}
*/
.ce-bodytext{
	width:48%;
}

.ce-left .ce-bodytext{
	padding-left: 3%;
	width: 47%;
}

/* für Bild rechts vom Text in einem Text/Bild-Element und
   für Bild links vom Text in einem Text/Bild-Element */
.ce-left .ce-gallery, .ce-right .ce-gallery{
	width:48%;
	margin-bottom:0px;
}

/* für den das unterste bild - pfusch */

.ce-above .ce-gallery {
	margin-bottom:0px;
}

/* neues bottom-image tag -> statt pfusch unten, 13.11.2019 */

/*************************************
 *               UNTEN               *
 *************************************/
.ParentDiv{
  position: relative;
  height:auto;
}
 
.ChildUnten{
  content:url("/fileadmin/images/Buchen/Desktop-Buchen.png");
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
}

.ChildOben{
  width: 100%;
  position: absolute;
}

.PanelCentered{
	clear;
	left:50%;
	width: 250px;
	margin-left: -125px;
	margin-top:29%;
	position: relative;
    display: block;
    box-sizing: border-box;
    content:url("/fileadmin/images/Panels/Loslegen-Desktop-Static-Button.png");
    background-repeat: no-repeat;
	z-index:998;
}

.PanelCentered:hover{
	content:url("/fileadmin/images/Panels/Loslegen-Desktop-Hover-Button.png");
	z-index:999;
}

.SpacerDiv{
  position:relative;
  content:url("/fileadmin/images/Buchen/Desktop-Buchen.png");
  visibility:hidden;
  height:auto;
  width:100%;
}

.Unten{
	background-color:#214F5A;
	font-color:#FFFFFF;
}

hr.Unten{
	display:inherit;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-style: inset;
    background-color:#FFFFFF;
	color:#214F5A;
	height:1px;
}

div.Unten {
	position:relative;
	display:inline-block;
	background-color:#214F5A;
	color:#FFFFFF;
	width:100%;
}

hr.InnenUnten{
	background-color:#214F5A;
	color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 10px;
}	

div.InnenUnten{
	position:relative;
	display:inline-block;
	background-color:#214F5A;
	color:#FFFFFF;
	left:10%;
	width:80%;
	font-family: Open Sans, sans-serif;
	text-align:left;
	font-size:16px;
}

/* pfusch, soll loslegen-content über ganze breite gehen lassen
   besser get ganze style.content.getBottom lösen
   redundant: lumi, 14.11.2019
   */
.ce-center .ce-gallery .ce-outer{
	right:0%;
	float:left;
	width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-inner{
	right:0%;
	float:left;
	width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-column{
	width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-column .image{
	width:100%;
}
.ce-center .ce-gallery .ce-outer .ce-column  .image .image-embed-item{
	width:100%;
	height:auto;

}
/****************** end pfusch ****************/

/* zentriert, sehr breit */
.frame-layout-3{
	clear;
	left:50%;
	width: 900px;
	margin-left: -450px;
	position: relative;
    display: block;
    box-sizing: border-box;
}



.container {
    padding: 20px;
}


/*********************************************
 * Slick Slider Styles                       *
 *********************************************/
 
 /* Slider Box */
.slick-slider{
	left:50%;
    width: 950px;
	margin-left: -475px;
}

/* Slider dots */
.slick-dots li img{
	height: 12px; 
	width: 12px; 
}

.slick-dots li img:nth-child(1) {
    display: block;
}

.slick-dots li img:nth-child(2) {
    display: none;
}

.slick-dots li.slick-active img:nth-child(1) {
    display: none;
}

.slick-dots li.slick-active img:nth-child(2) {
    display: block;
}

.slick-dots li:hover img:nth-child(1) {
    display: none;
}

.slick-dots li:hover img:nth-child(2) {
    display: block;
}


.slick-dots { 
	position: absolute; 
	bottom: -45px;
	list-style: none; 
	display: block; 
	text-align: center; 
	padding: 0; 
	width: 100%;
}

.slick-dots li { 
	position: relative; 
	display: inline-block; 
	height: 16px; 
	width: 16px; 
	margin: 0 0 px; 
	padding: 0; 
	cursor: pointer; 
}

/* Slider arrows */
.slick-prev {
	margin-left: 40px;
	opacity:1;
    height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Left-Static.png') no-repeat;
	border:none;
	-moz-border-radius:25px;
    -webkit-border-radius:25px;
	z-index:998;
}

.slick-prev:hover {
	margin-left: 40px;
	opacity:1;
    height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Left-Hover.png') no-repeat;
	z-index:999;
}

.slick-next{
	margin-right: 50px;
	opacity:1;
	height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Right-Static.png') no-repeat;
	border:none;
	-moz-border-radius:25px;
    -webkit-border-radius:25px;
	z-index:998;
}

.slick-next:hover {
	margin-left: 40px;
	opacity:1;
    height: 25px;
    width: 25px;
    background: url('/fileadmin/images/Panels/Slider-Button-Right-Hover.png') no-repeat;
	z-index:999;
}


.image-embed-item{
	width: 100%;
	padding-top:0px;
}

/* volle breite */
.frame-layout-4, #c68{
	left:0%;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	position: relative;
    display: block;
    box-sizing: border-box;
}

/*
 * Layouts der Inhaltselmente ENDE
 *********************************/





/*
 * Programm Ende 
 *********************************/


a, a:visited {
	font-color:#567882;
}

.alle
{
   width: 100%;
   background: none;
}

/* diese beiden layer sind ihm wurscht....?!?*/
.links{
	width:0%;
	float:left;
	display:inline;
	visibility:visible;
	
}

.rechts{
	width:0%;
	float:right;
	display:inline;
	visibility:visible;	
}

.mitte{
  
   width: 100%;
   float:left;
   background: none;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left:0%;
   margin-right:0%;  
}


.clear
{
	clear:left;
}

.bodytext {
    font-family: Arial, Helvetica, sans-serif;
	font-size: normal;
	font-color: #ffffff;
	text-decoration-line: none;
}

/*
    Nun kommt der Header: Wir werden ihm ein schönes Hintergrundbild verpassen.
    Damit dieses auch komplett angezeigt wird, setzte ich als Höhe die Höhe des Bildes.
    Danach platziere ich den Text nach rechts oben in die Ecke und setze eine Schriftfarbe.
*/

 @media only screen and (max-width: 950px) {
		/*
		.menuSpacer{
			visibility: visible;
			display:inline;
			width:100px;
		}	
		*/		
	
	/* small screen size */
	#header-logo-and-image {
			background: #ffffff;
			width:100%;
			border:none;
			
			border-bottom-style:none;
			border-bottom-color:gray;
			border-bottom-width:0px;
			
	}


	/* small screen size */
	#header-title {
		/* 
			Als Hintergrundbild setzte ich header.jpg.
			Da dieses aber nicht breit genug ist, setzte ich zusätzlich
			als Hintergrundfarbe den Blauton, den der Hintergrund im Bild hat.
			Da dessen HEX-Code sehr komplex ist, nutze ich die RGB Angabe von CSS
		*/
		border:0;
		background: #ffffff;
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		height: 86px; /* 80px + 10px (padding) gibt die 180px des Bildes */
		text-align: center;
		font-weight: normal;
		
	}
	/* small screen size */
	.menuHeaderlogo{
			width:30%;
			background: white;
			padding-left:0%;
			float:left;
		}
	/* small screen size */	
	.imgHeaderlogo{
		width:300px;
		height:auto;
	    
	}
	/* small screen size */	
	.menuBar{
		height: 86px;
		vertical-align: bottom;
		visibility: visible;
		width: auto;
		float: right;		
	}
	/* small screen size */
	.menuMobile{
		width:35px;
		visibility: hidden;
		display:none;
	}
	/* small screen size */	
	.menuDesktop{
		visibility: visible;
		padding-right:20px;
		padding-top:28px;
		height:58px;
	}		
	/* small screen size */
	.menuButtonBar {
			  width: 35px;
			  height: 5px;
			  background-color: black;
			  margin: 6px 0;
			  visibility:hidden;
	}

	/* small screen size */
	.menuUnten {
		background: #ffffff;
		width:100%
		border:none;
	}
	/* small screen size */
	.menuUntenCenter {
		background: #ffffff;
		margin-left:auto;
		margin-right:auto;
		width:380px;
		border:none;
	}
	/* small screen size */
	.menuUntenRight {
		background: #214F5A;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		border:none;
	}
 }
	
 @media only screen and (min-width: 951px) {

	#header-logo-and-image {
			background: #ffffff;
			width:100%;
			border:none;
			
			border-bottom-style:none;
			border-bottom-color:gray;
			border-bottom-width:0px;
			
	}

	.header-table {
			vertical-align:bottom
	}
	
	.header-logo-table {
		align:left;
		width:26%
	}
	
	.header-center-table {
		width:auto;
	}
	
	.header-menu-table {
		align:right;
		width:466px;
		vertical-align: bottom;
		padding-bottom: 10px;
		padding-right: 10px;
		
	}
	#header-title {
		/* 
			Als Hintergrundbild setzte ich header.jpg.
			Da dieses aber nicht breit genug ist, setzte ich zusätzlich
			als Hintergrundfarbe den Blauton, den der Hintergrund im Bild hat.
			Da dessen HEX-Code sehr komplex ist, nutze ich die RGB Angabe von CSS
		*/
		border:0;
		background: #ffffff;
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		height: 86px; /* 80px + 10px (padding) gibt die 180px des Bildes */
		text-align: center;
		font-weight: normal;
		
	}
	
	.menuHeaderlogo{
			width:30%;
			background: white;
			padding-left:0%;
			float:left;
		}
		
	.imgHeaderlogo{
		width:300px;
		height:auto;
	    
	}
		
	.menuBar{
		float: clear;
		height: 86px;
		vertical-align: bottom;
		visibility: visible;
		width: 70%;
		float: right;		
	}
	
	.menuMobile{
		width:35px;
		visibility: hidden;
		display:none;
	}
		
	.menuDesktop{
		visibility: visible;
		padding-right:20px;
		padding-top:28px;
		height:58px;
	}		
	
	.menuButtonBar {
			  width: 35px;
			  height: 5px;
			  background-color: black;
			  margin: 6px 0;
			  visibility:hidden;
		}

	
	.menuUnten {
		background: #ffffff;
		width:100%
		border:none;
	}

	.menuUntenCenter {
		background: #ffffff;
		margin-left:auto;
		margin-right:auto;
		width:380px;
		border:none;
	}
	
	.menuUntenRight {
		background: #214F5A;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		border:none;
	}

}

/*
    Nun kommt der Schlagschatten.
    Dieser besteht einfach aus einer Höhe und einem Hintergrund.
*/
#border {
    background: #151515;  /* url(schatten.png) repeat-x top left*/
    height: 12px; 
}

/*
    Zuerst bekommt die Navi ihren richtigen Abstand zu den anderen Elementen.
*/
#navi {
    margin: 1em 1.3em;
}

/*
    Und nun bekommen auch noch die Listenpunkte ihr styling.
    Mit 'display' werden sie horizontal angeordnet und ihre Listenpunkte werden entfernt.
*/
#navi li {
    display: inline;
    list-style-type: none;
    padding: 0px 1em 0px 0px;
}

/*
    Da die Listenpunkte Links enthalten, werden die nichtmal extra formatiert.
*/
#navi a, #navi a:active, #navi a:visited, #navi a:hover {   
    /* zwar aus Usability nicht korrekt, aber in der Navigation vertretbar */
     text-decoration: none; 
}

	
/*------------------------------------------
 --	
 -- MENÜ style Main Menu top
 --
 --------------------------------------------*/
 /* top level
--------------------------------------------*/
.menuTemplate1
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/menu-layout  */
    margin: 0 auto; width: auto;float:right;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("/horizontal/me/cssmenu.htc");
    position:relative;
    z-index:4;
    height: 58px;
    background: white url(bg.gif);
    font-family: 'Yanone Kaffeesatz', Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-stretch:normal;
	
    list-style: none;
    padding: 0;
	display:inline;
}

.menuTemplate1 div {
    box-sizing:content-box;
	float:right;
	align:center;
}  
   
.menuTemplate1 li
{
    padding: 0;
    float: right;
    height: 58px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: #214F5A;
    z-index:5;
}

.menuTemplate1 a
{
    padding: 0 20px;
    line-height: 58px; /*Note: keep this value the same as the height of .menuTemplate1 li */
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #214F5A;
	/*border-bottom:0px solid #000000; */ /* 1px */
    position: relative;
}
.menuTemplate1 li:hover a, .menuTemplate1 li.onhover a
{
    background: #214F5A url(bg.gif) repeat-x 0 -48px;
    color: #ffffff;
    z-index: 9;
}
.menuTemplate1 a.arrow
{
    background: url(arrow.gif) no-repeat right center;}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate1 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate1 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:0px solid #F7F7F7;  /* 1px */
    border-right:0px solid #BBBBBB; /* 1px */
	
    z-index:4;
}
/* sub level
--------------------------------------------*/
 
/* 
.menuTemplate1 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #000;
    background: #222;           
    text-align: left;
    padding: 20px;  
    top:35px;
	color:#999;
}

.menuTemplate1 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
}
*/
.menuTemplate1 li:hover .drop, .menuTemplate1 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate1 li:hover .dropToLeft, .menuTemplate1 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate1 li:hover .dropToLeft2, .menuTemplate1 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}
*/

/* Elements within the drop down sub-menu
--------------------------------------------*/
/*
.menuTemplate2 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
*
.menuTemplate21 div.drop div a
{
    line-height: 24px;  
	color:white;
    background:none;
}
.menuTemplate1 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:Red;
}

.menuTemplate1 div.left {float:left;}
*/

/*------------------------------------------
 --	
 -- MENÜ style Main Menu top
 --
 --------------------------------------------*/
 /* top level
--------------------------------------------*/
.menuTemplate2
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/menu-layout  */
    margin: 0 auto; width: 100%;float:right;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("/horizontal/me/cssmenu.htc");
    position:relative;
    z-index:4;
    height: 58px;
    background: #214F5A;/*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif*/;
	font-stretch:normal;
	
    list-style: none;
    padding: 0;
	padding-right:10%
	display:inline;
}

.menuTemplate2 div {
    box-sizing:content-box;
	float:right;
	align:center;
}  
   
.menuTemplate2 li
{
    padding: 0;
    float: right;
    height: 58px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: #ffffff;
    z-index:5;
	right:10%;  /* 12.12.2019: lumichange */
}

.menuTemplate2 a
{
    padding: 0 30px;
    line-height: 58px; /*Note: keep this value the same as the height of .menuTemplate2 li */
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #ffffff;
	/*border-bottom:0px solid #000000; */ /* 1px */
    position: relative;
}

.menuTemplate2 li:hover a, .menuTemplate2 li.onhover a
{
    background: #ffffff url(bg.gif) repeat-x 0 -48px;
    color: #214F5A;
    z-index: 9;
}
.menuTemplate2 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate2 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate2 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:0px solid #F7F7F7;  /* 1px */
    border-right:0px solid #BBBBBB; /* 1px */
	
    z-index:4;
}
    
        
/* sub level
--------------------------------------------*/
.menuTemplate1 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom:3px solid #000000;
    background: #FFF;            
    text-align: left;
    padding: 20px;  
    color:#567882;
	font-color:#567882;
    top:58px; 
	
}

.menuTemplate1 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 24px;
    font-weight: normal;
	color:black;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
    background-image:none;
}

.menuTemplate1 li:hover .drop, .menuTemplate1 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    background:white url(bg-right.png) no-repeat right bottom;
}
.menuTemplate1 li:hover .dropToLeft, .menuTemplate1 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    background:white url(bg-left.png) no-repeat 0 bottom;
}
.menuTemplate1 li:hover .dropToLeft2, .menuTemplate1 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate1 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate1 div.drop div a
{
    line-height: 24px;  
    color: #567882;
    background:none;
}
.menuTemplate1 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:white;
	background-color:black;
}

.menuTemplate1 div.right {float:left;}

        

/* Menüs - Buttons Ende
--------------------------------------------*/

/*for top-level*/ 
.decorClear
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    -moz-box-shadow: 0px 0px 0px #ccc;
    -webkit-box-shadow: 0px 0px 0px #ccc;
    /*box-shadow: 0px 0px 0px #ccc;*/
	border:0;
            
} 
   
.decor1_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    /*box-shadow: 0px 1px 4px #ccc;*/
            
}


/*for submenu.*/    
.decor1_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 12px 20px #CCCCCC;
    -webkit-box-shadow: 0px 12px 20px #CCCCCC;
    /*box-shadow: 0px 12px 20px #CCCCCC; */ 
}


 
/*for top-level*/       
.decor3_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    

    -moz-box-shadow: 1px 2px 4px 2px #999;
    -webkit-box-shadow: 1px 2px 4px 2px #999;
	border-radius:8px;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    color:#567882;
    background-color:#E0E0E0;
    text-align: left;
    padding: 10px;  
    top:35px;
	margin-bottom:0px;
	float:left;

}

.decor3_1:hover
{
   background-color:#F0F0F0;
}
/* Menüs - Buttons Ende
--------------------------------------------*/
 
 /* Tool tips
--------------------------------------------*/
 
 .tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .right {
    min-width:250px; 
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#000000;
    background-color:#E0E0E0;
    font-weight:normal;
    font-size:18px;
    position:absolute;
    z-index:99999999;
    border-radius:8px;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .right {
    visibility:visible; opacity:1;
}

.tooltip .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#E0E0E0;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
/* wenn der chirm unter einer gewissen breit ist, wird  das tooltip rechts angezeigt, weil sonst damit zu rechnen
   ist, dass der Linktext durch Umbruch ganz links anzeigt wird, und dann das tooltip links außerhalb dess screens liegt.
   funktioniert nur mit exakt dem Layout vom 12.08.2019 für den Startbildschirm
*/
@media only screen and (min-width: 1083px) {

  .tooltip .left {
    min-width:250px; 
    top:50%;
    right:100%;
    margin-right:10px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#000000;
    background-color:#E0E0E0;
    font-weight:normal;
    font-size: 18px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
  }
}

@media only screen and (max-width: 1082px) {
  .tooltip .left {
    min-width:250px; 
    top:50%;
    left:100%;
    margin-right:10px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#000000;
    background-color:#E0E0E0;
    font-weight:normal;
    font-size: 18px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; 
	transition: 0.8s;
  }
}	
.tooltip:hover .left {
     visibility:visible; opacity:1;
	 background-color:#E0E0E0;
	 /*display:block;*/
}

.tooltip .left i {
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip .left i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    background-color:#E0E0E0;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

 /* Tool tips ende
--------------------------------------------*/

.btn,.btn2{align:center}
/*
#navFixed{width:260px}@media only screen and (max-width:900px){
	#main{padding:20px;margin-right:0}#side{float:none
	float-panel{position:static!important}.page{padding:0 4px 4px}}
	#header{background:#314f60;padding-top:6px;top:0;left:0;width:100%;z-index:999999994}
	#header .small{margin-right:20px;text-align:right}#header a{color:#ddd;text-decoration:none}
	#header a:hover{color:#fff;text-decoration:none}#footer{text-align:center;clear:both;padding:30px 0;color:#000;border-top:1px solid #ddd}#forumP1{float:left;padding:30px 30px 30px 0;width:668px}#forumP2{float:left;width:300px}#demowrap{background-color:#f6f6f6;overflow:auto;border-bottom:1px solid #d6d6d6}.demo{padding-top:60px;padding-bottom:30px;text-align:center;color:#222;width:1000px;margin:0 auto}.black-box{background-color:#314f60;padding:20px;border-top:4px solid #999;color:#f7f7f7}.black-box h1,.black-box h2,.black-box h3{margin-top:0}.black-box a{color:#bbb}.black-box a:hover{color:#fff;text-decoration:none}.ucPosts a{text-decoration:none}.ucPosts a:hover{color:#333}ul.densed{padding-left:20px}ul.densed li{padding:0}.postWrap1{border-top:1px solid #e5e5e5;background:#f6f6f6}.postWrap2{border-top:1px solid #e5e5e5;background:#fff;padding-top:30px}.postInner{max-width:900px;margin:0 auto;padding-top:20px}@media only screen and (max-width:600px){.postInner{display:none}}.ucPosts ul{list-style-type:none;padding:0}.ucPosts li{list-style-type:none;padding:8px 0;clear:both;white-space:nowrap;width:430px;overflow:hidden}.ucPosts div.colu{width:449px;overflow:hidden}#qaPost{width:100%;max-width:658px;padding-bottom:40px;box-sizing:content-box}#postArea1{width:100%}.nicEdit-main p{margin:12px 4px}.litbox{border:solid 1px #dadecb;padding:8px 20px;background-color:#f6f6f6}.mycard{display:block;position:relative;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;text-align:center}.mycard div{display:block;padding:20px}.mycard>div:first-child{background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.processing{background-image:url('data:image/gif;base64,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');background-repeat:no-repeat;background-position:center center}.question-mark{display:inline-block;border:2px solid #222;border-radius:50%;width:24px;height:24px;line-height:24px;text-align:center;font-weight:bold;vertical-align:middle;cursor:pointer;position:relative;top:-2px}.bg-dark .question-mark{border-color:#fff}.question-mark::after{content:'?';font-size:14px;position:relative;top:-2px}.table-dark .question-mark{border-color:#fff}.question-circle{width:20px;height:20px;vertical-align:top}.caution{border:solid 1px #d4d8e1;background:#fbfbfd}.tip{border:dotted 1px #fc6;background-color:#fff8e0;border-radius:3px}.tip ul{padding-left:20px}.caution,.tip{background-position:3px center;padding:12px 10px 12px 22px;margin:10px 0}code,.code{border:dashed 1px #dadecb;padding:8px 12px;background-color:#f6f6f6;font-family:Consolas,Menlo,monospace;font-size:13px;margin:6px auto;overflow:auto;white-space:pre-wrap;color:#000;display:block;line-height:20px}.copy,.gear{vertical-align:middle;width:20px;height:20px;display:inline-block}.copy{background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAC1QAAAtUABpJwPMQAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAACDSURBVCiRfY7tDcIwDETPVdbrSDAGdK+KYVAhjx+Ni5uPnhQp8t2zT4DKuwMbZ+XgC5B/bsAHWEJoKlADePgJWAjZCHgDjzB8hate66ioqvMKzCHcVHTAK1gIdytGwIe5qngCdkoy/YVaWXk5dUJImqolh1Ix46bvxSWlkdERDgzNnn7CUy9jwSxXxQAAAABJRU5ErkJggg==') no-repeat center center}.gear{background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjIvMThMTIArAAAAyUlEQVQokZWSMW7CQBREH8aKEIewuQF3yA3SgMRJXPoA6ZEiWncQiTpFquQeQU7lI8T4peBHLDSQkUZazXztjv4sKupELdUHdaH+BBehzWIG1KlaqV/qi/rpGR/qJrxKnaIWautttGqRAQeg4TYa4JADK2CeGEfgHRB4BMahz4EV6nD19F4dBfdX3pDdEeUS6lLdJrf06luwT/RXdUn0UN+xpdroofzHWssM6IA18A08A7sk8S60Nma6v0gTT/Xn6lNk7+Ocm3yNXzAxaouNiit3AAAAAElFTkSuQmCC') no-repeat center center}.indent{padding-left:20px}.text-btn-link{color:#bbb;font-size:12px;display:inline;background:none;border:none;text-decoration:underline;cursor:pointer}.position-relative{position:relative}.position-absolute{position:absolute}.inline-block{display:inline-block!important}.block{display:block!important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.green{color:#074}.red{color:#c33}.gray{color:#999}.cn{font-family:Consolas,Menlo,monospace}.black{color:#000}.small{font-size:85%}.smaller{font-size:smaller}.small-xx{font-size:64%}.large{font-size:1.3em}.large-x{font-size:2em}.price{font-size:18px;font-weight:bold}.left{float:left}.i-b{display:inline-block}.inline{display:inline}.right{float:right}.zero{font-size:0}.clear{clear:both!important}.nmlwt{font-weight:normal}.col25,.col33,.col50{float:left;position:relative;margin:0;padding:0}.col25{width:25%}.col33{width:33.3333%}.col50{width:50%}.pad4{padding:4px}.pad10{padding:10px}.p20{padding:20px}.padv10{padding-top:10px;padding-bottom:10px}.padh20{padding-left:20px;padding-right:20px}.padv20{padding-top:20px;padding-bottom:20px}.padh30{padding-left:30px;padding-right:30px}.padv30{padding-top:30px;padding-bottom:30px}.padh40{padding-left:40px;padding-right:40px}.padv40{padding-top:40px;padding-bottom:40px}.w20{width:20px}.w40{width:40px}.w60{width:60px}.w80{width:80px}.w100{width:100px}.w120{width:120px}.w140{width:120px}.w160{width:160px}.w200{width:200px}.w260{width:260px}.r10{margin-right:10px}.w-100{width:100%}.browsers1,.browsers2{display:inline-block;height:17px;overflow:hidden;background-image:url(img/icons.gif);vertical-align:middle}.browsers1{width:144px;background-position:-56px -148px}.browsers2{width:200px;background-position:0 -148px}.icon1,.icon2,.icon3,.icon4,.icon5,.icon6{float:left;background-image:url(img/icons.gif);height:24px;width:22px;overflow:hidden;margin-right:6px;outline:none}.icon1{background-position:0 0}.icon2{background-position:0 -24px}.icon5{background-position:0 -96px}.icon6{background-position:0 -120px}.icon3,.icon4{float:none;height:22px;vertical-align:middle;background-position:0 -47px;margin-right:0;border:none;cursor:pointer;background-color:transparent}.icon4{background-position:0 -72px}#backtop{position:fixed;left:auto;right:20px;top:auto;bottom:20px;outline:none;overflow:hidden;color:#fff;text-align:center;background-color:rgba(49,79,96,.84);height:36px;width:36px;line-height:36px;font-size:14px;border-radius:2px;cursor:pointer;transition:all .3s linear;z-index:999999;opacity:1;display:none}#backtop:hover{background-color:#27cfc3}#backtop.mcOut{opacity:0}.pager{font-size:18px;font-weight:bold;margin:40px 0 20px 0}.pager a.pre-nxt{font-size:28px}.pager a{color:#333;margin:0 6px;text-decoration:none}.pager a.current,div.pager a:hover{color:#c96}.pager span.current{margin:0 6px;color:#c96}.separator{margin-bottom:10px;border-top:1px solid #eee;height:0}.author{text-align:right;padding:10px 0}.post,.post1{clear:both;width:662px;padding-bottom:10px}.rateBlock{float:left;width:46px;margin-right:16px;text-align:center}.contentBlock{float:left;width:600px;font-size:15px;padding-right:12px}.post1 .rateBlock{margin-left:30px}.post1 .contentBlock{width:570px;font-size:13px}.answer{background:#dce2f2}.answer .answerIndicator{background:transparent url("/Content/img/icons.gif") no-repeat 10px -214px;width:50px;height:30px;margin-top:20px}#maintabs{text-align:left;font-size:0;margin:0;padding:0;padding-left:20px;list-style-type:none}#maintabs li{margin:0;margin-right:2px;padding:0;display:inline}#maintabs li a{padding:0 10px;display:inline-block;font-weight:600;font-size:15px;line-height:32px;text-decoration:none;color:#333;background:#f1f1f1;outline:none;border:2px solid #ccc;border-bottom:none;border-radius:5px 5px 0 0;position:relative;transition:border-color .3s linear}#maintabs li a:link,#maintabs li a:visited{color:#333}#maintabs li a:hover{color:#333;border:2px solid #4a6a7c;border-bottom:none}#maintabs li.selected a{color:#333;font-weight:bold;border-color:#4a6a7c;background:#fff;z-index:3}#maintabs li.selected a:hover{text-decoration:none;color:#000}#maintabs-panel-container{border:none;border-top:2px solid #4a6a7c;border-radius:0;background-color:#fff;position:relative;padding:0;margin:0;outline:none;margin-top:-2px}#maintabs-panel-container>div{padding:30px;display:block;margin:0}#maintabs-panel-container .inactive{display:none}#maintabs-panel-container .ajaxLoading{background:transparent url(/tabs/rtabs/template1/loading.gif) no-repeat center center;height:150px;width:20px;font-size:0;padding:0;margin:0 auto}@media only screen and (max-width:620px){#maintabs{padding-left:0;box-sizing:border-box;border-left:2px solid #4a6a7c;border-top:2px solid #4a6a7c;min-width:300px}#maintabs li{display:inline-block;box-sizing:border-box;margin-right:0;width:50%}#maintabs li:last-child:nth-child(odd){width:100%}#maintabs li a{background-color:#eee;border-top:none;border-left:none;border-right:2px solid #4a6a7c;border-bottom:2px solid #4a6a7c;display:block;padding:0;text-align:center;border-radius:0}#maintabs li a:hover{border-color:#4a6a7c;background-color:#f6f6f6}#maintabs li.selected a{background-color:#fff}#maintabs-panel-container.panel-container{border-radius:0;min-width:300px;box-sizing:border-box;border:2px solid #4a6a7c;padding:14px;width:auto;overflow:hidden}}.hide{display:none!important}.hidden{display:none}.show{display:block!important}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{padding:1px 4px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#4a6a7c;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(85,107,47,.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.btn2{line-height:1;padding:9px 20px;font-size:1.8em;margin:6px}.btn2 b,input.btn2{font-size:1.7em;font-weight:400;font-family:Oswald}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:18px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;transition:background-color .3s}.btn:link{text-decoration:none!important}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
*/	
	.btn:hover,	.btn:focus{color:#333;text-decoration:none}
	.btn-default{color:#333;background-color:#e6e6e6;border-color:#ccc}
	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active{color:#333;background-color:#ddd;border-color:#ccc}
	.btn-default:active{background-image:none}
	.btn-primary{color:#fff!important;background-color:#314f60;border-color:#1b3544}
    .btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#4a6a7c;border-color:#314f60}
	.btn-danger{color:#fff!important;background-color:#e55e39;border-color:#e55e39}
	.btn-danger:hover,.btn-danger:focus,.btn-danger:active{background-color:#ed7a5b;border-color:#ed7a5b}
	.btn-sm,.btn-xs{padding:5px 10px;font-size:13px;line-height:1.5;border-radius:3px}
	.btn-xs{padding:2px 6px}
	.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;padding:6px 12px