/* new Main Headline design */

body
{
    background-color:#FFF8EC;
    color: #3E454C;
    margin:0px;
}

body .inlinesvg
{
   fill: #3E454C;
}




@font-face {
    font-family: 'Rubik';
    src: url('Rubik/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('Rubik/Rubik-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('Rubik/Rubik-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


body, tr, td , div ,h1,h2,h3,h4,h5,h6
{

    font-family: 'Rubik', sans-serif,Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px; font-style: normal;
    line-height: 1.6;
    font-weight: normal; 

}


h1,h2
{
	line-height: 1.0
}

h3,h4,h5,h6
{
	line-height: normal
}

h1 {	 font-size:42px; margin: 0px; padding: 42px 0px 14px 0px}
h2 {	 font-size:28px; margin: 0px; padding: 28px 0px}
h3 {	 font-size:20px; margin: 14px 0px; font-weight: bold  }
h4 {	 font-size:18px; margin: 14px 0px; font-weight: bold  }
h5 {	 font-size:14px; margin: 11px 0px; font-weight: bold  }
h6 {	 font-size:14px; margin: 11px 0px; font-weight: bold  }
h7 {	 font-size:14px; margin: 11px 0px; font-weight: bold  }


.faq h3 { margin : 56px 0px 15px 0px }
.faq h4 { margin : 32px 0px 15px 0px }
.faq h5 { margin : 32px 0px 15px 0px }
.faq h6 { margin : 18px 0px 15px 0px }
.faq h7 { margin : 18px 0px 15px 0px }
.faq h8 { margin : 18px 0px 15px 0px }


a {text-decoration:underline}

a:link {color:#3E454C}
a:active {color:#EE4035}
a:visited {color:#3E454C}
a:hover {color:#EE4035}




.productLink{  text-decoration: none}
.productLink div{  text-decoration: none}



/*
.productLink:link { text-decoration: none}
.productLink:link div { text-decoration: none}
.productLink:link h2 { text-decoration: none}

.productLink:active { text-decoration: none}
.productLink:active div{ text-decoration: none}
.productLink:active h2{ text-decoration: none}

.productLink:visited { text-decoration: none}
.productLink:visited div { text-decoration: none}
.productLink:visited h2 { text-decoration: none}

.productLink:hover { text-decoration: none}
.productLink:hover div { text-decoration: none}
.productLink:hover h2{ text-decoration: none}
*/

/* main Content Divs and Headline*/


.thickunderline { margin-bottom: 15px; border-bottom: 3px; padding-bottom: 5px;  border-bottom-style: solid; border-bottom-color: #2185C5 }


.pagealign { margin-left: auto; margin-right: auto ; max-width:1200px; border:0px ;  padding:0px; text-align:left  }



.mainbody {  padding:0px  ; text-align:center ; margin: 0px }

.mainContent {  }

.smoothoverlay {

background: #FFF8EC;
background: linear-gradient(to bottom,  rgba(255, 248, 236, 0.5)  0%, #FFF8EC 100%); 

}

.defaultsmoothbackground {
 /*   background-image:url(pics/background-grey-mosaic.png);*/
}

.blackonwhite
{
   background-color:white;
   color:black;
   border-top:solid;
   border-top-width:1px;
   border-top-color:#bbbbbb;
   border-bottom:solid;
   border-bottom-width:1px;
   border-bottom-color:#bbbbbb;
}

.whiteonblack
{
   background-color:black;
   color:white;
}

.blackonwhite a {  text-decoration:underline }
.blackonwhite a:link {  color:#000000 }
.blackonwhite a:active { color:#83A8FF }
.blackonwhite a:visited { color:#000000 }
.blackonwhite a:hover { color:#83A8FF}

.alternative
{
    background-color:#2185C5;
    color:#FFF8EC
}

.alternative a {text-decoration:underline}
.alternative a:link {color:#FFF8EC}
.alternative a:active {color:#EE4035}
.alternative a:visited {color:#FFF8EC}
.alternative a:hover {color:#EE4035}






.topmenubackground
{
    padding: 20px  0px 0px 0px;
}

.topMenuBottomMargin
{
   height:20px;
}

/* smallest */
@media only screen and (max-width: 640px) 
{
  .topMenuBottomMargin { height:5px; }
}

.productMenu
{
  background-color: #2185C5
}


#floatingMenu.floatingMenuFixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
  }

.CustomToolsBackground
{
    background-color:white;
    background-image:url(pics/cluster.png);
    background-position:center top;
    background-repeat:repeat-x;
    
   border-top:solid;
   border-top-width:1px;
   border-top-color:#bbbbbb;
   border-bottom:solid;
   border-bottom-width:1px;
   border-bottom-color:#bbbbbb;
  
    color:black;
}

.CustomToolsBackground .inlinesvg
{
  fill : black;
}



.flexcontainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
 
 
.flexauto 
{
    -webkit-flex: auto;
    -ms-flex: 1 1 auto;
    flex: auto ;
}

.flexnone
{
    -webkit-flex: none;
    -ms-flex:none;
	flex:none;
}

.flexaligncenter
{
  -ms-flex-align: center;
  align-items: center;
}
 
 .slick-prev {	left: 0px;z-index:999;} 
 .slick-next { right: 0px;z-index:999;} 	
 .slick-prev:before {color:#3E454C ;} 
 .slick-next:before {color:#3E454C ;} 

a .logoSize path { fill : #3E454C }
a:hover .logoSize path { fill : #EE4035 }




/* 	New responsive layouts

	4 / 2 / 1 Column
*/

.oneCol {
    width: 96%; margin-left: 2%; margin-right: 2%
}

.twoCol {
     margin-left: 1%; margin-right: 1%
} 

.twoColBigGap {
     margin-left: 1%; margin-right: 1%
}

.twoThirdCol {
   margin-left: 1%; margin-right: 1%
} 

.twoThirdRightCol  {
   margin-left: 1%; margin-right: 1%
} 

.threeCol {
   margin-left: 1%; margin-right: 1%
} 

.threeQuarterCol {
   margin-left: 1%; margin-right: 1%
} 

.fourCol {
   margin-left: 1%; margin-right: 1%
} 




/* smallest */
@media only screen and (max-width: 640px) {
.oneCol { width: 92%; margin-left: 4%; margin-right: 4% }
.fourCol {width: 92%; margin-left: 4%; margin-right: 4% }
.fourCol:nth-child(1n+1) { clear: left; }
.smallnotvisible { display:none }
.twoCol {width: 92%; margin-left: 4%; margin-right: 4% }
.twoColBigGap {width: 92%; margin-left: 4%; margin-right: 4% }
.twoThirdCol {width: 92%; margin-left: 4%; margin-right: 4% }
.twoThirdRightCol {width: 92%; margin-left: 4%; margin-right: 4% }
.threeCol {width: 92%;  margin-left: 4%; margin-right: 4% }
.threeQuarterCol {width: 92%;  margin-left: 4%; margin-right: 4%}
.smallmediumnotvisible { display:none }
}






/* medium */
@media only screen and (min-width: 641px) and (max-width: 850px) {
  .fourCol { float: left; }
  .fourCol:first-child {  margin-right: 1% ; margin-left:2% }
  .fourCol:last-child {  margin-right: 2% ; margin-left: 1% }
  .smallvisible { display:none }
  .fourCol {width: 47%}
  .fourCol:nth-child(2n+1) { clear: left; margin-right: 1%; margin-left:2%}
  .twoCol {width: 96%; margin-left: 2%; margin-right: 2% }
  .twoColBigGap {width: 96%; margin-left: 2%; margin-right: 2% }
  .twoThirdCol {width: 96%; margin-left: 2%; margin-right: 2% }
  .twoThirdRightCol {width: 96%; margin-left: 2%; margin-right: 2% }
  .threeCol {width: 96%;  margin-left: 2%; margin-right: 2% }
  .threeQuarterCol {width: 96%;  margin-left: 2%; margin-right: 2%}
  .smallmediumnotvisible { display:none }
}

/* big */
@media only screen and (min-width: 851px)
{  
   .fourCol { float: left; }
   .fourCol:first-child {  margin-right: 1% ; margin-left:2% }
   .fourCol:last-child {  margin-right: 2% ; margin-left: 1% }
   .smallvisible { display:none }

   .twoCol                  { width: 47%; float: left; }
   .twoCol:first-child      {   margin-right: 1% ; margin-left:2% }
   .twoCol:last-child       {   margin-right: 2% ; margin-left: 1% }
   .twoCol:nth-child(2n+1) { clear: left; margin-right: 1%; margin-left:2%}
   
   .twoColBigGap                  { width: 46%; float: left; margin-right: 2% ; margin-left:2% }
   .twoColBigGap:nth-child(2n+1)  {  clear: left;}
   
   .twoThirdCol                         {  float: left; }
   .twoThirdCol:nth-child(1)            {  width: 63.33%; }
   .twoThirdCol:nth-child(2)            {  width: 30.66%; }
   .twoThirdCol:first-child             {  margin-right: 1% ; margin-left:2% }
   .twoThirdCol:last-child              { margin-right: 2% ; margin-left: 1% }
   
   
   .twoThirdRightCol                         {  float: left; }
   .twoThirdRightCol:nth-child(1)            {  width: 30.66%; }
   .twoThirdRightCol:nth-child(2)            {  width: 63.33%; }
   .twoThirdRightCol:first-child             {  margin-right: 1% ; margin-left:2% }
   .twoThirdRightCol:last-child              { margin-right: 2% ; margin-left: 1% }
   
   .threeCol                  {  width: 30.66%; float: left; }
   .threeCol:first-child      {  margin-right: 1% ; margin-left:2% }
   .threeCol:last-child       {   margin-right: 2% ; margin-left: 1%  }
   .threeCol:nth-child(3n+1) { clear: left; margin-right: 1%; margin-left:2%}
  
   .threeQuarterCol                     {   float: left; }
   .threeQuarterCol:nth-child(1)        {  width: 71.5%; }
   .threeQuarterCol:nth-child(2)        {  width: 22.5%; }
   .threeQuarterCol:first-child         { margin-right: 1% ; margin-left:2% }
   .threeQuarterCol:last-child          {   margin-right: 2% ; margin-left: 1%}
    
   .fourCol { width: 22.5%; }
   .fourCol:nth-child(4n+1) { clear: left; margin-right: 1%; margin-left:2%}
   
   .smallmediumvisible { display:none }
   
}



/* standard row */

.oneRow
{
	height:16px;
}

.twoRow
{
	height:32px;
}

.fourRow
{
	height:64px;
}

.oneRowWhite
{
        height:16px;
        background-color: white;
}


/* productImageIndex */
.productImageIndex
{
	 height:150px;
	 background-position: -0px -0px;
	 background-size: 150%;
	
}

/* medium + small */
@media only screen and (max-width: 850px) {
  .productImageIndex
  {
	 height:200px;
	 background-size: 100%;
  }
}


/* manual Links below top hover menu */
.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

.notebox
{
  border: 10px solid #EE4035;
  padding: 20px;
  font-size: 18px;
}

/* promo Box */

.imageoverlaytext
{
   font-size: 36px;
  line-height:1.37;
  text-transform: uppercase;
/*  border-left: 0.25rem solid #EE4035; */
  position:absolute;top:15%;left:0px;
}

/* smallest */
@media only screen and (max-width: 640px)  {
	.imageoverlaytext
	{
   		font-size:25px;top:50px;left:0px;text-shadow: 2px 2px 4px #000000;
	}
}

.imageoverlaytext span 
{
    display: inline;
    background: #EE4035;
    color: white; 
    padding: 0.25rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/*
.imageoverlaytextsmall
{
   background-color:black;white-space: pre-wrap;display:inline;
   font-size:25px;font-style:italic;position:absolute;top:50px;left:0px;text-shadow: 2px 2px 3px #000000;
}*/

.imageoverlaytextsmall 
{
  font-size: 25px;
  line-height:1.37;
  text-transform: uppercase;
/*  border-left: 0.25rem solid #EE4035; */
  position:absolute;top:50px;left:0px;
}

.imageoverlaytextsmall span 
{
    display: inline;
    background: #EE4035;
    color: white; 
    padding: 0.25rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

 

/* Video Wrapper for Youtube */



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
        margin-top:5px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Purchase ############## */
 
/* purchase page iframe */

.newsletterframeparent
{
	padding:8px;
	background-color: #2185C5; 
}

.newsletterpop
{
display:none; position:absolute; width:100%;left:auto;right:auto;max-width:400px;box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
         -moz-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
        -webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
        background-color:#2185C5;color:#FFF8EC
}

@media only screen and (max-width: 640px) {
  .newsletterheight {height:220px }
}

/* medium + big */
@media only screen and (min-width: 641px) {
  .newsletterheight {height:200px }
}


a div.purchaseBox
{
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
	background-color: white;
	padding: 8px 0px 0px 0px;
	color: black;
}

a:hover div.purchaseBox
{
	background-color: white; 
	color: black;    
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        position:relative;
        top:2px;left:2px;
}






 a.BuyButton {	padding: 9px;
			display:block;
			margin-left:auto;margin-right:auto;
			text-decoration: none;  
			background: #3f59b9;
			color: white; 
			white-space:nowrap;
	}

					
					
					
div.BuyButton {	padding: 9px;
			display:block;
			margin-left:auto;margin-right:auto;
			text-decoration: none;  
			background-color: #2185C5;
			 color:#FFF8EC;
			white-space:nowrap;
}

a:hover div div.BuyButton
{
	background-color: #7ECEFD;
    color:#3E454C;
}


	

/* Simple  Audio Player OLD */


.SimpleAudioPlayer{

   cursor:pointer;
   background-color: #7ECEFD; ;
   color: #3E454C;
   margin-top: 5px;
}


.SimpleAudioPlayer:hover{
   background-color:#EE4035;
   color:#FFF8EC;
}

.SimpleAudioPlayer div{

   
   padding: 14px;
}



/* AudioDemo */


.AudioDemo{

   cursor:pointer;
   background-color: #7ECEFD; ;
   color: #3E454C;
   margin-top: 5px;

 
}


.AudioDemo:hover{
   background-color:#EE4035;
   color:#FFF8EC;
}

.AudioDemo div{
   padding: 14px;

 
}

.AudioDemo   a:visited {color: #3E454C       }
.AudioDemo   a:link    {color: #3E454C       }
.AudioDemo   a:hover   {color: #FFF8EC }


.AudioDemo div span.playStat{
   padding-right: 7px;
}

/* Download Link and Box */

.downloadLink { margin-top: 10px; }
.downloadLink i { font-size:25px;margin-right:10px }
.downloadLink a { text-decoration:none }

.downloadLink a table tr    { border:0px none }
.downloadLink a table tr th  { border:0px none}
.downloadLink a table tr td  { border:0px none}

.alternative  a:link table tr td  { color:#FFF8EC }
.alternative  a:active table tr td  { color:#EE4035 }
.alternative  a:visited table tr td  { color:#FFF8EC }
.alternative  a:hover table tr td  { color:#EE4035 }

a.gray {text-decoration:underline}
a.grey:link {color:#667}
a.grey:active {color:#667}
a.grey:visited {color:#667}
a.grey:hover {color:#667}

a.bottomgrey { text-decoration:none }
a.bottomgrey:link {color: #3E454C }
a.bottomgrey:active {color:#3E454C}
a.bottomgrey:visited {color:#3E454C}
a.bottomgrey:hover {color:#3E454C }




.smalltext  {
font-size: 10px; font-style: normal;
font-weight: normal; color: #000000} 

/* deprecated */
.biggreyleft {float: left;font-size:22px;color:#999999;letter-spacing:-1px;}
.biggreyright {float: right;text-align:right;font-size:22px;color:#999999;letter-spacing:-1px;}

/* deprecated */
.smallleft {float: left;font-size:10px;color:#000000;}
.smallright {float: right;text-align:right;font-size:10px;color:#000000;}



	
	
img { margin:0px 0px 0px 0px; border:0px;-ms-interpolation-mode: bicubic}



ul.featurelistwide li {
	padding:5px 0px 5px 0px;
	
}

.indexpic {
    height:300px;
    box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
    -moz-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
    -webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
	margin:20px;
	margin:20px;
	

}



.picshadow  { 
box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.15);
}

.picshadowdark  { 
box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.5);
}



.picshadowlight  { 
box-shadow: 0px 0px 10px 3px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 0px 10px 3px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 0px 10px 3px rgba(119, 119, 119, 0.3);
}


.picshadowdarker  { 
box-shadow: 0px 0px 40px 3px rgba(119, 119, 119, 0.6);
-moz-box-shadow: 0px 0px 40px 3px rgba(119, 119, 119, 0.6);
-webkit-box-shadow: 0px 0px 40px 3px rgba(119, 119, 119, 0.6);
}




.topnews
{
	margin: 28px 0px;
}



.layouttable
{
	margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-collapse:collapse;
}  

.news { margin:0px;
	border:0px;
	padding:5px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	background-color:#E0E0E0} 

  .bignews1 { margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;} 
  
  .bignews2 { margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px; } 
  

  





        a.selectButton {	padding: 9px;
			border-radius: 4px;
			display:inline-block;
			margin:10px;
			text-decoration: none;  
			background: #2185C5; 
			color: #FFF8EC; 
			white-space:nowrap;
	}

	a.selectButton:hover {	background-color: #EE4035;
					border-color: #EE4035;
					color:#FFF8EC }

        a.selectButton:visited { color:#FFF8EC }
        a.selectButton:link { color:#FFF8EC }
					
					
	div.selectButton {	padding: 9px;
			border-radius: 4px;
			display:inline-block;
			margin:10px;
			text-decoration: none;  
			background: #445eb9; 
			color: white; 
			white-space:nowrap;
	}

	div.selectButton:hover {	background-color: lightblue;
					border-color: #D8C864;
					color:black }
	



span.ButtonSmallText
{
	font-size:9px;
}


			
a.Button {  padding: 9px;
			border-radius: 4px;
			display:inline-block;
			text-decoration: none;  
			background: #445eb9; 
			color: white; 
			white-space:nowrap;
	}
	
a.Button:hover {	background-color: lightblue;
			border-color: #D8C864;
			color:black }
			
			
			
a.ButtonNewsletter {  padding: 9px;
			border-radius: 4px;
			display:inline-block;
			text-decoration: none;  
			background: #7ECEFD; 
			color: #3E454C ; 
			
	 }

a.ButtonNewsletter:link { color: #3E454C ; 
			
	 }

a.ButtonNewsletter:visited {	background: #7ECEFD; 
			color: #3E454C ; 
            	 }
	
	
	
a.ButtonNewsletter:hover {	background-color: #EE4035;
			border-color:  #EE4035;
			color: #FFF8EC }
	

/* On page buy button */

a.BuyNowButton {  padding: 9px;
			
			display:block;
			text-decoration: none;  
			background: #2185C5; 
			color: #FFF8EC; 
			white-space:nowrap;
			text-align:center;
	}
	
a.BuyNowButton:hover {		background-color: #EE4035;
							color:#FFF8EC }
	
	
a.ShowBundlesButton {   font-size:9px; 	
						padding: 9px;
						display:block;
						text-decoration: none; 
                        background: #7ECEFD;
						color: #3E454C;
						white-space:nowrap;
						text-align:center;
	}
	
a.ShowBundlesButton div {   font-size:12px; 	
					
						
	}
	
a.ShowBundlesButton:hover {	background-color: #EE4035;
                            color:#FFF8EC }
	
				
/* --------- */
	
		
	
span.ButtonGroup {
			
			padding-left: 9px;
			border-radius: 4px;
			
			display:inline-block;
			text-decoration: none;  
			background: #d3d8ef; 
			color: black; 
			white-space:nowrap;
			margin-top: 10px;
			margin-right: 20px;
			margin-bottom: 10px;
			vertical-align:middle;
		}
			
a.ButtonMember {	padding: 9px;
			border-radius: 4px;
			margin-right: 20px;
			display:inline-block;
			text-decoration: none;  
			background: #475ecc; 
			color: white; 
			white-space:nowrap;  }
			
a.ButtonMemberTransparent {	padding: 9px;
			border-radius: 4px;
			margin-right: 20px;
			display:inline-block;
			text-decoration: none;  
			color: black; 
			white-space:nowrap;  }
			
		
			
			
	

table.pricetable {
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: separate;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.pricetable  td {
	font: bold 16px Verdana, sans-serif;
	vertical-align:middle;
	text-align:center;
	border-style: none;
	border-color: white;
	border-width:0px 0px 0px 0px;
	border-spacing:0px;
	padding: 15px 5px 15px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}






table.greybartable {
	width: 100%;
	border-collapse: collapse;
	text-align:center
}

table.greybartable th  {
   border: 2px solid #3E454C;
   padding: 5px;
   font-size: 1.5em;
}

table.greybartable td  {
   border: 2px solid #3E454C;
   padding: 5px;
}

table.greybartable  tr {
   border: 2px solid #3E454C;
   padding: 5px;
}



@media only screen and (max-width: 640px) 
{
	table.greybartable td,tr,th
        {
             font-size: 0.8em;
        }
}




table.whitebartable {
	width: 100%;
	border-collapse: collapse;
	text-align:center
}

table.whitebartable th  {
   border: 2px solid white;
   padding: 5px;
   font-size: 1.5em;
}

table.whitebartable td  {
   border: 2px solid white;
   padding: 5px;
}

table.whitebartable  tr {
   border: 2px solid white;
   padding: 5px;
}



table.picturefeaturetable {
	width:100%;
	
	color:#000000;
	
}
table.picturefeaturetable th {
	color:#000000;
	padding:5px;
}
table.picturefeaturetable td {
	padding:5px;
	color:#000000;
}





.bordertop
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0; 
}


.navlisttop
{
   margin:0;
   padding:0;
 
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   
    list-style: none;
  
   -webkit-flex: auto;
   -ms-flex: 1 1 auto;
   flex: auto ;
  
  
 } 


.navlisttop li
{
  list-style: none;
 
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    
  margin: 0px 0px 0px 0px; 
  
  -webkit-flex: auto;
  -ms-flex: 1 1 auto;
  flex: auto ;
    
 /* border-left: 1px solid; */
  border-color:black;
}



.navlisttop li#smallspace
{
	margin-left: 20px;
}

.navlisttop li a
{
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
    
 position:relative;
 color: white;
 border:0px;
 text-decoration: none;
 
 -webkit-flex: auto;
 -ms-flex: 1 1 auto;
 flex: auto ;
 
  -ms-flex-align: center;
  align-items: center;
 
 justify-content: center;
 
 padding-left: 10px;
 padding-right: 10px;
 
 
}


.navlisttop li a div
{
 
  -webkit-flex: auto;
  -ms-flex: 1 1 auto;
  flex: auto ;
    
  text-align:center;
}




.logofontsize 
{
font-size:20px;
line-height:26px;
margin-top:18px;
margin-bottom:18px;
border-bottom-color:transparent;
border-bottom-style:solid;
border-bottom-width:4px;
border-top-color:transparent;
border-top-style:solid;
border-top-width:4px;
}


.navlisttop li a div
{
font-size:20px;
line-height:26px;
margin-top:18px;
margin-bottom:18px;
border-bottom-color:transparent;
border-bottom-style:solid;
border-bottom-width:4px;
border-top-color:transparent;
border-top-style:solid;
border-top-width:4px;
}


.logoSize{height:70px;width:70px;padding-bottom: 0px;padding-top: 0px;padding-right: 35px}  

/* facebook logo */
.navlisttop li:last-child a { padding: 0px 0px 0px 50px; }
.navlisttop li:last-child a div  
{ 
 	font-size:34px;
	line-height:34px;
	/* ausgleich durch none border */
	border-bottom-style:none;
	border-top-style:none;
}
.navlisttop li:last-child a div i  
{ 
 	vertical-align:middle
} 
 




.navlisttop li a:link { color: #3E454C; }
.navlisttop li a:visited { color: #3E454C; }
.navlisttop li a:hover
{
color: #EE4035;
background: #FFF8EC;
}


.navlisttop li a.currenttop
{

   color: #3E454C;
}



.navlisttop li a.currenttop div
{
  
  border-bottom-color:  #3E454C;

}

@media only screen and (max-width: 360px) {
 
 .logoSize{height:40px;width:40px;padding-bottom: 0px;padding-top: 0px;padding-right: 5px} 
 .logofontsize                    { display:none } 
 .navlisttop li a {  padding-left: 3px;  padding-right: 3px; }
 .navlisttop li a div             { font-size:14px ; line-height:14px; margin-top:9px;margin-bottom:9px }  
 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
 
 .logoSize{height:40px;width:40px;padding-bottom: 0px;padding-top: 0px;padding-right: 5px} 
 .logofontsize                    { display:none } 
 .navlisttop li a {  padding-left: 5px;  padding-right: 5px; }
 .navlisttop li a div             { font-size:16px ; line-height:16px; margin-top:8px;margin-bottom:8px }  
 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {

 .logoSize{height:50px;width:50px;padding-bottom: 0px;padding-top: 0px;padding-right: 25px} 
 .logofontsize                    { display:none } 
 .navlisttop li a div             { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px }  
 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}

}


@media only screen and (min-width: 641px) and (max-width: 700px) {

 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}
 
 .logoSize{height:50px;width:50px;padding-bottom: 0px;padding-top: 0px;padding-right: 25px} 
 .logofontsize                    { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px } 
 .navlisttop li a div             { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px }  
 .navlisttop li:last-child a div  { font-size:26px ; line-height:26px; margin-top:12px;margin-bottom:12px } 

}


@media only screen and (min-width: 701px) and (max-width: 850px) {
 .logoSize{height:50px;width:50px;padding-bottom: 0px;padding-top: 0px;padding-right: 25px} 
 .logofontsize                    { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px } 
 .navlisttop li a div             { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px }  
 .navlisttop li:last-child a div  { font-size:26px ; line-height:26px; margin-top:12px;margin-bottom:12px } 
}















.bordersub1
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0;
}


.navlistsub1
{
    margin:0;
    padding:0;
    
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
 
}


    
.navlistsub1 li
{
  list-style: none;

 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
    

  margin: 0;
  padding: 0;
  
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1 ;
}





.navlistsub1 li#smallspace
{
	/* margin-left: 20px; */
}

.navlistsub1 li a
{
 
  display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
    

 color: black;
 border:0px;

 text-decoration: none;

   -webkit-flex: auto;
   -ms-flex: 1 1 auto;
   flex: auto ;
 
  -ms-flex-align: center;
  align-items: center;
  
 
 justify-content: center;

}

.navlistsub1 li a div
{
 
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex: auto;
 -ms-flex: 1 1 auto;
 flex: auto ;

 -ms-flex-align: center;
 align-items: center;

 
 justify-content: center;
 

}

.navlistsub1 li a div img
{
  padding: 2px 0px 2px 0px;
 
  -webkit-flex: auto;
  -ms-flex: 1 1 auto;
  flex: auto ;

  width: 100%; /* for IE11 */
  height: 25px;
}

.navlistsub1 li a:link { color: #000; }
.navlistsub1 li a:visited { color: #000; }

.navlistsub1 li a:hover
{
color: #000;
background: #83A8FF;
}


.navlistsub1 li a.currentsub1
{
/* background: black; 
  color: white;  */
}

.navlistsub1 li a:hover div img
{

}
  
.navlistsub1 li a.currentsub1 div img
{
 
 }





.mainLogoLink img,svg
{
   vertical-align:bottom;
   fill : #FFF8EC;
}

@media only screen and (max-width: 640px) {
  .mainLogoLink img,svg {height:40px}
 }

@media only screen and (min-width: 641px) and (max-width: 700px) {
 .mainLogoLink img,svg  {height:40px}   
}


@media only screen and (min-width: 701px) and (max-width: 850px) {
 .mainLogoLink img,svg {height:50px}   
}

@media only screen and (min-width: 851px)
{ 
 .mainLogoLink img,svg {height:90px}  
}



.bordersub2
{
	
	height: 0px;	
	padding: 0px;
	margin: 0px;
	
	
}





.navlistsub2
{


padding: 0px;
margin: 0px 0px 0px 0px;

display:inline-block;
}





.navlistsub2 li
{
list-style: none;
margin: 1px 0px 0px 1px;
display: inline-block;
padding: 0px;
}

.navlistsub2 li.smallspace
{
margin-left: 20px;
}

.navlistsub2 li a
{
 display: inline-block;   
padding: 5px 7px 5px 7px ;

text-decoration: none;
color: #3E454C;
background: #7ECEFD
}



.navlistsub2 li a:link { color: #3E454C;}
.navlistsub2 li a:visited { color: #3E454C; }

.navlistsub2 li a:hover
{
color: white;
background: #EE4035;
}

.navlistsub2 li a.currentsub2
{
  background: #FFF8EC; 
  color: #3E454C;
}
 


.bottomlink { color: #AAA; padding: 3px ;  font: 12px Verdana, sans-serif; }
.smallbottomline { color: #AAA; padding: 20px ;  font: 9px Verdana, sans-serif }



.hotbutton { text-align:right;  margin:0px 0px 0px 0px }
.hotbutton2 { position:absolute; top:50px; right:50px;}



.flashplayer{ margin:0px 0px 0px 0px} 
.topimage { margin: 15px 0px 15px 0px;}

.imageblock {  margin: 15px 0px 0px 0px; padding:10px ; border:0px ; background-color:#DDDDDD; text-align:center ; float: left; width:350px}
.textblock  {  margin: 15px 0px 0px 375px; }

.space { height:100px }

.space15px {  height:15px }


@media (prefers-color-scheme: dark) {



/* new Main Headline design */

body
{
    background-color:#333333;
    color: #FFFFFF;
    margin:0px;
}

body .inlinesvg
{
   fill: #FFFFFF;
}




@font-face {
    font-family: 'Rubik';
    src: url('Rubik/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('Rubik/Rubik-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('Rubik/Rubik-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


body, tr, td , div ,h1,h2,h3,h4,h5,h6
{

    font-family: 'Rubik', sans-serif,Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px; font-style: normal;
    line-height: 1.6;
    font-weight: normal; 

}


h1,h2
{
	line-height: 1.0
}

h3,h4,h5,h6
{
	line-height: normal
}

h1 {	 font-size:42px; margin: 0px; padding: 42px 0px 14px 0px}
h2 {	 font-size:28px; margin: 0px; padding: 28px 0px}
h3 {	 font-size:20px; margin: 14px 0px; font-weight: bold  }
h4 {	 font-size:18px; margin: 14px 0px; font-weight: bold  }
h5 {	 font-size:14px; margin: 11px 0px; font-weight: bold  }
h6 {	 font-size:14px; margin: 11px 0px; font-weight: bold  }
h7 {	 font-size:14px; margin: 11px 0px; font-weight: bold  }


.faq h3 { margin : 56px 0px 15px 0px }
.faq h4 { margin : 32px 0px 15px 0px }
.faq h5 { margin : 32px 0px 15px 0px }
.faq h6 { margin : 18px 0px 15px 0px }
.faq h7 { margin : 18px 0px 15px 0px }
.faq h8 { margin : 18px 0px 15px 0px }


a {text-decoration:underline}

a:link {color:#FFFFFF}
a:active {color:#EE4035}
a:visited {color:#FFFFFF}
a:hover {color:#EE4035}




.productLink{  text-decoration: none}
.productLink div{  text-decoration: none}



/*
.productLink:link { text-decoration: none}
.productLink:link div { text-decoration: none}
.productLink:link h2 { text-decoration: none}

.productLink:active { text-decoration: none}
.productLink:active div{ text-decoration: none}
.productLink:active h2{ text-decoration: none}

.productLink:visited { text-decoration: none}
.productLink:visited div { text-decoration: none}
.productLink:visited h2 { text-decoration: none}

.productLink:hover { text-decoration: none}
.productLink:hover div { text-decoration: none}
.productLink:hover h2{ text-decoration: none}
*/

/* main Content Divs and Headline*/


.thickunderline { margin-bottom: 15px; border-bottom: 3px; padding-bottom: 5px;  border-bottom-style: solid; border-bottom-color: #7ECEFD }


.pagealign { margin-left: auto; margin-right: auto ; max-width:1200px; border:0px ;  padding:0px; text-align:left  }



.mainbody {  padding:0px  ; text-align:center ; margin: 0px }

.mainContent {  }

.smoothoverlay {

background: #333333;
background: linear-gradient(to bottom,  rgba(51, 51, 51, 0.5)  0%, #333333 100%); 

}

.defaultsmoothbackground {
 /*   background-image:url(pics/background-grey-mosaic.png);*/
}

.blackonwhite
{
   background-color:white;
   color:black;
   border-top:solid;
   border-top-width:1px;
   border-top-color:#bbbbbb;
   border-bottom:solid;
   border-bottom-width:1px;
   border-bottom-color:#bbbbbb;
}

.whiteonblack
{
   background-color:black;
   color:white;
}

.blackonwhite a {  text-decoration:underline }
.blackonwhite a:link {  color:#000000 }
.blackonwhite a:active { color:#83A8FF }
.blackonwhite a:visited { color:#000000 }
.blackonwhite a:hover { color:#83A8FF}

.alternative
{
    background-color:#7ECEFD;
    color:#333333
}

.alternative a {text-decoration:underline}
.alternative a:link {color:#333333}
.alternative a:active {color:#EE4035}
.alternative a:visited {color:#333333}
.alternative a:hover {color:#EE4035}






.topmenubackground
{
    padding: 20px  0px 0px 0px;
}

.topMenuBottomMargin
{
   height:20px;
}

/* smallest */
@media only screen and (max-width: 640px) 
{
  .topMenuBottomMargin { height:5px; }
}

.productMenu
{
  background-color: #7ECEFD
}


#floatingMenu.floatingMenuFixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
  }

.CustomToolsBackground
{
    background-color:white;
    background-image:url(pics/cluster.png);
    background-position:center top;
    background-repeat:repeat-x;
    
   border-top:solid;
   border-top-width:1px;
   border-top-color:#bbbbbb;
   border-bottom:solid;
   border-bottom-width:1px;
   border-bottom-color:#bbbbbb;
  
    color:black;
}

.CustomToolsBackground .inlinesvg
{
  fill : black;
}



.flexcontainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
 
 
.flexauto 
{
    -webkit-flex: auto;
    -ms-flex: 1 1 auto;
    flex: auto ;
}

.flexnone
{
    -webkit-flex: none;
    -ms-flex:none;
	flex:none;
}

.flexaligncenter
{
  -ms-flex-align: center;
  align-items: center;
}
 
 .slick-prev {	left: 0px;z-index:999;} 
 .slick-next { right: 0px;z-index:999;} 	
 .slick-prev:before {color:#FFFFFF ;} 
 .slick-next:before {color:#FFFFFF ;} 

a .logoSize path { fill : #FFFFFF }
a:hover .logoSize path { fill : #EE4035 }




/* 	New responsive layouts

	4 / 2 / 1 Column
*/

.oneCol {
    width: 96%; margin-left: 2%; margin-right: 2%
}

.twoCol {
     margin-left: 1%; margin-right: 1%
} 

.twoColBigGap {
     margin-left: 1%; margin-right: 1%
}

.twoThirdCol {
   margin-left: 1%; margin-right: 1%
} 

.twoThirdRightCol  {
   margin-left: 1%; margin-right: 1%
} 

.threeCol {
   margin-left: 1%; margin-right: 1%
} 

.threeQuarterCol {
   margin-left: 1%; margin-right: 1%
} 

.fourCol {
   margin-left: 1%; margin-right: 1%
} 




/* smallest */
@media only screen and (max-width: 640px) {
.oneCol { width: 92%; margin-left: 4%; margin-right: 4% }
.fourCol {width: 92%; margin-left: 4%; margin-right: 4% }
.fourCol:nth-child(1n+1) { clear: left; }
.smallnotvisible { display:none }
.twoCol {width: 92%; margin-left: 4%; margin-right: 4% }
.twoColBigGap {width: 92%; margin-left: 4%; margin-right: 4% }
.twoThirdCol {width: 92%; margin-left: 4%; margin-right: 4% }
.twoThirdRightCol {width: 92%; margin-left: 4%; margin-right: 4% }
.threeCol {width: 92%;  margin-left: 4%; margin-right: 4% }
.threeQuarterCol {width: 92%;  margin-left: 4%; margin-right: 4%}
.smallmediumnotvisible { display:none }
}






/* medium */
@media only screen and (min-width: 641px) and (max-width: 850px) {
  .fourCol { float: left; }
  .fourCol:first-child {  margin-right: 1% ; margin-left:2% }
  .fourCol:last-child {  margin-right: 2% ; margin-left: 1% }
  .smallvisible { display:none }
  .fourCol {width: 47%}
  .fourCol:nth-child(2n+1) { clear: left; margin-right: 1%; margin-left:2%}
  .twoCol {width: 96%; margin-left: 2%; margin-right: 2% }
  .twoColBigGap {width: 96%; margin-left: 2%; margin-right: 2% }
  .twoThirdCol {width: 96%; margin-left: 2%; margin-right: 2% }
  .twoThirdRightCol {width: 96%; margin-left: 2%; margin-right: 2% }
  .threeCol {width: 96%;  margin-left: 2%; margin-right: 2% }
  .threeQuarterCol {width: 96%;  margin-left: 2%; margin-right: 2%}
  .smallmediumnotvisible { display:none }
}

/* big */
@media only screen and (min-width: 851px)
{  
   .fourCol { float: left; }
   .fourCol:first-child {  margin-right: 1% ; margin-left:2% }
   .fourCol:last-child {  margin-right: 2% ; margin-left: 1% }
   .smallvisible { display:none }

   .twoCol                  { width: 47%; float: left; }
   .twoCol:first-child      {   margin-right: 1% ; margin-left:2% }
   .twoCol:last-child       {   margin-right: 2% ; margin-left: 1% }
   .twoCol:nth-child(2n+1) { clear: left; margin-right: 1%; margin-left:2%}
   
   .twoColBigGap                  { width: 46%; float: left; margin-right: 2% ; margin-left:2% }
   .twoColBigGap:nth-child(2n+1)  {  clear: left;}
   
   .twoThirdCol                         {  float: left; }
   .twoThirdCol:nth-child(1)            {  width: 63.33%; }
   .twoThirdCol:nth-child(2)            {  width: 30.66%; }
   .twoThirdCol:first-child             {  margin-right: 1% ; margin-left:2% }
   .twoThirdCol:last-child              { margin-right: 2% ; margin-left: 1% }
   
   
   .twoThirdRightCol                         {  float: left; }
   .twoThirdRightCol:nth-child(1)            {  width: 30.66%; }
   .twoThirdRightCol:nth-child(2)            {  width: 63.33%; }
   .twoThirdRightCol:first-child             {  margin-right: 1% ; margin-left:2% }
   .twoThirdRightCol:last-child              { margin-right: 2% ; margin-left: 1% }
   
   .threeCol                  {  width: 30.66%; float: left; }
   .threeCol:first-child      {  margin-right: 1% ; margin-left:2% }
   .threeCol:last-child       {   margin-right: 2% ; margin-left: 1%  }
   .threeCol:nth-child(3n+1) { clear: left; margin-right: 1%; margin-left:2%}
  
   .threeQuarterCol                     {   float: left; }
   .threeQuarterCol:nth-child(1)        {  width: 71.5%; }
   .threeQuarterCol:nth-child(2)        {  width: 22.5%; }
   .threeQuarterCol:first-child         { margin-right: 1% ; margin-left:2% }
   .threeQuarterCol:last-child          {   margin-right: 2% ; margin-left: 1%}
    
   .fourCol { width: 22.5%; }
   .fourCol:nth-child(4n+1) { clear: left; margin-right: 1%; margin-left:2%}
   
   .smallmediumvisible { display:none }
   
}



/* standard row */

.oneRow
{
	height:16px;
}

.twoRow
{
	height:32px;
}

.fourRow
{
	height:64px;
}

.oneRowWhite
{
        height:16px;
        background-color: white;
}


/* productImageIndex */
.productImageIndex
{
	 height:150px;
	 background-position: -0px -0px;
	 background-size: 150%;
	
}

/* medium + small */
@media only screen and (max-width: 850px) {
  .productImageIndex
  {
	 height:200px;
	 background-size: 100%;
  }
}


/* manual Links below top hover menu */
.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

.notebox
{
  border: 10px solid #EE4035;
  padding: 20px;
  font-size: 18px;
}

/* promo Box */

.imageoverlaytext
{
   font-size: 36px;
  line-height:1.37;
  text-transform: uppercase;
/*  border-left: 0.25rem solid #EE4035; */
  position:absolute;top:15%;left:0px;
}

/* smallest */
@media only screen and (max-width: 640px)  {
	.imageoverlaytext
	{
   		font-size:25px;top:50px;left:0px;text-shadow: 2px 2px 4px #000000;
	}
}

.imageoverlaytext span 
{
    display: inline;
    background: #EE4035;
    color: white; 
    padding: 0.25rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/*
.imageoverlaytextsmall
{
   background-color:black;white-space: pre-wrap;display:inline;
   font-size:25px;font-style:italic;position:absolute;top:50px;left:0px;text-shadow: 2px 2px 3px #000000;
}*/

.imageoverlaytextsmall 
{
  font-size: 25px;
  line-height:1.37;
  text-transform: uppercase;
/*  border-left: 0.25rem solid #EE4035; */
  position:absolute;top:50px;left:0px;
}

.imageoverlaytextsmall span 
{
    display: inline;
    background: #EE4035;
    color: white; 
    padding: 0.25rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

 

/* Video Wrapper for Youtube */



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
        margin-top:5px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Purchase ############## */
 
/* purchase page iframe */

.newsletterframeparent
{
	padding:8px;
	background-color: #7ECEFD; 
}

.newsletterpop
{
display:none; position:absolute; width:100%;left:auto;right:auto;max-width:400px;box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
         -moz-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
        -webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
        background-color:#7ECEFD;color:#333333
}

@media only screen and (max-width: 640px) {
  .newsletterheight {height:220px }
}

/* medium + big */
@media only screen and (min-width: 641px) {
  .newsletterheight {height:200px }
}


a div.purchaseBox
{
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
	background-color: white;
	padding: 8px 0px 0px 0px;
	color: black;
}

a:hover div.purchaseBox
{
	background-color: white; 
	color: black;    
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        position:relative;
        top:2px;left:2px;
}






 a.BuyButton {	padding: 9px;
			display:block;
			margin-left:auto;margin-right:auto;
			text-decoration: none;  
			background: #3f59b9;
			color: white; 
			white-space:nowrap;
	}

					
					
					
div.BuyButton {	padding: 9px;
			display:block;
			margin-left:auto;margin-right:auto;
			text-decoration: none;  
			background-color: #7ECEFD;
			 color:#333333;
			white-space:nowrap;
}

a:hover div div.BuyButton
{
	background-color: #2185C5;
    color:#FFFFFF;
}


	

/* Simple  Audio Player OLD */


.SimpleAudioPlayer{

   cursor:pointer;
   background-color: #2185C5; ;
   color: #FFFFFF;
   margin-top: 5px;
}


.SimpleAudioPlayer:hover{
   background-color:#EE4035;
   color:#333333;
}

.SimpleAudioPlayer div{

   
   padding: 14px;
}



/* AudioDemo */


.AudioDemo{

   cursor:pointer;
   background-color: #2185C5; ;
   color: #FFFFFF;
   margin-top: 5px;

 
}


.AudioDemo:hover{
   background-color:#EE4035;
   color:#333333;
}

.AudioDemo div{
   padding: 14px;

 
}

.AudioDemo   a:visited {color: #FFFFFF       }
.AudioDemo   a:link    {color: #FFFFFF       }
.AudioDemo   a:hover   {color: #333333 }


.AudioDemo div span.playStat{
   padding-right: 7px;
}

/* Download Link and Box */

.downloadLink { margin-top: 10px; }
.downloadLink i { font-size:25px;margin-right:10px }
.downloadLink a { text-decoration:none }

.downloadLink a table tr    { border:0px none }
.downloadLink a table tr th  { border:0px none}
.downloadLink a table tr td  { border:0px none}

.alternative  a:link table tr td  { color:#333333 }
.alternative  a:active table tr td  { color:#EE4035 }
.alternative  a:visited table tr td  { color:#333333 }
.alternative  a:hover table tr td  { color:#EE4035 }

a.gray {text-decoration:underline}
a.grey:link {color:#667}
a.grey:active {color:#667}
a.grey:visited {color:#667}
a.grey:hover {color:#667}

a.bottomgrey { text-decoration:none }
a.bottomgrey:link {color: #FFFFFF }
a.bottomgrey:active {color:#FFFFFF}
a.bottomgrey:visited {color:#FFFFFF}
a.bottomgrey:hover {color:#FFFFFF }




.smalltext  {
font-size: 10px; font-style: normal;
font-weight: normal; color: #000000} 

/* deprecated */
.biggreyleft {float: left;font-size:22px;color:#999999;letter-spacing:-1px;}
.biggreyright {float: right;text-align:right;font-size:22px;color:#999999;letter-spacing:-1px;}

/* deprecated */
.smallleft {float: left;font-size:10px;color:#000000;}
.smallright {float: right;text-align:right;font-size:10px;color:#000000;}



	
	
img { margin:0px 0px 0px 0px; border:0px;-ms-interpolation-mode: bicubic}



ul.featurelistwide li {
	padding:5px 0px 5px 0px;
	
}

.indexpic {
    height:300px;
    box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
    -moz-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
    -webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.6);
	margin:20px;
	margin:20px;
	

}



.picshadow  { 
box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.15);
}

.picshadowdark  { 
box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.5);
}



.picshadowlight  { 
box-shadow: 0px 0px 10px 3px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 0px 0px 10px 3px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 0px 0px 10px 3px rgba(119, 119, 119, 0.3);
}


.picshadowdarker  { 
box-shadow: 0px 0px 40px 3px rgba(119, 119, 119, 0.6);
-moz-box-shadow: 0px 0px 40px 3px rgba(119, 119, 119, 0.6);
-webkit-box-shadow: 0px 0px 40px 3px rgba(119, 119, 119, 0.6);
}




.topnews
{
	margin: 28px 0px;
}



.layouttable
{
	margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-collapse:collapse;
}  

.news { margin:0px;
	border:0px;
	padding:5px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	background-color:#E0E0E0} 

  .bignews1 { margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;} 
  
  .bignews2 { margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px; } 
  

  





        a.selectButton {	padding: 9px;
			border-radius: 4px;
			display:inline-block;
			margin:10px;
			text-decoration: none;  
			background: #7ECEFD; 
			color: #333333; 
			white-space:nowrap;
	}

	a.selectButton:hover {	background-color: #EE4035;
					border-color: #EE4035;
					color:#333333 }

        a.selectButton:visited { color:#333333 }
        a.selectButton:link { color:#333333 }
					
					
	div.selectButton {	padding: 9px;
			border-radius: 4px;
			display:inline-block;
			margin:10px;
			text-decoration: none;  
			background: #445eb9; 
			color: white; 
			white-space:nowrap;
	}

	div.selectButton:hover {	background-color: lightblue;
					border-color: #D8C864;
					color:black }
	



span.ButtonSmallText
{
	font-size:9px;
}


			
a.Button {  padding: 9px;
			border-radius: 4px;
			display:inline-block;
			text-decoration: none;  
			background: #445eb9; 
			color: white; 
			white-space:nowrap;
	}
	
a.Button:hover {	background-color: lightblue;
			border-color: #D8C864;
			color:black }
			
			
			
a.ButtonNewsletter {  padding: 9px;
			border-radius: 4px;
			display:inline-block;
			text-decoration: none;  
			background: #2185C5; 
			color: #FFFFFF ; 
			
	 }

a.ButtonNewsletter:link { color: #FFFFFF ; 
			
	 }

a.ButtonNewsletter:visited {	background: #2185C5; 
			color: #FFFFFF ; 
            	 }
	
	
	
a.ButtonNewsletter:hover {	background-color: #EE4035;
			border-color:  #EE4035;
			color: #333333 }
	

/* On page buy button */

a.BuyNowButton {  padding: 9px;
			
			display:block;
			text-decoration: none;  
			background: #7ECEFD; 
			color: #333333; 
			white-space:nowrap;
			text-align:center;
	}
	
a.BuyNowButton:hover {		background-color: #EE4035;
							color:#333333 }
	
	
a.ShowBundlesButton {   font-size:9px; 	
						padding: 9px;
						display:block;
						text-decoration: none; 
                        background: #2185C5;
						color: #FFFFFF;
						white-space:nowrap;
						text-align:center;
	}
	
a.ShowBundlesButton div {   font-size:12px; 	
					
						
	}
	
a.ShowBundlesButton:hover {	background-color: #EE4035;
                            color:#333333 }
	
				
/* --------- */
	
		
	
span.ButtonGroup {
			
			padding-left: 9px;
			border-radius: 4px;
			
			display:inline-block;
			text-decoration: none;  
			background: #d3d8ef; 
			color: black; 
			white-space:nowrap;
			margin-top: 10px;
			margin-right: 20px;
			margin-bottom: 10px;
			vertical-align:middle;
		}
			
a.ButtonMember {	padding: 9px;
			border-radius: 4px;
			margin-right: 20px;
			display:inline-block;
			text-decoration: none;  
			background: #475ecc; 
			color: white; 
			white-space:nowrap;  }
			
a.ButtonMemberTransparent {	padding: 9px;
			border-radius: 4px;
			margin-right: 20px;
			display:inline-block;
			text-decoration: none;  
			color: black; 
			white-space:nowrap;  }
			
		
			
			
	

table.pricetable {
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: separate;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.pricetable  td {
	font: bold 16px Verdana, sans-serif;
	vertical-align:middle;
	text-align:center;
	border-style: none;
	border-color: white;
	border-width:0px 0px 0px 0px;
	border-spacing:0px;
	padding: 15px 5px 15px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}






table.greybartable {
	width: 100%;
	border-collapse: collapse;
	text-align:center
}

table.greybartable th  {
   border: 2px solid #FFFFFF;
   padding: 5px;
   font-size: 1.5em;
}

table.greybartable td  {
   border: 2px solid #FFFFFF;
   padding: 5px;
}

table.greybartable  tr {
   border: 2px solid #FFFFFF;
   padding: 5px;
}



@media only screen and (max-width: 640px) 
{
	table.greybartable td,tr,th
        {
             font-size: 0.8em;
        }
}




table.whitebartable {
	width: 100%;
	border-collapse: collapse;
	text-align:center
}

table.whitebartable th  {
   border: 2px solid white;
   padding: 5px;
   font-size: 1.5em;
}

table.whitebartable td  {
   border: 2px solid white;
   padding: 5px;
}

table.whitebartable  tr {
   border: 2px solid white;
   padding: 5px;
}



table.picturefeaturetable {
	width:100%;
	
	color:#000000;
	
}
table.picturefeaturetable th {
	color:#000000;
	padding:5px;
}
table.picturefeaturetable td {
	padding:5px;
	color:#000000;
}





.bordertop
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0; 
}


.navlisttop
{
   margin:0;
   padding:0;
 
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   
    list-style: none;
  
   -webkit-flex: auto;
   -ms-flex: 1 1 auto;
   flex: auto ;
  
  
 } 


.navlisttop li
{
  list-style: none;
 
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    
  margin: 0px 0px 0px 0px; 
  
  -webkit-flex: auto;
  -ms-flex: 1 1 auto;
  flex: auto ;
    
 /* border-left: 1px solid; */
  border-color:black;
}



.navlisttop li#smallspace
{
	margin-left: 20px;
}

.navlisttop li a
{
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
    
 position:relative;
 color: white;
 border:0px;
 text-decoration: none;
 
 -webkit-flex: auto;
 -ms-flex: 1 1 auto;
 flex: auto ;
 
  -ms-flex-align: center;
  align-items: center;
 
 justify-content: center;
 
 padding-left: 10px;
 padding-right: 10px;
 
 
}


.navlisttop li a div
{
 
  -webkit-flex: auto;
  -ms-flex: 1 1 auto;
  flex: auto ;
    
  text-align:center;
}




.logofontsize 
{
font-size:20px;
line-height:26px;
margin-top:18px;
margin-bottom:18px;
border-bottom-color:transparent;
border-bottom-style:solid;
border-bottom-width:4px;
border-top-color:transparent;
border-top-style:solid;
border-top-width:4px;
}


.navlisttop li a div
{
font-size:20px;
line-height:26px;
margin-top:18px;
margin-bottom:18px;
border-bottom-color:transparent;
border-bottom-style:solid;
border-bottom-width:4px;
border-top-color:transparent;
border-top-style:solid;
border-top-width:4px;
}


.logoSize{height:70px;width:70px;padding-bottom: 0px;padding-top: 0px;padding-right: 35px}  

/* facebook logo */
.navlisttop li:last-child a { padding: 0px 0px 0px 50px; }
.navlisttop li:last-child a div  
{ 
 	font-size:34px;
	line-height:34px;
	/* ausgleich durch none border */
	border-bottom-style:none;
	border-top-style:none;
}
.navlisttop li:last-child a div i  
{ 
 	vertical-align:middle
} 
 




.navlisttop li a:link { color: #FFFFFF; }
.navlisttop li a:visited { color: #FFFFFF; }
.navlisttop li a:hover
{
color: #EE4035;
background: #333333;
}


.navlisttop li a.currenttop
{

   color: #FFFFFF;
}



.navlisttop li a.currenttop div
{
  
  border-bottom-color:  #FFFFFF;

}

@media only screen and (max-width: 360px) {
 
 .logoSize{height:40px;width:40px;padding-bottom: 0px;padding-top: 0px;padding-right: 5px} 
 .logofontsize                    { display:none } 
 .navlisttop li a {  padding-left: 3px;  padding-right: 3px; }
 .navlisttop li a div             { font-size:14px ; line-height:14px; margin-top:9px;margin-bottom:9px }  
 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
 
 .logoSize{height:40px;width:40px;padding-bottom: 0px;padding-top: 0px;padding-right: 5px} 
 .logofontsize                    { display:none } 
 .navlisttop li a {  padding-left: 5px;  padding-right: 5px; }
 .navlisttop li a div             { font-size:16px ; line-height:16px; margin-top:8px;margin-bottom:8px }  
 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {

 .logoSize{height:50px;width:50px;padding-bottom: 0px;padding-top: 0px;padding-right: 25px} 
 .logofontsize                    { display:none } 
 .navlisttop li a div             { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px }  
 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}

}


@media only screen and (min-width: 641px) and (max-width: 700px) {

 .navlisttop li:last-child a i {display:none  }
 .navlisttop li:last-child a  {padding: 0}
 
 .logoSize{height:50px;width:50px;padding-bottom: 0px;padding-top: 0px;padding-right: 25px} 
 .logofontsize                    { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px } 
 .navlisttop li a div             { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px }  
 .navlisttop li:last-child a div  { font-size:26px ; line-height:26px; margin-top:12px;margin-bottom:12px } 

}


@media only screen and (min-width: 701px) and (max-width: 850px) {
 .logoSize{height:50px;width:50px;padding-bottom: 0px;padding-top: 0px;padding-right: 25px} 
 .logofontsize                    { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px } 
 .navlisttop li a div             { font-size:17px ; line-height:18px; margin-top:12px;margin-bottom:12px }  
 .navlisttop li:last-child a div  { font-size:26px ; line-height:26px; margin-top:12px;margin-bottom:12px } 
}















.bordersub1
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0;
}


.navlistsub1
{
    margin:0;
    padding:0;
    
    
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
 
}


    
.navlistsub1 li
{
  list-style: none;

 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
    

  margin: 0;
  padding: 0;
  
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1 ;
}





.navlistsub1 li#smallspace
{
	/* margin-left: 20px; */
}

.navlistsub1 li a
{
 
  display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
    

 color: black;
 border:0px;

 text-decoration: none;

   -webkit-flex: auto;
   -ms-flex: 1 1 auto;
   flex: auto ;
 
  -ms-flex-align: center;
  align-items: center;
  
 
 justify-content: center;

}

.navlistsub1 li a div
{
 
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex: auto;
 -ms-flex: 1 1 auto;
 flex: auto ;

 -ms-flex-align: center;
 align-items: center;

 
 justify-content: center;
 

}

.navlistsub1 li a div img
{
  padding: 2px 0px 2px 0px;
 
  -webkit-flex: auto;
  -ms-flex: 1 1 auto;
  flex: auto ;

  width: 100%; /* for IE11 */
  height: 25px;
}

.navlistsub1 li a:link { color: #000; }
.navlistsub1 li a:visited { color: #000; }

.navlistsub1 li a:hover
{
color: #000;
background: #83A8FF;
}


.navlistsub1 li a.currentsub1
{
/* background: black; 
  color: white;  */
}

.navlistsub1 li a:hover div img
{

}
  
.navlistsub1 li a.currentsub1 div img
{
 
 }





.mainLogoLink img,svg
{
   vertical-align:bottom;
   fill : #333333;
}

@media only screen and (max-width: 640px) {
  .mainLogoLink img,svg {height:40px}
 }

@media only screen and (min-width: 641px) and (max-width: 700px) {
 .mainLogoLink img,svg  {height:40px}   
}


@media only screen and (min-width: 701px) and (max-width: 850px) {
 .mainLogoLink img,svg {height:50px}   
}

@media only screen and (min-width: 851px)
{ 
 .mainLogoLink img,svg {height:90px}  
}



.bordersub2
{
	
	height: 0px;	
	padding: 0px;
	margin: 0px;
	
	
}





.navlistsub2
{


padding: 0px;
margin: 0px 0px 0px 0px;

display:inline-block;
}





.navlistsub2 li
{
list-style: none;
margin: 1px 0px 0px 1px;
display: inline-block;
padding: 0px;
}

.navlistsub2 li.smallspace
{
margin-left: 20px;
}

.navlistsub2 li a
{
 display: inline-block;   
padding: 5px 7px 5px 7px ;

text-decoration: none;
color: #FFFFFF;
background: #2185C5
}



.navlistsub2 li a:link { color: #FFFFFF;}
.navlistsub2 li a:visited { color: #FFFFFF; }

.navlistsub2 li a:hover
{
color: white;
background: #EE4035;
}

.navlistsub2 li a.currentsub2
{
  background: #333333; 
  color: #FFFFFF;
}
 


.bottomlink { color: #AAA; padding: 3px ;  font: 12px Verdana, sans-serif; }
.smallbottomline { color: #AAA; padding: 20px ;  font: 9px Verdana, sans-serif }



.hotbutton { text-align:right;  margin:0px 0px 0px 0px }
.hotbutton2 { position:absolute; top:50px; right:50px;}



.flashplayer{ margin:0px 0px 0px 0px} 
.topimage { margin: 15px 0px 15px 0px;}

.imageblock {  margin: 15px 0px 0px 0px; padding:10px ; border:0px ; background-color:#DDDDDD; text-align:center ; float: left; width:350px}
.textblock  {  margin: 15px 0px 0px 375px; }

.space { height:100px }

.space15px {  height:15px }


.invertatdarkmode
{
   filter : invert(100%)
}


.invertatdarkmodeNoSubElements {
   filter : invert(100%)
}

.invertatdarkmodeNoSubElements>* {
   filter : invert(100%)
}




}


@media (prefers-color-scheme: dark) 
{
.brightmodeonly 
{
   display:none
}
}

@media  NOT ALL AND (prefers-color-scheme: dark) 
{
.darkmodeonly 
{
   display:none
}
}