/* style sheet for www.ralfmartinhansen.de */
/* Ralf Martin Hansen */

h1 { font-size:1.2em; font-family:sans-serif; margin-left:0mm; color:black; }
h2 { font-size:1.2em; font-family:sans-serif; margin-left:0mm; color:black; }
h3 { font-size:1.1em; font-family:sans-serif; margin-left:0mm; color:black; }
h4 { font-size:1em; font-family:sans-serif; margin-left:0mm; color:black; }
h5 { font-size:1em; font-family:sans-serif; margin-left:0mm; color:black; }
html, body { 	font-size:1em;
	font-family:sans-serif;
	margin-left:1px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
        height:100%;
 }
p { font-size:1em; font-family:sans-serif; }
pre { font-size:1em; font-family:sans-serif; }
li { font-size:1em; font-family:sans-serif; }
th { font-size:1.2em; font-family:sans-serif; }
td { font-size:1.0em; font-family:sans-serif;}
caption { font-size:1em; font-family:sans-serif; }
table { width:100%; border-style:solid; border-width:0; padding:0; border-color:#000000; }
th { border-style:solid; border-width:0px; padding:2px 0px 2px 2px; border-color:#000000; }
td { border-style:solid; border-width:0px; padding:0px 0px 0px 2px; border-color:#000000; }

hr { color:#E5FBFF; }

a:link { text-decoration:none; color:#000000; background-color:#E5FBFF; font-size:1.0em;
         margin: 0px 2px 0px 2px; padding: 2px 2px 2px 2px; 
       }
a:visited { text-decoration:none; color:#000000; background-color:#F4FDFF;}
a:hover { text-decoration:underline; color:#000000; background-color:#E5FBFF;}
a:active { text-decoration:underline; color:#000000; background-color:#E5FBFF;}

iframe { background-color:#ffffff; }

#nav {
   width:95%;
   height:100%; 
   float:left;
   margin-left:2px;
   margin-top:2px;
   margin-right:2px;
   margin-bottom:2px;
   background-color: #000000;
  }
  #nav a {
   text-decoration:none;
  }
  #nav th a:link { 
   list-style: none;
   margin: 2px 10px 0px 0px;
   padding: 2px;
   background-color: #ffffff;
  }
  #nav ul { 
   list-style: none;
   margin: 12px 0px 0px 0px;
   padding: 0px;
  }
  #nav ul li { 
   border-bottom: 1px solid #000000;
   background-color: #000000;
  }
  #nav ul li a:link, #nav ul li a:visited { 
   font-size: 1em;
   display: block;
   padding: 2px 0px 2px 2px;
   background-color: #000000;
   color: #dddddd;
  }
  #nav ul li a:hover, #nav ul li a:active { 
   font-size: 1em;
   display: block;
   padding: 2px 0px 2px 2px;
   background-color: #666666;
   color: #ffffff;
  }
  #nav ul ul { 
   list-style: none;
   margin: 0px;
   padding: 0px;
  }
  #nav ul ul{ 
   border-bottom: none;
  }
  #nav ul li ul { 
   list-style: none;
   margin: 0px;
   padding: 0px;
  }
  #nav ul li ul{ 
   border-bottom: none;
  }
  #nav ul ul li a:link, #nav ul ul li a:visited { 
   font-size: 1em;
   display: block;
   padding: 2px 0px 2px 10px;
   background-color: #000000;
   color: #dddddd;
  }
  #nav ul ul li a:hover, #nav ul ul li a:active { 
   font-size: 1em;
   display: block;
   padding: 2px 0px 2px 10px;
   background-color: #666666;
   color: #ffffff;
  }
  #nav ul li ul li a:link, #nav ul li ul li a:visited { 
   font-size: 1em;
   display: block;
   padding: 2px 0px 2px 10px;
   background-color: #000000;
   color: #dddddd;
  }
  #nav ul li ul li a:hover, #nav ul li ul li a:active { 
   font-size: 1em;
   display: block;
   padding: 2px 0px 2px 10px;
   background-color: #666666;
   color: #ffffff;
  }


.spritebutton {
 // height: 50;
 // width: 80;
  border: none;
  background-color: #D8E4F2;
  color: black;
  padding: 15px 32px;
  display: inline-block;
  transition-duration: 0.4s;
}
.spritebutton:hover {
  background-color: #C8D4E2;
  color: black;
}
.spritebutton:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}