/*
#top -> Leiste mit Impressum etc.
#title -> Platzhalter für Grafik+Titel
#topnav -> Hauptnavigation
.navcont -> Navigationscontainer
.menucont -> Menücontainer
#nest -> enthält content (und vielleicht footer)
.content
*/
html, 
body
            {  background-color:white;
               margin:0;padding:0;min-height:700px;color:black;
               font-family:Verdana, Arial, Helvetica, sans-serif;}
            
body,td
            {           font-size:95%;}

textarea, 
input,
select   {  font-family:monospace;}

.button  {  font-family:Verdana, Arial, Helvetica, sans-serif;}



@media screen,projection 
{
body     {  background-image:url(pictures/explo_screen.png);
            background-position:0 0;
            background-repeat:repeat-y;}

  #navframe 
         {  position:absolute;top:0; left:0; margin:0; padding:0; width:258px;
            min-height:100%;background-color:rgb(234,27,36);
            background-image:url(pictures/explo_screen.png);
            background-position:0 0;background-repeat:repeat-y;
         }
}

@media print
{#navframe   {  float:left;margin:0 0 4em 0;padding:0;width:100%;height:100px;
                  background-color:rgb(255,0,0);} 
   #logo       {  margin:0;padding:0;width:100%;height:100px;background-color:rgb(255,0,0);} 
   .navcont    {display:none;} 
   .title      {display:none;} 
   .title h2   {display:none;} 
} 

#logo h1, 
#logo h2       {  float:left;font-size:100%;margin:0;padding:0;width:250px;}
#logo h1 img,
#logo h2 img   {  float:left;margin:0;padding:0;}

.navcont       {  margin:2em 10px 0 10px ;line-height:1.1em;padding:0;text-align:left;}
.navcont h3    {  margin-top:20px; background-color:transparent;font-size:120%;color:white;padding:0;}

@media screen,projection 
{  .title      {  margin:0 0 0 250px; padding:0; border:0; background-color:rgb(245,131,34);}
   .title h2   {  margin:0; border:0; padding:1em 1em 1em 1em; color:white;}
}

.navcont .menu1            {  margin:0 0 0 2em; padding:0;}
.navcont .menu1 li         {  margin:5px 0 0 0;padding:0;list-style:none;border:1px solid rgb(234,27,36);}
.navcont .menu1 .menu2     {  margin:0 0 0 1em; padding:0;}
.navcont .menu1 .menu2 li  {  margin:0 0 0 0;padding:0;list-style:none;}
.navcont a                 {  display:block;line-height:1.2em;color:white;
                              margin:0;padding:0.1em 0.1em 0.1em .5em;
                              text-decoration:none;
                              border:1px solid rgb(234,27,36);
                              background-color:transparent;}
a.activnav        {  font-weight:bold;background-color:rgb(245,141,34);}
.menu1 a.normal   {  font-weight:bold;border:1px solid rgb(245,131,34); }
.menu2 a.normal   {  font-weight:normal; border:1px solid rgb(234,27,36);}
.navcont a:hover  {  text-decoration:underline;background-color:rgb(245,141,34);}
.nest             {  border:0;margin:0;padding:0;width:100%;background-color:transparent;}
.content          {  background-color:transparent;margin:0 0 0 300px;top:0;
                     color:black;text-align:left;line-height:1.5em;}

@media print
{.content         {  background-color:transparent;margin:0 0 0 0;top:0;color:black;text-align:left;line-height:1.5em;}
}
.content h2       {  margin-top:2em;font-size:160%;color:red;}
.content h3       {  margin-top:2em;font-size:130%;color:red;}
.bottom           {  clear:both;text-align:center;margin-top:3em;
                     padding:0.5em;
                     border-bottom:2px solid #f00000;border-top:2px solid #f00000;
                     font-size:smaller;}

.spruch           {  padding:1em 5em 1em 1em;
                     font-size:medium;font-weight:bold;font-style:italic;text-align:right;color:#0000A0;}

p, ul, ol, dl     {  padding:0; margin:1em; max-width:45em;text-align:left; 
                     color:black;background-color :transparent;}


.content li {max-width:40em; margin-left:3em;}
.content dl {margin:1em;}
.content dt {font-weight:bold; color:red;}
.content dd {margin-bottom:1em;}



.switch dt{  font-weight:normal;  color:black;  margin-top:1em;}
.switch dd{  font-weight:bold;    color:red;     margin-bottom:1em;       }



h1,h2,h3 {font-weight:bold;}

dd.hx {font-weight:bold;margin-bottom:0;}
dd.hy {font-style:italic;}
dt.black{color:black;}

h3.presse {margin:0.5em 1em 0.5em 0;}
h4.presse {margin:0.5em 1em 0.5em 0;}


div.quelle {margin-top:5em;}
.red {color:red;}
.green {color:green;}
.pure {color:gray; text-decoration:none;}
.black {color:black;}

dd.black {color:black;}


table {margin-left:1em;}

table.smalltable,
table.smalltable tr,
table.smalltable td
               {  font-family:Verdana, Arial, Helvetica, sans-serif; 
                  font-size:small;}
/*
table, td {font-size:93%;}
*/

.schulprg {margin:1em;border:1px red solid; background-color:white;width:35em;}
.schulprg h4, .schulprg h3  {margin:0 1em 0 1em;}
.schulprg dl {padding-left:1em;}
.schulprg h5 {margin:1em 1em 0 1em;text-align:right}
.schulprg div.inhalte {margin:1em ;text-align:right}
dd.abstract {font-size:small;padding:0 0 0 0;line-height: 1.1;}




@media print {  .userheader {  display:none;color:red; }}
@media screen,projection 
{  .userheader {  color:green;
                  border:1px dashed green;
                  font-size:smaller;
                  color:green;}
}

.rechtsgrafik  {  float:right; text-align:center;
                  font-size:smaller;
                  font-style:italic;
                  padding:10px 10px 0px 10px;
                  margin-left:1em;margin-right:1em;}
                  
div.galbox{       width:700px;margin:10px;padding-top:10px;border:1px red solid;
                  text-align:center;background-color:#fed;page-break-inside:avoid;}
.galbox a img {border:none;}
.galnav  {width:100%;height: 1.8em; margin-top:1em;border-top:1px solid red;background-color:transparent;}
.galnavl {float:left;width:33%;text-align:left;}
.galnavm {float:left;width:33%;text-align:center;background-color:transparent;}
.galnavr {float:left;width:33%;text-align:right;}