#parent #popup       { display: none;  }
#parent:hover #popup { display: block; }

/* schriftstil,abstände */
@media screen {
body
{ color: #000000;  background-color: #ffffff; font-family: verdana,arial; font-size: 10pt;}


table,tr,td
{ margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000; font-family: verdana,arial; font-size: 10pt; }

td.uber     { font-size: 12pt; font-weight: bold; }
td.uber_all { font-size: 20pt; font-weight: bold; }
td.lvl      { font-size: 30pt; font-weight: bold; background: url(bilder/weisser-wolf-kl.png) no-repeat center; width:100px; height:100px; }
td.lvl_uber { font-size: 18pt; font-weight: bold;  }
td.xy       { font-size: 7pt; font-weight: normal; }

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #cccccc; 
scrollbar-base-color: #ebebeb;
scrollbar-highlight-color : #9F9F9F; 
scrollbar-shadow-color :#ffffff;
SCROLLBAR-TRACK-COLOR: #DFDFDF;}


input[type=submit] {  }
.red { font-family: verdana,arial; font-size: 10px; color: red; }
input
.green[type=submit] { color: green; }
INPUT, SELECT, TEXTAREA, FORM { font-family: Arial, sans-serif; font-size: 11px; }

.button {
    color: #336699;
    font-family: Arial, sans-serif;
    font-weight:normal;
    text-decoration: none;
    padding:4px 6px;
    width:90px;
    height:10px;
    cursor: default;
    border:solid 0px #000000;
    border-radius:0px;
    box-shadow:1px 1px 1px 1px #666;
    background:lightblue;
}

.button:hover {
    background-color: lightblue;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    box-shadow:1px 1px 1px 1px #666;
    cursor: default;    
    }
.button:active {
  color: #ffffff;
  background-color: lightblue;
  box-shadow: inset 1px 1px 1px 1px #666;
  transform: translateY(4px);
  text-decoration: none;
  cursor: default;
}
.button1 {
    display: inline-block;
    color: #336699;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    font-weight:normal;
    text-decoration: none;
    padding: 3px 3px;
    width:15px;
    height:15px;
    cursor: default;
    border:solid 2px orange;
    border-radius:1px;
    box-shadow:0px 0px 0px 0px #666;
    background-color:lightyellow;
    text-align: center;
    vertical-align: middle;
    
}

.button1:hover {
    background-color: orange;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    box-shadow:0px 0px 0px 0px #666;
    cursor: default;    
    }
.button1:active {
  color: #FFFFFF;
  background-color: orange;
  box-shadow: inset 0.5px 0.5px 0.5px 0.5px #666;
  transform: translateY(0.5px);
  text-decoration: none;
  cursor: default;
}
.button2 {
    display: inline-block;
    color: #336699;
    font-family: Arial, sans-serif;
    font-weight:normal;
    text-decoration: none;
    padding: 3px 3px;
    width:35px;
    height:13px;
    cursor: default;
    border:solid 2px orange;
    border-radius:1px;
    box-shadow:0px 0px 0px 0px #666;
    background-color:lightyellow;
    text-align: center;
}

.button2:hover {
    background-color: orange;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    box-shadow:0px 0px 0px 0px #666;
    cursor: default;    
    }
.button2:active {
  color: #FFFFFF;
  background-color: orange;
  box-shadow: inset 0.5px 0.5px 0.5px 0.5px #666;
  transform: translateY(0.5px);
  text-decoration: none;
  cursor: default;
}

/* menue linke seite */

#menu a {
display: block;
color:#3f3f3f;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left:3px;
padding-bottom: 0px; 
padding-top: 0px;
margin: 0px auto;
}

#menu a:visited {
color:#3F3F3F;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left:3px;
padding-bottom: 0px; 
padding-top: 0px;
margin: 0px auto;
}


#menu a:active {
color:#3F3F3F;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left:3px;
padding-bottom: 0px; 
padding-top: 0px;
margin: 0px auto;
}

#menu a:hover {
color:#ffffff;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left:3px;
padding-bottom: 0px; 
padding-top: 0px;
margin: 0px auto;
}
.rubrik {font-size:8pt;color:#CFCFCF}



/* menue oben */


#menu2 a {
display: block;
color:#5F5F5F;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left: 2px; 
padding-bottom: 3px; 
padding-top: 3px;
margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
}

#menu2 a:visited {
color:#5F5F5F;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left: 2px; 
padding-bottom: 3px; 
padding-top: 3px;
margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
}

#menu2 a:active {
color:#5F5F5F;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt;
padding-left: 2px; 
padding-bottom: 3px; 
padding-top: 3px;
margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
}

#menu2 a:hover {
color:#ffffff;
text-decoration:none;
font-family:verdana, sans-serif; 
font-size:9pt; 
padding-left: 2px; 
padding-bottom: 3px; 
padding-top: 3px;
margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
letter-spacing:2px;
}




/* allgemeine links im text */

a:link{ color: black; text-decoration:none; font-family: Arial; font-size: 9pt; }

a:visited{color: black;text-decoration:none;font-family: Arial; font-size: 9pt; }

a:active{ color:red;text-decoration:none;font-family: Arial; font-size: 9pt; }

a:hover{ color: red;  text-decoration:none;font-family: Arial; font-size: 9pt; }

.links:link
{ color: black; text-decoration:none; font-family: verdana; font-size: 10pt; }
.links:visited
{ color: green; text-decoration:none; font-family: verdana; font-size: 10pt; }
.links:active
{ color: black; text-decoration:none; font-family: verdana; font-size: 10pt; }
.links:hover
{ color: red; text-decoration:none; font-family: verdana; font-size: 10pt; }
}
@media print{
  #screen { display:none; }
}