/* CSS Mediation */

/* Hintergrundfarbe */
@hgcolor: black ;    /* grau #CCCCCC * blau #2B3964 *grün #9cbe9c */
@catchcolor: black  ;

@font-face {
  font-family: myFont;
  src: url('fonts/SourceSerifPro-Regular.ttf') format('truetype');
}


* {margin:0;padding:0}
/* Abstände restaurieren */
h1, h2, h3, h4, h5, h6, p, blockquote, address, pre, ul, ol, dl, table {margin-bottom:1em}
/* Optional */ 
h2 {padding-top:0.5em} 
h3, h4, h5, h6 {padding-top:1em} /* nicht bei h1 */

/* Meine Definitionen */
body  	{ color: black;  background-color: #9cbe9c; font-size:0.95em; text-align:left; font-family: myFont, serif; 
          margin: 0 auto; padding: 5px; min-width: 200px; max-width: 800px; line-height: 1.5; }
/* body  	{ color: black;  background-color:#0A4C54; font-size:0.95em; text-align:left; font-family: 'Roboto', Helvetica, sans-serif; margin: 0 auto; padding: 5px; min-width: 200px; max-width: 800px; } */
       
img	{ border:0; }
img.r   { float:right; margin-top:0px; margin-left:20px; margin-bottom:10px;}
img.l   { float:left;  margin-top:0px; margin-right:20px; margin-bottom:10px;}
	

strong {	font-weight:bold; font-style:italic;}

/*a            {font-size:1em; text-decoration:none; color:#0A4C54; font-weight:normal; background-color:#E6E6E6; } */
a            {font-size:1em; text-decoration:none; font-weight:bold;color: black }
/* a:link       {color:#0A4C54; font-weight:bold; background-color:snow; } /*normal */
/* a:visited    {color:#0A4C54; font-weight:bold; background-color:snow; } /*war schon mal gewählt */ /* Dunkelgrau */
a:active     {text-decoration :underline; } /*nach Mouse-down */
a:focus      {text-decoration :underline; } /*per Tastatur*/
a:hover      {text-decoration :underline; } /*per Mause*/

a.menue   		   {color: black ; text-decoration:none; font-weight:normal; background-color:#D6D6D6;  }  /* Statische Menüs oben und unten*/
a.menue:active     {text-decoration:underline; } /*nach Mouse-down */
a.menue:focus      {text-decoration:underline; } /*per Tastatur*/
a.menue:hover      {text-decoration:underline; } /*per Mause*/

a.sm	        {color: black ; text-decoration:none; font-weight:normal; background-color:white;  }  /* Sitemap Seite*/
a.sm:active     {text-decoration:underline; } /*nach Mouse-down */
a.sm:focus      {text-decoration:underline; } /*per Tastatur*/
a.sm:hover      {text-decoration:underline; } /*per Mause*/

a.ft            { text-decoration:none; font-weight:normal; color: black; background-color:white; }  /* Links im Footer */



/* a.external-link:before { color: #1e4678; padding-left: 2px; font: normal normal normal 18px/1 Arial; content: "\002197"; } */
/* a.external-link        { color:#0A4C54; background-color:#E6E6E6; padding-left: 2px; }  */
/* a.external-link        { padding-left: 2px; }
a.external-link:before { font-family: Arial; content: "\002197";} */
a.external-link        { }
a.external-link:before { }




h1     {font-size:1em; font-style:normal; text-align:left; font-weight: normal; padding-left: 0px;
		padding-bottom: 0; margin: 0 0 0 0; }

h2           {font-size:1.3em; font-weight:bold; text-align:left; }
h2.nav       { font-size: 1em; /*background: #DDDDDD ;*/ margin-bottom: 0em; padding: 0.5em 0em 0.5em 0.5em; list-style-type:none  }
h2.wl        { font-size:1.3em; font-weight:bold; text-align:left; padding: 0.5em 0em 0em 0.5em;margin: 0 0 0.3em 0; }

h3           {font-size:1em; font-weight:bold; text-align:left; }

p           { font-size:0.95em; text-align:left }
p.rechts 	{ text-align:right; font-size: 0.7em ; padding-right: 0.5em}
p.header    { font-size:0.95em; text-align:left; margin: 0 0 0 0; }

#emm {font-size:.75em;}
#emn {font-size:.5em;}


ul 			{ margin: 0 0 0 0; padding: 0 0 0 0;}

li           {font-size:0.95em; text-align:left; padding: 0  0 0 0.5em; list-style-type: disc ; margin-left: 2em }
li.last      {font-size:0.95em; text-align:left; padding: 0  0 1em 0.5em; list-style-type: disc ; margin-left: 2em }
li.navlink   {font-size:0.95em; text-align:left; 
               list-style-type:none; margin: 0 0 1.5em 0; padding: 0.05em 0em 0.05em 0.5em;  overflow: hidden}
li.navlinklast   {font-size:0.95em; text-align:left; 
               list-style-type:none; margin: 0 0 1em 0; padding: 0.05em 0em 0.05em 0.5em;  overflow: hidden}


div.container {display: table-cell ; vertical-align: middle} 
div.prewrap {white-space: pre-wrap;}           

/* Bereiche */
div#Titlebox   { color: black; background-color:white; padding: 0.3em 20px 0.3em 20px; font-size:2em;; font-style:normal; text-align:left; font-weight: normal; }  /* Mobile: width: 100% */
/* div#Titlebox { float: none ; color: black; background-color:#f3f3f3 ; padding: 0.3em 20px 0.3em 20px; font-size:2em;; font-style:normal; text-align:left; font-weight: normal; }  /* Mobile: width: 100% */
div#Footerbox  { color: black; background-color:white; padding: 1em 20px 0.3em 20px; text-align:left; font-weight: normal; min-height:3em; }
           /* Mobile width: 100%; height:5px; overflow: hidden background-color: #ffaaff; */

		
div#MenuOben  { background-color:#D6D6D6; color:black; padding: 1em 20px 1em  20px; } /* Das obere Menü */
div#MenuUnten { background-color:#D6D6D6; color:black; padding: 1em 20px 1em  20px; } /* Das untere Menü */

div#TLinie1 { background-color: @catchcolor; height:5px } /* Hier ist die Schmuckfarbe */
div#TLinie2 { background-color: @catchcolor; height:5px } 
    
div#MyText { background-color: white ; padding: 1em 20px 1em  20px; min-height:300px} 
             /*Mobile float: left ; width :100% ;  padding: 0.5em 0.5em 0.5em 0.5em;background-color: white; */

           
/* Externer Link mit Arrow dahinter */
a.external-link:before { color: #1e4678; padding-left: 2px; font: normal normal normal 18px/1 Arial; content: "\002197"; }