/* Stylesheet zu www.mastzellaktivierung.info. (c) Copyright 2018 H. Lamprecht, CH-8460 Marthalen */

/* Bereiche =============== */

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

html {
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size:62.5%; /* 10px = 1rem */
}

body {
font-size:160%; font-size:1.6rem; /* Gleicht die 62.5% im HTML-Tag wieder aus, welche die Umrechnung erleichtern */
}

/* Für alte Browser, die <main> noch nicht kennen: */
main {display:block;}

.container {
background-color:#045552;
margin: 0 auto;
padding:0;
border:none;
max-width:768px;
min-width:320px;
width:100%;
}

#header{
padding-top:25px;
}

.title{
margin-top:10px;
}

#content{
background-color:white;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
min-height:300px;
/* box-shadow: 4px 4px 5px #0A2224 */
-o-hyphens:auto;
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}

.subcontent{
margin: 0 8.333%;
}

#footer {
background-color: #001F1D;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 0 30px 0;
height:48px;
}

/* Mobile-First Grid =================================== */
.column { 
margin: 0;
padding: 0;
}

.hideGr768{ display: block }
.video.hideGr768{ display: block !important; }
.hideKl768{ 	display: none; }
.hideGr660{ display: block; }
.hideKl660{ 	display: none; }
.hideGr600{ display: block; }
.hideKl600{ 	display: none; }
.hideGr480{ display: block; }
.hideKl480{ 	display: none; }
.video.hideKl480{ display: none !important; }


/* Typographie: Normaleinstellungen für Inhalt =================== */
h1,h2,h3,h4,h5,p,li,details summary,.obertitel,.untertitel {
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-style:normal;
font-weight:400;
font-stretch:normal;
line-height:1.35;
color:black;
white-space:normal;
vertical-align:top;
margin-right:8.333%;
margin-bottom:1px;
margin-bottom:0.1rem;
/*text-rendering: optimizeLegibility;  (zu langsam für Seiten > 1'000 Zeichen?) */
/*-webkit-font-smoothing: antialiased; */
}

h1, .obertitel{
font-size:20px;
font-size:2rem;
font-weight:700;
color:#193441;
margin-left:0.667%;
margin-top:6px;
margin-top:0.6rem;
margin-bottom:2px;
margin-bottom:0.2rem;
padding-top:10px;
padding-top:1rem;
}
h2, .untertitel{
font-size:18px;
font-size:1.8rem;
font-weight:700;
color:#193441;
margin-left:2.333%;
margin-top:20px;
margin-top:2rem;
line-height:22px;
line-height:2.2rem;
}
h3{
font-size:16px;
font-size:1.6rem;
font-style:italic;
font-weight:700;
color:#193441;
margin-left:4.333%;
margin-top:8px;
margin-top:0.8rem;
}
h4{
font-size:14px;
font-size:1.4rem;
font-weight:700;
margin-left:6.333%;
margin-top:6px;
margin-top:0.6rem;
}
p{
color:#333333;
font-size:12px;
font-size:1.2rem;
text-align:justify;
margin-left:8.333%;
margin-top:3px;
margin-top:0.3rem;
margin-bottom:12px;
margin-bottom:1.2rem;
}

b{
font-weight:700;
}

i{
font-style:italic;
}

p.advertising {
color:white;
text-shadow: 2px 2px 2px #222222;
font-size:10px;
font-size:1rem;
width:80px;
margin: 0 auto;
margin-bottom:3px;
margin-bottom:0.3rem;
}

p.advertising2 {
color:#666666;
font-size:8px;
font-size:0.8rem;
text-align:left;
margin-bottom:0;
}

li{
font-size:12px;
font-size:1.2rem;
font-stretch:condensed;
font-weight:400;
text-align:justify;
margin: 0 12% 0 14%;
}
li li{
margin: 0 0 0 7%;
font-weight:400;
}
li li li li{
margin: 0 0 0 7%;
font-weight:300;
}

ul li { list-style-type:disc }
ol li { list-style-type:decimal }

.inhalt li{
margin: 0 1% 0 10%;
}

.inhalt ul li{
list-style-type:none;
line-height: 1.4;
border: 1px solid grey;
background-color: white;
border-radius: 5px;
margin-bottom: 8px;
margin-right: 5%;
}
.inhalt ul li ul li {
border: none;
margin-bottom: 4px;
}

.inhalt ul li a{
background-color: #1D7D79;
border: 1px solid #4B9A97;
border-bottom: 1px solid #045552;
border-right: 1px solid #1D7D79;
border-radius: 5px;
box-shadow: inset 1px 1px 5px white, 2px 2px 4px dimgray;
color: white;
position: relative;
text-shadow: 0 1px 0 #001F1D;
text-decoration: none;
text-align: left;
font-weight: normal;
padding: 0.3em 0.7em;
display: inline-block;
width: 90%;
margin: 6px;
}

.inhalt ul li a:hover{
background-color: #4B9A97;
box-shadow: inset 1px 1px 6px white, 1px 1px 3px dimgray;
color: white;
margin: 7px 5px 5px 7px;
}

a:link { color: #193441; }
a:visited { color: #3E606F; }
a:hover { color:green; background-color:#FCFFF5; text-decoration:none; }
a:active { color: #FF8080; text-decoration:none; }

a.extern:link { color: #C00025; }
a.extern:visited { color:darkred; }
a.extern:hover { color:green; background-color: #FCFFF5; text-decoration:none; }
a.extern:active { color:#FF8080; text-decoration:none; }

.zitat{
font-style:italic;
/*font-weight:300;*/
}



.nebenBild {
margin:0;
padding:0;
}

.randspalte {
margin:0;
margin-left:20px;
padding:15px;
border: solid 1px darkgray;
background-color: beige;
}

.amazon {
width:120px;
height:240px;
margin:0;
border:none;
}

/* Typographie: spezielle Einstellungen =================================== */

nav ul li{
list-style:none; 
margin:0 0 1.5em 0;
float:right;
text-align:center;
margin: 0.5rem 0 0 0;
padding: 0.4rem 0;
line-height:3.5rem;
}
table.n {
table-layout: fixed;
width:83.333%;
margin: 6px auto;
border-collapse:collapse;
padding:4px;
border-style:solid;
border-width:1px;
border-color:#193441;
}
table.n tr {
font-size:11px;
font-size:1.1rem;
line-height:1.35;
vertical-align:text-top;
font-weight:400;
font-stretch:condensed;
}
table.n th  {
background-color:#D1DBBD;
border-style:solid;
border-width:1px;
border-color:#193441;
vertical-align:text-top;
text-align:left;
font-weight:700;
font-stretch:condensed;
}
table.n td  {
background-color:#FCFFF5;
border-style:solid;
border-width:1px;
border-color:#193441;
padding:4px;
vertical-align:top;
text-align:left;
}

table.u {
table-layout: fixed;
width:83.333%;
margin: 0 auto;
border:none;
padding: 0;
}
table.u tr {
margin: 0;
padding: 0;
font-size:13px;
font-size:1.3rem;
line-height:1.35;
font-weight:400;
font-stretch:condensed;
}
table.u th  {
margin: 0;
padding: 0;
vertical-align:middle;
text-align:left;
font-weight:700;
font-stretch:condensed;
}
table.u td  {
border:none;
margin: 0;
padding: 0;
vertical-align: middle;
text-align:left;
}

table.quellen {
table-layout: fixed;
width:83.333%;
margin: 2px auto;
}
table.quellen tr {
font-size:12px;
font-size:1.2rem;
font-weight:400;
font-stretch:condensed;
vertical-align:top;
}
table.quellen th {
background-color:mediumaquamarine;
border-style:solid;
border-width:2px;
border-color:white;
padding: 5px 4px 6px 4px;
}
table.quellen td {
background-color:#D1DBBD;
border-style:solid;
border-width:2px;
border-color:white;
padding: 5px 4px 6px 4px;
}

table.werbespalte {
background-color:#91AA9D;
margin:0px;
border-style:none;
height:110px;
width:100%;
}

details summary {
font-size:16px;
font-size:1.6rem;
font-style:italic;
font-weight:700;
color:#420000;
background-color:#f4f0ec;
border:1px solid #dbd7d2;
margin-left:4.333%;
margin-top:6px;
margin-top:0.6rem;
margin-bottom:6px;
margin-bottom:0.6rem;
padding:4px;
padding:0.4rem;
}

.obertitel, .untertitel {
color:white;
/* text-shadow:black 2px 2px 0px; */
white-space:normal;
display: inline-block;
}

.obertitel {
font-size:22px;
font-weight:700;
line-height:1.1;
margin: 0;
padding-top:3px;
}

.untertitel {
color:#91CFC3;
font-size:14px;
/* font-style:italic; */
font-weight:300;
line-height:1.25;
margin: 0.4rem 0 1.2rem 0;
-o-hyphens:auto;
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}

.box{
background-color: #91CFC3;
border: 1px solid #0A2224;
box-shadow: 2px 2px 3px #0A2224;
padding:4%;
}

.inhalt{
background-color: #D1DBBD;
box-shadow: 3px 3px 5px dimgray;
margin: 10px 8.333% 20px 8.333%;
margin: 1rem 8.333% 2rem 8.333%;
padding: 6px 0;
padding: 0.6rem 0;
font-weight:700;
}

.summary{
background-color: beige;
box-shadow: 3px 3px 5px dimgray;
margin: 10px 8.333% 20px 8.333%;
margin: 1rem 8.333% 2rem 8.333%;
padding: 6px 0;
padding: 0.6rem 0;
}

.hinweis{
background-color: peachpuff;
border: none;
box-shadow: 3px 3px 5px dimgray;
margin: 10px 8.333% 20px 8.333%;
margin: 1rem 8.333% 2rem 8.333%;
padding: 6px 0;
padding: 0.6rem 0;
}

a.button {
font-family: Arial, sans-serif;
line-height: 1.4;
background-color: #045552;/* fallback for browsers that don´t support gradients */
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4B9A97), to(#001F1D));/* Safari 4+, Chrome 1-9 */
background-image: -moz-linear-gradient(top, #4B9A97, #001F1D);/* Firefox 3.6+ */
background-image: -o-linear-gradient(top, #4B9A97, #001F1D);/* Opera 11.10+ */
background-image: -webkit-linear-gradient(top, #4B9A97, #001F1D);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
background-image: -ms-linear-gradient(top, #4B9A97, #001F1D);/* IE 10+ */
border: 1px solid #4B9A97;
border-bottom: 1px solid #045552;
border-right: 1px solid #1D7D79;
border-radius: 5px;
box-shadow: inset 1px 1px 5px white, 3px 3px 5px dimgray;
color: white;
position: relative;
text-shadow: 0 1px 0 #001F1D;
text-decoration: none;
margin: 15px 0;
text-align: center;
font-weight: bold;
padding: 0.3em 0.7em;
display: inline-block;
}

.riss a.button {
box-shadow: inset 1px 1px 5px white, 3px 3px 5px black;
}
	
a.button:hover {
margin: 16px -1px 14px 1px;
background-color: #1D7D79;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDE3E1), to(#4B9A97));
background-image: -moz-linear-gradient(#BDE3E1, #4B9A97);
background-image: -moz-linear-gradient(top, #BDE3E1, #4B9A97);
background-image: -o-linear-gradient(top, #BDE3E1, #4B9A97);
background-image: -webkit-linear-gradient(top, #BDE3E1, #4B9A97);
background-image: -ms-linear-gradient(top, #BDE3E1, #4B9A97);
box-shadow: inset 1px 1px 5px #F5FFFA, 1px 1px 5px dimgray;
border-bottom: 1px solid #BDE3E1;
border-right: 1px solid #BDE3E1;
}

.cover{
float:left;
margin-right:18px;
margin-bottom:12px;
box-shadow: 4px 4px 6px dimgray
}

#footer p{
font-size:11px;
font-weight:300;
color:#BDE3E1;
margin-left:0;
margin-right:0;
margin-top:4px;
margin-bottom:4px;
}

#footer p a{
text-decoration:underline;
font-size:11px;
font-weight:400;
color:#BDE3E1;
margin-left:0;
margin-right:0;
margin-top:4px;
margin-bottom:4px;
padding:0px;
}

#footer p a:hover{
color: white;
background-color: #001F1D;
}

.tbarBtn img{
margin:1px;
padding:0;
border: 1px solid white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.tbarBtn a:hover img{
margin: 0 0;
border: 2px solid white;
}

#up img{
vertical-align:middle;
margin: 4px 0px 4px 4px;	
padding: 4px;
background-color: black;
border: 1px solid #1D7D79;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#up a{
text-decoration:none; 
margin: 2px 1px;	
padding: 2px 3px;
}

#up a:hover img{ background-color: #045552; border-color: #BDE3E1; }
#up a:hover { background-color: #001F1D; }

.riss {
/* background-color:#738678; */
background-color:#045552;
margin:0;
}

.riss a {
color:snow;
}


@media (min-width: 480px) {
	.hideGr768{ display: block; }
	.video.hideGr768{ display: block !important; }
	.hideKl768{ 	display: none; }
	.hideGr660{ display: block; }
	.hideKl660{ 	display: none; }
	.hideGr600{ display: block; }
	.hideKl600{ 	display: none; }
	.hideGr480{ display: none; }
	.hideKl480{ 	display: block; }
	h1 {
	font-size:21px;
	font-size:2.1rem;
	}
	h2 {
	font-size:19px;
	font-size:1.9rem;
	}
	h3, details summary {
	font-size:17px;
	font-size:1.7rem;
	}
	h4 {
	font-size:15px;
	font-size:1.5rem;
	}
	p {
	font-size:13px;
	font-size:1.3rem;
	}
	li	{
	font-size:13px;
	font-size:1.3rem;
	}
	.title h1 { 
	font-size:24px;
	}
	.title h2 { 
	font-size:14px;
	}
	table.quellen tr {
	font-size:13px;
	font-size:1.3rem;}
	table.n tr {
	font-size:12px;
	font-size:1.2rem;}
	#header{padding-top:25px; }
	#footer p, #footer p a{ font-size:12px; }
}

@media (min-width: 600px){
	.hideGr768{ display: block; }
	.video.hideGr768{ display: block !important; }
	.hideKl768{ 	display: none; }
	.hideGr660{ display: block; }
	.hideKl660{ display: none; }
	.hideGr600{ display: none; }
	.video.hideGr600{ display: none !important; }
	.hideKl600{ 	display: block; }
	.hideGr480{ display: none; }
	.hideKl480{ 	display: block; }
	h1 {
	font-size:22px;
	font-size:2.2rem;
	}
	h2 {
	font-size:20px;
	font-size:1.8rem;
	}
	h3, details summary {
	font-size:18px;
	font-size:1.8rem;
	}
	h4 {
	font-size:16px;
	font-size:1.6rem;
	}
	p {
	font-size:14px;
	font-size:1.4rem;
	}
	li	{
	font-size:14px;
	font-size:1.4rem;
	}
	.title h1 { font-size:24px; }
	.title h2 { font-size:14px; }
	table.quellen tr {
	font-size:14px;
	font-size:1.4rem;
	}
	#header{padding-top:0}
	#footer p, #footer p a{ font-size:13px; }
}

@media (min-width: 660px){
	.hideGr768{ display: block; }
	.video.hideGr768{ display: block !important; }
	.hideKl768{ 	display: none; }
	.hideGr660{ display: none; }
	.hideKl660{ 	display: block; }
	.hideGr600{ display: none; }
	.video.hideGr600{ display: none !important; }
	.hideKl600{ 	display: block; }
	.hideGr480{ display: none; }
	.hideKl480{ 	display: block; }
	.column { float: left; margin: 0; }
	.column.full { width: 100%; }
	.column.w22 { width: 21.875%; }
	.column.w78 { width: 78.125%; }
	.column.two-thirds { width: 66.7%; }
	.column.half { width: 50%; }
	.column.third { width: 33.3%; }
	.column.fourth { width: 25%; }
	.column.flow-opposite { float: right; }
	.title h1 { font-size:32px; }
	.title h2 { font-size:13px; }
	#header{padding-top:0}
}

@media (min-width: 720px){
	.hideGr768{ display: block; }
	.video.hideGr768{ display: block !important; }
	.hideKl768{ 	display: none; }
	.video.hideKl768{ 	display: none !important; }
	.hideGr660{ display: none; }
	.hideKl660{ 	display: block; }
	.video.hideGr600{ display: none !important; }
	.hideKl600{ 	display: block; }
	.hideGr480{ display: none; }
	.hideKl480{ 	display: block; }
	.title h1 { font-size:34px; }
	.title h2 { font-size:13px; }
	#header{padding-top:0}
}

@media (min-width: 768px){
	.hideGr768{ display: none; }
	.video.hideGr768{ display: none !important; }
	.hideKl768{ 	display: block; }
	.video.hideKl768{ 	display: block !important; }
	.hideGr660{ display: none; }
	.hideKl660{ 	display: block; }
	.hideGr600{ display: none; }
	.video.hideGr600{ display: none !important; }
	.hideKl600{ 	display: block; }
	.hideGr480{ display: none; }
	.hideKl480{ 	display: block; }
	.title h1 { font-size:36px; }
	.title h2 { font-size:14px; }
	table.n tr {
	font-size:13px;
	font-size:1.3rem;}
	#header{padding-top:0}
	#footer p, #footer p a{ font-size:14px;}
}

/* Images =================================== */
img {
border:none;
margin: 0;
max-width:100%;
display: block;
height: auto;
}

.imgRight {
float: right;
}

.imgLeft {
float: left;
/*margin: 0px;
padding: 0px;*/
}

.imgFull {
float: none;
margin: 0 8.333% 0 8.333%;
}
.subcontent .imgFull {
float: none;
margin: 0;
}

/*.imgNoMargin {
float: none;
margin: 0;
}*/

/*.inl{ float:left; display:inline; }*/
.inl{ float:none; display:inline; }
.inl-a{ float:none; display:inline; border: 1px solid #1D7D78; vertical-align:bottom; }

#footer .inl{ float:left; display:inline; }
#footer .inl-a{ float:left; display:inline; border: 1px solid #1D7D78; vertical-align:bottom; }

a img{ float:left; display:inline; border: 1px solid white; }
a img:hover{ border: 1px solid #1D7D78; }



/* Menus, Navigation =================================== */
nav ul li{
list-style:none; 
float: right;
text-align:center;
margin: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px;
}

.login a {
padding: 6px 4px;
margin: 2px 4px;
line-height:15px;
}

#mainMenu{
text-align:left;
}

#mainMenu li, .login li {
display:inline;
float:none;
}

#mainMenu a, .login a{
/*display:inline-block;*/
padding: 12px 4px;
line-height:50px;
background-color: #001F1D;
color: white;
border: 1px solid #4B9A97;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none; 
/*text-transform:uppercase; */
font-size: 1.4rem;
}

#mainMenu a:hover, .login a:hover {background-color: #1D7D79; color: white; border-color: #BDE3E1; }

#mainMenu a.active, .login a.active {background-color: #BDE3E1; color: white; border-color: white; text-shadow: 1px 1px 1px black; }

#subMenu{
margin: 1px 0 0 0;
padding: 1px 0;
}

#subMenu ul {
margin: 0;
padding: 0;
border: none;
}

#subMenu ul li {
list-style: none;
text-align:left;
margin: 0;
padding: 0;
float:none;
}

#subMenu ul a{
display:block;
width:155px;
margin: 6px 0;
padding: 3px;
line-height:33px;
background-color: #1D7D79;
color: white;
border: 1px solid #BDE3E1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 1px black;
text-decoration: none;
font-size: 13px;
font-size: 1.3rem;
}

#subMenu ul a:hover{
color: white;
text-shadow: 1px 1px 1px black;
background-color: #BDE3E1;
border-color: white;
margin-left:4px
}

#subMenu ul a.active{
color: #D00028;
/*text-shadow: 1px 1px 0px black;*/
text-shadow:none;
background-color: white;
border-color: white;
margin-left:9px;
}

#podSubMenu{
text-align:left;
margin: 3px 0;	
}

#podSubMenu li{
display:inline;
float:none;
}

#podSubMenu a{
margin: 26px 0;	
padding: 9px 2px;
line-height: 42px;
background-color: #1D7D79;
color: white;
border: 1px solid #BDE3E1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 1px #0A2224;
text-decoration:none; 
font-size: 12px;
font-size: 1.2rem;
white-space:nowrap;
}

#podSubMenu a:hover{
color: white;
text-shadow: 1px 1px 1px #0A2224;
background-color: #91CFC3;
border-color: white;
}

#podSubMenu a.active{
color: #D00028;
/*text-shadow: 1px 1px 1px black;*/
text-shadow:none;
background-color: white;
border-color: white;
}

#sprache{ text-align:right; }

#sprache li {
display:inline;
float:none;
}

#sprache a{
/*display:inline-block;*/
margin: 0 0 1px 0;	
padding: 2px 3px;
line-height:20px;
color: #1D7D79;
border: 1px solid #1D7D79;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none; 
font-size: 14px;
font-size: 1.4rem;
font-weight:300;
}

#sprache ul a:hover{
color: #1D7D79;
background-color: #045552;
border-color: #045552;
}

#sprache a.aktiveSprache{
color: white;
background-color: #BDE3E1;
border-color: white;
text-shadow: black 1px 1px 1px;
font-style:normal;
font-weight:400;
}

#sprache ul a.aktiveSprache:hover{
color: white;
background-color: #BDE3E1;
border-color: white;
}

#sprache a.vorhandeneSprache{
color: white;
background-color: #001F1D;
border-color: #4B9A97;
text-shadow: none;
font-style:normal;
font-weight:400;
}

#sprache ul a.vorhandeneSprache:hover{
color: white;
background-color: #1D7D79;
border-color: #BDE3E1;
}

blink {
    display: inline;
    color: inherit;
    animation: blink 1s steps(1) infinite;
    -webkit-animation: blink 1s steps(1) infinite;
}
@keyframes blink { 50% { color: transparent; } }
@-webkit-keyframes blink { 50% { color: transparent; } }

/* Produktdatenbank =================================== */
#leucht { background-color:#FFFF66; }
#leucht0 { background-color:#80FF80; }
#leucht0-1 { background-color:#FFC0C0; }
#leucht1 { background-color:#FF8080; }
#leucht1-2 { background-color:#FF4040; }
#leucht2 { background-color:#FF0000; }
#leucht2-3 { background-color:#BF0000; }
#leucht3 { background-color:#800000; color:#FF8080; }

/* Clearfix by Nicolas Gallagher =================================== */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }