/* Styles einbinden mit <link rel=stylesheet type="text/css" h ref="../fos.css">  */
/*<table class="g" border=0 cellpadding=0 cellspacing=0> ohne Ränder!!!!!!!!!!!*/
body   {margin-left: 5%;
        margin-right:5%;
        background: black;
        color:white;
        text-align:left;
        font-family: verdana,arial,helvetica;
        font-style:normal;
        font-weight:bold;
        }
ul     {font-family: verdana,arial,helvetica;
        font-style:normal;
        font-weight:bold;
        list-style-type:none;
        margin-top:0px;
        margin-bottom:0px;}
ul.l    {list-style-image:url(../img/pfrechts.gif) } /*Link - funkt nicht bei N*/
b       {font-weight:900}

a:link    {color:#FFAAFF}
a:visited {color:#FFFFFF}
a:active  {color:#ff3300}

/*Überschriften*/
h1 { color:red; font-family:Verdana,Helvetica,Arial; font-size:200%; font-style:italic; font-weight:bold; text-align:left }
h2 { color:red; font-family:Verdana,Helvetica,Arial; font-size:150%; font-style:italic; font-weight:bold; text-align:left }
h3 { color:#AAAAFF;; font-family:Verdana,Helvetica,Arial; font-size:125%; font-style:italic; font-weight:bold; text-align:left }
h4 { color:#AAAAFF; font-family:Verdana,Helvetica,Arial; font-size:150%; font-style:italic; font-weight:bold; margin-top:1.0ex;  }
h5 { color:#AAAAFF; font-family:Verdana,Helvetica,Arial; font-size:120%;font-weight:bold;}
h6 { color:red; font-family:Verdana,Helvetica,Arial; font-size:125%; font-weight:bold; margin-bottom:0px;}

/* Tabellen */
/* allgemein Tabellen */
th              {font-family:Verdana,Arial; font-weight:bold; text-align:center; }
td              {font-family:Verdana,Arial; font-weight:bold; text-align:left; vertical-align:top}

span.address {margin-top:100px;
              color: orange;
              }
span.n        {color: white; }

img.icon {
    max-width: 50%;
    height: auto;
}
img.map {
    max-width: 95%;
    height: auto;
}
.print { display:none;}
}
/*
img[alt]::after {
  content:"\A (" attr(alt) ")";
}
 */
/*Absätze*/

span.n        {color: white; }


span.a      {} /* img text-align=right beendet den Fettdruck*/
span.t      {color:red}    /*Technik*/
span.w             {color:blue}   /*Wirtschaft*/
span.s      {color:green}  /*Sozialwesen*/
em          {color:#0000cc;
            font-style:normal;
            font-weight:bold; }
span.r      {color:#EE0000;
            font-style:normal;
            font-weight:bold; }

p           {text-align:justify;}
.k          {font-size:75%}
/*graphik*/

/*CLASS G  Seiten mit Tabellen*/
body.g     {margin:0em;
                background:#FFFFE5; /*#3eb88f;*/
                 color: black;
                text-align:justify;
                 font-family: Verdana,arial,helvetica;
                font-style:normal;
                font-weight:bold;
                 }


@media (max-width: 1200px) {
body   { font-size: 200%;
         margin-left: 1%;
        margin-right:1%;
        background: black;
        color:white;
        text-align:left;
        font-family: verdana,arial,helvetica;
        font-style:normal;
        font-weight:bold;
        }
td { font-size: 200%; }

.print {display:none;}

}


@media print {
body   { font-size: 50%;
         margin-left: 5%;
        margin-right:5%;

        text-align:left;
        font-family: verdana,arial,helvetica;
        font-style:normal;
        font-weight:bold;
        }
td      { font-size: 50%;
        }
table  {
       }

/* width in px und max-width in % notwendig
die endgültige Größe kann dann noch in der Druckvorschau angepasst werden

Die spalte in % angeben: <td width="33%"> und dann max-width=95%
*/
img.icon {
        width:33%;
        max-width:95%;
        height: auto;
}
img.map {
        width: 100%;
        max-width:90%;
        height: auto;
}
span.address {margin-top:100px;
          color: #A36000;
          }

.noprint {display:none;}
.print   {display: inline}
}

 @media (max-width: 1200px) {
      html,body {-webkit-text-size-adjust:none;
                 -webkit-text-size-adjust: none;
                 -moz-text-size-adjust: none;
                 -ms-text-size-adjust: none;}
        body {
             font-size: 2em;
        }
       }