.page     {margin: 0 auto;
           background-color: white;
           border-left: 1px solid silver;
           border-right: 1px solid silver;}

.header   {padding: 0;}

.nav      {/* clearing für die floatenden LIs */
           overflow: hidden;
           text-align: center;
           font-size: 1.2em;
           font-weight: bold;
           background-color: rgb(210,210,210);}

.nav ul   {margin: 0;}

.nav li   {margin-left: 0;
           border-bottom: 1px solid white;}

.nav a    {padding: 0.45em 20px;
           text-decoration: none;
           display: block;}

a.selected {margin-left: 3px; color: rgb(0,0,200);}

.main     {
           max-width: 97.8%;
           padding: 0 0 0 20px;
           font-size: 0.95em; 
           line-height: 1.4em;}

.footer   {background-color: rgb(224,224,224);
           padding: 0.6em 20px;
           clear: left;
           line-height: 2.5em;     
           font-size: 0.95em;
           text-align: left;}

strong    {font-weight: normal;}

@media print                                      
{
.page      {max-width: 35em;}
.noprint   {display: none;}
}


@media only screen and (max-width: 46.875em) /* -- Nur mobile Version -- */
{
.page      {max-width: 35em;}

.spalten   {column-count: 1;}  

.noshow-m  {display: none;}
}


@media only screen and (min-width: 46.875em) /* -- Nur Desktop Version -- */
{
.page      {width: 46.875em;}

.header    {padding: 0.5em 0 20px 20px;}

.nav       {width: 24.6%;     
            float: left;
            text-align: left;
            font-size: 1em;
            line-height: 1.2em; 
            background-color: white;}

.nav li    {width: 100%;
            float: none;
            background-color: white;}

.nav ul    {background-color: white;}

.nav a     {padding: 0.4em 20px 0 20px;}

.main      {width: 72.2%;
            float: left;
            padding-left: 20px;
            line-height: 1.3em;}

.footer    {text-align: right;}

.noshow-d  {display: none;}

h1         {margin-top: 0;}
}