html, body, p, h2, ul, ol,  a, li
{
   padding: 0px;
   font-family:  Arial, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
   text-align: left;   
}

td
{
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
}

body
{
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
}

html
{
    height: 100%;
}
                
h1
{ 
    COLOR: black;
    ;font-family: Arial, Helvetica, sans-serif;
    ;FONT-SIZE: 27pt;
    font-family: 'Tangerine', serif;
    FONT-SIZE: 56pt;
    margin-left:0px; 
    margin-right:0px; 
    margin-top:0px; 
    margin-bottom:0px;
}

h3
{ 
    COLOR: black;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 16pt;
    margin-left:0px; 
    margin-right:0px; 
    margin-top:0px; 
    margin-bottom:0px;
    padding: 0px;
}

p
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    margin-left:20px; 
    margin-right:20px; 
    margin-top:0px; 
    margin-bottom:0px;    
}

A
{
    COLOR: #008000;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    font-family: Arial, Helvetica, sans-serif;
}

A:link
{
    FONT-SIZE: 10pt;
    TEXT-DECORATION: underline;
    font-family: Arial, Helvetica, sans-serif;
}

A:active
{
    COLOR: #FF8000;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
}

A:visited
{
    COLOR: #268764;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: underline
}

A:focus
{
    COLOR: #FF8000;
}

A:hover
{
    COLOR: #FF8000;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    cursor:url(cursor_fire.gif), pointer;
}

A:active
{
    COLOR: #FF8000;
}

.obergruppe A
{
    COLOR: #FFFF00;
    cursor:pointer;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.obergruppe A:visited
{
    color: #FFFF00;
    FONT-SIZE: 8pt;
}

.obergruppe A:focus
{
    color:red;
}

.obergruppe A:hover
{
    color: #FF8000;
    FONT-SIZE: 9pt;
}

.obergruppe A:active
{
    COLOR: #FF8000;
}

.untergruppe A
{
    COLOR: #00FF00;
    cursor:pointer;
    TEXT-DECORATION: none;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.untergruppe A:visited
{
    color: #00FF00;
    FONT-SIZE: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}

.untergruppe A:focus
{
    COLOR: #FF8000;
}

.untergruppe A:hover
{
    color: #FF8000;
    FONT-SIZE: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

.untergruppe A:active
{
    COLOR: #FF8000;
}

a.extern:link
{
    background:url(/pic4all/external.gif) no-repeat 100% 0;
    padding:0 20px 0 0;
    FONT-SIZE: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}

a.extern:visited
{
    background:url(/pic4all/external.gif) no-repeat 100% -100px;
    color:#268764;
    padding:0 20px 0 0;
    FONT-SIZE: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}
a.extern:hover,a.extern:active,a.extern:focus
{
    background: url(/pic4all/external.gif) no-repeat 100% -200px;
    padding:0 20px 0 0;
    color: #FF8000;
    FONT-SIZE: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}

.klein
{ 
    COLOR: black;
    FONT-SIZE: 8pt;
}

.klein_rot
{ 
    COLOR: #FF0000;
    FONT-SIZE: 8pt;
}

.rot
{ 
    COLOR: #FF0000;
}

.img-shadow 
{
  float:left;
  background: url(/pic4all/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/pic4all/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
  
.img-shadow img
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFC8; /*Hintergrundfarbe Bilderrahmen*/
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -250px; /*position where enlarged image should offset horizontally*/

}

.thf{
position: relative;
z-index: 0;
}

.thf:hover{
background-color: transparent;
z-index: 50;
}

.thf span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFC8; /*Hintergrundfarbe Bilderrahmen*/
padding: 5px;              /*Breite des gelben Randes*/
left: -1000px;
border: 1px dashed gray;   /*Muster und Breite des Randes*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thf span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}

.thf:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: -400px; /*position where enlarged image should offset horizontally*/
}
.totopdiv
 {
  background-color:transparent;
  border-style:solid #000000 1px;
 }
#divid
{
 position:fixed;
 left:95%; top:95%; width:33px; height:30px;
}