/* glut.css für www.engon.de/audio */
/* stylesheet für alle Dateien */


html,body { 
           background-color:#CCFFFF; 
 	   position:absolute;
           top:0; left:0; right:0;
           min-height:100%;
           width:100%;
           margin:0px;
margin-left:5px;

           padding:0px;
           border:0px;
           }

#content
        {margin:0px 0px 0px 11em;
         background-color:white;
         padding:1em;
         z-index:2;
        }

#footer {
        background-color:white;
        margin:0px;
	padding-top:1em;
	padding-bottom:1em;
	font-family:Arial,Helvetica,sans-serif; 
        font-size:80%;
        text-align:center;
        }

/* Menu  */
#menu   {
         position:absolute;
         top:0;
         left:0;
         width:11em;
         min-height:100%;
         padding:0em;
         margin:0px;
         font-family:Arial, Helvetica, sans-serif; 
         z-index:3;
         }

#menu p {font-weight: bold; 
         font-size:80%;
         margin:0;
         padding:0.3em;
         color:white;
         background-color:rgb(121,124,202); }

#menu div.lang {font-weight: bold; 
         font-size:70%;
         margin:0.5em;
         padding:0.3em;
         font-family:Tahoma, Arial, Helvetica, sans-serif;
		  }
		 
#menu ul
        {
         margin:0;
         padding-left:0.8em;
         margin-bottom:2em;
         background-color:rgb(121,124,202);
         border-left-width: 1em;
        }

#menu li
        {
         list-style: none;
         margin:0;
         padding:0.2em;
         font-weight:normal;
         font-size:75%;
         background-color:#FFFFCC;
         color:grey;

        }

#menu li#active
        {
        text-decoration:none;
        background-color:white;
        color:black;
        }

#menu li a:link, #menu li a:visited
        {
        display:block;
        text-decoration:underline;
        margin:0;
        padding:0em;
        }

#menu li a:hover
        {
        background:#4f4f4f;
        color:#ffffff;
        text-decoration:none;
        }


/* Elemente-Layout */

hr  {width:100%; background-color: red; height:1px;}
th  {vertical-align:bottom; text-align:left; color:black; font-weight:bold; background-color:lightgrey;}
td  {padding:2px 12px 2px 2px; 
     background-color: transparent;
     vertical-align:top;}
td.shadow {background-color:beige;}    

table.cd {background-color:white;}    
table.cd td {background-color:sandybrown;
             white-space:nowrap;
             font-family:Arial,Helvetica,sans-serif;
             font-size:75%;
             padding: 5 10;}    
table td h3 {border-bottom:solid thin red;}

table.specs {background-color:white; 
		font-family: Verdana, sans-serif;
             	font-size:70%;}    
table.specs td {background-color:sandybrown;
             white-space:nowrap;
              padding: 5px 12px 5px 5px;}    
table.specs th {padding: 5px 12px 5px 5px;}    


h1 { color:#cc0000; font-size:18pt; margin-bottom:18pt; text-align:center }
h2 { font-size:14pt; color:#000066; font-weight:bold; font-family:Arial,sans-serif; margin-top:32pt; }
h3 {margin-top:2em; margin-bottom:1em; border-bottom:solid thin grey;}
h4 { font-weight:bold; margin-top:1.8em; margin-bottom:1em;}

pre { font-family:Courier New,Courier; font-size:13px; color:#0000C0; }
dt {padding-top:9pt; font-weight:bold; } 
li  {padding-bottom:0.5em;}
.banner {background-color:#B4CBD5;
	font-family:Verdana, sans serif; font-size:80%;
       color: black;
       padding: 2px 15px;
      }

.contents {font-family:Tahoma,Arial,sans-serif;
		 font-size:80%; line-height:120%;
		 border-left:1px solid gray; padding-left:1em;}
	  
.middle {vertical-align:bottom;}
.bild {font-style: italic;
       color: blue;
       padding: 0px 15px;
       background-color: white;
      }
.bild img { padding-bottom: 0.5em;}

.zitat {font-style: italic; 
	font-size: 95%;
	line-height:140%;
	margin:30px;
      padding: 15px;
      background-color:lightblue;
      color: darkblue;
      }
.teaser {text-align: center; background-color: silver; 
	border:1px solid gray;
	font-style: italic;
	padding: 0.5em;}
	
.anmerkung { font-size:85%; margin-left:30pt; } /*nebenbei */
.pm {font-family:Courier New,Courier;
       font-size:90%; background-color: grey;}
.stern {color:red; font-weight: bold;}
.warnung {font-weight: bold;
       color: red;      }
.faq {font-style: italic; color:#000066; padding-top: 1.5em; padding-bottom: 0em;}
.footer {margin-top:4em; font-family:Verdana, sans serif; font-size:60%; color:brown;
        margin-bottom:0.2em; }
.footer a{text-decoration:none; color:grey;}
.flattrmid {color:grey; text-align:center;}


/* orthographische Anführungsstriche */
:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
q:before   { content:open-quote; }
q:after    { content:close-quote; }
q q:before { content:open-quote;  }
q q:after  { content:close-quote; }


.dummy {
      border-style:solid;
      border-width:1px;

	
	}